/*!
 * 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/exoweather/exoweather-Regular.ttf");}
@font-face {font-family: "exobold"; src: url("../fonts/exoweather/exoweather-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;
    }

.carousel,
.item,
.active {
    height: 440px;
	font-family: exo;
	margin: 0;
	width: 100%; /* foarte important - fara asta joaca cadrele */
	border-bottom: 15px solid #eee;
	/*border-top: 1px solid #333;*/
	}
.item {position: relative;}
.carousel-inner {
	width: inherit;
    height: 440px;
	margin: -63px 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: 50%; margin-left: -1000px;
	 width: 2000px; height: 440px;
	
	}



	
footer {
    margin: 0px 0;
}



.carousel-caption {
	/*display: none;*/
	/*position: absolute;	left: 50% !important; top: 80px; z-index:10;*/
	
	width: 850px; background: #eee;
	padding: 0px; margin:0;
	color: #000;
	text-align: left;
	font-family: exo;
	}

	
	
.carmask {
	position: absolute;	 top: 0px; z-index:10;
	display: none; /*ascuns*/ width: 850px; height: 550px; opacity: 1;
	cursor: pointer;
	background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0));
	}
.carmask1 {left: 0; background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0));}
.carmask2 {right: 0; background: linear-gradient(to left, rgba(0,0,0,0.8), rgba(0,0,0,0.5), rgba(0,0,0,0));}
	
.carusel-text-link {
	display: none; width: 850px; /*ascuns*/
	position: absolute;	top: 0px; left: 50%;z-index:20;
	padding: 0px 0; margin: 100px 0 0 -250px;
	}
.cc-left {/*left: 5%; */}
.cc-right {/*right: 5%; */}

.carusel-text-link b {
	display: block;color: #fff;font-size: 60px; margin: 0 0 20px 0;
	}
.carusel-text-link div.autor-slider {
	display: block;  position: relative;
	overflow: hidden;
	height: 120px;
	}
.carusel-text-link em {
	position: absolute; left: 0; top: 100px;
	display: block; color: #e92033;
	font: 105px exosemibold; letter-spacing: -4px;
	text-shadow: 6px 6px 15px rgba(0,0,0,0.5);
	overflow: hidden;
	animation-name: apare;
	animation-delay: 0s;
    animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	}
@keyframes apare {
	0% {top: 100px; opacity: 0;}
	100% {top: 0; opacity: 1;}
    }
.carusel-text-link strong {
	font-family: exo;
	font-size: 45px; line-height: 50px; letter-spacing: -1px;
	color: #fff; opacity: 0;
	animation-name: apare2;
	animation-delay: 1s;
    animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	}
@keyframes apare2 {
	0% {opacity: 0;}
	100% {opacity: 0.7;}
    }

	
.carusel-text-link span {
	display: block;
	font: 20px exo; line-height: 30px; letter-spacing: -0.7px;
	color: #ccc;
	margin: 20px 0 0 0;
	}
	
.afla {
	background: #aaa; color: #000;
	padding: 10px 0px; margin: 30px 0 20px 0px;
	width: 180px; opacity: 0;
	font: 14px exobold;
	text-align: center; text-transform: uppercase;
	text-shadow: 1px 1px rgba(255,255,255,0.5);
	border-radius: 4px;
	transition: all 0.5s;
	animation-name: apare2;
	animation-delay: 2s;
    animation-duration: 1.5s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	}
.afla:before {
	content: "\e86d"; margin: 0 10px 0 0;
	font-family: 'awesome-entypo';
	}
.afla:hover {background: #82bbf5;}