@charset "utf-8";

/*
Cor: #4e5967; 
Cor: #00911a; 
*/

::-webkit-scrollbar {background:white; width:9px; border-radius:5px; z-index:50; position:relative;}
::-moz-scrollbar {background:white; width:9px; border-radius:5px; z-index:50; position:relative;}
::-webkit-scrollbar-thumb {background:black; } 
::-moz-scrollbar-thumb {background:black;} 
::-webkit-scrollbar-track {background:rgba(0,0,0,0.3);} 
::-moz-scrollbar-track {background:rgba(0,0,0,0.3);} 

.up{ cursor: pointer; position: fixed; bottom:5px; right:15px; z-index: 9999; width: 60px; height: 60px; text-align: center; border-radius: 50% 50% 0; background: black; display: none; }
.up:before{ font: lighter 25px/60px 'FontAwesome'; text-align: center; content:'\f102'; color: white; }
.up:hover:before{ color: #00911a; }

/*  */

html, body { margin: 0; padding: 0; height: 100%; font-family: 'Roboto', sans-serif; font-weight: 300; color: #4e5967; }
*{ box-sizing: border-box; font-family: inherit; outline: none; resize: none;  text-rendering:optimizeLegibility; }

h1, h2, h3{ font-family: 'Playfair Display', serif; font-weight: 400; letter-spacing: -1px; }
h1{ font-size: 35px; }
h2{ font-size: 45px; }
a:hover{ color: #00911a; }

a { color: inherit; transition: all 260ms; text-decoration: none; display: inline-block; }

input, textarea, button{ outline: none; border: none; }
input[type='submit'], input[type='reset'], button[type='submit'], button[type='reset'], [onClick]{cursor:pointer; outline:none;}

button { cursor: pointer; -webkit-transition:all ease-out 150ms; -moz-transition:all ease-out 150ms; -ms-transition:all ease-out 150ms; -o-transition:all ease-out 150ms; }

header{  }
nav{  }
article{ background: white; }
side{  }
section{ background: white; }
footer{  }

/*  */

.flex { display: flex; }
.wrap { flex-wrap: wrap; }
.ai-c{ align-items: center; }
.ai-fe{ align-items: flex-end; }
.ai-fs{ align-items: flex-start; }
.jc-c{ justify-content: center; }
.jc-sb{ justify-content: space-between; }
.jc-sa{ justify-content: space-around; }
.jc-fe{ justify-content: flex-end; }
.ac-sb{ align-content: space-between; }

.as-fs{ align-self: flex-start; }
.as-c{ align-self: center; }
.as-fe{ align-self: flex-end; }

/*  */

.stage{ width: 90%; margin: 0 auto; }
.height{ height: auto;  min-height: 660px; padding: 10px 0; overflow: hidden; } 

.sdw { box-shadow: 0 3px 5px -3px rgba(0,0,0,0.4); }
.sdw2 { box-shadow: 0px 0px 70px rgba(29,24,24,0.09); }

.bot1{ padding: 10px 25px; margin: 2px; background: #00911a; color: white; border-radius: 3px; }
.bot1:hover{ background: #4e5967; color: white; }

.bot2 { padding: 10px; margin: 0; text-align: center; color: white; border: 1px solid white; }
.bot2:hover { color: #00911a; background: white; }

/*  */

.dots{ position:absolute; z-index:900; width:100%; height:100%; opacity: 1; top:0; left: 0; overflow:hidden; background:url(../banner/dots4.png); } 
.dots2{ position:absolute; z-index:900; width:100%; height:100%; opacity: 0.5; top:0; left: 0; overflow:hidden; background:url(../banner/dots7.png); } 

.banner { width:100%; height: 830px; z-index: -5; top: 0; position: fixed; }
.banner .foto{ width:100%; height: 700px; }

.owl-slogan{ padding: 0 25px; text-shadow: 2px 2px 2px #4e5967; flex: 3 350px; overflow: hidden; }
.owl-slogan h2{ text-align: center; color: white; }
.owl-slogan h2 span { color: white; font-size: 30px; display: block; }

/* header */

.topo{ width: 100%; padding: 20px 0; }
.logo img{ width:100%; max-width: 500px; }

.small{ position: fixed; background: #444 !important; height: auto; z-index: 9999; left: 0; top: 0; width: 100%; -webkit-transition:all ease-out 150ms; }
.small>.nav{ width: 100%; max-width: 1200px !important; }

/* programacao */

.extern { background: white; border-radius: 3px; padding: 25px; flex: 1 350px; }

.online{ flex: 1 350px; padding: 0 30px; margin: 0; }
.online h1{ font-weight: 400; margin: 0; }
.online h1 span{ font-weight: 700; }
.online p{ margin-top: 0; }
.online input{ flex: 1 150px; background: whiteSmoke; margin: 2px; padding: 15px 20px; border-radius: 3px; }
.online button{ padding: 10px 25px; margin: 2px; background: #00911a; color: white; border-radius: 3px; }
.online button:hover{ background: #4e5967; }
.online .adm{ background: tomato; color: white; border-radius: 3px; }

.news input{ flex: 1 150px; background: whiteSmoke; margin: 2px; padding: 15px 20px; border-radius: 3px; }
.news h1{ color: white; }
.news button{ padding: 10px 25px; margin: 2px; background: deepSkyBlue; color: white; border-radius: 3px; }
.news button:hover{ background: #4e5967; }

/*  */

.box{ padding: 50px; margin-top: 50px; margin-left: -10%; background: white; z-index: 999; position: relative; width: 60%; text-align: justify; }
.img{ position: relative; left: 0; width: 50%; min-height: 400px; margin-bottom: 50px; }

.img1{ background:url(../tumblr/bkg.jpg) center; background-size: cover; }
.img2{ background:url(../tumblr/bkg2.jpg) center; background-size: cover; }

/*  */

.service{ padding: 80px 0; }
.line { margin: 25px 0; background-color: #00911a; position: relative; height: 2px; width: 45%; }
.line2{ margin: 25px 0; background-color: #00911a; position: relative; height: 2px; width: 250px; } 

.side1{ background: whiteSmoke; padding: 50px 100px; flex: 1 350px; }
.side2 { padding: 50px; flex: 3 350px; }
.sideBox { flex: 1 250px; margin: 15px 50px; } 
.sideBox i{ display: flex; align-items: center; justify-content: center; font-size: 35px; border-radius: 50px; width: 80px; height: 80px; background: whiteSmoke; }

.otherBox{ cursor: default; flex: 1 300px; padding: 40px 25px 80px; text-align: center; margin-top: 40px; transition: all 150ms; }
.otherBox:hover{ background-color: white; box-shadow: 0px 0px 70px rgba(29,24,24,0.09);  }

/*  */

.contact{ background: #00911a; padding: 40px 0; }

.description{ flex: 2 300px; color: white; }
.description h1 span{ display: block; font-size: 25px; }

.icon { margin: 0 auto; width: 85px; height: 85px; background: white; border-radius: 50%; border: 5px solid white; display: flex; align-items: center; justify-content: center; transition: all 150ms; }
.icon>i{ font-size: 30px; color: #00911a;}

.description2{ padding: 5px 20px; margin: 0 auto; text-align: center; color: white; }
.description2:hover .icon{ background: transparent; }
.description2:hover .icon>i{ color: white; }

/*  */

.noticia{ background: whiteSmoke; padding: 80px 0; }

.owl-noticias a { margin: 0 20px; }
.owl-noticias h1 { font-size: 30px; }
.data { padding: 20px 10px; margin-right: 10px; background: #00911a; color: white; text-align: center; border-radius: 3px; font-size: 20px; font-weight: 500; }

/*  */

.letter{ width:100%; padding: 150px 20px 150px; background:url('../banner/1.jpg') center fixed; background-size: cover; text-align: center; position: relative; text-shadow: 2px 2px 2px #4e5967; }
.letter h2{ color: white; z-index: 999; position: relative; }
.letter h2>span{ color: white; font-size: 25px; display: block; }

/*  */

.cont1, .cont2{ position: relative; padding: 50px; display: flex; flex-wrap: wrap; align-content: space-around; justify-content: center; flex: 1 400px; z-index: 5; }
.cont1{ background: #00911a; color: white; }

/*.cont2 *:not(.map){ text-align: center; z-index: 5; width: 100%; }*/
.cont2 { text-align: center; z-index: 5; }
.cont2:after { position: absolute; left: 0; top: 0; opacity: 0.4; content: ""; background:url(../tumblr/bkg3.jpg) center; background-size: cover; width: 100%; height: 100%; z-index: -1; }
.cont2 i{ width: auto !important; }
.cont2 p { display: inline-block; }

.c2text h2{ margin-top: 0; }
.c2text p{ margin-bottom: 0; }
.c2text a{ font-size: 60px; }
.c2text i{ font-size: 50px; width: auto !important; }

/*  */

.rodape{ background: #444; text-align: center; color: white; padding: 15px 0; border-top: 2px solid #4e5967; }

.social{ border-radius: 50%; width: 35px; height: 36px; margin: 2px; background: #4e5967; display: flex; align-items: center; justify-content: center; }
.social>i{ font-size: 15px; color: #A7A7A7; }
.social:hover i{ color: white; }
.social:hover:nth-child(1){ background: #3b5998; }
.social:hover:nth-child(2){ background: #f15245; }
.social:hover:nth-child(3){ background: #00aced; }
.social:hover:nth-child(4){ background: #007bb6; }
.social:hover:nth-child(5){ background: #bb0000; }

/*  */
#local {width: 100%; height: 100%; background: whiteSmoke; position: absolute; z-index: 9; left: 100%; top: 0; overflow-y: auto; }
.fecha{ position: absolute; cursor: pointer; color: white; background: #00911a; padding: 10px; top: 50%; width: 100px !important; }
.fecha:before{ position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 0 19px 30px; border-color: transparent transparent transparent #00911a; right: -30px; top: 0px; }
.fecha:hover{ background: #4e5967; }
.fecha:hover:before{ border-color: transparent transparent transparent #4e5967; }

.search {  }
.search input{ flex: 1 150px; background: whiteSmoke; margin: 2px; padding: 15px 20px; border-radius: 3px; }

.close{ cursor: pointer; position: absolute; top: 0; left: 0; color: white; display: flex; align-items: center; z-index: 9999999; }
.close i{ font-size: 30px; padding-right: 10px; }

@keyframes anima_janela { from {top:-300px; opacity:0} to {top:0; opacity:1} }
#modal { display: none; justify-content: center; align-items: center; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .9); z-index: 99999999;}
#modal .janela_modal { width: 100%; max-width: 1000px; position: relative; z-index: 999; display: block !important; padding: 5px; border-radius: 5px; animation: anima_janela 1s;}
.janela_modal h2{ color: white; margin-bottom: 15px; font-size: 40px; }
.janela_modal h2>span{  color: #00911a; display: inline-block; }

@media screen and (max-width:934px) {
    .topo{ justify-content: center; }
}

@media screen and (max-width:650px) {
    .logo{ width: 100%; text-align: center; }
    .box { margin-left: -45%; width: 95%; }
}

@media screen and (max-width:480px) {
    .side1{ padding: 10px; }
    .side2{ padding: 10px; }
}