/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {}


@font-face {font-family: "exo"; src: url("../fonts/Exo_2/Exo2-Regular.ttf");}
@font-face {font-family: "exosemibold"; src: url("../fonts/Exo_2/Exo2-SemiBold.ttf");}
@font-face {font-family: "exobold"; src: url("../fonts/Exo_2/Exo2-Bold.ttf");}

@font-face {
      font-family: 'awesome-entypo';
      src: url('../font/awesome-entypo.eot?22577642');
      src: url('../font/awesome-entypo.eot?22577642#iefix') format('embedded-opentype'),
           url('../font/awesome-entypo.woff?22577642') format('woff'),
           url('../font/awesome-entypo.ttf?22577642') format('truetype'),
           url('../font/awesome-entypo.svg?22577642#awesome-entypo') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
     
.demo-icon {
	font-family: "awesome-entypo"; font-style: normal; font-weight: normal; speak: none;
    display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center;
    /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none;
	/* fix buttons height, for twitter bootstrap */ line-height: 1em;
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */ margin-left: .2em;
	/* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	/* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }
.codesOn .i-name {display: none;} 
.codesOn .i-code {display: inline;}
.i-code {display: none;}

.muta-slider {margin: 88px 0 -430px 0;}

.carousel,
.item,
.active {
    height: 700px;
	font-family: exo;
	margin: 0 0 0px 0;
	width: 100%; /* foarte important - fara asta joaca cadrele */
	border-radius: 0px; overflow: hidden; z-index: 0;
	border-bottom: 10px solid #bfdcc8;
	border-top: 1px solid #aaa;
	}
.item {position: relative;}
.carousel-inner {
	width: 100%;
    height: 100%;
	margin: 0px 0 0 0;
	}

/* Background images are set within the HTML using inline CSS, not here */

.fill {width: inherit; /*height: 690px;*/}
.fill img {
	position: absolute; top: 0; left: 0;
	width: 100%; 
	}

footer {margin: 0px 0;}

.carousel-caption {
	display: block;	width: 850px;
	padding: 0 30px 20px 30px; border-radius: 4px;
	position: absolute;	bottom: 20px; left: 50%; margin-left: -425px;
	z-index: 500;
	color: #fff;
	text-align: center; 
	font-family: exo;
	background: rgba(0,0,0,0);
	}
	
.carusel-text-link {display: block; transition: all 0.5s;}


.carusel-text-link b { /*titlu mic*/
	display: block;
	color: #fff;
	font: 40px exo; line-height: 48px; letter-spacing: -1px;
	text-transform: uppercase; 
	margin: 0 0 20px 0;
	opacity: 0.6; 
	}
.carusel-text-link strong { /*titlu mare*/
	display: block;
	color: #fff;
	font: 55px Courgette; line-height: 60px; letter-spacing: -1px;
	/*text-transform: uppercase; */
	text-shadow: 8px 8px 5px rgba(0,0,0,0.5);
	}

.carusel-text-link p {
	color: #fff;
	font: 45px Courgette; line-height: 55px;
	text-shadow: 4px 4px 5px rgba(0,0,0,0.7);
	}