body{margin: 0; padding: 0; height: 100%; font-family: 'Open Sans', sans-serif; position: relative;}
html{height: 100%;}
*{box-sizing: border-box; resize: none; outline: none; font-family: inherit; font-size: inherit;}
a{text-decoration: none; color: inherit; font-size: 14px; -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
a:hover, a:focus{text-decoration: none; color: inherit;}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;}
h2{font-size: 38px; text-transform: uppercase; font-weight: 700;}
p{font-size: 14px;}

.inside{width: 98%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 999;}
.flex{display: flex;}
.wrap{flex-wrap: wrap;}
.between{justify-content: space-between;}
.around{justify-content: space-around;}
.start{justify-content: flex-start;}
.end{justify-content: flex-end;}
.center{justify-content: center;}
.vert{align-items: center;}

#popup {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background: rgba(0, 0, 0, .6);}
#popup .popup {position: relative; z-index: 998;}
#popup img {display: block; width: 90%; height: auto; max-width: 700px; margin: 0 auto; }

.botao{color: rgb(255, 255, 255) !important; padding: 6px 12px; text-align: center; background: #B87B00; border-radius: 2px; transition: all ease-out 300ms; font-size: 14px !important; display: inline-block;}
.botao:hover{color: rgb(240, 240, 240) !important; background: #212B4F;}

.botao-mn{ margin-left: 15px; cursor: pointer; background:#C0B99A;}
.botao-mn:hover{ background: #B87B00 !important;}

.title-principal{font-size: 30px; text-transform: uppercase; color: #212B4F !important; padding: 15px 0; margin-bottom: 40px !important; font-weight: bold; }
.title-principal small{display: block; font-size: 15px; font-weight: bold;}

/*========MODAL========*/
.modal-open{padding-right: 0 !important;}
.modal-header h3{color: #212B4F; font-weight: bold;}
.modal-header h3 i{color: rgb(91, 192, 222);}
.ms input{width: 49.8%; padding: 20px 10px; margin-bottom: 5px; border: 1px solid rgb(200, 200, 200); border-radius: 2px;}
.ms button{border: none;}
.ms input[name="cliente_documento"]{width: 100%;}
.ms .btn{padding: 12px 20px; }

.cookie{background-color: rgb(255, 255, 255); bottom: 0px; position: fixed; display: block; opacity: 1; width: 100%; padding: 13px 10px; z-index: 9999; text-align: center; box-shadow: rgba(0,0,0,.5) 0px 5px 50px;}
.cookie p{color: #000; font-family: inherit;}
/* .cookie p a{color: #666; font-weight: bold;} */
.aceitar{background: #000; cursor: pointer; padding: 10px; color: #fff; display: inline-block; margin-top: 10px; border: none;}
.aceitar:hover{color: #B87B00;}


/*========BANNER BACKGROUND========*/
.banner{width: 100%; height: 100%; position: fixed; object-fit: cover;}
/*UTILIZAR CASO SO SITE TENHA BANNER*/
/*.slide{width: 100%; height: 100%; background-size: cover; position: relative;}
.slide:before{content: ''; position: absolute; width: 100%; height: 100%; background: black url(imgs/dots.png); z-index: 0; opacity: .4;}*/

/*========TOPO========*/
.topo{width: 100%; min-height: 380px; position: relative; z-index: 999;}
.logo{max-width: 400px; border: 3px solid rgb(255, 255, 255); padding: 20px 10px; background:rgb(255, 255, 255);}
.txt-tp{text-align: center; margin-top: 12px; color: #B87B00; font-size: 16px; font-weight: bold;}
.txt-tp span{display: block; color: #212B4F; font-weight: normal; font-size: 14px; }

.zone{width: 100%; background: #212B4F; z-index: 1000; position: relative; align-self: flex-end; padding: 20px;}
.zone .logo2{ opacity: 0; left: -100%; position: relative; height: 0; max-width: 0; padding: 20px; background: rgb(255, 255, 255);}

.small{position: fixed !important; top: 0; left: 0; padding: 15px 30px !important;}
.small .logo2{opacity: 1; max-width: 260px; left: 0; height: auto; -webkit-transition: all ease-out 500ms; transition: all ease-out 500ms; margin-right: 20px;}

.menu{align-self: center;}
.mainmenu{width: 100%; margin: 0; padding: 0; align-items: center;}
.mainmenu li{ list-style: none; text-align: center;}
.mainmenu li a{color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; white-space: nowrap; padding: 10px 15px;}
.mainmenu li a:hover{background: #B87B00;}

.control-nav{display: none;}
.control-nav-close{display: none;}

.redes .fa{width: 40px; line-height: 40px !important; text-align: center; border: 1px solid rgb(200, 200, 200); color: rgb(200, 200, 200); border-radius: 50%; font-size: 18px;}
.redes .fa-facebook{border-color: rgb(72, 103, 170); background: rgb(72, 103, 170); color: rgb(255, 255, 255); margin-right: 5px;}
.redes .fa-instagram{border-color: rgb(55, 90, 130); background: rgb(55, 90, 130); color: rgb(255, 255, 255);}
.redes .fa-whatsapp{border-color: #51CB5C; background: #51CB5C; color: rgb(255, 255, 255); margin-left: 4px;}
/*
.redes .fa-twitter:hover{border-color: rgb(29, 161, 242); background: rgb(29, 161, 242);}
.redes .fa-linkedin:hover{border-color: rgb(0, 123, 182); background: rgb(0, 123, 182);} 
*/

/*========FAIXAS========*/
.ctn-white{background: rgb(255, 255, 255); width: 100%; position: relative; z-index: 999; padding: 65px 0;}
.gray{background: rgb(244, 244, 244);}
.cor-fd{background: #E9E5D3; }

/*========CONTEUDO HOME========*/
.text-home{flex: 1 420px; margin: 20px; text-align: justify;}
.text-home h2{ font-size: 30px; border-left: 1px solid rgb(200, 200, 200); color: #212B4F; padding: 15px; margin-bottom: 40px; margin-top: 0; text-align: justify; font-weight: normal;}
.text-home h2 small{display: block; font-size: 15px; font-weight: bold; line-height: 20px;}
.text-home h2 span{text-decoration: underline;}
.parceiros{margin-top: 40px;}
.parceiros img{margin: 20px 15px;}

.video .youtube{width: 400px;}
.video .texto{flex:1;}
.video .bt-video{padding: 15px 20px; background: #B87B00; color: #ffffff; display:inline-block;}

.ebook{background: #212B4F; padding: 40px 0; width: 100%; position: relative; z-index: 999; }
.ebook p{color: #ffffff; font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; margin: 0;}
.ebook p span{display: block; font-size: 20px;}
.ebook a{padding: 20px; background: #B87B00; color: #ffffff; border-radius: 5px;}
.ebook a:hover{background: #ffffff; color: #212B4F;}

/*========CONTEUDO PÁGINAS========*/
.text h1{font-weight: 700; color: rgb(100, 100, 100);}
.text h1 small{display: block;}

/*========UTILITARIOS========*/
.ctn-picture{width: 100%; position: relative; }
.box-picture{flex: 1 340px; padding: 100px 65px; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; outline: 1px solid transparent; position: relative;}
.box-picture:before{position: absolute; content: " "; background: rgba(3,11,59, .4); top: 0; left: 0; width: 100%; height: 100%; }
.ctn-picture i{color: rgb(255, 255, 255);}
.box-picture div{position: relative;}
.box-picture h2{color: rgb(255, 255, 255); text-transform: uppercase; font-size: 25px;  }
.box-picture p{color: rgb(255, 255, 255);}
.box-picture:hover{outline-offset: -50px; outline: 1px solid rgb(255, 255, 255);}

/*========NOTÍCIAS========*/
.data{color: #B87B00; padding: 5px 0; width: 100%; margin-bottom: 15px; text-align: left;}
.tituloNot{font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: bold; text-align: left;}
.descricao{color: rgb(51, 51, 51); text-align: left;}
.bt-not{margin-bottom: 20px !important;}
.paginacao { margin-top: 50px; text-align: center; }
.paginacao a { padding: 5px 10px; background-color: #C0B99A; color: #fff; }
.paginacao a:hover { background-color: #212B4F;}
.paginacao .atual { padding: 5px 10px; background-color: #212B4F; color: #fff; }

/*========CONSULTAS========*/
.consultas h2{width: 100%;}
.box-consultas{flex: 1 300px; margin: 10px; position: relative;}
.box-consultas h3{font-size: 24px;}
.box-consultas:before{position: absolute; content: ""; opacity: .3; bottom: 0; left: 0; width: 50px; height: 2px; background:#C0B99A;  -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
.box-consultas:hover:before{width: 60%; opacity: 1;}

/*========LOCALIZAÇÃO========*/
.place{position: relative; z-index: 999; background: rgb(255, 255, 255);}
.contact{flex: 2;}
.contact:last-child{padding: 10px 50px 0 50px; flex: 1;}
.contact .fa{color: #B87B00 !important;}
.contact p span{margin-left: 15px;}
.contact .formulario{width: 100%; margin-top: 30px; font-size: 14px;}
.contact .formulario input, .contact .formulario textarea{width: 100%; padding: 10px; margin-bottom: 5px; border: 1px solid rgb(220, 220, 220);}
.contact .formulario input[name="palavra"]{padding: 14px; margin-bottom: 0; width: 100% !important;}
.contact .formulario .botao{border: none;}

/*========RODAPÉ========*/
.rodape{background: #C0B99A; padding: 65px 0; position: relative; z-index: 999;}
.rodape h3{margin: 0; color:#212B4F; border-bottom: 1px solid rgb(100, 100, 100); margin-bottom: 15px; width: 100%; font-weight: bold; }
.rodape .ctn-list{flex: 1;}
.rodape .list{padding: 0; margin: 0 !important; list-style: none; flex: 1; }
.rodape .list li a{color: #212B4F; line-height: 28px; display: block;}
.rodape .list li a:hover{color:#B87B00;}
.rodape .search {flex:1; margin-right: 20px;}
.rodape .search h3{border: 0; }
.rodape .search p{color:#212B4F; margin-top: 20px;}
.rodape .search input{width: 80%; border: 0; background: rgba(255, 255, 255, .2); padding: 10px; color: rgb(255, 255, 255); font-size: 14px;}
.rodape .search .btn-search{margin: 0; padding: 10px; border: 0;}

.ir{background: #ddd; margin-top: 60px; padding: 20px; text-align: center; font-weight: normal; font-size: 18px;}
.ir .vermelho{ color: #cc0000; }
.ir .azul{ color: #212B4F; }


@media screen and (max-width: 1024px){
    .small{padding: 5px !important;}
}

@media screen and (max-width: 999px){
    .small .logo2{opacity: 1; max-width: 180px; left: 0; height: auto; -webkit-transition: all ease-out 500ms; transition: all ease-out 500ms; margin-right: 2px;}
    .menu{position: fixed; z-index: 999; height: 100%; top: 0; right: 0; width: 100%; height: 100%; background: rgba(23,30,55, .9); -webkit-transform: translate(100%, 0); transform: translate(100%, 0);  -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
    .mainmenu{width: 50%; height: 100%; margin: 0 auto; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column;}
    .mainmenu li{flex: 1; align-items: center; display: flex;}
    .mainmenu li a{color: rgb(255, 255, 255); text-transform: uppercase; display: block;}
    
    .control-nav {display: block; cursor: pointer; color: rgb(100, 100, 100); align-self: center; margin-bottom: 0 !important;}
    .control-nav-close {width: 50px; height: 100%; text-align: center; position: fixed; right: 0; top: 20px; bottom: 0; left: 20px;  display: none; color: rgb(255, 255, 255); opacity: 0;  -webkit-transition: all ease-out 300ms; transition: all ease-out 300ms;}
    #control-nav:checked ~ .control-nav{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
    #control-nav:checked ~ .control-nav-close{opacity: 1; z-index: 1000; display: block;}
    #control-nav:checked ~ .menu{-webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
    
    .box-picture{flex: 1 768px;}
    .contact{flex: 1 100%;}
    .contact:last-child{order: 1; padding: 20px;}
    .contact:first-child{order: 2;}
    .rodape .ctn-list{order: 1 !important; flex: 1 100%; margin-left: 0; margin-bottom: 30px;}
    .rodape .list{flex: 1 100%; margin-left: 0; margin-bottom: 20px;}
    .rodape .search{order: 2 !important; flex: 1 100%;}
}

@media screen and (max-width: 767px){
    .video .youtube{width: 100%; text-align: center;}
    .video .texto{flex:1 100%; text-align: center; margin-top: 25px;}
    .ebook p{width: 100%; text-align: center;}
    .ebook div{justify-content: center;}
    .ebook a{margin-top: 25px;}
}
    
@media screen and (max-width: 475px){
    .vd-pal{width: 280px;}
    .small{justify-content: center;}
    .small .redes{display: none;}
    .small .menu-container{width: 100%; justify-content: space-between; margin-bottom: 10px;}
    .zone-blue h2 span{display: block;}
    .notUni .tituloNot{flex-direction: column;}
    .notUni .data{width: 100%;}
    .notUni .data br{display: none;}
    .rodape .search input{width: 85%;}
    .contact:last-child{padding: 5px;}
}

@media screen and (max-width: 375px){
    .contact p span{display: block; margin-left: 0;}
    .rodape .search input{width: 80%;}
}

@media screen and (max-width: 320px){
    .rodape .search input{width: 75%;}
    h2 span{display: block;}
}