/*
Theme Name: Gertec 2019
Theme URI: http://google.com.br
Author: Pedro Silva
Author URI: https://pedrosilva.blog.br
Description: Layout para site da Gertec
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Gertec, responsivo, novo, 2019, mobile
Text Domain: Gertec

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,600,700');

body { font-family: 'Lato', sans-serif; font-size: 14px; background: #fcfcff; color: #555555; }

a:hover { text-decoration: none; }
.animacao, a, img, input, textarea, select, header, button { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; }

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.size-full { display: block; max-width: 100%; height: auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone {  margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 100%; padding: 5px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 5px; }

.wpcf7 input, .wpcf7 textarea { font-size: 14px; }
.wpcf7-response-output { float: left; width: 100%; margin: 0 !important; padding: 10px !important; text-align: center; font-size: 14px; }
.wpcf7-validation-errors { width: 100%; margin: 0 !important; padding: 10px !important; text-align: center; font-size: 14px; color: #FFFFFF; background: #F00000; border: 0 !important; }
.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { background: #FBB4B4 !important; }
.wpcf7-mail-sent-ok { background: #398f14 !important; color: #FFFFFF !important; }

.container, .elementor-container { max-width: 1160px !important; }

.btn-azul { background: #3aaefd; color: #FFFFFF; text-transform: uppercase; border-radius: 50px; padding: 5px 25px; }
.btn-azul:hover { background: #FFFFFF; color: #3aaefd; }
.btn-azul-escuro { background: #111c42; color: #FFFFFF; text-transform: uppercase; border-radius: 50px; padding: 5px 25px; }
.btn-azul-escuro:hover { background: #FFFFFF; color: #111c42; }
.btn-amarelo { background: #faae39; color: #FFFFFF; text-transform: uppercase; border-radius: 50px; padding: 5px 25px; }
.btn-amarelo:hover { background: #FFFFFF; color: #faae39; }
.btn-amarelo-texto { color: #faae39; }
.btn-amarelo-texto:hover { color: #FFFFFF; }
.btn-branco { background: #FFFFFF; color: #000000; text-transform: uppercase; border-radius: 50px; padding: 5px 25px; }
.btn-branco:hover { background: #000000; color: #FFFFFF; }
.btn-outline-branco { color: #FFFFFF; padding: 3px 25px; border: 1px solid #FFFFFF; border-radius: 50px; }
.btn-outline-branco:hover { color: #000000; background: #FFFFFF; }
.btn-outline-amarelo, .btn-caixa-aqui a { color: #faae39 !important; border: 1px solid #faae39; padding: 3px 25px; border-radius: 50px; }
.btn-outline-amarelo:hover, .btn-caixa-aqui a:hover { color: #FFFFFF !important; background: #faae39; }
.bg-cinza { background-color: #edf0f3; }
.bg-cinza-escuro { background-color: #dcddde; }
.bg-azul-claro { background-color: #dce2e7; }
.bg-azul-escuro { background-color: #111c42; }
.bg-amarelo { background-color: #faae39; }
.f-azul { color: #0f1e43; }

header { z-index: 5; }
header img.logo { filter: brightness(0) invert(1); }
header .nav.principal { font-size: 14px; }
header .nav.principal li:first-of-type a { padding-left: 0; }
header .nav.principal li:last-of-type a { padding-right: 0; }
header .nav a { color: #FFFFFF; padding: 5px 10px; }
header .nav a:hover, header .nav .active a { color: #faae39 !important; }
header .btn-login a { border: 1px solid #FFFFFF; border-radius: 50px; padding-left: 15px; padding-right: 15px; }
header .btn-ligue a { background: #faae39; text-transform: uppercase; border-radius: 50px; margin-left: 10px; padding-left: 15px; padding-right: 15px; }
header .btn-login:hover a, header .btn-ligue:hover a { background: #FFFFFF; color: #205481 !important; }
header .col-lg-2 { max-width: 10%; flex: 0 0 10%; }
header .col-lg-7 { max-width: 60%; flex: 0 0 60%; }
header .col-lg-3 { max-width: 30%; flex: 0 0 30%; }
header.header-pagina { background: #e6e7e8; }
header.supermenu-ativo { border-bottom: 1px solid #a7a9ac; background: #e6e7e8; }
header.supermenu-ativo img.logo, header.header-pagina img.logo { filter: none; }
header.supermenu-ativo .nav a, header.header-pagina .nav a { color: #0f1e43; }
header.supermenu-ativo .btn-login a, header.header-pagina .btn-login a { border: 1px solid #0f1e43; }
header.supermenu-ativo .btn-ligue a, header.header-pagina .btn-ligue a { color: #FFFFFF; }
header.supermenu-ativo .border-left, header.header-pagina .border-left { border-left: 1px solid #a7a9ac !important; }

.supermenu { top: 0; left: 0; z-index: 4; display: none; }
.supermenu .categoria { display: none; }
.supermenu .subcategoria { display: none; }
.supermenu .bg-supermenu { background-color: #e6e7e8; padding-top: 120px; padding-bottom: 10px; }
.supermenu .subcategorias a { color: #939598; }
.supermenu .subcategorias a:hover, .subcategorias .active { color: #001b44; }

.btn-login.current_page_item a { background: #0f1e43; color: #FFFFFF !important; }

.slider { margin-top: -100px; z-index: 1; }
.slider .bg-slider { padding-top: 150px; background: url(img/bg-slider.png) repeat-x center 57%; }

.custom .tp-bullet { width: 45px !important; height: 5px !important; }
.custom .tp-bullet:hover, .custom .tp-bullet.selected { background: #faae39 !important; }

h2.titulo, h6.titulo, .linha-amarela-esq h3, .linha-amarela-esq h2, .linha-amarela-dir h4, .linha-amarela-dir h2 { position: relative; }
.slider .linha-amarela-dir:after, h2.titulo:after, h6.titulo:after, a.linha-amarela-esq:after, main .videos .box h5.titulo:after, footer .widget_nav_menu h3:after, .linha-amarela-esq h3:after, .linha-amarela-esq h2:after, .linha-amarela-dir h4:after, .linha-amarela-dir h2:after { content: ""; position: absolute; left: 0; bottom: -10px; width: 100px; height: 2px; background: #faae39; }
.linha-amarela-esq h2:after, h6.titulo:after, a.linha-amarela-esq:after { bottom: -15px; }
.linha-amarela-dir h4:after, .linha-amarela-dir h2:after, .slider .linha-amarela-dir:after { left: initial; right: 0; bottom: -15px; }
h6.titulo:after, a.linha-amarela-esq:after { width: 50px; }

main .camada { position: relative; }
main .camada .elementor-widget-container .elementor-image-box-wrapper { position: relative; z-index: 1; }
main .camada .elementor-widget-container:after { content: ""; z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(252,252,252,0) 1%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(252,252,252,0) 1%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 ); }

main h3.elementor-image-box-title { margin-bottom: 20px !important; }

main .videos .box .miniatura { height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center center; }
main .videos .box .miniatura .play { top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
main .videos .box a { color: #152358; }

footer .idiomas { color: #FFFFFF; }
footer .idiomas .bandeira { border: 2px solid #FFFFFF; width: 25px; vertical-align: middle; margin-right: 10px; }
footer .idiomas .selecionar-idioma { display: none; }
footer .idiomas .selecionar-idioma li { margin-bottom: 10px; }

footer .widget_nav_menu h3 { color: #FFFFFF; font-size: 20px; position: relative; }
footer .widget_nav_menu h3:after { background: rgba(255,255,255,0.2); bottom: -15px; }
footer .menu { list-style: none; margin: 25px 0 0 0; padding: 0; }
footer .menu a { color: #FFFFFF; padding: 10px 0; display: block; }
footer .menu a:hover { color: rgba(255,255,255,0.3); }
footer .col-lg-2 { max-width: 20%; flex: 0 0 20%; }

footer .social li { margin: 0 5px; }
footer .social li a { position: relative; display: block; font-size: 20px; width: 40px; height: 40px; background: #ad7b2e; border-radius: 50px; color: #faae39; }
footer .social li a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%);  -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
footer .social li a:hover { background: #FFFFFF; }
footer .btn-caixa-aqui a { padding: 3px 10px !important; text-align: center; }
footer .btn-outline-branco { padding: 3px 12px; }

.quero-conhecer input, .quero-conhecer textarea, form.formulario input, form.formulario select { border-radius: 20px !important; }
.quero-conhecer label, form.formulario label { margin-left: 20px; font-weight: bold; }
form.formulario .custom-control-label::before { background-color: #e8e8e8; }
form.formulario .custom-control-input:checked~.custom-control-label::before { background-color: #999999; }
form.formulario .border-bottom { border-bottom: 1px solid #FFFFFF !important; }

form .abrangencia .custom-control { width: 33%; float: left; }

.row.pef { display: none; }

.menu-lateral a { font-weight: bold; }
.menu-lateral .ativo a { background-color: #faae39; border-color: #faae39; }

.branco.custom-control-label::before { background-color: #FFFFFF; }

form .lote { display: none; }

/* TABLET */
@media (max-width: 768px){
	
	header .col-lg-7, header .col-lg-3 { max-width: initial; flex: initial; }
	 header .col-lg-2 { max-width: 25%; flex: 25%; }
	#amplie { overflow: hidden; }
	
	.btn-mobile { font-size: 30px; color: #FFFFFF; }
	header.supermenu-ativo .btn-mobile { color: #999999; }
	.bg-header { background-color: #e6e7e8; }
	header .nav li { display: inline-block; }
	header .nav.principal li a { font-size: 18px; }
	header .btn-ligue a { margin-left: 0; }
	header.supermenu-ativo .border-left { border-left: none !important; }
	header .nav.opcoes li { margin: 5px 0; }
	header .nav.opcoes a { display: inline-block; }
	header .nav { display: none; }
	
}

/* MOBILE */
@media (max-width: 480px){
	
	header .col-lg-2 { max-width: 33%; flex: 33%; }
	footer .col-lg-2 { max-width: 50%; flex: 0 0 50%; }
	header .nav.principal li { display: block; width: 100%; }
	header .nav.principal li a { font-size: 16px; padding: 5px 0; }

	.supermenu a img { display: none; }
	.supermenu a p { margin: 0; }

}