/* CSS Document */
body{
  background: #FFF;
  color: #696969;
  font-family: 'Istok', sans-serif;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.container {max-width: 95%; width: 95% !important;}
.shadow{box-shadow: 0 0 7px #ddd}

/*--------------------- topo --------------------*/
#line-top{ font-family: sans-serif;  font-size: 13px;  font-weight: 300;  min-height: 48px;  padding: 8px 0 3px 0; width: 100%; z-index: 1049; position: fixed; top:0;}
#line-top > .container{max-width: 1500px}
#line-top  ul.social-links{padding: 5px 0 0 0; margin: 0; float: left; width: auto}
#line-top .social-links li {margin-right: 5px}
#line-top .social-links li a {
  background: none; padding-right: 5px; float: left; font-weight: bold; width: auto; transition: color 0.55s}
#line-top .social-links i{font-size: 22px}
#line-top .li-whats{padding-right: 5px; border-right: 1px dotted #ccc}
#line-top .li-phone{padding-right: 5px; border-right: 1px dotted #ccc; overflow: hidden;}
#line-top .li-phone i{font-size: 18px; }
#line-top .li-email i{font-size: 18px; }
#line-top .icon-top-cart i{font-size: 22px; }

#line-top ul.login-top {font-family: sans-serif;  float: right;  margin: 0;
  padding: 5px 0 0;  width: auto;}
#line-top ul.login-top li {
  float: left; font-weight: bold; padding-right: 5px; width: auto; color: #fff; list-style: none; padding: 0 10px; }
#line-top ul.login-top li a{color: #fff; font-size: 14px; line-height: 26px; text-align: center;}
#line-top ul.login-top li:first-child{border-right: 1px dotted #ccc}
#line-top ul.login-top li:nth-child(2){border-right: 1px dotted #ccc}
#line-top ul.login-top li a {line-height: 0}

#header-container{width: 100%; margin-top: 50px}
.icon-top-cart{display: none !important;}
.header-main {background-color: #fff; min-height: 130px; margin:0 auto; max-width: 1500px }
.logo{height:130px; cursor:pointer; padding: 10px 0}
.logo img{position: relative; top: 50%; transform: translateY(-50%);}
.line-box-top{min-height:132px}
.line-box-top > div{padding-top:31px}

.header-main .box-top{  position:relative; width:100%; height:70px; background-color:#EFEFEF  ; overflow:hidden;}
.header-main .icon-user, .icon-phone, .icon-cart{height:70px; background-repeat:no-repeat;}
.header-main .icon-user{background-image:url(../images/icon-user.png)}
.header-main .icon-phone{background-image:url(../images/icon-phone.png)}
.header-main .icon-cart{background-image:url(../images/icon-cart.png); }
.header-main .box-top .data-txt{height:70px; display:table; padding-left:70px; background-position:20px center}
.header-main .box-top .data-txt > div { display: table-cell; vertical-align: middle; width: 100%;margin:0;line-height:120%; font-size:.85em}
.header-main .box-top .data-txt > div > p{margin:0; padding:0}

.div-icon-smarth{height:65px; padding:0 2px; margin:0 0 5px 0}
.div-icon-smarth .box{background-position:center 4px; background-color:#EFEFEF; height:65px}
.div-icon-smarth > div{padding:0 2px; text-align:center;}
.div-icon-smarth  .box  span{position:relative;margin-top:43px;display:inline-block; font-size:0.834em}
.div-icon-smarth  .box:hover, .act-user:hover{background-color:#ddd; cursor:pointer}
.div-icon-smarth  .box:hover, .act-phone:hover{background-color:#ddd; cursor:pointer}
/* ----------------------- banner slider -----------------*/
#div-banners{overflow: hidden;}


/*------------------------- menu top ----------------------------- */

.top-menu {
    font-size: 15px;
    height: 25px;
    margin-top: 35px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    word-spacing: 2px;
    z-index: 100;
    /*font-family: "Open Sans",sans-serif;*/
    font-family: arial;
    font-stretch: condensed;

}
.top-menu .menu-level1 {
    height: 28px;
    padding:0;
    word-spacing: inherit;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom: 3px
}
.top-menu .menu-level1 .menu-item-level1 {
    display: inline-block;
    height: auto;
}
.top-menu .menu-level1 .menu-item-level1 .title-level1 {
    color: #ccc;
    display: block;
    padding: 0 8px;
    color: #444;
    font-size: 15px;
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    transition: all 350ms ease-out 0s;
    border-radius: 2px;
}
.top-menu .menu-level1 .menu-item-level1:hover .title-level1 {
    color: #1c76aa;
    position: relative;
}

.top-menu .menu-level1 .menu-item-level1 .arrow-up-fix {
    border-bottom: 6px solid #fff;
    display: none;
    margin-left: 20px;
    position: absolute;
    top: 24px;
    z-index: 1000;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 {
    background-color: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: 0 2px 5px #ccc;
    color: #818692;
    display: none;
    margin: -2px 0 0 0;
    padding: 0;
    position: absolute;
    transition: all 300ms ease-out 0s;
    z-index: 99587;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 a {
    color: #818692;
    font-size: 15px;
    line-height: 110%;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 a .fa-star {
    color: #ffc800;
    font-size: 11px;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 a:hover {
    color: #618ae5;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 a:hover .fa-star {
    color: #ffd333;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 a.btn-verde {
    color: #fff;
    font-size: 10px;
    line-height: 30px;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-destaque {
    display: inline-block;
    vertical-align: middle;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 {
    display: flex;
    margin: 10px;
    vertical-align: top;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .two-lines-title {
    margin-bottom: 15px;
}
.top-menu .menu-level3{float: left; padding: 0 20px; max-width: 260px}
.top-menu .menu-level3{float: left}
.top-menu .menu-level3 li{list-style: none; margin:0 0 5px 0;  padding: 2px 10px 0 0; width: 100%}
.top-menu .menu-level3 li a{font-weight: 100 !important; color:#666 !important;}
.top-menu .menu-level3 .menu-item-level1 a{padding: 0 !important}

.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3 .title-level3 {
    display: block;
    text-transform: none;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3:hover .title-level3 {
    color: #618ae5;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3 .top-sell {
    color: #ffc800;
    font-family: LatoRegular;
    font-weight: 700;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3 .top-sell:hover {
    color: #ffd333;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3 .menu-level4 .menu-item-level4 {
    color: #91a6ca;
    padding-left: 8px;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3 .menu-level4 .menu-item-level4 .title-level4 {
    color: #91a6ca;
    text-transform: none;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3 .menu-level4 .menu-item-level4:hover .title-level4 {
    color: #618ae5;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-item-level3:hover .menu-level4 {
    color: #618ae5;
    display: block;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .reset {
    margin-top: -92px;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-level3-col2 {
    margin-left: 145px;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-level3-col3 {
    margin-left: 290px;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2 .menu-level3 .menu-level3-col4 {
    margin-left: 435px;
}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .menu-item-level2.unique {
    margin-right: 30px;
}
.top-menu .menu-level1 .first {padding: 7px 15px !important}
.top-menu .menu-level1 .menu-item-level1 i{margin-right: 3px}
.top-menu .menu-level1 .menu-item-level1 .menu-level2 .first {
    border: 0 none;
    padding-left: 0;
}
.top-menu .menu-level1 .menu-item-level1:hover .menu-level2, .top-menu .menu-level1 .menu-item-level1:hover:hover .arrow-up {
    display: block;
}
.top-menu .menu-level1 .menu-item-level1:nth-last-child(1) .menu-level2 {
    right: 0;
}
.top-menu .menu-level1 .best-seller {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-right: 0;
}
.top-menu .menu-level1 .best-seller .title-level1 {
    border: 0 none;
    color: #ffc800;
    padding: 0;
}
.top-menu .menu-level1 .best-seller:hover .title-level1 {
    color: #ffd333;
}
.top-menu .menu-level1 .first {
    border: 0 none;
    margin-left: 0;
    padding-left: 0;
}

.top-menu .more{float: left; width: 2%; display: none; font-weight: bold; height: 28px; line-height: 28px; color:#333; cursor: pointer;}
.top-menu .more{list-style: none; margin: 0; padding: 0}
.top-menu .more ul li{list-style: none; margin: 0; padding: 0}
.top-menu .more .more-level1 i{font-size: 20px; color: #333;}
.top-menu .more .more-level2 {
  background-color: #EBEBEB;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 2px 5px #ccc;
  color: #818692;
  display: none;
  margin: -2px 0 0 -90px;
  padding: 10px 20px;
  position: absolute;
  transition: all 300ms ease-out 0s;
  z-index: 99999
}
.top-menu .more .more-level2:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 9px 12px;
border-color: #EBEBEB transparent;
display: block;
width: 0;
z-index: 1;
top: -12px;
left: 84px;
}
.top-menu .more .more-level2 li{
  float: left;
  line-height: 120%;
  padding: 8px 0;
  width: 155px;
}
.top-menu .more .more-level1:hover > .more-level2{display: block;}

/*  --------------------------- cart ---------------------------*/
.box-cart > i{display: block; width: 50px; height: 50px; border-radius: 100px; background: #999; color:#FFF; font-size: 26px; padding: 12px 0 0 0 ; margin: 0 auto; margin-top: 35px; text-align: center}
.box-cart span {
  float: left;
  font-size: 11px;
  line-height: 100%;
  margin-top: 3px;
  text-align: center;
  width: 100%;
  font-family: 'Arial'
}


/*----------------------- categ smart ---------------------------*/
.nav-menu-categ{
  min-height:45px;
  background:#2D2D2D;
  color:#fff;
  margin:-10px 0 10px 0;
  overflow:hidden;
  margin: -15px -15px 15px;
  z-index:999
}
.categ-smart span {
    float: right;
    font-size: 28px;
    margin-right: 5px;
    margin-top: 3px;
}

.categ_smart {
  display:block;
  height:40px;
  background:#333;
  top:0
}
.categ_smart > .row > .title{padding-right:0}
.categ_smart h1{
  font-size:22px;
  font-weight:bold;
  text-align:right;
  padding:0;
  margin:6px 8px 0 0;
  float:right
}
.categ_smart span{
  font-size:28px;
  margin-top:3px;
  float:left;
  margin-right:5px;
}
.categ_smart h1 {
    float: right;
    font-size: 22px;
    font-weight: bold;
    margin: 6px 8px 0 0;
    padding: 0;
    text-align: right;
  font-family:'Archivo';
}
.act-show-categ-smart{
  cursor:pointer;
  float:left;
  margin:0;
  padding:0
}
.wide-categ-smart{
  float: left;
  position:relative;
  width:100%;
  display: none;
  /*
  margin-left:-320px;
  transition: all .7s ease 0s;
  */
  z-index:1032;

}
.wide-categ-smart > .ln-area{color:#000}
.wide-categ-smart > .ln-categ-pai > span,
.wide-categ-smart > .div-categ-sub > .ln-categ-sub a,
.wide-categ-smart > .ln-categ > a{color:#fff; font-size:16px; border-top:none}

.wide-categ-smart > .div-categ-sub > .ln-categ-sub a:hover,
.wide-categ-smart > .ln-categ > a:hover{background:#666; color:#000}

/*----------------------- mini-banners --------------------------*/
.full-mini-banners{padding: 15px 0}
.full-mini-banners .container{max-width: 1500px}
.mini-banners > div{padding: 10px}
.mini-banners{
  background: #fff none repeat scroll 0 0;
  height: auto;
  overflow: hidden;
  padding: 5px 1px 5px 10px;
}
.mini-banners .icon{ font-size:32px; float: left; margin: 0 ; text-align: right;}
.mini-banners .tit{font-weight: bold; }
.mini-banners .tit span{font-size: 13px; font-weight: normal; font-stretch:condensed;}
.mini-banners .desc{font-size: 13px; margin-top: -25px; font-stretch:condensed; }
/*----------------------- banners --------------------------*/
.banners{height:auto; background:#fff; max-width: 1500px; margin: 0 auto}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {width:100%;}
.carousel-control.right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
}
.carousel-control.right:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, .2) 100%);
}
.carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
}
.carousel-control.left:hover {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0px, rgba(0, 0, 0, 0) 100%);
}
.carousel-indicators { bottom: 0; list-style: outside none none; padding-left: 0; position: absolute; width: 99%; z-index: 15; margin-left: 0 !important; left: 0 !important  ; text-align: right;}
.carousel-indicators li{width: 15px; height: 15px; opacity: 0.6}
.carousel-indicators .active {width: 15px !important; height: 15px !important; opacity: 1 !important}
/*----------------------- produtos --------------------------*/
#products{background: #efefef; border-top: 10px solid #E8E8E8;}
#products .container{max-width: 1500px}
#row-produtos{float:left; width: 100%; padding: 0; }
.products{
  height:auto;
  min-height:300px;
  width:100%;
  margin:0;
  padding:0;
}
.box-full-product{
  padding:10px 15px;
  min-height: 340px;
}
#box-categories{
  border:1px solid #e9e9e9;
  /*
  border-right:2px solid #e9e9e9;
  border-bottom:1px solid #e9e9e9;
  border-top:1px solid #e9e9e9;
  */
  width:100%;
  float:left;
}
.row-menu-cat{padding-left: 0 !important}
.title-categories{
  font-family:'Archivo';
  background:#999999;
  color:#fff;
  font-weight:16px;
  height:40px;
  line-height:40px;
  width:100%;
  text-indent: 10px;
  text-transform: uppercase;
  font-size:18px;
}
.ln-categ-pai{font-weight: 100}
.ln-categ, .ln-categ-pai, .ln-categ-sub{
  width:100%;
  float:left;
  padding:0
}
.ln-categ:hover,
.ln-categ-pai:hover,
.ln-categ-sub:hover{text-decoration:underline; cursor:pointer;}
.ln-area{
  width:100%;
  float:left;
  padding: 10px 0 0;
  font-family:'Archivo';
  font-size:18px;
  border-bottom:2px solid #f5f5f5;
  color:#333
}
.ln-area-box{
  width: 100%;
  height: auto;
  float:left;
  /* PARA REDUZIR O MENU A AREAS  */
  /*
  display: none;
  */
}
.ln-categ a,
.ln-categ-pai > span,
.ln-categ-sub a{
  color: #666;
  float: left;
  font-size: 1em;
  height: auto;
  line-height: 100%;
  padding: 5px 0px;
  width: 100%;
}
.ln-categ-sub {padding-left:23px;}
.ln-categ-sub a{font-size:0.95em}

.div-categ-sub{
   width:100%;float:left;height:auto;display:none; padding-left: 14px;
}
.div-categ-sub li{margin-bottom: 7px}
.row-title{
  float:left;
  width:100%;
  height:auto;
  /*border-bottom:1px dotted #e9e9e9;*/
  margin-bottom:5px;
  margin-right: 15px;
  margin-left: 15px;
  min-height:50px;
}
.row-title > div{
  padding-right: 15px;
  padding-left: 15px;
  height:40px;
}
.col-title{
  float:left;
  font-family:'Archivo';
  font-size:20px;
  width:65%;
  line-height:120%;
  margin:0 0 7px 0 !important;
  padding: 0 !important
}
.col-title-desc{
  float:left;
  font-family:'Archivo';
  font-size:16px;
  width:100%;
  line-height:110%;
  margin-bottom: 5px
}
.div-sem-reg{
  float: left;
  width: 100%;
  padding: 0 15px 15px
}
.col-order{
  float:left;
  width:35%
}
.div-select-order{float:right;width:170px;}

.dropdown > #dropdownMenu1{float:right}
.dropdown-menu{margin:0; float:left}
.combo-order-product{background:#fff !important; color:#333 !important; width:170px; border-radius:2px !important}
.combo-order-product > i{color:#333}
.col-product{
  float: left;
  margin-bottom: 50px;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  transition: all 0.5s ease 0s;
}
.col-product > .box-product{
  height:370px;
  padding:5px;
  background: #fff;
  width: 100%;
  border:1px solid #ccc;
  border-radius:2px;
  margin:0 auto;
  overflow:hidden;
  transition: all 0.55s;
}
.col-product > .box-product > .img-product{
  background-position: center center !important;
   background-repeat: no-repeat !important;
  background-size:initial;
  margin:0 auto;
  width:100%;
  height:185px;
  position:relative;
  z-index:9;
  transition: transform .3s
}
.col-product > .box-product > .sem-img-product {
  color: #ccc;
  content: "SEM IMAGEM";
  font-weight: bold;
  height: 185px;
  line-height: 185px;
  text-align: center;
 /*width: 200px;*/
  width: 88%;
  position:absolute;
  z-index:8;
  top:0;
}
.col-product > .box-product > .img-cor-product {
  background-position: right center;
  background-repeat: no-repeat;
  height: 35px;
  top: 6px;
  min-height: 35px;
  position: absolute;
  width: 80%;
  z-index: 10;
}
/*
.col-product > .box-product > .sm-oferta{
  color: #fff;
  font-family: "Archivo";
  font-weight: bold;
  margin-left: -34px;
  margin-top: -174px;
  padding: 2px 0;
  position: relative;
  float:left;
  transform: rotate(-39deg);
  width: 130px;
  z-index: 9999999;
}
.col-product > .box-product > .sm-oferta > span.glyphicons i:before {
  font-size:18px !important;
    margin-left: 24px;
    margin-right: -08px;
}
.col-product > .box-product > .sm-oferta > span > i{
*/
.col-product > .box-product > .sm-oferta::before {
    border-left: 9px solid transparent;
    border-right: 0 solid transparent;
    border-top: 10px solid #51220e;
    content: "";
    left: 0;
    position: absolute;
    top: 26px;
}
.col-product > .box-product > .sm-oferta{
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    cursor: default;
    font-size: 16px;
    font-weight: bold;
    left: 11px;
    line-height: 26px;
    /*opacity: 0.9;*/
    padding: 0 10px;
    position: absolute;
    text-transform: uppercase;
    top: -13px;
    z-index: 98;
}

/*
.col-product > .box-product > .op-frete-gratis{
  background: #333 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  display: flex;
  float: none;
  font-family: "Archivo";
  font-weight: bold;
  margin: 0 auto;
  padding: 2px 9px;
  position: relative;
  width: 140px;
  margin-top: -30px;
  z-index: 9999999;
}
.col-product > .box-product > .op-frete-gratis > span{
  float: left;
  font-size: 18px !important;
  height: 21px;
  margin-left: -3px;
  margin-right: 5px;
}
.col-product > .box-product > .op-frete-gratis > i {
  color: #fff;
  float: left;
  height: auto;
  width: 30px;
}
*/

.col-product > .box-product > .op-frete-gratis::before {
  border-left: 9px solid transparent;
  border-right: 0 solid transparent;
  border-top: 10px solid #111;
  content: "";
  left: 0;
  position: absolute;
  top: 26px;
}
.col-product > .box-product > .op-frete-gratis{
  background: #333 none repeat scroll 0 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
  cursor: default;
  font-size: 16px;
  font-weight: bold;
  left: 11px;
  line-height: 26px;
  opacity: 0.9;
  padding: 0 10px;
  position: absolute;
  text-transform: uppercase;
  top: 155px;
  z-index: 59;
}

.col-product > .box-product > .date-product {
  height: 80px;
  margin-top: 10px;
  overflow: hidden;
  position: relative;
  width: 100%;
  text-align: center;
}
.col-product > .box-product > .date-product > .name-produto {
  font-size: 14px;
  font-weight: bold;
  line-height: 110%;
  height:auto;
  padding-bottom:1px;
  position: relative;
}
.col-product > .box-product > .date-product > .ln-produto-view {
  float: left;
  font-size: 13px;
  width: 100%;
  height:auto;
  line-height:110%;
  margin-top: 5px
}
.col-product > .box-product > .quant {
  float: left;
  font-size: 11px;
  height: 15px;
  position: relative;
  margin-bottom:3px;
  text-align: center;
  width: 100%;
}
.col-product > .box-product > .quant > .tachado {
    text-decoration: line-through;
}
.col-product > .box-product > .valor {
  float:left;
  color: #666;
  font-size: 22px;
  height: 20px;
  position: relative;
  text-align: center;
  width: 100%;
  font-family:'Archivo';
  margin-bottom:3px;
}
.col-product > .box-product > .bot-actions{
  position: absolute;
  bottom: 10px;
  width: 84%;
  height: auto;
}
.col-product > .box-product > .bot-actions > a {
  margin: 0 auto;
  position: relative;
  width: auto;
}
.col-product > .box-product > .bot-actions > a:hover {text-decoration: none;}
.btn, .btn > a {
  border-radius:0;
}
.bot-actions{float:left}
.btn:hover, .btn:hover > a{text-decoration:none}
.botaoDownGab{background-color:#666 !important}
.botaoDownGab:hover{background-color:#333 !important}

.col-product > .box-product > .bot-actions > .ajuste-bnt-comprar {
    margin-left: 27px !important;
}

.col-product > .box-product > .bot-actions .btn{padding: 7px 20px !important; font-size: 14px}

/* ----------------------------- rodape ----------*/
.page-footer {
  background-image: linear-gradient(to right, #252525 50%, #313131 50%);
  color: #969595;
  font-size: 14px
}
.footer-left {
  display: inline-block;
  padding: 25px 10px 25px 15px;
}
.page-footer a{color: #969595; font-size: 14px}
.page-footer a:hover{color: #fff; text-decoration: none;}
.page-footer .container {
  background-image: linear-gradient(to right, #252525 25%, #313131 25%);
}
.footer-logo img {
  margin-bottom: 20px;
  max-width: 95%
}
.footer-text {color: #989898; font-size: 13px; }
.page-footer .social-links { margin: 20px 0 0; padding-left: 0;}
.social-links li {display: inline-block;}
.page-footer .social-links a {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #838383;
  color: #838383;
  font-size: 22px;
  height: 41px;
  line-height: 38px;
  width: 40px;
}
.social-links li a {
  background: #3b3b3b none repeat scroll 0 0;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
  text-align: center;
  width: 26px;
}
.footer-extra-links {margin-top: 20px;}
.page-footer .footer-extra-links a {
  border: 2px solid #838383;
  border-radius: 20px;
  color: #838383;
  margin-right: 10px;
  padding: 6px 12px;
  text-transform: uppercase;
  float: left;
  margin-bottom: 3px
}
.footer-extra-links { margin-top: 20px; display: -moz-grid-line}

.page-footer .footer-extra-links a {
  border: 2px solid #838383;
  border-radius: 20px;
  color: #838383;
  margin-right: 10px;
  padding: 6px 12px;
  text-transform: uppercase;
  font-size: 12px;
}
.page-footer .footer-extra-links a:hover {
  border-color: transparent;
  color: #fff;
  background: #FF6804;
  text-decoration: none;
  transition: 0.65s all;
}
.page-footer .footer-title h4 {
  font-size: 18px;
  margin-bottom: 18px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
.page-footer, .page-footer .container {
  background: #252525 none repeat scroll 0 0;
}
}
.footer-right {
  background-color: #313131;
  overflow: hidden;
  padding: 25px 0;
}
.footer-right ul {
  list-style: outside none none;
  padding-left: 0;
}
.footer-right ul li {
  padding: 2px 0;
}
.page-footer .footer-right ul li {
  border-bottom: 1px solid #3c3c3c;
}
.footer-right ul.menu li::before {
  content: "";
  font-family: fontawesome;
  margin-right: 10px;
}
.footer-right .widget_recent_entries .recent-blog-posts li::before {
  display: none;
}
.footer-right .widget_recent_entries .recent-blog-post {
  padding: 12px 0;
}
.copyright {
  background: #373737 none repeat scroll 0 0;
  color: #fff;
  height: auto;
  line-height: 150%;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  padding: 10px 0
}
.copyright .col-md-3 {
  position: relative;
}

.wg-plataforma{
  background: rgba(255, 255, 255, 0.15) none repeat scroll 0 0;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  display: inline-block;
  margin: 4px auto 0;
  padding: 3px 20px;
}
.wg-plataforma:hover{
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.2);
  transition: 0.65s all;
}



#rodape{
  /*background:url(../images/bg-rodape.jpg) repeat  ; */
  padding-bottom:0px;
  overflow: hidden;
}

.full-rodape{
  background:url(../images/bg-rodape.jpg) repeat  ;
  min-height:200px;
  height:auto;
  padding:10px 15px;
}
.full-rodape > div > div{margin-bottom:10px; overflow:hidden}
.full-rodape .title{
  float:left;
  width:100%;
  height:auto;
  min-height:30px;
  line-height:120%;
  font-size:22px;
  color:#fff;
  background:rgba(255, 255, 255, 0.10);
  padding:5px 10px;
  font-family:'Archivo';
  border-radius:2px;
  margin-bottom:5px;
  text-transform:uppercase
}
.full-rodape .div-atend{
  float:left;
  width:100%;
  padding-left:10px;
  color:#FFF
}
.full-rodape ul{
  float:left;
  margin:0;
  padding:0 0 0 10px;
  list-style:none;
  margin-bottom:10px;
}
.full-rodape ul a{ color:#fff; font-size:14px}
.full-rodape ul a:hover{ color:#fff}
.pag-balcao,
.pag-deposito,
.pag-pagseguro,
.pag-mercadopago,
.pag-paypal,
.pag-cielo,
.pag-moip{
  float:left;
  width: 260px;
  height:53px;
  margin:4px 0 0 0px;
  /*opacity:0.7;*/
  border-radius:2px;
  transition: all .7s ease 0s;
}
.pag-balcao{background:url(../images/pag_balcao.jpg) no-repeat; height:35px;}
.pag-deposito{background:url(../images/pag_deposito.jpg) no-repeat; height:35px;}
.pag-pagseguro{background:url(../images/pag_pagseguro.jpg) no-repeat;}
.pag-mercadopago{background:url(../images/pag_mercadopago.jpg) no-repeat;}
.pag-moip{background:url(../images/pag_moip.jpg) no-repeat;}
.pag-cielo{background:url(../images/pag_cielo.jpg) no-repeat;}
.pag-paypal{background:url(../images/pag_paypal.jpg) no-repeat;}
.icon-pag:hover{opacity:1}

.corp-rodape{
  background:url(../images/bg-rodape2.jpg) repeat ;
  min-height:90px;
  height:auto;
  padding:40px 10px 5px 15px;
}
.corp-rodape > .row > div{min-height:40px; height:auto}
.corp-rodape .security > img{float:left; margin-right:1px; opacity:.7;transition: all .7s ease 0s;}
.corp-rodape .security > img:hover{opacity:1;}
.corp-rodape .security > img.google:hover{cursor:pointer}
.corp-rodape .corp > span {line-height:110%; font-size:12px; color:#FFF; text-align:center; margin-top:20px; width:100%; float:left}
.corp-rodape .plataforma > span{float:left;margin:0 auto; width:100%;}
.corp-rodape .plataforma > span img{
  margin-top:20px;
  transition: all .7s ease 0s;
}
.corp-rodape .plataforma > span img.xs{float:right;}
.corp-rodape .plataforma > span  img:hover{
  cursor:pointer;
  transform: scale(1.08);
}

.footerFix {
  position: fixed;
  right: 5px;
  width: 55px;
  height: 55px;
  right: 20px;
  margin-bottom:10px;
  animation: gelatine 7s ease infinite;
  -webkit-animation: gelatine 7s ease infinite;
  z-index: 999999999999;
}
.footerFix div {
  float: right;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  text-align: center;
  margin-bottom: 5px;
  background: #4DC247;
  padding: 10px 5px;
  cursor: pointer;
  box-shadow: 0 8px 6px -7px #000;
  -webkit-box-shadow: 0 8px 6px -7px #000;
  -moz-box-shadow: 0 8px 6px -7px #000;
  transition: background 0.995s;  
  animation-iteration-count:infinite;
  animation-fill-mode:both;
}

.footerFix > .ws{

  display: block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #transparent;
  cursor: pointer;
  box-shadow: 0 0 0 rgba(204,169,44, 0.4);
  animation: pulse 2s infinite;
}
.footerFix .ws:hover{
  background: #32892E;
  transition: background 0.995s;
}
.footerFix > .ws > a {
  font-size: 32px !important;
  color: #fff !important;
  transition: color 3s;
  cursor: pointer;
}

.footerFix > .bubbleWhats{
  position: absolute;
  width: 140px;
  height: 40px;
  padding: 0px;
  background: #32892E;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  right: 70px;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
  margin-top: 5px;
  display: none;
}
.footerFix > .bubbleWhats:after{
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 9px 0 9px 15px;
  border-color: transparent #32892E;
  display: block;
  width: 0;
  z-index: 1;
  right: -15px;
  top: 11px;
}

@-webkit-keyframes pulse {
 0% {
  -webkit-box-shadow: 0 0 0 0 rgba(255,0,0,0.3);
 }
 70% {
  -webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0);
 }
 100% {
  -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
 }
}
@keyframes pulse {
 10% {
  -moz-box-shadow: 0 0 0 0 #4DC247;
  box-shadow: 0 0 0 0 #4DC247;
 }
 80% {
  -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
  box-shadow: 0 0 0 15px rgba(204,169,44, 0);
 }
 100% {
  -moz-box-shadow: 0 0 0 0 rgba(255,0,0,0.3);
  box-shadow: 0 0 0 0 rgba(204,169,44, 0);
 }
}

/*----------------- banner sob categorias ------------------------ */
.banner-sob-categ{
  float:left;
  width:100%;
  height:auto;
  margin:5px 0;
  overflow:hidden
}
.banner-sob-categ img{
  margin:5px 0;
  width:100%;
  height:auto;
}
.banner-sob-categ a{transition: all .7s ease 0s;}
.banner-sob-categ a:hover{
  opacity:0.88
}
/* ----------------- conteudos diversos ----------------------*/
.title-page, .title-page-leiamais{
  position: relative;
  padding-bottom:3px;
  height:auto;
  margin:15px 0;
  font-size:26px;
  font-family:'Archivo';
  border-bottom:2px solid #666;
  font-weight:bold;
  text-transform:uppercase;
  transition: all 0.65s ease;
}

.subtitle-page{
  font-family:'Archivo';
  color:#333;
  position: relative;
  padding-bottom:3px;
  height:auto;
  line-height:100%;
  margin:15px 0;
  font-size:22px
}
#wpConteudoView{
  padding:15px
}
/* ----------------- conteudo como comprar ----------------------*/
#wp-ComoComprar > .lines{
    position: relative;
  padding-bottom:3px;
  height:auto;
  margin:15px;
  padding:5px 0;
  border-bottom:1px dotted #ccc;
}
#wp-ComoComprar > .lines > .box1{
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 45px;
}
#wp-ComoComprar > .lines > .box2{
    font-size: 18px;
    font-weight: bold;
    height: auto;
    min-height: 20px;
  font-family:'Archivo';
}
#wp-ComoComprar > .lines > .box3{
  font-size: 15px;
}
/* ------------------- conteudo como pagar -------------- */
#wp-ComoPagar{margin:15px; font-size:15px}
#wp-ComoPagar h3 {
  font-size:18px;
  color:#333;
  font-weight:bold;
  margin:15px 0 5px 0;
  text-transform:uppercase;
  height:30px;
}
#wp-ComoPagar h3 > span {
  float:left;
  width:auto;
  padding:5px 10px;
  color:#fff  ;
  border-radius:2px;
}
#wp-ComoPagar b{color:#333; text-decoration:underline}
#wp-ComoPagar br{margin-bottom:5px}
/*--------------------- conteudo solicitar orcamento -----------------*/
#divMsgOKCad, #divMsgErroCad{display:none; line-height:110% !important}
#divMsgOKCad > h2, #divMsgErroCad > h2{font-size:22px;font-family:'Archivo';margin:0; margin-bottom:10px}
#divMsgOKCad{margin-top:20px; margin-bottom:60px}
#wp-SolicOrcamento .marginTopBot{border-bottom:2px solid #666; height:10px; float:left}
#wp-SolicOrcamento .tit-files{
    color: #333;
    font-family: "Archivo";
    font-size: 22px;
    height: auto;
    padding-bottom: 3px;
    position: relative;
  margin-bottom:15px;
}
#wp-SolicOrcamento .line-files{
  font-family: "Archivo";
  font-size:17px;
}
#wp-SolicOrcamento .line-files > i{font-size:25px}
#wp-SolicOrcamento .cx-files{ margin-bottom:7px; height:auto;}
#wp-SolicOrcamento .cx-upload{border:1px solid #E1E1E1;padding:10px; border-radius:3px; background:#EFEFEF}
.cmpAddConta {margin:10px 0 }
#wp-SolicOrcamento .row .col-sm-6{float: left}
/* ------------------ tabela de precos --------------------------*/
#wpTabelaPrecos{float:left;width:100%;padding:15px 0; margin-top:-30px}
#wpTabelaPrecos #idCat{max-width:450px;}
#wpTabelaPrecos .divTabela-Precos{min-height:5px; margin:20px 0}
#tabelaPrecos > tbody tr > td > span{display:none; font-weight:bold; width:auto; margin-right:7px; float:left}
/* ------------------ tabela de precos --------------------------*/
#wp-Cadastro .form-group{margin-bottom: 10px;}
#wp-Cadastro .form-group .control-label{text-align:left !important}
#wp-Cadastro .subtitle-form-cad{
  background-color: #EBEBEB;
  padding:10px 10px;
  color:#333;
  font-family:'Archivo';
  font-size:20px;
  border-radius:2px;
  margin-bottom:5px
}
#wp-Cadastro .tam200{max-width:200px}
#wp-Cadastro .tam300{max-width:300px}
#wp-Cadastro .tam400{max-width:400px}
/* ------------------ login  --------------------------*/
#wp-login .box{
  max-width:350px;
  margin: 0 auto;
  margin-bottom:40px
}
#wp-login h2, #wp-login h3{
  color:#333;
  font-family:'MyriadProCondensed';
  font-size:26px;
  border-radius:2px;
  margin-bottom:5px;
  font-weight:bold
}
#wp-login h3{
  font-size:20px;color:#333
}

/*------------------- View Produtos -------------------- */
#view-produto-full{}
.viewProTop{
  border: 1px solid #e5e5e5;
  float: left;
  height: auto;
  min-height: 150px;
  padding: 5px;
  padding:10px;
  width: 100%;
  margin-bottom:10px;
  background: #fff
}
.viewProTop .cxImgPro {
  float: left;
  height: auto;
  margin-right: 10px;
  width: auto;
}
#row-produtos .titPro {
  float: left;
  width: 100%;
  height: auto;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 7px;
  font-family:'Archivo';
  line-height: 100%;
}
.viewProTop .lnDescPro {
  width: 100%;
  height: auto;
  color: #4E4E4E;
  font-size: 14px;
  min-height: 15px;
  margin-bottom: 15px
}
.viewProTop .lnDescPro p{line-height: 140%; margin: 0}

.viewProTop .cmpVar label,
.viewProTop .cmpVar2 label{
  font-weight: normal; margin-bottom: 0;
}
.viewProTop .cmpVar2 select,
.viewProTop .cmpVar select{ min-width: 100% !important; width: auto;}
.viewProTop .cmpVar .input-group-addon,
.viewProTop .cmpVar2 .input-group-addon{min-width: 230px; text-align: right; font-size: 11px !important; text-align: right;}
.viewProTop .cmpVar .input-group-addon b,
.viewProTop .cmpVar2 .input-group-addon b{font-size: 14px !important;}
.viewProTop .value-purchase{
  width: 100%
}
.divBuyValue{float: left;width: 100%}
.divBuyValue .divValues,
.divBuyValue .divActionBuy{float: left; width: 50%}
.viewProTop .desMaisDetal {
  float: left;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  margin-top: 10px;
  text-decoration: underline;
  width:100%
}
.txtMaisDetailNoG{float: left;}
.viewProTop .txtMaisDetal{
  float: left;
  color: #444 !important;
  font-size: 13px;
  height: auto;
  margin-top: 5px;
  max-height: 160px;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%
}

.viewProTop .txtMaisDetal::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-button {
  width: 4px;
  height: 4px;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 6px solid #a8a09f;
  border-radius: 0px;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-track {
  background: #666666;
  border: 1px solid #ffffff;
  border-radius: 3px;
}
::-webkit-scrollbar-track:hover {
  background: #ffffff;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-track:active {
  background: #333333;
}
.viewProTop .txtMaisDetal::-webkit-scrollbar-corner {
  background: transparent;
}

.viewProTop .txtMaisDetalNoG{
  height:auto !important
}

.viewProTop .leia-mais{text-decoration: underline; font-weight: bold; cursor: pointer; display:initial; float: left; width: 100%; margin-top: 3px}

.cxQuantAcabFull{
  height: auto;
  min-height: 10px;
  margin-bottom:10px;
}
.cxQuantAcab {
  float:left;
  color: #666;
  height: auto;
  min-height: 10px;
}



.cxQuant{width: 35%; padding-right:1.5%; margin-bottom:10px; overflow: hidden;}
.cxAcab{width: 65%; max-width: auto !important}
.cxPorMLinear{width: 35%}
.cxAcabObrig{width: 100%;}
.descAcabObrig{line-height: 24px !important;}
.objAcabObrig{margin: 8px 0 0 0 !important}

.cxPorM2{width: 50% !important}
.cxPorM2 .col-sm-3{}
.cxPorM2 label{display: table-caption; margin-bottom:0; font-size: 13px; font-weight: normal;}
.cxAcabM2{width: 50% !important}
.cxAcabM2 input{width: 100%}
.cxPorM2 .div-qtd-linear{padding-right: 5px}
.cxPorM2 .div-medidas-linear{padding-right:5px; padding-left: 5px}
.cxPorM2 .div-btn-linear{padding-left: 5px}

.table-faixa-valores {margin-top:5px; float: left; width: 100%}
.table-faixa-valores table{font-size: 11px !important; }
.faixa-p-nografico {width: 100% !important}

.cxPorMLinear .col-sm-2{padding: 0 5px;  }
.cxPorMLinear .div-qtd-linear{padding-right: 5px}
.cxPorMLinear .div-medidas-linear{padding-right:5px; padding-left: 5px}
.cxPorMLinear .div-btn-linear{padding-left: 5px}
.cxPorMLinear .col-sm-5{padding-left: 5px;  }
.cxPorMLinear label{margin: 5px 0 0 0; font-size: 12px}
.cxPorM2 .alert,
.cxPorMLinear .alert{float: left; width: 100%; font-size: 12px !important; margin-bottom: 0 !important; line-height: 130% !important}
.cxPorM2 .alert-default,
.cxPorMLinear .alert-default{background-color: #eee; border:1px solid #cecece; margin-top: 5px; padding: 3px 10px !important; }
.spinnerMLinear{min-width: 100%; float: left; position: relative; display: initial !important;}
.spinnerMLinear .input-group-btn-vertical {
    position: relative;
    z-index: 10;
    margin-left: -17px;
    float: left;
}

/*------------ adaptacao ------------------*/
.row-calcule{padding: 7px; float: left; max-width: 600px}
.cxPorM2 .input-group-addon{padding: 6px 5px !important}
.cxPorM2 .div-qtd-linear{float: left; width: 20%; min-width: 60px; }
.cxPorM2 .div-medidas-linear{float: left; width: 40%; min-width: 110px; }
.cxPorM2 .last{padding-right: 0}
.cxPorM2 .div-btn-linear{float: left; width: 50%; margin-top: 5px ; padding: 0}
.div-avisoM2{float: left; width: 100%}
.alert-valorML{height: 30px; line-height: 30px; margin: 0; background-color: #eee ; font-size: 10px; font-size: 12px; text-align: center;}
.full-line{width: 100% !important}
.div-tabelado{float: left; width: 100%; margin-top: 5px}
.div-tabelado table{margin: 0;}


.cmpVar .qtd-unit-diversos{width: 100% !important}
.cmpVar .form-group label{width: 100%; }
.cmpVar .form-group #quantUnit{border-radius: 3px 0 0 3px; font-size: 18px; font-weight: bold; text-align: center;}
.spinner-no-graf{width: 100% !important}
.alert-qtd-minima{padding: 2px 10px; margin: 3px 0; font-size: 12px; text-align: center;}

.row-calcule #quantUnit{border-radius: 4px 0 0 4px !important}

.titCol {
  background: #e5e5e5 none repeat scroll 0 0;
  color: #333;
  float: left;
  font-size: 18px;
  font-weight: bold;
  height: auto;
  line-height: 100%;
  width: 100%;
  font-family: 'Archivo';
  border-radius: 2px;
  padding: 10px;
}
.cxQuantAcab .lnTit {
  float: left;
  font-size: 14px;
  padding: 7px 5px 0px 5px;
  font-size:14px;
  width:100%;
  color:#333
}
.cxQuantAcab .lnCmp {
  float: left;
  height: auto;
  margin-left: 5px;
  width:100%
}
.cxQuantAcab .lnCmp #quantUnit{
  max-width: 200px !important;
}
.cxQuantAcab .divCmps {
  border-bottom: 1px dotted #dfdfdf;
  float: left;
  height: auto;
  line-height: 100%;
  margin: 2px 0;
  min-height: 27px;
  width: 100%;
  padding: 0 5px;
}
.cxQuantAcab .divCmps label{
  display: block !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  max-width: none !important;
}

.cxQuantAcab .divCmps .cmpSelect {
  float: left;
  height: 13px;
  width: 25px;
  z-index:999;
  height:30px
}
.cxQuantAcab .divCmps .cmpDescricao {
  float: none;
  font-size: 14px;
  height: auto;
  line-height: 13px;
  width: 100%;
  z-index:999
}
.cmpDescricao .label{font-weight: 100 !important; padding: 0 5px !important}
.cxQuantAcab .divCmps .cmpDiasAdd {
  color: #666;
  float: none;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  height: 15px;
  z-index:999;
  width: 100%
}

.cxQuantAcab .divFullM2{float:left}
.cxQuantAcab .lnTitM2,
.cxQuantAcab .lnCmpM2{float:left;width:24.5%; font-size:13px;}
.cxQuantAcab #larguraM2,
.cxQuantAcab #alturaM2{width:100%; margin-bottom:0px;}
.cxQuantAcab #quantSelect{max-width:260px}
.cxQuantAcab .lnCmpM2_{float:left;height:auto}
.cxQuantAcab .msgErroMedidas,
.cxQuantAcab .msgOKMedidas{display:none; float:left; padding:3px 10px; margin:5px 0; width:100%}


.cxRsArte{margin-bottom:5px}
.cxQtdAcab{margin: 0 0 15px 0px;float:left; width:100%; }
.cxRsArte label{
  display: block !important;
  font-weight: normal !important;
  margin-bottom: 0 !important;
  max-width: none !important;
}
.cxRsArte .divCmpArte {
    float: left;
    height: auto;
    line-height: 110%;
    padding: 3px 0 5px 0px;
}
.cxRsArte .divValorArte {
  float: right;
  padding: 3px 0 10px;
  color:#333;
  font-size: 22px;
  height: 20px;
  margin-top: 0px;
  text-align: right;
  font-family:'Archivo';
}
.cxRsArte .divDescValorArte{
  float: left;
  text-align: right;
  padding: 3px 0 5px
}
.cxRsArte .divDescArteFull{display:none;}
.cxRsArte .divDescArte {
  color: #333;
  display: none;
  float: left;
  font-size: 15px;
  font-weight: bold;
  width:100%;
  display:block;
  line-height:110%;
}
.cxRsArte .descInfor{
  float: left;
  width: 100%;
  padding: 5px;
  height: auto;
}
.divDescCmpArte {float: left; width: 100%}
.divDescCmpArte textarea{width:100%;height:70px; font-size:13px; color:#333; font-family:Arial, Helvetica, sans-serif; padding: 5px; margin-top:10px; line-height: 120%; margin-bottom: 5px}
.jqte{margin:5px 0 !important;}

.b-pnt-top{border-top: 1px dotted #ccc}
.down-gabaritos, .inf-gabaritos{padding: 0 5px; height: auto; margin-bottom: 10px; float: left; color:#666; }
.down-gabaritos h3{font-size: 15px; font-weight: bold; color: #333; margin:0; padding: 5px 0; }
.down-gabaritos img{margin-right: 5px;}
.down-gabaritos img:hover{opacity: .7}
.inf-gabaritos{padding-top: 15px}

.inf-gabaritos .line-gab{float: left; width: 100%; height: auto;}
.inf-gabaritos h3,
.inf-gabaritos h2{font-size: 15px; margin:0; padding: 0px 0; font-family: arial;font-weight: bold}
.inf-gabaritos h3{padding-top: 5px}
.inf-gabaritos h3 b{color: #0066FF;}
.inf-gabaritos h2{font-size: 20px; font-family: arial; font-stretch: condensed; color:#333; }
.inf-gabaritos .img-attention{padding: 0 10px 0 0; width: auto; }
.inf-gabaritos .txt-criate-arte{padding: 0}

.cxRsTotal{
  width: 100%;
  float: left;
  height: auto;
  min-height: 10px;
}
.cxRsTotal .col-total{
  float: left;
  width: 50%;
  height: auto;
}
.cxRsTotal .ln_valores {
  float: left;
  text-indent: 5px;
  width: 100%;
}
.cxRsTotal .ln_valores span {
  font-weight: bold;
}

.cxRsTotal .totalgeral {
  color:#333;
  float: left;
  font-family:'Istok';
  font-size: 36px;
  font-weight: 300;
  margin:0 -5px;
  height: 48px;
  line-height: 65px;
  text-align: right;
  width:100%;
  font-weight:bold;
}
.cxRsTotal .totalgeral > span { font-size: 20px; font-weight:800;}
.cxRsTotal .totalparc{text-align:right; float:left; width:100%;margin:0 -5px;}
.div-totais{margin: 0; float: left; width: 100%}
.div-totais .alert-no-stock{float: left; width: 100%; font-size: 12px; display: none; margin-bottom: 5px; padding: 5px 10px}
.div-totais .alert-no-stock h5{margin: 0; padding: 0; font-size: 14px; font-weight: bold}
.cxBtnComprar{ padding-top:7px;}
.cxBtnComprar .botao-comprar {
  float: right;
  font-size: 20px;
  font-weight:bold;
  height: 60px;
  line-height: 50px;
  text-align: center;
  width: 100%;
  max-width: 200px;
}
.cxBtnComprar .botao-comprar i{font-size: 24px}
.col-6-produto{
  float:left;
  width:50%;
  padding:15px;
  height:auto
}
.dadosProd{padding: 0 !important}
.cmpVar1{margin-top: 10px}
.cmpVar, .cmpVar1, .cmpVar2, .cmpVar3, .cmpVar4, .cmpVar5{float: left; padding: 3px 15px 3px 40%; width: 100%}
.cmpVar2, .cmpVar3, .cmpVar4, .cmpVar5{display:none}
.descValor{
  font-size:13px;text-align:right
}
select option:first-child { font-weight: bold; !important; }
.showValue{
  float: right;
  width: 100%;
  font-weight:bold;
  color: #333;
  display: block;
  font-size: 26px;
  height:auto;
  text-align:right;

}

.value-purchase{float: left; margin-right: 0}
.value-purchase > div{height:auto; padding:0 !important}
.value-purchase .value-desc{border-bottom: 1px dotted #ccc; margin-bottom: 2px; padding-bottom: 2px !important;}
.value-purchase .badge{font-size:14px; margin: 0 5px;}
.value-purchase .value-discount{font-size:22px; float:right}
.value-purchase .transfer-ticket{font-size:11px; float:right; padding-right: 5px; font-weight: normal !important; width: 100%}
.value-purchase .desc-value-card{font-size: 11px; line-height: 150%; text-align: right}
.value-purchase .desc-value-card .value-card{font-size: 18px; color:#333; font-weight: bold}
.value-purchase .desc-plots,
.value-purchase .desc-balcao{font-size: 11px; text-align: right;}
.showValue > span { font-size: 18px; font-weight:800}
.value-geral{font-size: 32px}
.value-purchase .plots{line-height: 10px; padding-bottom: 7px !important}

.stMainServices,
.stButton .stButton_gradient {height:22px !important}

.cxRsSolicitarOrc{
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-size: 18px;
}
.cxRsSolicitarOrc p{padding:20px 0;}
.cxRsSolicitarOrc i{font-size: 22px; margin-right: 10px}
.cxRsSolicitarOrc .btn{padding:10px 20px; font-size: 16px; font-weight: bold;}

.col-full{width:100% !important; padding-right:0px}
/* --------------------- VIEW PRODUTOS GALLERY ------------------------ */
.view-images-produto{padding: 0px}
.sp-loading{width: 100% ; height: 315px ; background: #fff; margin:0; border: none; max-width: 430px ; border:5px solid #eee; overflow: hidden; }
.sp-wrap{width: 100% ; height: 315px ; background: #fff; margin:0; border: none; max-width: 430px ; border:5px solid #eee; overflow: hidden; margin: 0 15px 15px 0;}
.sp-wrap-one-image{height: 250px !important}
.sp-large { height: 240px !important; max-width: 420px !important; width: 100%; background: #fff none repeat scroll 0 0; padding: 2px;}
.sp-large a img {max-height: 235px; width: auto; max-width: 420px; display: flex; margin:0 auto; }
.sp-thumbs{
  background-color: #eee !important;
  display: flex !important;
  height: 67px;
  margin-top: 2px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  max-width: 420px;
  bottom: -5px;
}
.sp-thumbs a {height: 60px !important; width: 60px !important;  background-position: center; margin: 2px; }

/* --------------------- NUMBER FORMATE ------------------------ */
.spinner {
  width: 200px;
}
.spinner input {
  text-align: right;
  border-radius:0
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: bottom;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
  color:#333 !important
}

/*----------------------- CARRINHO -------------------------------*/
.carrinho-vazio{float: left; width: 100%; padding: 70px 0; text-align: center; color: #ccc; font-size: 32px; font-family: 'Archivo-Bold';}
#row-carrinho {background: #fff}
#row-carrinho .tit-carrinho{width: 100%; height: auto; font-size: 18px; font-weight: bold; margin: 0 auto; display: table; margin-bottom: 10px; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
#row-carrinho .tit-carrinho img{float: none; margin: 0 auto;}
/*
#row-carrinho .tit-carrinho .level{float: left; height: auto; width: auto;
padding: 0 10px;}
#row-carrinho .tit-carrinho .level .number{float: left; border: 3px solid #555; border-radius: 100px; width: 28px; height: 28px; text-align: center; margin-right: 5px}
#row-carrinho .tit-carrinho .level .desc{float: left; height: 28px; line-height: 30px}
#row-carrinho .tit-carrinho .level .next{float: left; padding: 5px 5px 5px 20px}
#row-carrinho .tit-carrinho .active{color: #C21480 !important}
*/
#table-produtos-car{font-size: 13px; font-family: 'arial'; color: #444;}
#table-produtos-car  tr > td {vertical-align:middle !important; border-top: none; border-bottom: 1px solid #ccc}
#table-produtos-car .nome-produto{font-size: 16px; font-family: 'Archivo-Bold'; line-height: 100%}
#table-produtos-car .desc-produto{float: left; width: 90%; height: auto; line-height: 120%; font-size: 11px}
#table-produtos-car .valor-produto{font-size: 22px; font-family: 'Archivo-Bold'}
#table-produtos-car .act-duplicar i{font-size: 16px}
#table-produtos-car .act-duplicar:hover{cursor: pointer; text-decoration: underline;}
#table-produtos-car .act-delete i{font-size: 22px; cursor: pointer;}

#table-produtos-car .col-image{max-width: 70px}
#table-produtos-car .col-nome{max-width: 400px}
#table-produtos-car .col-prazo{min-width: 100px}
#table-produtos-car .col-duplicar{min-width: 85px}

#row-carrinho .col-sm-12{float: left;}
#row-carrinho .div-table{float: left; width: 100%; height: auto;}
#row-carrinho .resumo-totais{background: #f5f5f5; font-family: 'Archivo-Bold'; padding: 15px; float: left; width: 100%}
#row-carrinho .resumo-totais h1{font-size: 22px; padding-top: 5px ; margin:0; color: #333; border-bottom: 1px solid #333; margin-bottom: 10px}
#row-carrinho .line{float: left; width: 100%; padding: 5px 0}
#row-carrinho .line span{font-family: 'Arial'; }
#row-carrinho .line strong{font-size: 20px; float: right; font-weight: 100; color: #333}
#row-carrinho .line .desc-frete{font-size: 11px; color: #888; height: auto; width: 100%; float: left; line-height: 100%}
#row-carrinho .line-desconto span{font-size: 13px; }
#row-carrinho .resumo-totais > .alert {float: left; padding: 5px 5px; font-size: 11px; width: 100%; text-align: center; font-family: 'Arial'; margin-bottom: 5px; line-height: 110%}
#row-carrinho .resumo-totais > .line .btn{font-weight: 100; font-size: 18px; max-width: 300px; float: right;}
#row-carrinho .resumo-totais > .line .act-avancar{font-size: 22px}
#row-carrinho .resumo-totais > .line .act-esvaziar{color: #666}

#row-carrinho .div-act-car1{margin-bottom: 15px}

#row-carrinho .act-avancar-entrega{font-size: 20px; font-weight: 100; font-family: 'Archivo-Bold'; padding: 5px 25px}
#row-carrinho .act-continuar-comprando{display: table; margin: 0 auto; font-size: 18px; font-weight: 100; font-family: 'Archivo-Bold'; padding: 5px 25px}

/* ---------------------- carrinho entrega ----------------------------*/
#row-carrinho .div-forma-entrega{background: #F0F0F0; padding: 15px; float: left; width: 100%; height: auto; margin-bottom: 15px;}
#row-carrinho .div-forma-entrega div{}
#row-carrinho .div-forma-entrega > .title{ width: 100%; font-family: 'Arial'; font-weight: bold; font-size: 20px; margin-bottom: 10px; color: #444}
#row-carrinho .div-forma-entrega label{float: left; width: 100%; height: auto; padding: 10px 5px 10px 10px;; background: #F9F9F9; border:1px solid #DBDBDB; border-radius: 2px; margin-bottom: 5px; transition: all 0.65s; cursor: pointer;font-family: "Archivo";
font-size: 17px;}
#row-carrinho .div-forma-entrega .divSimulaFrete{display: none;}
#row-carrinho .div-forma-entrega .input-group .input-group-btn{float: left;}
#row-carrinho .div-forma-entrega .input-group input{max-width: 150px; float: left;}
#row-carrinho .div-forma-entrega .div-cupomDesconto > .input-group input{max-width: 200px; float: left;}

#row-carrinho .div-forma-entrega .input-group .btn{float: left;}
#row-carrinho .div-forma-entrega .divSimulaFrete{display: none;}
#row-carrinho .div-forma-entrega .aviso-check-cep{display: none; float: left; font-size: 11px; font-weight: 500; margin: 4px 0 1px; padding: 2px 5px 0; text-align: left;
    width: 100%;}
#row-carrinho .div-forma-entrega .endRetBalcao{float: left; width: 100%; height: auto; background: #fff; padding: 7px; border-radius: 2px; font-size: 13px; color: #555; line-height: 120%; border:1px solid #dbdbdb;}
#row-carrinho .div-forma-entrega .endRetBalcao h3{ margin:0; padding: 0 0 5px 0; font-size: 20px; font-family: 'Archivo-Bold'}

#row-carrinho .div-cupomDesconto .divAvisoErroCupom{padding: 5px 10px; margin: 5px 0; font-size: 12px; display: none; max-width: 300px}

#row-carrinho .div-resume-entrega{background: #F0F0F0; padding: 17px; float: left; width: 100%; height: auto; margin-bottom: 15px; font-family: "Archivo"; }
#row-carrinho .div-resume-entrega > .title{ font-family: 'Arial'; font-weight: bold; font-size: 20px; margin-bottom: 10px; color: #444; border-bottom: 1px solid #444}
#row-carrinho .div-resume-entrega > .sub-title{ font-size: 16px; margin-bottom: 10px; color: #444; border-bottom: 1px solid #cecece; padding: 7px 0; text-align: center; background-color: #fff}
#row-carrinho .div-resume-entrega .table-entrega {margin:0}
#row-carrinho .div-resume-entrega .table-entrega td{border:none; border-bottom: 1px solid #E6E6E6; padding: 5px; }
#row-carrinho .div-resume-entrega .table-entrega .nome-produto{font-size: 15px;
  font-weight: bold; color: #333;  float: left; width: 100%; line-height: 100%;}
#row-carrinho .div-resume-entrega .table-entrega .num-itens{font-size: 13px; color:#888;float: left; width: 100%; line-height: 100%; padding-top: 3px}
#row-carrinho .div-resume-entrega .table-entrega .valor-produto{font-weight: bold; color: #333; font-size: 17px; text-align: right; float: left; width: 100%}

#row-carrinho .div-resume-entrega .col-pesoprazo{float: left; width: 100%; height: auto;border-top: 3px solid #DBDBDB; font-size: 11px; color: #333; padding: 5px}
#row-carrinho .div-resume-entrega .col-pesoprazo .col-1{float: left;width: 60%}
#row-carrinho .div-resume-entrega .col-pesoprazo .col-2{float: left;width: 40%; text-align: right;}

#row-carrinho .div-resume-entrega .col-subtotal{float: left; width: 100%; height: auto;border-top: 3px solid #DBDBDB; font-size: 16px; color: #333; padding: 5px; font-weight: bold}
#row-carrinho .div-resume-entrega .col-subtotal .col-1{float: left;width: 60%; padding-bottom: 3px; }
#row-carrinho .div-resume-entrega .col-subtotal .col-2{float: left;width: 40%; text-align: right; font-size: 18px; padding-bottom: 3px; }
#row-carrinho .div-resume-entrega .col-subtotal .col-3{float: left;width: 100%;  font-size: 11px; color: #666;font-weight: 100; line-height: 100%; margin-top: -5px; font-family: 'Arial'}

#row-carrinho .div-resume-entrega .col-totalGeral{float: left; width: 100%; height: auto;border-top: 3px solid #DBDBDB; font-size: 13px; color: #333; padding: 5px; font-weight: bold}
#row-carrinho .div-resume-entrega .col-totalGeral .col-1{float: left;width: 60%; padding-bottom: 3px; font-size: 18px}
#row-carrinho .div-resume-entrega .col-totalGeral .col-2{float: left;width: 40%; text-align: right; font-size: 24px; padding-bottom: 3px}
#row-carrinho .div-resume-entrega .col-totalGeral .col-2 span{font-size: 13px}

#row-carrinho .div-resume-entrega .col-action{float: left; width: 100%; height: auto; padding: 10px 0; }
#row-carrinho .div-resume-entrega .act-avancar-envio,
#row-carrinho .div-resume-entrega .act-finalizar-compra{padding: 5px 50px; font-size: 20px; font-weight: bold}
#row-carrinho .div-resume-entrega .act-cancelar-pedido{font-weight: 100 !important; text-decoration: underline; font-family: 'Arial'; font-size:12px; color:#919191;}
#row-carrinho .div-resume-entrega .aviso-avancar{padding: 5px 20px; margin:-10px 0 5px 0; display: none;}
#row-carrinho .div-resume-entrega .act-edit-carrinho{font-family: 'Arial'; text-decoration: underline;}
#row-carrinho .div-resume-entrega .act-edit-carrinho:hover{color:#333;}

#row-carrinho .col-uploads{line-height: 100%}
#row-carrinho .col-uploads .title{color: #444;  font-size: 20px; font-weight: 100; margin-bottom: 10px; font-family: 'Archivo-Bold'}
#row-carrinho .col-uploads .col-item-envio{float: left; width: 100%; height: auto; padding: 10px 15px; background: #f0f0f0 none repeat scroll 0 0; margin-bottom: 7px; border-radius: 2px; border: 1px solid #E9E9E9; font-family: 'Arial'}
#row-carrinho .col-uploads .col-item-envio  .icon > i{float: left; font-size: 53px; color: #DBDBDB; text-align: center; padding: 0 10px 0 0; min-width: 75px;}
#row-carrinho .col-uploads .col-item-envio .progress{margin-bottom: 0 !important; display: none; text-align: center;}
#row-carrinho .col-uploads .nome{font-size: 18px; font-weight: bold; color: #555; padding-bottom: 3px; font-stretch: condensed;}
#row-carrinho .col-uploads .desc{font-size: 14px; font-weight: 100 !important; width: auto;}
#row-carrinho .col-uploads .ident{font-size: 11px;}
#row-carrinho .col-uploads .line-file{float: left; width: 100%; height: auto; margin-bottom: 3px}
#row-carrinho .col-uploads .line-file > .file{font-size: 12px; font-weight: bold;  background-color: #fff; padding: 4px 10px; float: left; width: auto; border-radius: 3px; border:1px solid #e9e9e9;}
#row-carrinho .col-uploads .nome-file{font-size: 14px; font-weight: normal; line-height: 22px; margin-right: 30px;}
#row-carrinho .col-uploads .nome-file i{font-size: 18px; margin:0 5px 0 0 ; padding: 0; min-width: 1px;}
#row-carrinho .col-uploads .ident .btn-link{cursor: pointer;}
#row-carrinho .col-uploads .objFileupload{float: left; width: 100%; height: 15px; height: auto;}
#row-carrinho .col-uploads .objFileupload .table-files-upload{margin-bottom: 0 !important}
#row-carrinho .col-uploads .objFileupload .fileupload-buttonbar{height: 5px}
#row-carrinho .col-uploads .objFileupload .fileupload-buttonbar div{float: left}
#row-carrinho .col-uploads .aviso-files{font-size: 13px; padding: 5px 10px; background-color: #f9f9f9; line-height: 120%; float: left; width: 100%; height: auto;}
#row-carrinho .col-uploads .file > .btn-link{text-decoration: underline !important}
#row-carrinho .col-uploads .col-item-envio .files .alert{float: left; width: auto; padding: 5px 15px; border: 2px solid #AC1616; margin:5px 0;}
#row-carrinho .col-uploads .col-item-envio .progress-bar{text-align: center !important;}
#row-carrinho .col-uploads .col-item-envio .files div{float: left; width: 100%}
#row-carrinho .col-uploads .border-ne{border-color: #A50A0A}


#row-carrinho .div-forma-pag{background: #fff; float: left; width: 100%; height: auto; margin-bottom: 15px;}
#content-pay {background: #fff; padding: 15px 0}
#content-pay .title{font-size: 20px; font-weight: bold; margin-bottom: 5px ;font-family: "Archivo"}
#content-pay .line-pag{float: left; background-color: #F0F0F0; border: 1px solid #E4E4E4; margin-bottom: 10px; padding: 10px; border-radius: 2px; font-size: 13px; min-width: 215px; max-width: 320px; transition: all 0.8s}
#content-pay .line-pag div{float: left; }
#content-pay .div-forma-pag .col-sm-4{display: inline-table; margin-bottom: 15px}
#content-pay .line-pag .pag-img,
#content-pay .line-pag .pag-desc,
#content-pay .line-pag .pag-value,
#content-pay .line-pag .pag-action{float: left; width: 100%;}
#content-pay .line-pag .pag-img{ height: 75px;margin-bottom: 10px; border-bottom: 1px solid #BFBFBF}
#content-pay .line-pag .pag-desc{float: left; width: 100%; min-height: 150px}
#content-pay .line-pag .pag-img img{margin: 0 auto; display: flex;}
#content-pay .line-pag .pag-value{text-align: center; font-weight: bold; font-size: 22px; height: 60px; line-height: 60px; border-top: 1px dashed #BFBFBF; color: #222}
#content-pay .line-pag .pag-action .btn{display: table; float: none; margin: 0 auto; padding: 5px 25px; font-size: 16px}

#content-pay .line-pag .alert-desconto{font-size: 16px; font-weight: bold; padding: 2px 15px;}
#content-pay .line-pag .pag-desc .logo-banco{float: left; margin: 5px 5px; border: 1px solid #E4E4E4;}
#content-pay .line-pag .pag-desc .logo-banco:hover{cursor:help; border-color: #DDDDDD}



.trimlack {
  animation: treme 0.1s;
  animation-iteration-count: 5;
}

@keyframes treme {
  0% {margin-left: 0;}
  25% {margin-left: 5px;}
  50% {margin-left: 0;}
  75% {margin-left: -5px;}
  100% {margin-left: 0;}
}

/* ---------------------- FORM ERRO / VALIDATE -------------------*/
.error{color: #dd4b39 !important; border: 2px solid #dd4b39 !important;}
input.error{border-color: #dd4b39 !important;}
/*
label.error::after {
  border-color: #ce0000 transparent;
  border-style: solid;
  border-width: 0 5px 8px;
  content: "";
  display: block;
  margin-left: 2px;
  margin-top: -20px;
  position: absolute;
  width: 0;
  z-index: 2147483647;
}
label.error {
  background: #ce0000 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  font-size: 9px;
  font-weight: 700;
  line-height: 100%;
  margin: 1px;
  max-width: 100%;
  padding: 4px;
}
*/
label.error{display:none !important;}
.ep-wg{animation: pulseDanger 1.4s infinite;}

/*----------- totais produto_view ---------------*/
.total-full-product{font-size: 32px !important;font-weight: 600 !important; border-bottom: none !important; text-align: right !important; padding: 5px 0 0 0 !important; line-height: 100%; margin-bottom: -10px !important; font-family: 'Archivo'}
.total-full-product span{font-size: 15px !important}
.value-pagto, .value-card, .value-discount, .value-balcao, .value-pagseguro, .value-paypal, .value-moip, .value-cielo{color:#555; font-weight: bold; font-size: 16px}
.val-parcela, .parc-pagseguro, .parc-moip, .parc-cielo, .parc-mp{font-size:11px; float:left; width:100%; margin:-5px 0; cursor: pointer; text-decoration: underline; color: #999}
.val-parcela:hover, .parc-pagseguro:hover, .parc-moip:hover, .parc-cielo:hover, .parc-mp:hover{color: #333}
.txtMaisDetailNoG{border-top: 4px solid #ccc; margin-top: 10px; padding-top:5px;}

/*-------------------- redes sociais compartilhar -------------*/
.div-social-shared{float: left; width: 100%; text-align: right;}
.color-facebook,
.color-twitter,
.color-whatsapp{float: right; padding: 3px 5px; font-size: 32px}
a.color-facebook{ color: #337ab7 !important}
a.color-twitter{ color: #55ACEE !important}
a.color-whatsapp{ color: #189D0E !important; display: none;}

/*-------------------- search buttom - ocultar  -------------*/
.act-view-search{display: none}

/*----------------------------------------------------------------------------*/
#seloEbit > img{width: 25%}

@-webkit-keyframes pulseDanger {
 0% {
  -webkit-box-shadow: 0 0 0 0 rgba(255,0,0,0.3);
 }
 70% {
  -webkit-box-shadow: 0 0 0 10px rgba(255,0,0, 0);
 }
 100% {
  -webkit-box-shadow: 0 0 0 0 rgba(255,0,0, 0);
 }
}
@keyframes pulseDanger {
 10% {
  -moz-box-shadow: 0 0 0 0 #CC0000;
  box-shadow: 0 0 0 0 #CC0000;
 }
 80% {
  -moz-box-shadow: 0 0 0 7px rgba(204,169,44, 0);
  box-shadow: 0 0 0 11px rgba(204,169,44, 0);
 }
 100% {
  -moz-box-shadow: 0 0 0 0 rgba(255,0,0,0.1);
  box-shadow: 0 0 0 0 rgba(204,169,44, 0);
 }
}

@keyframes gelatine {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    bottom: 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1); }
  92% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    bottom: 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1); }
  93% {
    bottom: 30px; }
  94% {
    -webkit-transform: scale(0.8, 1.2);
    transform: scale(0.8, 1.2);
    -moz-transform: scale(0.8, 1.2);
    -ms-transform: scale(0.8, 1.2);
    -o-transform: scale(0.8, 1.2); }
  96% {
    -webkit-transform: scale(1.2, 0.8);
    transform: scale(1.2, 0.8);
    -moz-transform: scale(1.2, 0.8);
    -ms-transform: scale(1.2, 0.8);
    -o-transform: scale(1.2, 0.8); }
  98% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
    -moz-transform: scale(0.9, 1.1);
    -ms-transform: scale(0.9, 1.1);
    -o-transform: scale(0.9, 1.1); }
  99% {
    bottom: 45px; }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    bottom: 0;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1); } 
}

.ep-wg{animation: pulseDanger 1.4s infinite;}