/*
/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */
	body { 
		margin:0;
		font-family:myMontserrat;
		background-color:rgba(255,255,255,1);
		background:url(../img/bg.jpg) center top; background-attachment: fixed;
		background-color:rgba(255,255,255,0.5);
	}
	@font-face {
		font-family: myMontserrat;
		src: url(myMontserrat.ttf ) format('truetype');
	}
	@font-face {
		font-family: myMontserratLight;
		src: url(myMontserrat-ExtraLight.ttf ) format('truetype');
	}
	@font-face {
		font-family: myMontserratBold;
		src: url(myMontserratBold.ttf ) format('truetype');
	}
	@font-face {
		font-family: myMontserratExtraBold;
		src: url(myMontserrat-ExtraBold.ttf ) format('truetype');
	}
	.meio{
		width:1100px; 
		display:table; 
		margin: 0 auto; 
		padding: 20px 0 20px 0;
		//background-color:rgba(0,0,0,0.3);
	}
	header{
		width:100%; 
		height: 800px;
		background-image: url('../img/bg_header.jpg');
		background-size: 100% auto ;
		background-color:#111111;
		text-align:center;
	}
	.bt_acessar {
		display: table;
		font-family: 'Bebas Neue';	font-size: 30px;
		color: #010101;
		background-color: var(--cor-principal);
		padding: 10px 20px;
	}
	.logo{
		float:left;
		margin-bottom:-100px;
	}
	.menu{
		width:720px;
		height: 55px;
		line-height:55px;
		float:right;
		margin:-20px 0 0 430px;
		background-color: #2a2a2a;
		position:fixed;
		box-shadow: 5px 5px 35px rgba(0,0,0,0.3);
		border-radius: 00px 0px 30px 30px;
		padding-left:30px;
		z-index:100;
	}
	.menu img{
		float:left;
		margin: 5px 10px 0 0;
	}
	.menu a{
		float:left;
		margin: 0px 8px ;
		color:#fff;
		text-decoration:none;
		padding: 0 10px;
	}
	.menu a:hover{
		background-color:var(--cor-principal);
		color:#fff;
	}
	.banner_principal{	
		width:750px;
		line-height:40px;
		padding:0px 0 0 40px ;
		margin:0 auto;
		font-size:45px;
		color:#fff;
		font-family:myMontserratExtraBold;
		letter-spacing:-3px;
		text-align:center;
		margin-top: 180px;
	}
	.banner_principal_cor_secundaria{
		color:var(--cor-principal);
		font-size:50px;
	}
	.banner_principal_texto{
		font-size:19px;
		letter-spacing:8px;
		font-family:myMontserrat;
		line-height:33px;
	}
	.banner_principal2{
		float:left;
		width:1100px;
		height:340px;
		line-height:68px;
		font-size:69px;
		color:#fff;
		font-family:myMontserratExtraBold;
		letter-spacing:-3px;
	}
	.banner_principal2 img{
		//position:absolute;
		margin: -100px 0 0 0;
	}
	div.wrapper {
		background-color:black;
		 width:100%;
	}
  
	div.curve {
	  background-color:white;
	  width:100%;
	  height:100px;
	}
  
	div.curve-top{   
		border-bottom-left-radius:100%;
		border-bottom-right-radius:100%;
		height:50px;
	}
  
	div.curve-bottom {  
		margin-top: 50px;
		height:50px;
		border-top-left-radius:90%;
		border-top-right-radius:90%;
	}
	.SECTION_titulo{
		//background-color: rgba(0,0,0,0.3);
		height:75px; 
		line-height:75px;
		font-family:myMontserratExtraBold;
		font-size: 35px;
		letter-spacing:-2;
		color:#fff;
	}
	.SECTION_produtos_curva {  
		margin-top: 50px;
		height:50px;
		border-top-left-radius:90%;
		border-top-right-radius:90%;
		background-color:#fff;
	}
	.SECTION_produtos{
		width:100%;
		height:700px;
		text-align:center;
		font-family:myMontserrat;
		color:#fff;
		font-size:18px;
		background-image: url('../img/bg_produtos.png');
		background-size:auto 100%;
		background-position:center;
		padding-top:120px;
		margin:-180px 0 -150px 0;
		position:absolute;
		z-index:10;
	}
	.produto{
		width:150px;
		height:250px;
		float:left;
		margin: 40px 35px;
	}
	.produto img{
		margin-top:5px;
	}
	
	.SECTION_passo_a_passo_curva {  
		margin-top: 50px;
		height:50px;
		border-top-left-radius:90%;
		border-top-right-radius:90%;
		background-color:#ed3042;
		
	}
	.SECTION_passo_a_passo_curva_inferior {  
		
		height:50px;
		border-top-left-radius:90%;
		border-top-right-radius:90%;
		background-color:#cecdcd;
	}
	.SECTION_passo_a_passo{
		width:100%;
		height:750px;
		background-image: url('../img/bg.jpg');
		background-size: 100% auto ;
		background-position:center;
		text-align:center;
		font-family:myMontserrat;
		font-size:18px;
		color:#fff;
		position:absolute;
		z-index:0;
		margin: 470px 0 0 0;
		padding-top:100px;
	}
	.passo_a_passo{
		width:100%;
		height:450px;
		text-align:center;
		font-family:myMontserrat;
		font-size:18px;
	}
	.passo_a_passo_linha{
		width:900px;
		height:6px;
		background-color:#fff;
		position:absolute;
		border-radius: 30px;
		margin: 56px 0 0 91px;
	}
	.passo_a_passo_point{
		width:40px;
		height:40px;
		background-color:var(--cor-principal);
		position:absolute;
		border:solid 6px #fff;
		border-radius: 100px;
	}
	.passo_a_passo_point1{
		margin:40px 0 0 82px;
	}
	.passo_a_passo_point2{
		margin:40px 0 0 300px;
	}
	.passo_a_passo_point3{
		margin:40px 0 0 520px;
	}
	.passo_a_passo_point4{
		margin:40px 0 0 740px;
	}
	.passo_a_passo_point5{
		margin:40px 0 0 960px;
	}
	.passos{
		width:1100px;
		height:340px;
		padding: 110px 0 0 0px;
	}
	.passo{
		width:180px;
		height:320px;
		
		float:left;
		margin: 0 20px;
		color:#fff;
		font-size:12px;
		text-align:left;
		font-family:myMontserratLight;
		line-height:22px;
	}
	.passo_titulo{
		width:100%;
		height:60px;
		float:left;
		color:#fff;
		font-size:17px;
		text-align:left;
		font-family: myMontserratBold;
		line-height:23px;
	}
	.SECTION_portifolio{
		width:100%;
		height:650px;
		text-align:center;
		font-family:myMontserrat;
		font-size:18px;
		color:#fff;
		margin-top:1120px;
		background-image: url('../img/bg_produtos.png');
		background-size: auto 100%;
		background-position: center;
		position:absolute;
		padding-top: 50px;
	}
	.SECTION_portifolio_inferior {  
		height:50px;
		border-top-left-radius:90%;
		border-top-right-radius:90%;
		background-color:#fff;
		margin-top:50px;
		background-image: url('../img/bg.jpg');
		background-position: center top;
	}
	footer{
		width:100%;
		height:600px;
		background-color:#fff;
		text-align:center;
		font-family:myMontserrat;
		font-size:18px;
		display:table;
		background-image: url('../img/bg.jpg');
		background-position: center -37px;
		margin-top: 1670px;
	}
	.foto{
		width:300px; 
		min-height:400px;
		padding:20px; 
		
		background-color: #ffffff;
		//box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
		margin: 25px 10px 25px 10px;
		border-radius: 20px;
		float:left;
		animation-duration: 0.7s;
    	animation-name: fotoin;
	}
	.contato_esquerda{
		width:50%;
		height:600px;
		float:left;
		text-align:left;
		margin-top: 150px;
	}
	.contato_direita{
		width:50%;
		height:550px;
		float:left;
		background-color:#96969624;
		color:#fff;
		font-size:17px;
		margin-top: 160px;
	}
	.contato_spacer{
		width:100%;
		height:20px;
	}
	.contato_titulo{
		font-family:myMontserratExtraBold;
		color:var(--cor-principal);
		font-size:28px;
		width:100%;
	}
	.contato_texto{
		font-family: myMontserratBold;
		color:#fff;
		font-size:20px;
		width:80%;
		height:80px;
		border-left: 3px solid var(--cor-principal);
		line-height:34px;
		padding-left:15px;
		margin:10px 0 40px 10px;
	}
	.contato_jump{
		font-family: myMontserrat;
		color:#fff;
		font-size:15px;
		width:90%;
		height:70px;
		line-height:70px;
		margin:10px 0 0px 0px;
		text-align:right;
	}
	.contato_form1{
		width:224px;
		height:46px;
		background-color:#fff;
		margin: 40px 10px 20px 40px;
		float:left;
		border:0;
		padding:10px;
	}
	.contato_form2{
		width:226px;
		height:46px;
		background-color:#fff;
		margin: 40px 10px 20px 0;
		float:left;
		border:0;
		padding:10px;
	}
	.contato_form3{
		width:460px;
		height:46px;
		background-color:#fff;
		margin: 0 10px 20px 40px;
		border:0;
		float:left;
		padding:10px;
	}
	.contato_form4{
		width:460px;
		height:200px;
		background-color:#fff;
		margin: 0 10px 20px 40px;
		border:0;
		float:left;
		padding:10px;
		resize:none;
	}
	.contato_submit{
		width:146px;
		height:74px;
		line-height:70px;
		background-color:#ffaa02;
		border: solid 2px #0a3b74;
		margin: 0 48px 20px 40px;
		color:#fff;
		border:0;
		float:right;
		font-size:25px;
		font-family:myMontserratBold;
		cursor:pointer;
	}
	.contato_submit:hover{
		background-color:#ffaa02;
		color:#fff;
		border: solid 2px #fff;
	}
	.contato_jump img{
		float:left;
	}
	.logoB {
		margin-top: 50px;
	}
	@keyframes fotoin {
		from {
		  opacity: 0; margin-top:80px;
		  
		}
	  
		to {
		  opacity: 1; margin-top:25px;
		  
		}
	  }
	

	
/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		body { 
			margin:0;
			font-family:myMontserrat;
			
		}
		/*
		header{
			width:320px; height:280px; 
			margin: 0 auto; 
		}*/
		.meio{
			width:768px; display:table; margin: 0 auto; padding: 120px 0 120px 0;
		}
		
		
		
	}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		body { 
			margin:0;
		
		}
		/*
		header{
			width:320px; height:280px; 
			margin: 0 auto; 
		}*/
		.meio{
			width:300px; display:table; margin: 0 auto; background-color: rgba(0,0,0,0.0);
		}
		.logoB {
			margin-top: 0;
		}
		header{
		
			width:100%; 
			height: 797px;
			background-image: url('../img/bg_header.jpg');
			background-size: auto 100%;
			background-position:center;
			background-color:#4b6380;
			text-align:center;
		}
		.logo{
	        float: left;
			width: 100px;
			margin: 0 0 0 100px;
		}
		.menu{
			width:300px;
			height: 55px;
			line-height:55px;
			float:right;
			margin:-20px 0 0 00px;
			background-color: #fff;
			position:fixed;
			box-shadow: 5px 5px 35px rgba(0,0,0,0.3);
			border-radius: 00px 0px 30px 30px;
			padding-left:30px;
			z-index:100;
			display:none;
		}
		.menu img{
			float:left;
			margin: 5px 10px 0 0;
		}
		.menu a{
			float:left;
			margin: 0px 8px ;
			color:#232323;
			text-decoration:none;
			padding: 0 10px;
		}
		.menu a:hover{
			background-color:#ed3042;
			color:#fff;
		}
		.banner_principal{
			float:left;
			width:300px;
			line-height:34px;
			padding:30px 0 0 0px ;
			font-size:34px;
			color:#fff;
			font-family:myMontserratExtraBold;
			letter-spacing:-3px;
		}
		.banner_principal_cor_secundaria{
			
			font-size:43px;
		}
		.banner_principal_texto{
			font-size:13px;
			letter-spacing:2px;
			font-family:myMontserrat;
			line-height:21px;
		}
		.banner_principal2{
			float:left;
			width:300px;
			height:340px;
			line-height:68px;
			font-size:69px;
			color:#fff;
			font-family:myMontserratExtraBold;
			letter-spacing:-3px;
		}
		.banner_principal2 img{
			//position:absolute;
			margin: -100px 0 0 0;
			width:300px;
		}
		div.wrapper {
			background-color:black;
			 width:100%;
		}
	  
		div.curve {
		  background-color:white;
		  width:100%;
		  height:100px;
		}
	  
		div.curve-top{   
			border-bottom-left-radius:100%;
			border-bottom-right-radius:100%;
			height:50px;
		}
	  
		div.curve-bottom {  
			margin-top: 50px;
			height:50px;
			border-top-left-radius:90%;
			border-top-right-radius:90%;
		}
		.SECTION_titulo{
			//background-color: rgba(0,0,0,0.3);
			height:75px; 
			line-height:35px;
			font-family:myMontserratExtraBold;
			font-size: 28px;
			letter-spacing:-2;
			color:#fff;
		}
		.SECTION_produtos_curva {  
			margin-top: 50px;
			height:50px;
			border-top-left-radius:90%;
			border-top-right-radius:90%;
			background-color:#fff;
		}
		.SECTION_produtos{
			width:100%;
			height:1600px;
			background-image: url('../img/bg_produtos.png');
			background-size:auto 100%;
			background-position:center;
			text-align:center;
			font-family:myMontserrat;
			font-size:18px;
			display:table;
			color:#fff;
		}
		.produto{
			width:150px;
			height:260px;
			float:none;
			margin: 40px auto;
		}
		
		.SECTION_passo_a_passo_curva {  
			margin-top: 50px;
			height:50px;
			border-top-left-radius:90%;
			border-top-right-radius:90%;
			background-color:#ed3042;
		}
		.SECTION_passo_a_passo_curva_inferior {  
			
			height:50px;
			border-top-left-radius:90%;
			border-top-right-radius:90%;
			background-color:#cecdcd;
		}
		.SECTION_passo_a_passo{
			width:100%;
			height:630px;

			background-size:  auto 100%;
			text-align:center;
			font-family:myMontserrat;
			font-size:18px;
			display:table;
			margin-top: 360px;
		}
		.passo_a_passo{
			width:100%;
			height:450px;
			text-align:center;
			font-family:myMontserrat;
			font-size:18px;
		}
		.passo_a_passo_linha{
			width:300px;
			height:6px;
			background-color:#fff;
			position:absolute;
			border-radius: 30px;
			margin: 56px 0 0 91px;
			display:none;
		}
		.passo_a_passo_point{
			width:15px;
			height:15px;
			background-color:#17467c;
			position:absolute;
			border:solid 5px #fff;
			border-radius: 100px;
			display:none;
		}
		.passo_a_passo_point1{
			margin:40px 0 0 0px;
		}
		.passo_a_passo_point2{
			margin:40px 0 0 50px;
		}
		.passo_a_passo_point3{
			margin:40px 0 0 100px;
		}
		.passo_a_passo_point4{
			margin:40px 0 0 1500px;
		}
		.passo_a_passo_point5{
			margin:40px 0 0 2000px;
		}
		.passos{
			width:300px;
			height:340px;
			padding: 20px 0 0 0px;
			display:table;
			float:left;
		}
		.passo{
			width:300px;
			height:120px;
			float:left;
			margin: 0 ;
			color:#fff;
			font-size:12px;
			text-align:center;
			font-family:myMontserratLight;
			line-height:22px;
			display:table;
			padding: 0 0 30px 0;
		}
		.passo_titulo{
			width:100%;
			height:30px;
			float:left;
			color:#fff;
			font-size:17px;
			text-align:center;
			font-family: myMontserratBold;
			line-height:23px;
		}
		.SECTION_portifolio{
			width:100%;
			height:600px;
			text-align:center;
			font-family:myMontserrat;
			font-size:18px;
			margin-top: 1460px;
		}
		.SECTION_portifolio_inferior {  
			height:50px;
			border-top-left-radius:90%;
			border-top-right-radius:90%;
			background-color:#fff;
			margin-top:50px;
			background-image: url('../img/bg.jpg');
			background-position: center top;
		}
		footer{
			width:100%;
			height:300px;
			background-color:#fff;
			text-align:center;
			font-family:myMontserrat;
			font-size:18px;
			display:table;
			background-image: url('../img/bg.jpg');
			background-position: center -37px;
			margin-top: 2020px;
		}
		.foto{
			width:300px; 
			min-height:400px;
			padding:20px; 
			
			background-color: #ffffff;
			//box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.1);
			margin: 25px 10px 25px 10px;
			border-radius: 20px;
			float:left;
			animation-duration: 0.7s;
			animation-name: fotoin;
		}
		.contato_esquerda{
			width:100%;
			height:300px;
			float:left;
			text-align:left;
			display:table;
		}
		.contato_direita{
			width:100%;
			height:300px;
			float:left;
			color:#fff;
			font-size:17px;
			display:table;
			padding:10px;
		}
		.contato_spacer{
			width:100%;
			height:50px;
		}
		.contato_titulo{
			font-family:myMontserratExtraBold;
			font-size:28px;
			width:80%;
			margin-left:20px;
		}
		.contato_texto{
			font-family: myMontserratBold;
			font-size:12px;
			width:80%;
			height:100px;
			line-height:34px;
			padding-left:15px;
			margin:10px 0 40px 30px;
		}
		.contato_jump{
			font-family: myMontserrat;
			font-size:12px;
			width:90%;
			height:70px;
			line-height:23px;
			margin:10px 0 0px 10px;
			text-align:right;
		}
		.contato_jump img{
			width:120px; margin:0;
		}
		.contato_form1{
			width:260px;
			height:46px;
			background-color:#fff;
			margin: 20px auto;
			float:none;
			border:0;
			padding:10px;
		}
		.contato_form2{
			width:260px;
			height:46px;
			background-color:#fff;
			margin: 20px auto;
			float:none;
			border:0;
			padding:10px;
		}
		.contato_form3{
			width:260px;
			height:46px;
			background-color:#fff;
			margin: 20px auto;
			float:none;
			border:0;
			padding:10px;
		}
		.contato_form4{
			width:260px;
			height:200px;
			background-color:#fff;
			margin: 20px auto;
			border:0;
			float:none;
			padding:10px;
			resize:none;
		}
		.contato_submit{
			width:260px;
			height:74px;
			line-height:70px;
			border: solid 2px #0a3b74;
			margin: 20px auto;
			color:#fff;
			border:0;
			float:none;
			font-size:25px;
			font-family:myMontserratBold;
			cursor:pointer;
		}
		.contato_submit:hover{

			color:#fff;
			border: solid 2px #fff;
		}
		.contato_jump img{
			float:left;
		}
		.glider-contain {
		//display:none;
		}
	}


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		body { 
			margin:0;
			
			
		}
		
				
	}



/* LightBox ====================================== */


	.row > .column {
		padding: 0 8px;
	  }
	  
	  .row:after {
		content: "";
		display: table;
		clear: both;
	  }
	  
	  .column {
		float: left;
		width: 25%;
	  }
	  
	  /* The Modal (background) */
	  .modal {
		display: none;
		position: fixed;
		z-index: 1;
		padding-top: 100px;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: black;
	  }
	  
	  /* Modal Content */
	  .modal-content {
		position: relative;
		background-color: #fefefe;
		margin: auto;
		padding: 0;
		width: 40%;
		max-width: 1200px;
	  }
	  
	  /* The Close Button */
	  .close {
		color: white;
		position: absolute;
		top: 10px;
		right: 25px;
		font-size: 35px;
		font-weight: bold;
	  }
	  
	  .close:hover,
	  .close:focus {
		color: #999;
		text-decoration: none;
		cursor: pointer;
	  }
	  
	  .mySlides {
		display: none;
	  }
	  
	  .cursor {
		cursor: pointer;
	  }
	  
	  /* Next & previous buttons */
	  .prev,
	  .next {
		cursor: pointer;
		position: absolute;
		top: 50%;
		width: auto;
		padding: 16px;
		margin-top: -50px;
		color: white;
		font-weight: bold;
		font-size: 20px;
		transition: 0.6s ease;
		border-radius: 0 3px 3px 0;
		user-select: none;
		-webkit-user-select: none;
	  }
	  
	  /* Position the "next button" to the right */
	  .next {
		right: 0;
		border-radius: 3px 0 0 3px;
	  }
	  
	  /* On hover, add a black background color with a little bit see-through */
	  .prev:hover,
	  .next:hover {
		background-color: rgba(0, 0, 0, 0.8);
	  }
	  
	  /* Number text (1/3 etc) */
	  .numbertext {
		color: #f2f2f2;
		font-size: 12px;
		padding: 8px 12px;
		position: absolute;
		top: 0;
	  }
	  
	  .caption-container {
		text-align: center;
		background-color: black;
		padding: 2px 16px;
		color: white;
	  }
	  
	  .demo {
		opacity: 0.6;
	  }
	  
	  .active,
	  .demo:hover {
		opacity: 1;
	  }
	  
	  img.hover-shadow {
		transition: 0.3s;
	  }
	  
	  .hover-shadow:hover {
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	  }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
		.modal-content {
			position: relative;
			background-color: #fefefe;
			margin: auto;
			padding: 0;
			width: 90%;
			max-width: 1200px;
		  }
	}