@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700,900');
:root {
    --verdeEscuro: rgb(27, 63, 45);
    --verdeClaro: rgb(97, 123, 71 );
    --goldClaro: rgb(235,225,195);
    --goldEscuro: rgb(220, 210, 170);
    --goldEscuroAlpha: rgba(220, 210, 170,0.4);
    --cinza: rgb(230, 230, 230);
    --preto: rgb(0, 0, 0);
    --branco: rgb(255,255,255);
}

.box-cookies.hide {display: none !important;}
.box-cookies {position: fixed;background: var(--goldClaro);width: 100%;z-index: 998;bottom: 0;display: flex;align-items: center;justify-content: space-between;}
.box-cookies .msg-cookies, .box-cookies .btn-cookies {text-align: left;padding: 5px;color: #000;font-size: 13px;}
.msg-cookies{padding-right: 200px !important;}
.box-cookies .btn-cookies {background:var(--verdeClaro);cursor: pointer;align-self: normal;
    color: #FFF;}

#box-banner{display: none;width: 550px;position: absolute;}

#box-banner>.close{
    display: block;
    width: 46px;
    height: 48px;
    position: absolute;
    top: -48px;
    right: -46px;
    background: url(../img/bt-fechar.png) no-repeat top right;
}
.button-nav{background: var(--verdeEscuro);;border: none !important;margin: 15px 10px 0px 0px;}
.button-nav:hover{background: #004020 !important;}
.button-nav>.icon-bar{background: #FFF !important;}
a:hover{text-decoration: none;}
input.error, textarea.error, select.error{border-color: #FF4000 !important; background-color: #FFECE3 !important}
label.error{color: #FF4000 !important; font-size: 9px !important;font-weight: 300;}
ul.sub-menu {display: none;}

@media only screen and (min-width : 768px) {
	nav>ul>li:hover{color: var(--verdeClaro) !important;}
	li:hover>ul.sub-menu{display: block;-webkit-animation: fadeInUp 400ms;animation: fadeInUp 400ms;}
	ul.sub-menu {border:none !important;position: absolute;top: 50px;left: 0;background: var(--verdeEscuro);padding: 10px 0;width: 250px;box-shadow: none;display: none;z-index: 999;}
  	ul.sub-menu li {list-style: none;}
  	ul.sub-menu li a {display: block;padding: 5px 20px; text-transform: uppercase;color: var(--goldEscuro);}
	ul.sub-menu li a:hover{background: none;color: var(--branco);}
}

@media (max-width: 768px) {
    .headerspace{height: 130px;}
    .navbar-brand{width: 300px;height: 100px!important;margin:20px 0px 0px 0px !important;}
    header{height: 130px;border-bottom: solid 10px var(--verdeEscuro) !important}
    
    .navbar-collapse{border: none !important;position: absolute;background-color: #FFF !important; !important;width: 100%;width: -webkit-calc(100% + 30px);width: -moz-calc(100% + 30px);width: calc(100% + 30px);text-align: center;top: 130px;z-index: 999999;}
	.in>ul{	display: block;left: 0px;}
	.navbar-collapse>ul>li>a{display: block;padding:8px 0px !important;color: #888 !important;text-transform: uppercase;}
	.navbar-collapse>ul>li>a:hover{color: #000 !important;background: #CCC !important;}

	.in>div>ul{	display: block;left: 0px;}
	.in>div>ul>li>ul{display: none;}
	.in>div>ul>.open>ul{display: block;list-style: none;margin-left: -50px;}
	.in>div>ul>.open{display: block;background-color: var(--verdeClaro) !important;color: #FFF !important;border: none !important;text-align: center;}
	.in>div>ul>.open>a{color: #FFF !important;background: var(--verdeClaro) !important;}
	.in>div>ul>.open>ul>li>a{display: block;padding:5px 0px !important;color: #FFF !important;text-transform: uppercase;}
	.in>div>ul>.open>ul>li>a:hover{background-color: var(--verdeClaro) ;color: #000 !important;}
    
    .menu>div{margin: -10px 0px 0px -15px;}
    #about{height: 5px !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .headerspace{height: 230px;}
    .navbar-brand{left: 50%;width: 420px;margin: 20px 0px 0px -210px !important;}
    header{height: 180px;}
    .menu{height: 50px;top: 180px;}
    .navbar-nav li a {padding: 15px 14px;font-size: 13px;}
    #about{height: 190px;}
    #pgs {display:table;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .headerspace{height: 230px;}
    .navbar-brand{left: 50%;width: 420px;margin: 25px 0px 0px -210px !important;}
    header{height: 180px;}
    .menu{height: 50px;top: 180px;}
    .navbar-nav li a {padding: 15px 24px;font-size: 15px;}
    #about{height: 190px;}
    #pgs {display:table;}
}

@media (min-width: 1200px) {
    .headerspace{height: 200px;}
    .navbar-brand{left: 50%;width: 420px;margin: 25px 0px 0px -210px !important;}
    header{height: 180px;}
    .menu{height: 50px;top: 180px;}
    .navbar-nav li a {padding: 15px 32px;font-size: 17px;}
    #about{height: 190px;}
    #pgs {display:table;}

}

#bgesc {
    background: url(../img/escritorio.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------->>> ESTRUTURA <<<--------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
    font-family: 'Titillium Web', sans-serif;
}


/*========================================== Header ==========================================*/



header{background-color: var(--branco) !important;text-align: center;}
.navbar-brand{display: block;position: absolute;height: 120px;overflow: hidden;}
.menu{background-color: var(--verdeEscuro) !important;text-transform: uppercase;}

.navbar-nav li a{font-weight: 200;color: var(--goldClaro);}
.navbar-nav li a:hover{background: none;color: var(--branco);}

#shadow-branca{background: var(--branco)}
#shadow-bege{background: var(--goldEscuro)}
.btn-privacidade{
    color: #FFF;
    display: block;
    position: relative;
    margin-top: -25px;
}
.btn-privacidade:hover{
    color: var(--goldClaro);
}
.f-social a{border: 4px solid var(--goldEscuroAlpha);width: 54px;height: 54px;border-radius: 50%;display: inline-block;color: var(--goldEscuroAlpha);line-height: 46px;text-align: center;margin-right: 3px;font-size: 35px;}
.f-social a:hover{border: 4px solid var(--goldEscuro);color: var(--goldEscuro);}

footer{margin-top: 20px;}

#about{background: var(--verdeEscuro);}
#about>div>.logo{padding-top: 70px;}
#about>div>.f-social{padding-top: 35px;}
#address{background: var(--verdeClaro);}
#address>div>.fone{font-weight:700;color:var(--branco);padding-top: 15px;font-size: 21px;}
#address>div>.endereco{color:var(--branco);padding: 8px 0px;font-size: 13px;}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------->>> PAGINAÇÃO <<<--------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#pagination{font-family: 'Titillium Web', sans-serif;display: block;border-top: solid 2px var(--goldEscuroAlpha);padding: 10px 0px;font-size: 13px;text-align:center;margin:15px auto;font-weight: 300;text-transform: uppercase;}
#pagination #begin, #pagination #back{display: block;float: left;color: var(--preto);text-decoration:none;margin: 0px 10px 0px 0px ;padding: 9px 15px 9px 15px;background-color: var(--goldEscuroAlpha);-webkit-border-radius: 5px;border-radius: 5px;}
#pagination #begin:hover, #pagination #back:hover{background-color:#00664C;color:#FFF;}
#pagination #next, #pagination #end{display: block;float: right;color: #666;text-decoration:none;margin: 0px 0px 0px 10px;padding: 9px 15px 9px 15px;background-color: var(--goldEscuroAlpha);-webkit-border-radius: 5px;border-radius: 5px;}
#pagination #next:hover, #pagination #end:hover{background-color:var(--verdeEscuro);color:#FFF;}
#pgs {margin:0 auto;white-space:nowrap;}
#pgs ul {list-style:none;margin:0;padding:0;display:table-row;white-space:nowrap;}
#pgs ul li{display:table-cell;}
#pgs ul a{display: block;float: left;margin: 0px 5px;padding: 9px 10px 9px 10px;color: var(--preto);background-color: var(--goldEscuroAlpha);-webkit-border-radius: 5px;border-radius: 5px;text-decoration:none;}
#pagination .atual{background-color:var(--verdeEscuro);color:var(--branco);display: block;float: left;margin: 0px 5px;padding: 9px 10px 9px 10px;-webkit-border-radius: 5px;border-radius: 5px;text-decoration:none;}