/********************************/
/*       Fade Bs-carousel       */
/********************************/





.fade-carousel {
    position: relative;
    height: 600px;
	max-width:100%;
	margin:0 auto;
}
.fade-carousel .carousel-inner .item {
    height: 600px;
}
.fade-carousel .carousel-indicators > li {
    margin: 0 2px;
    background-color: #f39c12;
    border-color: #f39c12;
    opacity: .7;
}
.fade-carousel .carousel-indicators > li.active {
  width: 10px;
  height: 10px;
  opacity: 1;
}

/********************************/
/*          Hero Headers        */
/********************************/
.hero {
    position: absolute;
    top: 50%;
	left:50%;
	width:100%;
    z-index: 3;
    color: #fff;
	padding:0 20px;
    text-align: center;
   /* text-shadow: 1px 1px 0 rgba(0,0,0,.75); */
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}


.whitecolor {color:#fff!important;}
.hero h1 {
    font-size:4em;   
    margin: 0;
    padding: 0;
	padding:10px 0;
	margin-top:5px;
	color:#fff;
	font-weight:bold;
}


.hero h3 {
    font-size:1.5em;   
	line-height:150%;
	margin: 0;
    padding: 0;
	padding:5px;
	font-weight:500;
	margin-top:5px;
	color:#fff;

	
}

.hero h5 {
    font-size:1.2em;   
	line-height:150%;
	margin: 0;
    padding: 0;
	padding:5px;
	font-weight:500;
	margin-top:5px;
	color:#fff;

	
}
.hero a.btn {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    padding: 15px 50px;
	background:transparent;
	border-radius:30px;
	background:#333;
    transition: all 0.3s;
	margin-top:20px;
	font-weight:700;
	letter-spacing:-1px;
}




.fade-carousel .carousel-inner .item .hero {
    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 .hero {
    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;    
}

/********************************/
/*            Overlay           */
/********************************/
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -2;
    opacity: 1;
}

/********************************/
/*          Custom Buttons      */
/********************************/
.btn.btn-lg {padding: 10px 40px;}
.btn.btn-hero,
.btn.btn-hero:hover,
.btn.btn-hero:focus {
    color: #f5f5f5;
    background-color: #1abc9c;
    border-color: #1abc9c;
    outline: none;
    margin: 20px auto;
	display:none;
}

/********************************/
/*       Slides backgrounds     */
/********************************/
.fade-carousel .slides .slide-1, 
.fade-carousel .slides .slide-2,
.fade-carousel .slides .slide-3,
.fade-carousel .slides .slide-4,
.fade-carousel .slides .slide-5{
  height: 600px;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1 {
  background-image: url(/img/mainvisual01.jpg); 	
}

.fade-carousel .slides .slide-2 {
  background-image: url(/img/mainvisual02.jpg); 	
}

.fade-carousel .slides .slide-3 {
  background-image: url(/img/mainvisual03.jpg); 	
}

.fade-carousel .slides .slide-4 {
  background-image: url(/img/mainvisual04.jpg); 	
}

.fade-carousel .slides .slide-5 {
  background-image: url(/img/mainvisual05.jpg); 	
}



/********************************/
/*          Media Queries       */
/********************************/

@media screen and (max-width: 1025px){ 


	.hero {
		position: absolute;
		top: 50%;
		left:50%;
		width:100%;
		z-index: 3;
		color: #fff;
		padding:0 20px;
		text-align: center;
	   /* text-shadow: 1px 1px 0 rgba(0,0,0,.75); */
		  -webkit-transform: translate3d(-50%,-50%,0);
			 -moz-transform: translate3d(-50%,-50%,0);
			  -ms-transform: translate3d(-50%,-50%,0);
			   -o-transform: translate3d(-50%,-50%,0);
				  transform: translate3d(-50%,-50%,0);
	}



	/********************************/
	/*       Slides backgrounds     */
	/********************************/
	.fade-carousel .slides .slide-1, 
	.fade-carousel .slides .slide-2,
	.fade-carousel .slides .slide-3,
	.fade-carousel .slides .slide-4,
	.fade-carousel .slides .slide-5{
	  height: 600px;
	  background-size: cover;
	  background-position: top center;
	  background-repeat: no-repeat;
	}
	.fade-carousel .slides .slide-1 {
	  background-image: url(/img/mainvisual01.jpg); 	
	}

	.fade-carousel .slides .slide-2 {
	  background-image: url(/img/mainvisual02.jpg); 	
	}

	.fade-carousel .slides .slide-3 {
	  background-image: url(/img/mainvisual03.jpg); 	
	}

	.fade-carousel .slides .slide-4 {
	  background-image: url(/img/mainvisual04.jpg); 	
	}
	


}


@media screen and (max-width: 980px){
}


@media screen and (max-width: 768px){
	




.fade-carousel {
		position: relative;
		height: 500px;
		max-width:1170px;
		margin:0 auto;
	}
	.fade-carousel .carousel-inner .item {
		height: 500px;
	}


	
	/********************************/
	/*       Slides backgrounds     */
	/********************************/
	.fade-carousel .slides .slide-1, 
	.fade-carousel .slides .slide-2,
	.fade-carousel .slides .slide-3,
	.fade-carousel .slides .slide-4,
	.fade-carousel .slides .slide-5{
	  height: 600px;
	  background-size: cover;
	  background-position: top center;
	  background-repeat: no-repeat;
	}
	



}


@media screen and (max-width: 640px){
	

	
	.hero {
		position: absolute;
		top: 60%;
		left:50%;
		width:100%;
		z-index: 3;
		color: #001d2b;
		padding:0 20px;
		text-align: center;
	   /* text-shadow: 1px 1px 0 rgba(0,0,0,.75); */
		  -webkit-transform: translate3d(-50%,-50%,0);
			 -moz-transform: translate3d(-50%,-50%,0);
			  -ms-transform: translate3d(-50%,-50%,0);
			   -o-transform: translate3d(-50%,-50%,0);
				  transform: translate3d(-50%,-50%,0);
	}

	
	

	.hero h1 {
		font-size:2.4em;   
		margin: 0;
		padding: 0;
		padding:10px 0;
		letter-spacing:-1px;
		font-weight:Bold;
		color:#fff;
		
	}

	.hero h1 img{
		width:320px;
		
	}

	.hero h3 {
		font-size:14px;   
		line-height:140%;
		margin: 0;
		padding:0;
		font-weight:500;
		margin-top:5px;
		color:#fff;
		
	}

	.hero h5 {
		font-size:12px;   
		line-height:140%;
		margin: 0;
		padding:0;
		font-weight:500;
		margin-top:5px;
		color:#fff;
		
	}

	.hero a.btn {
		display: inline-block;
		font-size: 15px;
		color: #fff;
		padding: 10px 30px;
		background:transparent;
		border-radius:30px;
		transition: all 0.3s;
		margin-top:10px;
		
		font-weight:700;
		background:#333;
	}


	
	


	.fade-carousel {
		position: relative;
		height: 420px;
		max-width:1170px;
		margin:0 auto;
	}


	.fade-carousel .carousel-inner .item {
		height: 420px;
	}


	.fade-carousel .slides .slide-1, 
	.fade-carousel .slides .slide-2,
	.fade-carousel .slides .slide-3,
	.fade-carousel .slides .slide-4,
	.fade-carousel .slides .slide-5{
	  height: 420px;
	  background-size: cover;
	  background-position: top center  ;
	  background-repeat: no-repeat;
	}

	



	
	




}