/*!
 * 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: 0px 0 130px 0;}

.carousel,
.item,
.active {
    height: 450px;
	font-family: exo;
	margin: 0 0 -70px 0;
	width: 100%; /* foarte important - fara asta joaca cadrele */
	border-radius: 0px; overflow: hidden; z-index: 0;
	border-bottom: 3px solid #999;
	/*border-top: 1px solid #77a4c3;*/
	}
.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: 440px;}
.fill img {
	position: absolute; top: 0; left: 0px;
	width: 120%; 
	}

footer {margin: 0px 0;}

.carousel-caption {
	display: block;
	position: absolute; bottom: 20px; left: 50%; margin-left: -350px !important;
	width: 700px; 
	padding: 0px; margin:0;
	
	text-align: center; 
	font-family: exo;
	}

	
	
.carusel-text-link {
	display: block; width: 100%; height: 100%;
	padding: 20px;
	background: rgba(0,0,0,0.7);
	transition: all 0.5s;
	text-transform: uppercase;
	border-radius: 6px;
	}



.carusel-text-link strong { /*titlu mare*/
	font: 60px exo; line-height: 60px; letter-spacing: -1px;
	color: #fff;
	}
.carusel-text-link b { /*titlu mic*/
	display: block; margin: 5px 0 0 0;
	font: 30px exo; line-height: 30px; letter-spacing: -0.5px;
	color: #fff;
	}

.carusel-text-link em {
	display: none;
	color: #333;
	font: 20px exo; line-height: 20px; letter-spacing: -1px;
	border: 1px solid #333; border-radius: 4px;
	padding: 8px 20px; margin: 30px 0 0 0;
	opacity: 1; transition: all 0.5s;
	background: rgba(255,255,255,0.3);
	}
.carusel-text-link:hover em	{opacity: 1;}