/*
Theme Name: Alfacon
Theme URI: http://agentecria.com/
Author: A Gente cria
*/
/* CSS Document */

/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
ul{list-style-type:none}
p, li, a, button, input, textarea, option, label, span{font-family: 'Montserrat', sans-serif;outline: none;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;font-size:18px}
/* HTML5 display-role reset for older browsers */

html{font-size:15px}
body{width: 100%;background:#fff;}
.grid-container{max-width:1080px}

.texto-branco{color: #fff;}
.texto-preto{color: #000;}
.texto-cinza{color: #656866;}

a{transition: all 0.2s;}
a:focus{outline: none;}
a:hover{transition: all 0.2s;}
a:visited{}
a:visited:hover{}
a:focus{color:inherit}

noscript span{margin:5rem auto;padding:3rem;display:block;font-size: 1rem;text-align: center;font-weight:bold;color: #e10b0b;border:1px solid #e10b0b;background:rgba(255,11,11,0.5)}
noscript span a{font-size: 1rem;font-weight: 700;}	
noscript span a:hover{color:orange !important}	

hr{border-top:1px solid #b2afaf;border-bottom: 1px solid #fff}

/* ------------- header ------------- */
header{position:fixed;width:100%;z-index:9;border-top:4px solid #825a2d;padding:0px;transition: all 0.9s}
header figure{display: inline-block;margin-right: 1rem}
header .cell{position: relative;}
	.nav_botoes .btLink {float: right; margin-left: 4px;}
	.nav_botoes .btLink:first-child { margin-right: 40px;}
header nav{text-align: right;margin-right:40px;}
header .menu{width: 100%;margin-top: 0rem;display: inline-block;}
header .menu li{margin:0;display: inline-block;padding-left: 8px;padding-right: 8px;}
header .menu a{color:#fff;margin:0;font-size:1rem;padding: 0.5rem 0.8rem}
header .menu a:hover{color:#c39e16}
header .is-active a{color:#c39e16; background-color: #825a2d;}

.large{background-color: rgba(0,53,71,0.5)}
.small{background-color: rgba(0,53,71,0.9)}


header.small {padding-top: 4px;padding-bottom: 4px;transition: all 0.9s}
header.large {padding-top: 25px;transition: all 0.5s}
header.small h1{width: 65%;margin-top:0px;transition: all 0.9s}
header.large .menu{margin-top: 1rem;}
header.small .menu{margin-top: 0.75rem;}

header .menu li.area_restrita {    background: #c7af87;
				    color: #2d1a06!important;
				    font-size: 0.6rem!important;
				    padding: 3px;
				    border-radius: 9px;
}
.area_restrita a {
	color: #2d1a06;
	 padding:6px;
	 border-radius: 9px;
}
.area_restrita a:hover {
	color: #fff!important;
	background: #2d1a06;
}


/* ------------- conteudo  ------------- */
main.strech{overflow:hidden}

		/* home */
		#boxDestaques{height:735px;overflow:hidden;position:relative;box-sizing:unset!important;border-bottom:4px solid #c39e16;background-color: #000}
		#boxDestaques *{box-sizing:unset !important}
		#boxDestaques li{background-position:center top;background-repeat:no-repeat;height:735px;position: relative;}

		#boxDestaques .setas{display: none}
		#boxDestaques #titulos_banner {margin-top: 290px;position: relative;z-index: 5}
		#boxDestaques h1{font-size:2.5rem;font-weight:400;margin-top:0rem;padding:1rem;color:#fff;font-family: 'Montserrat';text-align: center;}
		#boxDestaques h1 strong {color: #ddb144;font-weight: 700}
		#boxDestaques p{text-align:center;color:#fff;font-size:1.3rem;margin-top:0px;}
		#boxDestaques a{display:block;width:150px;text-align: center;font-size:1.1rem;margin:2rem auto;}
		#boxDestaques ul button{outline:none;cursor:pointer}
		#boxDestaques ul button:hover{opacity: 0.5;  filter: alpha(opacity=50); /* IE8 e anteriores */}
		#boxDestaques .orbit-previous{background:transparent url(imagens/icon_dot_prev.svg) 0 0 no-repeat;height:3rem;left:3%}
		#boxDestaques .orbit-next{background:transparent url(imagens/icon_dot_next.svg) 0 0 no-repeat;height:3rem;right:3%}
		#boxDestaques .orbit-bullets{z-index:8;margin-top:-4rem;display: none;}
		#boxDestaques .orbit-bullets button{ background-color:rgba(255,255,255,0.8);width:0.8rem;height:0.85rem;cursor:pointer}	
		#boxDestaques .orbit-bullets button.is-active {   background-color: #eab900;}			
		#destaque_0 {background:url(imagens/banner.jpg) center center no-repeat; background-attachment: fixed;position: relative;}
		#destaque_2 {background:url(imagens/banner2.jpg) center center no-repeat; background-attachment: fixed;position: relative;}
		#destaque_3 {background:url(imagens/banner3.jpg) center center no-repeat; background-attachment: fixed;position: relative;}
		#destaque_4 {background:url(imagens/banner4.jpg) center center no-repeat; background-attachment: fixed;position: relative;}
		#destaque_0 {}
        	#myVideo {position: absolute;top: 0;right: 0;bottom: 0;min-width: 100%; min-height: 735px;z-index: 2;opacity: 0.7}    
		
		.setadown{background:#c39e16;position:absolute;bottom:0;left:calc(50% - 20px);border-radius:50px 50px 0 0;width:40px;height:40px;text-align: center}
		.setadown strong{background:transparent url(imagens/icon_seta_banner.png) center center no-repeat;left:calc(50% - 20px);display:inline-block;position:absolute;width:40px;height:20px;animation-name: animaRepeat;animation-timing-function: ease-out;animation-duration: 2s;animation-iteration-count: infinite;}
		@keyframes animaRepeat{0%,to{bottom:10px}25%,75%{bottom:10px}50%{bottom:0px}}
    	/*adding animation to elements here. add each element here to animate. other wise it will not animate.*/
		.animated{-webkit-animation-duration: 1s;  animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;-visibility:hidden;}
		.animated{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;}
		/*necessary css for slider*/



		#boxProdutos{background:#ece6d8; text-align: center;background-size:cover;}
		#boxProdutos .tab{border: none;position: relative;z-index: 6}
		#boxProdutos .tab .slick-list{overflow: visible;}
		#boxProdutos .tab li{display: inline-block !important;position: relative;}		
		#boxProdutos .tab a{background-color:rgba(255,255,255,0.7);color:#c39e16;text-align: center;border:1px solid #e4d9bd;border-right: none;height:170px;}
		#boxProdutos .tab li:last-child a{border-right:1px solid #f1e7cd;}
		#boxProdutos .tab figure{display: block;text-align: center;margin-top: 1rem} 
		#boxProdutos .tab img{width:65px;display: inline-block;} 
		#boxProdutos .tab h3{color:#264066;text-align: center;font-weight: 400;font-size:1.1rem;margin:2rem 0;}
		#boxProdutos .tab li.is-active:after{content:'';position: absolute; width: 0;height: 0;  border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #825a2d;left: calc(50% - 20px);bottom: -19px;}				
		#boxProdutos .tab li.is-active a{background-color:#825a2d;color:#fff;}
		#boxProdutos .tab li.is-active h3{color:#fff;}
		#boxProdutos .tab li.is-active img{filter:brightness(100);  fill: white;} 
		#boxProdutos .tabs-content{border:none;position:relative;z-index: 5;padding: 20px;}
		#boxProdutos .tabs-content img {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-top: 90px;display: inherit;}
		#boxProdutos .tabs-panel{-position:absolute;padding:0rem;background-color:rgba(255,255,255,0.7);width: 100%;margin: 0px;}
		#boxProdutos .tabs-panel img{text-align: left;margin: 0px;padding: 0px;float: left;width: 100%;margin-left: -14px;}
		#boxProdutos .tabs-panel h1{color:#1a355e;font-size:1.8rem;padding:1rem 0;font-weight:600;border-bottom: 1px solid #c39e16}
		#boxProdutos .tabs-panel p{color:#1a355e;font-size:1.05rem;padding:1rem 0;text-align: left;margin-top:5px;line-height: 170%;padding-right: 32px;padding-left: 16px;}
		#boxProdutos .lita_processo ul li {list-style-type: none;padding: 0;margin: 0;text-align: left;line-height: 150%;padding-right: 22px;}
		#boxProdutos ul {margin-top: 57px;}
		#boxProdutos .slick-arrow{background: #fff;border-radius: 50%;width: 30px;height:30px;z-index: 5}
		#boxProdutos .slick-prev{left: 0;background-image: url(imagens/icon_seta_prev_amarela.svg);background-position: center center;background-size: 10px;background-repeat: no-repeat;}
		#boxProdutos .slick-next{right: 0;background-image: url(imagens/icon_seta_next_amarela.svg);background-position: center center;background-size: 10px;background-repeat: no-repeat;}
		#boxProdutos .lita_processo li {background:url(imagens/check_list.png)left top no-repeat; padding-left:22px; padding-top:0px;margin-bottom: 6px;
			color: #274167;font-weight: 700;font-size: 1.1em;text-align: left;padding-right: 19px;}
		


		/* compartilhado na home e na interna */
		
		.btLink{color:#ffcb0c;border:0.08rem solid #c39e16;border-radius:50px;padding:0.4rem 1.0rem;font-weight:800;font-size:0.758rem;text-transform: uppercase;}
		.btLink:hover{background:rgba(195,158,22,0.5);color:#fff;}	
		.btLinkBg{color:#1a355e;background:rgba(195,158,22,1);}
		.btLinkBg:hover{background:rgba(195,158,22,0.2);color:#fff;}


		
		section:not(#boxDestaques){padding:5rem 0;}
		section h2{font-weight:600;color:#1a355e;font-size:2rem;margin:0px;padding-bottom:0rem;text-align: left;}
		section h3{font-weight:600;color:#1a355e;font-size:1.2rem;}
		section h4{font-weight:600;}
		section h6{font-weight:600;color:#fff;font-size:25px;}
		#equipe section h5{font-weight:300;color:#1a355e;font-size:2.35rem;margin:1rem 0 2rem 0;padding-bottom:1rem;text-align: center;border-bottom: 1px solid #c39e16;}

		.titulo img {text-align: left; display: inherit;margin: 0px;padding: 0px;}
		
		#boxDiferenciais{padding-top: 10px;padding-bottom: 50px;}
		#boxDiferenciais .cell{text-align: center;}
		#boxDiferenciais figure{text-align: center;position:relative;padding: 10px 0;}
		#boxDiferenciais figure:after{content:'';border-right:1px solid #c39e16;height:180px;position: absolute;top:15px;right: -1px}
		#boxDiferenciais .cell:last-child figure:after{display:none;}
		#boxDiferenciais figure{text-align: center}
		#boxDiferenciais figure img{max-width: 40%}
		#boxDiferenciais h3{text-align: center;padding: 2px 30px;font-size: 1rem; font-weight: 600;}
		#boxDiferenciais p{text-align: center;font-size:0.8rem;padding:0.8rem 1rem;line-height: 1.35rem}

		#boxParceiros{padding-top: 10px;padding-bottom: 50px;background-color: #f7f7f7;}
		#boxParceiros p {padding-top: 20px;padding-bottom: 50px;text-align: center;}
		#boxParceiros figure {text-align: center;}
		#boxParceiros img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);opacity: 0.8;filter: alpha(opacity=80); /* For IE8 and earlier */        }
        #boxParceiros img:hover {-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */		  filter: grayscale(0%);		    opacity:1;		  filter: alpha(opacity=100); }     




		/* para todas as internas */


		/* internas especificas */
		.interna #boxEscritorios aside:nth-child(1){background: rgba(0,0,0,0.3);padding:1rem 0 2rem 0;}

		#boxIntro{background:#f7f7f7;background: rgba(214,213,213,0.5)}
		#boxIntro h2{border:none;}
		#boxIntro p{color:#1a355e;padding:0;line-height: 220%;text-align: center;}
		#boxIntro figure{text-align: center}
		#boxIntro img{display: inline-block;margin:0.5rem;}
		#boxIntro p{color:#505050;font-size:14px;line-height: 1.8rem;text-align: left;}
		#boxIntro p strong {font-weight: 800;}
		
		#boxDiferenciais img{max-width: 25%;padding-top: 2rem}
		#boxDiferenciais h3{padding:1.5rem 0 0 0;}
		#boxDiferenciais p{padding:1rem 3rem;}		
		
		/*contato */
		#contato {background-color: #825a2d; padding-top: 0px;padding-bottom: 0px;}
		#contato h1 {background:url(imagens/traco.svg) left no-repeat; font-weight: 900; color: #fff; font-size:2em; padding-left: 88px;}
		#mapa{width:100%;height:500px;border-top:1px solid #aaaaaa;border-bottom:1px solid #aaaaaa;}
		#contato p img {width: 23px; padding-top:15px;}
		#contato p {color: #fff; font-size: 1.2em;font-weight: 500;padding-bottom: 15px;text-align: right;margin-top: -15px;}
		#contato h2 {color: #fff;}

		#boxlogin {margin-top: 50px;}
		#boxlogin .form input, .form textarea{border:none;background:#eee0c8;color: #2d1a06;}
		#boxlogin .form .button{
			    border-radius: 150px;
			    color: #fff;
			    font-size:1em;
			    padding: 10px;
			    margin-top: 5px;
			    margin-bottom: 0px;
			    cursor: pointer;
			    border:solid #083347 1px;
			    background-color: #003547;
		}



		/* formularios */
		.form {width: 90%;margin-top: 22px;}
		.form input, .form textarea{background:#c7af87;color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem; border: #694823 solid 1px;border-radius: 20px;}
		.form select{height:40px;color: #9A999E;font-size:1.2rem;padding:0 1.25rem;}
		.form select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(imagens/icon_select_form.svg) 98% center no-repeat;background-size: 15px}
		.form input::-webkit-input-placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem; padding: 12px;}
		.form input::-moz-placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form input:-ms-input-placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form input::placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form textarea::placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form textarea{background:#c7af87;color: #2d1a06;font-size:1rem; border: #694823 solid 1px;border-radius: 20px;padding-top: 12px;}
		.form textarea::-webkit-input-placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form textarea::-moz-placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form textarea:-ms-input-placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form textarea::placeholder{color: #2d1a06;font-family: 'Montserrat', sans-serif;font-size:1rem}
		.form .btf{
			    border-radius: 150px;
			    color: #fff;
			    font-size:1em;
			    padding: 10px;
			    padding-left: 15px;
			    padding-right: 65px;
			    margin-top: 5px;
			    margin-bottom: 0px;
			    cursor: pointer;
			    background:url(imagens/seta.svg) right no-repeat #1e325f;
			    border:solid #083347 1px;
		}
		.form .btf:hover{background-color:#557dd2;}		
		form div.callout{clear:both;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);}
		form div.callout span{margin:0;padding: 2px !important;font-size: 0.95em;color: #999;text-transform:uppercase;}		
		form div.callout button.close-button span{margin:0;font-size:2rem;color:#999;}


      

	



/* ------------- footer ------------- */
footer{background-color: #003547;padding-top: 35px;padding-bottom: 35px;text-align: left}
footer p {color: #5995a9; padding-left:0px; font-size: 1em; margin-top: 20px; line-height: 165%; padding-right: 22px;}
footer h3 {color: #b9a682; font-size: 1.4em;font-weight: 600}
footer h5 {color: #fff; font-size: 1em; margin-top: 0px;}
footer img {margin-top: 15px;}
footer h3 img {width: 20px;float: left; margin-top: 2px; margin-right: 12px;}
#creditos {background-color: #012936; font-size: 11px; color:#b9a682;font-family: 'Montserrat', sans-serif; padding: 12px; border-top:#825a2d solid 1px;text-align: center;}
footer a {color: #ddb144;}
footer a:hover {color: #ffdf8f}
.logo_branca {max-width: 300px;}



@media screen and (max-width : 800px){
	header.small {padding-top: 10px;padding-bottom: 10px;transition: all 0.5s}
	header.small h1{width: 130%;margin-top:0px;}
	header.large {padding-top: 10px;padding-bottom: 10px;transition: all 0.5s}
	header.large .menu{margin-top: 1rem;}
	header.large h1{width: 130%;margin-top:0px;}
	header .cell{position: static;}
	.mnMobile{display: block}
	/*INI config do menu mobile*/		
	.nav {font-weight: 900;left:0rem;width: 100%;text-align: center;margin-right:0px;}
		/* menu */
		.menu{display: none !important;background-color:rgba(65,65,65,0.9);width:100%;position: absolute !important}
		.menu.nav-active {display: block !important;top:3.4rem;padding:1rem;left:0;}
		.menu.nav-active li{display: block;text-align: center}
		.menu.nav-active a{display:inline-block;text-align: center;padding:0.1rem;margin:2rem 1rem;font-size:1.2rem;font-weight: 500}

		/*botao menu*/		
		.nav-mobile{cursor: pointer;position: absolute;top: 1.0rem;right: 1rem;height: 3rem;border-radius: 5px;z-index:90;display: block;	}
		.nav-mobile .line{width: 35px;height: 4px;background-color: #ffcb08;display: block;margin: 5px auto;
		  -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;	}	
		.nav-mobile:hover{cursor: pointer;}

		.nav-mobile-open{border-radius: 0.5rem 0.5rem 0 0;margin-bottom: 1rem;background: rgba(65,65,65,0.8) !important;padding:0.25rem 0.5rem 1rem 0.5rem;}
		
		.nav-mobile.is-active .line:nth-child(2){opacity: 0;	}	
		.nav-mobile.is-active .line:nth-child(1){
		  -webkit-transform: translateY(13px) rotate(45deg);-ms-transform: translateY(13px) rotate(45deg);
		  -o-transform: translateY(13px) rotate(45deg);transform: translateY(13px) rotate(45deg);	}	
		.nav-mobile.is-active .line:nth-child(3){
		  -webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg);
		  -o-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg);}
	/*FIM config do menu mobile*/
	#boxDestaques{height:500px;}
	#boxDestaques li{height:500px;}
	#boxDestaques #titulos_banner {margin-top: 100px;}
	#boxDestaques h1{font-size: 2.0rem}

	section:not(#boxDestaques){padding:2rem 0;}
	section h2{font-size:2.00rem;margin:0.5rem auto 1rem auto;}

	#boxDiferenciais figure{padding: 20px 0 0 0;}
	#boxDiferenciais figure:after{border-right:1px solid transparent;}
	#boxDiferenciais h3{padding: 0}

	#boxFunciona figure{margin-top: 35px;}

	#boxInvestimentos figure:after{border-right:1px solid transparent;}

	#boxProdutos .tab h3{font-size:1.1rem;margin:0rem 0 2rem 0;}
	#boxProdutos .tabs-panel img{display: none}
	#boxProdutos .tabs-panel p{margin-top: 15px;}
	#boxProdutos .tabs-panel p{padding-right: 0px;padding-left: 0px;}

	.form{width: 100%}
	#contato p{text-align: center;padding: 25px 0}

	footer ul{display: inline-block;margin:2rem 1rem}
	footer ul li{margin:0.6rem 1rem;float: none;display: inline-block;}
    footer figure{text-align: center}
    footer img{width: auto}
}
@media screen and (max-width : 990px){}
@media screen and (max-width : 860px){}
@media screen and (max-width : 715px){}
@media screen and (max-width : 645px){}
@media screen and (max-width : 510px){}
@media screen and (max-width : 375px){}