html {background:#fff;}
body {font-size:18px;color:#938F8F;font-family:'Roboto';}
html,
body {height:100%;}

* {-webkit-font-smoothing: antialiased;}

i, em {font-style:italic;}

a {color:#938F8F;}

a {text-decoration:none;cursor:pointer;}
a:hover {text-decoration:none;}

strong, b {font-weight:bold;}
input[type="reset"], input[type="submit"], button {cursor:pointer;}

::-webkit-input-placeholder {color:#938F8F;}
::-moz-placeholder {color:#938F8F;}
:-ms-input-placeholder {color:#938F8F;}
input:-moz-placeholder {color:#938F8F;}

select {
  -ms-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  -moz-appearance: none;
  -webkit-appearance:none;
}

select::-ms-expand {
  display: none;
}

::selection {
  background:#1C8DBA;
  color: #fff;
}
::-moz-selection {
  background:#1C8DBA;
  color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  background:transparent !important;
}

form * {outline:0;}

form .error,
form .success {padding:20px 30px;padding-left:60px;font-size:18px;text-align:left;color:white;}
form .success {background:url(../imagens/site/ico_success.png) no-repeat 0px center;color:#ffffff;}
form .error {background:url(../imagens/site/ico_error.png) no-repeat 0px center;color:#ff3359;}
form .retorno {margin-bottom:15px;}

.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.last {margin-right:0px !important;}
.not-found {font-size:16px;margin:0px 0px 0px 20px;}

.wrapper {max-width:1400px;position:relative;z-index:1;left:50%;transform:translateX(-50%);width:calc(100% - 40px);}

.box-right {float:right;}

.texto {line-height:29px;}
.texto p {margin-bottom:20px;}

.loading-full {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.7);display:none;}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

.sk-circle {
  width: 40px;
  height: 40px;
  position: fixed;
  z-index: 99;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #1C8DBA;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.titulo-padrao {color:#1C8DBA;text-transform:uppercase;font-size:13px;font-weight:700;margin-bottom:15px;}
.titulo-padrao2 {color:#162542;font-size:36px;line-height:43px;margin-bottom:35px;}
.titulo-padrao2.center {text-align:center;}

.button-padrao {display:table;font-size:14px;text-transform:uppercase;color:white;padding:17px 35px;background:#1C8DBA;cursor:pointer;margin-top:35px;font-weight:700;border:0px;transition-duration:0.4s;}
.button-padrao:hover {background:#000;}
.button-padrao.white {color:#1C8DBA;background:white;}
.button-padrao.white:hover {background:#000;}
.button-padrao.center {margin:0 auto;margin-top:35px;}

.button-whatsapp {position:fixed;right:40px;bottom:100px;z-index:9;}
.button-whatsapp .label {font-size:11px;font-weight:700;color:#1ced79;border:1px solid #1ced79;padding:10px 30px;border-radius:36px;padding-right:90px;background:white;}
.button-whatsapp .icone {position:absolute;z-index:3;width:65px;height:65px;border-radius:100%;background:#1ced79 url(../imagens/site/ico_whatsapp.png) no-repeat center;right:0px;top:-10px;}
.button-whatsapp.mobile {display:none;}

#content {position:relative;width:100%;/*max-width:1920px;margin:0 auto;*/background:white;padding-top:87px;}

#content-page {position:relative;width:100%;max-width:1600px;margin:0 auto;background:white;}

.modal {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;overflow:auto;background:#0eb0a0;display:none;}
.modal .content {display:table;margin:0 auto;width:100%;max-width:1000px;position:relative;}
.modal .logo {margin-top:40px;margin-bottom:50px;}
.modal .close {position:absolute;width:32px;height:32px;cursor:pointer;z-index:3;background:url(../imagens/site/ico_close.png) no-repeat center;right:0px;top:30px;}

.menu-mobile {position:fixed;z-index:99;top:0;bottom:0;left:0;right:0;overflow:auto;background:white;display:none;}
.menu-mobile .close {display:table;margin:0 auto;font-size:32px;top:26px;color:#000;margin-top:20px;margin-bottom:30px;}
.menu-mobile .menu li {padding:10px 0px;text-align:center;background:#e8e8e8;font-size:16px;font-weight:600;color:#1C8Dba;cursor:pointer;margin-bottom:2px;}
.menu-mobile .telefones {text-align:center;margin-top:30px;}
.menu-mobile .telefones li {margin-top:10px;color:#1C8Dba;font-size:16px;font-weight:700;}
.menu-mobile .social {margin-top:30px;background:#1C8Dba;padding:10px 0px;text-align:center;}
.menu-mobile .social li {margin:0px 6px;display:inline-table;}

#header {position:fixed;z-index:9;left:0;width:100%;top:0;}
#header .ico-menu {position:absolute;right:20px;display:none;z-index:3;font-size:32px;top:26px;color:#000;}
#header .box-top {background:#1C8DBA;padding:5px 0px;}
#header .box-top .telefones {float:left;margin-top:5px;}
#header .box-top .telefones li {color:white;font-size:12px;margin-right:20px;float:left;}
#header .box-top .social {float:left;margin-top:2px;}
#header .box-top .social li {float:left;margin-left:12px;}
#header .box-bottom {background:white;padding:10px 0px;}
#header .box-bottom .logo {float:left;margin-top:4px;margin-bottom:4px;}
#header .box-bottom .menu {float:right;margin-top:27px;}
#header .box-bottom .menu li {float:left;text-transform:uppercase;font-size:14px;font-weight:700;margin-left:50px;color:#1C8DBA;cursor:pointer;transition-duration:0.4s;}
#header .box-bottom .menu li:hover {color:#000;}

#footer .box-top {background:#F1F0F0;padding:50px 0px;}
#footer .box-top .logo {float:left;}
#footer .box-top .box {float:left;margin-left:150px;}
#footer .box-top .box .menu li {margin-bottom:10px;color:#1C8DBA;text-transform:uppercase;font-size:13px;font-weight:700;cursor:pointer;transition-duration:0.4s;}
#footer .box-top .menu li:hover {color:#000;}
#footer .box-top .box .texto {font-size:13px;line-height:24px;}
#footer .box-top .social {float:right;}
#footer .box-top .social li {float:left;margin-left:20px;}
#footer .box-bottom {background:#938F8F;text-align:center;padding:12px 0px;}
#footer .box-bottom .endereco {font-size:13px;color:white;}

#home .banner {padding:100px 0px;}
#home .banner .box {color:white;width:520px;float:right;}
#home .banner .box .titulo {font-size:43px;margin-bottom:20px;line-height:43px;}
#home .banner .box .texto {font-size:18px;}

#sobre {padding:100px 0px;}
#sobre .fotos {float:right;width:530px;}
#sobre .fotos .foto {display:block;}
#sobre .fotos .foto img {width:100%;}
#sobre .fotos .owl-nav {display:none;}
#sobre .fotos .owl-dots {text-align:center;margin-top:20px;}
#sobre .fotos .owl-dots .owl-dot {display:inline-table;cursor:pointer;border-radius:100%;margin:0px 6px;width:12px;height:12px;cursor:pointer;background:#c3c3c3;}
#sobre .fotos .owl-dots .owl-dot:hover,
#sobre .fotos .owl-dots .owl-dot.active {background:#1C8Dba;}
#sobre .box-texto {float:left;width:calc(100% - 590px);}

#embalagens {text-align:center;padding:60px 0px;background-size:cover !important;}
#embalagens .titulo {font-size:36px;margin-bottom:50px;color:white;}
#embalagens .categorias li {display:inline-table;margin:0px 50px;}
#embalagens .categorias li .icone {position:relative;width:90px;height:90px;}
#embalagens .categorias li .icone img {position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}
#embalagens .categorias li .nome {font-size:18px;color:white;}

#produtos {padding:70px 0px;}
#produtos .categorias {margin-bottom:40px;text-align:center;}
#produtos .categorias li {display:inline-table;padding:10px 20px;background:#938f8f;color:white;font-size:13px;margin:0px 5px;margin-bottom:10px;cursor:pointer;transition-duration:0.4s;}
#produtos .categorias li.active,
#produtos .categorias li:hover {background:#1c8dba;}
#produtos .produtos {text-align:center;}
#produtos .produtos .produto {display:inline-table;margin:0px 14px;width:calc(25% - 33px);transition-duration:0.4s;}
#produtos .produtos .produto:hover {box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);}
#produtos .produtos .produto .foto {height:250px;}
#produtos .produtos .produto .foto img {width:100%;height:100%;object-fit:cover;}
#produtos .produtos .produto .box {padding:0px 25px;position:relative;z-index:3;text-align:left;position:relative;padding-bottom:20px;}
#produtos .produtos .produto .nome {font-size:18px;margin-bottom:5px;}
#produtos .produtos .produto .categoria {background:#E2E2E2;padding:4px 8px;color:#938F8F;text-transform:uppercase;font-size:9px;display:table;letter-spacing:1px;top:-10px;position:relative;}
#produtos .produtos .produto .tipo {font-size:14px;color:#1C8DBA;}
#produtos .produtos .produto .info {margin-top:18px;color:#938F8F;}
#produtos .produtos .produto .info .label {font-size:11px;text-transform:uppercase;margin-bottom:3px;}
#produtos .produtos .produto .info .texto {font-weight:700;font-size:14px;line-height:inherit;}

#chamadas .chamada {background:#F1F0F0;padding:40px 0px;}
#chamadas .chamada .box {}
#chamadas .chamada .box .titulo-padrao {font-size:18px;text-transform:inherit;font-weight:700;}
#chamadas .chamada .foto {width:100%;margin-top:40px;}
#chamadas .chamada .foto img {width:100%;}
#chamadas .lista {position:relative;}
#chamadas .owl-nav {position:absolute;left:0px;margin-top:-40px;z-index:3;left:50%;width:calc(100% - 40px);transform:translateX(-50%);}
#chamadas .owl-prev,
#chamadas .owl-next {font-size:0px;cursor:pointer;z-index:3;width:17px;height:29px;float:left;margin-right:20px;filter:grayscale(100%);opacity:0.5;transition-duration:0.4s;}
#chamadas .owl-prev:hover,
#chamadas .owl-next:hover {filter:grayscale(0%);opacity:1;}
#chamadas .owl-prev {background:url(../imagens/site/ico_arrow_left.png) no-repeat center;}
#chamadas .owl-next {background:url(../imagens/site/ico_arrow_right.png) no-repeat center;}

#contato {padding:60px 0px;}
#contato .chamada {margin-bottom:40px;}
#contato form {float:right;width:calc(100% - 570px);}
#contato form label {display:block;margin-bottom:20px;}
#contato form label.small {margin-right:20px;width:calc(50% - 10px);float:left;}
#contato form label input,
#contato form label textarea {border-radius:4px;border:1px solid #E2E2E2;background:#F1F0F0;padding:13px 20px;width:calc(100% - 42px);color:#938F8F;font-size:14px;}
#contato form label textarea {height:120px;}
#contato form label .label {margin-bottom:3px;font-size:14px;color:#1C8DBA;}
#contato .box-texto {float:left;width:530px;}
#contato .box-texto .contatos {font-weight:700;color:#1C8DBA;}
#contato .box-texto .contatos a {color:#1C8DBA;}
#contato .mapa {height:300px;}
#contato .ver-mapa {display:table;margin-top:30px;font-weight:700;color:#1c8dba;font-size:16px;}

@media screen and (max-width:1000px) {
  html {position:relative;overflow-x:hidden;width:100%;min-width:315px;}
  body {position:relative;overflow-x:hidden;width:100%;font-size:14px;font-size:16px;}

  * {-webkit-overflow-scrolling:touch;}

  .wrapper {width:100% !important;left:0px !important;transform:inherit !important;}

  .button-whatsapp {right:10px;bottom:20px;display:none;}
  .button-whatsapp.mobile {display:block;}
  .button-whatsapp .icone {width:40px;height:40px;background-size:20px auto;top:0px;}
  .button-whatsapp .label {padding:6px 19px;padding-right:55px;}

  .titulo-padrao2 {font-size:25px;line-height:inherit;}

  .texto {line-height:inherit;}

  .button-padrao {padding:13px 23px;}

  #header .box-top {display:none;}
  #header .box-top .telefones li {margin-right:15px;}
  #header .box-top .social {margin-right:20px;} 
  #header .box-top .social li {margin-left:0px;}
  #header .box-bottom {padding:6px 0px;}
  #header .box-bottom .logo {margin-left:20px;}
  #header .box-bottom .menu {display:none;}  
  #header .ico-menu {display:block;}

  #footer .box-top {display:none;}

  #home .banner .box {max-width:500px;margin-left:20px;width:calc(100% - 40px);}
  #home .banner .box .titulo {font-size:25px;line-height:inherit;}

  #sobre {padding:50px 0px;}
  #sobre .fotos {width:100%;float:none;}
  #sobre .foto {float:none;height:auto;width:100%;}
  #sobre .foto img {width:100%;}
  #sobre .box-texto {float:none;margin-left:20px;width:calc(100% - 40px);margin-top:40px;}

  #embalagens .wrapper {margin-left:20px;width:calc(100% - 40px) !important;}
  #embalagens .titulo {font-size:24px;}
  #embalagens .categorias li {margin:0px 20px;margin-bottom:25px;}

  #produtos .produtos .produto {width:calc(33.33% - 33px);}
  #produtos .produtos .produto .foto {position:relative;}
  #produtos .produtos .produto .foto img {object-fit:inherit;width:auto;height:auto;max-width:100%;max-height:100%;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;}

  #chamadas .chamada {height:auto;padding:40px 0px;}
  #chamadas .chamada .box {float:none;margin-left:20px;width:calc(100% - 40px);padding-top:0px;}
  #chamadas .chamada .foto {float:none;width:100%;margin-top:35px;height:auto;position:relative;top:inherit;left:0px;text-align:center;}
  #chamadas .chamada .foto img {width:90%;position:relative;margin:0px;}

  #contato .wrapper {margin-left:20px;width:calc(100% - 40px) !important;}
  #contato .chamada {width:100%;}
  #contato form {float:none;width:100%;}
  #contato form label.small {margin-right:0px;width:100%;float:none;}
  #contato .box-texto {float:none;width:100%;margin-top:50px;}
  #contato .mapa {margin-left:-20px;width:calc(100% + 40px);}
}

@media screen and (max-width:800px) {
  #produtos .produtos .produto {width:calc(50% - 33px);}
}

@media screen and (max-width:540px) {
  #footer .box-bottom .endereco {font-size:11px;}

  #produtos .produtos .produto {width:calc(100% - 33px);}
}