/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
	height: 400px;
	margin: 0;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 400px;
	background-color: #777;
}
.carousel-inner > .item > img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 400px;
}

.carousel-caption {	
	font-family: "Merriweather", serif;
    font-style: italic;
    position: absolute;
	top: 15%;
	left: 15%;
	right:8%;
    z-index: 3;	
    color: #fff;
	text-align: left;
    /*text-transform: uppercase;*/
    text-shadow: 1px 1px 0 rgba(0,0,0,.25);
      -webkit-transform: translate3d(-15%,-15%,8%);
         -moz-transform: translate3d(-15%,-15%,8%);
          -ms-transform: translate3d(-15%,-15%,8%);
           -o-transform: translate3d(-15%,-15%,8%);
              transform: translate3d(-15%,-15%,8%);	
}
.carousel-caption h1 {
	font-size: 7em;
	font-weight: normal;
    margin: 0;
    padding: 0;
}

.carousel-caption p {
	font-size: 2.75em;
	margin:0;
	line-height:1.4;
	color:inherit;
}

.fade-carousel .carousel-inner .item .carousel-caption {
    opacity: 0;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s; 
         -o-transition: 2s all ease-in-out .1s; 
            transition: 2s all ease-in-out .1s; 
}
.fade-carousel .carousel-inner .item.active .carousel-caption {
    opacity: 1;
    -webkit-transition: 2s all ease-in-out .1s;
       -moz-transition: 2s all ease-in-out .1s; 
        -ms-transition: 2s all ease-in-out .1s;
         -o-transition: 2s all ease-in-out .1s;
            transition: 2s all ease-in-out .1s;    
}

.carousel-indicators .active {	
	background-color: #FDDD00;
	width: 12px;
	height: 12px;
}

.carousel-indicators li {	
	width: 12px;
	height: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: rgba(6,31,92,1); /*#061f5c*/
	border: 1px solid #061f5c;
}

.controlsBlock {
   	position: absolute;
   	bottom: 25%;
   	left: 20%;
   	display: block;
   	width: 70px;
   	z-index: 1;   	
   	text-align: center;
}
/* for glyphicons */
/*.carousel-control.left,
.carousel-control.right {
	background-image: none;
	display:inline-block;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
	width: 60px;
	height: 58px;
	margin-top: -10px;
	margin-left: -30px;
	font-size: 40px;
	padding:0.2em;
	background-color: rgba(6,31,92,0.3);
}
.carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=85);
	outline: 0;
	opacity: .85;
}
.carousel-control:focus {
	opacity:.5;
}*/

/* for font-awesome */
.carousel-control i.fa {
	padding:0.05em 0.3em 0.1em;
	line-height:0.8;	
	background-color: rgba(6,31,92,0.4);
}
.carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=85);
	outline: 0;
	opacity: .85;
}
.carousel-control:focus {
	opacity:.5;
}

/********************************/
/*          Media Queries       */
/********************************/
/*@media screen and (min-width: 980px){
    .carousel-caption { width: 800px; }    
}
@media screen and (max-width: 640px){
    .carousel-caption h1 { font-size: 4em; }  
	.carousel-caption p { font-size: 1.75em; }    
}*/

@media only screen and (max-width : 1280px) {
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 360px;
	}
	
	.carousel-caption h1 {
		font-size: 6.5em;
	}

	.carousel-caption {
		top: 10%;
		left: 12%;
		right:5%;
		-webkit-transform: translate3d(-12%,-10%,5%);
		-moz-transform: translate3d(-12%,-10%,5%);
		-ms-transform: translate3d(-12%,-10%,5%);
		-o-transform: translate3d(-12%,-10%,5%);
		transform: translate3d(-12%,-10%,5%);
	}
	
	.carousel-caption p {
		font-size: 2.4em;		
	}
	
	.fa-3x {
		font-size: 2.9em;
	}
	
}

@media only screen and (max-width : 1200px) {	
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 300px;
	}
	
	.carousel-caption h1 {
		font-size: 5.25em;
	}

	.carousel-caption {
		top: 10%;
		left: 12%;
		right:5%;
		-webkit-transform: translate3d(-12%,-10%,5%);
		-moz-transform: translate3d(-12%,-10%,5%);
		-ms-transform: translate3d(-12%,-10%,5%);
		-o-transform: translate3d(-12%,-10%,5%);
		transform: translate3d(-12%,-10%,5%);
	}
	
	.carousel-caption p {
		font-size: 2.25em;		
	}
	.controlsBlock {
		width: 68px;
	}
	
	.fa-3x {
		font-size: 2.8em;
	}	
}

@media only screen and (max-width : 992px) {
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 280px;
	}
	
	.carousel-caption h1 {
		font-size: 4.75em;
	}

	.carousel-caption {
		top: 10%;
		left: 12%;
		right:5%;
		-webkit-transform: translate3d(-12%,-10%,5%);
		-moz-transform: translate3d(-12%,-10%,5%);
		-ms-transform: translate3d(-12%,-10%,5%);
		-o-transform: translate3d(-12%,-10%,5%);
		transform: translate3d(-12%,-10%,5%);
	}
	
	.carousel-caption p {
		font-size: 2em;		
	}	
	
	.controlsBlock {
		width: 65px;
	}
	
	.fa-3x {
		font-size: 2.7em;
	}	
}

@media only screen and (max-width : 899px) {
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 260px;
	}
	
	.carousel-caption h1 {
		font-size: 4.25em;
	}

	.carousel-caption {
			top: 20%;
			left: 32%;
			right:0;
			-webkit-transform: translate3d(-32%,-20%,0);
			-moz-transform: translate3d(-32%,-20%,0);
			-ms-transform: translate3d(-32%,-20%,0);
			-o-transform: translate3d(-32%,-20%,0);
			transform: translate3d(-32%,-20%,0);
		}
	
	.carousel-caption p {
		font-size: 1.75em;		
	}
	
	.controlsBlock {
		width: 62px;
	}
	
	.fa-3x {
		font-size: 2.6em;
	}	
}

@media only screen and (max-width : 767px) {
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 220px;
	}
	
	.carousel-caption h1 {
		font-size: 3.75em;
	}

	.carousel-caption {
		top: 20%;
		left: 32%;
		right:0;
		-webkit-transform: translate3d(-32%,-20%,0);
		-moz-transform: translate3d(-32%,-20%,0);
		-ms-transform: translate3d(-32%,-20%,0);
		-o-transform: translate3d(-32%,-20%,0);
		transform: translate3d(-32%,-20%,0);
	}
	
	.carousel-caption p {
		font-size: 1.4em;		
	}	

	.controlsBlock {
		width: 58px;
	}
	
	.fa-3x {
		font-size: 2.4em;
	}	
}

@media only screen and (max-width : 568px) {
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 200px;
	}
	
	.carousel-caption h1 {
		font-size: 3.25em;
	}
	
	.carousel-caption {
		top: 20%;
		left: 32%;
		right:0;
		-webkit-transform: translate3d(-32%,-20%,0);
		-moz-transform: translate3d(-32%,-20%,0);
		-ms-transform: translate3d(-32%,-20%,0);
		-o-transform: translate3d(-32%,-20%,0);
		transform: translate3d(-32%,-20%,0);
	}
	
	.carousel-caption p {
		font-size: 1.15em;		
		line-height:1.4;
	}
	
	.controlsBlock {
		bottom: 30%;
		left: 15%;
		width: 55px;
	}
	
	.fa-3x {
		font-size: 2.2em;
	}	
}

@media only screen and (max-width : 480px) {
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 180px;
	}
	
	.carousel-caption h1 {
		font-size: 2.5em;
	}
	
	.carousel-caption {
		top: 20%;
		left: 30%;
		right:0;
		-webkit-transform: translate3d(-30%,-20%,0);
		-moz-transform: translate3d(-30%,-20%,0);
		-ms-transform: translate3d(-30%,-20%,0);
		-o-transform: translate3d(-30%,-20%,0);
		transform: translate3d(-30%,-20%,0);
	}
	
	.carousel-caption p {
		font-size: 1em;		
	}
	
	.controlsBlock {
		bottom: 30%;
		left: 12%;
		width: 50px;
	}
	
	.fa-3x {
		font-size: 2em;
	}
}

@media only screen and (max-width : 360px) {
	.carousel,
	.carousel .item,
	.carousel-inner > .item > img {
		max-height: 150px;
	}
	.carousel-caption {
		top: 18%;
		left: 28%;
		right:0;
		-webkit-transform: translate3d(-28%,-18%,0);
		-moz-transform: translate3d(-28%,-18%,0);
		-ms-transform: translate3d(-28%,-18%,0);
		-o-transform: translate3d(-28%,-18%,0);
		transform: translate3d(-28%,-18%,0);
	}	
	.carousel-caption h1 {
		font-size: 2.2em;
	}
	
	.carousel-caption p {
		font-size: 0.85em;		
	}
	
	.controlsBlock {
		bottom: 30%;
		left: 12%;
		width: 48px;
	}
	
	.fa-3x {
		font-size: 1.8em;
	}
}