@import 'fontes/Varela/stylesheet.css';
@import 'fontes/Gothan/stylesheet.css';
@import 'fontes/Geomanist/Geomanist-Regular&Italic/Webfont/Geomanist-Regular-Webfont/stylesheet.css';
@import 'fontes/KeepCalm/stylesheet.css';
@import 'fontes/Androgyne/stylesheet.css';
@import 'fontes/EncientGermanGothic/stylesheet.css';
@import 'fontes/NewsGoth/stylesheet.css';

body { background: white; overflow-x: hidden; }

.row { margin: 0; }
#head            { position: relative; z-index: 10; height: 55px;background: white; }
#head .container { position: relative; height: 100%; }
.box-logo   { position: absolute; top: 0 !important; float: left; background: url('../img/_layout/logo.png') center center no-repeat; background-size: contain; width: 320px; height: 280px; }

.align-in-v { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#foot       { height: 70px; background: #009EDD; }
.text-copy  { position: relative; font-family: Arial, sans-serif; width: 100%; font-size: 13px; color: white; text-align: center; }
.ic-ps      { position: absolute; right: 0; width: 21px; height: 20px; background: url('../img/_layout/ic_ps.png') no-repeat; }

.men-h      { position: relative; float: right; height: 100%; }
.i-m        { position: relative; font-family: "Gotham", sans-serif; line-height: 45px; font-size: 13px; margin-right: 10px; cursor: pointer; display: inline-block; text-transform: uppercase; height: 100%; color: #777777; text-decoration: none !important; padding: 11px 30px 11px 30px; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }
.i-m-res        { position: relative; font-family: "Gotham", sans-serif; font-size: 15px; margin-right: 10px; cursor: pointer; color: #777777; text-decoration: none !important; padding: 11px 20px 11px 20px; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }
.i-m-res:hover        { color: white; background: #17874B; transition: .3s; }
.i-m:hover { color: #17874B; transition: .3s; }
.m-active { font-weight: bold;  color: #17874B; }
.lk-rs-box { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); float: right; margin-left: 20px; }
.lk-rs { font-size: 22px; color: #105731; padding: 0 5px; transition: .3s; }
.lk-rs:hover { color: #0d391c; transition: .3s; }

/* -- servicos -- */
.servicos-box   { width: 100%; display: inline-block; padding: 65px 70px 0px 70px; box-sizing: border-box; }
.box-servico    { position: relative; width: 33.33333333333333%; box-sizing: border-box; float: left; height: 340px; margin-bottom: 70px; padding: 0 20px; outline: none; overflow: visible; }
.box-servico:hover .img-serv    { transform: scale(1.1); -webkit-transform: scale(1.2); transition: 0.3s; -webkit-transition: 0.3s; }
.box-servico:hover .line-title    { width: 60%; transition: 0.3s; -webkit-transition: 0.3s; }
.wrapp-img-serv { width: 100%;  overflow: visible; }
.circle-img-serv    { position: relative; margin: 0 auto; width: 104px; height: 104px; border-radius: 50%; border: 2px solid #DDDDDD;  }
.img-serv   { position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;  transition: 0.3s; -webkit-transition: 0.3s; }
.serv-title     { position: relative; font-family: "Gotham", Sans-Serif; margin-top: 20px; color: #009EDD; font-weight: bold; font-size: 24px; text-align: center; }
.desc-serv  { margin-top: 45px !important; text-align: center !important; }
.btn-saiba_mais { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: inline-block; outline: none !important; text-decoration: none !important; font-family: Arial, sans-serif; margin-top: 15px; padding: 12px 20px; background: #008A48; color: white; -webkit-transition: .3s; transition: .3s; }
.btn-saiba_mais:hover { background: #00c16d; cursor: pointer; -webkit-transition: .3s; transition: .3s; }
.line-title {
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 75px;
    height: 3px;
    background: #E76F07;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.shadow-text    { text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7); }

.i-m:last-child   { margin-right: 0; }

.blocoPort {
    padding: 0;
    height: 220px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    /*-ms-filter: grayscale(1);*/
    overflow: hidden;
    -webkit-transition: 500ms ease-in-out;
    -moz-transition: 500ms ease-in-out;
    -o-transition: 500ms ease-in-out;
    transition: 500ms ease-in-out;
}
.blocoPort:hover {
    filter: grayscale(0) !important;
    -webkit-filter: grayscale(0) !important;
    -moz-filter: grayscale(0) !important;
    -o-filter: grayscale(0) !important;
    /*-ms-filter: grayscale(0) !important;*/
}

.wrapp-rs   { margin-top: 10px; position: relative; height: 20px; display: inline-block; }
.line-foot_rs   { display: block; float: left; position: relative; width: 90px; height: 1px; background-color: white; }
.content-rs { float: left; }

.fb-box { cursor: pointer; margin-left: 20px;  display: block; float: left; width: 21px; margin-right: 10px; height: 20px; background: url('../img/_layout/fb_ic.png') center center no-repeat; background-size: contain; }
.inst-box { cursor: pointer;  margin-right: 20px; display: block; float: left; width: 21px; height: 20px; background: url('../img/_layout/instagram_ic.png') center center no-repeat; background-size: contain; }

.ctn-rs     { position: absolute; top: 0; right: 0; width: 15%; height: 100%; }
.ctn-rs a   { float: right; display: block; height: 100%; }

.infs-foot  { padding: 75px 0; background: url('../img/_layout/fundo_contato.png') center center no-repeat; background-size: cover; }

.ctn-infs   { text-align: center; width: 90%; margin: auto; }
.item-inf   { text-decoration: none !important; display: block; float: left; margin-right: 50px; padding-left: 60px; height: 50px; }
.item-inf:last-child   { margin-right: 0; }
.text-inf   { height: 50px; line-height: 50px; font-family: Arial, sans-serif; font-size: 18px; color: #666666; }

.content-text_foot  { display: inline-block; }

.text-foot  { line-height: 25px; float: left; font-size: 13px; margin-right: 100px; color: white;padding-left: 0 !important; text-align: left; font-family: "geomanistregular", sans-serif; }
.text-foot:last-child { margin-right: 0 !important; }
.end    { background: url('../img/_layout/end.png') left center no-repeat; }
.tel    { background: url('../img/_layout/tel.png') left center no-repeat; }
.email    { background: url('../img/_layout/email.png') left center no-repeat; }

div.rodape img{ display: block; float: left;}
img#foto_rodape{ margin-top: -33px; float: right;}
div#rod{ width: 100%; height: 55px; background: #17874B; }
div#copiryght{ position: relative; width: 100%; height: 100%; margin: 0 auto;}
.tx-copyr, .tx-copyr-r { position: relative; float: right; font-family: arial, sans-serif; font-size: 14px; width: 100%; text-align: center; margin: 0; color: #777777;}
.text-copy  { position: relative; margin: 0 !important; padding-bottom: 10px !important; font-family: Arial, sans-serif; width: 100%; font-size: 14px; color: white;  text-align: center; }
.ic-ps      { position: relative; margin-left: 10px; top: 5px; display: inline-block; width: 21px; height: 20px; background: url('../img/_layout/ic_ps.png') no-repeat; background-size: contain; }


/*.newsletter     { height: 180px; background: white; }*/
/*.text-newsl     { font-family: bebas_neueregular, sans-serif; width: 340px; margin-right: 30px; float: left; font-size: 40px; line-height: 36px; color: #3B8485; }*/
/*form[name=news] { width: 30%; height: 46px; float: left; }*/
/*.email-news     { color: #BBBBBB; font-family: Arial, sans-serif; font-style: italic; float: left; width: 100%; padding: 12px; border: 1px solid #C4D94B; border-radius: 25px; }*/
/*.email-news:focus    { outline: none; }*/
/*.send           { cursor: pointer; position: absolute; right: 0; float: left; text-align: center; line-height: 46px; width: 120px; background: #C4D94B; color: white; border-radius: 25px; height: 46px;}*/
/*.send-vip           { cursor: pointer; margin: auto; -webkit-transition: 0.2s; transition: 0.2s; text-align: center; padding-bottom: 20px; box-sizing: border-box; line-height: 46px; width: 120px; background: #C4D94B; color: white; border-radius: 25px; height: 46px;}*/
/*.send-vip:hover           { background: rgba(196, 217, 75, 0.7); -webkit-transition: 0.2s; transition: 0.2s; }*/

.arrows-nav { width: 60px; margin: auto; margin-top: 25px !important;: }

.ctn-banner   { position: relative; z-index: 5; height: 900px; width: 100%; }
.group-bann     { position: absolute; z-index: 4; margin: 0 !important; top: 0; width: 100%; height: 100%; }
.item-bann   { position: relative; outline: none !important; width: 100%; height: 100%; }
.img-bann-left { position: absolute; z-index: 5; background: url('../img/_layout/img_banner_left.png') top left no-repeat; background-size: contain; width: 20%; height: 369px; top: 0; left: 0; }
.img-bann-right { position: absolute; z-index: 5; background: url('../img/_layout/img_banner_right.png') center center no-repeat; background-size: contain; width: 30%; height: 65%; transform: translateY(35%); bottom: 0; right: -100px; }

.wrapp-t    { width: 45%; margin: auto; }
.title-bann { margin-left: 25px !important; font-family: varelaregular, sans-serif; margin-bottom: 20px; color: white; font-size: 48px; text-align: center; }
.l-bann     { background: white; margin: auto; width: 150px; height: 2px; }
.text-bann  { position: relative; margin-top: 8px; font-family: Arial, sans-serif; font-weight: 100; color: white; width: 420px; line-height: 28px; font-size: 16px; }

#title-pg .title-bann   { margin: 0 !important; }
#title-pg .container   { display: block; margin: auto; position: relative; top: 50%; transform: translateY(-50%); }

.wrpp-title-bann    { display: inline-block; }
.bann-serv_maior    { position: relative; float: left; width: 100px; height: 100px; background-color: rgba(87, 87, 87, 0.4); border-radius: 50%; }
.bann-serv_menor    { position: relative; background-position: center center; background-repeat: no-repeat; width: 90px; height: 90px; border-radius: 50%; margin: auto; border: 2px solid rgba(255,255,255,1);  }

.lk-bann            { margin-top: 12px; display: inline-block; -webkit-transition: 0.2s; transition: 0.2s; cursor: pointer; font-family: varelaregular, sans-serif; text-decoration: none !important; font-weight: 100; font-size: 22px; color: white; }
.lk-bann:hover            { color: rgba(255,255,255,0.5); -webkit-transition: 0.3s; transition: 0.3s; }

.group-bann .slick-list { height: 100% !important; }
.group-bann .slick-list .slick-track { height: 100% !important; }

.loader1 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2A2C87;
    position: fixed;
    box-shadow: 0 0 20px 6px #2A2C87 inset;
    -webkit-box-shadow: 0 0 20px 6px #2A2C87 inset;
    -moz-box-shadow: 0 0 20px 6px #2A2C87 inset;
    -o-box-shadow: 0 0 20px 6px #2A2C87 inset;
    -ms-box-shadow: 0 0 20px 6px #2A2C87 inset;
    z-index: 1000;
}
.text-loader {
    color: white;
    text-align: center;
    margin-top: 20%;
    font-size: 100px;
    width: 100%;
    text-shadow: 2px 2px 8px #45474b;
    -webkit-text-shadow: 2px 2px 8px #45474b;
    -moz-text-shadow: 2px 2px 8px #45474b;
    -o-text-shadow: 2px 2px 8px #45474b;
    -ms-text-shadow: 2px 2px 8px #45474b;
}

.box-blue   { position: relative; width: 100%; height: 300px; background-color: #2A2C87; }
.bt-d_maior { bottom: -32px; cursor: pointer; left: 50%; transform: translateX(-50%); position: absolute; box-sizing: border-box; width: 66px; height: 66px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.1); background-color: rgba(255,255,255,0.1); }
.bt-d_menor { position: relative; width: 54px; height: 54px; border-radius: 50%; background-color: #00ADEE; margin: 0 auto; }
.bt-d_menor .fa { color: white; width: 100%; font-size: 32px; line-height: 54px; text-align: center; }

.wrapp-cats { display: inline-block; z-index: 6; position: absolute; top: -150px; width: 100%; margin-top: 60px; }
.i-cat      { cursor: pointer; float: left; width: 20%; height: 280px; }
.i-cat:hover .cir-peq   { background: #BBCE43; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; }
/*.i-cat:hover .text-cat  { border-color: white; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s;  }*/
.i-cat:nth-child(1):hover .cir-peq { background: url('../img/_layout/limpeza_fachada_ic_hover.png') #FF6600 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.i-cat:nth-child(2):hover .cir-peq { background: url('../img/_layout/limpeza_pisos_ic_hover.png') #00ADEE center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.i-cat:nth-child(3):hover .cir-peq { background: url('../img/_layout/jardinagem_ic_hover.png') #B4CC24 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.i-cat:nth-child(4):hover .cir-peq { background: url('../img/_layout/pintura_ic_hover.png') #D90101 center center no-repeat !important; background-size: 28% !important; transition: 0.3s; }
.i-cat:nth-child(5):hover .cir-peq { background: url('../img/_layout/limpeza_alturas_ic_hover.png') #222222 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }

.subtitle-s { margin-top: 30px; font-family: bebas_neueregular, sans-serif; font-size: 30px; color: #6ABABD; }

.box-cat    { width: 160px; margin: auto; }
/*.cir-cat    { margin: auto; width: 160px; height: 160px; border-radius: 50%; background: rgba(255,255,255,0.1); }*/
/*.cir-peq    { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 146px; height: 146px; background: white; border-radius: 50%; margin: auto; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; }*/
.wrapp-cats .text-cat   { font-family: varelaregular, sans-serif; margin-top: 38px !important; padding: 6px; font-size: 20px; text-align: center; color: white; border: 1px solid transparent; border-radius: 28px; transition: border-color 0.3s; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -o-transition: border-color 0.3s; }

.float-box_serv { position: absolute; }
.float-box_serv__it { position: relative; width: 65%; margin-top: 15px; padding-left: 30px; float: left;  }
.title-1    { display: block; font-family: varelaregular, sans-serif; color: #888888; font-size: 18px; }
.lk-sm      { cursor: pointer; display: block; font-family: Arial, sans-serif; text-decoration: none !important; color: #00ACEC !important; font-weight: bold; font-size: 12px; }
.lk-cot      { cursor: pointer; display: block; font-family: Arial, sans-serif; text-decoration: none !important; color: #E76F07 !important; font-weight: bold; font-size: 12px; }

.box-serv_so .lk-sm:hover, .box-serv_so .lk-cot:hover { padding-left: 10px; -webkit-transition: 0.3s; transition: 0.3s; }
.left-l:hover   { padding-right: 10px; -webkit-transition: 0.3s; transition: 0.3s; }
.left-l { text-align: right; }

.box-serv_so    { cursor: pointer; position: absolute;  }
.box-serv_so .cir-cat    { margin: auto; width: 200px; height: 200px; border-radius: 50%; background: #EEEEEE; border: 1px solid white; }
.box-serv_so .cir-peq    { position: relative; top: 50%; border: 1px solid #DDDDDD; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 178px; height: 178px; background: white; border-radius: 50%; margin: auto; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; }

.box-serv_so:nth-child(5):hover .cir-peq { background: url('../img/_layout/limpeza_fachada_ic_hover.png') #FF6600 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.box-serv_so:nth-child(3):hover .cir-peq { background: url('../img/_layout/limpeza_pisos_ic_hover.png') #00ADEE center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.box-serv_so:nth-child(2):hover .cir-peq { background: url('../img/_layout/jardinagem_ic_hover.png') #B4CC24 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.box-serv_so:nth-child(4):hover .cir-peq { background: url('../img/_layout/pintura_ic_hover.png') #D90101 center center no-repeat !important; background-size: 28% !important; transition: 0.3s; }
.box-serv_so:nth-child(6):hover .cir-peq { background: url('../img/_layout/limpeza_alturas_ic_hover.png') #222222 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }

.box-serv_so:hover .cir-cat {  background-color: white; border-color: #EEEEEE; transition: 0.3s; }

.wrpp-it_serv   { display: inline-block; margin-bottom: 25px !important; width: 100%; margin-top: 55px; }
.wrpp-it_serv .cir-cat    { position: relative; z-index: 2;  float: left; margin: 0; width: 35%; height: 300px; background: #CACAD9; }
.wrpp-it_serv .cir-peq    { position: relative; top: 50%; border: 1px solid #DDDDDD; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 178px; height: 178px; background: white; border-radius: 50%; margin: auto; transition: background 0.3s; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -o-transition: background 0.3s; }


.lk-cat { -webkit-transition: 0.3s; transition: 0.3s; display: block; text-decoration: none !important; position: relative; color: #00ACED !important; font-style: italic; text-align: center; }
.barra-cat  { -webkit-transition: 0.3s; transition: 0.3s;  position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 15%; height: 1px; background-color: #00ACED;  }
.i-cat:hover .lk-cat { -webkit-transition: 0.3s; transition: 0.3s; color: white !important; }
.i-cat:hover .barra-cat { width: 30%; background-color: white; -webkit-transition: 0.3s; transition: 0.3s; }

#home       { background: white; }
#home .container   { height: 100%; }
.box-r      { min-height: 700px; }
.box-l      { height: 100%; float: left; width: 50%; }
.box-l    a { text-decoration: none; }
.box-r      { height: 100%; float: left; width: 50%; }
.wrapp-title    { margin-top: 190px; width: 100%; }
.p-c        { font-family: bebas_neueregular, sans-serif; text-transform: uppercase; margin: auto; width: 70%; line-height: 54px; font-size: 66px; text-align: left; color: #6ABABD; }
.p-b        { font-family: bebas_neueregular, sans-serif; text-transform: uppercase; margin: auto; width: 70%; font-size: 66px; line-height: 54px; text-align: right; color: #C4D94B; }
.text-h     { margin: auto; margin-top: 60px !important; width: 65%; border-left: 1px solid #6FBDC0; color: #999999; padding-left: 20px; }
.btn-sb     { font-family: bebas_neueregular, sans-serif; transition: 0.4s; cursor: pointer; width: 130px; margin-left: 100px; margin-top: 60px; font-size: 20px; text-align: center; border: 1px solid #C4D94B; border-radius: 25px; padding: 10px; color: #6ABABD; }
.btn-sb:hover    { background: #C4D94B; color: white; transition: 0.4s; }

.l-e        { float: left; width: 25%; height: 100%; }
.l-d        { overflow: hidden; padding-left: 50px; float: left; width: 75%; height: 100%; }
.title-p    { font-family: bebas_neueregular, sans-serif; margin-top: 130px; color: white; font-size: 66px; line-height: 54px; }
.desc-p     { margin-top: 25px; font-size: 14px; color: white; }
.box-post   { display: none; position: relative; margin-top: 130px; float: left; width: 50%; height: 460px; }

.box-post:nth-child(1) { display: block; padding-right: 20px; }
.box-post:nth-child(2) { display: block; padding-left: 20px; }

#title-pg   { position: relative;  height: 350px; }
#title-pg .grid-over  { top: 0; transform: none; height: 100%; }
.pg-title   { width: 100%; text-align: center; color: white; font-family: bebas_neueregular, sans-serif; font-size: 66px; }

.box-img    { width: 100%; height: 70%; }
.img        { position: relative; overflow: hidden; float: left; width: 80%; height: 100%; }
.databox    { position: relative; float: left; width: 20%; height: 100%; background: #6ABABD; }
.data-text  { font-family: bebas_neueregular, sans-serif; width: 100%; margin-top: 30px; line-height: 25px; text-align: center; color: white; font-size: 45px; }
.mes-text   { font-size: 22px; }
.share-box    { position: relative; margin-top: 25px; width: 100%; bottom: 0; }
.share-box  p { font-family: "NewsGoth Cn BT", sans-serif; color: #5c5243; font-size: 20px; }
.share-box  i { color: #5c5243; font-size: 20px; transition: .3s;  }
.share-box  a:hover i { color: #483e33; transition: .3s; }
.box-texts  { width: 100%; height: 30%; padding-top: 20px;}
.title-post { font-family: bebas_neueregular, sans-serif; color: white; text-transform: uppercase; padding-bottom: 5px; font-size: 20px; }
.text-post  { color: white; font-size: 14px; margin: 0; }

.title-v    { font-family: bebas_neueregular, sans-serif; margin-top: 120px; font-size: 66px; color: white; width: 100%; text-align: center }
.text-v     { width: 65%; font-size: 14px; padding-top: 5px; color: white; text-align: center; margin: auto; }
.arrows-nav { height: 25px; }
.box-videos { width: 100%; margin-top: 30px; }
.vid-i      { float: left; width: 33.333333333333333333333333333333%; padding-left: 15px;}
.title-i-v  { font-family: bebas_neueregular, sans-serif; color: white; text-transform: uppercase; padding-top: 10px; font-size: 20px; }

.ctn-cats   { background: #F8F8F8; height: 165px; }
.ctn-cats .container  { height: 100%; }
.i-cat-n    { cursor: pointer; float: left; width: 25%; height: 100%; padding-right: 25px; }
.i-cat-n .cir-cat    { float: left; border: 1px solid #CEDF6E; margin: 0; width: 120px; height: 120px;}
.i-cat-n .cir-peq    { width: 110px; height: 110px; }

.i-cat-n:hover .text-cat { color: #CEDF6E; transition: color 0.3s;}
.title-pg   { font-family: bebas_neueregular, sans-serif; width: 100%; text-align: center; color: #CEDF6E; font-size: 66px; margin-top: 25px; }
.ctn-news   { background: white; padding-bottom: 60px; }
.ctn-cats .text-cat   { transition: color 0.3s; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); float: left; color: #AAAAAA; font-family: bebas_neueregular, sans-serif; font-size: 30px; line-height: 120px; margin: 0 !important; padding: 0; padding-left: 20px; }
.group-news { padding-left: 60px; padding-right: 60px; margin-top: 10px; }
.group-news .box-post { margin-top: 40px; }
.group-news .box-post:nth-of-type(1n+0) { padding-right: 30px; }
.group-news .box-post:nth-of-type(2n+0) { padding-left: 30px; }
.pg-n   { display: block; }
.pg-n .box-texts .title-post { color: #CEDF6E; }
.pg-n .box-texts .text-post { color: #999999; }
.pg-n .box-img .img { position: relative; overflow: hidden; }
.l-mais     { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: rgba(206, 223, 110, 0.8); }
.l-mais-t   { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: bebas_neueregular, sans-serif; font-size: 37px; text-align: center; color: white; }

.ctn-new    { background: white; margin-top: 10px; }
.btn-voltar { margin-top: 40px !important; transition: color, background 0.3s; cursor: pointer; padding: 8px; border: 1px solid #AAAAAA; color: #AAAAAA; font-family: bebas_neueregular, sans-serif; text-align: center; font-size: 18px; width: 125px; margin: 0 auto; border-radius: 20px; }
.btn-voltar:hover { background: #AAAAAA; color: white; transition: 0.3s; }
.line   { float: left; width: 50px; height: 1px; background: #AAAAAA; }
.cat-text   { font-family: bebas_neueregular, sans-serif; font-size: 26px; float: left; color: #AAAAAA; padding-left: 10px; padding-right: 10px; text-align: center; }
.wrapp-cat  { position: relative; margin-top: 50px; height: 37px; }
.wp-c       { position: absolute; height: 100%; left: 50%; -webkit-transform: translateY(-50%); transform: translateX(-50%); }
.title-newd { text-align: center; color: #CEDF6E; font-family: bebas_neueregular, sans-serif; font-size: 66px; }
.data-new   { text-transform: uppercase; text-align: center; font-family: Arial, sans-serif; color: #999999; font-size: 16px; }
.share-box-d    { position: relative; height: 25px; margin-bottom: 40px; margin-top: 20px; }
.wr-share   { position: absolute; left: 50%; -webkit-transform: translateY(-50%); transform: translateX(-50%); }
.wr-share a  { float: left; }
.new-content p   { width: 100% !important; float: none !important; color: #999999; font-family: Arial, sans-serif; text-align: justify; }
.new-content p:first-child   { text-align: center; margin-bottom: 30px;}
.new-content img   { float: none !important; }

.w-marc { width: 100%; height: 7px; position: absolute; bottom: -7px; }
.marc   { display: none; width: 65px; height: 100%; position: relative; background-color: #70A83B; }

.seta-cima {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    position: absolute;
    top: -8px;
    left: 48%;
    transform: translateX(-50%);

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #70A83B;
}

.inTop  { box-shadow: 0px 0px 11.5px 2.5px rgba(0,0,0,0.1); }
.inTop .box-logo { height: 100% !important; background: url('../img/_layout/logo_t.png') center center no-repeat; background-size: contain; }

.content-not    { float: left; width: 70%; }
.wrapp-lat    { margin-top: 65px; float: left; width: 30%; min-height: 300px; padding-right: 70px; }
.content-lat    { width: 100%; border-top: 1.5px solid rgba(170, 170, 170, 0.78); }
.reco-box-title { width: 100%; background-color: #747474; height: 50px; color: white; text-transform: uppercase; text-align: center; font-size: 16px; line-height: 50px; margin-top: 30px; }
.reco-content   { padding: 15px; margin-top: 15px; width: 100%; min-height: 100px; }
.not-block      { font-weight: bold; box-shadow: 0px 0px 10px 0.5px rgba(0,0,0,0.05); padding: 15px; display: block; text-decoration: none !important; color: rgba(66, 66, 66, 0.8); cursor: pointer; min-height: 100px; margin-top: 15px; background-color: white; }
.img-not-re     { float: left; margin-right: 12px; max-width: 40%; max-height: 100%; }
.text-not-re    { float: left; padding-left: 10px; padding-right: 10px; margin-bottom: 0; width: 60%; font-family: Arial, sans-serif; font-size: 14px; color: #1D1D1D; }

.infix { position: fixed; z-index: 5; width: 290px !important; }
.full-content-lat   { display: none; }
.wrapp-vip  { width: 100%; padding: 15px; margin-top: 50px; min-height: 200px; }
.wrapp-vip-res  { width: 100%; padding: 15px; margin-top: 50px; min-height: 200px; }

.vip-content    { position: relative; width: 100%; min-height: 150px; box-shadow: 0px 0px 15px 1.5px rgba(0,0,0,0.1); background-color: white; }
.title-vip      { position: relative; background-color: #465457; color: rgba(255, 255, 255, 0.6); text-align: center; height: 55px; line-height: 55px; font-family: bebas_neueregular, sans-serif; font-size: 22px; }
.close-vip  { cursor: pointer; position: absolute; color: white; text-align: center; line-height: 23px; width: 23px; z-index: 5; height: 23px; background-color: #718487; border-radius: 50%; right: -8px; top: -8px; }
.close-vip .fa { position: relative; }
.title-vip .fa     { position: absolute; left: 40px; }

.text-vip   { padding: 5px; color: #465457; font-size: 16px; margin-bottom: 20px; padding-left: 20px; margin-top: 25px; padding-right: 20px; text-align: center; }
.listras-bg { background: repeating-linear-gradient( -45deg, white, white 2px, rgba(242, 242, 242, 0.4) 2px, rgba(242, 242, 242, 0.4) 5px ); }

/************ Paginação **********************/
.item-pag       { width: 40px; height: 40px; border-radius: 50%; background: #CEDF6E; margin-left: 10px; margin-top: 10px;
    font-size: 18px; font-family: bebas_neueregular, sans-serif; text-align: center; color: white; line-height: 40px;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.item-pag:hover { background-color: #3C8486; color: white;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
.item-pag-active { float: right; background-color: #3C8486; color: white;
    -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
/*.container-pages-bts    { position: absolute; }*/
/*.container-pages-bts  a  { display: block; float: right !important; }*/
.text-n-p   {
    font-family: Arial, sans-serif;
    padding-left: 5px;
    line-height: 40px;
    float: right;
    font-size: 13px;
    margin-top: 10px;
    color: #878787;
}
.lk-pg  { float: right; text-decoration: none !important; }
.text-n-p:hover { text-decoration: none; color:  #3C8486; text-shadow: 0px 0px 3px  #3C8486; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; }

.empty-t    { color: #d2d2d2; font-family: bebas_neueregular, sans-serif; font-size: 24px; text-align: center; width: 100%; }

.box-texto-s    { position: relative; z-index: 6; width: 50%; }
.ctn-sobre      { margin-top: 40px; padding-bottom: 60px; }
.title-sobre    { font-family: bebas_neueregular, sans-serif; font-size: 66px; color: #C4D94B; }
.text-sobre    { font-family: Arial, sans-serif; text-align: justify; color: #999999; }
.img-sobre      { position: absolute; z-index: 5; right: -55px; bottom: 0; width: 600px; height: 600px; }

.ctn-videos { padding: 120px 0 40px 0; }
.box-vid    { display: block; margin-bottom: 20px; list-style: none; overflow: hidden; float: left; width: 33.333333333333333333333333333333%; height: 300px; padding-left: 15px; }
.thumbnail-vid  { position: relative; width: 100%; }
.title-vid  { font-family: bebas_neueregular, sans-serif; font-size: 30px; margin-top: 15px; color: #999999; }
.text-parcs { margin: 0 auto; font-family: Arial, sans-serif; width: 65%; color: #999999; text-align: center; margin-top: 40px; }
.text-cont { margin: 0 auto; font-family: Arial, sans-serif; width: 65%; color: #999999; text-align: center; margin-top: 40px; }

.yt-bg--p   { display: none; position: fixed; padding-left: 180px; padding-top: 100px; padding-bottom: 100px; padding-right: 200px;  z-index: 999; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.95); }
.yt-box-close { position: absolute; right: 50px; top: 40px; color: white; font-size: 30px; cursor: pointer; transition: 0.2s; -webkit-transition: 0.2s; }
.yt-box-close:hover { color: white; opacity: 0.5; transition: 0.2s; -webkit-transition: 0.2s; }
.yt-content { width: 100%; height: 100%; }

.group-parcs    { margin-top: 80px; }
.box-parc   { cursor: pointer; transition: opacity 0.2s; text-align: center; padding: 15px; float: left; width: 33.333333333333333333333333333333%; height: 300px; }
.box-parc:nth-of-type(1n+0)   { border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
.box-parc:nth-of-type(2n+0)   { border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; }
.box-parc:nth-of-type(3n+0)   { border-bottom: 1px solid #DDDDDD; border-right: none; }

.fancybox-wrap  { width: 90% !important; }
.fancybox-inner  { width: 100% !important; }

.logo-p   { max-width: 80%; max-height: 70%; }
.link-p   { width: 100%; height: 30%; padding-top: 20px; color: #999999; font-family: Arial, sans-serif; text-align: center; }
.opc      { opacity: 0.4; transition: 0.3s; }

/***** @Contato *****/

.text-radio { margin-left: 8px; line-height: 28px; color: #777777; }
.radio-box  { margin-top: 30px;  }
.title-radio    { font-family: varelaregular, sans-serif; font-size: 16px; }

.txt-con    { font-size: 14px; color: #AAAAAA; font-family: Arial, sans-serif; }
.contato-left{ position: relative; width: 48%; float: left; }
.contato-left label{ width: 100%; }
.contato-left label input, .contato-left label select, .contato-left label textarea, label textarea[name=mensagemOrc]{ font-weight: bold; font-size: 16px; font-family: Arial, sans-serif; width: 100%; outline: none; float: left; display: block; color: rgba(0, 0, 0, 0.81); padding: 14px 10px; background: white; margin: 5px 0 0 0; margin-right: 15px; border: 1.8px solid white; }
.contato-left label input { height: 45px; }
.contato-left label textarea, textarea[name=mensagemOrc]{ width:100%; outline: none; height: 190px; resize: none}
input:focus, textarea:focus{border-color: #dcdcdc !important; }
textarea[name=mensagemOrc] { height: 100px !important; }

.input-pl { color: #E0D7CB !important; font-weight: bold; font-size: 16px; }
.input-pl::placeholder { color: #E0D7CB; font-weight: bold; font-size: 16px; }
.input-pl::-webkit-input-placeholder { color: #E0D7CB; font-weight: bold; font-size: 16px; }


.contato-right  { position: relative; margin-top: 10px; width: 48%;float: right; }
.send, .send-cadastro{ cursor: pointer; text-decoration: none !important; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; background-color: #70A83B; color: white !important; font-size: 16px; font-weight: bold; font-family: 'Gotham', sans-serif; padding: 10px 25px; margin-left: auto; margin-right: auto; width: 100%; height: 50px; border-radius: 2px; margin-top: 10px;}
.send {  text-align: center; margin-bottom: 0 !important; line-height: 30px;}
.send p{ position: absolute; right: 35px; font-family: Arial, sans-serif;  transition: .3s;  display: inline-block; width: auto !important; text-align: center; margin-bottom: 0 !important; line-height: 30px;}
.send p:after{ position: absolute; top: 50%; transform: translateY(-50%); right: -17px; display: inline-block; content: ' '; width: 0;
    height: 0;
    border-style: solid;
    margin-left: 5px;
    border-width: 7px 0 7px 10px;
    border-color: transparent transparent transparent #ffffff;}
.send:hover, .send-cadastro:hover   { background: #70A83B; }
.send:hover p  { transform: translateX(-30px); -webkit-transform: translateX(-30px); transition: .3s; }
.wrap-map { position: relative; }
#map                { width: 100%; height: 315px; }
.ctn-infs { background: #70A83B; padding: 30px 20px; display: inline-block; width: auto; top: 50%; transform: translateY(-50%); position: absolute; left: 60%; }
.ctn-infs:after { position: absolute; display: block; content: ' ';
    top: 0; right: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 89px 100px 89px 0;
    border-color: transparent #70A83B transparent transparent;}
.text-inf-foot { text-align: left; padding-left: 45px; font-family: Arial, sans-serif; color: white; margin-bottom: 15px !important; font-size: 16px; font-weight: bold; display: block;}
.text-inf-foot:last-child { margin-bottom: 0 !important; }

.ctn-local  { width: 100%; }
#snarl-wrapper { z-index: 1000 !important; }

.endereco{ padding-left: 25px; width: 425px; height: auto; float: left; margin-left: 30px; }
address{ display: block; width: 382px; height: auto; min-height: 45px; padding: 0 0 0 50px; margin-bottom: 40px; font-family: 'Tahoma', sans-serif; font-size: 11px; color: #666; line-height: 200%; }
.endereco > address > a { font-family: 'Tahoma', sans-serif; font-size: 11px; color: #666; }

.rua{ font-size: 13px; padding-left: 55px; background: transparent 4px center no-repeat url("../img/_layout/end.png"); }
.telefone{ font-size: 13px; padding-left: 55px; background: transparent left center no-repeat url("../img/_layout/tel.png"); }
.email{ padding-left: 55px; background: transparent left center no-repeat url("../img/_layout/email.png"); }

/* -------- Menu resp -------------- */
.men-res-lat-wrapper    { position: fixed; overflow: scroll; left: -100%; box-shadow: 0 3px 12px 2px rgba(0,0,0,0.5); padding: 15px; z-index: 999999 !important; top: 0; background: white; width: 45%; height: 100%; }
.men-res-lat            { position: relative; width: 100%; height: 100%; }
.men-res-lat .item-nav  { width: 100%; padding-left: 5px !important; color: white !important; }
.men-res-lat .item-nav:hover  { width: 100%; color: #354757 !important; }
.men-res-lat-wrapper .hamb-wrapper  { width: 50px; height: 60px !important; }
.men-res-lat-wrapper .hamb-wrapper .hamb-container  { float: right; }
.men-res-lat-wrapper .box-rs  { display: none; margin-top: 15px; }

.hamb-container         { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; padding: 10px 0 10px 20px; display: block; margin: auto; width: 100%; float: left; border-radius: 4px; }
.hamb-line              { position: relative; width: 100%; display: block; height: 4px; margin: 0 0 5px 0; border-radius: 2px; transition: transform 0.3s; background: #105731; }
.hamb-line:last-child   { margin-bottom: 0; }
.hamb-wrapper           { display: none; width: 50px; /*border-left: 1px solid #EAEAEE;*/ height: 100%; float: right; }

.men-opened  .hamb-line:nth-child(1)   { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 4.5px !important; }
.men-opened  .hamb-line:nth-child(3)   { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 4.5px !important; }

.overflow, .overflow-bsc           { background: rgba(0, 0, 0, 0.5); display: none; width: 100%; height: 100%; top: 0; left: 0; position: fixed; z-index: 99998 !important; }
.men-res-lat-wrapper    { position: fixed; overflow: scroll; left: -100%; box-shadow: 0 3px 12px 2px rgba(0,0,0,0.5); padding: 15px; z-index: 99999 !important; top: 0; background: white; width: 45%; height: 100%; }
.box-title  { width: 100%; height: 110px; }
.close-men  { position: relative; cursor: pointer; width: 60px; height: 100%; float: right; padding: 10px; }
.line-cl    { position: absolute; width: 55%; height: 4px; border-radius: 2px; background: #777777; display: block; }
.l-left     { transform: rotate(45deg); }
.l-right    { transform: rotate(135deg); }
.marg-0     { margin-right: 0 !important; }
.logoTop    { position: relative; float: left; width: 60%; height: 100%; background: url('../img/_layout/logo_t.png') left center no-repeat; background-size: contain; border: none !important; z-index: 2; left: 12px; transition: 0.6s; -webkit-trasition: 0.6s; -o-transition: 0.6s; -moz-transition: 0.6s; }
.i-men      { width: 100%; border-bottom: 1px solid #DDDDDD; }

#snarl-wrapper   { z-index: 99999999 !important; }

.snarl-notification { z-index: 9999999999999999 !important; }

.menu a     { width: 100% !important; margin: 0 !important; float: none; display: block; }

.fb-content-f    { width: 380px; margin-right: 30px; margin-top: 25px; float: left; height: 130px; position: relative; }

.coments-content    { margin-top: 100px; margin-bottom: 100px; }

.ctn-float-btn  { display: none; position: fixed; bottom: 30px; z-index: 11; right: 20px; width: 60px; height: 60px; }
.float-btn  {
    box-shadow: 0 8px 20px 2px rgba(0,0,0,.15);
    transition: 0.3s; position: relative; background: white; cursor: pointer; width: 100%; height: 100%; border-radius: 50%; text-align: center; line-height: 45px; z-index: 11; color: #909090; font-size: 20px; }
.float-btn:hover  { transition: 0.3s; background: white; border-color: #906C56; color: #906C56; }

/* ------ btn up page scroll ------ */
.wrapper-lines-up   {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 22px;
    height: 22px;
}


.wrapper-lines-up span {
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    height: 3px;
    transition: .15s;
    background-color: #000000;
    border-radius: 2px;
}

.wrapper-lines-up span:nth-of-type(1) {
    -webkit-transform: translate3d(-4px, 4px, 0) rotate(-45deg) scaleX(.6);
    transform: translate3d(-4px, 4px, 0) rotate(-45deg) scaleX(.6)
}

.wrapper-lines-up span:nth-of-type(2) {
    -webkit-transform: translate3d(4px, 4px, 0) rotate(45deg) scaleX(.6);
    transform: translate3d(4px, 4px, 0) rotate(45deg) scaleX(.6)
}

.wrapper-lines-up span:nth-of-type(3) {
    width: 3px;
    height: 18px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 3px, 0) rotate(0deg);
    transform: translate3d(-50%, 3px, 0) rotate(0deg);
    transition: .15s;
}

.float-btn:hover .wrapper-lines-up span:nth-of-type(3) {
    height: 26px;
    -webkit-transform: translate3d(-50%, 0px, 0) rotate(0deg);
    transform: translate3d(-50%, 0px, 0) rotate(0deg);
    transition: .15s;
}

.float-btn:hover .wrapper-lines-up span:nth-of-type(1) {
    -webkit-transform: translate3d(-4px, 0px, 0) rotate(-45deg) scaleX(.6);
    transform: translate3d(-4px, 0px, 0) rotate(-45deg) scaleX(.6);
    transition: .15s;
}

.float-btn:hover .wrapper-lines-up span:nth-of-type(2) {
    -webkit-transform: translate3d(4px, 0px, 0) rotate(45deg) scaleX(.6);
    transform: translate3d(4px, 0px, 0) rotate(45deg) scaleX(.6);
    transition: .15s;
}


.ctn-bv { background-color: white; padding: 0 0 55px 0; }
.ctn-fts { background-color: #F6F6F6; height: 440px; }
.box-subtitle { font-family: Arial, sans-serif; font-size: 18px; }
.title-page { margin-top: 40px; font-family: 'Keep Calm Med', sans-serif; text-align: center; font-size: 30px; color: #3D2713; }
.subtitle-page  { margin-top: 20px; font-family: varelaregular, sans-serif; font-style: italic; font-size: 16px; color: #00ACED; position: relative; text-align: center; }
.text-default   { margin-top: 80px; font-family: 'Androgyne', sans-serif;
    color: rgba(61, 39, 19, 0.6); line-height: 20px; font-size: 16px; text-align: justify; }
.wrpp-bv    { padding-left: 0; padding-right: 270px; }
.wrapp-texto-menor { width: 85%; margin: 0 auto !important; }
.wrapp-gal-fornecedores { margin-top: 30px; margin-bottom: 40px; }
.back-t-b       { margin-top: 40px; height: 58px; border-bottom: 1px solid #CCCCCC; }
.title-border   { display: inline-block; font-family: varelaregular, sans-serif; color: #777777; font-size: 18px; border-bottom: 3px solid #00ADEE; line-height: 55px; }

.content-gal    { margin-top: 30px; width: 100%; }
.box-foto   { display: block; overflow: hidden; cursor: pointer; position: relative; float: left; width: 33.3333333%; height: 200px; }
.overlay-foto   {  -webkit-transition: 0.3s; transition: 0.3s; position: absolute; padding: 25px; text-align: center; color: white; font-family: varelaregular, sans-serif; font-size: 18px; width: 100%; height: 100%; top: 100%; background: url('../img/_layout/overlay_ft.png') repeat; }

.box-foto:hover .overlay-foto { display: block; top: 0; -webkit-transition: 0.4s; transition: 0.4s; }

.circ-maior { margin: auto; margin-bottom: 150px !important; margin-top: 200px !important; width: 460px; height: 460px; border-radius: 50%; background-color: #EEEEEE; position: relative; }
.circ-menor { width: 440px; height: 440px; margin: 0 auto; border: 1px solid white; border-radius: 50%; background-color: #EEEEEE; position: relative; }
.circ-maior p { font-family: varelaregular, sans-serif; color: #878787; font-size: 24px; position: relative; text-align: center; }

.text-serv  { margin-top: 20px; margin-bottom: 20px; font-family: Arial, sans-serif; color: #777777; line-height: 20px; text-align: justify; }

.serv_active .cir-cat {  background-color: white; border-color: #EEEEEE; transition: 0.3s; }

.line-serv_ctn  { position: absolute; z-index: 1; width: 2px; height: 100%; top: 0; background-color: #EEEEEE; left: 99px; }

.serv_active.wrpp-it_serv:nth-child(5) .cir-peq { background: url('../img/_layout/limpeza_fachada_ic_hover.png') #FF6600 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.serv_active.wrpp-it_serv:nth-child(3) .cir-peq { background: url('../img/_layout/limpeza_pisos_ic_hover.png') #00ADEE center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.serv_active.wrpp-it_serv:nth-child(2) .cir-peq { background: url('../img/_layout/jardinagem_ic_hover.png') #B4CC24 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }
.serv_active.wrpp-it_serv:nth-child(4) .cir-peq { background: url('../img/_layout/pintura_ic_hover.png') #D90101 center center no-repeat !important; background-size: 28% !important; transition: 0.3s; }
.serv_active.wrpp-it_serv:nth-child(6) .cir-peq { background: url('../img/_layout/limpeza_alturas_ic_hover.png') #222222 center center no-repeat !important; background-size: 40% !important; transition: 0.3s; }


/*-------------- Contato ----*/
.ctn-contato { padding-bottom: 80px; }
.ctn-contato_gal { background: #fbfbfb; }
.ctn-contato_gal .wrapp-icon { background: #fbfbfb !important; }
.content-contato    { margin-top: 20px; display: inline-block; width: 100%; }
.form-box   { position: relative; box-sizing: border-box; }
.infs-box   { float: left; width: 25%; box-sizing: border-box; padding-left: 25px; }
.infs-box p, .infs-box a, .infs-box address { line-height: 25px; margin-top: 0; margin-bottom: 20px; padding-left: 40px; font-family: Arial, sans-serif; font-size: 15px; color: #777879; }
.addr-text  { background: url('../img/_layout/local_c.png') 6px top no-repeat; }
.tel-text  { background: url('../img/_layout/tel_c.png') 2px top no-repeat; }
.email-text  { text-decoration: none !important; display: block; background: url('../img/_layout/email_c.png') left top no-repeat; }
.resposta { margin-bottom: 10px; }
.img-orcamento { position: absolute; width: 400px; right: -250px; bottom: -105px; }

.form-box label { width: 100%; margin-bottom: 20px; float: left; }
.input-wrapper  { position: relative; margin-bottom: 15px; border: 1px solid white; -webkit-transition: 0.3s; transition: 0.3s; }
.form-box input:not([type=radio]), .form-box textarea, .form-box select { background: transparent; -webkit-transition: 0.3s; transition: 0.3s; font-family: "geomanistregular", sans-serif !important; color: white; font-size: 16px; box-sizing: border-box; outline: none !important; padding-right: 20px; padding-left: 20px; width: 100%; height: 50px; border: none; }
.input-wrapper-focused { transform: scale(1.02); -webkit-transform: scale(1.02); color: #3D2713 !important; -webkit-transition: 0.35s; transition: 0.35s; box-shadow: 0 8px 20px 2px rgba(0,0,0,.5); background: white; }
/*.form-box input:focus, .form-box textarea:focus, .form-box select:focus { transform: scale(1.02); -webkit-transform: scale(1.02); color: #3D2713 !important; -webkit-transition: 0.35s; transition: 0.35s; box-shadow: 0 8px 20px 2px rgba(0,0,0,.5); background: white; }*/
.form-box textarea { max-height: 245px; height: 245px; max-width: 100%; padding-top: 15px; }
.wrapp-radio    { position: relative; font-family: Arial, sans-serif; color: rgb(119, 119, 119); font-size: 14px; }
.form-box input:focus, .form-box textarea:focus { }

.input-wrapper-focused input, .input-wrapper-focused textarea { color:  #3D2713 !important; }
.input-wrapper-focused input::placeholder, .input-wrapper-focused textarea::placeholder { color:  #3D2713 !important; }
.form-box[name=newsletter] input  { padding-right: 50px; }
.btn-send-news { transition: .3s; position: absolute; right: 15px; cursor: pointer; width: 25px; height: 25px; top: 50%; transform: translateY(-50%); border-radius: 50%; -webkit-transform: translateY(-50%); background: #17874B; }
.btn-send-news:hover { transition: .3s; background: #136333; }
.btn-send-news .fa { position: absolute; color: white !important; top: 50%; left: 50%; font-size: 20px; margin-left: 1px; margin-top: -1px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.contato-left { width: 30%; box-sizing: border-box; float: left; padding-right: 10px; }
.contato-right { width: 70%; box-sizing: border-box; margin-top: 0 !important; float: left; padding-left: 10px; }

.btn-send {display: inline-block; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; padding: 12px 45px; color: white; text-align: center; font-size: 16px; font-family: "geomanistregular", sans-serif; background: transparent; border: 1px solid white; }
.btn-send:hover { background: white; color: black; -webkit-transition: 0.2s; transition: 0.2s; }

.btn-send_d { border: none; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; width: 100%; padding: 15px 0 15px 0; color: white; text-align: center; font-size: 16px; font-family: robotoregular, sans-serif; background: #70A83B; }
.btn-send_d:hover { background: #558533; -webkit-transition: 0.2s; transition: 0.2s; }

.text-form  { font-family: museo300, sans-serif; font-size: 22px; color: #999999; }
.finan .bloco-cons  { width: 25%; height: 150px; }

.group-checkbox { display: inline-block; width: 90%; }
.box-checkbox { display: inline-block; float: left; margin-right: 30px; }
.box-checkbox input[type=checkbox] { margin-top: 16px; margin-bottom: 16px !important; margin-right: 8px !important; float: left; width: 16px !important; height: 16px !important; margin-right: 15px; }
.box-checkbox p { float: left; font-family: museo300, sans-serif; color: #999999; font-size: 16px; }
.input-border   { margin-left: 10px; width: 150px !important; margin-top: 16px; padding: 0 !important; padding-bottom: 5px !important; height: 20px !important; border: none !important; border-bottom: 1px solid #999999 !important; }

.ctn-orcamento  { display: inline-block; padding-top: 50px; padding-bottom: 100px; width: 100%; }

@media (min-width: 1200px) {
    .container { width: 1200px; padding: 0; }
    .fancybox-wrap  { width: 50% !important; }
}

@media (max-width: 1200px) {
    /*.float-box_serv__it { width: 70%; }*/
    .line-serv_ctn  { left: 114px; }
}
@media (max-width: 1200px) {
    .cll    { clear: left; }
    .text-newsl { top: 0; margin-top: 50px; transform: none; width: 100% !important; float: none; text-align: center !important; }
    form[name=news] { top: 0; transform: none; width: 70%; float: none; margin: auto; margin-top: 30px !important; }
    .newsletter { height: 390px; }
    .fb-content-f   { float: none; margin: auto; margin-top: 45px; }
    .box-logo { width: 116px; background: url('../img/_layout/logo_t.png') center center no-repeat; background-size: contain; }
    .wrapp-lat  { display: none; }
    .content-not    { width: 100%; }
    .full-content-lat   { display: block; }
    .hamb-wrapper  { display: block; }
    #head { height: 75px !important; box-shadow: 0 8px 20px 2px rgba(0,0,0,.15); }
    .box-logo { height: 100% !important; }
    .men-h  { display: none; }
    .w-marc { display: none; }
    /*.infs-foot { height: 510px; }*/
    .ctn-fts    { height: 510px; }
    /*.box-serv_so    { display: none }*/
    .wrpp-servs .circ-maior { width: 420px; height: 420px; }
    .wrpp-servs .circ-menor { width: 400px; height: 400px; }
    .box-it-footer:last-child { clear: both; padding-top: 35px !important; width: 80%; margin-left: auto !important; margin-right: auto !important; float: none !important; }
}

@media (max-width: 1024px) {

    .ctn-infs { position: relative !important; width: 100% !important; top: 0 !important; left: 0 !important; transform: none !important; }
    #title-pg .title-bann { color: #3e3e3e; }
    #title-pg { height: auto !important; margin-top: 20px; background: transparent !important; }
    #title-pg .container { top: 0 !important; transform: none !important; -webkit-transform: none !important; }
    .email-news     { width: 78%; }
    /*.send       { width: 30%; }*/
    .text-newsl { font-size: 40px; }
    .item-inf   { width: 50%; margin: 0; margin-bottom: 25px; }
    .i-cat-n    { width: 50%; height: 50%; }
    .ctn-cats   { height: 330px; }
    .fancybox-wrap  { width: 60% !important; }
    .yt-bg--p   { padding-left: 125px; padding-top: 50px; padding-bottom: 50px; padding-right: 150px; }

}

@media (max-width: 570px) {

    .ctn-rs     { width: 25%; }
    .i-cat      { width: 100% !important; }
    .box-blue   { height: 1700px !important; }
    .ctn-fts    { height: 620px; }
    /*.infs-foot  { height: 560px; }*/
    .ctn-infs  { top: 50% !important; }
}

@media (max-width: 1010px) {
    .wrpp-bv    { padding: 0; }
    .i-cat  { width: 50%; margin-bottom: 30px; }
    .box-blue   { height: 1025px; }
    .wrapp-cats { position: relative; top: 0;   }
    .servicos-box { padding-left: 0 !important; padding-right: 0 !important; }
}

@media (max-width: 920px) {
    .yt-bg--p   { padding-left: 80px; padding-top: 50px; padding-bottom: 50px; padding-right: 90px; }
    .wrpp-servs { display: none }
    .ctn-sobre  .container  { min-height: 200px }
    .cir-cat { height: 200px !important; }
    /*.form-box { width: 65%; }*/
    .contato-left, .contato-right { width: 100%; padding: 0 !important; }

    .infs-box { width: 35%; }
    .wrapp-galeria, .wrapp-foto { width: 50% !important; }
    .wrapp-prod { width: 100% !important; float: none !important; }
    .img-contato { display: none !important; }
    .box-right { width: 100% !important; padding: 0 !important; float: none !important; }
    .box-left-slider-p, .box-right-slider-p { width: 80% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; }
    .box-right-slider-p { padding-left: 0 !important; margin-top: 25px !important; }
}

@media (max-width: 840px) {
    .box-servico { width: 100% !important; }
    .box-img-video, .box-infs-video { width: 100% !important; padding: 0 !important; }
    /*.thumbnail-vid { height: 400px !important; }*/
}
@media (max-width: 768px) {
    .yt-bg--p   { padding-left: 40px; padding-top: 50px; padding-bottom: 50px; padding-right: 50px; }
    .yt-content { position: relative; height: 300px; top: 50%; transform: translateY(-50%);}
    .yt-box-close   { top: 10px; right: 10px; }
    .float-box_serv__it { width: 65%; }
    .yt-content { position: relative; height: 300px; top: 50%; transform: translateY(-50%);}

    .ctn-cotacao   .contato-right { display: none  }
    .ctn-cotacao   .contato-left { float: none; width: 100%; margin-bottom: 100px; }

    .ctn-contato   .contato-right { width: 100%; float: none; }
    .ctn-contato   .contato-left { float: none; width: 100%; margin-bottom: 100px; }

    .fancybox-wrap  { width: 90% !important; }
    .wrpp-title-bann    { width: 100%; }
    .lk-bann    { width: 100%; text-align: center }
    .title-bann { margin-left: 0 !important; width: 100%; }
    .text-bann  { margin: auto; text-align: center; }
    .bann-serv_maior    { margin: auto; float: none; }
    .wrapp-title    { margin-top: 120px; }
    .p-c, .p-b  { font-size: 50px; line-height: 44px; }
    #home , #posts, #videos  { min-height: 600px; }
    .box-r      { min-height: 600px; }
    .title-p , .group-p .box-post { margin-top: 90px; }
    .group-p .box-post { height: 400px; }
    .group-p .box-post .box-img { height: 55%; }
    .title-v  { margin-top: 60px; }
    .text-newsl { font-size: 32px; }
    .img-sobre  { display: none; }
    .box-texto-s    { margin-top: 45px; width: 100%; float: none; padding-left: 20px; padding-right: 20px; }
    .ctn-sobre  .container  { min-height: 400px !important; }
    .group-news .box-post  .box-img { height: 50%; }
    .box-vid    { width: 50%; }
    .box-parc   { width: 50%; border: none !important; }
    .box-it-footer:first-child>div { padding-left: 20px !important; }
    .box-it-footer:nth-child(2) { margin-left: 30px !important; }
    .box-title-pg { padding: 0 !important; }
}

@media (max-width: 640px) {
    .box-left-slider-p, .box-right-slider-p { width: 100% !important; }

    .link-foot { display: inline-block !important; margin: 0 7px; }
    .ctn-foot { padding: 50px 0 !important; }
    .ctn-infs-foot { width: 100%; display: block; }
    .text-foot, .subtitle-foot { float: none !important; width: 100% !important; text-align: center !important; }
    .box-it-footer:first-child { margin-left: 0 !important; width: 100% !important; float: none !important; }
    .box-it-footer:last-child { margin-top: 0px !important; }
    .box-it-footer:first-child>div { width: 100% !important; padding-left: 0 !important; float: none !important; }
    .box-it-footer:first-child img { max-width: 100% !important; float: none !important; margin-right: 0 !important;}
    .box-it-footer:nth-child(2) { margin-top: 30px !important; margin-left: 0 !important;  width: 100% !important; float: none !important; }
    .cir-cat { width: 100% !important; height: 320px !important; float: none !important; }
    .float-box_serv__it  { padding-left: 0 !important; float: none !important; width: 100%; }
    .row       { margin: 0; }
    .container { width: 100% !important; padding-left: 25px; padding-right: 25px; }
    .ctn-logo   { width: 70%; }
    .men-res-lat-wrapper { width: 50%; }
    .wrapp-t    { width: 65%; }
    .i-cat      { width: 50%; }
    .l-e    { width: 65%; margin: 0 auto; height: 35%; float: none; }
    .l-d    { width: 100%; float: none; padding: 0; }
    .group-p .box-post { margin-bottom: 40px; margin-top: 40px; }
    .box-r      { display: none; }
    .box-l      { width: 100%; float: none; }
    .p-c, .p-b  { font-size: 66px; line-height: 54px; }
    .text-newsl { font-size: 26px; }
    .email-news     { width: 82%; }
    .group-news .box-post  { width: 100%; padding: 0 !important; }
    .group-news .box-post  .box-img { height: 65%; }
    .group-news { padding-left: 35px; padding-right: 35px; }
    .ctn-videos { margin-top: 40px; }
    #contato    { width: 75% !important; }
    .box-foto   { width: 50%; }
    .ctn-fts    { height: 1000px; }
    /*.float-box_serv__it { width: 55%; }*/
    /*.form-box { width: 60% !important; }*/
    .infs-box { width: 40% !important; }
    .line-serv_ctn  { left: 124px; }

}

@media (max-width: 530px) {
    /*.float-box_serv__it { width: 50%; }*/
    .item-foto-bg { width: 180px !important; height: 180px !important; }
    /*.ctn-fotos  { display: none !important; }*/
    /*.ctn-fotos-mobile  { display: block !important; }*/
}

@media (max-width: 480px) {
    .yt-bg--p   { padding-left: 10px; padding-top: 50px; padding-bottom: 50px; padding-right: 10px; }
    .play-btn { transform: translate(-50%,-50%) scale(0.6) !important;
        -webkit-transform: translate(-50%,-50%) scale(0.6) !important; }
    .fb-content-f   { width: 100%; }
    .men-res-lat-wrapper { width: 65%; }
    .title-p    { font-size: 50px; margin-top: 60px; line-height: 44px; }
    .wrapp-t    { width: 80%; }
    .l-e    { width: 100%; }
    .group-p .box-post { width: 100%; margin-bottom: 0px; padding: 0 !important; height: 480px; }
    .group-p .box-post:last-child { margin-bottom: 40px; }
    .vid-i  { width: 100%; margin-bottom: 25px; padding: 0 !important; }
    .text-v { width: 95%; }
    .title-page  { font-size: 32px !important;}
    .p-c, .p-b  { font-size: 50px; line-height: 44px; }
    .form-box { width: 100% !important; padding: 0 !important; }
    .infs-box { width: 100% !important; padding: 0 !important; margin-top: 50px; }
    /*.newsletter     { height: 200px; }*/
    .text-newsl { margin-top: 40px; width: 100%; float: none; top: 0; transform: none; }
    #news   { width: 100%; float: none; top: 0; transform: none; }
    .item-inf   { width: 100%; }
    .i-cat-n    { width: 100%; height: 150px; }
    .ctn-cats   { height: 600px; }
    .group-news { padding-left: 20px; padding-right: 20px; }
    .box-vid    { width: 100%; }
    .box-parc   { width: 100%;}
    #contato    { width: 85% !important; }
    .text-cont    { width: 85% !important; }
    .line   { display: none; }
    .ctn-fotos  { display: none !important; }
    .ctn-fotos-mobile  { display: block !important; }
    .item-foto-bg { width: 280px !important; height: 270px !important; }
    .title-newd { font-size: 54px; line-height: 48px; }
    .text-foot  { width: 100%; margin-right: 0 !important; }
    /*.box-logo   { width: 70%; }*/
    .box-foto   { width: 100%; }
    .ctn-fts    { height: 1900px; }
    .wrapp-galeria, .wrapp-foto { width: 100% !important; }
    .line-serv_ctn  { display: none; }
    .wrpp-it_serv .cir-cat  { width: 160px; height: 160px; }
    .wrpp-it_serv .cir-peq  { width: 146px; height: 146px; }
    /*.float-box_serv__it     { width: 55%; margin-top: 40px; }*/
    .wrapp-prod, .box-title-pg  { padding: 0 !important; }
    .title-page-german-font { font-size: 65px !important; }
}
@media (max-width: 450px) {
    /*.wrpp-it_serv .cir-cat  { width: 146px; height: 146px; }*/
    /*.wrpp-it_serv .cir-peq  { width: 134px; height: 134px; }*/
    /*.float-box_serv__it     { width: 55%; margin-top: 40px; }*/
}

@media (max-width: 400px) {
    .ctn-infs img { max-width: 100%; }
    .ctn-fts    { height: 1950px; }
    .title-page  { font-size: 28px !important;}
    .line-foot_rs   { display: none }
    .box-it-footer:last-child { width: 100% !important; }
    /*.wrpp-it_serv .cir-cat  { width: 76px; height: 76px; }*/
    /*.wrpp-it_serv .cir-peq  { width: 64px; height: 64px; }*/
    /*.float-box_serv__it     { width: 65%; margin-top: 20px; }*/
}

@media (max-width: 360px) {

    /*.float-box_serv__it { width: 100% !important; max-width: 100%; padding: 0;}*/
    /*.float-box_serv__it .title-1{ text-align: center; }*/
}

@media (max-width: 350px) {
    .ctn-fts    { height: 1990px; }

    .ctn-cats   { height: 1150px; }
    .text-cat   { width: 100% !important; padding-left: 0 !important; text-align: center; float: none; }
    .i-cat-n    { height: 270px !important; padding-right: 0 !important; }
    .cir-cat    { margin: auto !important; float: none !important; }
    .box-img    { height: 45% !important; }
}

@media (max-width: 300px) {
    .ctn-fts    { height: 2150px !important; }
    .hamb-wrapper   { width: 50px; }
}

@media (max-width: 320px) {
    .ctn-fts    { height: 2080px; }

    .ctn-rs { display: none; }
    .men-res-lat-wrapper { width: 80%; }
    .i-cat      { width: 100%; }
    .p-c, .p-b  { font-size: 44px; line-height: 36px; }
    .wrapp-title    { margin-top: 95px; }
    .text-h     { width: 80%; }
    .email-news     { width: 100%; }
    /*.newsletter     { height: 240px; }*/
    .send       { position: relative; width: 100%; margin-top: 10px; float: right; }
    .box-texto-s    { padding-left: 5px; padding-right: 5px; }
    .i-cat-n    { width: 100%; height: 120px; }
    .cir-cat    { width: 130px !important; height: 130px !important; }
    .cir-peq    { width: 120px !important; height: 120px !important;  }
    .group-news { padding-left: 5px; padding-right: 5px; }
    #contato    { width: 100% !important; }
    .text-cont    { width: 100% !important; }
}

.ctn-galerias, .ctn-fotos, .ctn-fotos-mobile { position: relative; padding: 0; }
.ctn-fotos-mobile { display: none; }

/*----------- galeria options ----------*/
.box-options_gal    { padding: 8px 15px 8px 15px; border-radius: 4px; left: 50%; -webkit-transform: translateX(-50%);transform: translateX(-50%); background: rgba(0,0,0,0.4); position: absolute; bottom: 50px; }
.text-options  { margin: 0 !important; color: white; font-size: 16px; text-align: center; }
.text-legenda   { margin-left: 10px; font-size: 12px; color: rgba(255,255,255,0.7); font-weight: 100; }
.btn-fullscreen_mode .fa { cursor: pointer; margin-left: 10px; color: white; font-size: 18px; -webkit-transition: 0.3s; transition: 0.3s; }
.btn-fullscreen_mode .fa:hover { opacity: 0.5; -webkit-transition: 0.3s; transition: 0.3s; }

.box-galeria    { margin-top: 80px; width: 100%; padding-left: 200px; padding-right: 200px; box-sizing: border-box; }
.box-galeria_imovel    { display: inline-block; width: 100%; box-sizing: border-box; }
.wrpp-gal_maior { width: 100%; height: 385px; }

.wrapp-img-maior    { outline: none !important; padding: 35px; border: 1px solid #DDDDDD; background-color: #EEEEEE; width: 100%; height: 100%; }
.img-gal_maior  { width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.wrapp-img-menor    { outline: none !important; padding: 10px; border: 1px solid #DDDDDD; background-color: #EEEEEE; float: left; width: 157px; height: 100px !important; margin-left: 7.5px; margin-right: 7.5px; }
.img-gal_menor  { width: 100%; height: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; }

.img_img-gal_maior { display: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 100%; }
.slick-list, .box-gal_maior .slick-track { height: 100% !important;  }
.container-gal_maio     { width: 100%; height: 100%; position: relative; }
.box-gal_maior  { width: 100%; height: 100%; }
.box-gal_menor  { width: 100%; box-sizing: border-box; padding-left: 50px; padding-right: 50px; margin-top: 20px; height: 25%; float: left; }

.prod-detal-container   { width: 85%; margin: 0 auto; }
/* -------------------- Galeria Fullscreen -----------------*/
.fullscreen-box_gal { display: none; text-align: center; box-sizing: border-box; position: fixed; padding: 55px; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); }
.content-gal    { height: 100%; position: relative; display: inline-block; margin: 0 auto; }
.content-gal  img  { max-height: 100%; max-width: 100%; }
.content-gal .slick-track   { height: 100% !important; }

.arrow-left { display: block; text-align: center !important; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); }
.arrow-left .fa { position: absolute; color: white; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-left:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.arrow-right { display: block; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); }
.arrow-right .fa { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-right:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.close-gal  { display: block;  position: absolute; cursor: pointer; top: 20px; right: 20px; width: 25px; height: 25px; background: rgba(0,0,0,0.1); }
.close-gal .fa { position: relative; color: white; font-size: 28px; -webkit-transition: 0.2s; transition: 0.2s; }
.close-gal:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

/* ------------------------------------------------------- */

.wrapp-galeria  { position: relative; float: left; margin-bottom: 30px; width: 33.33333333333333%; padding: 0 15px; }
.wrapp-foto  { position: relative; float: left; margin-bottom: 30px; width: 33.33333333333333%; padding: 0 15px; }
.box-galeria-pg, .box-foto    { position: relative; display: block; cursor: pointer; overflow: hidden; width: 100%; }
.box-galeria-pg    { height: 230px;  }
.box-foto    { height: 190px;  }
.box-galeria-pg:after, .box-foto:after  {
    position: absolute;
    height: 100%;
    border-radius: 4px;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 50%,#000 100%);
    content: '';
    opacity: .7;
    transition: opacity .3s; }
.galeria-texts  { transition: 0.3s; -webkit-transition: 0.3s; left: 0; position: absolute; bottom: 0; z-index: 3; padding: 7px 20px; width: 100%; }
.galeria-texts .title-gal { text-align: center; text-shadow: 0 1px 1px #000; font-weight: bold; font-size: 30px; color: white; }
.img-gal    { width: 100%; height: 100%; position: absolute; transition: 0.4s; -webkit-transition: 0.4s; left: 50%; top: 50%; transform: translate(-50%,-50%); background-size: cover !important; }
.box-galeria-pg:hover  .img-gal, .box-foto:hover  .img-gal  { -ms-filter: blur(3px); -webkit-filter: blur(3px); -o-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px); width: 108%; height: 108%; transition: 0.4s; -webkit-transition: 0.4s; }
.box-galeria-pg:hover:after, .box-foto:hover:after  { transition: opacity .4s; -webkit-transition: opacity .4s; opacity: .9; background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 20%,#000 100%) }
.box-galeria-pg:hover .galeria-texts { transition: 0.3s; -webkit-transition: 0.3s; bottom: 20px; }

.box-galeria-pg .fa-search, .box-foto .fa-search { position: absolute; opacity: 0; z-index: 4; color: white; font-size: 44px; transition: 0.3s; -webkit-transition: 0.3s; top: 101%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.box-galeria-pg:hover .fa-search, .box-foto:hover .fa-search { top: 50%; text-shadow: 0 1px 1px #000; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transition: 0.3s; -webkit-transition: 0.3s; opacity: .9; }


.back-18anos { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url('../img/_layout/fundo_18.jpg') center center no-repeat; background-size: cover; }
.logo-box-18anos { position: relative; background: white; padding: 30px 10px; display: inline-block; float: left; border-radius: 16px; box-shadow: 0 8px 20px 2px rgba(0,0,0,.15); }
.q-box-18anos { position: relative; height: 170px; text-align: center; background: white; padding: 30px 45px; margin-left: 10px; display: inline-block; float: left; border-radius: 16px; box-shadow: 0 8px 20px 2px rgba(0,0,0,.15); }
.wrapper-18anos section{ display: inline-block; }
.q-box-18anos p { text-align: center; line-height: 29px; font-family: Arial, sans-serif; color: #6B2700; font-size: 29px; }
.wrapper-18anos { position: absolute; text-align: center; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.btn-sim { transition: .3s; margin-top: 5px; display: inline-block; background: #30A805; color: white !important; text-decoration: none !important; font-family: Arial, sans-serif; font-size: 21px; padding: 2px 15px; border-radius: 5px; text-align: center; }
.btn-sim:hover { transition: .3s; cursor: pointer; background: #2e9d05; box-shadow: 0 8px 20px 2px rgba(0,0,0,.15); }
.btn-nao { display: inline-block; margin-top: 5px; transition: .3s; margin-left: 30px;  background: #C40909; color: white !important; text-decoration: none !important; font-family: Arial, sans-serif; font-size: 21px; padding: 2px 15px; border-radius: 5px; text-align: center; }
.btn-nao:hover { transition: .3s; cursor: pointer; background: #aa0909; box-shadow: 0 8px 20px 2px rgba(0,0,0,.15); }

@media (max-width: 910px) {
    .wrapper-18anos { width: 90% !important; margin-left: auto !important; margin-right: auto!important; }
}
@media (max-width: 520px) {
    .logo-box-18anos { width: 100%; float: none !important; text-align: center; margin-bottom: 20px; }
    .q-box-18anos { width: 100% !important; height:  auto !important; float: none !important; margin-left: 0 !important; }
}

@media (max-height: 360px) {
    .wrapper-18anos { position: relative !important;}
}


.ctn-slider-prods { padding-bottom: 65px; background: url('../img/_layout/fundo_slider_prods.png') top center no-repeat; background-size: cover; }
.ctn-foot { padding: 90px 0; background: url('../img/_layout/fundo_footer.png') top center no-repeat; background-size: cover; }

.group-img-prods-s img { max-width: 100%; }
.box-left-slider-p { position: relative; float: left; width: 50%; margin-top: 80px; }
.box-right-slider-p { float: left; padding-left: 60px; box-sizing: border-box; width: 50%; margin-top: 360px; }
.img--it-1 { position: absolute; width: 507px; height: 357px; top: 50%; left: 50%; transform: translate(75%,-105%); -webkit-transform: translate(75%,-105%); background: url('../img/_layout/img_it_1.png') center center no-repeat; background-size: contain; }
/*.img--it-1 { position: absolute; opacity: 0; width: 507px; height: 357px; top: 50%; left: 50%; transform: translate(50%,50%); -webkit-transform: translate(50%,50%); background: url('../img/_layout/img_it_1.png') center center no-repeat; background-size: contain; }*/
.img--it-2 { position: absolute; width: 329px; height: 248px; top: 50%; left: 50%; transform: translate(-160%,100%); -webkit-transform: translate(-160%,100%); background: url('../img/_layout/img_t_2.png') center center no-repeat; background-size: contain; }

.box-left { position: relative; float: left; width: 50%; }
.box-right { position: relative; float: left; width: 50%; }

.img-contato { position: relative; margin-top: 70px; }

input { color: white !important; font-family: "geomanistregular", Sans-Serif; font-size: 16px; }
input::placeholder, textarea::placeholder { color: white; font-size: 16px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: white; font-size: 16px; }

.wrapp-btn-contato  { text-align: center; }
.subtitle-foot { font-family: "geomanistregular", Sans-Serif; font-weight: bold; font-size: 13px; text-align: left ; color: white; }
.box-it-footer img { float: left; margin-right: 15px; }
.box-it-footer { float: left; margin: 0 25px; margin-top: 25px !important; }

.link-foot { text-align: left; display: block; color: white; margin-top: 5px; text-decoration: none !important; transition: .3s; -webkit-transition: .3s; line-height: 32px; font-family: "geomanistregular", Sans-Serif; font-size: 13px; color: white;  }
.link-foot:hover { color: #17874B !important; transition: .3s; -webkit-transition: .3s; }
.link-foot .fa { font-size: 32px; margin-right: 18px; }
.link-foot span { position: relative; top: -7px; display: inline-block; line-height: 38px; }

.wrapp-prod { width: 50%; float: left; padding: 0 70px; margin-bottom: 110px; }
.title-prod { font-family: 'Keep Calm Med', sans-serif; font-size: 26px; color: #3D2713; text-align: left; }
.text-prod { font-family: 'Androgyne', sans-serif; color: rgba(61, 39, 19, 0.6); font-size: 16px; text-align: justify; }
.img-prod  { width: 100%; height: auto; text-align: center; margin-bottom: 25px;  transition: .4s; }
.img-prod  img { position: relative; max-width: 100%; }

.img-icones-prod { max-width: 100%; margin-bottom: 15px; }

.ctn-produtos { padding: 60px 0; }
.box-title-pg { width: 100%; box-sizing: border-box; padding: 0 70px; }

.text-default-sobre p, .text-default-sobre { font-family: 'Androgyne', sans-serif; color: rgba(61, 39, 19, 0.6); font-size: 16px; }
.text-default-sobre img { max-width: 100%; display: inline-block; }

.input-erro { position: relative; border: 2px solid red !important; }
.input-erro:before { position: absolute; display: block; padding-left: 25px !important; content: 'campo incorreto'; right: -2px; border-bottom-left-radius: 2px; font-family: "geomanistregular", sans-serif !important;
    color: white;
    font-size: 13px; background: url('../img/_layout/info.svg') red 6px center no-repeat; background-size: 14px; padding: 0 15px; height: 20px; top: 0; }
.ctn-biergarten { position: relative; background: #e9d1aa; padding: 65px 0 200px 0; }
.ctn-biergarten:after { position: absolute; background: url('../img/_layout/bandeirinhas.png') center center repeat-x; content: ' '; display: block; width: 100%; height: 200px; bottom: -100px; }
.title-page-german-font { font-family: "Encient German Gothic", sans-serif; color: #5c5243; font-size: 122px; }
.text-biergarten { font-family: "NewsGoth Cn BT", sans-serif; text-align: justify; color: #5c5243; font-size: 26px; }

.box-img-video { position: relative; z-index: 2; width: 70%; box-sizing: border-box; padding-right: 30px; float: left; }
.play-btn { position: absolute; cursor: pointer; max-width: 100%; top: 50%; transition: .4s; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: 289px; height: 218px; }
.play-btn:hover { transition: .4s; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(1.1) !important; -webkit-transform: translate(-50%,-50%) scale(1.1) !important; }
.thumbnail-vid { }
.box-infs-video { position: relative; z-index: 1; width: 30%; float: left; margin-top: 60px; }
.titulo-vid { font-family: "NewsGoth Cn BT", sans-serif; margin-bottom: 25px; line-height: 36px; font-size: 40px; color: #5c5243; }
.text-vid { font-family: "NewsGoth Cn BT", sans-serif; line-height: 28px; text-align: justify; font-size: 24px; color: #5c5243; }

.ctn-biergarten-infs { padding: 90px 0; background: #e9d1aa; }
.text-inf-biergarten { text-align: center; font-family: "NewsGoth Cn BT", sans-serif; margin-bottom: 50px; font-size: 20px; color: #2a4735; }
.it-slide-fotos { text-align: center; outline: none !important; }
.item-foto-bg { position: relative; width: 210px; height: 210px; display: inline-block; cursor: pointer; margin: 10px; box-shadow: 0 1px 8px 2px rgba(0,0,0,.22); transition: .25s; }
.item-foto-bg:hover { transform: scale(1.1); transition: .3s; }
.ctn-back-fotos { position: absolute; bottom: 0; left: 0; width: 100%; height: 33.33333333333333%; background: #e9d1aa; }

/* --- videos --- */
.y-img  { width: 100%; height: 180px; margin-bottom: 20px; }
.y-img_lat  { width: 50%; float: left; height: 180px; margin-bottom: 20px; }
/*.thumbnail-vid  { position: relative; width: 100%; height: 100%; }*/
.title-vid  { font-family: bebas_neueregular, sans-serif; font-size: 30px; margin-top: 15px; color: #999999; }
.text-parcs { margin: 0 auto; font-family: Arial, sans-serif; width: 65%; color: #999999; text-align: center; margin-top: 40px; }
.text-cont { margin: 0 auto; font-family: Arial, sans-serif; width: 65%; color: #999999; text-align: center; margin-top: 40px; }

.yt-bg--p   { display: none; position: fixed; padding-left: 180px; padding-top: 100px; padding-bottom: 100px; padding-right: 200px;  z-index: 999; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0,0,0,0.95); }
.yt-box-close { position: absolute; right: 50px; top: 40px; color: white; font-size: 30px; cursor: pointer; transition: 0.2s; -webkit-transition: 0.2s; }
.yt-box-close:hover { color: white; opacity: 0.5; transition: 0.2s; -webkit-transition: 0.2s; }
.yt-content { width: 100%; height: 100%; }
.box-play   { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; position: absolute; background: url('../img/_layout/play-button.png') center center no-repeat; background-size: contain; }

.btn-contato { position: relative; background: #23abe2; color: white !important; text-align: center; cursor: pointer; display: inline-block; margin: 0 auto !important; text-decoration: none !important; font-family: "NewsGoth Cn BT", sans-serif; padding: 13px 25px; font-size: 32px; transition: .3s; }
.btn-contato:before { position: absolute; width: 100%; top: 0; left: 0; display: block; content: ' '; background: url('../img/_layout/losango.png') center center repeat-x; height: 10px; }
.btn-contato:after { position: absolute; width: 100%; bottom: 0; left: 0; display: block; content: ' '; background: url('../img/_layout/losango.png') center center repeat-x; height: 10px; }
.btn-contato:hover { background: #238fc3; transition: .3s; }

.box-prod:hover .img-prod { transform: scale(1.1); transition: .4s; }

/* -------------------- Galeria Fullscreen -----------------*/
.fullscreen-box_gal { display: none; text-align: center; position: fixed; padding: 55px; z-index: 99999; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.95); }
.content-gal    { height: 100%; position: relative; display: inline-block; margin: 0 auto; }
.content-gal .slick-track   { height: 100% !important; }

.arrow-left { display: block; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); z-index: 2; }
.arrow-left .fa { position: relative; color: white; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-left:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.arrow-right { display: block; cursor: pointer; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 50px; height: 50%; background: rgba(0,0,0,0.1); z-index: 2; }
.arrow-right .fa { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: white; font-size: 36px; -webkit-transition: 0.2s; transition: 0.2s; }
.arrow-right:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }

.close-gal  { display: block; z-index: 2; position: absolute; cursor: pointer; top: 20px; right: 20px; width: 25px; height: 25px; background: rgba(0,0,0,0.1); }
.close-gal .fa { position: relative; color: white; font-size: 28px; -webkit-transition: 0.2s; transition: 0.2s; }
.close-gal:hover .fa { opacity: 0.5; -webkit-transition: 0.2s; transition: 0.2s; }



/**************************\
  Basic Modal Styles
\**************************/

.modal {
    font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
  }
  
  .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 500px;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
  }
  
  .modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
  }
  
  .modal__close {
    background: transparent;
    border: 0;
  }
  
  .modal__header .modal__close:before { content: "\2715"; }
  
  .modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
  }
  
  .modal__btn {
    font-size: 1.0rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0,0,0,.8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    outline: none !important;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0 auto;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
  }
  
.modal__footer {
    width: 100%;
    display: flex;
    justify-content: center;
}
  
  .modal__btn:focus, .modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  
  .modal__btn-primary {
    background-color: #00449e;
    color: #fff;
  }
  
  
  
  /**************************\
    Demo Animation Style
  \**************************/
  @keyframes mmfadeIn {
      from { opacity: 0; }
        to { opacity: 1; }
  }
  
  @keyframes mmfadeOut {
      from { opacity: 1; }
        to { opacity: 0; }
  }
  
  @keyframes mmslideIn {
    from { transform: translateY(15%); }
      to { transform: translateY(0); }
  }
  
  @keyframes mmslideOut {
      from { transform: translateY(0); }
      to { transform: translateY(-10%); }
  }
  
  .micromodal-slide {
    display: none;
  }
  
  .micromodal-slide.is-open {
    display: block;
  }
  
  .micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
  }
  
  .micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
  }
  
  .micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
  }
  
  .micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
  }
  
  .micromodal-slide .modal__container,
  .micromodal-slide .modal__overlay {
    will-change: transform;
  }