/* FONTS */

.modal{
  top: 0;
  bottom:0;
  right:0;
  left:0;
}

.modal-content{
  background: rgb(71,70,74);
  background: linear-gradient(180deg, rgba(71,70,74,1) 0%, rgba(40,40,40,1) 100%);
}

.close{
  color:#fff;
  text-shadow: none;
}

.close:hover{
  color:#fff;
  text-shadow: none;
}

.modal-header{
  border:none;
}
.modal-body{
  padding: 15px 40px 40px 40px;
  border:none;
}

.modal-body h2{
  font-family: "xolonium-regular", sans-serif;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 15px;
}


.lojas-logos img{
  height: auto;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transition: all .2s ease-in-out;
}

.lojas-logos img:hover{
transform: scale(1.1);
}

.owl-dots{margin-top: 20px;}


/* SECTION 1 - #produtos*/


#produtos .item-container{
  width:100%;
  padding:30px 0 0 0;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
  background: #cccccc;
}

#produtos .item{
  width:100%;
  padding:30px 20px 40px 20px;
  margin-left: auto;
  margin-right: auto;
  z-index: 2;
    background: #cccccc;
}


#produtos .solid-cta, #produtos .outline-cta, #hero .solid-cta, #hero .outline-cta{
  width: auto;
  max-width: 100%;
  text-align: center;
  display: block;
  padding: 10px 20px;
  margin: 10px 5px;
  float: left;
}

.ctas-produtos{padding-top: 20px;}
.solid-cta{
  text-align: center;
  display: inline-block;
  padding: 5px 25px;
  border-radius: 40px;
  font-family: "tt_normal", sans-serif;
  font-size:1.2rem;
  background: #303030;
  border:1px solid transparent;
  color:#ffffff;
  text-decoration: none;
  line-height: 100%;margin: 10px 5px;
}

.solid-cta:hover{
  text-decoration: none;
  color:#303030;
  text-decoration: none;
  background: #fafafa;
  border:2px solid #fafafa; 
}

.outline-cta{
  padding: 5px 25px;
  color: #303030!important;
  text-align: center;
  display: inline-block;
  font-family: "tt_normal", sans-serif;
  background: transparent;
  border:2px solid #303030;
  text-decoration: none;
  line-height: 100%;
  color:#303030;
  border-radius: 40px;margin: 10px 5px;
}

.outline-cta:hover{
  color: #303030!important;
  text-align: center;
  display: inline-block;
  font-family: "tt_normal", sans-serif;
  background: #fafafa;
  border:2px solid #fafafa;
  text-decoration: none;
  line-height: 100%;
  color:#303030;
}

.drop-cta{
  width:130px;
  font-size: 15px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
  color:#303030;
}

.drop-cta::after{
  position: absolute;
  content: "";
  width:10px;
  height:10px;
  background-image: url("../imgs/seta.svg");
  background-position:top center;
  background-repeat: no-repeat;
  display: inline-block;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: -15px;
  transition: all ease-in-out 0.3s;
}

.drop-cta:hover:after{
  bottom: -20px;
  moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.change-after::after{
  moz-transform: scaleY(-1);
  -o-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

.owl-dots{
  display: block;
}

.owl-nav{
  position: absolute;
  margin: 0 auto;
  width: 100%;
  top:calc(50% - 60px);
  left:0;
  right: 0;
}

.arrowleft, .arrowright{
  width: 40px;
  height: 60px;
  background-color: #666666;
  display: block;
padding: 10px 0;
}

.arrowleft:before{
  height: 100%;
  width: 100%;
  display: block;
  content: "";
  background-image: url('../imgs/arrow-left.svg');
  background-repeat: no-repeat;
  background-position: center;

}

.arrowright:before{
  height: 100%;
  width: 100%;
  display: block;
  content: "";
  background-image: url('../imgs/arrow-right.svg');
  background-repeat: no-repeat;
  background-position: center;

}

.owl-prev{
  top: 0;
  bottom: 0;
left:-50px;
position: absolute;
width: auto;
height: auto;
}

.owl-next{
  top: 0;
  bottom: 0;
  right:-50px;
  position: absolute;
  width: auto;
  height: auto;
}

#produtos .spec-container{
  width:100%;
  height:auto;
  padding:30px 20px 0px 20px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  display: none;
}

#produtos ul {margin:0;padding-left: 0;}
#produtos li{
  font-size: 1rem;
  line-height: 120%;
  padding: 0 0 15px 0;
  text-align: left;
  list-style: none;
  margin-bottom: 0;
  color:#000000;
}

#produtos li:last-child{
  padding-bottom: 0;
  border-bottom: unset;
}


#produto-carrossel li{
  font-size: 1rem;
  line-height: 140%;
  padding: 10px 0;
  text-align: left;
  list-style: none;
  margin-bottom: 0;
  color:#000000;
  border-bottom: 1px solid #666666;
}

.produto-destaque{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

a.anchor{
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}

.item-btns{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  z-index: 4;
}

.item-btns a{
  margin-bottom: 10px;
  display: block;
  float: none!important;
}


#produto > .logo{
  width:80%;
  margin-left: auto;
  margin-right: auto;
}

 @media (max-width:1400px) {}
 @media (max-width:1336px) {}
 @media (max-width:1271px) {}
 @media (max-width:1100px) {}
 @media (max-width:1000px) {}
 @media (max-width:767px) {}
 @media (max-width:480px) {
   #produtos .solid-cta, #produtos .outline-cta{
     float: none;
   }
   #produtos{padding:2.5rem 15px 2.5rem 15px;}
 }