@font-face{font-family:"Gotham";src:url("../fonts/Gotham-Book.otf");}
@font-face{font-family:"Gotham Light";src:url("../fonts/Gotham-Light.otf");}
@font-face{font-family:"Gotham Bold";src:url("../fonts/Gotham-Bold.otf");}

/* =============================================
 *
 *   FIXED RESPONSIVE NAV
 *
 *   (c) 2014 @adtileHQ
 *   http://www.adtile.me
 *   http://twitter.com/adtilehq
 *
 *   Free to use under the MIT License.
 *
 * ============================================= */

body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

a { color:#066; text-decoration:none;}
.bold, strong { font-family:"Gotham Bold";}
@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

input, textarea { background-color:#F2F2F2; color:#222; border:1px solid #144e50; padding:8px; font: normal 100%/1.4 'Open Sans',sans-serif; margin:6px 0; border-radius:4px;}
*, *:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }
/* ------------------------------------------
  DEMO STYLES
--------------------------------------------- */
html, body { height:100%;}
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #333;
  background: #fff;
  font: normal 100%/1.2 'Gotham Light',sans-serif;
}

section {
  text-align: center;
  padding: 90px 0;
  height: auto;
  width: 100%;
  font-size:1.4em;
}
section.w90 { width:90%; margin:0 auto;}

h1 {
  padding: 0.5em 0 1.5em 0;
  background:url(../images/line-title.png) no-repeat bottom center;
  font-family: 'Gotham Bold', sans-serif;
}

p {
  width: 90%;
  margin: 0 auto 25px;
}

img, video { max-width:100%;}
.div_align { margin:0 auto; position:relative;}

h1, h2, h3, h4 { color:#170732;font-family: 'Gotham', sans-serif; margin-bottom:20px;}
h2.title { color:#9234d4; font-size:2em; text-align:center; font-family: 'Gotham', sans-serif; letter-spacing:2px;}
h2.title span {border-bottom:5px solid #d4913a;}

.clear { clear:both;}
.onlydesk { display:none;}
.onlymobile { display:block;}

#sobre { background:#fafafa; border-top:63px solid #9ac93b; color:#999; position:relative; padding-bottom:80px; }
#sobre p { color:#222;}
#sobre .visual01 { position:absolute; top:-30px; left:50%; margin-left:-154px;}
#sobre .visual02 { display:none;}
#sobre .visual03 { position:absolute; top:237px; left:50%; margin-left:-270px;}
#sobre .div_align { padding:20px;}
#sobre .texto { padding:0 0 0 10px; margin:0 0 30px 0; color:#333; font-size:0.8em;}
#sobre .texto h2{ background-color:#9ac93b; color:#FFF; font-size:1.4em; text-align:left; width:290px; padding:20px;}
#sobre .topicos { padding:60px 0 30px; overflow:hidden; font-size:0.8em; text-align:left;}
#sobre .topicos li { list-style:none; float:left; width:100%; overflow:hidden;}
#sobre .topicos h2 { background-repeat:no-repeat; padding-left:50px; margin:20px 0 0 0; min-height:50px; width:100%; float:left;}
#sobre .valores ul { color:#222; padding-left:40px;}
#sobre .valores li { display:list-item; width:100%; padding:10px 0 10px 50px; margin:0 !important; background:url(../images/green.jpg) left no-repeat;}

.visao, .politica { margin-top:90px;}
.missao { float:left; margin-right:20px;}
.instagram { background-color:#fafafa; padding:0; margin:0;}
.instagram h2 { background-color:#9ac93b; color:#FFF; font-size:1.4em; text-align:left; width:290px; padding:20px; margin:0 0 0 20px;}
.instagram ul{ padding:0; margin:0; width: 100%; display: flex;} 
.instagram ul li { list-style: none; margin:0; padding:0;}
.instagram ul li img { width: 100%;}

#servicos { background:#9ac93b; position:relative; margin-top:70px;}
#servicos h1, #servicos .subtitle { color:#FFF;}
#servicos h1 { background-image:url(../images/line-title-white.png); padding-bottom:26px; }
#servicos .visual04, #servicos .visual04b { position:absolute; max-width:75%; left:12.5%; top:-32px; }
#servicos .visual04b { top:inherit; bottom:-32px; }

#servicos .row { margin:70px 50px; max-width:1250px;}
#servicos .item { background-color:#FFF; font-size:0.8em; padding:40px 0 !important;}
#servicos .item img { margin:20px 0;}
#servicos .item .titulo { font-weight:bold;font-family:"Gotham Bold";}
#servicos .item .saiba {color:#9ac93b;}

@media screen and (min-width: 40em) {
	#sobre .visual02 { position:absolute; display:block; right:50%; margin-right:-629px; top:510px;}
	#sobre .visual03 {top:190px; margin-left:-650px;}
	#sobre { border-top-width:83;}
	#sobre .texto { float:left; width:40%; background:none; padding:0; margin:0;}
	#sobre .div_align { padding:50px 0 0 0;}
	#sobre .video { float:left; width:57%; margin-left:3%; position:relative;}
	#sobre .video video { width:100%;}
	#sobre .topicos li { width:45%;}
	#sobre .topicos li li { width:100%;}
	#sobre .topicos li:last-child { margin-left:10%;}
	.instagram h2 { margin-left:90px;}
	#servicos .row { margin:70px auto;}
	#servicos .visual04, #servicos .visual04b {top:-42px; left:50%; margin-left:-298px;}
	#servicos .visual04b {top:inherit; bottom:-42px;}
}

.div-contato { background:none; width:90%; overflow:hidden; font-size:0.5em; font-weight:normal; margin:30px auto;}
.div-contato h2 { color:#b10000; padding-bottom:10px; font-size:1.6em;}
.div-contato span { color:#7d7d7d; font-size:1.2em;}
.div-contato form { font-size:1.4em; overflow:hidden; color:#7d7d7d;}
.div-contato form select { border:1px solid #eee; background-color:#FAFAFA; padding:10px 15px; width:100%; margin-bottom:20px; color:#7d7d7d;}
.div-contato form input, .div-contato form textarea { background-color:#fafafa; width:100%; padding:10px 15px; border:0; margin-bottom:20px;font-family:"Gotham";}
.div-contato form textarea { height:200px;font-family:"Gotham";}
.div-contato form .enviar { width:130px; background-color:#26345b; color:#FFF; text-align:center; cursor:pointer;}

#depoimentos { background:url(../images/bg-divisoria.jpg) bottom center repeat-x #fafafa; padding-bottom:100px; }
#depoimentos img { width:100px; display:block; margin:0 auto; border-radius:50px; border:3px solid #FFF; box-shadow:2px 2px 3px gray;}
#depoimentos p { font-size:0.8em; text-align:center; color:777; width:80%; font-style:italic;}

#portfolio .itens-portfolio{ max-width:1100px; margin:30px auto; position:relative; overflow:hidden;}
#portfolio .itens-portfolio li { list-style:none; display:inline; float:left; width:90%; margin:20px 5%; overflow:hidden; transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; background-size:cover; height:250px; position:relative;}
#portfolio .itens-portfolio li .tarja {background:url(../images/black70.png); color:#FFF; text-align:left; transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; position:absolute; bottom:20px; left:20px; width:auto; height:auto; padding:20px;}
#portfolio .itens-portfolio li .titulo {font-weight:bold; font-family:"Gotham Bold"; font-size:0.9em;}
#portfolio .itens-portfolio li .saiba { font-size:0.6em;color:#9ac93b;}

#portfolio .itens-portfolio li:hover { }
#portfolio .itens-portfolio li:hover .tarja { top:0;}

@media screen and (min-width: 40em) {
	#portfolio .itens-portfolio li { width:30%; margin:1.66%;}
	#portfolio .itens-portfolio li .tarja{ text-align:center; width:100%; height:100%; position:absolute; top:250px; left:0; padding:0;}
	#portfolio .itens-portfolio li .titulo{ position:absolute; top:50%; margin-top:-1em; text-align:center; width:100%;}
	#portfolio .itens-portfolio li .saiba { position:absolute; top:50%; margin-top:0.2em; text-align:center; width:100%;}
}

footer { border-bottom:50px solid #9ac93b; position:relative; width:100%; height:100%;}
footer .infos { background:url(../images/white70.png); color:#333; padding:30px; text-align:center;}
footer .infos ul { margin:30px 0; text-align:left;}
footer .infos li { background-repeat:no-repeat; padding-left:30px; list-style:none; margin-top:25px;}
footer span { color:#9ac93b;}

@media screen and (min-width: 40em) {
	section .div_align { width:1100px; margin:0 auto; position:relative; overflow:hidden;}
	#depoimentos p  { font-size:1em; width:50%;}
	.onlydesk { display:block;}
	.onlymobile { display:none;}
	.div-contato { width:50%;}
	footer { background:url(../images/bg-mapa.jpg); height:720px;}
	footer .infos { width:450px; position:absolute; top:70px; left:70px;}
	.link-mapa { display:block; width:100%; height:100%;}
}

/* CSS DO EFEITO DE ABAS */
.nav_tabs{  width: 90%;  height: 1180px;  margin: 0 auto;  position: relative;}
.nav_tabs ul{ list-style: none;}
.nav_tabs ul li{ float:left; }
.tab_label{  display: block;  padding-left:20px;  width:auto;  font-size: 1.3em;  cursor: pointer;  text-align: center;  font-weight:bold;  color:#2d3259;}
.nav_tabs .rd_tab {   display:none;  position: absolute;}
.nav_tabs .rd_tab:checked ~ label {   color:#f1a029;  border: none;}
.tab-content{  border-top: solid 1px #f4f4f4;  margin-top:20px;  background-color: #fff;  display: none;  position: absolute;  left:0;  height: 1100px;  width: 100%;  padding:30px;  text-align:left;}
.rd_tab:checked ~ .tab-content{  display: block;}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 8% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 650px; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}