/*@font-face {
    font-family: 'antique_olive_compactregular';
    src: url('../fonts/antique_olive_compact-webfont.woff2') format('woff2'),
         url('../fonts/antique_olive_compact-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

/* fonte para o painel Raleway */

body {font-family: 'Raleway', sans-serif; color: #000; font-size: 1.1rem;}
strong {font-weight: 600;}

.header {border-top: 6px solid #fff; border-bottom: 2px solid #fff; position: relative; z-index: 1000;}
.sec-util {background: #2e0d01; color: #ffae3e;}
.sec-util p {margin: 5px; font-size: 14px;}
.ico {width: 20px; height: 20px;}



.logo {text-align: center; height: 20px; position: relative;}
.logo:before {content: url(../img/bg-logo.png); position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: 0;}
.logo img {position: relative; z-index: 100;}

.sec-nav {background: #672d0a; min-height: 69px;}
.sec-nav  a,
.sec-nav svg,
.navbar-dark .navbar-nav .nav-link {color: #fff; fill: #fff; font-weight: 600; font-size: 1.3em; }
.dropdown-menu {background: #361501;}

.sec-nav .dropdown-item:focus, .sec-nav .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #6e330f;
}

.sep {border-left: 1px solid #cc8a2f; border-right: 1px solid #2e0d01; height: 21px; margin: 13px 10px 0; }

.bg-nav {background: url(../img/bg-topo-all.jpg) no-repeat 50% 0%; padding: 6px 0;}

@media (max-width: 800px) {
	.bg-nav {
		-webkit-background-size: 800px auto;
		background-size: 800px auto;
	}
}

@media (max-width: 600px) {
	.bg-nav {
		-webkit-background-size: 700px auto;
		background-size: 700px auto;
	}
	.navbar-dark .navbar-toggler {
	    background: #672d0b;
	}
}

.sep-hidden {visibility: hidden;}

@media screen and (min-width: 1200px) {
.nav-fixed {position: fixed; left: 0; top: -100%; width: 100%; z-index: 999000;}
.show-nav {transition-property: top; transition-duration:  1s; transition-timing-function:  ease-in-out; top: 0%;}
.nav-fixed.bg-nav {background: #672d0a;}
.nav-fixed .sep {visibility: hidden;}
.nav-fixed .navbar-expand-xl .navbar-collapse {justify-content: center;}
.nav-fixed .navbar-expand-xl .mr-auto {margin-right: 0!important;}
/*.nav-fixed .navbar-expand-xl .navbar-nav .nav-link {padding-right: 3.4rem;}*/
}


/*.sec-painel {background: url(../img/painel/1.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover; position: relative; z-index: 100; overflow: hidden;}*/
.painel {list-style: none; padding: 0; margin: 0; position: relative; z-index: 800;}
.painel img {max-width: 100%; width: 100%;}
.item-painel {min-height: 550px; padding: 140px 0 30px; color: #fff; text-shadow: 3px 3px 8px #000; position: relative;  font-size: 40px; font-family: 'Raleway', sans-serif; font-weight: bold; line-height: 50px; text-align: center;} 
.item-painel .fonte {font-family: 'Raleway', sans-serif; font-size: 30px; font-weight: bold; line-height: 18px;}
.painel .slick-prev {left: 20px;}
.painel .slick-next {right: 20px;}

.planta1 {position: absolute; left: 45%; bottom: -50px; z-index: 10;}
.planta2 {position: absolute; left: 0; bottom: -70px; z-index: 9;}
.planta3 {position: absolute; right: 0; bottom: -20px; z-index: 8;}
.planta4 {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 7;}

/*.fade1,
.fade2 {transition: all .5s; opacity: 0;}*/



/*@-webkit-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-moz-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-o-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-ms-keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@keyframes fade1 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}

@-webkit-keyframes fade2 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-moz-keyframes fade2 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-o-keyframes fade2 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@-ms-keyframes fade2 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}
@keyframes fade2 {0% {opacity: 0; left: -20px;}100% {opacity: 1; left: 0px;}}*/

.planta1 {
	-webkit-transform: translate(0, 200px); opacity: 0; 
		-moz-transform: translate(0, 200px);
		-o-transform: translate(0, 200px);
		-ms-transform: translate(0, 200px);
		transform: translate(0, 200px);

		-webkit-animation: p1 1s ease-in-out 1s 1 normal forwards;
		-moz-animation: p1 1s ease-in-out 1s 1 normal forwards;
		-o-animation: p1 1s ease-in-out 1s 1 normal forwards;
		-ms-animation: p1 1s ease-in-out 1s 1 normal forwards;
		animation: p1 1s ease-in-out 1s 1 normal forwards;
}

.planta2 {
	-webkit-transform: translate(0, 200px); opacity: 0; 
		-moz-transform: translate(0, 200px);
		-o-transform: translate(0, 200px);
		-ms-transform: translate(0, 200px);
		transform: translate(0, 200px);

		-webkit-animation: p2 1s ease-in-out 2s 1 normal forwards;
		-moz-animation: p2 1s ease-in-out 2s 1 normal forwards;
		-o-animation: p2 1s ease-in-out 2s 1 normal forwards;
		-ms-animation: p2 1s ease-in-out 2s 1 normal forwards;
		animation: p2 1s ease-in-out 2s 1 normal forwards;
}

.planta3 {
	-webkit-transform: translate(0, 200px); opacity: 0; 
		-moz-transform: translate(0, 200px);
		-o-transform: translate(0, 200px);
		-ms-transform: translate(0, 200px);
		transform: translate(0, 200px);

		-webkit-animation: p3 1s ease-in-out 2.5s 1 normal forwards;
		-moz-animation: p3 1s ease-in-out 2.5s 1 normal forwards;
		-o-animation: p3 1s ease-in-out 2.5s 1 normal forwards;
		-ms-animation: p3 1s ease-in-out 2.5s 1 normal forwards;
		animation: p3 1s ease-in-out 2.5s 1 normal forwards;
}

.planta4 {
	-webkit-transform: translate(-50%, -50px); opacity: 0; 
		-moz-transform: translate(-50%, -50px);
		-o-transform: translate(-50%, -50px);
		-ms-transform: translate(-50%, -50px);
		transform: translate(-50%, -50px);

		-webkit-animation: p4 1s ease-in-out .5s 1 normal forwards;
		-moz-animation: p4 1s ease-in-out .5s 1 normal forwards;
		-o-animation: p4 1s ease-in-out .5s 1 normal forwards;
		-ms-animation: p4 1s ease-in-out .5s 1 normal forwards;
		animation: p4 1s ease-in-out .5s 1 normal forwards;
}

@-webkit-keyframes p1 {0% {-webkit-transform: translate(0, 200px); opacity: 0;}100% {-webkit-transform: translate(0, 0); opacity: 1;}}
@-moz-keyframes p1 {0% {-moz-transform: translate(0, 200px); opacity: 0;}100% {-moz-transform: translate(0, 0); opacity: 1;}}
@-o-keyframes p1 {0% {-o-transform: translate(0, 200px); opacity: 0;}100% {-o-transform: translate(0, 0); opacity: 1;}}
@-ms-keyframes p1 {0% {-ms-transform: translate(0, 200px); opacity: 0;}100% {-ms-transform: translate(0, 0); opacity: 1;}}
@keyframes p1 {0% {transform: translate(0, 200px); opacity: 0;}100% {transform: translate(0, 0); opacity: 1;}}

@-webkit-keyframes p2 {0% {-webkit-transform: translate(0, 200px); opacity: 0;}100% {-webkit-transform: translate(0, 0); opacity: 1;}}
@-moz-keyframes p2 {0% {-moz-transform: translate(0, 200px); opacity: 0;}100% {-moz-transform: translate(0, 0); opacity: 1;}}
@-o-keyframes p2 {0% {-o-transform: translate(0, 200px); opacity: 0;}100% {-o-transform: translate(0, 0); opacity: 1;}}
@-ms-keyframes p2 {0% {-ms-transform: translate(0, 200px); opacity: 0;}100% {-ms-transform: translate(0, 0); opacity: 1;}}
@keyframes p2 {0% {transform: translate(0, 200px); opacity: 0;}100% {transform: translate(0, 0); opacity: 1;}}

@-webkit-keyframes p3 {0% {-webkit-transform: translate(0, 200px); opacity: 0;}100% {-webkit-transform: translate(0, 0); opacity: 1;}}
@-moz-keyframes p3 {0% {-moz-transform: translate(0, 200px); opacity: 0;}100% {-moz-transform: translate(0, 0); opacity: 1;}}
@-o-keyframes p3 {0% {-o-transform: translate(0, 200px); opacity: 0;}100% {-o-transform: translate(0, 0); opacity: 1;}}
@-ms-keyframes p3 {0% {-ms-transform: translate(0, 200px); opacity: 0;}100% {-ms-transform: translate(0, 0); opacity: 1;}}
@keyframes p3 {0% {transform: translate(0, 200px); opacity: 0;}100% {transform: translate(0, 0); opacity: 1;}}

@-webkit-keyframes p4 {0% {-webkit-transform: translate(-50%, -50px); opacity: 0;}100% {-webkit-transform: translate(-50%, 0); opacity: 1;}}
@-moz-keyframes p4 {0% {-moz-transform: translate(-50%, -50px); opacity: 0;}100% {-moz-transform: translate(-50%, 0); opacity: 1;}}
@-o-keyframes p4 {0% {-o-transform: translate(-50%, -50px); opacity: 0;}100% {-o-transform: translate(-50%, 0); opacity: 1;}}
@-ms-keyframes p4 {0% {-ms-transform: translate(-50%, -50px); opacity: 0;}100% {-ms-transform: translate(-50%, 0); opacity: 1;}}
@keyframes p4 {0% {transform: translate(-50%, -50px); opacity: 0;}100% {transform: translate(-50%, 0); opacity: 1;}}


/*.slick-active .fade1 {
   position: relative; left: -20px;
    opacity: 0; 
    -webkit-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    -moz-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    -o-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    -ms-animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
    animation: fade1 .5s ease-in-out 0.5s 1 normal forwards;
}*/


.sec-missao {background: linear-gradient(to top, #fff, #cff3ff); padding: 40px 0;}
.sec-missao2 {background: #591602 url(../img/bg-missao.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover; color: #fff; padding: 140px 0 200px; position: relative; font-size: 18px; overflow: hidden;}
.plantar {position: absolute; left: -100%; top: 20%; opacity: 0;}
.plantar.active {left: 0; opacity: 1; transition: all 1.5s;}

.sec-missao h1 {color: #0091b4; font-weight: 600;}
.bx1 h2 {color: #0091b4; font-weight: 600; font-size: 1.4em;}


.bx1 img {
  -webkit-transition: -webkit-transform 1s;
         -moz-transition: -moz-transform 1s;
           -o-transition: -o-transform 1s;
              transition: transform 1s;
      -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
           -o-transform-style: preserve-3d;
              transform-style: preserve-3d;}
.bx1:hover img {
-webkit-transform: rotateY( 180deg );
 -moz-transform: rotateY( 180deg );
   -o-transform: rotateY( 180deg );
      transform: rotateY( 180deg );
}

.sec-missao2 h2 {font-weight: bold; color: #85c418; font-size: 38px;}

.bx2 {position: relative; right: -50px; opacity: 0; font-size: 24px;}
.bx2.active {right: 0; opacity: 1; transition: all 1.5s;}


.b1 {background: #3d0e01; color: #fff;}
.b1:hover {background: #601f0e; color: #fff;}

.b2 {background: #01446c; color: #fff;}
.b2:hover {background: #0c5d8e; color: #fff;}

.sec-mensagens {background: url(../img/bg-mensagens.jpg) no-repeat 50% 0; -webkit-background-size: cover; background-size: cover; color: #01446c; padding: 60px 0; font-size: 18px; font-weight: 600;}
.sec-mensagens strong,
.sec-missao2 strong {font-weight: 600;}

.footer {background: #672d0a; padding: 20px 0 0; color: #fff;}
.copy {background: #491d03; text-align: center; padding: 5px 0;}
.copy p {margin: 0;}
.footer a {color: #fff;}

.ico-rede {display: inline-block;     height: 42px;
    width: 42px; background: #0b1536; border-radius: 50%; text-align: center; line-height: 42px; margin: 10px 5px 5px;}
.ico-rede svg {width: 25px; height: 25px; vertical-align: middle; margin: 0; fill: #fff; position: relative; left: 0; top: -1px;}
.instagram {background: linear-gradient(to bottom, #a33bac, #fc3670, #ffa340);}
.facebook {background: #3a589b;}
.youtube {background: #e11129;}

.redes-top {position: absolute; right: 0; top: 5px;}
.redes-top .ico-rede2 {width: 22px; height: 22px; text-align: center; display: inline-block; border-radius: 50%;}
.redes-top .ico-rede2 svg {width: 15px; height: 15px; line-height: 25px; fill: #fff; position: relative; top: 1px;}


/* Internas */
.main {padding: 0 0 45px;}
.sec-titulo {padding: 25px 0; background: url(../img/bg-tt.jpg) no-repeat 50% 50%; -webkit-background-size: cover; background-size: cover; margin-bottom: 45px; }
.sec-titulo h1 {color: #fc9001; font-weight: 600; text-transform: uppercase; font-size: 34px; margin: 0;}

.list {list-style: none; padding: 0;}
.list li {border-bottom: 1px dotted #333; margin: 0 0 10px;}
.list li:last-child {border: 0;}
.list .t1 a {color: #027b98;}
.list p a {color: #000;}

/* Colaboradores */
.t1 {color: #027b98; font-weight: 600; font-size: 28px;}
.hr1 {border: 0; border-top: 1px dotted #333;}
.b3 {background: #027894; color: #fff;}
.b3:hover {background: #01596e;  color: #fff;}
.b4 {color: #027b98; border: 1px solid #027b98;}

.b5 {background: #185b3b; color: #fff;}
.b5:hover {background: #0d432a;  color: #fff;}

.b6 {background: #d65608; color: #fff;}
.b6:hover {background: #963a02;  color: #fff;}

.well1 {background: #fde3a2; padding: 20px 20px 10px; border-radius: 15px;}

.t2 {color: #027b98; font-weight: bold; font-size: 25px; border-bottom: 2px solid #d4d4d4; margin-bottom: 20px;}
.t3 {color: #195e3d; font-weight: bold; font-size: 25px; border-bottom: 2px solid #d4d4d4; margin-bottom: 20px;}
.t4 {color: #d65608; font-weight: bold; font-size: 25px; border-bottom: 2px solid #d4d4d4; margin-bottom: 20px;}

.well2 {background: #eeeeee; padding: 20px 20px 10px; border-radius: 15px;}

.hr2 {border-top: 1px solid #195e3d;}
.sec-colaboradores {padding-left: 30px;}

/* Fotos */
.card-fotos {margin-bottom: 30px;}
.thubmnail {position: relative;}
.thubmnail a:before {content: url(../img/play.png); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

/* Contato */
.form label {font-weight: 600;}

.pratica {text-align: right;}

@media screen and (max-width: 1200px) {
	.sep {display: none;}
	.footer,
	.pratica {text-align: center;}
}


@media screen and (max-width: 1100px) {
	.plantar {width: 50%;}
}


@media screen and (max-width: 1000px) {
	.sec-titulo {background: #2e0d01;}
	.sec-titulo h1 {font-size: 26px;}

	.planta1 {width: 25%;}
	.planta2 {width: 25%;}
	.planta3 {width: 25%;}
	.planta4 {width: 100%;}

}

@media screen and (max-width: 800px) {
	.logo img {width: 120px;}
	.logo:before {content: url(../img/bg-logo-mob.png);}
	.sec-missao2 {padding: 30px 0;}
	.plantar {position: relative;}
	.item-painel {min-height: 400px;}
	

}

@media screen and (max-width: 600px) {
	
	.footer {text-align: center;}
	/*.bg-nav {background: none;}*/

	.item-painel {padding: 60px 0 20px; font-size: 1.3em; line-height: 40px;} 
	.item-painel p{margin-bottom: 0px;}
	.item-painel .fonte{ font-size: 1em;}

	.planta1,
	.planta2,
	.planta3 { bottom: 0;}
}



/* INICIO PAGINAÇÕES */
#paginacao {margin: 30px 0 15px 0; clear:both; padding: 5px; width:100%; height:20px; text-align:center; vertical-align:middle;float:left; text-transform:uppercase }
#paginacao a{color:#fff; border:1px solid #672D0D; background:#672D0D; line-height:20px; padding:5px 7px; margin-left:3px; font-size:12px; outline:1px;}
#paginacao a:hover{background:#9F562E;}
#paginacao a.anterior{ margin-left:0;}
#paginacao strong{border:1px solid #9F562E; line-height:0; font-size:12px; font-weight:normal; padding:5px 7px; background:#9F562E; margin-left:3px; color:#fff; outline:1px;}
/* FIM PAGINAÇÕES */