/*
Theme Name: Default
Theme URI: http://agenciasalt.com.br
Author: Yago Duarte
Author URI: http://fb.com/sledgh
Description: Tema default
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain:
*/


/* GERAIS */
body {
  /* VARIAVEIS BODY */
  --corDestaque: #7c345f;
  --corDestaqueOp: #7c345ff2;
  --corDestaqueDark: #5f1b44;
  --corUm: #605b5d;
  --corDois: #fff;
  --corDoisOp: #ffffffb3;
  --corTres: #484848;
  --bgUm: #fff;
  --bgDois: #838383;
  --bgTres: #7c345f;
  --bgDoisOp: #4848484d;
  --bgTresOp: #7c345f99;
  --bgQuatroOp: #333333b3;
  --bgQuatroOpOut: #3333334c;
  --bgQuatro: #f7f7f7;
  margin:0; font-family: 'Open Sans', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
a { text-decoration:none; color: var(--corUm);}
img { border:0; vertical-align:top;}
.responsive{ display: none;}
.menuResp{ padding: 1px 5px; margin: -1px 15px 0 0; color: var(--bgDois); padding: 5px; font-size: 30px;}
.inverseResp{ display: flex;}
.center{ width: 85%; margin: 0 auto;}
.ll { float: left; width: 50%; height: 100%;}
.rr { float: right; width: 50%; height: 100%; }
.bigode p:last-child { -webkit-margin-before: 0; -webkit-margin-after: 6em; color: var(--corTres);}
.titulo { font-size: 50px; -webkit-margin-after: 0; text-transform: uppercase; color: var(--corTres);}
.bgColor{ width: 100%; height: 100%; display: table; background-color: var(--bgDoisOp); transition: all 0.15s ease-out;}/*ESCURECER*/
.btn { cursor: pointer; padding: 12px 80px; font-weight: 100; text-transform: uppercase; transition: all 0.2s ease-out; background-color: var(--corDestaque); color: var(--corDois); margin-top: 30px; display: inline-block;}
.btn:hover{ background-color: var(--corUm); color: var(--bgUm);}
.flex{ display: flex!important;}
.table{ display: table!important;}
.block{ display: block!important;}
.none{ display: none!important;}
.btnClose{ color: var(--corDois); cursor: pointer; font-size: 40px!important; right: 5%; top: 5%; position: absolute; transition: all 0.15s ease-out;}
#closeSearch{ background-color: transparent; z-index: 999; width: 100vw; height: 100vh; position: fixed; display: none;}
  /*PAGINAÇÃO*/
  .paginas{ text-align: center; margin: 40px 0; padding: 10px;}
  .wp-paginate a { transition: all 0.1s ease-out; background: var(--corDestaque); border: none; color: var(--corDois); margin-right: 4px; padding: 15px 20px; font-size: 18px; text-align: center; text-decoration: none; margin: 0 3px;}
  .wp-paginate .current { color: var(--corDois); background: var(--corDestaqueDark); border: none; margin: 0 3px; margin-right: 3px; font-size: 18px; padding: 15px 20px;}
  .wp-paginate a:hover, .wp-paginate a:active { background: var(--corDestaqueDark); color: var(--bgQuatro);}

/*HOME*/
.bannerHome{ width: 100%;}
.bannerHome .ll{ background-color: var(--corDestaque); color: white; height: 80vh;}
.bannerHome .rr{ color: white; background-size: cover; height: 80vh;}
.bannerHome .ll p{ -webkit-margin-after: 2em; font-weight: 500; font-size: 14px; width: 80%;}
.bannerHome .ll h1{ text-transform: uppercase;}
.btnWhite{ transition: all 0.2s ease-out; background-color: white; color: var(--corDestaque); padding: 8px 30px; font-size: 16px;}
.btnWhite:hover{ background-color: var(--corUm); color: var(--corDois);}
.enfeite{ border-radius: 50%; background-color: var(--corDestaque); width: 60vw; height: 100vh; opacity: .12; position: absolute; margin-top: -50vh; margin-left: -20vw;     color: var(--corDois); z-index: -9;}
.logoEffect{ margin-top: -120px; max-width: 400px; position: absolute; right: 2%;}
  /* CTA */
  .cta{ height: 50vh; color: var(--corTres); width: 100%;}
  .cta p{ width: 60%; margin: 4em auto;}

/* HEADER */
.blockSpace{ padding: 70px 0; background-color: white; width: 100%;}
header { padding: 45px 0; box-shadow: 0px 2px 15px 1px rgba(0, 0, 0, 0.2); z-index: 99; position: fixed; background-color: white; width: 100%; top: 0;}
header div{ display: flex;}
header ul{ list-style: none;display: flex; -webkit-margin-before: 0; -webkit-margin-after: 0; -webkit-padding-start: 0;}
header ul li{ padding: 5px; margin: 10px 5px;}
header a{ padding: 2px 5px 0px 5px; font-weight: 600; text-transform: uppercase; transition: all 0.1s ease-out; white-space: nowrap;}
header a:hover{ color: var(--corDestaque); cursor: pointer;}
.logo{ height: 50px; margin-right: 50px;}
.icons { float: right;}
.icons a{ margin: 7px 2px; font-size: 18px; font-weight: 100;}
.search{  margin-right: 20px!important;}
.telefone{ background-color: var(--corDestaque); color: white; font-weight: 100; font-size: 16px; padding: 14px 20px; white-space: nowrap; margin: 0 25px;}
.telefone:hover{ background-color: var(--corTres); font-weight: 600; color: var(--corDois);}
.btnCTA{ position: absolute; color: var(--corDois); background-color: var(--corDestaque); font-weight: 100; -webkit-margin-before: 0; -webkit-margin-after: 0;
    display: inline-block; width: 20%; text-align: center; padding: 10px 0; margin: 45px 0 0 70%;}
.btnCTA:hover{ background-color: var(--corTres); font-weight: 600; color: var(--corDois);}
#searchformHeader { position: fixed; z-index: 999; top: 0; width: 100%; background-color: var(--corDestaque); padding: 52px; display: none;}
#searchformHeader input[type="text"] { padding-left: 3%; background-color: transparent; border: none; outline: none; width: 90%; font-size: 30px; color: var(--corDois);}
#searchformHeader input[type="text"]::placeholder { color: var(--corDoisOp);}
#searchformHeader input[type="text"]:-ms-input-placeholder { color: var(--corDoisOp);}
#searchformHeader input[type="text"]::-ms-input-placeholder { color: var(--corDoisOp);}
#searchformHeader input[type="submit"] { font-size: 30px; width: 30px;background-color: transparent; border: none; outline: none;}
#searchformHeader input[type="submit"]:hover { cursor: pointer;}
#searchformHeader span { position: relative; }
#searchformHeader span:after { font-size: 30px; font-family: FontAwesome; content: "\f002"; position: absolute; right: 2px; top: 5px; pointer-events: none; color: var(--corDois);}

/* CTA */
.CTA{ position: fixed; background-color: var(--corDestaqueOp); width: 95vw; top: 2.5vh; left: 2.5vw; z-index: 99; display: none; height: 95vh; overflow: hidden;}
.btnCloseCTA:hover{ cursor: pointer;}
.formCTA{ margin: 0; padding: 60px; display: table-cell; vertical-align: middle;}
.formCTA .bigode p:last-child{ color: var(--corDois); width: 30%; margin: 0em auto 4em auto;}
.formCTA .titulo{ color: var(--corDois);}
.formCTA input, .formCTA textarea{ border: 2px solid var(--corDois)!important; color: var(--corDois); background-color: transparent; padding: 25px 10px; width: 100%; font-size: 16px; outline: none;}
.formCTA textarea{ height: 20px;}
.formCTA input[type=submit]{ background-color: var(--corDois); border: none!important; color: var(--corDestaque); width: unset; padding: 25px 50px;}
.formCTA input[type=submit]:hover{ background-color: var(--bgDois); cursor: pointer; color: var(--corDois);}
.formCTA .duplo{ display: flex;}
.formCTA input::placeholder, .formCTA textarea::placeholder{ color: var(--corDoisOp);}
.formCTA input:-ms-input-placeholder, .formCTA textarea::placeholder{ color: var(--corDoisOp);}
.formCTA input::-ms-input-placeholder, .formCTA textarea::placeholder{ color: var(--corDoisOp);}
.wpcf7 { text-align: left;}

/* FOOTER */
.ctaFooter{ padding: 40px 0; background-color: var(--corDestaque); color: var(--corDois);}
.ctaFooter .center div{display: inline-flex; }
.ctaFooter div{text-align: center; }
.ctaFooter h1{ -webkit-margin-after: 0; -webkit-margin-before: 0.35em;}
.ctaFooter .btn{ background-color: var(--bgUm); color: var(--corUm); display: table; font-weight: 700; margin: 0.67em 0 0 100px;}
.ctaFooter .btn:hover{ cursor: pointer; background-color: var(--corUm); color: var(--bgUm);}
.subFooter p{ font-size: 20px; color: var(--corUm);}
.subFooter i{ color:var(--corDestaque); margin-right: 15px; font-size: 20px; transition: all 0.15s ease-out;}
.subFooter i:hover{ color: var(--corUm);}
.fraseContato{ margin: 60px 0;}
.subFooter .contatos{ width: 70%; text-align: left; margin: 0 auto;}
.logoSubFooter{ min-height: 100px;}
.socialIcons{ margin-left: 30px;}
.socialIcons a{ transition: all 0.2s ease-out;}
.socialIcons a:hover{ color: var(--corUm);}
.formFooter input, .formFooter textarea{ border: 2px solid var(--corDestaque); padding: 20px 10px; width: 100%; font-size: 16px; outline: none;}
.formFooter textarea{ height: 20px;}
.formFooter input[type=submit]{ background-color: var(--corDestaque); border: none; color: var(--corDois); width: unset; padding: 15px 30px;}
.formFooter input[type=submit]:hover{ background-color: var(--corUm); cursor: pointer;}
.formFooter .duplo{ display: flex;}
.duplo span{ width: 50%;}
.duplo span:first-child{ margin-right: 20px;}
.duplo span:last-child{ margin-left: 20px;}
.duplo span{ width: 50%;}
.footer{ background-color: var(--corDestaque); text-align: center; color: var(--corDois); padding: 30px 0; font-size: 14px; font-weight: 100;}
.footer a{ color: var(--corDois); transition: all 0.15s ease-out;}
.footer a:hover{ color: var(--bgDois);}
.logoFooter { position: absolute; right: 5%; margin-top: 20px; opacity: 0.5;}
.logoFooter img{ width: 80px;}

/* CONTATO */
.logoPagContato { margin: 0 auto; display: block;}
.contatoDados { margin: 0 auto; display: table;}
.formPagContato{ display: inline-block; width: 100%; margin-top: 10vh;}
.contatosPagContato{ width: 60%!important;}
.formPagContato input, .formPagContato textarea{ border: 2px solid var(--corDestaque); padding: 20px 10px; width: 100%; font-size: 16px; outline: none;}
.formPagContato textarea{ height: 20px;}
.formPagContato input[type=submit]{ background-color: var(--corDestaque); border: none; color: var(--corDois); width: unset; padding: 15px 30px;}
.formPagContato input[type=submit]:hover{ background-color: var(--corUm); cursor: pointer;}
.formPagContato .duplo{ display: flex;}

/* SOBRE */
.sobre{ height: 80vh; color: var(--corTres); margin-bottom: 200px;}
.sobre .box{ text-align: left; width: 80%; margin: 0 auto;}
.sobre .box p{ font-size: 18px; line-height: 25px; -webkit-margin-before: 0; -webkit-margin-after: 0;}
.sobre .box .ll { height: 50vh; box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.2); background-size: cover; width: calc(50% - 40px); background-position: center 30%;}
.sobre .box .rr{ height: 40vh; width: calc(50% - 20px); padding: 20px;}

/*OUTROS1*/
.outros1{ height: 100vh; color: var(--corTres); width: 100%; position: relative; overflow: hidden;}
.outros1 .box3{ text-align: left; width: 90%; margin: 0 auto; display: flex;}
.outros1 .box3 .ll { height: 55vh; width: calc(33.33% - 20px); padding: 10px; overflow: hidden;}
.outros1 .box3 .rr{ height: 55vh; width: calc(33.33% - 20px); padding: 10px; overflow: hidden;}
.outros1 .box3 .mid{ height: 55vh; width: calc(33.33% - 20px); padding: 10px; overflow: hidden;}
.outros1 a{ background-size: cover; background-position: center; width: 100%; display: block; height: 100%; text-align: center;}
.outros1 a:hover .bgColor{ background-color: var(--bgTresOp); }
.outros1 .bgColor h1{ display: table-cell; vertical-align: middle; color: var(--corDois); text-transform: uppercase;}

/*OUTROS2*/
.outros2{ background-color: var(--bgQuatro); height: 100vh; color: var(--corTres); width: 100%;}
.outros2 .box{ display: flex;}
.outros2 .ll a .size{ margin: 20px; height: 52vh; overflow: hidden; background-size: cover;}
.outros2 .rr a .size{ margin: 20px; height: 25vh; overflow: hidden; background-size: cover;}
.outros2 a .bgColor{ background-color: var(--bgQuatroOp); position: relative;}
.outros2 a:hover .bgColor{ background-color: var(--bgQuatroOpOut);}
.outros2 .bgColor h1{ color: var(--corDois); position: absolute; bottom: 0; width: 80%; text-align: left; padding: 0 10%;}


/*BLOG*/
.blog{ height: 100vh; color: var(--corTres); width: 100%; position: relative; overflow: hidden; display:flex;}
.blog .box3{ width: 80%; text-align: left; margin: 0 auto; display: inline-block;}
.blog .box3 .ll { height: 50vh; width: calc(33.33% - 20px); padding: 10px; overflow: hidden;}
.blog .box3 .rr{ height: 50vh; width: calc(33.33% - 20px); padding: 10px; overflow: hidden;}
.blog .box3 .mid{ height: 50vh; width: calc(33.33% - 20px); padding: 10px; overflow: hidden;}
.blog .post{ background-size: cover; width: 100%; display: block; height: 60%; text-align: center; background-position: center; filter: contrast(100%); -webkit-filter: brightness(100%); transition: all 0.15s ease-out;}
.blog .bgColor{ background-color: var(--bgDois); height: 40%; transition: all 0.15s ease-out;}
.blog .bgColor .conteudo{ display: table-cell; vertical-align: middle; width: 90%; padding: 3%; color: var(--corDois);}
.blog .bgColor .conteudo a{ color: var(--corDois);}
.blog .bgColor .conteudo h3{ -webkit-margin-before: 0; text-transform: uppercase; font-weight: 600; font-size: 20px;}
.blog .bgColor .conteudo p{ font-weight: 100;}
.blog .post:hover{ filter: contrast(110%); -webkit-filter: brightness(110%);}
.posts{ width: 100%;}

/*SIDEBAR*/
.sidebar{ width: 30%; margin-left: 40px;}
.crm{ font-size: 14px; font-weight: 100;text-align: center; background-color: var(--corDestaque); color: var(--corDois); padding: 15px;}
.imgCrm{ border-radius: 50%; background-size: cover; width: 85%; height: 0; padding-bottom: 85%; margin: 20px auto;}
.crm h2{ -webkit-margin-after: 0;}
.crm p{ -webkit-margin-before: 0; font-weight: 400;}
.pesquisaBlog{ margin: 20px 0;}
.categoriasBlog{ overflow: hidden; background-color: var(--corDestaque);}
.categoriasBlog ul{ list-style: none; color: var(--corDois); padding: 15px; text-align: center; margin: 20px 0;}
.categoriasBlog .titulo{ color: var(--corDois); font-size: 20px; font-weight: 700;}
.categoriasBlog li{ padding: 10px 0;}
.categoriasBlog li a{ color: var(--corDois);}

/*SEARCH FORM*/
#searchform { background-color: var(--corDestaque); padding: 15px; display: flex;}
#searchform input[type="text"] { background-color: transparent; border: none; outline: none; width: 100%; color: var(--corDois);}
#searchform input[type="text"]::placeholder { color: var(--corDoisOp);}
#searchform input[type="text"]:-ms-input-placeholder { color: var(--corDoisOp);}
#searchform input[type="text"]::-ms-input-placeholder { color: var(--corDoisOp);}
#searchform input[type="submit"] { background-color: transparent; border: none; outline: none;}
#searchform span { position: relative; }
#searchform span:after { font-family: FontAwesome; content: "\f002"; font-size: 13px; position: absolute; right: 2px; top: 5px; pointer-events: none; color: var(--corDois);}

/*REDES SOCIAIS*/
.redSociais{ background-color: var(--corDestaque); position: relative; margin: 5% 0;}
.redSociais .ll { height: auto;}
.redSociais .ll .titulo{ color:var(--corDois); -webkit-margin-before: 0;}
.redSociais .ll .bigode{ -webkit-margin-after: 4em; color:var(--corDois);}
.redSociais .ll iframe{ margin: 0 auto;}
.instagramImg{ position: absolute; background-size: cover; background-repeat: no-repeat; bottom: 0; right: 15%; width: 460px; height: 600px;}
.instagram{ overflow: auto; overflow-x: hidden; width: 232px; height: 413px; margin: 72px 0px 0px 85px; transform: rotate(6.8deg);}
.headerInsta{ border-bottom: 1px solid var(--bgDois); margin-bottom: 20px; padding: 10px; position: relative; display: flex;}
.perfilInsta{ border-radius: 50%; width: 60px; height: 40px; padding: 12px 2px; border: 1px solid var(--bgDois);}
.btnInsta{ background-color: var(--corDestaque); width: calc(100% - 10px); display: table; margin: 8px 0 0 0; text-align: center; border-radius: 4px; font-size: 14px;
          color: var(--corDois); padding: 3px;}
.linkFotoInsta{ width: calc(33.33% - 2px); float: left; margin: 1px; position: relative; height: 75px; overflow: hidden;}
.fotoInsta{ width: 100%; object-fit: cover; height: 100%;}

/*PAGINA UM*/
.sidePagUm{ width: 50%; margin-right: 40px; background-color: var(--corDestaque); overflow: hidden; padding: 40px 0;}
.sidePagUm ul { margin: 5px 20px; list-style: none; -webkit-padding-start: 0px;}
.sidePagUm ul li { color: var(--bgQuatro); padding: 20px 20px; transition: all 0.15s ease-out;}
.sidePagUm ul a{ color: var(--bgQuatro);}
.sidePagUm ul a:hover li { background-color: var(--corDestaqueDark);}
.sidePagUm .ativo{ background-color: var(--corDestaqueDark);}
.conteudoPagUm { background-color: var(--bgQuatro); padding: 30px; width: 100%;}
.conteudoPagUm .imagem{ background-size: cover; width: 100%; height: 40vh; margin: 40px 0; background-position: center;}
.conteudoPagUm p{ padding: 0 30px; line-height: 36px;}

/*PAGINA DOIS*/
.PagDois ul{ list-style: none; display: flex; margin: 0 auto; display: inline-flex; -webkit-padding-start: 0px;}
.PagDois ul li::after{ content: '/'; margin: 0 3px;}
.PagDois ul li:last-child::after{ content: '';}
.conteudoPagDois{ overflow: hidden;}
.postPagDois { background-size: cover; height: 50vh; width: calc(50% - 80px); float: left; margin: 40px; background-position: center; position: relative;}
.postPagDois:hover .bgColor{ background-color: transparent;}
.postPagDois .titulo { position: absolute; color: var(--corDois); padding: 40px; font-size: 30px; font-weight: 600; bottom: 0;}
.current-cat a{ font-weight: 700; color: var(--corDestaque);}

/*SINGLE*/
.single{ text-align: center; width: 90%;}
.single .postImg { height: 50vh; background-size: cover; background-position: center;}
.single .titulo { font-size: 30px;}
.single .content { color: var(--corTres); text-align: left; font-size: 20px;}
.singleBlog { background-color: var(--bgQuatro); padding: 40px 60px;}
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}
.heateor_sss_sharing_container{ padding: 60px 0 20px 0;}

/*404 NUKUN*/
.link { outline: none; text-decoration: none; position: relative; font-size: 10em; line-height: 1; color: #9e9ba4; display: inline-block;}
.link--nukun { color: var(--corUm); font-weight: 900; text-transform: uppercase; overflow: hidden; padding: 10px 0; -webkit-transition: color 0.3s; transition: color 0.3s;}
.link--nukun:hover { color: var(--corUm);}
.link--nukun::before, .link--nukun::after {content: ''; position: absolute; width: 30%; height: 5px; background: var(--corUm); bottom: 0; left: 35%; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1); }
.link--nukun::after { background: var(--corDestaque); -webkit-transform: translate3d(-300%,0,0) scale3d(0,1,1); transform: translate3d(-300%,0,0) scale3d(0,1,1);}
.link--nukun:hover::before { -webkit-transform: translate3d(300%,0,0) scale3d(0,1,1); transform: translate3d(300%,0,0) scale3d(0,1,1);}
.link--nukun:hover::after { -webkit-transform: translate3d(0,0,0) scale3d(1,1,1); transform: translate3d(0,0,0) scale3d(1,1,1);}
.link--nukun span { color: var(--corUm); display: inline-block; position: relative; -webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg); transform: perspective(1000px) rotate3d(0,1,0,0deg);
	-webkit-transition: -webkit-transform 0.5s, color 0.5s; transition: transform 0.5s, color 0.5s; -webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1); transition-timing-function: cubic-bezier(0.2,1,0.3,1);}
.link--nukun:hover span { color: var(--corDestaque); -webkit-transform: perspective(1000px) rotate3d(0,1,0,180deg); transform: perspective(1000px) rotate3d(0,1,0,180deg);}

/* RESPONSIVES */
/* DESKTOPS GRANDES */
@media screen and (max-width: 1600px) {
  header a { padding: 6px 5px 0px 5px; font-size: 15px;}
  .logo { height: 40px; margin-right: 20px;}
  header ul li { padding: 5px; margin: 10px 2px;}
  .telefone{ font-size: 14px; padding: 16px 10px;white-space: nowrap; margin: 0 5px;}
  .blog .bgColor .conteudo p{ -webkit-margin-before: .5em; -webkit-margin-after: .5em; line-height: 16px; letter-spacing: -1px;}
  .instagramImg { width: 365px; height: 480px;}
  .instagram { width: 184px; height: 329px; margin: 58px 0px 0px 68px;}
  .logoEffect { max-width: 250px;}
  header { padding: 40px 0;}
  .btnCTA{ margin: 40px 0 0 70%;}
  .blockSpace { padding: 66px 0;}
  .subFooter p { font-size: 18px;}
  .formCTA .bigode p { color: var(--corDois); width: 50%;}
  .cta p { margin: 2em auto;}
  #searchformHeader { padding: 46px;}
  .perfilInsta { width: 50px; height: 30px;}
  .headerInsta { font-size: 13px;}
}

/* NOTEBOOKS/DESKTOPS COMUNS */
@media screen and (max-width: 1400px) {
  .sobre .box .rr { padding: 10px;}
  .sobre .box p { font-size: 16px; line-height: 20px;}
  .cta p { margin: 1em auto;}
  .outros1 .box3 .mid { height: 48vh;}
  .outros1 .box3 .ll { height: 48vh;}
  .outros1 .box3 .rr { height: 48vh;}
  .blog .box3 .ll { height: 48vh;}
  .outros2 .ll a .size { height: 48vh;}
  .outros2 .rr a .size { margin: 19px; height: 23vh;}
}

/* TABLETS */
@media screen and (max-width: 1280px) {
  .center{ width: 90%; margin: 0 auto;}
  .logo { height: 30px; margin-right: 10px;}
  header ul li { padding: 3px; margin: 6px 2px;}
  header a { padding: 6px 3px 0px 3px; font-size: 13px; font-weight: 500;}
  .icons a { margin: 5px 2px; font-size: 14px;}
  .telefone { margin: 0 15px;}
  header { padding: 30px 0;}
  .blockSpace { padding: 51px 0;}
  .btnCTA { margin: 30px 0 0 70%;}
  #searchformHeader { padding: 31px 0;}
  .telefone { font-size: 13px; padding: 12px 10px;}
  .bannerHome .ll h1 { font-size: 1.5em;}
  .sobre .box p { font-size: 13px; line-height: 20px;}
  .sobre .box .rr {  padding: 0;}
  .sobre .box .ll { height: 50vh;}
  .sobre { height: 100vh; margin-bottom: 50px;}
  .logoEffect { margin-top: -80px; max-width: 180px;}
  .titulo { font-size: 35px;}
  .bigode p:last-child { -webkit-margin-after: 3em;}
  .cta p { margin: 1em auto; font-size: 14px;}
  .btn{ margin-top: 15px; font-size: 14px; padding: 12px 70px;}
  .blog .bgColor .conteudo h3 {  font-size: 14px; -webkit-margin-after: -0.20em;}
  .blog .bgColor .conteudo p { font-size: 14px; line-height: 14px; letter-spacing: -1px;}
  .blog .bgColor .conteudo a { font-size: 14px;}
  .redSociais .ll .bigode { -webkit-margin-after: 1em;}
  .instagramImg { width: 272px; height: 358px;}
  .instagram { width: 140px; height: 246px; margin: 42px 0px 0px 49px;}
  .perfilInsta { width: 38px; height: 20px;}
  .headerInsta { font-size: 9px;}
  .btnInsta { font-size: 11px; padding: 1px;}
  .linkFotoInsta { height: 52px;}
  .logoSubFooter { width: 200px;}
  .subFooter p { font-size: 14px;}
  .formFooter input, .formFooter textarea { font-size: 13px; font-weight: 100; border: 1px solid var(--corDestaque); padding: 12px 8px;}
  .formFooter input[type=submit] { padding: 12px 28px;}
  .formFooter input::placeholder, .formFooter textarea::placeholder{ font-weight: 100; font-size: 13px;}
  .formFooter input:-ms-input-placeholder, .formFooter textarea::placeholder{ font-weight: 100; font-size: 13px;}
  .formFooter input::-ms-input-placeholder, .formFooter textarea::placeholder{ font-weight: 100; font-size: 13px;}
  .footer { font-size: 12px;}
  .logoFooter { margin-top: 26px;}
  .logoFooter img { width: 60px;}
}

/* SMARTPHONES GRANDES E TABLETS PEQUENOS*/
@media screen and (max-width: 960px) {
  .menu-header-container{ display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; background-color: var(--corDestaqueDark); }
  .nav-menu{ display: table-cell; vertical-align: middle; width: 100%; text-align: center;}
  .nav-menu a{ padding: 11px 10px; font-size: 20px; color: var(--corDoisOp);}
  .nav-menu a:hover{ color: var(--corDois);}
  .ll { float: none; width: 100%;}
  .rr { float: none; width: 100%;}
  .center{ width: 95%; margin: 0 auto;}
  .responsive{ display: block;}
  .inverseResp{ display: none;}
  header ul{ display: none;}
  header ul li { margin: 20px 2px;}
  #searchformHeader input[type="text"] {width: 65%;}
  .respIn{ display: table!important; animation: fadeIn .4s;}
  .respOut{ animation: fadeOut .4s;}
  .btnClose{ font-size: 30px!important;}
  .btnCTA { margin: 30px 0 0 55%; width: 30%;}
  .bannerHome .ll { height: 40vh;}
  .sobre .box { text-align: center;}
  .sobre .box .ll { height: 60vh; width: 100%;}
  .sobre .box .rr { height: 20vh; width: 100%; padding: 50px 0;}
  .sobre .box p { font-size: 15px;}
  .cta { height: 20vh;}
  .logoEffect { margin-top: -110px;}
  .outros1 .box3 { text-align: center; display: table;}
  .outros1 .box3 .ll { width: 100%; height: 20vh;}
  .outros1 .box3 .rr { width: 100%; height: 20vh;}
  .outros1 .box3 .mid { width: 100%; height: 20vh;}
  .bannerHome .rr { height: 50vh;}
  .outros2 .box { display: block;}
  .outros2 .ll a .size { height: 20vh;}
  .outros2 .rr a .size { height: 20vh;}
  .enfeite { width: 80vw; height: 65vh; margin-top: -46vh; margin-left: -50vw;}
  .blog .box3 .ll { width: 100%; height: 28vh;}
  .redSociais .ll { width: 60%!important; }
  .instagramImg { right: 50px;}
}

/* SMARTPHONES PEQUENOS */
@media screen and (max-width: 750px) {
  .bannerHome .ll { height: 50vh;}
  .bannerHome .ll h1 { line-height: 25px; font-size: 1.3em;}
  .titulo { font-size: 25px;}
  .ctaFooter .center div { display: block; text-align: center;}
  .ctaFooter .btn { margin: 20px auto;}
  .outros2 { height: 110vh;}
  .blog .box3 .ll { padding: 18px 0;}
  .bigode p:last-child { -webkit-margin-after: 1.5em;}
  .bigode p { font-size: 14px; line-height: 16px;}
  .sobre .box .ll { height: 50vh;}
  .logoEffect { display: none;}
  .sobre .box p { font-size: 14px;}
  .sobre .box .rr { height: 40vh; padding: 20px 0;}
  .btnCTA { margin: 30px 0 0 30%; width: 60%;}
  .instagramImg { display: none;}
  .redSociais .ll { width: unset!important; text-align: center;}
  .cta p { width: 90%; margin: 0.2em auto; font-size: 14px;}
  header a { padding: 10px 3px 0px 3px;}
  header { padding: 10px 0;}
  .btnCTA { margin: 10px 0 0 30%;}
  .fraseContato { margin: 20px 0;}
  .subFooter i { margin-right: 5px; font-size: 18px;}
  .socialIcons { margin-left: unset; text-align: center; width: 100%; margin: 20px 0;}
  .subFooter p { text-align: center; }
  div.wpcf7 .ajax-loader { display: block;}
  .formFooter input, .formFooter textarea { padding: 12px 0px 12px 8px;}
  .logoFooter { margin-top: 60px;}
  .postPagDois { height: 20vh; width: 100%; margin: 10px 0; }
  .blog { display:block; }
  .sidebar { width: 90%; margin: 0 auto; margin-left: auto;}
  .wp-paginate a { padding: 5px 10px; font-size: 14px;}
  .wp-paginate .current { font-size: 14px; padding: 5px 10px;}
  .paginas { margin: 10px 0;}
  .blog .bgColor .conteudo { padding: 2%;}
  .blockSpace { padding: 35px 0;}
  .formPagContato input, .formPagContato textarea { border: 1px solid var(--corDestaque); padding: 12px 10px; font-size: 14px;}
  .formPagContato { margin-top: 2vh;}
  .blogPag{ margin-top: 60px;}
  #searchformHeader input[type="submit"] { font-size: 20px; width: 80px;}
  .flex { display:block!important;}
  .conteudoPagUm { padding: 10px 0; width: 100%;}
  .conteudoPagUm .imagem { height: 20vh;}
  .conteudoPagUm p { padding: 0 20px; font-size: 14px; line-height: 26px;}
  .titulo{ text-align: center;}
  .sidePagUm { width: 100%; margin-top: 40px;}
  .sidePagUm ul li { padding: 10px 10px;}
  .single { width: 100%;}
  .single .content { text-align: center; font-size: 14px; width: 90%; margin: 0 auto;}
  .heateor_sss_sharing_container { text-align: center!important; margin: 0 auto; float: none!important; left: -38%!important;}
  .singleBlog { padding: 40px 0px;}
  .single .postImg { height: 20vh;}
  .sobret { margin: 50px 0; }
  .sobreb { margin-bottom: 300px; }  
}
@media screen and (max-width: 400px) {
  .logoFooter img{ display: none; }
}

/* ANIMATIONS */
/* CLASSES ANIMATIONS */
.topToBottomAnimation{ animation: topToBottom .4s ease-out;}
.bottomToTopAnimation{ animation: bottomToTop .4s ease-out;}

/* ANIMAÇOES */
@keyframes topToBottom { from {opacity: 0; margin-top: -100px;} to {opacity: 1; margin-top: 0px;}}
@keyframes bottomToTop { from {opacity: 1; margin-top: 0px;} to {opacity: 0; margin-top: -100px;}}
@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} }
@keyframes fadeOut { from {opacity: 1;} to {opacity: 0;} }