@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,400i,500,500i,600,800,900');
body, h1, h2, p, ul, li, a {
  margin: 0px;
  padding: 0px;
}
body {
  font-family: 'Montserrat', Arial, sans-serif!important;
  color: #222222;
  line-height: normal;
}
ul {
  list-style: none;
}s
a {
  text-decoration: none;
}
img {
  display: block;
  max-width: 100%;
  margin: auto;
}
* {
  box-sizing: border-box;
}
main {
  max-width: 1240px;
  margin: 0 auto;
}
footer {
  background: #eceaea;
}
/*menu novo menu---------------------------------------------------------------*/ 



#flipkart-navbar {
  border-top: 10px solid #79cb0f;
  background-color: #514c56;
}
.row1 {
  padding-top: 10px;
  display: flex;
  justify-content: center;
}
.row2 {
  padding-bottom: 20px;
  padding-top: 20px;
}
.flipkart-navbar-input {
  padding: 11px 16px;
  border-radius: 2px 0 0 2px;
  border: 0 none;
  outline: 0 none;
  font-size: 15px;
}
.flipkart-navbar-button {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 0 2px 2px 0;
  color: #565656;
  padding: 10px 0;
  height: 43px;
  cursor: pointer;
}
.cart-button {
  background-color: #6db80e;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .23), inset 1px 1px 0 0 hsla(0, 0%, 100%, .2);
  padding: 10px 0;
  text-align: center;
  height: 41px;
  border-radius: 2px;
  font-weight: 500;
  width: 120px;
  display: inline-block;
  color: #FFFFFF;
  text-decoration: none;
  color: inherit;
  border: none;
  outline: none;
}
.cart-button:hover {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
}
.cart-svg {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.item-number {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, .1);
  height: 20px;
  padding: 3px 6px;
  font-weight: 500;
  display: inline-block;
  color: #fff;
  line-height: 12px;
  margin-left: 10px;
}
.upper-links {
  display: inline-block;
  padding: 0 11px;
  line-height: 23px;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 0;
  color: inherit;
  border: none;
  outline: none;
  font-size: 1.2em;
  text-align: center;
}
.upper-links span {
  font-size: 30px;
  position: relative;
  top: 5px;
  color: #6db80e;
}
.link-user {
  position: absolute;
  right: 5%;
  top: 5%;
  text-align: center;
  /*text-transform: uppercase;*/

  font-weight: 500;
}
.link-user i {
  font-size: 3em;
  display: block;
}
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 0;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtn:hover {
  background-color: transparent;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  left: -59px;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 56;
  padding: 0;
  text-align: justify;
  font-size: 1em;
}
.dropdown-content h3.nome-cliente-login {
  color: #6db80e;
  background-color: #efefef;
  padding: 10px;
  text-align: center;
  font-size: 1.3em;
}
.dropdown-content i {
  font-size: 1em;
  padding-right: 10px;
}
.dropdown-content a {
  color: black-;
  padding: 12px 16px;
  text-decoration: none;
  display: flex;
  font-size: 1em;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-decoration: none;
}
.dropdown-content a:hover {
  background-color: #f1f1f1;
  text-decoration: none;
}
.dropdown:hover .dropdown-content {
  display: block;
  text-decoration: none;
}
.dropdown:hover .dropbtn {
  background-color: transparent;
  color: #6db80e;
}
.dropdown {
  position: relative;
  display: inline-block;
  margin-bottom: 0px;
}
.dropdown:hover {
  background-color: transparent;
}
.dropdown:hover .links {
  color: #000;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.dropdown .dropdown-menu {
  position: absolute;
  top: 100%;
  display: none;
  background-color: #fff;
  color: #333;
  left: 0px;
  border: 0;
  border-radius: 0;
  box-shadow: 0 4px 8px -3px #555454;
  margin: 0;
  padding: 0px;
}
.links {
  color: #fff;
  text-decoration: none;
}
.links:hover {
  color: #6db80e;
  text-decoration: none;
}
.profile-links {
  font-size: 12px;
  font-family: 'Roboto', sans-serif;
  border-bottom: 1px solid #e9e9e9;
  box-sizing: border-box;
  display: block;
  padding: 0 11px;
  line-height: 23px;
}
.profile-li {
  padding-top: 2px;
}
.largenav {
  display: none;
}
.smallnav {
  display: block;
}
.smallsearch {
  margin-left: 15px;
  margin-top: 15px;
}
.menu-busca {
  cursor: pointer;
  color: #fff;
  display: inline-flex;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
}
 .flipkart-navbar-input ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #000;
}
 .flipkart-navbar-input ::-moz-placeholder { /* Firefox 19+ */
 color: #000;
}
 .flipkart-navbar-input :-ms-input-placeholder { /* IE 10+ */
 color: #000;
}
 .flipkart-navbar-input :-moz-placeholder { /* Firefox 18- */
 color: #000;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.links {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100px;
}
.links:hover {
  color: #6db80e;
  text-decoration: none;
}
.link-user {
  position: absolute;
  left: 70%;
  top: 7%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  width: 50px;
}
.dropdown-content a {
  color: black-;
  padding: 12px 12px;
  text-decoration: none;
  display: flex;
  font-size: 1em;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-decoration: none;
}
.link-user .svg-user {
  display: inline-flex;
  /* margin: 0 auto; */



  width: 45px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
.flipkart-navbar-input {
  width: 85%!important;
}
.flipkart-navbar-button {
  width: 15%!important;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
.links {
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  width: 100px;
}
.links:hover {
  color: #6db80e;
  text-decoration: none;
}
.link-user {
  position: absolute;
  left: 55%;
  top: 7%;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  width: 50px;
}
.dropdown-content a {
  color: black-;
  padding: 12px 12px;
  text-decoration: none;
  display: flex;
  font-size: 1em;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
  text-decoration: none;
}
.link-user .svg-user {
  display: inline-flex;
  /* margin: 0 auto; */



  width: 45px;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}

@media screen and (min-width: 768px) {
.largenav {
  display: block;
}
.smallnav {
  display: none;
}
.smallsearch {
  margin: 0px;
}
}
/*Sidenav*/



.sidenav {
  height: auto;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #514c56;
  overflow-x: hidden;
  transition: 0.5s;
  box-shadow: 0 4px 8px -3px #555454;
  padding-top: 0px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s
}
.sidenav .closebtn {
  position: absolute;
  top: 5px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
  background: #6db80e;
  color: #fff;
}

@media screen and (max-height: 450px) {
.sidenav a {
  font-size: 18px;
}
.sidenav {
  background-color: #514c56;
  padding: 5px 0;
}
.link-mobile a {
  background: #514c56;
  color: #fff;
}
.link-mobile:hover {
  background: #ccc;
  color: #fff;
  text-decoration: none;
}
.top-nav-mobile {
  background-color: #6db80e;
  padding-top: 20px;
}
.sidenav-heading {
  font-size: 36px;
  color: #fff;
}
}
.popover {
  font-family: 'Montserrat', sans-serif;
}
.popover.bottom {
  margin-top: 10px;
  border: 1.5px solid #4ab2c9;
  width: 300px;
}
.popover-header {
  margin: 0;
  padding: 10px;
  font-size: 1.5em;
  font-family: 'Montserrat', sans-serif;
  color: #4ab2ca;
  font-weight: 400;
}
.itens-carrinho {
  display: flex;
  justify-content: space-around;
  padding: 10px;
  font-family: 'Montserrat', sans-serif;
}
.itens-carrinho img {
  padding-right: 0px;
}
.itens-carrinho p {
  padding: 0;
  margin: 0;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 12em;
  overflow: hidden;
  color: #737272;
}
.link-loja {
  font-family: 'Montserrat', sans-serif;
  background: #e1eef1;
  padding: 10px;
}
.link-loja span {
  font-size: 0.9em;
  text-align: right;
  display: block;
}
.link-loja a {
  display: block;
  text-align: right;
  font-size: 0.8em;
}
/*menu novo menu---------------------------------------------------------------*/





/*HOME LOJA SUPERSEG ---*/



/*banner*/



.banner-01-home {
  padding: 15px;
  margin: 0;
}
.banner-01-home .banner-01 {
  padding: 0 15px;
  margin-top: 3%;
  background: #ccc;
  height: 30vh;
}
.banner-01-home .banner-01 img {
  max-width: 100%;
}
.banner-01-home .mySlider {
  position : relative;
  display : block;
  overflow : hidden;
  width : 100%;
  max-width : 100vw;
  height : 50vh;
  max-height : 100%;
  margin : 0 auto;
}
.banner-01-home .slider {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  align-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 0;
  transition: transform 1600ms;
  transform: scale(1);
}
.banner-01-home .slide_img_01 {
  background : url('../loja-online/img/banner-01.png') no-repeat center;
  background-size: cover;
  left: 0;
}
.banner-01-home .slide_img_02 {
  background : url('../loja-online/img/banner-02.png') no-repeat center;
  background-size : cover;
  left: 100%
}
.banner-01-home .control {
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 55;
}
.banner-01-home .control label svg {
  width : 48px;
  height : 48px;
  fill : #fff;
  stroke : currentColor;
  stroke-width : 0;
}
.banner-01-home .control label svg:hover {
  transition : all .2s ease;
  fill : #000;
}
.banner-01-home .control label {
  z-index: 0;
  display: none;
  cursor: pointer;
  opacity: 0.5;
}
.banner-01-home .control label:hover {
  opacity: 1.0;
}
.banner-01-home .next {
  right: 1%;
}
.banner-01-home .previous {
  left: 1%;
}
.banner-01-home .slider-pagination {
  position: absolute;
  bottom: 20px;
  width: 100%;
  left: 0;
  text-align: center;
  z-index: 1000;
}
.banner-01-home .slider-pagination label {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: rgba(255,255,255,0.2);
  margin: 0 2px;
  border: solid 1px rgba(255,255,255,0.4);
  cursor: pointer;
}
.banner-01-home .slide-radio1:checked ~ .next .numb2, .slide-radio2:checked ~ .next .numb1, .slide-radio2:checked ~ .previous .numb1, .slide-radio1:checked ~ .previous .numb2 {
  display: block;
  z-index: 1
}
.banner-01-home .slide-radio1:checked ~ .slider-pagination .page1, .slide-radio2:checked ~ .slider-pagination .page2 {
  background: rgba(255,255,255,1)
}
.banner-01-home .slide-radio1:checked ~ .slider {
  transform: translateX(0%);
}
.banner-01-home .slide-radio2:checked ~ .slider {
  transform: translateX(-100%);
}

@media only screen and (max-width: 767px) {
.banner-01-home .mySlider {
  position : relative;
  width : 100%;
  height: 20vh;
}
.banner-01-home .slider > div {
  padding: 0 2%
}
.banner-01-home .control {
  position: absolute;
  top: 60%;
  margin-top: -24px;
  z-index: 55;
}
.banner-01-home .control label svg {
  width : 32px;
  height : 32px;
  fill : #fff;
  stroke : currentColor;
  stroke-width : 0;
}
}
/*banner----------------------------------------------------------------------*/





/*produtos-em-destaques*/



.produtos-em-destaques {
  padding: 15px;
  margin: 0;
}
.produtos-em-destaques .destaques {
  padding: 0;
}
.produtos-em-destaques .destaques h2 {
  padding: 0;
  width: 100%;
  font-size: 2em;
  color: #6db80e;
}
.produtos-em-destaques .destaques .destaques-home {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque {
  flex: 1 1 300px;
  max-width: 30%;
  margin: 2px 10px 40px 0;
  border: 1px solid #ccc;
  padding: 2%;
  text-align: center;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque img {
  max-width: 60%;
  margin: 0 auto;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque h2 {
  font-size: 1em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 600;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque p {
  font-size: 2em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 700;
  color: #fd8d24;
  margin: 0;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque button.btn-ver-detalhes {
  border: 1.4px solid #0e99b8;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #0e99b8;
  font-weight: 600;
  width: 50%;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque button.btn-ver-detalhes:hover {
  border: 1.4px solid #0e99b8;
  padding: 10px;
  margin-bottom: 10px;
  background: #0e99b8;
  font-size: 0.9em;
  color: #fff;
  font-weight: 500;
  width: 50%;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque button.btn-clique-whatsapp {
  border: 1.4px solid #6db80e;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #6db80e;
  font-weight: 600;
  width: 80%;
  text-transform: uppercase;
  line-height: 1;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque button.btn-clique-whatsapp span {
  font-size: 2.1em;
  font-weight: 600;
  width: 80%;
  text-transform: uppercase;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque button.btn-clique-whatsapp:hover {
  border: 1.4px solid #6db80e;
  padding: 10px;
  margin-bottom: 10px;
  background: #6db80e;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.produtos-em-destaques .destaques .destaques-home {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.produtos-em-destaques .destaques .destaques-home .box-prod-destaque {
  max-width: 100%;
  margin-bottom: 5%;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*Fim produtos-em-destaques --------------*/





/*navegue-nas-categorias*/



.navegue-nas-categorias {
  padding: 15px;
  margin: 0;
}
.navegue-nas-categorias .conteudo-categorias {
  padding: 20px 0;
  background: #6db80e;
}
.navegue-nas-categorias .conteudo-categorias h2 {
  padding: 0;
  width: 100%;
  font-size: 2em;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
}
.navegue-nas-categorias .conteudo-categorias .box-categorias {
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  padding: 25px;
}
.navegue-nas-categorias .conteudo-categorias .box-categorias .itens-categorias {
  flex: 1 1 260px;
  max-width: 15%;
}
.navegue-nas-categorias .conteudo-categorias .box-categorias .itens-categorias .bg-arredondada {
  background: #ccc;
  padding: 10px;
  border-radius: 100px;
}
.navegue-nas-categorias .conteudo-categorias .box-categorias .itens-categorias .bg-arredondada a {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: #ccc;
}
.navegue-nas-categorias .conteudo-categorias .box-categorias .itens-categorias .bg-arredondada a>img {
  max-width: 50%;
}
.navegue-nas-categorias .conteudo-categorias .box-categorias .itens-categorias h3 {
  font-size: 1.3em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.navegue-nas-categorias .conteudo-categorias .box-categorias {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
}
.navegue-nas-categorias .conteudo-categorias .box-categorias .itens-categorias {
  flex: 1 1 260px;
  max-width: 45%;
  margin: 5px;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*FIM navegue-nas-categorias -------------*/





/*produtos-melhores-ofertas*/



.produtos-melhores-ofertas {
  padding: 15px;
  margin: 0 auto;
  max-width: 1240px;
}
.produtos-melhores-ofertas .melhores-ofertas {
  padding: 0;
}
.produtos-melhores-ofertas .melhores-ofertas h2 {
  padding: 0;
  width: 100%;
  font-size: 2em;
  color: #6db80e;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas {
  flex: 1 1 260px;
  max-width: 30%;
  margin: 2px;
  border: 1px solid #ccc;
  padding: 2%;
  text-align: center;
  height: 550px;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas{

}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas img {
  max-width: 60%;
  margin: 0 auto;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas h2 {
  font-size: 1em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 700;
  text-transform: uppercase;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas p {
  font-size: .9em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 400;
  color: #7d7d7d;
  line-height: 1.2;
  margin: 0;
  max-width: 100ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas button.btn-comprar-agora {
  border: 0px solid #362f3d;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #fff;
  font-weight: 400;
  width: 50%;
  background-color: #362f3d;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas button.btn-comprar-agora:hover {
  border: 0px solid #0e99b8;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #646465;
  font-size: 0.9em;
  color: #fff;
  font-weight: 400;
  width: 50%;
  text-decoration: none;
}


.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas button.btn-clique-whatsapp {
  border: 0px solid #6db80e;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #ffffff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  font-weight: 600;
  width: 80%;
  text-transform: uppercase;
  line-height: 1;
  background-color: #6db80e;
  margin: 0 auto;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas button.btn-clique-whatsapp img{
  max-width: 85%;
  padding: 0;
}

.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas button.btn-clique-whatsapp span.clique-aqui {
  background: transparent;
  color: #362f3d;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas button.btn-clique-whatsapp span.whatsapp {
  font-size: 2.1em;
  font-weight: 700;
  width: 80%;
  text-transform: uppercase;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas button.btn-clique-whatsapp:hover {
  background: #96f71b;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
  text-decoration: none;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas a:hover{
  text-decoration: none;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.produtos-melhores-ofertas .melhores-ofertas .melhores-ofertas-home .box-prod-melhores-ofertas {
  max-width: 100%;
  margin-bottom: 5%;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*Fim produtos-melhores-ofertas --------------*/





/*cad-news*/

.cad-news {
  padding: 15px;
  margin: 0;
}
.cad-news .cont-news {
  background: #6db80e;
  padding: 15px;
}
.cad-news .cont-news form {
  width: 50%;
  margin: 0 auto;
}
.cad-news .cont-news form>label {
  font-size: 1.5em;
  font-weight: 500;
  color: #ffffff;
}
.cad-news .cont-news form>label>span {
  font-weight: 500;
  color: #362f3d;
}
.cad-news .cont-news form .campos-news {
  padding: 10px 0;
}
.cad-news .cont-news form .campos-news input[type=text] {
  width: 65%;
  padding: 10px;
  border: 0;
}
.cad-news .cont-news form .campos-news button.btn-cad-news-home {
  width: 31%;
  padding: 10px;
  border: 0;
  background-color: #362f3d;
  color: #fff;
  font-weight: 500;
}
.cad-news .cont-news form .campos-news button.btn-cad-news-home:hover {
  background-color: #fd8d24;
  color: #fff;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.cad-news .cont-news form {
  width: 100%;
  margin: 0 auto;
}
.cad-news .cont-news form>label {
  font-size: 1.5em;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*Fim cad-news*/



/*produtos- Os mais vistos*/



.produtos-mais-vistos {
  padding: 15px;
  margin: 0;
}
.produtos-mais-vistos .mais-vistos {
  padding: 0;
}
.produtos-mais-vistos .mais-vistos h2 {
  padding: 0;
  width: 100%;
  font-size: 2em;
  color: #6db80e;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos {
  flex: 1 1 260px;
  max-width: 30%;
  margin: 2px;
  border: 1px solid #ccc;
  padding: 2%;
  text-align: center;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos img {
  max-width: 60%;
  margin: 0 auto;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos h2 {
  font-size: 1em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 600;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos p {
  font-size: 2em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 700;
  color: #fd8d24;
  margin: 0;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos button.btn-comprar-agora {
  border: 0px solid #362f3d;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #fff;
  font-weight: 600;
  width: 50%;
  background-color: #362f3d;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos button.btn-comprar-agora:hover {
  border: 0px solid #0e99b8;
  padding: 10px;
  margin-bottom: 10px;
  background-color: #646465;
  font-size: 0.9em;
  color: #fff;
  font-weight: 500;
  width: 50%;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos button.btn-clique-whatsapp {
  border: 0px solid #6db80e;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #ffffff;
  font-weight: 600;
  width: 80%;
  text-transform: uppercase;
  line-height: 1;
  background-color: #6db80e;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos button.btn-clique-whatsapp span.clique-aqui {
  background: transparent;
  color: #362f3d;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos button.btn-clique-whatsapp span.whatsapp {
  font-size: 2.1em;
  font-weight: 600;
  width: 80%;
  text-transform: uppercase;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos button.btn-clique-whatsapp:hover {
  background: #96f71b;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.produtos-mais-vistos .mais-vistos .mais-vistos-home {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.produtos-mais-vistos .mais-vistos .mais-vistos-home .box-prod-mais-vistos {
  max-width: 100%;
  margin-bottom: 5%;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*Fim Os mais vistos --------------*/





/*FIM HOME LOJA SUPERSEG*/





/*PAGINA BUSCA*/



/*produtos-em-destaques*/



.produtos-news-busca {
  padding: 15px;
  margin: 0;
}
.produtos-news-busca .news-busca {
  padding: 0;
}
.produtos-news-busca .news-busca h1 {
  padding: 15px 0;
  width: 100%;
  font-size: 2em;
  color: #646465;
  font-weight: 600;
  border-bottom: 1px solid #e0e0e0;
}
.produtos-news-busca .news-busca .top-busca {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
  align-content: center;
  align-items: center;
}
.produtos-news-busca .news-busca .top-busca .quat-busca {
  padding: 0;
  margin: 0;
}
.produtos-news-busca .news-busca .top-busca .quat-busca p {
  font-size: 1.5em;
  font-weight: 700;
  color: #646465;
  padding: 0;
  margin: 0;
}
.produtos-news-busca .news-busca .top-busca .buscar-por select {
  width: 100%;
  padding: 10px;
  margin: 0;
  border: 1px solid #e2e2e2;
  color: #888585;
}
.produtos-news-busca .news-busca .news-busca-pg {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca {
  flex: 1 1 310px;
  max-width: 30%;
  margin: 2px 0 40px 0;
  border: 1px solid #ccc;
  padding: 2%;
  text-align: center;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca img {
  max-width: 60%;
  margin: 0 auto;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca h2 {
  font-size: 1em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 600;
  color: #6db80e;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca p {
  font-size: 2em;
  width: 100%;
  text-align: center;
  padding-top: 2%;
  font-weight: 700;
  color: #fd8d24;
  margin: 0;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca button.btn-ver-detalhes {
  border: 1.4px solid #0e99b8;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #0e99b8;
  font-weight: 600;
  width: 50%;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca button.btn-ver-detalhes:hover {
  border: 1.4px solid #0e99b8;
  padding: 10px;
  margin-bottom: 10px;
  background: #0e99b8;
  font-size: 0.9em;
  color: #fff;
  font-weight: 500;
  width: 50%;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca button.btn-clique-whatsapp {
  border: 1.4px solid #6db80e;
  padding: 10px;
  margin-bottom: 10px;
  background: transparent;
  font-size: 0.9em;
  color: #6db80e;
  font-weight: 600;
  width: 80%;
  text-transform: uppercase;
  line-height: 1;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca button.btn-clique-whatsapp span {
  font-size: 2.1em;
  font-weight: 600;
  width: 80%;
  text-transform: uppercase;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca button.btn-clique-whatsapp:hover {
  border: 1.4px solid #6db80e;
  padding: 10px;
  margin-bottom: 10px;
  background: #6db80e;
  color: #fff;
  text-transform: uppercase;
  line-height: 1;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.produtos-news-busca .news-busca .news-busca-pg {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.produtos-news-busca .news-busca .news-busca-pg .box-prod-news-busca {
  max-width: 100%;
  margin-bottom: 5%;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*Fim busca --------------*/



.produtos-news-busca .news-busca .pagination {
  height: 36px;
  margin: 18px 0;
  width: 100%;
}
.produtos-news-busca .news-busca .pagination ul {
  display: inline-block;
 *display: inline;

  /* IE7 inline-block hack */



  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.produtos-news-busca .news-busca .pagination li {
  display: inline;
}
.produtos-news-busca .news-busca .pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.produtos-news-busca .news-busca .pagination a:hover,  .produtos-news-busca .news-busca .pagination .active a {
  background-color: #f5f5f5;
}
.produtos-news-busca .news-busca .pagination .active a {
  color: #999999;
  cursor: default;
}
.produtos-news-busca .news-busca .pagination .disabled span,  .produtos-news-busca .news-busca .pagination .disabled a,  .produtos-news-busca .news-busca .pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.produtos-news-busca .news-busca .pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.produtos-news-busca .news-busca .pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.produtos-news-busca .news-busca .pagination-centered {
  text-align: center;
}
.produtos-news-busca .news-busca .pagination-right {
  text-align: right;
}
.produtos-news-busca .news-busca .pager {
  margin-left: 0;
  margin-bottom: 18px;
  list-style: none;
  text-align: center;
 *zoom: 1;
}
.produtos-news-busca .news-busca .pager:before,  .produtos-news-busca .news-busca .pager:after {
  display: table;
  content: "";
}
.produtos-news-busca .news-busca .pager:after {
  clear: both;
}
.produtos-news-busca .news-busca .pager li {
  display: inline;
}
.produtos-news-busca .news-busca .pager a {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
.produtos-news-busca .news-busca .pager a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
.produtos-news-busca .news-busca .pager .next a {
  float: right;
}
.produtos-news-busca .news-busca .pager .previous a {
  float: left;
}
.produtos-news-busca .news-busca .pager .disabled a,  .produtos-news-busca .news-busca .pager .disabled a:hover {
  color: #999999;
  background-color: #fff;
  cursor: default;
}
/*FIM PAGINA BUSCA*/



/*TELA LOGIN --------*/



.pagina-login {
  padding: 0;
  margin: 0;
}
.pagina-login .box-login {
  border: 1px solid #6db80e;
  width: 50%;
  margin: 5% auto;
}
.pagina-login .box-login form {
  padding: 7%;
}
.pagina-login .box-login .login-email {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.pagina-login .box-login .login-email label {
  width: 100%;
  font-size: 1.3em;
  text-transform: uppercase;
}
.pagina-login .box-login .login-email input[type=text] {
  width: 100%;
  padding: 10px;
  font-size: 1.3em;
}
.pagina-login .box-login .login-senha {
  margin-top: 3%;
}
.pagina-login .box-login .login-senha label {
  width: 100%;
  font-size: 1.3em;
  text-transform: uppercase;
}
.pagina-login .box-login .login-senha input[type=password] {
  width: 100%;
  padding: 10px;
  font-size: 1.3em;
}
.pagina-login .box-login .botoes-esqueci-entrar {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 5%;
}
.pagina-login .box-login .botoes-esqueci-entrar button.btn-esqueci-minha-senha {
  border: 1px solid #0e99b8;
  padding: 10px;
  background: transparent;
  width: 42%;
  font-size: 1.1em;
  font-weight: 500;
  color: #0e99b8;
}
.pagina-login .box-login .botoes-esqueci-entrar button.btn-esqueci-minha-senha:hover {
  border: 1px solid #0e99b8;
  padding: 10px;
  background: transparent;
  width: 42%;
  font-size: 1.1em;
  font-weight: 500;
  background: #03829e;
  color: #ffffff;
}
.pagina-login .box-login .botoes-esqueci-entrar button.btn-entrar {
  border: 1px solid #6db80e;
  padding: 10px;
  background: transparent;
  width: 42%;
  background: #6db80e;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 500;
}
.pagina-login .box-login .botoes-esqueci-entrar button.btn-entrar:hover {
  border: 1px solid #6db80e;
  padding: 10px;
  background: transparent;
  width: 42%;
  background: #549205;
  ;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 500;
}
.pagina-login .box-login .novo-na-nossa-loja {
  height: 1px;
  background-color: #6db80e;
  text-align: center;
  margin-top: 10%;
}
.pagina-login .box-login .novo-na-nossa-loja span {
  background-color: white;
  position: relative;
  top: -0.5em;
  padding: 0 10px;
  color: #c5c0c0;
}
.pagina-login .box-login .btn-cadastrar-conta {
  display: flex;
  justify-content: center;
  margin-top: 5%;
}
.pagina-login .box-login .btn-cadastrar-conta button.btn-cadastro {
  border: 1px solid #a8a5aa;
  padding: 10px;
  background: transparent;
  width: 42%;
  font-size: 1.1em;
  font-weight: 500;
  color: #a8a5aa;
}
.pagina-login .box-login .btn-cadastrar-conta button.btn-cadastro:hover {
  border: 1px solid #848484;
  padding: 10px;
  background: transparent;
  width: 42%;
  font-size: 1.1em;
  font-weight: 500;
  color: #ffffff;
  background: #848484;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.pagina-login {
  padding: 0 15px;
  margin: 0;
}
.pagina-login .box-login {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.pagina-login {
  padding: 0 15px;
  margin: 0;
}
.pagina-login .box-login {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*FIM TELA LOGIN-----*/





/*TELA COMPRA COM SUCESSO --------*/



.pagina-itens-adquiridos {
  padding: 0;
  margin: 0;
}
.pagina-itens-adquiridos .content-itens-adquiridos {
  border: 1px solid #6db80e;
  width: 60%;
  margin: 5% auto;
}
.pagina-itens-adquiridos .content-itens-adquiridos .parabens {
  padding: 0;
  border: 1px solid #a3d268;
  width: 86%;
  margin: 5% auto;
  background-color: #c4e896;/*display: flex;

    justify-content: center;

    align-items: center;

    align-content: center;*/

}
.pagina-itens-adquiridos .content-itens-adquiridos .parabens p {
  text-align: center;
  padding: 15px;
  margin: 0;
  color: #29b901;
  font-size: 1.5em;
  font-weight: 600;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos {
  padding: 0;
  border: 1px solid #0e99b8;
  width: 86%;
  margin: 10px auto;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos h2 {
  text-align: center;
  font-size: 2.5em;
  text-transform: uppercase;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos .itens-comp {
  display: flex;
  justify-content: space-around;
  align-items: center;
  align-content: center;
  padding: 5%;
  margin-bottom: 2%;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos .itens-comp .img-itens-ad {
  max-width: 18%;
  padding-right: 2%;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos .itens-comp .desc-itens-ad {
  max-width: 70%;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos .itens-comp .desc-itens-ad h3 {
  font-size: 1.1em;
  color: #5f5f5f;
  font-weight: 600;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos .itens-comp .desc-itens-ad p {
  font-size: 1em;
  color: #5f5f5f;
  font-weight: 600;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos .itens-comp .desc-itens-ad p>span {
  font-size: 1em;
}
.pagina-itens-adquiridos .content-itens-adquiridos .botoes-vol-acom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 5%;
  padding: 0 7% 7%;
}
.pagina-itens-adquiridos .content-itens-adquiridos .botoes-vol-acom button.btn-vol-loja {
  border: 1px solid #0e99b8;
  padding: 15px;
  background: transparent;
  width: 45%;
  font-size: 1.1em;
  font-weight: 500;
  color: #0e99b8;
}
.pagina-itens-adquiridos .content-itens-adquiridos .botoes-vol-acom button.btn-vol-loja:hover {
  border: 1px solid #0e99b8;
  padding: 15px;
  background: transparent;
  width: 45%;
  font-size: 1.1em;
  font-weight: 500;
  background: #03829e;
  color: #ffffff;
}
.pagina-itens-adquiridos .content-itens-adquiridos .botoes-vol-acom button.btn-acompanhar {
  border: 1px solid #6db80e;
  padding: 15px;
  background: transparent;
  width: 45%;
  background: #6db80e;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 500;
}
.pagina-itens-adquiridos .content-itens-adquiridos .botoes-vol-acom button.btn-acompanhar:hover {
  border: 1px solid #6db80e;
  padding: 15px;
  background: transparent;
  width: 45%;
  background: #549205;
  ;
  color: #ffffff;
  font-size: 1.1em;
  font-weight: 500;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.pagina-itens-adquiridos {
  padding: 15px;
  margin: 0;
}
.pagina-itens-adquiridos .content-itens-adquiridos {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos h2 {
  text-align: center;
  font-size: 2em;
  text-transform: uppercase;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.pagina-itens-adquiridos {
  padding: 15px;
  margin: 0;
}
.pagina-itens-adquiridos .content-itens-adquiridos {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
.pagina-itens-adquiridos .content-itens-adquiridos .box-itens-adquiridos h2 {
  text-align: center;
  font-size: 2em;
  text-transform: uppercase;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*FIM COMPRA COM SUCESSO-----*/





/*COMFIRMACAO DE EMAIL -----*/

.pagina-confirmacao-email {
  padding: 0;
  margin: 0;
}
.pagina-confirmacao-email .box-confirmacao {
  border: 1px solid #6db80e;
  width: 50%;
  margin: 5% auto;
}
.pagina-confirmacao-email .box-confirmacao h2 {
  font-size: 2.3em;
  text-align: center;
  padding: 30px 0 10px 0;
  width: 85%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-confirmacao h2>span {
  color: #6db80e;
  font-weight: 600;
}
.pagina-confirmacao-email .box-confirmacao p {
  font-size: 1.8em;
  text-align: center;
  padding: 0px 0 10px 0;
  width: 100%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-codigo-expirou {
  border: 1px solid #6db80e;
  width: 50%;
  margin: 5% auto;
}
.pagina-confirmacao-email .box-codigo-expirou h2 {
  font-size: 1.8em;
  text-align: center;
  padding: 30px 0 10px 0;
  width: 90%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-codigo-expirou .btn-enviar-novamente {
  display: flex;
  justify-content: center;
  padding: 3% 0;
}
.pagina-confirmacao-email .box-codigo-expirou .btn-enviar-novamente button.btn-enviar {
  border: 1px solid #6db80e;
  padding: 10px;
  background: transparent;
  width: 42%;
  font-size: 1.8em;
  font-weight: 500;
  color: #6db80e;
}
.pagina-confirmacao-email .box-codigo-expirou .btn-enviar-novamente button.btn-enviar:hover {
  border: 1px solid #6db80e;
  padding: 10px;
  background: #6db80e;
  width: 42%;
  font-size: 1.8em;
  font-weight: 500;
  color: #fff;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.pagina-confirmacao-email {
  padding: 15px;
  margin: 0;
}
.pagina-confirmacao-email .box-confirmacao {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
.pagina-confirmacao-email .box-confirmacao h2 {
  font-size: 1.8em;
  text-align: center;
  padding: 30px 0 10px 0;
  width: 90%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-confirmacao p {
  font-size: 1.2em;
  text-align: center;
  padding: 0px 0 10px 0;
  width: 95%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-codigo-expirou {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
.pagina-confirmacao-email .box-codigo-expirou h2 {
  font-size: 1.2em;
  text-align: center;
  padding: 30px 0 10px 0;
  width: 90%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-codigo-expirou .btn-enviar-novamente button.btn-enviar {
  border: 1px solid #6db80e;
  padding: 10px;
  background: transparent;
  width: 55%;
  font-size: 1.3em;
  font-weight: 500;
  color: #6db80e;
}
.pagina-confirmacao-email .box-codigo-expirou .btn-enviar-novamente button.btn-enviar:hover {
  border: 1px solid #6db80e;
  padding: 10px;
  background: #6db80e;
  width: 55%;
  font-size: 1.3em;
  font-weight: 500;
  color: #fff;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
.pagina-confirmacao-email {
  padding: 15px;
  margin: 0;
}
.pagina-confirmacao-email .box-confirmacao {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
.pagina-confirmacao-email .box-confirmacao h2 {
  font-size: 1.8em;
  text-align: center;
  padding: 30px 0 10px 0;
  width: 90%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-confirmacao p {
  font-size: 1.2em;
  text-align: center;
  padding: 0px 0 10px 0;
  width: 95%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-codigo-expirou {
  border: 1px solid #6db80e;
  width: 100%;
  margin: 5% auto;
}
.pagina-confirmacao-email .box-codigo-expirou h2 {
  font-size: 1.2em;
  text-align: center;
  padding: 30px 0 10px 0;
  width: 90%;
  color: #0e99b8;
  margin: 0 auto;
}
.pagina-confirmacao-email .box-codigo-expirou .btn-enviar-novamente button.btn-enviar {
  border: 1px solid #6db80e;
  padding: 10px;
  background: transparent;
  width: 55%;
  font-size: 1.3em;
  font-weight: 500;
  color: #6db80e;
}
.pagina-confirmacao-email .box-codigo-expirou .btn-enviar-novamente button.btn-enviar:hover {
  border: 1px solid #6db80e;
  padding: 10px;
  background: #6db80e;
  width: 55%;
  font-size: 1.3em;
  font-weight: 500;
  color: #fff;
}
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*FIM COMFIRMACAO DE EMAIL -----*/







/*PAGINA MINHA CONTA--------*/



.minha-conta {
  padding: 15px;
  margin: 0;
}
.minha-conta .cont-minha-conta h1 {
  padding: 15px 0;
  width: 100%;
  font-size: 2em;
  color: #646465;
  font-weight: 600;
}
.minha-conta .cont-minha-conta .menu-minha-conta ul {
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
}
.minha-conta .cont-minha-conta .menu-minha-conta li {
  padding: 0;
  margin: 0;
}
.minha-conta .cont-minha-conta .menu-minha-conta li>a {
  font-size: 1.3em;
  font-weight: 600;
  color: #2ca6c1;
}
.minha-conta .cont-minha-conta .menu-minha-conta li>a:hover {
  font-size: 1.3em;
  font-weight: 600;
  color: #7bb530;
  text-decoration: none;
}
/*MEUS PEDIDOS ------------------------------------------------------*/



.minha-conta .cont-minha-conta .pedidos-conta {
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido {
  border: 1px solid #ccc;
  padding: 15px;
  width: 80%;
  margin: 0 auto;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .img-desc-prod {
  display: flex;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .img-desc-prod .img-prod {
  max-width: 20%;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .img-desc-prod .nome-pro-unid {
  font-size: 1.3em;
  font-weight: 600;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .img-desc-prod .nome-pro-unid p {
  padding: 0;
  margin: 10px 0 0;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra {
  padding: 0;
  margin: 0;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .barra-progresso {
  max-width: 86%;
  margin: 15px auto;
  background-color: #ccc;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .barra-progresso .barra-pro {
  width: 60%;
  background-color: #6db80e;
  height: 20px;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso {
  max-width: 86%;
  margin: 15px auto;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso ul {
  display: flex;
  justify-content: space-between;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso li p {
  font-size: 1em;
  font-weight: 500;
  color: #999191;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso span {
  font-size: 1.1em;
  text-align: center;
  font-weight: 600;
  display: block;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.minha-conta .cont-minha-conta .menu-minha-conta ul {
  flex-wrap: wrap;
}
.minha-conta .cont-minha-conta .menu-minha-conta li {
  padding: 5px;
  width: 100%;
  margin: 2px 0;
  background: #ececec;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*pag-produto -----*/



.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto {
  display: flex;
  justify-content: space-between;
  max-width: 86%;
  margin: 15px auto;
  border-top: 1px solid #999191;
  padding-top: 10px;
  font-family: 'Montserrat', Arial, sans-serif;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento {
  font-size: 1em;
  color: #999191;
  /*flex:1 1 320px;*/

  width: 350px;
  padding: 0 15px;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento h2 {
  font-size: 1em;
  color: #999191;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento .meio-pagamento h3 {
  font-size: 1.1em;
  color: #333;
  font-weight: 700;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento .meio-pagamento .descricao-meio-pag {
  display: flex;
  justify-content: space-around;
  align-content: center;
  align-items: center;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento .meio-pagamento .descricao-meio-pag img {
  max-width: 100%;
  margin: 2px;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento .meio-pagamento .descricao-meio-pag .num-cart-val {
  padding: 10px;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento .meio-pagamento .descricao-meio-pag .num-cart-val p {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: 600;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento .meio-pagamento .descricao-meio-pag .num-cart-val span {
  padding: 0;
  margin: 0;
  font-size: 1.1em;
  font-weight: 400;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido {
  width: 100%;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .img-desc-prod .nome-pro-unid {
  font-size: 1em;
  font-weight: 600;
  width: 70%;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso {
  max-width: 95%;
  margin: 15px auto;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .barra-progresso {
  display: none;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso ul {
  flex-wrap: wrap;
  width: 100%;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso ul li {
  width: 100%;
  text-align: left;
  background-color: #ececec;
  margin: 2px 0;
  padding: 10px;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso li p {
  font-size: 1em;
  font-weight: 500;
  color: #999191;
  margin: 0;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .progresso-compra .menu-progresso span {
  font-size: 1.1em;
  text-align: left;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*fim pag-produto--*/





/*total-pag-------*/



.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag {
  border-left: 2px solid #ccc;
  border-right: 2px solid #ccc;
  padding: 0 15px;
  width: 500px;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag h2 {
  font-size: 1em;
  color: #999191;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag .box-desc-val {
  display: flex;
  justify-content: space-between;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag .box-desc-val .iten-desc {
  font-size: 1em;
  color: #999191;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag .box-desc-val .iten-val-total {
  font-size: 1em;
  color: #999191;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag .box-val-total {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  margin-top: 5px;
  padding: 10px 0;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag .box-val-total .iten-total {
  font-size: 1.3em;
  color: #999191;
  font-weight: 600;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag .box-val-total .iten-val-total-pag {
  font-size: 1em;
  color: #999191;
  font-weight: 600;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto {
  display: flex;
  flex-wrap: wrap;
  max-width: 95%;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento {
  font-size: 1em;
  color: #999191;
  width: 100%;
  background-color: #f7f7f7;
  padding: 0 15px;
  margin: 0 0 10px 0;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .forma-pagamento .meio-pagamento .descricao-meio-pag .num-cart-val {
  padding: 10px;
  width: 85%;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .pag-produto .total-pag {
  border-left: 0px solid #ccc;
  border-right: 0px solid #ccc;
  padding: 0 15px;
  width: 100%;
  background-color: #f7f7f7;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*fim total-pag---*/



/*end-destino*/

.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .end-destino {
  padding: 0 15px;
  width: 300px;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .end-destino .endereco-entrega h2 {
  font-size: 1em;
  color: #999191;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .end-destino .end-ent h3 {
  font-size: 1.1em;
  color: #333;
  font-weight: 700;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .end-destino .end-ent p {
  font-size: 1em;
  color: #999191;
  font-weight: 400;
}
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .end-destino .end-ent p>span {
  font-size: 1em;
  color: #999191;
  font-weight: 500;
  display: block;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.minha-conta .cont-minha-conta .pedidos-conta .modelo-pedido .end-destino {
  padding: 0 15px;
  width: 100%;
  background-color: #f7f7f7;
  margin: 10px 0 0 0;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*end-destino*/



/*FIM MEUS PEDIDOS ------------------------------------------------------*/





/*MEUS CARTÃ•ES DE CREDITO ------------------------------------------------------*/





.minha-conta .cont-minha-conta .cartoes-cadastrados {
  width: 100%;
  margin: 5% 0;
  padding: 15px;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .alerta {
  width: 82%;
  font-size: 1.1em;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  padding: 3% 0;
  background-color: #93d1df;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  width: 82%;
  margin: 0 auto;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens {
  width: 48%;
  margin: 5px 0 5px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .top-card-itens {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  padding-top: 10px;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .top-card-itens .img-card {
  flex: 1 1 100px;
  max-width: 30%;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .top-card-itens .img-card img {
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .top-card-itens .band-car-numero {
  flex: 1 1 280px;
  max-width: 45%;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .top-card-itens .band-car-numero h2 {
  font-size: 1.2em;
  margin: 0;
  text-align: left;
  font-weight: 600;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .top-card-itens .band-car-numero p {
  font-size: 1.3em;
  margin: 0;
  text-align: left;
  font-weight: 500;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .nome-validade {
  width: 85%;
  margin: 0 auto;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .nome-validade p {
  font-size: 1.4em;
  padding-top: 10px;
  font-weight: 400;
  margin: 0;
  color: #939393;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .nome-validade span {
  font-weight: 500;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin {
  border-top: 1px solid #ccc;
  margin-top: 10px;
  text-align: center;
  padding: 4%;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin span {
  padding: 10px;
  position: relative;
  top: -5px;
  left: 4%;
  font-weight: 600;
  font-size: 1.2em;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin .check {
  cursor: pointer;
  position: relative;
  margin: auto;
  width: 18px;
  height: 18px;
  -webkit-tap-highlight-color: transparent;
  transform: translate3d(0, 0, 0);
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin .check:before {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(34,50,84,0.03);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin .check svg {
  position: relative;
  z-index: 1;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #c8ccd4;
  stroke-width: 1.5;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin .check svg path {
  stroke-dasharray: 60;
  stroke-dashoffset: 0;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin .check svg polyline {
  stroke-dasharray: 22;
  stroke-dashoffset: 66;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin .check:hover:before {
  opacity: 1;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin .check:hover svg {
  stroke: #6db80e;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin #cbx:checked + .check svg {
  stroke: #6db80e;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin #cbx:checked + .check svg path {
  stroke-dashoffset: 60;
  transition: all 0.3s linear;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin #cbx:checked + .check svg polyline {
  stroke-dashoffset: 42;
  transition: all 0.2s linear;
  transition-delay: 0.15s;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin #cbxx:checked + .check svg {
  stroke: #6db80e;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin #cbxx:checked + .check svg path {
  stroke-dashoffset: 60;
  transition: all 0.3s linear;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens .sel-cart-prin #cbxx:checked + .check svg polyline {
  stroke-dashoffset: 42;
  transition: all 0.2s linear;
  transition-delay: 0.15s;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.minha-conta .cont-minha-conta .cartoes-cadastrados .alerta {
  width: 100%;
  font-size: 1.1em;
  color: #000;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  padding: 5%;
  background-color: #93d1df;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados {
  width: 100%;
  margin: 5% 0;
  padding: 0;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad {
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
.minha-conta .cont-minha-conta .cartoes-cadastrados .box-cartoes-cad .card-itens {
  width: 100%;
  margin: 5px 0 5px 0;
  border: 1px solid #ccc;
  border-radius: 5px;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*FIM MEUS CARTÃ•ES DE CREDITO --------------------------------------------------*/



/* MEU CADSTRO */



.meu-cadastro {
  width: 100%;
  margin: 0 auto;
}
.meu-cadastro .dados-pessoais {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.meu-cadastro .dados-pessoais h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.meu-cadastro .dados-pessoais .campo-dados-pessoais-obrigatorio {
  flex: 1 1 360px;
  max-width: 49%;
}
.meu-cadastro .dados-pessoais .campo-dados-pessoais-obrigatorio input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.meu-cadastro .dados-pessoais .campo-dados-pessoais {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.meu-cadastro .dados-pessoais .campo-dados-pessoais input[type=date] {
  width: 100%;
  font-size: 1.5em;
  padding: 4px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.meu-cadastro .dados-pessoais .campo-dados-pessoais select {
  width: 100%;
  font-size: 1.6em;
  padding: 5px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.meu-cadastro .dados-pessoais {
  width: 100%;
}
.meu-cadastro .dados-pessoais .campo-dados-pessoais-obrigatorio {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.meu-cadastro .dados-pessoais .campo-dados-pessoais {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*.meu-cadastro .contato-pessoal*/



.meu-cadastro .contato-pessoal {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.meu-cadastro .contato-pessoal h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.meu-cadastro .contato-pessoal .campo-dados-telefones {
  flex: 1 1 360px;
  max-width: 49%;
}
.meu-cadastro .contato-pessoal .campo-dados-telefones input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.meu-cadastro .contato-pessoal {
  width: 100%;
}
.meu-cadastro .contato-pessoal .campo-dados-telefones {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*fim .meu-cadastro .contato-pessoal*/



/* meu-cadastro .bts */



.meu-cadastro .bts {
  width: 80%;
  margin: 0 auto;
  padding-top: 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.meu-cadastro .bts button.btn-alt-email {
  border: 1px solid #2ca6c1;
  background: transparent;
  width: 20%;
  padding: 10px;
  color: #2ca6c1;
  font-weight: 500;
  font-size: 1.3em;
}
.meu-cadastro .bts button.btn-alt-email:hover {
  border: 1px solid #2ca6c1;
  background: #2ca6c1;
  width: 20%;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 1.3em;
}
.meu-cadastro .bts button.btn-alt-senha {
  border: 1px solid #2ca6c1;
  background: transparent;
  width: 20%;
  padding: 10px;
  color: #2ca6c1;
  font-weight: 500;
  font-size: 1.3em;
}
.meu-cadastro .bts button.btn-alt-senha:hover {
  border: 1px solid #2ca6c1;
  background: #2ca6c1;
  width: 20%;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 1.3em;
}
.meu-cadastro .bts button.btn-salvar-alt {
  border: 1px solid #6db80e;
  background: #6db80e;
  width: 20%;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 1.3em;
}
.meu-cadastro .bts button.btn-salvar-alt:hover {
  border: 1px solid #6db80e;
  background: transparent;
  width: 20%;
  padding: 10px;
  color: #6db80e;
  font-weight: 500;
  font-size: 1.3em;
}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.meu-cadastro .bts {
  width: 100%;
}
.meu-cadastro .bts button.btn-alt-email {
  border: 1px solid #2ca6c1;
  background: transparent;
  width: 30%;
  padding: 5px;
  color: #2ca6c1;
  font-weight: 500;
  font-size: 1em;
}
.meu-cadastro .bts button.btn-alt-email:hover {
  border: 1px solid #2ca6c1;
  background: #2ca6c1;
  width: 30%;
  padding: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 1em;
}
.meu-cadastro .bts button.btn-alt-senha {
  border: 1px solid #2ca6c1;
  background: transparent;
  width: 30%;
  padding: 5px;
  color: #2ca6c1;
  font-weight: 500;
  font-size: 1em;
}
.meu-cadastro .bts button.btn-alt-senha:hover {
  border: 1px solid #2ca6c1;
  background: #2ca6c1;
  width: 30%;
  padding: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 1em;
}
.meu-cadastro .bts button.btn-salvar-alt {
  border: 1px solid #6db80e;
  background: #6db80e;
  width: 35%;
  padding: 5px;
  color: #fff;
  font-weight: 500;
  font-size: 1em;
}
.meu-cadastro .bts button.btn-salvar-alt:hover {
  border: 1px solid #6db80e;
  background: transparent;
  width: 35%;
  padding: 5px;
  color: #6db80e;
  font-weight: 500;
  font-size: 1em;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/* fim meu-cadastro .bts */







/*endereco-cadastrado----*/



.endereco-cadastrado {
  width: 80%;
  margin: 0 auto;
}
.endereco-cadastrado .enderecos {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
}
.endereco-cadastrado .enderecos h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 49%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-cep input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-uf {
  flex: 1 1 100px;
  max-width: 15%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-uf input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/* margin: 0 auto; */

}
.endereco-cadastrado .enderecos .campo-dados-endereco-cidade {
  flex: 1 1 250px;
  max-width: 32%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-cidade input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/* margin: 0 auto; */

}
.endereco-cadastrado .enderecos .campo-dados-endereco-bairro {
  flex: 1 1 260px;
  max-width: 37%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-bairro input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/* margin: 0 auto; */

}
.endereco-cadastrado .enderecos .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-rua input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/* margin: 0 auto; */

}
.endereco-cadastrado .enderecos .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 10%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-numero input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/* margin: 0 auto; */

}
.endereco-cadastrado .enderecos .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-complemento input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/* margin: 0 auto; */

}

/* Telefones em paisagem e abaixo */

@media (max-width: 480px) {
.endereco-cadastrado {
  width: 100%;
  margin: 0 auto;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 82%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-cidade {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-bairro {
  flex: 1 1 260px;
  max-width: 100%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 26%;
  padding-top: 3%;
}
.endereco-cadastrado .enderecos .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 71%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */

@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */

@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*fim endereco-cadastrado*/







/*FIM PAGINA MINHA CONTA----*/









/*Topo Titulo Produto -------------------------------------*/



.topo-titulo-produto {
  margin: 0;
  padding: 0;
}
.titulo-produtos {
  display: block;
  align-items: center;
  max-width: 1240px;
  padding: 14% 0 0 0;
  margin: 0 auto;
}
.titulo-produtos h1 {
  font-size: 1.5em;
  color: #808080;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding: 10px 0 0 0;
  text-transform: uppercase;
}
.titulo-produtos p.marca-modelo-sku {
  padding: 5px 0 0 0;
  font-size: 1em;
  color: #808080;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

/* Telefones em paisagem e abaixo */


@media (max-width: 480px) {
  .topo-titulo-produto {
    padding: 0 15px;
  }
  .titulo-produtos {
    padding: 42% 0 0 0;
  }

}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.topo-titulo-produto {
  padding: 0 15px;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.topo-titulo-produto {
  padding: 0 15px;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
.topo-titulo-produto {
  padding: 0 15px;
}
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
.topo-titulo-produto {
  padding: 0 15px;
}
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Topo Titulo Produto -------------------------------------*/





/*Conteudo produto ----------------------------------------*/

.produto {
  margin: 0;
  padding: 10px;
}
.conteudo-produto {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1240px;
  margin: 0 auto;
}
/*--box-produto --------------------------------------------*/



.conteudo-produto .box-produto {
  flex: 1 1 600px;
  max-width: 500px;
  text-align: center;
}
.conteudo-produto .box-produto .zoomContainer {
  width: 400px;
  height: 400px;
  z-index: 99999;
}
.conteudo-produto .box-produto img {
  max-width: 100%;
}
.mini-box {
  padding: 5% 0;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
}
.mini-img-item {
  padding: 0;
  margin: 0;
}
.mini-img-item img {
  width: 120px;
  margin: 0 auto;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.conteudo-produto .box-produto {
  flex: 1 1 250px;
  max-width: 100%;
  text-align: center;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.conteudo-produto .box-produto {
  flex: 1 1 100px;
  max-width: 100%;
  text-align: center;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
.conteudo-produto .box-produto {
  flex: 1 1 600px;
  max-width: 40%;
  text-align: center;
}
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*-- Fim box-produto --------------------------------------------*/



/*Box valor produto ---------------------------------------*/

.conteudo-produto .box-valor-do-produto {
  flex: 1 1 700px;
  max-width: 600px;
  text-align: justify;
  padding: 0 10px;
  margin-bottom: 5%;
}


/* Avaliacao produto ---------------------*/

.conteudo-produto .box-valor-do-produto .avaliacao-produto {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: center;
  align-items: center;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto p {
  font-weight: 600;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars {
  cursor: pointer;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars:hover .star polygon {
  fill: #6db80e !important;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars .star {
  float: left;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars .star polygon {
  fill: #d8d8d8;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars .star:hover ~ .star polygon {
  fill: #d8d8d8 !important;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars[data-stars] .star polygon {
  fill: #6db80e;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {
  fill: #d8d8d8;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {
  fill: #d8d8d8;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {
  fill: #d8d8d8;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {
  fill: #d8d8d8;
}
.conteudo-produto .box-valor-do-produto .avaliacao-produto .stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {
  fill: #d8d8d8;
}
/* Fim Avaliacao produto ---------------------*/





/*Valor produto ---------------------*/



.conteudo-produto .box-valor-do-produto .valor {
  display: flex;
  padding-top: 30px;
}
.conteudo-produto .box-valor-do-produto .valor h2 {
  font-size: 2.5em;
  font-weight: 600;
  color: #6db80e;
  font-family: 'Montserrat', sans-serif;
}
.conteudo-produto .box-valor-do-produto .avista-parcelado {
  padding: 10px 0 10px 0;
}
.conteudo-produto .box-valor-do-produto .avista-parcelado p {
  font-size: 1.4em;
  font-weight: 400;
  color: #c4c4c4;
}
.conteudo-produto .box-valor-do-produto .avista-parcelado p>span {
  font-size: 1.5em;
  font-weight: 500;
  color: #6db80e;
}
.conteudo-produto .box-valor-do-produto .box-preco-total {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 3%;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .add-mais-itens {
  flex: 1 1 200px;
  max-width: 130px;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .add-mais-itens .input-number {
  position: relative;
  display: inline-block;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .add-mais-itens .form-control.form-number {
  width: 90px;
  margin-right: 15px;
  border: 1px solid transparent;
  text-align: center;
  height: 40px;
  font-size: 1.3em;
  float: left;
  background: #eaeaea;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .add-mais-itens .btn-count-minus {
  bottom: 0;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .add-mais-itens .btn-count-plus {
  top: 0;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .add-mais-itens .btn-count {
  position: absolute;
  right: 0;
  width: 30px;
  height: 50%;
  background: #6db80e;
  border-radius: 0;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  color: #fff;
  z-index: 9999;
  cursor: pointer;
}
.conteudo-produto .box-valor-do-produto .box-preco-total button {
  flex: 1 1 300px;
  max-width: 250px;
  border: 1.5px solid #6db80e;
  border-radius: 3px;
  height: 40px;
  background: transparent;
  font-size: 1em;
  font-weight: 500;
  color: #6db80e;
}
.conteudo-produto .box-valor-do-produto .box-preco-total button:hover {
  background: #6db80e;
  border: 1.5px solid #6db80e;
  cursor: pointer;
  color: #ffffff;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .preco-total {
  flex: 1 1 200px;
  max-width: 200px;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .preco-total p {
  font-size: 1.4em;
  font-weight: 500;
  color: #6db80e;
}
.conteudo-produto .box-valor-do-produto .box-preco-total .preco-total p>span {
  font-weight: 500;
  color: #404040;
}
.conteudo-produto .box-valor-do-produto .pequena-descricao {
  margin: 0;
  padding: 0;
}
.conteudo-produto .box-valor-do-produto .pequena-descricao p {
  padding: 15px 0;
  font-size: 0.9em;
  color: #c4c4c4;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}

.conteudo-produto .box-valor-do-produto .bt-whatsapp-loja{
  width: 100%;
}
.conteudo-produto .box-valor-do-produto .bt-whatsapp-loja img{
  width: 100%;
}

/* Telefones em paisagem e abaixo */
@media (max-width: 480px) {
  .conteudo-produto .box-valor-do-produto .box-preco-total button {
    max-width: 100%;
  }
  .conteudo-produto .box-valor-do-produto .bt-whatsapp-loja{
    margin-top: 15px;
  }

}

/* Telefones em paisagem a tablet em retrato */
@media (min-width: 481px) and (max-width: 767px) {
  .conteudo-produto .box-valor-do-produto .bt-whatsapp-loja{
    margin-top: 15px;
  }
}

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */
@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */
@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */
@media (min-width: 1367px) {
}


/* Fim Valor produto-----------*/

/*enderecos informacoes de produtos*/

.conteudo-produto .box-valor-do-produto  .conteudo-endereco {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.conteudo-produto .box-valor-do-produto  .conteudo-endereco .box-endereco {
  padding-top: 0%;
}
.conteudo-produto .box-valor-do-produto  .conteudo-endereco .row {
  margin-right: -15px;
  margin-left: -15px;
}
.conteudo-produto .box-valor-do-produto  .conteudo-endereco .endereco-telefone {
  padding: 0;
}
.conteudo-produto .box-valor-do-produto  .conteudo-endereco .box-endereco .enderecos {
  padding: 15px;
  width: 50%;
}
.conteudo-produto .box-valor-do-produto  .conteudo-endereco .box-endereco .enderecos .box > .icon {
  text-align: center;
  position: relative;
}
.conteudo-produto .box-valor-do-produto  .conteudo-endereco .box-endereco .enderecos .box > .icon > .image {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 88px;
  height: 88px;
  border: 8px solid white;
  line-height: 88px;
  border-radius: 50%;
  background: rgb(109, 184, 14);
  vertical-align: middle;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon:hover > .image {
  background: #333;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon > .image > i {
  font-size: 36px !important;
  color: #fff !important;
  padding: 0;
  margin: 0;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon:hover > .image > i {
  color: white !important;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon > .info {
  margin-top: -24px;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid #e0e0e0;
  padding: 15px 0 10px 0;
  min-height: 10em;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon:hover > .info {
  background: rgba(0, 0, 0, 0.04);
  border-color: #e0e0e0;
  color: white;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon > .info > h3.title {
  font-family: "Robot", sans-serif !important;
  font-size: 16px;
  color: #222;
  font-weight: 700;
  padding-top: 10%;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon > .info > p {
  font-family: "Robot", sans-serif !important;
  word-wrap: break-word;
  font-size: 12px;
  color: #666;
  line-height: 1.5em;
  margin: 10px;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon > .info > p > span {
  width: 34px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 5px;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a {
  color: #222;
}
.conteudo-endereco .box-endereco .enderecos .box > .icon > .info > .more a {
  font-family: "Robot", sans-serif !important;
  font-size: 12px;
  color: #222;
  line-height: 12px;
  text-transform: uppercase;
  text-decoration: none;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box > .icon:hover > .info > .more > a {
  color: #fff;
  padding: 6px 8px;
  background-color: #63B76C;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos .box .space {
  height: 21px;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .dica-orcamento {
  padding: 0;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .dica-orcamento p.peca-orcamento {
  padding: 10px;
  margin: 0;
  background-color: #ff7300;
  color: #ffffff;
  text-align: center;
  font-size: 1.5em;
  text-transform: uppercase;
  font-weight: 700;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .dica-orcamento p.resposta-imediata {
  padding: 10px;
  margin: 0;
  background-color: #29b901;
  color: #ffffff;
  text-align: center;
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: 400;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .dica-orcamento p.resposta-imediata span {
  font-weight: 700;
}
.conteudo-produto .box-valor-do-produto .conteudo-endereco .foto-loja {
  padding-top: 7%;
  padding-right: 0;
}


/* Telefones em paisagem e abaixo */
@media (max-width: 480px) {
  .conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos {
      padding: 15px;
      width: 100%;
  }
}

/* Telefones em paisagem a tablet em retrato */
@media (min-width: 481px) and (max-width: 767px) {
  .conteudo-produto .box-valor-do-produto .conteudo-endereco .box-endereco .enderecos {
      padding: 15px;
      width: 100%;
  }
}

/* Tablet em retrato a paisagem e desktop */
@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */
@media (min-width: 980px) and (max-width: 1199px) {
}
/* Desktop grande */
@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */
@media (min-width: 1367px) {
}






/*enderecos informacoes de produtos fim*/

/* buscar cep*/



.conteudo-produto .box-valor-do-produto .campos-cep {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form {
}
.conteudo-produto .box-valor-do-produto .campos-cep label {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 1%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.numeros {
  width: 15%;
  border: 1.2px solid #c4c4c4;
  height: 40px;
  border-radius: 3px;
  text-align: center;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.digito {
  width: 8%;
  border: 1.2px solid #c4c4c4;
  height: 40px;
  border-radius: 3px;
  text-align: center;
}
.conteudo-produto .box-valor-do-produto .campos-cep button {
  width: 40%;
  border: 1.5px solid #4ab2ca;
  border-radius: 3px;
  height: 40px;
  background: transparent;
  font-size: 1em;
  font-weight: 500;
  color: #4ab2ca;
  margin-left: 2%;
}
.conteudo-produto .box-valor-do-produto .campos-cep button:hover {
  background: #4ab2ca;
  border: 1.5px solid #4ab2ca;
  cursor: pointer;
  color: #ffffff;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.conteudo-produto .box-valor-do-produto .campos-cep label {
  width: 100%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.numeros {
  width: 25%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.digito {
  width: 15%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.conteudo-produto .box-valor-do-produto .campos-cep label {
  width: 100%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.numeros {
  width: 25%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.digito {
  width: 15%;
}
.conteudo-produto .box-valor-do-produto .campos-cep button {
  width: 53%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.conteudo-produto .box-valor-do-produto .campos-cep label {
  width: 100%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.numeros {
  width: 25%;
}
.conteudo-produto .box-valor-do-produto .campos-cep form>input.digito {
  width: 15%;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/* buscar cep*/







/*-----------------------------------------Fim conteudo produtos -----------------------------------*/



/*Fim Tabs Descricao ----------------------------------------*/



.tabs-do-produto {
  margin: 0;
  padding: 0;
}
.tabs-descricao-produtos {
  display: flex;
  flex-wrap: wrap;
  max-width: 1240px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;/*align-items: center;*/
}
.tabs-descricao-produtos .tabs {
  border-bottom: 2px solid #e1e1e1;
  padding-bottom: 5px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.tabs-descricao-produtos .tabs button {
  padding: 5px;
  flex: 1 1 90%;
  background: transparent;
  font-size: 1.3em;
  border-bottom: 0;
  border-top: 0;
  border-left: 0;
  border-right: 2px solid #e1e1e1;
}
.tabs-descricao-produtos .tabs button.btn-tabs:hover {
  color: #6db80e;
  cursor: pointer;
}
.tabs-descricao-produtos .tabs button.right {
  padding: 5px;
  flex: 1 1 90%;
  background: transparent;
  font-size: 1.3em;
  border-bottom: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.tabs-descricao-produtos .tabs-desc {
  margin-top: 5px;
}
.tabs-descricao-produtos .tabs-desc h3 {
  font-size: 1.2em;
  color: #6db80e;
  font-weight: 500;
  margin: 5px 0;
}
.tabs-descricao-produtos .tabs-desc p {
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.5;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.tabs-do-produto {
  margin: 0;
  padding: 0 15px;
}
.tabs-descricao-produtos .tabs {
  border-bottom: 0px solid #e1e1e1;
}
.tabs-descricao-produtos .tabs {
  /*border-bottom: 2px solid #e1e1e1;*/
  padding-bottom: 5px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.tabs-descricao-produtos .tabs button {
  padding: 5px;
  flex: 1 1 90%;
  background: transparent;
  font-size: 1.3em;
  border-bottom: 0;
  border-top: 2px solid #e1e1e1;
  border-left: 2px solid #e1e1e1;
  border-right: 2px solid #e1e1e1;
}
.tabs-descricao-produtos .tabs button.right {
  border-bottom: 2px solid #e1e1e1;
  border-top: 2px solid #e1e1e1;
  border-left: 2px solid #e1e1e1;
  border-right: 2px solid #e1e1e1;
  float: right;
  margin-right: 0;

}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.tabs-descricao-produtos .tabs {
  border-bottom: 0px solid #e1e1e1;
}
.tabs-do-produto {
  margin: 0;
  padding: 0 15px;
}
.tabs-descricao-produtos .tabs button {
  padding: 5px;
  flex: 1 1 90%;
  background: transparent;
  font-size: 0.9em;
  border-bottom: 0;
  border-top: 2px solid #e1e1e1;
  border-left: 2px solid #e1e1e1;
  border-right: 2px solid #e1e1e1;
}
.tabs-descricao-produtos .tabs button.right {
  border-bottom: 2px solid #e1e1e1;
  border-top: 2px solid #e1e1e1;
  border-left: 2px solid #e1e1e1;
  border-right: 2px solid #e1e1e1;
  font-size: 0.9em;
  float: right;
  margin-right: 0;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.tabs-do-produto {
  margin: 0;
  padding: 0 15px;
}
.tabs-descricao-produtos .tabs button {
  background: transparent;
  font-size: 0.8em;
  flex: 1 1 25%;
}
.tabs-descricao-produtos .tabs button.right {
  font-size: 0.9em;
  flex: 1 1 25%;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
.tabs-do-produto {
  margin: 0;
  padding: 0 15px;
}
.tabs-descricao-produtos .tabs button {
  background: transparent;
  font-size: 1em;
  flex: 1 1 50%;
}
.tabs-descricao-produtos .tabs button.right {
  font-size: 1em;
  flex: 1 1 50%;
}
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Fim Tabs Descricao ----------------------------------------*/







/*Sua avaliacao*/



.sua-avaliacao-do-produto {
  margin: 50px 0;
  padding: 0;
}
.containt-sua-avaliacao {
  display: flex;
  flex-wrap: wrap;
  max-width: 1240px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
}
.titulo-avaliacoes-do-produto {
  flex: 1 1 0;
}
.titulo-avaliacoes-do-produto h2 {
  font-size: 1.8em;
  color: #6db80e;
  font-weight: 600;
}
.titulo-avaliacoes-do-produto p {
  font-size: 0.95em;
  font-weight: 500;
  color: #222222;
}
.titulo-avaliacao-produto {
  flex: 1 1 0;
  width: 400px;
}
.titulo-avaliacao-produto h3 {
  border-bottom: 2px solid #e1e1e1;
}
.titulo-de-uma-geral {
  margin: 0;
  padding: 0;
}
.titulo-de-uma-geral h3 {
  font-size: 1em;
  font-weight: 700;
  color: #222222;
  margin-bottom: 3px;
}
.containt-sua-avaliacao .de-sua-estrela .stars {
  cursor: pointer;
}
.containt-sua-avaliacao .de-sua-estrela .stars:hover .star polygon {
  fill: #6db80e !important;
}
.containt-sua-avaliacao .de-sua-estrela .stars .star {
  float: left;
}
.containt-sua-avaliacao .de-sua-estrela .stars .star polygon {
  fill: #d8d8d8;
}
.containt-sua-avaliacao .de-sua-estrela .stars .star:hover ~ .star polygon {
  fill: #d8d8d8 !important;
}
.containt-sua-avaliacao .de-sua-estrela .stars[data-stars] .star polygon {
  fill: #6db80e;
}
.containt-sua-avaliacao .de-sua-estrela .stars[data-stars="1"] .star:nth-child(1) ~ .star polygon {
  fill: #d8d8d8;
}
.containt-sua-avaliacao .de-sua-estrela .stars[data-stars="2"] .star:nth-child(2) ~ .star polygon {
  fill: #d8d8d8;
}
.containt-sua-avaliacao .de-sua-estrela .stars[data-stars="3"] .star:nth-child(3) ~ .star polygon {
  fill: #d8d8d8;
}
.containt-sua-avaliacao .de-sua-estrela .stars[data-stars="4"] .star:nth-child(4) ~ .star polygon {
  fill: #d8d8d8;
}
.containt-sua-avaliacao .de-sua-estrela .stars[data-stars="5"] .star:nth-child(5) ~ .star polygon {
  fill: #d8d8d8;
}
.content-forms {
  display: flex;
  flex-wrap: wrap;
  max-width: 1240px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
}
.content-forms form {
  margin-top: 20px;
}
.content-forms .comentario label {
  font-size: 0.9em;
  font-weight: 700;
  color: #222222;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.content-forms .comentario textarea {
  width: 100%;
  height: 15vh;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;/*resize: none;*/
}
.content-forms .voce-recomendaria {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.content-forms .voce-recomendaria label {
  width: 100%;
 color: #222222 font-size: 0.9em;
  font-weight: 700;
  padding-top: 2%;
  padding-bottom: 1%;
}
.content-forms .voce-recomendaria .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.content-forms .voce-recomendaria .item>label {
  width: 30px;
  font-size: 0.9em;
  font-weight: 500;
}
.content-forms .voce-recomendaria .item input {
}
.content-forms .content-upload-fotos {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 20px 0;
}
.content-forms .content-upload-fotos label {
  width: 100%;
  color: #222222;
  font-size: 0.9em;
  font-weight: 400;
  padding: 10px 0;
}
.content-forms .content-upload-fotos label>span {
  width: 100%;
  color: #222222;
  font-size: 1em;
  font-weight: 700;
  padding: 10px 0;
}
.content-forms .nome-do-avaliador {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 10px 0;
  width: 100%;
}
.content-forms .nome-do-avaliador label {
  width: 100%;
  color: #222222;
  font-size: 0.9em;
  font-weight: 700;
  padding: 10px 0;
}
.content-forms .nome-do-avaliador input[type="text"] {
  width: 30%;
  height: 30px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f8f8f8;
}
.content-forms button {
  flex: 1 1 0px;
  width: 300px;
  border: 1.2px solid #6db80e;
  border-radius: 3px;
  height: 50px;
  background: transparent;
  font-size: 1.4em;
  font-weight: 500;
  color: #6db80e;
}
.content-forms button:hover {
  background: #6db80e;
  border: 1.5px solid #6db80e;
  cursor: pointer;
  color: #ffffff;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.sua-avaliacao-do-produto {
  padding: 0 15px;
}
.content-forms .nome-do-avaliador input[type="text"] {
  width: 100%;
}
.content-forms button {
  width: 100%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.sua-avaliacao-do-produto {
  padding: 0 15px;
}
.content-forms .nome-do-avaliador input[type="text"] {
  width: 100%;
}
.content-forms button {
  width: 100%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.sua-avaliacao-do-produto {
  padding: 0 15px;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
.sua-avaliacao-do-produto {
  padding: 0 15px;
}
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
.sua-avaliacao-do-produto {
  padding: 0 15px;
}
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Fim da Sua avaliaÃƒÆ’Ã‚Â§ÃƒÆ’Ã‚Â£o*/







/*Duvidas dos consumidores*/



.duvidas-dos-consumidores {
  margin: 0;
  padding: 0;
}
.containt-duvidas {
  display: flex;
  flex-wrap: wrap;
  max-width: 1240px;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
}
.containt-duvidas .titulo-subititulo {
}
.containt-duvidas .titulo-subititulo h2 {
  font-size: 1.8em;
  color: #6db80e;
  font-weight: 600;
  text-transform: uppercase;
}
.containt-duvidas .titulo-subititulo h3 {
  font-size: 0.9em;
  color: #222222;
  font-weight: 700;
  width: 41%;
}
.containt-duvidas textarea {
  width: 30%;
  height: 15vh;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
  background-color: #f8f8f8;/*resize: none;*/
}
.containt-duvidas .form-duvidas button.duvidas {
  flex: 1 1 0px;
  width: 300px;
  border: 1.2px solid #4ab2ca;
  border-radius: 3px;
  height: 50px;
  background: transparent;
  font-size: 1.4em;
  font-weight: 500;
  color: #4ab2ca;
  margin-top: 2%;
}
.containt-duvidas .form-duvidas button.duvidas:hover {
  background-color: #4ab2ca;
  color: #ffffff;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.duvidas-dos-consumidores {
  padding: 0 15px;
}
.containt-duvidas .titulo-subititulo h3 {
  width: 100%;
}
.containt-duvidas textarea {
  width: 100%;
}
.containt-duvidas .form-duvidas button.duvidas {
  width: 100%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.duvidas-dos-consumidores {
  padding: 0 15px;
}
.containt-duvidas .titulo-subititulo h3 {
  width: 80%;
}
.containt-duvidas textarea {
  width: 100%;
}
.containt-duvidas .form-duvidas button.duvidas {
  width: 100%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.duvidas-dos-consumidores {
  padding: 0 15px;
}
.containt-duvidas .form-duvidas button.duvidas {
  width: 100%;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
.duvidas-dos-consumidores {
  padding: 0 15px;
}
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
.duvidas-dos-consumidores {
  padding: 0 15px;
}
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/* Fim Duvidas dos consumidores*/







/*Produtos Relacionados*/



.produtos-relacionados {
  padding: 0;
  margin: 0;
}
.content-produtos-relacionados {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1240px;
  flex-wrap: wrap;
  margin: 0 auto;
}
.content-produtos-relacionados fieldset {
  border-top: 1px solid #333;
  border-bottom: none;
  border-left: none;
  border-right: none;
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 5%;
}
.content-produtos-relacionados fieldset legend {
  font-size: 1.8em;
  color: #6db80e;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  line-height: 1;
  margin-top: 5%;
}
.content-produtos-relacionados fieldset legend>span {
  font-size: 0.5em;
  color: #222222;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
}
.content-produtos-relacionados h2>span {
}
.content-produtos-relacionados .itens {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.content-produtos-relacionados .itens .box-produtos-relacionados {
  flex: 1 1 200px;
  width: 200px;
  border: 1px solid rgba(0,0,0,.125);
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  padding: 15px;
  margin: 10px 10px;
}
.content-produtos-relacionados .itens .box-produtos-relacionados img {
  display: block;
  max-width: 100%;
  margin-bottom: 20px;
}
.content-produtos-relacionados .itens .box-produtos-relacionados h2 {
  font-size: 1em;
  padding-bottom: 10px;
  text-align: center;
  color: #6db80e;
  font-weight: 500;
  height: 80px;
}
.content-produtos-relacionados .itens .box-produtos-relacionados p {
  font-size: 0.8em;
  margin-bottom: 0;
  text-align: justify;
  font-weight: 400;
  height: 115px;
}
.content-produtos-relacionados .itens .box-produtos-relacionados span.preco {
  font-size: 2.5em;
  text-align: center;
  width: 100%;
  display: block;
  font-weight: 700;
  margin: 10px 0;
  color: #fd8d24;
}
.content-produtos-relacionados .itens .box-produtos-relacionados button.pedir-orcamento {
  border: 1.2px solid #3b413f;
  border-radius: 3px;
  background: transparent;
  font-size: 1em;
  font-weight: 500;
  color: #fff;
  padding: 15px 0;
  margin: auto 15%;
  width: 70%;
  background: #3b413f;
}
.content-produtos-relacionados .itens .box-produtos-relacionados button.pedir-orcamento:hover {
  border: 1.2px solid #6db80e;
  background: #fff;
  color: #6db80e;
  padding: 15px 0;
  margin: auto 15%;
  width: 70%;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca {
  width: 90%;
  background: #29b901;
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  margin: 10px 5%;
  border-radius: 10px;
  border: 0;
  padding: 10px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  border: 2px solid #29b901;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca:hover {
  border: 2px solid #393240;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2 {
  font-size: 1em;
  font-weight: 600;
  color: #ffffff;
  margin: 0 auto;
  height: 60px;
  line-height: 1;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2>span.txt-clique {
  color: #3b413f;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2>span.txt-whats {
  font-size: 1.9em;
  font-weight: 800;
  color: #ffffff;
  display: block;
  line-height: 1;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca img {
  max-width: 15%;
  margin-bottom: 0;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.content-produtos-relacionados .itens .box-produtos-relacionados {
  flex: 1 1 420px;
  width: 100%;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2 {
  font-size: 1.4em;
  font-weight: 600;
  color: #ffffff;
  margin: 0 auto;
  height: 50px;
  line-height: 1;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.content-produtos-relacionados .itens .box-produtos-relacionados {
  flex: 1 1 420px;
  width: 100%;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2 {
  font-size: 1.4em;
  font-weight: 600;
  color: #ffffff;
  margin: 0 auto;
  height: 50px;
  line-height: 1;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.content-produtos-relacionados .itens .box-produtos-relacionados {
  flex: 1 1 480px;
  width: 100%;
}
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2 {
  font-size: 2.4em;
  height: 90px;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2 {
  font-size: 1.4em;
  font-weight: 600;
  color: #ffffff;
  margin: 0 auto;
  height: 50px;
  line-height: 1;
}
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2 {
  font-size: 1.4em;
  font-weight: 600;
  color: #ffffff;
  margin: 0 auto;
  height: 50px;
  line-height: 1;
}
}

/* Desktop full-hd */



@media (min-width: 1367px) {
.content-produtos-relacionados .itens .box-produtos-relacionados .whatsapp-busca h2 {
  font-size: 1.4em;
  font-weight: 600;
  color: #ffffff;
  margin: 0 auto;
  height: 50px;
  line-height: 1;
}
}
/* fim Produtos Relacionados*/



/*Pagina carrinho ------------------------------------------------------------------------------------------*/





/*topo titulo carrinho-------------------------*/







.topo-titulo-carrinho {
  margin: 0;
  padding: 0 15px;
}
.titulo-carrinho {
  max-width: 1240px;
  margin: 0 auto
}
.titulo-carrinho h1 {
  font-size: 1.5em;
  font-weight: 400;
  text-transform: uppercase;
}
/*Final topo titulo carrinho -------------------*/





/*carrinho de compra ---------------------------*/



.carrinho-compra {
  margin: 5% 0;
  padding: 0 15px;
}
.conteudo-carrinho {
  max-width: 1240px;
  margin: 0 auto
}
.box-itens-carrinho {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.box-itens-carrinho .item-img {
  flex: 1 1 100px;
  margin: 0 auto;
}
.box-itens-carrinho .item-img img {
  max-width: 100%;
}
.item-nome-descricao-produto {
  flex: 1 1 400px;
  padding: 0 10px;
}
.item-nome-descricao-produto h2 {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.item-nome-descricao-produto h3 {
  font-size: 1em;
  font-weight: 400px;
  text-transform: uppercase;
}
.item-nome-descricao-produto small {
  width: 100%;
  display: block;
}
.item-quantidade {
  flex: 1 1 150px;
  margin: 0 auto;/*padding: 0 10px;*/
}
.item-quantidade h3 {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.item-quantidade form {
  text-align: center;
  padding: 15% 0;
}
.item-quantidade .input-number {
  position: relative;
  display: inline-block;
}
.item-quantidade .form-control.form-number {
  width: 65px;
  margin-right: 25px;
  border: 1px solid gainsboro;
  text-align: center;
  height: 40px;
  font-size: 1.3em;
  float: left;
  color: #6db80e;
  font-weight: 500;
  background: #ffffff;
}
.item-quantidade .btn-count-minus {
  bottom: 0;
}
.item-quantidade .btn-count-plus {
  top: 0;
}
.item-quantidade .btn-count {
  position: absolute;
  right: 0;
  width: 30px;
  height: 50%;
  background: #6db80e;
  border-radius: 0;
  text-align: center;
  line-height: 22px;
  font-size: 14px;
  color: #fff;
  z-index: 9999;
  cursor: pointer;
}
.item-valor-unitario {
  flex: 1 1 125px;
  margin: 0 auto;
}
.item-valor-unitario h3 {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.item-valor-unitario p {
  font-size: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 22% 0;
  color: #6db80e;
}
.item-valor-total {
  flex: 1 1 125px;
  margin: 0 auto;
}
.item-valor-total h3 {
  font-size: 1em;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
.item-valor-total p {
  font-size: 1.3em;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  padding: 22% 0;
  color: #6db80e;
}
.item-icon-excluir {
  flex: 1 1 30px;
  padding: 4% 0;
}
.item-icon-excluir img {
  max-width: 38%;
  margin: 0 auto;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.box-itens-carrinho {
  padding: 10px;
  border: 1px solid #d9d9d9;
}
.box-itens-carrinho .item-img img {
  max-width: 25%;
  margin: 0 auto;
}
.item-nome-descricao-produto h2 {
  text-align: center;
}
.item-nome-descricao-produto h3 {
  font-weight: 400;
  text-align: center;
}
.item-nome-descricao-produto small {
  text-align: center;
}
.item-nome-descricao-produto {
  flex: 1 1 400px;
  padding: 30px 0;
}
.item-quantidade form {
  text-align: center;
  padding: 2% 0;
}
.item-valor-unitario {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.item-valor-unitario {
  flex: 1 1 320px;
  margin: 0 auto;
}
.item-valor-unitario p {
  padding: 2% 10px;
  margin: 0;
}
.item-valor-total {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.item-valor-total {
  flex: 1 1 320px;
  margin: 0 auto;
}
.item-valor-total p {
  padding: 2% 10px;
  margin: 0;
}
.item-icon-excluir {
  flex: 1 1 320px;
  margin: 0 auto;
}
.item-icon-excluir img {
  max-width: 8%;
  margin: 0 auto;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.box-itens-carrinho {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  padding: 10px;
  border: 1px solid #d9d9d9;
}
.box-itens-carrinho .item-img img {
  max-width: 25%;
  margin: 0 auto;
}
.item-nome-descricao-produto {
  flex: 1 1 400px;
  padding: 30px 10px 0 0;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
.item-nome-descricao-produto {
  flex: 1 1 244px;
  padding: 0 10px;
  justify-content: center;
  align-items: center;
}
.item-icon-excluir {
  flex: 1 1 20px;
  padding: 4% 0;
  max-width: 100%;
}
.item-icon-excluir img {
  max-width: 100%;
}
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
.item-nome-descricao-produto {
  flex: 1 1 244px;
  padding: 0 10px;
}
.item-icon-excluir {
  flex: 1 1 10px;
  padding: 4% 0;
  max-width: 100%;
}
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Final carrinho de compra ---------------------*/







/*Area do cep ---------------------*/





.area-do-cep-carrinho {
  max-width: 1240px;
  margin: 0 auto;
}
.area-do-cep-carrinho .campos-cep-carrinho {
  width: 70%;
  margin: 0 auto;
}
.area-do-cep-carrinho .campos-cep-carrinho form {
  display: flex;
  justify-content: center;
  align-items: center;
}
.area-do-cep-carrinho .campos-cep-carrinho label {
  flex: 1 1 230px;
  font-size: 1.5em;
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 1%;
}
.area-do-cep-carrinho .campos-cep-carrinho form>input.numeros {
  flex: 1 1 200px;
  border: 1.2px solid #c4c4c4;
  height: 40px;
  border-radius: 3px;
  text-align: center;
}
.area-do-cep-carrinho .campos-cep-carrinho form>input.digito {
  width: 8%;
  border: 1.2px solid #c4c4c4;
  height: 40px;
  border-radius: 3px;
  text-align: center;
}
.area-do-cep-carrinho .campos-cep-carrinho button {
  width: 40%;
  border: 1.5px solid #4ab2ca;
  border-radius: 3px;
  height: 40px;
  background: transparent;
  font-size: 1em;
  font-weight: 500;
  color: #4ab2ca;
  margin-left: 2%;
}
.area-do-cep-carrinho .campos-cep-carrinho button:hover {
  background: #4ab2ca;
  border: 1.5px solid #4ab2ca;
  cursor: pointer;
  color: #ffffff;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.area-do-cep-carrinho .campos-cep-carrinho {
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.area-do-cep-carrinho .campos-cep-carrinho form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.area-do-cep-carrinho .campos-cep-carrinho label {
  flex: 1 1 260px;
  text-align: center;
}
.area-do-cep-carrinho .campos-cep-carrinho form>input.numeros {
  flex: 1 1 150px;
  border: 1.2px solid #c4c4c4;
  height: 50px;
  border-radius: 3px;
  text-align: center;
}
.area-do-cep-carrinho .campos-cep-carrinho form>input.digito {
  width: 30%;
  border: 1.2px solid #c4c4c4;
  height: 50px;
  border-radius: 3px;
  text-align: center;
}
.area-do-cep-carrinho .campos-cep-carrinho button {
  width: 65%;
  border: 1.5px solid #4ab2ca;
  border-radius: 3px;
  height: 50px;
  background: transparent;
  font-size: 1.5em;
  font-weight: 500;
  margin-top: 2%;
  color: #4ab2ca;
  margin-left: 0;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.area-do-cep-carrinho .campos-cep-carrinho form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.area-do-cep-carrinho .campos-cep-carrinho label {
  text-align: center;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Fim Area do cep ---------------------*/





/*Finalizar a Compra ------------------*/





.finalizar-a-compra {
  max-width: 1240px;
  margin: 0 auto;
}
.total-da-compra {
  display: flex;
  justify-content: flex-end;
  width: 90%;
}
.total-da-compra h3 {
  color: #6db80e;
  font-size: 1.6em;
  font-weight: 400;
  margin: 4% 0;
}
.total-da-compra h3>span.preco {
  font-weight: 600;
}
.botoes {
  display: inline-flex;
  justify-content: space-around;
  width: 100%;
  padding-bottom: 15%;
}
.btn-continuar-comprando button {
  flex: 1 1 350px;
  border: 1.5px solid #6db80e;
  border-radius: 3px;
  height: 50px;
  background: transparent;
  font-size: 1.2em;
  font-weight: 500;
  padding: 10px;
  color: #6db80e;
}
.btn-continuar-comprando button:hover {
  background: #6db80e;
  border: 1.5px solid #6db80e;
  cursor: pointer;
  color: #ffffff;
}
.btn-finalizar-compra button {
  flex: 1 1 350px;
  border: 1.5px solid #4ab2ca;
  border-radius: 3px;
  height: 50px;
  background: transparent;
  font-size: 1.2em;
  font-weight: 500;
  padding: 10px;
  color: #4ab2ca;
}
.btn-finalizar-compra button:hover {
  background: #4ab2ca;
  border: 1.5px solid #4ab2ca;
  cursor: pointer;
  color: #ffffff;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.total-da-compra {
  display: flex;
  align-content: center;
  justify-content: center;
}
.total-da-compra h3 {
  color: #6db80e;
  font-size: 1.8em;
  font-weight: 400;
  padding: 15px 0;
}
.botoes {
  padding: 0 15px;
  display: inline-block;
  width: 100%;
}
.btn-continuar-comprando button {
  font-weight: 700;
  width: 100%;
  margin-bottom: 3%;
  text-transform: uppercase;
}
.btn-finalizar-compra button {
  font-weight: 700;
  width: 100%;
  margin-bottom: 5%;
  text-transform: uppercase;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.total-da-compra {
  display: flex;
  align-content: center;
  justify-content: center;
}
.total-da-compra h3 {
  color: #6db80e;
  font-size: 1.8em;
  font-weight: 400;
  padding: 15px 0;
}
.botoes {
  padding: 0 15px;
  display: inline-block;
  width: 100%;
  padding-bottom: 10%;
}
.btn-continuar-comprando button {
  font-weight: 700;
  width: 100%;
  margin-bottom: 3%;
  text-transform: uppercase;
}
.btn-finalizar-compra button {
  font-weight: 700;
  width: 100%;
  margin-bottom: 5%;
  text-transform: uppercase;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */

@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */

@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */

@media (min-width: 1367px) {
}
/*Final Finalizar a Compra --------------*/





/*PG Finalizar a Compra --------------------*/



.topo-finalizar-compra-titulo {
  max-width: 1240px;
  margin: 0 auto;
}
.topo-finalizar-compra-titulo .titulo-finalizar-compra {
  padding: 0;
  margin: 0;
}
.topo-finalizar-compra-titulo .titulo-finalizar-compra h1 {
  font-size: 2.5em;
  font-weight: 600;
  color: #6db80e;
}
.finalizar-compra-endereco {
  max-width: 1240px;
  margin: 0 auto;
  padding: 5% 0 0 0;
}
.conteudo-endereÃ§o {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;/*padding: 0 15px;*/

}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.topo-finalizar-compra-titulo {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.finalizar-compra-endereco {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.topo-finalizar-compra-titulo {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.finalizar-compra-endereco {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*endereco-de-entrega-------*/



.conteudo-endereÃ§o .endereco-de-entrega {
  flex: 1 1 350px;
  border-right: 1px solid #ccc;
}
.conteudo-endereÃ§o .endereco-de-entrega h2 {
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
}
.conteudo-endereÃ§o .endereco-de-entrega h3 {
  font-size: 1.5em;
  font-weight: 400;
  color: #303030;
  text-transform: uppercase;
}
.conteudo-endereÃ§o .endereco-de-entrega p {
  font-size: 1em;
  font-weight: 400;
  color: #7b7b7b;
  width: 80%;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.conteudo-endereÃ§o .endereco-de-entrega {
  flex: 1 1 350px;
  border-right: 0;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.conteudo-endereÃ§o .endereco-de-entrega {
  flex: 1 1 350px;
  border-right: 0;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*endereco-de-entrega-------*/





/*conteudo-pedido-valor-------*/



.conteudo-endereÃ§o .conteudo-pedido-valor {
  flex: 1 1 350px;
  padding: 3%;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  justify-content: space-between;
  margin: 0 auto;
  padding-top: 5px;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos .iten-produtos {
  font-size: 1em;
  text-align: left;
  color: #7b7b7b;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos .iten-produtos a {
  font-size: 1em;
  color: #6db80e;
  text-decoration: underline;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos .iten-produtos a:hover {
  font-size: 1em;
  color: #7b7b7b;
  text-decoration: underline;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos .iten-frete {
  font-size: 1em;
  text-align: left;
  color: #7b7b7b;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos .item-valor {
  font-size: 1em;
  text-align: left;
  color: #7b7b7b;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos-total {
  display: flex;
  align-items: center;
  align-content: center;
  width: 100%;
  justify-content: space-between;
  margin: 10px 0 auto;
  border-top: 2px solid #ccc;
  padding-top: 5px;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos-total .item-total {
  font-size: 1em;
  text-align: left;
  font-weight: 700;
  color: #7b7b7b;
}
.conteudo-endereÃ§o .conteudo-pedido-valor .box-produtos-total .item-valor-final {
  font-size: 1em;
  text-align: left;
  font-weight: 700;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.conteudo-endereÃ§o .conteudo-pedido-valor {
  flex: 1 1 350px;
  padding: 0;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.conteudo-endereÃ§o .conteudo-pedido-valor {
  flex: 1 1 350px;
  padding: 0;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Fim conteudo-pedido-valor-------*/







/*Opcoes de entrega---------------*/



.opcoes-de-entrega {
  max-width: 1240px;
  margin: 0 auto;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega {
  padding: 0;
  margin: 0;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega h2 {
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 2%;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 3%;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega {
  width: 350px;
  border: 2px solid #2ca6c1;
  text-align: center;
  padding: 15%;
  border-radius: 0;
  background: transparent;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega h3 {
  font-size: 1.8em;
  color: #2ca6c1;
  text-transform: uppercase;
  font-weight: 600;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega p {
  font-size: 0.8em;
  color: #2ca6c1;
  text-transform: uppercase;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover {
  width: 350px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 15%;
  border-radius: 0;
  background: transparent;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover h3 {
  font-size: 1.8em;
  color: #6db80e;
  text-transform: uppercase;
  font-weight: 600;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover p {
  font-size: 0.8em;
  color: #6db80e;
  text-transform: uppercase;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado {
  width: 350px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 15%;
  border-radius: 0;
  background: transparent;
  outline: none;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado h3 {
  font-size: 1.8em;
  color: #6db80e;
  text-transform: uppercase;
  font-weight: 600;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado p {
  font-size: 0.8em;
  color: #6db80e;
  text-transform: uppercase;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.opcoes-de-entrega {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega {
  width: 130px;
  border: 2px solid #2ca6c1;
  padding: 10%;
  height: 140px;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega h3 {
  font-size: 0.9em;
  color: #2ca6c1;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega p {
  font-size: 0.8em;
  color: #2ca6c1;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover {
  width: 130px;
  border: 2px solid #6db80e;
  padding: 10%;
  height: 140px;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover h3 {
  font-size: 0.9em;
  color: #6db80e;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover p {
  font-size: 0.8em;
  color: #6db80e;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado {
  width: 130px;
  border: 2px solid #6db80e;
  padding: 10%;
  height: 140px;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado h3 {
  font-size: 0.9em;
  color: #6db80e;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado p {
  font-size: 0.8em;
  color: #6db80e;
  white-space: pre-wrap;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega {
  width: 130px;
  border: 2px solid #2ca6c1;
  padding: 10%;
  height: 140px;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega h3 {
  font-size: 0.9em;
  color: #2ca6c1;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega p {
  font-size: 0.8em;
  color: #2ca6c1;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover {
  width: 130px;
  border: 2px solid #6db80e;
  padding: 10%;
  height: 140px;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover h3 {
  font-size: 0.9em;
  color: #6db80e;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega:hover p {
  font-size: 0.8em;
  color: #6db80e;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado {
  width: 130px;
  border: 2px solid #6db80e;
  padding: 10%;
  height: 140px;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado h3 {
  font-size: 0.9em;
  color: #6db80e;
  white-space: pre-wrap;
}
.opcoes-de-entrega .conteudo-opcoes-de-entrega .box-formas-de-entrega .tipo-entrega button.btn-entrega-selecionado p {
  font-size: 0.8em;
  color: #6db80e;
  white-space: pre-wrap;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Fim Opcoes de entrega----------*/







/*tipos de pagamento------------*/



.tipos-de-pagamento {
  max-width: 1240px;
  margin: 0 auto;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento {
  padding: 0;
  margin: 0;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento h2 {
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 2%;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-top: 3%;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento {
  width: 250px;
  border: 2px solid #2ca6c1;
  text-align: center;
  padding: 15%;
  background: transparent;
  border-radius: 0;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento h4 {
  color: #2ca6c1;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento svg {
  width: 30%;
  fill: #2ca6c1;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento span {
  border: 1px solid #2ca6c1;
  padding: 5px 25%;
  color: #2ca6c1;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover {
  width: 250px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 15%;
  background: transparent;
  border-radius: 0;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover h4 {
  color: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover svg {
  width: 30%;
  fill: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover span {
  border: 1px solid #6db80e;
  padding: 5px 25%;
  color: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado {
  width: 250px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 15%;
  background: transparent;
  border-radius: 0;
  outline: none;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado h4 {
  color: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado svg {
  width: 30%;
  fill: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado span {
  border: 1px solid #6db80e;
  padding: 5px 25%;
  color: #6db80e;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.tipos-de-pagamento {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento {
  width: 95px;
  border: 2px solid #2ca6c1;
  text-align: center;
  padding: 0%;
  height: 150px;
  margin: 2px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento h4 {
  color: #2ca6c1;
  font-size: 0.9em;
  font-weight: 600;
  white-space: pre-line;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento span {
  border: 1px solid #2ca6c1;
  padding: 5px 8%;
  color: #2ca6c1;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover {
  width: 95px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 0%;
  height: 150px;
  margin: 2px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover h4 {
  color: #6db80e;
  font-size: 0.9em;
  font-weight: 600;
  white-space: pre-line;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover svg {
  width: 30%;
  fill: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover span {
  border: 1px solid #6db80e;
  padding: 5px 8%;
  color: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover {
  width: 95px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 0%;
  height: 150px;
  margin: 2px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado h4 {
  color: #6db80e;
  font-size: 0.9em;
  font-weight: 600;
  white-space: pre-line;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado svg {
  width: 30%;
  fill: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado span {
  border: 1px solid #6db80e;
  padding: 5px 8%;
  color: #6db80e;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.tipos-de-pagamento {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento {
  width: 95px;
  border: 2px solid #2ca6c1;
  text-align: center;
  padding: 0%;
  height: 150px;
  margin: 2px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento h4 {
  color: #2ca6c1;
  font-size: 0.9em;
  font-weight: 600;
  white-space: pre-line;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento span {
  border: 1px solid #2ca6c1;
  padding: 5px 8%;
  color: #2ca6c1;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover {
  width: 95px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 0%;
  height: 150px;
  margin: 2px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover h4 {
  color: #6db80e;
  font-size: 0.9em;
  font-weight: 600;
  white-space: pre-line;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover svg {
  width: 30%;
  fill: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento:hover span {
  border: 1px solid #6db80e;
  padding: 5px 8%;
  color: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado {
  width: 95px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 0%;
  height: 150px;
  margin: 2px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado h4 {
  color: #6db80e;
  font-size: 0.9em;
  font-weight: 600;
  white-space: pre-line;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado svg {
  width: 30%;
  fill: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .forma button.btn-pagamento-selecionado span {
  border: 1px solid #6db80e;
  padding: 5px 8%;
  color: #6db80e;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/* forma selecionada -----------------------*/



.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .selecionada {
  width: 250px;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 3%;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .selecionada h4 {
  color: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .selecionada svg {
  width: 30%;
  fill: #6db80e;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .selecionada span {
  border: 1px solid #6db80e;
  padding: 5px 25%;
  color: #6db80e;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .selecionada {
  width: 25%;
  border: 2px solid #6db80e;
  text-align: center;
  padding: 3%;
  margin: 2px;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .selecionada h4 {
  color: #6db80e;
  font-size: 1em;
}
.tipos-de-pagamento .conteudo-tipos-de-pagamento .box-tipos-de-pagamento .selecionada span {
  border: 1px solid #6db80e;
  padding: 5px;
  color: #6db80e;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/* forma selecionada -----------------------*/



/*forma-de-pagamento-selecionada -----------*/



.forma-de-pagamento-selecionada {
  max-width: 1240px;
  margin: 0 auto;
}
.forma-de-pagamento-selecionada .box-cartao-credito {
  border: 2px solid #6db80e;
  height: 100%;
  margin-top: 2%;
  margin-bottom: 5%;
  display: inline-block;
  width: 100%;
  padding: 15px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .botao-finalizar-compra {
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 0 auto;
}
.forma-de-pagamento-selecionada .box-cartao-credito .botao-finalizar-compra button {
  border: 1px solid #6db80e;
  background: transparent;
  font-size: 1.2em;
  color: #6db80e;
  width: 40%;
  padding: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .botao-finalizar-compra button:hover {
  border: 1px solid #6db80e;
  background: #6db80e;
  font-size: 1.2em;
  color: #ffff;
  width: 40%;
  padding: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao {
  display: flex;
  width: 80%;
  margin: 0 auto;
  align-items: center;
  align-content: center;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .numero-cartao-titulo {
  flex: 1 1 200px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .numero-cartao-titulo label {
  font-size: 1.8em;
  font-weight: 400;
  text-transform: uppercase;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .numero-cartao-numeros {
  flex: 1 1 300px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .numero-cartao-numeros input[type=text] {
  width: 100%;
  padding: 10px;
  margin: 0;
}
/*Nome Impresso*/



.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-titulo {
  flex: 1 1 200px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-titulo label {
  font-size: 1.8em;
  font-weight: 400;
  text-transform: uppercase;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-texto {
  flex: 1 1 300px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-texto input[type=text] {
  width: 100%;
  padding: 10px;
  margin: 5% 0;
}
/*Fim Nome Impresso*/





/*validade-cartao-titulo*/



.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-titulo {
  flex: 1 1 200px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-titulo label {
  font-size: 1.8em;
  font-weight: 400;
  text-transform: uppercase;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-select {
  flex: 1 1 300px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-select select {
  width: 30%;
  padding: 10px;
  margin: 0;
}
/*validade-cartao-titulo*/





/*codigo-de-seguranca -----*/



.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-titulo {
  flex: 1 1 200px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-titulo label {
  font-size: 1.8em;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  top: 15px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-codigo {
  flex: 1 1 300px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-codigo input[type=text] {
  width: 30%;
  padding: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-codigo svg {
  width: 10%;
  position: relative;
  fill: #6c6c6c;
  top: 25px;
}
/*Fim codigo-de-seguranca--*/







/*parcelamento ---------*/





.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-titulo {
  flex: 1 1 200px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-titulo label {
  font-size: 1.8em;
  font-weight: 400;
  text-transform: uppercase;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-quantas-vezes {
  flex: 1 1 300px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-quantas-vezes select {
  width: 30%;
  padding: 10px;
  margin: 5% 0;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.forma-de-pagamento-selecionada {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
  align-items: center;
  align-content: center;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .numero-cartao-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-texto input[type=text] {
  width: 100%;
  padding: 10px;
  margin: 0;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-select select {
  width: 50%;
  padding: 10px;
  margin: -1px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-codigo svg {
  width: 10%;
  position: relative;
  fill: #6c6c6c;
  top: 15px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-quantas-vezes select {
  width: 100%;
  padding: 10px;
  margin: 0;
}
.forma-de-pagamento-selecionada .box-cartao-credito .botao-finalizar-compra button {
  border: 1px solid #6db80e;
  background: transparent;
  font-size: 1.2em;
  color: #6db80e;
  width: 100%;
  padding: 10px;
  margin-top: 12px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .botao-finalizar-compra button:hover {
  border: 1px solid #6db80e;
  background: #6db80e;
  font-size: 1.2em;
  color: #ffff;
  width: 100%;
  padding: 10px;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.forma-de-pagamento-selecionada {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 auto;
  align-items: center;
  align-content: center;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .numero-cartao-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .nome-impresso-texto input[type=text] {
  width: 100%;
  padding: 10px;
  margin: 0;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .validade-cartao-select select {
  width: 50%;
  padding: 10px;
  margin: -1px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .codigo-de-seguranca-codigo svg {
  width: 10%;
  position: relative;
  fill: #6c6c6c;
  top: 15px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-titulo label {
  font-size: 1.4em;
  font-weight: 400;
  text-transform: uppercase;
  padding-top: 10px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .itens-cartao .parcelamento-quantas-vezes select {
  width: 100%;
  padding: 10px;
  margin: 0;
}
.forma-de-pagamento-selecionada .box-cartao-credito .botao-finalizar-compra button {
  border: 1px solid #6db80e;
  background: transparent;
  font-size: 1.2em;
  color: #6db80e;
  width: 100%;
  padding: 10px;
  margin-top: 12px;
}
.forma-de-pagamento-selecionada .box-cartao-credito .botao-finalizar-compra button:hover {
  border: 1px solid #6db80e;
  background: #6db80e;
  font-size: 1.2em;
  color: #ffff;
  width: 100%;
  padding: 10px;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*fim forma-de-pagamento-selecionada--------*/







/*Fim tipos de pagamento--------*/



.modal-visualizar {
  width: 70%;
  background: #f7f7f7;
  margin: 0 auto;
}
.modal-visualizar .heder-modal {
  position: relative;
  padding: 0 10px;
}
.modal-visualizar .heder-modal h2 {
  font-size: 1.7em;
  padding: 10px 0;
  font-weight: 500;
  color: #2ca6c1;
}
.modal-visualizar .heder-modal .modal-closed {
  font-size: 30px;
  position: absolute;
  top: -19px;
  right: -12px;
  background: #2ca6c1;
  border-radius: 100%;
  width: 43px;
  padding: 0 10px;
  color: #fff;
}
.modal-visualizar .conteudo-modal {
  width: 90%;
  margin: 0 auto;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .img-resumo {
  flex: 1 1 20px;
  max-width: 10%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-resumo {
  flex: 1 1 100px;
  max-width: 25%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-resumo p {
  font-size: 1.2em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-entrega {
  flex: 1 1 100px;
  max-width: 30%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-entrega p {
  font-size: 1.2em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-entrega p>span {
  font-weight: 700;
  color: #2ca6c1;
  ;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .quantidade {
  flex: 1 1 20px;
  max-width: 10%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .quantidade p {
  font-size: 1.2em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .preco-valor {
  flex: 1 1 25px;
  max-width: 12%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .preco-valor p {
  font-size: 1.2em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}
.modal-visualizar .conteudo-modal .box-total .link-alterar-carrinho {
  flex: 1 1 250px;
}
.modal-visualizar .conteudo-modal .box-total .resumo {
  width: 100%;
}
.modal-visualizar .conteudo-modal .box-total .resumo .preco-produto {
  display: flex;
  justify-content: flex-end;
}
.modal-visualizar .conteudo-modal .box-total .resumo .preco-produto .valor-total-produtos {
  flex: 1 1 100px;
  max-width: 20%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .preco-produto .valor-total {
  flex: 1 1 100px;
  max-width: 15%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .valor-frete {
  display: flex;
  justify-content: flex-end;
}
.modal-visualizar .conteudo-modal .box-total .resumo .valor-frete .frete-valor-resumo {
  flex: 1 1 100px;
  max-width: 20%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .valor-frete .frete-valor {
  flex: 1 1 100px;
  max-width: 15%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar {
  display: flex;
  justify-content: flex-end;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .titulo-total {
  flex: 1 1 100px;
  max-width: 11%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .titulo-total p {
  font-size: 1.3em;
  font-weight: 600;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .valor-a-ser-pago {
  flex: 1 1 100px;
  max-width: 11%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .valor-a-ser-pago p {
  font-size: 1.3em;
  font-weight: 700;
  color: #2ca6c1;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.modal-visualizar {
  width: 90%;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-resumo {
  flex: 1 1 100px;
  max-width: 25%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-entrega {
  flex: 1 1 100px;
  max-width: 30%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-entrega p {
  font-size: 0.8em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .quantidade {
  flex: 1 1 20px;
  max-width: 10%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .quantidade p {
  font-size: 1em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .preco-valor {
  flex: 1 1 25px;
  max-width: 15%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-total .resumo .preco-produto .valor-total-produtos {
  flex: 1 1 100px;
  max-width: 40%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .preco-produto .valor-total {
  flex: 1 1 100px;
  max-width: 40%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .valor-frete .frete-valor-resumo {
  flex: 1 1 100px;
  max-width: 24%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .valor-frete .frete-valor {
  flex: 1 1 100px;
  max-width: 40%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .titulo-total {
  flex: 1 1 100px;
  max-width: 30%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .valor-a-ser-pago {
  flex: 1 1 100px;
  max-width: 22%;
  margin: 5px;
  text-align: right;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.modal-visualizar {
  width: 90%;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-resumo {
  flex: 1 1 100px;
  max-width: 25%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-entrega {
  flex: 1 1 100px;
  max-width: 30%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .text-entrega p {
  font-size: 0.8em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .quantidade {
  flex: 1 1 20px;
  max-width: 10%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .quantidade p {
  font-size: 1em;
  font-weight: 400;
}
.modal-visualizar .conteudo-modal .box-resumo-produtos .preco-valor {
  flex: 1 1 25px;
  max-width: 15%;
  margin: 2px;
}
.modal-visualizar .conteudo-modal .box-total .resumo .preco-produto .valor-total-produtos {
  flex: 1 1 100px;
  max-width: 40%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .preco-produto .valor-total {
  flex: 1 1 100px;
  max-width: 40%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .valor-frete .frete-valor-resumo {
  flex: 1 1 100px;
  max-width: 24%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .box-total .resumo .valor-frete .frete-valor {
  flex: 1 1 100px;
  max-width: 40%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .titulo-total {
  flex: 1 1 100px;
  max-width: 30%;
  margin: 5px;
  text-align: right;
}
.modal-visualizar .conteudo-modal .valor-total-a-pagar .valor-a-ser-pago {
  flex: 1 1 100px;
  max-width: 22%;
  margin: 5px;
  text-align: right;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Final pg Finalizar a Compra ------------------------------------------------------------------*/





/*CADASTRO DE CLIENTE --------------------------------------------------------------------------*/



/*Topo cadastro cliente*/



.topo-novo-cadastro-de-cliente {
  margin: 0;
  padding: 0;
}
.topo-novo-cadastro-de-cliente .titulo-cadastro-de-cliente {
  max-width: 1240px;
  margin: 0 auto;
}
.topo-novo-cadastro-de-cliente .titulo-cadastro-de-cliente h1 {
  font-size: 2.5em;
  font-weight: 600;
  color: #6db80e;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.topo-novo-cadastro-de-cliente .titulo-cadastro-de-cliente {
  padding: 15px;
}
.topo-novo-cadastro-de-cliente .titulo-cadastro-de-cliente h1 {
  font-size: 2em;
  font-weight: 600;
  color: #6db80e;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.topo-novo-cadastro-de-cliente .titulo-cadastro-de-cliente {
  padding: 15px;
}
.topo-novo-cadastro-de-cliente .titulo-cadastro-de-cliente h1 {
  font-size: 2em;
  font-weight: 600;
  color: #6db80e;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Final Topo cadastro cliente*/





/*botoes-top*/



.botoes-top {
  max-width: 1240px;
  margin: 0 auto;
}
.botoes-top .botoes-fisica-juridica {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  width: 100%;
  padding-top: 5%;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica {
  width: 35%;
  height: 80px;
  font-size: 2em;
  background: #fff;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica {
  width: 35%;
  height: 80px;
  font-size: 2em;
  background: #fff;
  /*background: #c4e896;*/

  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica:hover {
  width: 35%;
  height: 80px;
  font-size: 2em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica:hover {
  width: 35%;
  height: 80px;
  font-size: 2em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica-active {
  width: 35%;
  height: 80px;
  font-size: 2em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica-active {
  width: 35%;
  height: 80px;
  font-size: 2em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.botoes-top {
  padding: 15px;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #fff;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #fff;
  /* background: #c4e896; */

  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica:hover {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica:hover {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica-active {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica-active {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.botoes-top {
  padding: 15px;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #fff;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #fff;
  /* background: #c4e896; */

  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-fisica-active {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
.botoes-top .botoes-fisica-juridica button.pessoa-juridica-active {
  width: 50%;
  height: 80px;
  font-size: 1.6em;
  background: #c4e896;
  border: 1px solid #bfbfbf;
  font-weight: 500;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*final botoes-top*/





/*form pessoa fisica*/



.form-pessoa-fisica {
  max-width: 1240px;
  margin: 0 auto;
}
.form-pessoa-fisica .box-dados-pessoais {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-fisica .box-dados-pessoais h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais-obrigatorio {
  flex: 1 1 360px;
  max-width: 49%;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais-obrigatorio input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais input[type=date] {
  width: 100%;
  font-size: 1.5em;
  padding: 4px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais select {
  width: 100%;
  font-size: 1.6em;
  padding: 5px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.form-pessoa-fisica {
  padding: 15px;
}
.form-pessoa-fisica .box-dados-pessoais {
  width: 100%;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais-obrigatorio {
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais {
  max-width: 100%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.form-pessoa-fisica {
  padding: 15px;
}
.form-pessoa-fisica .box-dados-pessoais {
  width: 100%;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais-obrigatorio {
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-pessoais .campo-dados-pessoais {
  max-width: 100%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*box pessoa fisica contatos*/



.form-pessoa-fisica .box-dados-contatos {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-fisica .box-dados-contatos h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-telefones {
  flex: 1 1 360px;
  max-width: 49%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-telefones input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-email {
  flex: 1 1 800px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-email input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-senhas {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-senhas input[type=password] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter {
  /* Reset the default appearance */

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 auto 1em;
  width: 100%;
  height: 0.5em;
  /* Applicable only to Firefox */

  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}
 .form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter::-webkit-meter-bar {
 background: none;
 background-color: rgba(0, 0, 0, 0.1);
}



/* Webkit based browsers */

.form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="1"]::-webkit-meter-optimum-value {
background: red;
}
 .form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="2"]::-webkit-meter-optimum-value {
background: yellow;
}
 .form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="3"]::-webkit-meter-optimum-value {
background: orange;
}
 .form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="4"]::-webkit-meter-optimum-value {
background: green;
}



/* Gecko based browsers */

.form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="1"]::-moz-meter-bar {
background: red;
}
 .form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="2"]::-moz-meter-bar {
background: yellow;
}
 .form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="3"]::-moz-meter-bar {
background: orange;
}
 .form-pessoa-fisica .box-dados-contatos .campo-dados-senhas meter[value="4"]::-moz-meter-bar {
background: green;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.form-pessoa-fisica .box-dados-contatos {
  width: 100%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-telefones {
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-senhas {
  max-width: 100%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.form-pessoa-fisica .box-dados-contatos {
  width: 100%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-telefones {
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-contatos .campo-dados-senhas {
  max-width: 100%;
  padding-top: 3%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Final box pessoa fisica contatos --*/





/*box dados entrega -----*/



.form-pessoa-fisica .box-dados-entrega {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-fisica .box-dados-entrega h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 49%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cep input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-uf {
  flex: 1 1 100px;
  max-width: 15%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-uf input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cidade {
  flex: 1 1 250px;
  max-width: 32%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cidade input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-bairro {
  flex: 1 1 260px;
  max-width: 37%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-bairro input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-rua input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 10%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-numero input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-complemento input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.form-pessoa-fisica .box-dados-entrega {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 77%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-uf {
  flex: 1 1 100px;
  max-width: 20%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cidade {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-bairro {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 25%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 71%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.form-pessoa-fisica .box-dados-entrega {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 77%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-uf {
  flex: 1 1 100px;
  max-width: 20%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-cidade {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-bairro {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 25%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 71%;
  padding-top: 3%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*final box dados entrega*/





.bt-avancar {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  width: 70%;
  padding-top: 3%;
  padding-bottom: 10%;
}
.bt-avancar button {
  border: 1px solid #6db80e;
  background: transparent;
  width: 20%;
  padding: 10px;
  color: #6db80e;
  font-weight: 500;
  font-size: 1.3em;
}
.bt-avancar button:hover {
  border: 1px solid #6db80e;
  background: #6db80e;
  width: 20%;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 1.3em;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.bt-avancar {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  width: 100%;
  padding-top: 3%;
  padding-bottom: 10%;
}
.bt-avancar button {
  border: 1px solid #6db80e;
  background: transparent;
  width: 40%;
  padding: 10px;
  color: #6db80e;
  font-weight: 500;
  font-size: 1.3em;
}
.bt-avancar button:hover {
  border: 1px solid #6db80e;
  background: #6db80e;
  width: 40%;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 1.3em;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.bt-avancar {
  display: flex;
  justify-content: flex-end;
  margin: 0 auto;
  width: 100%;
  padding-top: 3%;
  padding-bottom: 10%;
}
.bt-avancar button {
  border: 1px solid #6db80e;
  background: transparent;
  width: 40%;
  padding: 10px;
  color: #6db80e;
  font-weight: 500;
  font-size: 1.3em;
}
.bt-avancar button:hover {
  border: 1px solid #6db80e;
  background: #6db80e;
  width: 40%;
  padding: 10px;
  color: #fff;
  font-weight: 500;
  font-size: 1.3em;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Final form pessoa fisica*/





/*form pessoa juridica*/



.form-pessoa-juridica {
  max-width: 1240px;
  margin: 0 auto;
}
.form-pessoa-juridica .box-dados-empresa {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-empresa h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa-obrigatorio {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa-obrigatorio input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa input[type=date] {
  width: 100%;
  font-size: 1.5em;
  padding: 4px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa select {
  width: 100%;
  font-size: 1.6em;
  padding: 5px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.form-pessoa-juridica {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.form-pessoa-juridica .box-dados-empresa {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa-obrigatorio {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.form-pessoa-juridica {
  max-width: 1240px;
  margin: 0 auto;
  padding: 15px;
}
.form-pessoa-juridica .box-dados-empresa {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa-obrigatorio {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-empresa .campo-dados-empresa {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*box pessoa juridica contatos*/



.form-pessoa-juridica .box-dados-contatos {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-contatos h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-telefones {
  flex: 1 1 360px;
  max-width: 49%;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-telefones input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-email {
  flex: 1 1 800px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-email input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
  margin: 0 auto;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-senhas {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-senhas input[type=password] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;
  margin: 0 auto;
}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.form-pessoa-juridica .box-dados-contatos {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-telefones {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-senhas {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.form-pessoa-juridica .box-dados-contatos {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-telefones {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-contatos .campo-dados-senhas {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*Final box pessoa fisica contatos --*/





/*box dados entrega -----*/

.form-pessoa-juridica .box-dados-entrega {
  width: 70%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-entrega h2 {
  width: 100%;
  font-size: 2em;
  font-weight: 500;
  color: #6db80e;
  padding-top: 5%;
  padding-bottom: 1%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 49%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cep input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-uf {
  flex: 1 1 100px;
  max-width: 15%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-uf input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cidade {
  flex: 1 1 250px;
  max-width: 32%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cidade input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-bairro {
  flex: 1 1 260px;
  max-width: 37%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-bairro input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-rua input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 10%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-numero input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 49%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-complemento input[type=text] {
  width: 100%;
  font-size: 1.5em;
  padding: 5px;
  border-left: 3px solid #da0000;
  border-right: 1.4px solid #d0d0d0;
  border-top: 1.4px solid #d0d0d0;
  border-bottom: 1.4px solid #d0d0d0;/*margin: 0 auto;*/

}

/* Telefones em paisagem e abaixo */



@media (max-width: 480px) {
.form-pessoa-juridica .box-dados-entrega {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 77%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-uf {
  flex: 1 1 100px;
  max-width: 20%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cidade {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-bairro {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 25%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 71%;
  padding-top: 3%;
}
}

/* Telefones em paisagem a tablet em retrato */



@media (min-width: 481px) and (max-width: 767px) {
.form-pessoa-juridica .box-dados-entrega {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cep {
  flex: 1 1 360px;
  max-width: 77%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-uf {
  flex: 1 1 100px;
  max-width: 20%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-cidade {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-bairro {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-fisica .box-dados-entrega .campo-dados-endereco-rua {
  flex: 1 1 360px;
  max-width: 100%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-numero {
  flex: 1 1 160px;
  max-width: 25%;
  padding-top: 3%;
}
.form-pessoa-juridica .box-dados-entrega .campo-dados-endereco-complemento {
  flex: 1 1 360px;
  max-width: 71%;
  padding-top: 3%;
}
}

/* Tablet em retrato a paisagem e desktop */



@media (min-width: 768px) and (max-width: 979px) {
}

/* Desktop */



@media (min-width: 980px) and (max-width: 1199px) {
}

/* Desktop grande */



@media (min-width: 1201px) and (max-width: 1366px) {
}

/* Desktop full-hd */



@media (min-width: 1367px) {
}
/*FINAL CADASTRO DE CLIENTE --------------------------------------------------------------------*/


/*FOOTER*/



#copyright {
  padding: 10px 0;
  margin: 0;
}

#copyright p {

  font-family: 'Myriad Pro';
  text-align: center;
  font-weight: 400;
  margin-bottom: 0;
  color: rgb(57, 50, 64);

}

#footer  {
  background-color: #f1f1f1;
  padding: 90px 0px;
}

#footer .fa:hover {

  color: #675f5f;

}

#footer .logo {

  color: #FFF;

  font-weight: 800;

  font-size: 30px;

}

.adress span, .contact span, .social span, .header-form {

  color: #675f5f;

  font-weight: 800;

  padding-top: 20px;

  padding-bottom: 20px;

  display: block;

  text-transform: uppercase;

  font-size: 13px;

  letter-spacing: 3px;

}

.adress li p, .contact li a, .social li a {

  color: #675f5f;
  letter-spacing: 2px;
  text-decoration: none;
  font-size: 13px;

}

.adress li span {

  width: 20px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 25px;
  padding-top: 0;

}

.adress, .contact, .social {
  list-style: none;
}



.telefones{
  width: 100%;
  color: #9c9c9c;
  text-decoration: none;
  font-size: 20px;
  margin-bottom: 10px;
}


.telefones .tel01{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  width: 100%;
}

.telefones .tel01 a{
  cursor: pointer;
}


.telefones .tel01 .fa {
    color: #9c9c9c;
    margin-right: 10px;
    font-size: 20px;
}



.telefones .tel01 span {
  width: 25px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.telefones .tel02{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
  width: 100%;
}

.telefones .tel02 a{
  cursor: pointer;
}

.telefones .tel02 .fab {
    color: #9c9c9c;
    margin-right: 10px;
    font-size: 23px;
}



.telefones .tel02 span {
  width: 25px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



.associado-abf{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}



.associado-abf span{
  width: 100%;
  /*display: block;*/
}



.associado-abf img{
  max-width: 100%;
  display: block;
}



.social li {
  float: left;
}

.fa {
  color: #9c9c9c;
  margin-right: 10px;
  font-size: 14px;
}



@media (min-width:992px) and (max-width:1199px) {

}



@media (min-width:768px) and (max-width:991px) {

}



@media (max-width:767px) {

}

.popup-hide {

  -webkit-transform: translate(0, -500px);

  transform: translate(0, -500px);

}

.popupOverlay-hide {

  display: none;

  z-index: 1;

}

.popupOverlay {

  background-color: grey;

  content: '';

  height: 100%;

  left: 0;

  opacity: .7;

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 1999995;

}

.popup {

  background-color: rgb(109, 184, 14);

  border: 5px solid #fff;

  left: 20%;

  padding: .5em 1em;

  position: fixed;

  top: 13%;

  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.6, 0.25, 0.6, 1.25);

  transition: -webkit-transform 0.4s cubic-bezier(0.6, 0.25, 0.6, 1.25);

  transition: transform 0.4s cubic-bezier(0.6, 0.25, 0.6, 1.25);

  transition: transform 0.4s cubic-bezier(0.6, 0.25, 0.6, 1.25), -webkit-transform 0.4s cubic-bezier(0.6, 0.25, 0.6, 1.25);

  width: 60%;

  z-index: 1999999;

  border-radius: 10px;

}

.popup_title {

  font-family: 'Myriad Pro';

  font-style: normal;

  font-size: 26px;

  text-align: center;

  padding-top: 20px;

  color: #fff;

  font-weight: 700;

}

.popup_text {

  margin-left: 0;

  text-align: center;

}

.popup_form {

  font-size: 18px;

  margin: 0 auto;

  width: 60%;

}

.popup_email {

  font-size: inherit;

  padding: .2em;

  width: 80%;

  margin: 5px;

  width: calc(100% - 2.5em);

}

.popup_submit {

  background-color: orange;

  border: 2px solid orange;

  font-size: inherit;

  margin-left: 6px;

  padding: .5em 0;

  width: 8.5em;

  margin-bottom: 20px;

}

.popup_x {

  background-color: transparent;

  border: none;

  color: #666;

  cursor: pointer;

  font-size: 1.5em;

  font-weight: bold;

  position: absolute;

  right: .2em;

  top: 0;

}



@media (min-width:992px) and (max-width:1199px) {

}



@media (min-width:768px) and (max-width:991px) {

}



@media (max-width:767px) {

.popup {

  top: 15%;

}

.popup_title {

  font-family: 'Myriad Pro';

  font-style: normal;

  font-size: 20px;

  text-align: center;

  padding-top: 20px;

  color: #fff;

  font-weight: 700;

}

.popup_form {

  font-size: 18px;

  margin: 0 auto;

  width: 100%;

}

.popup_email {
  font-size: inherit;
  padding: .2em;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 8px;
  margin-bottom: 0;/* width: calc(100% - 2.5em); */
}

.popup_submit {

  background-color: orange;

  border: 2px solid orange;

  font-size: inherit;

  margin-left: 1px;

  padding: .5em 0;

  width: 7.5em;

  margin-bottom: 20px;

  margin-top: 10px;

}

}

/*FIM FOOTER*/
