@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans_300.otf");
    font-style: normal;
	font-weight: 300;
}
@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans_500.otf");
    font-style: normal;
	font-weight: 500;
}
@font-face {
    font-family: "Museo Sans";
    src: url("../fonts/MuseoSans_900.otf");
    font-style: normal;
	font-weight: 900;
}



/******************************************************
						HTML | Body
******************************************************/


html, body{
    min-height: 100%;
    overflow-x: hidden;
    font-family:"Museo Sans", sans-serif;
}
body{
    position: relative;
    overflow: visible;
}

.roteiros{
	position:  static;
	width: 100%;

	border-top: 2px solid  #36609c;

	color: white;
	font-size: 18px;
		
	text-align: left;
 
    
    background-image: url('../img/roteiros.jpg');   
    background-size: cover;
    background-position: center top; 
    background-attachment: fixed;
   
    
}

.inspirar p{
	margin-top:  50px;
	margin-bottom:  50px;
}

.inspirar{
	margin-top:  100px;
	margin-bottom:  100px;
}

.titulo{
	font-size: 20px;
	color: white;
	text-align: left;
	font-weight: 900;
}

.divazul{
	color: white;
	font-size: 18px;
	text-align: center;
	background: rgb(55,97,155);
background: -moz-linear-gradient(left, rgba(55,97,155,1) 0%, rgba(93,156,212,1) 100%);
background: -webkit-linear-gradient(left, rgba(55,97,155,1) 0%,rgba(93,156,212,1) 100%);
background: linear-gradient(to right, rgba(55,97,155,1) 0%,rgba(93,156,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37619b', endColorstr='#5d9cd4',GradientType=1 );
}

.divazul p{
	margin-top: 25px;
	margin-bottom: 25px;
}

#linha-pai{
	height:  505px;
	margin-top: 60px;
    margin-bottom: 60px;
}

#linha-pai > div {
	height: 100%;
}

#tele-carrossel{	
	width: auto;
    height: 100%;
    /*margin: 20% 12% 10% 14%;*/
    margin: 20% 11% 10% 14%;
}

.botao-nav{
	color: #9f9fa2;
	font-size: 30px;
	transition: all 0.3s linear;

}

.botao-nav:hover{
	color: #36609c;
}

.tabela{
	display: table;
	width: 100%;
	height: 100%;
}

.celula{
	display: table-cell !important;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	background-color: transparent !important;
	background-image: none !important;
	top: calc(50% - 30px);
	cursor: pointer;
}

.carousel-control{
	opacity: 1.0;
	text-shadow: none;
}

#telemovel{
	width:100%; 
	height:auto; 
	position:absolute; 
	z-index:10;	
}

.feature{
	height: 60px;
	font-size: 20px;
	background-size: 60px 60px;
	padding-left: 85px;
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
	margin-bottom:  20px;
}

.feature span {
	overflow: visible;
	display: block;
}

.verticalign{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) ;
    	-moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%) ;
    -o-transform: translateY(-50%) ;
    transform: translateY(-50%) ;
}



.downloads{
	font-size: 15px;
}

.divazul.downloads{
	padding-top: 30px;
	padding-bottom: 50px;
	text-align: center;
}

.downloads img{
	width: 100%;
	height: auto;
}

.footer span.findeye{
	font-size: 15px;
	color: #939393;
	float: left;
	margin-top: 35px;
}

.footer span.imagens{
	float: right;
	margin-top: 25px;
	margin-bottom: 25px;
}

.roteiros button{
	color: white;
	font-size: 15px;
	border: 1px solid white;
	border-radius: 10px;
    padding: 10px 25px;
	background-color: rgba(0,0,0,0);
	transition: all 0.3s linear;

}

a:focus, button:focus, a:active, button:active, a:visited, button:visited{
	outline: none;
	text-decoration: none;
}


.roteiros button:hover{
	background-color: rgba(0,0,0,0.5);
	
}


.borda{
	border: 1px solid white;
	border-radius: 10px;
	padding: 3px 12px;
	background-color: rgba(0,0,0,0);
	transition: all 0.3s linear;
}

.borda.inactiva{
	border-color: rgba(255,255,255,0.5);
}

.borda:not(.inactiva):hover{
	background-color: rgba(0,0,0,0.5);
	
}

.chegaleft{
	transform: translateX(-15px);
}
.chegaright{
	transform: translateX(15px);
}

#slider-carrossel{
	max-height: 100vh;
	width: 100vw;
	overflow: hidden;
	position:  absolute;
}

#slider-carrossel .item img{
	width: 100%;
	height: auto;
}

#slider-carrossel .item img{
	opacity: 1;
}

#slider-carrossel .item{
	opacity: 1;
	background-size: cover;
	background-position: 50% 50%;
	height: 100vh;
	width: 100%;

}

#slider-carrossel{
	background-color: black;
}

#bootslider{
	overflow: hidden;
}

/*.banner-slider .container, .banner-slider .maos{
	width: 100%;
    height: auto;
    position: absolute;
	
}

.banner-slider .container{
	color: white;

}

.banner-slider .container p{
	font-size: 18px;
}

.banner-slider .container h1{
	font-size: 55px;
	text-shadow: 0px 0px 5px 1px rgba(0,0,0,0.5);
}*/


.bs-vertical-center{
	width:  100%;

}

.heading{
	text-align:  right;
	font-size: 40px;
	font-weight: 900;
	/*color: white;*/
	color: #6cc6eb;
	text-shadow: 0px 0px 25px rgba(0,0,0,1);
}

.heading span{
	font-size: 30px;
	color: white;
}

.subheading{
	text-align:  right;
	font-size: 18px;
	font-weight: 500;
	color: white;
	text-shadow: 0px 0px 25px rgba(0,0,0,1);
}

.olho{
	text-align:  right;
}



@media (max-width: 767px) {

	#linha-pai{
		height: 450px;
		margin-top: 30px;
	}
	.chegaleft{
		transform: translateX(0px);
	}
	.chegaright{
		transform: translateX(0px);
	}
	.heading{
		font-size: 25px !important;
	}

	.heading span{
		font-size: 18px !important;
	}
	.introducao{
		font-size: 15px;
	}
	.amao{
		height: 350px !important;
		width:  auto !important;

	}
	.feature span{
		font-size: 15px;
	}
	.inspirar p{
		font-size: 15px;
	}
	.para{
		font-size: 16px;
	}
	.subheading{
		margin-top: 10px;
		font-size: 13px;
	}
	.bs-vertical-center{
		top: 35px !important;
		 -webkit-transform: translateY(0px) !important;
    	-moz-transform: translateY(0px) !important;
    -ms-transform: translateY(0px) !important;
    -o-transform: translateY(0px) !important;
    transform: translateY(0px) !important;

	}


	
	#telemovel {
		width: 260px !important;
		left: 50% !important;
		margin-left: -130px !important
	}

	#tele-carrossel{
		width: 188px !important;
		margin:auto !important;
		margin-top: 50px !important;
	}




}
@media (min-width: 768px) AND  (max-width: 991px){

	.feature {
    	height: 75px;
	}

	#linha-pai{
		height: 400px;
	}
	#listafeatures{
		transform: translateY(-20px);
	}


	.heading{
		font-size: 30px !important;
	}

	.heading span{
		font-size: 20px !important;
	}

	.subheading{
		font-size: 15px !important;
	}




	
}
@media (min-width: 992px) AND (max-width: 1209px){


	.heading{
		font-size: 30px !important;
	}

	.heading span{
		font-size: 20px !important;
	}

	.subheading{
		font-size: 15px !important;
	}

	
	.feature {
    	height: 75px;
	}

	#linha-pai{
		height: 400px;
	}
	#listafeatures{
		transform: translateY(-20px);
	}

}
@media (min-width: 1210px) {

}
@media (max-width: 470px) {
	.footer span.findeye{
		float: none;
		display: block;	
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center;
		margin-top: 10px;
	}

	.footer span.imagens{
		float: none;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;	
		margin-bottom: 10px;
		margin-top: 0px;
	}

	.footer img{
		float: none;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;	
		margin-top: 10px;
	}







	.feature {
    	min-height: 60px;
    	height: auto;    	
	}

	

	
	#linha-pai{
		height: 400px;
	}
	#listafeatures{
		transform: translateY(-50px);
	}




	.carrocelcoisas{
		height: 450px !important;	
	}	
	#telemovel {
		width: 220px !important;
		left: 50% !important;
		margin-left: -110px !important
	}
	#tele-carrossel{
	    width: 159px !important;
    	margin: auto !important;
    	margin-top: 44px !important;
	}

}


@media (max-width: 340px) {
	.feature:nth-child(4){
		margin-bottom: 70px;
	}

	.feature:nth-child(5){
		margin-bottom: 60px;
	}

	.feature:nth-child(6){
		margin-bottom: 20px;
	}


	
}





/*
@media (min-width: 350px) AND (max-width: 370px){
	.carrocelcoisas{
		transform: scale(1.5,1.5) translateY(65px);
	}
	.celula.left{
		transform: translateY(-45px);
	} 
	.celula.right{
		transform: translate(10px,-45px);
	} 
}

@media (min-width: 500px) AND (max-width: 550px){
	.carrocelcoisas{
		transform: scale(1.25,1.25) translateY(50px);
	}

	
}

@media (min-width: 370px) AND (max-width: 500px){
	.carrocelcoisas{
		transform: scale(1.5,1.5) translateY(65px);
	}
	.celula.left{
		transform: translateY(-45px);
	} 
	.celula.right{
		transform: translate(10px,-45px);
	} 
}

@media (min-width: 460px) AND  (max-width: 470px){
	.carrocelcoisas{
		transform: scale(1.1,1.1) translateY(10px);
	}
}

@media (min-width: 400px) AND  (max-width: 459px){
	.carrocelcoisas{
		transform: scale(1.2,1.2) translateY(25px);
	}
}

@media (min-width: 371px) AND  (max-width: 399px){
	.carrocelcoisas{
		transform: scale(1.4,1.4) translateY(50px);
	}
	#tele-carrossel{
		margin: 20% 8% 10% 14%;
	}
}

@media (min-width: 700px) AND  (max-width: 767px){
	.carrocelcoisas{
		transform: scale(0.8,0.8) translateY(0px);
	}
}

@media (min-width: 300px) AND  (max-width: 349px){
	.carrocelcoisas{
		transform: scale(1.5,1.5) translate(-5px,70px);
	}
	.celula.left, .celula.right{
		transform: translateY(-55px);
	} 
	#tele-carrossel{
		margin: 20% 7% 10% 14%;
	}

}

@media (max-width: 299px){
	.carrocelcoisas{
		transform: scale(1.5,1.5) translate(-5px,100px);
	}
	.celula.left, .celula.right{
		transform: translateY(-25px);
	} 
	#tele-carrossel{
		margin: 20% 6% 10% 14%;
	}
}

@media (min-width: 551px) AND  (max-width: 630px){
	.carrocelcoisas{
		transform: scale(0.9,0.9) translate(-5px,35px);
	}

}

@media (min-width: 746px) AND  (max-width: 767px){
	
	.verticalign {
    	transform: translateY(18px);
	}
	.verticalign-2 {
    	transform: translateY(18px);
	}

}

@media (min-width: 590px) AND  (max-width: 745px){

	.verticalign {
    	transform: translateY(18px);
	}
	.verticalign-2 {
    	transform: translateY(18px);
	}
	p:nth-child(5) .verticalign-2 {
		transform: translateY(10px);
	}
}

@media (min-width: 370px) AND  (max-width: 589px){
	.verticalign {
    	transform: translateY(20px);
	}
	.verticalign-2 {
    	transform: translateY(10px);
	}
	p:nth-child(5) .verticalign-2 {
		transform: translateY(4px);
	}
	p:nth-child(6) .verticalign {
    	transform: translateY(20px);
	}
}

*/




.modal-content h4{
	color: rgb(53,98,157);
}

.modal-content p:not(:last-child){
	margin-bottom: 25px;
}



.bs-background{
	transition: none;
	background-color: rgba(0,0,0,0.5);
}


#slider-carrossel .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
#slider-carrossel .active {
    opacity: 1;
}
#slider-carrossel .active.left,
#slider-carrossel .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
#slider-carrossel .next.left,
#slider-carrossel .prev.right {
    opacity: 1;
}
#slider-carrossel .carousel-control {
    z-index: 2;
}  


/*
@-webkit-keyframes fadeIn {
    	from { opacity: 0; }
      	to { opacity: 1; }
	}  
	@keyframes fadeIn {
	    	from { opacity: 0; }
	      to { opacity: 1; }
	}
	@-webkit-keyframes fadeOut {
    	from { opacity: 1; }
      	to { opacity: 0; }
	}  
	@keyframes fadeOut {
	    from { opacity: 1; }
	      to { opacity: 0; }
	}


	#slider-carrossel .item{
		-webkit-animation: fadeOut 1s;
   		animation: fadeOut 1s;
	}

	#slider-carrossel .item.active{
		
		-webkit-animation: fadeIn 1s;
   		animation: fadeIn 1s;
	}

	*/