@charset "UTF-8";
/* PÁGINA 404 ERRO */
#erro404{padding: 3rem 0}
/*MENU HAMBURGUER*/
#menuToggle{display: block;position: relative;top: 0;right: 0px;z-index: 99;-webkit-user-select: none;user-select: none}
#menuToggle a{text-decoration: none;color: #232323;transition: color 0.3s ease}
#menuToggle a:hover{color: #cacaca}
#menuToggle input{display: block;width: 40px;height: 32px;position: absolute; top: -7px;left: -5px;cursor: pointer;opacity: 0;z-index: 2;-webkit-touch-callout: none}
#menuToggle span{display: block;width: 33px;height: 4px;margin-bottom: 5px;position: relative;background: #fff;border-radius: 3px;z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease}
#menuToggle span:first-child{transform-origin: 0% 0%}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%}
#menuToggle input:checked ~ span{opacity: 1; transform: rotate(45deg) translate(-2px, -1px); background: #232323}
#menuToggle input:checked ~ span:nth-last-child(3){opacity: 0;transform: rotate(0deg) scale(0.2, 0.2)}
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px)}
#menu{position: absolute;width: 300px;margin: -100px 0 0 -50px;padding: 50px;padding-top: 75px;background: #ededed;list-style-type: none;-webkit-font-smoothing: antialiased;transform-origin: 0% 0%;transform: translate(-200%, 0);transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); text-align: right; right: -25px}
#menu li{padding: 10px 0;font-size: 18px}
#menuToggle input:checked ~ ul{transform: none}
/*modal*/
.blur-it {filter: blur(4px)}
a.btn{width: 200px; padding: 18px 0; transform: translate(-50%, -50%); font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; border-radius: 0; background: #e2525c}
.modal-wrapper{width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 154, 161, 0.8); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out}
.modal-wrapper.open{opacity: 1; visibility: visible; z-index: 1000}
.modal{width: 600px; height: 300px; display: block; margin: 50% 0 0 -300px; position: relative; top: 50%; left: 50%; background: #fff; opacity: 0; transition: all 0.5s ease-in-out}
.modal-wrapper.open .modal{margin-top: -200px; opacity: 1}
.head{height: 40px; padding: 0px 10px 0px 0; overflow: hidden; background: #286090}
.head span{padding: .5rem 0 0 1rem; color: #fff; display: inline-block; font-weight: 700}
.btn-close {font-size: 28px; display: block; float: right; color: #fff}
.modal a:hover{color: #007FFF}
.content {padding: 10%; font-size: 14px}
.content a{color: inherit}
.border{border: 1px solid; display: inline-block; padding: 7px; border-radius: 10px; overflow: hidden;}
.dwn-lista{margin: 0; padding: 0; list-style-type: none}
.dwn-lista li{display: inline-block}
.dwn-lista li:not(last),.dwn-lista li:not(first){margin: 0 1.5rem}

a, a:hover, a:visited, a:focus{text-decoration:none}
.m-top{margin-top: 1rem!important}
.m-top2{margin-top: 2rem!important}
.m-bottom{margin-bottom: 1rem}
.m-bottom2{margin-bottom: 2rem}
.pd-title1{font-size: 40px; font-weight: 700; margin: 0 0 2rem 0}
.pd-title2{font-size: 18px}
.azul1{color: #244255}
.azul2{color: #254356}
.branco{color: #fff}
.pd-desc{font-size: 16px; margin: 0; font-weight: 300}
.pd-btn{padding: .8rem 1.5rem; background-color: #f48534; color: #fff; font-size: 14px; font-weight: 300; transition: all 0.2s; display: inline-block; border: 2px solid #e4802d; border-radius: 15px}
.pd-btn:hover{color: #e4802d; background-color: #fff}
.pd-btn-border{border: 1px solid #79c0c4}
.pd-btn-border:hover{border: 1px solid #79c0c4}
#interna{background: url("../_imagens/interna.jpg"); background-size: cover; color: #FFF; font-size: 16px; width: 100%; padding: 4rem 0; text-align: center; position: relative}
#interna::before{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(10,35,59,0.85)}
#interna h1{margin:0px;font-size: 30px; font-weight: 700; position: relative}
.breadcrumbs_out{background-color: #E9ECEF; color: #fff; padding: 1rem 0 0}
#interna h5{margin:0px;margin-bottom:15px;color:#fefefe;font-size:18px;}
.subtitle {width: 190px;margin: 10px auto;}
.left-line,.right-line{width:75px;height:1px;margin-top:2px;float:left; background-color: #fff}
.middle-line{height:5px;width:40px;float:left;background-color: #fff}

#header{position: relative; z-index: 99; padding-top: 1.5rem}
.hd-interna{background-color: #414042; margin: 0; padding-bottom: 2rem}
.hd-menu{position: relative; list-style-type: none; margin: 0; text-align: right}
.hd-menu li{display: inline-block; margin: 0 1rem}
.hd-menu li:first-child{margin-left: 0}
.hd-menu li:last-child{margin-right: 0}
.hd-menu a{color: #fff; font-size: 15px; position: relative; font-weight: 300; border-bottom: 2px solid transparent; display: inline-block}
.hd-menu a:hover{color: #db802d; border-bottom: 2px solid #db802d; width: calc(100% + 15px); display: inline-block; text-align: left;}

#home{margin-top: -6rem}
.banner{padding: 0; margin: 0; list-style-type: none}
#empresa{padding: 5rem 0}
.emp-imagem{border-radius: 0 180px 180px 0px; box-shadow:10px 10px 10px rgba(0,0,0,0.1)}
#servicos{padding: 3rem 0}
.serv-box{background-color: #244255; color: #fff; padding: .5rem .3rem .5rem 1rem; transition: all .2s ease; cursor: context-menu}
.serv-box:hover{transform: scale(1.1); transition: all .2s ease}
.serv-nome{width: 80%; display: inline-block; vertical-align: middle; font-size: 22px; cursor: context-menu}
.serv-icone{width: 18%; display: inline-block; cursor: context-menu}

.servico-slider{margin: 0; padding: 0}
.srv-img{max-height: 30rem; overflow: hidden}
/*.srv-img img{min-height: 30rem}*/
.srv-img img{min-height: 16rem}
.srv-title{font-size: 20px; font-weight: 700}
#trabalhos{padding: 5rem 0}
/*.trb-img{max-height:  10rem; overflow: hidden}*/
.trb-img{max-height: 16rem; overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 7rem 0 0 0; transition: all .2s ease; cursor: context-menu}
.trb-img:hover{transform: scale(1.1); transition: all .2s ease}
/*.trb-img img{min-height: 10rem}*/
.trb-img img{min-height: 20rem; min-width: 30rem}
.trb-title{position: relative; top: -1rem; right: -1rem;background-color: #fff; box-shadow:5px 5px 10px rgba(0,0,0,0.1); padding: 0.5rem;
font-size: 16px; height: 6rem; display: flex; justify-content: center; align-items: center}
#contato{background-color: #244255; padding: 5rem 0}
.pd-desc i{font-weight: 300}
#clientes{padding: 5rem 0}
.carousel{display: flex; height: 5rem; justify-content: center; align-items: center; border: 1px solid lightgray; padding: 4rem .5rem; margin: .5rem 0}
.carousel img{max-height: 6rem}

.inner{position: relative}
.inner2{padding: 2.5rem 2rem 2rem 1rem}
.indigo{background-color: #00a0a7; color: #fff}
.figure-mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(21,155,192,0.2)}
.emp-title{font-size: 25px; font-weight: 700}
.emp-box{position: relative; background-color: #f5f5f5; border-radius: 4px; margin-top: 5rem; padding: 2rem; color: #656972; height: 8.5rem}
.emp-box h5{font-size: 25px; font-weight: 700}
.emp-inst-title{position: absolute; top: -13px; left: 50%; margin-left: -30px}

#formcontato{padding: 2rem 2rem 0; background-color: #fff}
#formcontato textarea{height: 153px; resize: none}
#formcontato input::placeholder, #formcontato textarea::placeholder, {color: #696969}
.form-control{font-weight: 300}
#formcontato .pd-btn{outline: none; cursor: pointer; border: 2px solid #f48534}
.formmsg{display: inline-block;width: 50%;color: green; font-weight: 700}
.msgok {height: 2.5em;overflow: hidden;padding-top: 0.7em;width: 21.5em; font-weight: 300}

.area-box{height: 25rem; display: flex; justify-content: center; align-items: center; overflow: hidden}

#post{padding: 3rem 0}


#footer{color: #fff; background-color: #244255}
.ft-top{padding: 3.5rem 0}
.ft-top a{color: #8a8a8a}
.ft-top a:hover{color: #e4802d}
.ft-title{font-size: 17px; font-weight: 400; margin-bottom: .2rem}
.ft-desc{font-size: 15px; margin: 0; display: block; font-weight: 300; color: #8a8a8a}
.ft-social{background-image: linear-gradient(to right, #00a0a7, #79c0c4); display: inline-flex; justify-content: center; width: 30px; height: 26px; align-items: center; margin-top: 1rem; border-radius: .25rem; font-size: 14px}
.ft-social:hover{color: lightgray!important}
.ft-logo{max-width: 13rem}
.ft-bottom{color: #fff; font-size: 12px; padding: .5rem 0; font-weight: 300}

#estudos{padding: 3rem 0}
.posts{margin-top: -8rem}
.not_box {height: 25rem; overflow: hidden; display: flex; align-items: end; justify-content: center}
.not_data{background-color: #F5811F; color: #fff; border-radius: 10px; padding: .5rem .2rem; text-align: center; position: relative; top: -1rem; width: 3rem; display: inline-block; left: .5rem}
.not_data h4{font-size: 20px; margin: 0; font-weight: 600}
.not_data h6{font-size: 15px; margin: 0; text-transform: capitalize}
.not_desc h5{font-size: 16px; color: #4d5a61; margin: 0; max-width: 15rem; display: inline-block; overflow: hidden; position: absolute; left: 4rem}
.not_desc{position: relative}
.not_conteudo{color: #444; font-size: 14px; margin: 0.5rem 0 1rem; height: 4rem}
.not_a{color: #444; font-weight: 600; font-size: 13px}
.s_desc{font-weight: 300}
.s_desc p{text-indent: 30px; margin-bottom: .5rem}
.m_bottom{margin-bottom: 1rem}

@media only screen and (max-width: 64em) {

}

@media only screen and (max-width: 40em) {
  .s-center{text-align: center}
  .s-m-top{margin-top: 1rem}
  .s-m-top2{margin-top: 2rem}
  #servicos{padding: 0 0 3rem}
  .pd-title1{margin: 0}
  #header{background-color: #244255; padding-bottom: 1rem}
  #home{margin: 0}
}