@charset "utf-8";
/*  CSS Document */

body{width:100%;}
*{margin:0; padding:0; outline:none; resize:none;}

#topo{width:100%; position:relative; overflow:hidden; height:500px;}
#banner{width:100%; max-width:1600px; overflow:hidden; position:absolute;}
.item{width:100%; overflow:hidden; position:relative; height:500px; }
.bn01{background:url(../banner/01.jpg);}
.bn02{background:url(../banner/02.jpg);}
.bn03{background:url(../banner/03.jpg);}
.item p{width:98%; max-width:1000px; font-size:40px; font:2.5rem 'Open Sans Condensed', sans-serif; color:rgb(255, 255, 255); margin:0 auto; position:relative; top:45%; text-shadow:2px 2px 1px rgb(51, 51, 51);}
.owl-pagination{position:absolute; z-index:1000; bottom:20px; left:50%; margin-left:-39px;}

.sublinhado { text-decoration:underline; }

.fixo { width:100%; position:fixed; z-index:50000; }
#container{width:98%; max-width:1000px; overflow:hidden; background:rgb(255, 255, 255); margin:20px auto; border-radius:2px; position:relative; z-index:500; -webkit-box-shadow: 1px 1px 15px -3px rgba(0,0,0,0.75); -moz-box-shadow: 1px 1px 15px -3px rgba(0,0,0,0.75); box-shadow: 1px 1px 15px -3px rgba(0,0,0,0.75);}
#logo{width:40%; max-width:400px; float:left; overflow:hidden;}
#logo p{font-size:40px; font:2.5rem/6.25rem 'Open Sans Condensed', sans-serif; color:rgb(57, 141, 190); text-transform:uppercase;}
#logo div{width:85px; height:100px; float:left; background:rgb(57, 141, 190);  margin-right:10px; text-align:center;}
#logo div::before{font-size:50px; font:3.125rem/6.25rem 'FontAwesome'; color:rgb(255, 255, 255); content:"\f02e";}

#mainmenu{width:50%; float:right; font-size:0;}
#mainmenu li{width:20%; display:inline-block; list-style:none; position:relative; overflow:hidden; text-align:center; cursor:pointer;}
#mainmenu li p{font-size:20px; font:1.25rem/8.12rem 'Fira Sans', sans-serif; color:rgb(51, 51, 51); position:relative; z-index:10;}
#mainmenu li div{width:100%; height:100%; position:absolute; background:#3232ce; top:-100%; z-index:0;}
#mainmenu li div, #mainmenu li p{-webkit-transition:all ease-out 300ms; -moz-transition:all ease-out 300ms; -ms-transition:all ease-out 300ms;}
#mainmenu li p:hover{color:rgb(255, 255, 255);}
#mainmenu li:hover div{top:0;}

#mainmenu2{width:calc(98% - 10px); font-size:0; background:rgb(255, 255, 255); display:none; position:relative; border-radius:3px; z-index:9999; padding:0 5px; margin:0 auto;}
#mainmenu2>li{width:100%; display:block;  font-size:16px; font:1rem/3.125rem 'Fira Sans' sans-serif; color:rgb(51, 51, 51); cursor:pointer; }
#mainmenu2>li>div:after{font-size:16px; font:1rem/3.125rem 'FontAwesome'; color:rgb(51, 51, 51); content:"\f0c9"; float:right;}
#sub-menu{width:100%; position:absolute; display:none; left:0;}
#sub-menu li{width:96%; background:rgb(255, 255, 255); border-top:1px solid rgb(51, 51, 51); padding:0 2%; list-style:none;}

#troca{width:98%; max-width:1000px; margin:0 auto;}
#textos{width:100%; overflow:hidden; padding:50px 0;;}
#textos h1{font-size:40px; font:2.5rem/3.125rem 'Pathway Gothic One', sans-serif; color:rgb(81, 81, 81); text-transform:uppercase;}
#textos p{font-size:14px; font:0.785rem 'Fira Sans', sans-serif; color:rgb(51, 51, 51); text-align:justify; margin-top:10px;}
#textos p a{color:rgb(51, 51, 51); text-decoration:none;}
#textos p a:hover{color:rgb(57, 141, 190);}
#textos div{width:50%; float:left;}
#textos .form{width:calc(50% - 30px); margin-left:30px;}
#textos .form input, textarea{width:100%; background:rgb(240, 240, 240); padding:15px 10px; border:0; font-size:16px; font:1rem 'Fira Sans', sans-serif; color:rgb(51, 51, 51); margin-bottom:5px; outline:none;  border-bottom:3px solid rgba(81, 81, 81, 0.3); border-radius:3px;}
#textos .form button{width:30%; background:rgb(81, 81, 81); border:0; color:rgb(255, 255, 255); height:60px; cursor:pointer; float:left; border-radius:3px; margin-right:5px;}
#textos .form button[name="enviar"]::before{font-size:30px; font:1.875rem 'FontAwesome'; content:"\f1d8";}
#textos .form .prog button[name="reset"]::before{font-size:30px; font:1.875rem 'FontAwesome'; content:"\f00d";}

#container02{width:98%; max-width:1000px; margin:20px auto; text-align:center; padding:10px 0; border-bottom:1px dotted rgba(81, 81, 81, 0.4);}
#container02 h2{font-size:40px; font:2.5rem 'Pathway Gothic One', sans-serif; color:#f2a731;}
#container02 h2 span{font-size:20px; font-size:1.25rem}

#container03{width:98%; max-width:1000px; margin:50px auto; overflow:hidden;}
#container03 .box{width:calc(33% -  20px); float:left; margin:10px;}
#container03 .box h2{font-size:30px; font:1.875rem 'Pathway Gothic One', sans-serif; color:rgb(81, 81, 81); text-transform:uppercase;}
#container03 .box h2:hover{cursor:pointer; color:rgb(57, 141, 190);}
#container03 .box p{font-size:14px; font:0.785rem 'Fira Sans', sans-serif; color:rgb(51, 51, 51); text-align:justify; margin-top:10px;}
#container03 .box p a{color:rgb(51, 51, 51); text-decoration:none;}
#container03 .box p a:hover{color:#1071ac;}

#container04{width:100%; background:rgb(238, 238, 238); padding:50px 0; overflow:hidden;}
#cont{width:98%; max-width:1000px; margin:0 auto; overflow:hidden;}
#cont .blocos{width:calc(25% - 20px); float:left; margin:5px; padding:10px 5px; background:rgb(255, 255, 255); border-radius:3px;}
#cont .blocos h2{font-size:60px; font:3.75rem 'Pathway Gothic One', sans-serif; color:#f2a731; border-bottom:1px dotted rgba(81, 81, 81, 0.5); padding:5px;}
#cont .blocos h2 span{font-size:25px; font-size:1.562rem; color:rgb(81, 81, 81);}
#cont .blocos p{font-size:15px; font:0.937rem 'Pathway Gothic One', sans-serif; color:rgb(51, 51, 51); text-transform:uppercase; text-align:justify; margin-top:10px;}
#cont .blocos p a{color:rgb(51, 51, 51); text-decoration:none; line-height:25px;}
#cont .blocos p a:hover{color:rgb(57, 141, 190);}
#cont .blocos p a::before{font-size:16px; font:1rem 'FontAwesome'; content:"\f0c1"; margin-right:5px; color:rgb(51, 51, 51);}
#cont .blocos button{width:100%; height:50px; border:0; background:#f2a731; margin-top:10px; color:rgb(255, 255, 255); font-size:20px; font:1.25rem 'Pathway Gothic One', sans-serif; text-transform:uppercase; cursor:pointer;}

#container05{width:98%; max-width:1000px; margin:0 auto; overflow:hidden; padding:50px 0; overflow:hidden;}
#container05>h2{font-size:50px; font:3.125rem 'Pathway Gothic One', sans-serif; color:rgb(81, 81, 81); text-align:center; text-transform:uppercase;}
#container05 .prog{width:50%; margin:50px 0; overflow:hidden; float:left;}
#container05 .prog>h2{font-size:40px; font:2.5rem 'Pathway Gothic One', sans-serif; color:rgb(81, 81, 81); text-transform:uppercase; float:left;}
#container05 .prog>h3{font-size:40px; font:2.5rem 'Pathway Gothic One', sans-serif; color:rgb(81, 81, 81); text-transform:uppercase;}
#container05 .prog p{font-size:16px; font:1rem/3.125rem 'Fira Sans', sans-serif; color:rgb(51, 51, 51); text-align:right;}
#container05 .prog p a{color:rgb(51, 51, 51); text-decoration:none;}
#container05 .prog p a:hover{color:rgb(57, 141, 190);}
#container05 .prog p a::before{font:1rem 'FontAwesome'; content:"\f023"; margin-right:5px; color:rgb(81, 81, 81);}
#container05 .prog div{width:calc(80% - 20px); padding:10px; background:rgb(81, 81, 81); margin-bottom:10px; cursor:pointer; border-bottom:3px solid rgb(51, 51, 51); border-radius:3px; overflow:hidden;}
#container05 .prog div>p{color:rgb(255, 255, 255); text-align:justify;}
#container05 .prog form{overflow:hidden; width:100%;}
#container05 .prog input{background:rgb(240, 240, 240); padding:15px 10px; border:0; font-size:16px; font:1rem 'Fira Sans', sans-serif; color:rgb(51, 51, 51); margin-bottom:5px; border-bottom:3px solid rgba(81, 81, 81, 0.3); border-radius:3px;}
#container05 .prog input[name="cliente_documento"]{width:100%;}
#container05 .prog input[name="user_mail"]{width:49%; margin-right:1%; float:left;}
#container05 .prog input[name="user_senha"]{width:50%;}
#container05 .prog button{background:rgb(81, 81, 81); border:0; color:rgb(255, 255, 255); width:50%; height:60px; cursor:pointer; float:left; border-radius:3px;}
#container05 .prog button[name="enviar"]::before{font-size:30px; font:1.875rem 'FontAwesome'; content:"\f1d8";}
#container05 .prog button[name="enviar"]{width:49%; margin-right:1%;}
#container05 .prog button[name="reset"]::before{font-size:30px; font:1.875rem 'FontAwesome'; content:"\f00d";}

#container06{width:100%; background:#3232ce; padding:30px 0; overflow:hidden;}
#rodape{width:98%; max-width:1000px; margin:0 auto; text-align:center;}
#rodape h2{font-size:50px; font:3.125rem 'Pathway Gothic One', sans-serif; color:rgb(255, 255, 255); text-transform:uppercase;}
#rodape p{font-size:16px; font:1rem 'Fira Sans', sans-serif; color:rgb(255, 255, 255); margin:50px 0;}
#rodape p a{color:rgb(255, 255, 255); text-decoration:none;}
#rodape p a:hover{color:rgb(7, 82, 167);}
#social{width:100%; max-width:200px; margin:0 auto;}
#social div{width:48%; float:left; font-size:30px; font:1.875rem 'FontAwesome'; color:rgb(255, 255, 255); background:rgb(81, 81, 81); padding:20px 0; cursor:pointer; margin-right:1%;}
#social div{-webkit-transition:all ease-out 300ms;}
#social div:hover{-webkit-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2);}
#social div:nth-child(1)::before{content:"\f09a";}
#social div:nth-child(2)::before{content:"\f0e0";}

.acBTN {
	cursor:pointer;
	width:100% !important;
}

.acCONT {
	display:none;
	background:#efefef;
	padding-left:10px;
	margin-bottom:5px;
	width:100% !important;
}

@media screen and (max-width:780px){
	#logo{float:none; margin:10px auto; width:80%;}
	#mainmenu{float:none; width:100%;}
	.item p{top:55%}
	#cont .blocos{width:calc(50% - 20px);}
	#container05 .prog{float:none; width:100%;}
	#container05 .prog div{width:calc(100% - 20px); margin:0 0 10px 0;}
	#textos div{width:100%}
	#textos .form{width:100%; margin-left:0;}
}

@media screen and (max-width:480px){
	#logo{width:100%;}
	#cont .blocos, #container03 .box{width:calc(100% - 20px);}
	#textos div iframe, .item p, #mainmenu{display:none;}
	#mainmenu2{display:block;}
	#container{margin:10px auto;}
	#logo div{float:none; margin:0 auto;}
	#logo p{text-align:center;}
}