/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > STANDARTS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
Prueba html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: 'Montserrat', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.av {
  display: block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ah {
  display: block;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.ac {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translateX(-50%, -50%);
  transform: translateX(-50%, -50%);
}
.tr {
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.ts {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.noactivedbody {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}

.master {
  max-width: 1100px;
  position: relative;
  display: block;
  margin: 0 auto;
  /* background-color: violet; */
}
.master.h100 {
  height: 100%;
  z-index: 6;
}
.master.center {
  text-align: center;
}

.tit-section {
  font-weight: 800;
  font-size: 24px;
  display: inline-block;
  width: 100%;
  letter-spacing: 0.5px;
  padding: 10px 0;
  vertical-align: top;
  /* background-color: orange; */
  margin: 0 0 5px 0;
}
.tit-section.grey {
  color: #777;
}
.tit-section.blue {
  color: #2559a6;
}
.tit-section.yellow {
  color: #ffcc29;
}
.tit-section .tit-extralink {
  position: relative;
  margin: 0 0 0 16px;
  border-left: 1px solid #777;
  padding: 0px 20px;
  font-size: 12px;
  letter-spacing: 0.5px;
  font-weight: 600;
  display: inline-block;
  color: #2559a6;
  vertical-align: middle;
  text-decoration: none;
}
.tit-section .tit-extratit {
  position: relative;
  padding: 0px;
  margin: 3px 0 0 0;
  font-size: 14px;
  letter-spacing: 0.5px;
  font-weight: 600;
  display: inline-block;
  color: #777;
  vertical-align: top;
  font-style: italic;
  text-decoration: none;
}
.tit-section.yellow .tit-extratit {
  color: #fff;
}

.tit-section .tit-extralink:hover {
  color: #000;
}
.bold700 {
  font-weight: 700 !important;
}
.bold700blue {
  font-weight: 700 !important;
  color: #2559a6 !important;
}

.extraSpaceBottom {
  width: 100%;
  display: inline-block;
  height: 100px;
  /* background-color: red; */
}

.extraSpaceBottom50 {
  width: 100%;
  display: inline-block;
  height: 50px;
  /* background-color: red; */
}
.extraSpaceBottom150 {
  width: 100%;
  display: inline-block;
  height: 150px;
  /* background-color: red; */
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > HEADER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.header {
  height: 170px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  top: 0px;
  left: 0px;
  position: relative;
  background: rgb(255, 204, 41); /* Old browsers */
  background: -moz-linear-gradient(
    -45deg,
    rgba(255, 204, 41, 1) 0%,
    rgba(231, 218, 134, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    -45deg,
    rgba(255, 204, 41, 1) 0%,
    rgba(231, 218, 134, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    135deg,
    rgba(255, 204, 41, 1) 0%,
    rgba(231, 218, 134, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc29', endColorstr='#e7da86',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
}
.header.mini {
  height: 60px;
  position: fixed;
  z-index: 100000000000;
  top: -70px;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.4);
}
.header.mini.active {
  top: 0px;
}
.header .menu {
  width: 44px;
  height: 44px;
  border-radius: 100px;
  position: absolute;
  display: inline-block;
  /* background-color: red; */
  left: -10px;
  /* background-origin: content-box; */
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/menu.png);
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header .menu:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.header.mini .menu {
  left: 120px;
}

.header .header-form {
  height: 38px;
  width: 25%;
  left: 64px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 100px;
  display: inline-block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header.mini .header-form {
  left: 230px;
  width: 40%;
}
.header .header-form.active,
.header.mini .header-form.active {
  background-color: rgba(255, 255, 255, 1);
}
.header .header-form .search-input {
  width: calc(100% - 60px);
  height: 95%;
  display: inline-block;
  position: absolute;
  left: 15px;
  outline: none;
  background-color: transparent;
  /* background-color: orange; */
  border: none;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-family: 'Montserrat', sans-serif;
  color: #000;
}
.header .header-form .search-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #594400;
}
.header .header-form .search-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #594400;
}
.header .header-form .search-input:-ms-input-placeholder {
  /* IE 10+ */
  color: #594400;
}
.header .header-form .search-input:-moz-placeholder {
  /* Firefox 18- */
  color: #594400;
}
.header .header-form .search-submit {
  text-indent: -100px;
  overflow: hidden;
  cursor: pointer;
  background-size: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/search.png);
  position: absolute;
  right: 5px;
  height: 95%;
  /* background-color: red; */
  background-color: transparent;
  width: 30px;
  border: none;
  outline: none;
}

.header .language {
  left: 64px;
  /* background-color: red; */
  position: absolute;
  top: 20%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  color: #594400;
}
.header .language:hover {
  color: #2559a6;
}

.header .home {
  width: 8px;
  /* background-color: yellow; */
  height: auto;
  display: inline-block;
  right: 75px;
  top: 65px;
  position: absolute;
  padding: 5px 0px 3px 26px;
  background-position: left;
  background-repeat: no-repeat;
  background-size: 17px;
  background-image: url(../img/login.png);
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
  color: #594400;
}

.header .home:hover {
  color: #2559a6;
}

.header .language img {
  width: 22px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
}
.header .logo {
  width: 25%;
  height: 97%;
  position: absolute;
  /* background-color: red; */
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/logo.png);
}
.header.mini .logo {
  left: 0;
  width: 63px;
}

.header .rightElements {
  position: absolute;
  right: 0;
  text-align: right;
  width: 200px;
  /* background-color: yellow; */
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.header .cart {
  width: 200px;
  height: 48px;
  position: relative;
  /* background-color: orange; */
  background-size: auto;
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url(../img/cart.png);
  margin-bottom: 0px;
  display: inline-block;
}
.header.active .cart {
  margin-bottom: 0;
}
.header .cart .cart-tit {
  position: absolute;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.7px;
  color: #2559a6;
  right: 30px;
  top: 3px;
}
.header .cart:hover .cart-tit {
  color: #000;
}
.header .cart .cart-count {
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #fff;
  right: 50px;
  bottom: 8.5px;
  width: 30px;
  /* background-color: violet; */
  text-align: center;
}
.header .cart .cart-count-mini {
  position: absolute;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #fff;
  right: 50px;
  bottom: 8.5px;
  width: 30px;
  /* background-color: violet; */
  text-align: center;
}

.header .header-right {
  font-weight: 500;
  font-size: 12px;
  position: relative;
  margin: 2px 0 2px 0;
  color: #594400;
  display: inline-block;
  text-decoration: none;
}
.header.active .header-right {
  display: none;
}
.header .header-right:hover {
  color: #2559a6;
}
.header .header-atencion {
  width: 115px;
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  margin-top: 8px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 800;
  color: #333;
  padding: 5px 10px 5px 30px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-image: url(../img/whatV.png);
  cursor: pointer;
  text-decoration: none;
}
.header .header-atencion:hover {
  color: #2559a6;
}
.header .header-market {
  width: auto;
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  margin-top: 8px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 800;
  color: #333;
  padding: 5px 10px 5px 30px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px center;
  background-image: url(../img/market.png);
  cursor: pointer;
  text-decoration: none;
}
.header .header-market:hover {
  color: #2559a6;
}

.header .header-login {
  width: auto;
  display: inline-block;
  background-color: #ffffff;
  position: relative;
  margin-top: 8px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  padding: 5px 10px 5px 30px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 2px center;
  background-image: url(../img/login.png);
  cursor: pointer;
  text-decoration: none;
}
.header .header-login:hover {
  color: #2559a6;
}

/*////////MENU HEADER//*/

.dropbtn:hover,
.header-login tr:focus {
  background-color: #2980b9;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  font-size: 12px;
  text-align: center;
  border-radius: 5px;
  background-color: #f1f1f1;
  min-width: 100px;
  overflow: auto;
  box-shadow: 5px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.dropdown-content a {
  color: black;
  padding: 12px 12px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {
  background-color: #2559a6;
  color: white;
  font-weight: 500;
}

.show {
  display: block;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PROMOCIONES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.promos {
  width: 100%;
  /* height: 200px; */
  position: relative;
  display: inline-block;
  /* background-color: yellow; */
  padding: 20px 0 45px 0;
  vertical-align: top;
}

.promos .promo-indication {
  position: absolute;
  top: 12px;
  right: 0;
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
  width: 220px;
  letter-spacing: 0.5px;
  color: #777;
  text-align: right;
}
.promos .promo {
  /* Modificacion de los stilos */
  width: 30%;
  height: 200px;
  margin: 0 2% 0 0;
  position: relative;
  /* background-color: red; */
  display: inline-block;
  vertical-align: top;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  cursor: pointer;
  padding-top: 35px;
}
.promos.inner .promo {
  margin-bottom: 40px;
}

.promos .promo.last,
.promos .promo:last-child {
  margin: 0;
}
.promos .promo .titT {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: 0.2px;
  color: #2559a6;
  width: max-content;
  position: absolute;
  top: 0px;
  left: 0;
  /* background-color: yellow; */
  padding: 7px 25px 5px 25px;
  text-align: center;
  display: inline-block;
  border-radius: 20px;
  transition: all 150ms ease;
}
.promos .promo:hover .titT {
  background-color: #ffcc29;
}

.promos .promo .before {
  display: inline-block;
  margin-right: 10px;
  top: 0px;
  letter-spacing: 0.2px;
  font-size: 16px;
  color: rgb(167, 167, 167);
  text-decoration: line-through;
  text-align: center;
}

.promos .promo .item-price {
  position: absolute;
  display: inline-block;
  width: 86%;
  font-size: 16px;
  color: #000;
  letter-spacing: 0.2px;
  font-weight: 500;
  right: 7%;
  /* background-color: yellow; */
  text-align: center;
  bottom: -19px;
}

.promos .promo .validez {
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #777;
  width: 100%;
  position: absolute;
  bottom: -36px;
  left: 0;
  /* background-color: #FFF; */
  padding: 10px 0 5px 0;
  text-align: center;
}
.promos .promo:hover .validez {
  color: #2559a6;
  text-decoration: underline;
}
.promos .promo.a {
  background-image: url(../img/promos/promo1.png);
}
.promos .promo.b {
  background-image: url(../img/promos/promo2.png);
}
.promos .promo.c {
  background-image: url(../img/promos/promo3.png);
}
.promos .promo.d {
  background-image: url(../img/promos/promo4.png);
}
.promos .promo.e {
  background-image: url(../img/promos/promo5.png);
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PRODUCTOS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.products {
  background-color: rgba(227, 227, 227, 0.5);
  width: 100%;
  /* height: 200px; */
  position: relative;
  display: inline-block;
  /* background-color: yellow; */
  padding: 20px 0 30px 0;
  vertical-align: top;
}
.products .catND {
  width: 100%;
  padding: 200px 0;
  text-align: center;
  font-size: 24px;
  font-weight: 300;
  color: #2559a6;
}
.products .catND span {
  font-weight: 400;
}

.products .products-categories {
  position: relative;
  width: calc(100% - 30px);
  /* background-color: red; */
  margin-top: 5px;
}
.products .products-categories .product-category {
  color: #2559a6;
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  width: calc(15% - 2px);
  margin: 0 1.6% 0 0;
  border: 1px solid #2559a6;
  padding: 6px 0;
  text-align: center;
  border-radius: 50px;
  letter-spacing: 0px;
  cursor: pointer;
  text-decoration: none;
}
.products .products-categories .product-category.active {
  background-color: #2559a6;
  color: #fff;
}
.products .products-categories .product-category:hover {
  background-color: #2559a6;
  color: #fff;
}

.products .products-categories .product-more-categories {
  width: 25px;
  height: 25px;
  background-color: #2559a6;
  border-radius: 3px;
  display: inline-block;
  vertical-align: top;
  position: absolute;
  top: 0;
  right: -30px;
  background-size: auto;
  background-position: center -3px;
  background-repeat: no-repeat;
  background-image: url(../img/plus.png);
  cursor: pointer;
}
.products .products-categories .product-more-categories:hover {
  background-color: #777;
}
.products .products-gallery {
  /* background-color: red; */
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.products .products-gallery .item {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  height: 245px;
  cursor: pointer;
  transition: all 150ms ease;
}
.products .products-gallery .item.promo {
  border: 1px solid #f09b9b;
}
.products .products-gallery .item .item-foto {
  width: 86%;
  position: relative;
  margin: 5px 0 0 7%;
  display: inline-block;
  height: 155px;
  /* background-color: blue; */
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.products .products-gallery .item .item-foto .badged {
  position: absolute;
  top: -16px;
  left: 10px;
  height: 60px;
  width: 35px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/badged.png);
  /* background-color: yellow;*/
}

.products .products-gallery .item .item-tit {
  position: relative;
  display: inline-block;
  width: 86%;
  margin: 5px 0 0 7%;
  font-size: 14px;
  color: #000;
  letter-spacing: 0.5px;
  font-weight: 500;
  transition: all 150ms ease;
  line-height: 16px;
}
.products .products-gallery .item.prom .item-tit {
  color: #c93438;
  font-weight: 600;
}

.products .products-gallery .item .item-type {
  position: relative;
  display: inline-block;
  width: 86%;
  margin: 5px 0 0 7%;
  font-size: 12px;
  color: #777;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.products .products-gallery .item .item-price {
  position: absolute;
  display: inline-block;
  width: 86%;
  font-size: 16px;
  color: #000;
  letter-spacing: 0.5px;
  font-weight: 500;
  right: 7%;
  /* background-color: yellow; */
  text-align: right;
  bottom: 10px;
}
.products .products-gallery .item.prom .item-price {
  color: #2559a6;
}
.products .products-gallery .item .item-price .before {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  color: rgb(167, 167, 167);
  text-decoration: line-through;
}

.products .products-gallery .item:hover .item-tit {
  color: #2559a6;
}
.products .products-gallery .item:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
}

.riel {
  height: 245px;
  display: inline-block;
  /*background-color: red;*/
  overflow-y: hidden;
  overflow-x: visible;
  position: relative;
  /* white-space: nowrap; */
  width: calc(100% - 10px);
  min-width: calc(100% - 10px);
  display: flex;
  align-items: center;
  padding: 0 0 20px 0;
  margin-left: 10px;
}

.products .products-gallery .cat_movil {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  width: auto;
  margin: 0px 0 15px 10px;
  padding: 6px 20px;
  text-align: center;
  border-radius: 50px;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-decoration: none;
  background-color: #ffcc29;
  color: #333;
}
.products .products-more {
  display: block;
  width: 100%;
  display: inline-block;
  text-align: center;
  /* background-color: violet; */
  padding: 30px 0 0 0;
}
.products .products-more a {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  width: calc(15% - 2px);
  margin: 0 1.6% 0 0;
  border: 1px solid #2559a6;
  padding: 6px 0;
  text-align: center;
  border-radius: 50px;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-decoration: none;
  background-color: #2559a6;
  color: #fff;
}
.products .products-more a:hover {
  background-color: #777;
  border-color: #777;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > COMO FUNCIONA
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.howitworks {
  width: 100%;
  /* height: 200px; */
  position: relative;
  display: inline-block;
  /* background-color: yellow; */
  padding: 20px 0 40px 0;
  vertical-align: top;
}
.howitworks .method {
  width: 32%;
  height: 180px;
  margin: 10px 2% 0 0;
  position: relative;
  /* background-color: red; */
  display: inline-block;
  vertical-align: top;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  /* cursor: pointer; */
  border-radius: 5px;
}
.howitworks .method.last {
  margin-right: 0;
}
.howitworks .method.a {
  background-color: #e7da86;
  background-image: url(../img/valor.png);
  background-size: 258px;
}
.howitworks .method.b {
  background-color: #93d9f6;
  background-image: url(../img/valor2.png);
}
.howitworks .method.c {
  background-color: #b5f1bd;
  background-image: url(../img/valor3.png);
}
.howitworks .method.a-e {
  background-color: #e7da86;
  background-image: url(../img/valor-e.png);
  background-size: 258px;
}
.howitworks .method.b-e {
  background-color: #93d9f6;
  background-image: url(../img/valor-e2.png);
}
.howitworks .method.c-e {
  background-color: #b5f1bd;
  background-image: url(../img/valor-e3.png);
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > INSTAGRAM
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

/*//////////////*/
.crt-widget-grid .crt-grid-post {
  border: 3px solid #ffcc29 !important;
}
.crt-post-text {
  font-size: 12px !important;
}
/*//////////////*/

.myinsta {
  width: 100%;
  /* height: 200px; */
  position: relative;
  display: inline-block;
  background-color: #ffcc29;
  padding: 20px 0 40px 0;
  vertical-align: top;
}

.myinsta .myinsta-link {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  /* width: calc(15% - 2px); */
  border: 1px solid #777;
  padding: 7px 15px 8px 40px;
  text-align: center;
  border-radius: 50px;
  letter-spacing: 0.5px;
  cursor: pointer;
  text-decoration: none;
  background-color: #777;
  color: #fff;
  position: absolute;
  top: 20px;
  right: 0;
  background-size: 18px;
  background-position: 14px 4.5px;
  background-repeat: no-repeat;
  background-image: url(../img/instagramW.png);
}
.myinsta .myinsta-link:hover {
  background-color: #2559a6;
  border-color: #2559a6;
}

.myinsta .myinsta-gallery {
  width: 100%;
  /* background-color: violet; */
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 20px;
  /* display: inline-block; */
}
.myinsta .myinsta-gallery .myinsta-item {
  padding-bottom: 100%;
  display: inline-block;
  background-color: #2559a6;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}
.myinsta .myinsta-gallery .myinsta-item.a {
  background-image: url(../img/i1.jpg);
}
.myinsta .myinsta-gallery .myinsta-item.b {
  background-image: url(../img/i2.jpg);
}
.myinsta .myinsta-gallery .myinsta-item.c {
  background-image: url(../img/i3.jpg);
}
.myinsta .myinsta-gallery .myinsta-item.d {
  background-image: url(../img/i4.jpg);
}
.myinsta .myinsta-gallery .myinsta-item.e {
  background-image: url(../img/i5.jpg);
}
.myinsta .myinsta-gallery .myinsta-item .instahover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/instagramW.png);
  transition: all 150ms ease;
}
.myinsta .myinsta-gallery .myinsta-item:hover .instahover {
  opacity: 0.8;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SUSCRIBETE
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.newsletter {
  width: 100%;
  height: 250px;
  position: relative;
  display: inline-block;
  background-color: #2559a6;
  padding: 20px 0 40px 0;
  vertical-align: top;
}
.newsletter .newsletter-text {
  width: 45%;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.5px;
}
.newsletter .newsletter-form {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  background-color: violet;
  margin-left: 10%;
  height: 38px;
  width: 45%;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 100px;
}
.newsletter .newsletter-form .newsletter-input {
  width: calc(100% - 120px);
  height: 91%;
  display: inline-block;
  position: absolute;
  left: 15px;
  outline: none;
  background-color: transparent;
  /* background-color: orange; */
  border: none;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  color: #000;
}

.newsletter .newsletter-form .newsletter-submit {
  cursor: pointer;
  position: absolute;
  right: 4px;
  height: 30px;
  color: #ffcc29;
  background-color: #777;
  /* width: 30px; */
  border: none;
  outline: none;
  border-radius: 100px;
  padding: 0 10px 0 13px;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
  cursor: pointer;
}
.newsletter .newsletter-form .newsletter-submit:hover {
  background-color: #333;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CONTACTO
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.contact {
  width: 100%;
  /* height: 250px; */
  position: relative;
  display: inline-block;
  /* background-color: violet; */
  padding: 20px 0 20px 0;
  vertical-align: top;
}
.contact.blue {
  background-color: #2559a6;
}

.contact .contact-left {
  width: 50%;
  display: inline-block;
  /* background-color: yellow; */
  vertical-align: top;
}
.contact .contact-left a {
  /* background-color: orange; */
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: auto;
  padding: 7px 10px 7px 35px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  color: #777;
  margin: 5px 0 7px 0;
  background-repeat: no-repeat;
}
.contact .contact-left a.what {
  background-size: 24px;
  background-position: left center;
  background-image: url(../img/whatG.png);
}
.contact.blue .contact-left a.what {
  background-image: url(../img/whatW.png);
  color: #fff;
  letter-spacing: 0.5px;
}
.contact .contact-left a.insta {
  background-size: 24px;
  background-position: left center;
  background-image: url(../img/instagramG.png);
}
.contact.blue .contact-left a.insta {
  background-image: url(../img/instagramW.png);
  color: #fff;
  letter-spacing: 0.5px;
}
.contact .contact-left a.twitter {
  background-size: 24px;
  background-position: left center;
  background-image: url(../img/twitterG.png);
}
.contact.blue .contact-left a.twitter {
  background-image: url(../img/twitterW.png);
  color: #fff;
  letter-spacing: 0.5px;
}
.contact .contact-left a.face {
  background-size: 10px;
  background-position: 6px center;
  background-image: url(../img/facebookG.png);
}
.contact.blue .contact-left a.face {
  background-image: url(../img/facebookW.png);
  color: #fff;
  letter-spacing: 0.5px;
}
.contact .contact-left a.mail {
  background-size: 21px;
  background-position: 1px center;
  background-image: url(../img/mailBlue.png);
  color: #2559a6;
}
.contact.blue .contact-left a.mail {
  background-image: url(../img/mailY.png);
  color: #ffcc29;
  letter-spacing: 0.5px;
}
.contact .contact-left a:hover {
  text-decoration: underline;
}
.contact .contact-right {
  width: 50%;
  display: inline-block;
  /* background-color: yellow; */
  vertical-align: top;
  text-align: right;
}
.contact .contact-right .fast-contact {
  position: relative;
  right: 0;
  font-size: 11px;
  font-style: italic;
  font-weight: 600;
  width: 100%;
  /* background-color: orange; */
  letter-spacing: 0.5px;
  color: #2559a6;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 10px;
}
.contact.blue .contact-right .fast-contact {
  color: #fff;
  font-weight: 500;
}

.contact .contact-right .inputText {
  width: calc(100% - 100px);
  display: inline-block;
  position: relative;
  outline: none;
  background-color: transparent;
  /* background-color: orange; */
  border: 1px solid #777;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  padding: 7px 18px 9px 18px;
  border-radius: 100px;
  margin-bottom: 10px;
}
.contact.blue .contact-right .inputText {
  background-color: #fff;
  border: 1px solid #fff;
}

.contact .contact-right .textArea {
  width: calc(100% - 100px);
  display: inline-block;
  position: relative;
  outline: none;
  background-color: transparent;
  /* background-color: orange; */
  border: 1px solid #777;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  padding: 7px 18px 9px 18px;
  border-radius: 5px;
  margin-bottom: 0px;
  height: 70px;
  resize: none;
}
.contact.blue .contact-right .textArea {
  background-color: #fff;
  border: 1px solid #fff;
}

.contact .contact-right .fast-contact-submit {
  cursor: pointer;
  position: relative;
  height: 30px;
  color: #ffcc29;
  background-color: #777;
  /* width: 30px; */
  border: none;
  outline: none;
  border-radius: 100px;
  padding: 0 10px 1px 13px;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
  cursor: pointer;
}
.contact.blue .contact-right .fast-contact-submit {
  background-color: #ffcc29;
  color: #2559a6;
}

.contact .scrolltoTop {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 20px 0 0px 0;
  /* background-color: yellow; */
}
.contact .scrolltoTop .toTop {
  width: 32px;
  height: 32px;
  border-radius: 50px;
  display: inline-block;
  background-color: #2559a6;
  background-size: 18px;
  background-position: center 6px;
  background-repeat: no-repeat;
  background-image: url(../img/toTop.png);
  cursor: pointer;
}
.contact.blue .scrolltoTop .toTop {
  background-color: #ffcc29;
  background-image: url(../img/toTopB.png);
}
.contact .scrolltoTop .toTop:hover {
  background-color: #333;
}
.contact.blue .scrolltoTop .toTop:hover {
  background-color: #fff;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > FOOTER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.footer {
  width: 100%;
  /* height: 200px; */
  position: relative;
  display: inline-block;
  background-color: #777;
  /* padding: 20px 0 20px 0; */
  vertical-align: top;
}

.footer .footer-left {
  display: inline-block;
  width: 30%;
  /* height: 200px; */
  padding: 30px 0 31px 0;
  /* background-color: orange; */
  position: relative;
  vertical-align: top;
  margin-right: 0%;
}
.footer .footer-left a,
.footer .footer-center a {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: auto;
  padding: 3px 10px 3px 0px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 300;
  color: #fff;
  margin: 4px 0;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.footer .footer-center a.hidden {
  opacity: 0;
}

.footer .footer-left a.active,
.footer .footer-center a.active {
  color: #ffcc29;
  font-weight: 500;
}
.footer .footer-left a:hover,
.footer .footer-center a:hover:not(.hidden) {
  text-decoration: underline;
}
.footer .footer-center .finalLinks {
  position: relative;
  display: inline-block;
  /* background-color: orange; */
}
.footer .footer-center .finalLinks .social {
  width: 12px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 3px;
  /* background-color: red; */
  position: relative;
  vertical-align: top;
  background-position: center;
  cursor: pointer;
  background-repeat: no-repeat;
  transition: all 150ms ease;
}
.footer .footer-center .finalLinks .social.what {
  background-image: url(../img/whatW.png);
  background-size: 22px;
  opacity: 0.6;
  margin-right: 15px;
}
.footer .footer-center .finalLinks .social.instag {
  background-image: url(../img/instagramW.png);
  background-size: 22px;
  opacity: 0.6;
  margin-right: 15px;
}
.footer .footer-center .finalLinks .social.twitter {
  background-image: url(../img/twitterW.png);
  background-size: 24px;
  opacity: 0.6;
}
.footer .footer-center .finalLinks .social.facebook {
  background-image: url(../img/facebookW.png);
  background-size: 10px;
  opacity: 0.6;
  margin-right: 13px;
}
.footer .footer-center .finalLinks .social:hover {
  opacity: 1;
}

.footer .footer-center .finalLinks .social.mail {
  width: auto;
  height: 19px;
  padding: 7px 0 3px 30px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #ffcc29;
  background-size: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../img/mailY.png);
  text-decoration: none;
  /* margin-left: 5px; */
}
.footer .footer-center .finalLinks .social.mail:hover {
  text-decoration: underline;
}
.footer .footer-center {
  display: inline-block;
  width: 40%;
  padding: 30px 0 20px 0;
  /* background-color: orange; */
  position: relative;
  vertical-align: top;
  margin-right: 0%;
}
.footer .footer-right {
  display: inline-block;
  width: 30%;
  height: 170px;
  padding-top: 10px;
  /* background-color: red; */
  position: relative;
  vertical-align: top;
  margin-right: 0%;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  background-image: url(../img/logoBW.png);
}
.footer .copy {
  width: 100%;
  display: inline-block;
  background-color: #333;
  font-size: 10px;
  font-weight: 400;
  padding: 12px 0;
  color: #ddd !important;
  letter-spacing: 0.5px;
}
.footer .copy .development {
  float: right;
  color: aqua;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.footer .copy .development:hover {
  text-decoration: underline;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > MENU PANEL
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.menu-panel {
  width: 100%;
  height: 100%;
  display: inline-block;
  position: fixed;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 100000000000;
}
.menu-panel.active {
  opacity: 1;
  visibility: visible;
}

.menu-panel .main {
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(37, 89, 166, 0.95);
  box-shadow: 3px 0 10px 0 rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.menu-panel .main .close {
  top: 10px;
  right: 10px;
  position: absolute;
  font-size: 11px;
  width: auto;
  font-weight: 500;
  color: #fff;
  padding: 6px 0 5px 25px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px;
  /* background-color: red; */
  background-image: url(../img/close-menu.png);
  cursor: pointer;
}
.menu-panel .main .close:hover {
  color: #ffcc29;
}
.menu-panel .main .link {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  width: 70%;
  padding: 2px 0;
  transition: all 400ms ease;
  margin: 7px 0 7px 30%;
  cursor: pointer;
}
.menu-panel .main .lang {
  font-size: 14px;
  color: #ffcc29;
  font-weight: 400;
  display: inline-block;
  text-decoration: none;
  width: 70%;
  padding: 2px 0;
  transition: all 400ms ease;
  margin: 7px 0 7px 30%;
  cursor: pointer;
  text-transform: uppercase;
}
.menu-panel .main .lang:hover {
  text-decoration: underline;
}

.menu-panel .main .link img {
  width: 18px;
  vertical-align: top;
  display: inline-block;
  margin-top: -3px;
  margin-left: 5px;
  position: absolute;
}

.menu-panel .main .link .catInd {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/right.png);
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  position: relative;
  /* background-color: red; */
  margin-top: -1px;
  transition: all 300ms ease;
  transform: rotate(90deg);
}
.menu-panel .main .link .catInd.active {
  background-image: url(../img/rightY.png);
  transform: rotate(0deg);
}
.menu-panel .main .link.active,
.menu-panel .main .link:hover {
  color: #ffcc29;
  border-left: 7px solid #ffcc29;
  padding-left: 15px;
  width: calc(70% - 22px);
}
.menu-panel .main .link.active {
  cursor: default;
}
.menu-panel .main .redes {
  width: 50%;
  margin: 7px 0 7px 30%;
  /* background-color: blue; */
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2);
  margin-top: 1px;
  padding-top: 9px;
  margin-top: 10px;
  padding-left: 0px;
}
.menu-panel .main .redes a {
  width: 38px;
  height: 38px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0px;
  /* background-color: red; */
  position: relative;
  vertical-align: top;
  background-position: center;
  cursor: pointer;
  background-repeat: no-repeat;
  transition: all 150ms ease;
  border-radius: 100px;
}
.menu-panel .main .redes a.insta {
  background-image: url(../img/instagramW.png);
  background-size: 22px;
  margin-left: -8px;
}
.menu-panel .main .redes a.twitter {
  background-image: url(../img/twitterW.png);
  background-size: 24px;
}
.menu-panel .main .redes a.face {
  background-image: url(../img/facebookW.png);
  background-size: 10px;
}
.menu-panel .main .redes a.mail {
  width: auto;
  height: 19px;
  padding: 8px 5px 3px 40px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  color: #fff !important;
  background-size: 22px;
  background-position: 8px center;
  background-repeat: no-repeat;
  background-image: url(../img/mailW.png);
  text-decoration: none;
  transition: all 150ms ease;
  margin-left: -8px;
}
.menu-panel .main .redes a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.menu-panel .categories-menu {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}
.menu-panel .categories-menu.active {
  opacity: 1;
  visibility: visible;
  left: 40%;
}
.menu-panel .categories-menu .categories-base {
  width: calc(80% - 30px);
  /* height: 400px; */
  /* background-color: #ee82ee; */
  display: inline-block;
  margin-left: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-panel .categories-menu .categories-base .basegrid {
  /* background-color: #93D9F6; */
  display: grid;
  grid-gap: 5px;
  grid-column-gap: 10px;
  grid-template-rows: repeat(11, auto);
  grid-template-columns: repeat(auto-fit, minmax(auto, 241px));
  grid-auto-flow: column;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 5px;
}
.menu-panel .categories-menu .categories-base .selection {
  width: 100%;
  padding: 8px 0;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: #777;
  margin-bottom: 10px;
}
.menu-panel .categories-menu .categories-base .columnaCats {
  width: 30%;
  /* background-color: yellow; */
  display: inline-block;
  vertical-align: top;
}
.menu-panel .categories-menu .categories-base a {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding: 4px 15px 6px 0px;
  width: auto;
  border-radius: 100px;
  /* background-color: orange; */
  text-decoration: none;
  margin: 4px 0;
  transition: all 300ms ease;
  line-height: 12px;
}
.menu-panel .categories-menu .categories-base a.all {
  background-color: #ffcc29;
  color: #000;
  padding: 6.5px 15px 6px 15px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
}
.menu-panel .categories-menu .categories-base a.all.spec {
  background-color: #ddd;
  color: #000;
  padding: 6.5px 15px 6px 15px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
}
.menu-panel .categories-menu .categories-base a.all.spec:hover {
  background-color: #333;
  color: #fff;
}
.menu-panel .categories-menu .categories-base a.active,
.menu-panel .categories-menu .categories-base a:hover {
  background-color: #2559a6;
  color: #fff;
  padding-left: 15px;
}

.menu-panel .login-menu {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 100%;
  background-color: rgba(255, 255, 255, 0.95);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: all 500ms ease;
}
.menu-panel .login-menu.active {
  opacity: 1;
  visibility: visible;
  left: 40%;
}

/* Se corrige la adapation del menu de Ingreso en el movil */
@media screen and (max-width: 600px) {
  .menu-panel .login-menu.active {
    left: 60%;
  }
}

.menu-panel .login-menu .categories-base {
  width: calc(80% - 30px);
  /* height: 400px; */
  /* background-color: #ee82ee; */
  display: inline-block;
  margin-left: 30px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-panel .login-menu .categories-base .basegrid {
  /* background-color: #93D9F6; */
  display: grid;
  grid-gap: 5px;
  grid-column-gap: 10px;
  grid-template-rows: repeat(11, auto);
  grid-template-columns: repeat(auto-fit, minmax(auto, 241px));
  grid-auto-flow: column;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 5px;
}
.menu-panel .login-menu .categories-base .selection {
  width: 100%;
  padding: 8px 0;
  text-align: left;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 10px;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: #777;
  margin-bottom: 10px;
}
.menu-panel .login-menu .categories-base .columnaCats {
  width: 30%;
  /* background-color: yellow; */
  display: inline-block;
  vertical-align: top;
}
.menu-panel .login-menu .categories-base a {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 400;
  color: #333;
  display: inline-block;
  padding: 4px 15px 6px 0px;
  width: auto;
  border-radius: 100px;
  /* background-color: orange; */
  text-decoration: none;
  margin: 4px 0;
  transition: all 300ms ease;
  line-height: 12px;
}
.menu-panel .login-menu .categories-base a.all {
  background-color: #ffcc29;
  color: #000;
  padding: 6.5px 15px 6px 15px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
}
.menu-panel .login-menu .categories-base a.all.spec {
  background-color: #ddd;
  color: #000;
  padding: 6.5px 15px 6px 15px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 11px;
}
.menu-panel .login-menu .categories-base a.all.spec:hover {
  background-color: #333;
  color: #fff;
}
.menu-panel .login-menu .categories-base a.active,
.menu-panel .categories-menu .categories-base a:hover {
  background-color: #2559a6;
  color: #fff;
  padding-left: 15px;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > TOP SECTION
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.topSection {
  width: 100%;
  height: 85px;
  display: inline-block;
  z-index: 1;
  position: relative;
}

.topSection .account {
  width: 53px;
  /* background-color: yellow; */
  height: auto;
  display: inline-block;
  left: 0;
  top: 35px;
  position: absolute;
  padding: 5px 0px 3px 26px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/login.png);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  color: #000;
}

.topSection .home {
  width: 53px;
  /* background-color: yellow; */
  height: auto;
  display: inline-block;
  left: 0;
  top: 15px;
  position: absolute;
  padding: 5px 0px 3px 26px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/home.png);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  color: #000;
}
.topSection .home:hover {
  color: #2559a6;
  text-decoration: underline;
}

.topSection .intro {
  /* background-color: yellow; */
  height: auto;
  display: inline-block;
  left: 78px;
  top: 15px;
  position: absolute;
  padding: 5px 0px 3px 12px;
  font-size: 11px;
  font-weight: 600;
  border-left: 1px solid #999;
}

.mainTit {
  font-weight: 800;
  font-size: 24px;
  display: inline-block;
  letter-spacing: 0.5px;
  vertical-align: top;
  /* background-color: orange; */
  color: #c93438;
  position: absolute;
  top: 45px;
  left: 90px;
}
.mainTit span {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 4.5px;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
}
.mainTit.cat {
  padding-left: 25px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/downB.png);
  cursor: pointer;
  color: #2559a6;
}
.mainTit.user {
  color: #2559a6;
}
.mainTit.user span {
  color: #777;
  font-weight: 6000000;
  font-size: 200px;
  margin-top: 3px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.mainTit.blue {
  color: #2559a6;
}
.mainTit.blue span {
  color: #777;
  font-weight: 600;
  font-size: 20px;
  margin-top: 3px;
  display: inline-block;
  position: relative;
  vertical-align: top;
}
.mainTit.cat:hover {
  text-decoration: underline;
}
.mainTit.inner {
  color: #2559a6;
  left: 0;
}

.topSection .filters {
  position: absolute;
  right: 0;
  height: 100%;
  display: inline-block;
  /* background-color: orange; */
}
.topSection .filter {
  position: relative;
  display: inline-block;
  vertical-align: top;
  /* background-color: #B5F1BD;    */
  cursor: pointer;
  padding: 0 10px;
  margin-top: 7px;
  border-radius: 10px 10px 0 0;
}
.topSection .filter:hover {
  background-color: #2559a6;
}
.topSection .filter.orden {
  margin-left: 35px;
}
.topSection .filter .titFilter {
  width: auto;
  /* background-color: yellow; */
  height: auto;
  display: inline-block;
  left: 0;
  margin-top: 8px;
  position: relative;
  padding: 5px 0px 3px 20px;
  background-position: left 3px;
  background-repeat: no-repeat;
  background-size: 13px;
  background-image: url(../img/downB.png);
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
  color: #2559a6;
  letter-spacing: 0.5px;
}
.topSection .filter:hover .titFilter {
  color: #ffcc29;
  background-image: url(../img/downY.png);
}

.topSection .filter .optionSelected {
  font-weight: 800;
  font-size: 18px;
  display: inline-block;
  letter-spacing: 0.5px;
  vertical-align: top;
  /* background-color: yellow; */
  color: #777;
  position: relative;
  margin-top: 15px;
}
.topSection .filter:hover .optionSelected {
  opacity: 0;
}
.topSection .filter .options {
  display: none;
  width: 200px;
  position: absolute;
  background-color: #2559a6;
  top: 30px;
  right: 0;
  padding: 10px;
  border-radius: 10px 0 10px 10px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.topSection .filter:hover .options {
  display: inline-block;
}

.topSection .filter .options .option {
  font-weight: 600;
  font-size: 12px;
  display: inline-block;
  letter-spacing: 0.5px;
  vertical-align: top;
  /* background-color: blue; */
  color: #fff;
  position: relative;
  padding: 8px 10px;
  margin: 3px 0;
  border-radius: 100px;
  text-decoration: none;
  cursor: pointer;
  transition: all 150ms ease;
  width: calc(100% - 20px);
}
.topSection .filter .options .option:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.topSection .filter .options .option.selected {
  background-color: #ffcc29;
  color: #000;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PRODUCTO
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.modal-producto {
  background-color: rgba(37, 89, 166, 0.95);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000000000;
}
.modal-producto .cargando {
  font-size: 22px;
  font-weight: 300;
  color: #fff;
  position: absolute;
  text-align: center;
}
.modal-producto .cargando img {
  width: 250px;
  margin-bottom: 20px;
}

.modal-producto.frompromo {
  background-color: rgba(51, 51, 51, 0.9);
  width: 100%;
  left: auto;
  right: 0;
}
.modal-producto .product-wrapper {
  width: 100%;
  background-color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  position: absolute;
  /* height: 400px; */
  padding: 30px 0;
  /* background-color: violet; */
}
.modal-producto.frompromo .product-wrapper {
  width: 50%;
  max-width: 800px;
  height: 100%;
  top: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  right: 0;
  padding: 0;
}

.modal-producto .product-wrapper .p-close {
  top: -65px;
  right: 0px;
  position: absolute;
  font-size: 11px;
  width: auto;
  font-weight: 500;
  color: #fff;
  padding: 6px 0 5px 25px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px;
  /* background-color: red; */
  background-image: url(../img/close-menu.png);
  cursor: pointer;
  transition: all 150ms ease;
}
.modal-producto .product-wrapper .p-close {
  display: inline-block;
}
.modal-producto.frompromo .product-wrapper .p-close {
  display: none;
}
.modal-producto .product-wrapper .p-close.volverpromo {
  display: none;
}
.modal-producto.frompromo .product-wrapper .p-close.volverpromo {
  display: inline-block;
}

.modal-producto:not(.frompromo) .product-wrapper .p-close:hover {
  color: #ffcc29;
}
.modal-producto.frompromo .product-wrapper .p-close {
  background-image: url(../img/leftBlue.png);
  top: 7px;
  right: auto;
  left: -7px;
  background-color: #ffcc29;
  color: #2559a6;
  padding: 15px 15px 14px 28px;
  border-radius: 5px 3px 3px 5px;
  background-position: 5px center;
}
.modal-producto.frompromo .product-wrapper .p-close:hover {
  background-color: #2559a6;
  background-image: url(../img/leftW.png);
  color: #fff;
}

.modal-producto .product-wrapper .p-photo {
  display: inline-block;
  height: 100%;
  /* background-color: violet; */
  width: calc(40% - 40px);
  top: 0;
  padding: 0 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  position: absolute;
  vertical-align: top;
}
.modal-producto.frompromo .product-wrapper .p-photo {
  width: calc(80% - 40px);
  height: calc(50vh - 50px);
  margin-top: 50px;
  position: relative;
  left: 10%;
}

.modal-producto .product-wrapper .p-data {
  display: inline-block;
  height: 100%;
  width: 60%;
  top: 0;
  position: relative;
  vertical-align: top;
  /* background-color: #E7DA86; */
  left: 40%;
  padding: 0 0 5px 0;
}
.modal-producto .product-wrapper .p-data .badged {
  width: 28px;
  height: 53px;
  position: absolute;
  top: -40px;
  left: 0;
  background-image: url(../img/badged.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}
.modal-producto.frompromo .product-wrapper .p-data {
  width: 80%;
  height: 50vh;
  padding: 0 10%;
  left: 0%;
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-producto .product-wrapper .p-data .d1 {
  /* background-color: yellow; */
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}
.modal-producto .product-wrapper .p-data .d1 .titProm {
  width: 100%;
  /* background-color: violet; */
  display: inline-block;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 18px;
  margin-bottom: 5px;
  color: #c93438;
}
.modal-producto .product-wrapper .p-data .d1 .titulo {
  width: 65%;
  /* background-color: violet; */
  display: inline-block;
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 24px;
  /* margin-top: 10px; */
  color: #777;
}
.modal-producto .product-wrapper .p-data .d1 .titulo.pp {
  color: #2559a6;
}

.modal-producto.frompromo .product-wrapper .p-data .d1 .titulo {
  color: #2559a6;
}
.modal-producto .product-wrapper .p-data .d1 .descripcion {
  width: 65%;
  /* background-color: violet; */
  display: inline-block;
  margin-top: 10px;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 19px;
  color: #333;
  /* text-align: justify; */
}
.modal-producto.frompromo .product-wrapper .p-data .d1 .descripcion {
  width: 100%;
}

.modal-producto .product-wrapper .p-data .d2 {
  /* background-color: yellow; */
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}
.modal-producto .product-wrapper .p-data .d2 .presentacion {
  width: 65%;
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #777;
  /* background-color: violet; */
}
.modal-producto .product-wrapper .p-data .d2 .presentacion .tt {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  color: #2559a6;
  width: 100%;
  /* background-color:#93D9F6; */
  text-decoration: none;
}
.modal-producto .product-wrapper .p-data .d2 .presentacion.pp {
  width: 25%;
}

.modal-producto .product-wrapper .p-data .d2 .preciopromo {
  width: 40%;
  display: inline-block;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #aaa;
  /* background-color: violet; */
}
.modal-producto .product-wrapper .p-data .d2 .preciopromo .tt {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  text-decoration: none;
  color: #2559a6;
  width: 100%;
  /* background-color:#93D9F6; */
}
.modal-producto .product-wrapper .p-data .d2 .preciopromo span {
  text-decoration: line-through;
}

.modal-producto .product-wrapper .p-data .d2 .precio {
  width: 35%;
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #777;
  /* background-color: blanchedalmond; */
}
.modal-producto .product-wrapper .p-data .d2 .precio.pp {
  color: #2559a6;
}

.modal-producto .product-wrapper .p-data .d2 .precio .tt {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  color: #2559a6;
  width: 100%;
  /* background-color:#93D9F6; */
}
.modal-producto .product-wrapper .p-data .d2 .precio .tt.pp {
  color: #c93438;
  /* font-weight: 00; */
  font-size: 12px;
}

.modal-producto .product-wrapper .p-data .d2 .precio span {
  color: #999;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
}
.modal-producto .product-wrapper .p-data .d3 {
  /* background-color: yellow; */
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
.modal-producto.frompromo .product-wrapper .p-data .d3 {
  display: none;
}
.modal-producto .product-wrapper .p-data .d3 .nota {
  width: 50%;
  display: inline-block;
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: #777;
  /* background-color: violet; */
  vertical-align: top;
}

.modal-producto .product-wrapper .p-data .d3 .addCart {
  margin-left: 15%;
  width: 35%;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0;
  background-color: #ffcc29;
  color: #000000;
  border-radius: 2px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 9px 0 6px 0;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}
.modal-producto .product-wrapper .p-data .d3 .addCart a {
  background-color: #2559a6;
  padding: 9px 25px 9px 15px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #fff;
  border-radius: 2px;
  text-decoration: none;
  margin-top: 5px;
  display: inline-block;
  background-image: url(../img/right.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 6px) 7.5px;
  background-size: 14px;
  cursor: pointer;
  transition: all 150ms ease;
}
.modal-producto .product-wrapper .p-data .d3 .addCart a:hover {
  background-color: #25a629;
}

.modal-producto .product-wrapper .p-data .d3 .addCart.ready {
  background-color: #fff;
  color: #25a629;
  padding: 9px 0 7px 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0);
  cursor: default;
  text-align: right;
}

.modal-producto .product-wrapper .p-data .d3 .addCart .innerCart {
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  background-image: url(../img/cartB.png);
  height: 24px;
  width: 24px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  margin-top: -5px;
}
.modal-producto .product-wrapper .p-data .d3 .addCart:not(.ready):hover {
  color: #fff;
  background-color: #2559a6;
}
.modal-producto .product-wrapper .p-data .d3 .addCart:hover .innerCart {
  background-image: url(../img/cartW.png);
}

.modal-producto .product-wrapper .p-data .d3 .addCart.ready .innerCart {
  background-image: url(../img/cartReadyG.png);
}

.modal-producto .product-wrapper .p-data .d4 {
  /* background-color: yellow; */
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  padding: 15px 0;
  margin-bottom: 20px;
  position: relative;
  border-radius: 0 5px 5px 0;
}
.modal-producto .product-wrapper .p-data .d4.conback {
  background: #d0d0d0; /* Old browsers */
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 1) 0%,
    rgba(208, 208, 208, 1) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=1 ); /* IE6-9 */
}

.modal-producto.frompromo .product-wrapper .p-data .d4 {
  display: none;
}

.modal-producto .product-wrapper .p-data .d4 .compartir {
  width: 35%;
  margin-left: 65%;
  /* background-color:#93D9F6; */
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top;
}
.modal-producto .product-wrapper .p-data .d4 .compartir .titShare {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  color: #2559a6;
  display: inline-block;
  width: 100%;
  position: relative;
  /* opacity: 0.5; */
  /* background-color: violet; */
  margin-bottom: 9px;
  vertical-align: top;
}
.modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct {
  width: 18px;
  height: 18px;
  display: inline-block;

  margin-right: 15px;
  /* background-color: red; */
  vertical-align: top;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: all 200ms ease;
  cursor: pointer;
}
.modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.wa {
  background-image: url(../img/wpB.png);
}
.modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.twit {
  background-image: url(../img/twitterB.png);
}
.modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.face {
  background-image: url(../img/facebookB.png);
}
.modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.mail {
  background-image: url(../img/mailB.png);
}

.modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct:hover {
  opacity: 1;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PROMOCION (MODAL)
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.modal-promocion {
  background-color: rgba(255, 205, 41, 0.95);
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000000000;
}

.modal-promocion .cargando {
  font-size: 22px;
  font-weight: 300;
  color: #333;
  position: absolute;
  text-align: center;
}
.modal-promocion .cargando img {
  width: 250px;
  margin-bottom: 20px;
}
.modal-promocion.active {
  display: inline-block;
}

.modal-promocion .promocion-wrapper {
  width: 100%;
  background-color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  position: absolute;
  /* height: 400px; */
  padding: 30px 0;
}
.modal-promocion .promocion-wrapper .p-close {
  top: -65px;
  right: 0px;
  position: absolute;
  font-size: 11px;
  width: auto;
  font-weight: 500;
  color: #000;
  padding: 6px 0 5px 25px;
  display: inline-block;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 18px;
  /* background-color: red; */
  background-image: url(../img/closeB.png);
  cursor: pointer;
}
.modal-promocion .promocion-wrapper .p-close:hover {
  color: #2559a6;
}

.modal-promocion .promocion-wrapper .pr-photo {
  display: inline-block;
  height: calc(100% - 40px);
  /* background-color:red; */
  width: 28%;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
  position: absolute;
  vertical-align: top;
  padding-bottom: 40px;
}
.modal-promocion .promocion-wrapper .pr-photo .valido {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 28px;
  /* background-color:honeydew; */
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  color: #777;
  text-align: center;
}
.modal-promocion .promocion-wrapper .pr-photo .valido span {
  font-size: 14px;
  color: #2559a6;
  font-weight: 500;
  margin-top: 5px;
  display: inline-block;
}

.modal-promocion .promocion-wrapper .pr-data {
  display: inline-block;
  height: 100%;
  width: 41%;
  top: 0;
  position: relative;
  vertical-align: top;
  /* background-color: #E7DA86; */
  left: calc(28% + 20px);
  padding: 0 0 0 0;
}
.modal-promocion .promocion-wrapper .pr-data .d1 {
  /* background-color: yellow; */
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
}
.modal-promocion .promocion-wrapper .pr-data .d1 .titProm {
  width: 100%;
  /* background-color: violet; */
  display: inline-block;
  font-weight: 500;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 18px;
  margin-bottom: 5px;
  color: #777;
}
.modal-promocion .promocion-wrapper .pr-data .d1 .titulo {
  width: 100%;
  /* background-color: violet; */
  display: inline-block;
  font-weight: 800;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 28px;
  /* margin-top: 10px; */
  color: #2559a6;
}
.modal-promocion .promocion-wrapper .pr-data .d1 .descripcion {
  width: 100%;
  /* background-color: violet; */
  display: inline-block;
  margin-top: 7px;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 19px;
  color: #333;
  /* text-align: justify; */
}
.modal-promocion .promocion-wrapper .pr-data .d2 {
  /* background-color:burlywood; */
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-data .d2 .nota {
  width: 100%;
  display: inline-block;
  font-weight: 400;
  font-style: italic;
  font-size: 11px;
  letter-spacing: 0.5px;
  line-height: 16px;
  color: #777;
  /* background-color: violet; */
  vertical-align: top;
  margin: 15px 0;
}
.modal-promocion .promocion-wrapper .pr-data .d3 {
  /* background-color:chartreuse; */
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-data .d3 .qprom {
  width: 40%;
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #25a629;
  /* background-color: violet; */
}
.modal-promocion .promocion-wrapper .pr-data .d3 .qprom .tt {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  color: #777;
  width: 100%;
  /* background-color:#93D9F6; */
}
.modal-promocion .promocion-wrapper .pr-data .d3 .precio {
  width: 100%;
  display: inline-block;
  font-weight: 700;
  font-size: 24px;
  letter-spacing: 0.5px;
  line-height: 24px;
  color: #777;
  text-align: right;
  /* background-color: blanchedalmond; */
}
.modal-promocion .promocion-wrapper .pr-data .d3 .precio .tt {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  color: #777;
  width: 100%;
  /* background-color:#93D9F6; */
}
.modal-promocion .promocion-wrapper .pr-data .d3 .precio span {
  color: #2559a6;
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  margin-top: 0px;
  text-decoration: line-through;
}
.modal-promocion .promocion-wrapper .pr-data .d4 {
  /* background-color:cyan; */
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-data .d4 .addCart {
  width: 55%;
  display: inline-block;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.5px;
  background-color: #2559a6;
  color: #fff;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  padding: 12px 0px 10px 0px;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
  margin: 10px 0 10px 45%;
}
.modal-promocion .promocion-wrapper .pr-data .d4 .addCart a {
  background-color: #2559a6;
  padding: 9px 25px 9px 15px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #fff;
  border-radius: 2px;
  text-decoration: none;
  margin-top: 5px;
  display: inline-block;
  background-image: url(../img/right.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 6px) 7.5px;
  background-size: 14px;
  cursor: pointer;
  transition: all 150ms ease;
}
.modal-promocion .promocion-wrapper .pr-data .d4 .addCart a:hover {
  background-color: #25a629;
}

.modal-promocion .promocion-wrapper .pr-data .d4 .addCart.ready {
  background-color: #fff;
  color: #25a629;
  padding: 0px 0 7px 0;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0);
  cursor: default;
  text-align: right;
}
.modal-promocion .promocion-wrapper .pr-data .d4 .addCart.ready .innerCart {
  background-image: url(../img/cartReadyG.png);
}
.modal-promocion .promocion-wrapper .pr-data .d4 .addCart .innerCart {
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  background-image: url(../img/cartW.png);
  height: 30px;
  width: 24px;
  display: inline-block;
  /* margin-right: 10px; */
  vertical-align: middle;
  margin-top: -4px;
  position: relative;
}
.modal-promocion .promocion-wrapper .pr-data .d4 .addCart:not(.ready):hover {
  background-color: crimson;
}
.modal-promocion .promocion-wrapper .pr-data .d4 .addCart .innerText {
  vertical-align: middle;
  font-size: inherit;
  font-weight: inherit;
  font-size: inherit;
  display: inline-block;
  position: relative;
  width: calc(80% - 24px);
  text-align: left;
  margin-left: 10px;
}
.modal-promocion .promocion-wrapper .pr-data .d5 {
  /* background-color:darksalmon; */
  width: calc(100% - 20px);
  display: inline-block;
  vertical-align: top;
}

.modal-promocion .promocion-wrapper .pr-data .d5 .compartir {
  width: 55%;
  margin-left: 45%;
  /* background-color:orange; */
  display: inline-block;
  height: 100%;
  position: relative;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-data .d5 .compartir .titShare {
  font-size: 10px;
  letter-spacing: 0;
  font-weight: 600;
  color: #2559a6;
  display: inline-block;
  width: 100%;
  position: relative;
  /* opacity: 0.5; */
  /* background-color: violet; */
  margin-bottom: 9px;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct {
  width: 18px;
  height: 18px;
  display: inline-block;

  margin-right: 15px;
  /* background-color: red; */
  vertical-align: top;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.5;
  transition: all 200ms ease;
  cursor: pointer;
}
.modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.wa {
  background-image: url(../img/wpB.png);
}
.modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.twit {
  background-image: url(../img/twitterB.png);
}
.modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.face {
  background-image: url(../img/facebookB.png);
}
.modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.mail {
  background-image: url(../img/mailB.png);
}

.modal-promocion
  .promocion-wrapper
  .pr-data
  .d5
  .compartir
  .shareProduct:hover {
  opacity: 1;
}

.modal-promocion .promocion-wrapper .pr-combo {
  display: inline-block;
  height: calc(100% - 0px);
  /*background-color: orange;*/
  width: calc(29% - 20px);
  left: 71%;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: content-box;
  position: absolute;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-combo .queincluye {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #777;
  width: 100%;
  text-align: left;
  display: inline-block;
  /* background-color: violet; */
  padding-bottom: 5px;
  margin-bottom: 5px;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-combo .linetop {
  width: 100%;
  text-align: left;
  display: inline-block;
  /* background-color: violet; */
  margin: 0px;
  vertical-align: top;
}
.modal-promocion .promocion-wrapper .pr-combo .linetop .linetit {
  width: calc(100% - 100px);
  display: inline-block;
  background-color: #e3e3e3;
  margin: 2px 0px;
  vertical-align: top;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-align: center;
  color: #707070;
  padding: 7px 0 6px 0;
  border-radius: 3px 3px 0 0;
}
.modal-promocion .promocion-wrapper .pr-combo .linetop.end .linetit {
  font-size: 12px;
  font-weight: 500;
  color: #777;
  padding: 7px 0 7px 0;
  margin: 0px;
  border-radius: 0 0 3px 3px;
}

.modal-promocion .promocion-wrapper .pr-combo .linetop .linecant {
  width: 90px;
  display: inline-block;
  background-color: #e3e3e3;
  margin: 2px 0px 2px 10px;
  vertical-align: top;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-align: center;
  color: #707070;
  padding: 7px 0 6px 0;
  border-radius: 3px 3px 0 0;
}
.modal-promocion .promocion-wrapper .pr-combo .linetop.end .linecant {
  font-size: 14px;
  font-weight: 600;
  color: #777;
  text-decoration: line-through;
  margin: 0px 0px 0px 10px;
  border-radius: 0 0 3px 3px;
}
.modal-promocion .promocion-wrapper .pr-combo .linetop.end {
  margin: 2px 0 0 0;
}

.modal-promocion .promocion-wrapper .pr-combo .table {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.2px;
  color: #777;
  width: calc(100% - 20px);
  text-align: left;
  display: inline-block;
  background-color: #f0f0f0;
  height: calc(100% - 38px);
  vertical-align: top;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 2px 10px 10px 10px;
}
.modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #f0f0f0;
}

.modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
  /* overflow:visible; */
}
.modal-promocion
  .promocion-wrapper
  .pr-combo
  .table::-webkit-scrollbar-track-piece {
  background-color: #f0f0f0;
  border-style: solid;
  width: 2px;
  border: none;
}
.modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 3px;
  transition: all 200ms ease;
  width: 5px;
  display: inline-block;
  border-radius: 0px;
}
.modal-promocion
  .promocion-wrapper
  .pr-combo
  .table::-webkit-scrollbar-thumb:hover {
  background-color: #2559a6;
}

.modal-promocion .promocion-wrapper .pr-combo .table .linepro {
  width: 100%;
  text-align: left;
  display: flex;
  /* background-color: cyan; */
  margin: 0px;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
}
.modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt {
  width: calc(100% - 125px);
  display: inline-block;
  background-color: #f0f0f0;
  margin: 2px 0 0 0;
  color: #707070;
  vertical-align: top;
  padding: 5px;
  line-height: 15px;
  cursor: pointer;
  transition: all 150ms ease;
}
.modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt:hover {
  background-color: #e3e3e3;
  /* box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); */
}

.modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt .foto {
  width: 28px;
  height: 28px;
  padding: 2px;
  display: inline-block;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt .texto {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
  /* background-color: violet; */
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 37px);
  padding-left: 5px;
}

.modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt .texto .type {
  font-size: 10px;
  font-weight: 500;
}
.modal-promocion
  .promocion-wrapper
  .pr-combo
  .table
  .linepro
  .tt
  .texto
  .miniprice {
  font-size: 10px;
  font-weight: 500;
  color: #2559a6;
}

.modal-promocion .promocion-wrapper .pr-combo .table .linepro .qq {
  width: 70px;
  display: inline-block;
  background-color: #f0f0f0;
  margin: 2px 0px 0px 10px;
  vertical-align: top;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-align: center;
  color: #707070;
  padding: 5px 10px 5px 10px;
  line-height: 16px;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > ABOUT US
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.frase {
  width: 100%;
  display: inline-block;
  background-color: rgba(227, 227, 227, 0.5);
  padding: 45px 0 40px 0;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  color: #555;
  text-align: center;
  margin-bottom: 50px;
}
.frase span {
  font-size: 14px;
  font-weight: 600;
  color: #2559a6;
}

.comillasLeft {
  width: 24px;
  vertical-align: top;
  margin-right: 10px;
}
.comillasRight {
  width: 24px;
  vertical-align: top;
  margin-left: 10px;
}

.bloque {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  color: #333;
  line-height: 26px;
  margin-bottom: 50px;
}
.bloque.logo {
  /* margin-bottom: 50px; */
}
.bloque.logo .master {
  padding: 80px 0;
}
.bloque.quest {
  margin-bottom: 30px;
}
.bloque.mision {
  margin-bottom: 0;
  padding: 50px 0;
  background-color: #ffcc29;
}
.bloque.vision {
  padding: 50px 0;
  background-color: #2559a6;
  color: #fff;
}
.bloque.vision .titBloque {
  color: #ffcc29;
}

.bloque .mainlogo {
  width: 35%;
  height: 100%;
  /* background-color: red; */
  vertical-align: top;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  background-position: left center;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: contain;
  background-image: url('../img/logo.png');
}
.bloque .text {
  width: 60%;
  margin-left: 40%;
  /* height: 100px; */
  /* background-color: orange; */
  vertical-align: top;
  display: inline-block;
  position: relative;
}

.bloque .titBloque {
  font-weight: 800;
  font-size: 24px;
  display: inline-block;
  width: 100%;
  letter-spacing: 0.5px;
  padding: 10px 0;
  vertical-align: top;
  margin: 0 0 5px 0;
  color: #2559a6;
}
.bloque .titBloque.free {
  margin: 40px 0 10px 0;
}

.bannerCart {
  width: 100%;
  height: 500px;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  background-size: cover;
  background-image: url('../img/banner1.jpg');
  display: inline-block;
  vertical-align: top;
}

.valor {
  width: 21%;
  margin: 0 2%;
  /* background-color: antiquewhite; */
  display: inline-block;
  padding-top: 80px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 84px;
  font-size: 14px;
  text-align: center;
}
.valor.v1 {
  background-image: url('../img/v1.png');
}
.valor.v2 {
  background-image: url('../img/v2.png');
}
.valor.v3 {
  background-image: url('../img/v3.png');
}
.valor.v4 {
  background-image: url('../img/v4.png');
}

.valor .titval {
  width: 100%;
  font-weight: 800;
  font-size: 24px;
  text-align: center;
  padding: 10px 0;
  /* background-color: azure; */
  letter-spacing: 0.5px;
  color: #ffcc29;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > TERMS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.terms-mainTit {
  width: 100%;
  display: inline-block;
  padding: 35px 0;
  text-align: center;
  position: relative;
}
.terms-mainTit .line {
  width: 100%;
  top: 50%;
  border-top: 1px solid #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  z-index: 1;
}
.terms-mainTit.yellow .line {
  border-color: #000;
}
.terms-mainTit.blue {
  background-color: #2559a6;
}
.terms-mainTit.yellow {
  background-color: #ffcc29;
}
.terms-mainTit .titCenter {
  font-size: 28px;
  font-weight: 200;
  padding: 0 30px;
  display: inline-block;
  z-index: 2;
  position: relative;
}
.terms-mainTit .titCenter .reduce {
  font-size: 14px;
  font-weight: 400;
  color: #ffcc29;
}
.terms-mainTit.yellow .titCenter .reduce {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.terms-mainTit.blue .titCenter {
  background-color: #2559a6;
}
.terms-mainTit.yellow .titCenter {
  background-color: #ffcc29;
}
.terms-mainTit.blue .titCenter {
  color: #fff;
}
.terms-mainTit.yellow .titCenter {
  color: #000;
}
.bloque .list {
  /* background-color: yellow; */
  display: inline-block;
  padding-left: 40px;
}
.bloque .list .numeracion {
  /* background-color: thistle; */
  position: absolute;
  left: 0;
  font-size: 20px;
  font-weight: 800;
  color: #2559a6;
  line-height: 25px;
}

.bloque .list.sub {
  padding-left: 70px;
}
.bloque .list.sub .numeracion {
  margin-left: 40px;
}
.bloque .link {
  color: #0066ff;
  text-decoration: none;
  font-weight: 500;
}
.bloque .link:hover {
  text-decoration: underline;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > FAQS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.questionfaq {
  width: 100%;
  display: inline-block;
  padding: 25px 0;
  text-align: left;
  position: relative;
  margin-bottom: 20px;
}
.questionfaq.grey {
  background-color: rgba(227, 227, 227, 0.5);
}
.questionfaq.yellow {
  background-color: #ffcc29;
}
.questionfaq.blue {
  background-color: #2559a6;
}
.questionfaq .master {
  font-weight: 700;
  font-size: 18px;
  width: 100%;
  letter-spacing: 0.5px;
}
.questionfaq.grey .master {
  color: #777;
}
.questionfaq.yellow .master {
  color: #2559a6;
}
.questionfaq.blue .master {
  color: #fff;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CONTACT
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.cont {
  background-color: rgba(227, 227, 227, 0.5);
  display: inline-block;
  width: 100%;
  vertical-align: top;
  padding: 40px 0;
}

.cont .colLeft {
  display: inline-block;
  /* background-color: antiquewhite; */
  vertical-align: top;
  width: 45%;
  margin-right: 10%;
}
.cont .colLeft .c {
  width: auto;
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px 10px 5px 36px;
  /* background-color: #93D9F6; */
  color: #777;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 22px;
  margin: 0 0 5px 0;
  display: inline-block;
  position: relative;
}
.cont .colLeft .c:hover {
  text-decoration: underline;
}
.cont .colLeft .c.blue {
  color: #000;
  font-weight: 600;
}
.cont .colLeft .c.mail {
  background-size: 22px;
  background-image: url(../img/mailBlue.png);
}
.cont .colLeft .c.tel {
  background-size: 22px;
  background-image: url(../img/phone.png);
}
.cont .colLeft .c.tel span {
  font-size: 11px;
  color: #2559a6;
}

.cont .colLeft .c.what {
  background-size: 22px;
  background-image: url(../img/whatV.png);
}
.cont .colLeft .c.what.blue {
  color: #2559a6;
}

.cont .colLeft .c.inst {
  background-size: 22px;
  background-image: url(../img/instagramA.png);
}
.cont .colLeft .c.twit {
  background-size: 22px;
  background-image: url(../img/twitterA.png);
}
.cont .colLeft .c.face {
  background-size: 10px;
  background-position: 5px center;
  background-image: url(../img/facebookA.png);
}
.cont .colLeft .c.location {
  background-size: 24px;
  background-position: -2px center;
  background-image: url(../img/location.png);
}
.cont .colLeft .c.location:hover {
  text-decoration: none;
}

.cont .colLeft .map {
  width: 100%;
  height: 350px;
  display: inline-block;
  /* background-color: red; */
  vertical-align: top;
}

.cont .colRight {
  display: inline-block;
  vertical-align: top;
  width: 45%;
}
.master.so {
  text-align: center;
}
.master.so .mainTT.r {
  text-align: left;
}
.cont .colRight .inputText {
  width: calc(100% - 38px);
  display: inline-block;
  position: relative;
  outline: none;
  background-color: transparent;
  background-color: #fff;
  border: 1px solid #ccc;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  padding: 7px 18px 9px 18px;
  border-radius: 100px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.cont .colRight .textArea {
  width: calc(100% - 38px);
  display: inline-block;
  position: relative;
  outline: none;
  background-color: transparent;
  background-color: #fff;
  border: 1px solid #ccc;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  padding: 7px 18px 9px 18px;
  border-radius: 5px;
  margin-bottom: 0px;
  height: 288px;
  resize: none;
  margin-top: 5px;
}

.cont .colRight .fast-contact-submit {
  cursor: pointer;
  position: relative;
  height: 30px;
  color: #fff;
  background-color: #2559a6;
  /* width: 30px; */
  border: none;
  outline: none;
  border-radius: 100px;
  padding: 0 10px 1px 13px;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
  margin-top: 4px;
  text-align: center;
  cursor: pointer;
}

.mainTT {
  font-size: 24px;
  font-weight: 800;
  color: #2559a6;
  display: inline-block;
  width: 100%;
  margin: 30px 0 20px 0;
}
.mainTT.r {
  margin-top: 5px;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CART
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.checkoutProcess {
  /* background-color: #B5F1BD; */
  position: absolute;
  right: 0;
  display: inline-block;
  height: 85px;
  /* width: 300px; */
}
.checkoutProcess .point {
  /* background-color: #E7DA86; */
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.checkoutProcess .point .t {
  /* background-color: red; */
  display: inline-block;
  width: 100%;
  position: absolute;
  width: auto;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.3px;
  top: 20px;
  color: #999;
}
.checkoutProcess .point.active .t {
  color: #000;
}

.checkoutProcess .point .circulo {
  position: relative;
  width: 29px;
  height: 29px;
  border: 1px solid #777;
  background-color: #fff;
  display: inline-block;
  border-radius: 100px;
  font-weight: 600;
  font-size: 14px;
  color: #999;
  margin-top: 42px;
}
.checkoutProcess .point .circulo span {
  position: absolute;
}
.checkoutProcess .point.active .circulo {
  border-color: #2559a6;
  background-color: #2559a6;
  color: #ffcc29;
}

.checkoutProcess .lineCart {
  display: inline-block;
  width: 100px;
  position: relative;
  border-top: 1px solid #777;
  margin-top: 57.5px;
  vertical-align: top;
}
.checkoutProcess .lineCart.active {
  border-top: 3px solid #2559a6;
  margin-top: 56px !important;
}

.topCart {
  background-color: rgba(227, 227, 227, 0.5);
  padding: 35px 0;
}
.topCart .backComprar {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #777;
  /* background-color: #E7DA86; */
  position: absolute;
  left: 0;
  padding: 9px 5px 8px 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url('../img/leftG.png');
  transition: all 150ms ease;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.topCart .backComprar:hover {
  color: #2559a6;
  background-image: url('../img/leftBlue.png');
}

.topCart .instruccion {
  position: absolute;
  right: 0;
  font-size: 14px;
  font-weight: 500;
  color: #777;
  display: inline-block;
  width: 40%;
  line-height: 20px;
  text-align: right;
}
.instruccion.left {
  right: auto !important;
  left: 0 !important;
  text-align: left;
}
.topCart .instruccion.more {
  left: 90px !important;
}
.topCart.so {
  background-color: #2559a6;
}
.topCart.so .instruccion {
  color: #fff;
}

.question {
  font-size: 24px;
  font-weight: 800;
  color: #aaaaaa;
  position: absolute;
  right: 0;
  left: auto;
  display: inline-block;
  width: auto;
}

.bloqueCart {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: left;
}

.bloqueCart2 {
  width: 100%;
  display: inline-block;
  position: relative;
  text-align: center;
  background: #ffcc29;
  justify-content: center;
  align-items: center;
}

.bloqueCart .titlesCart {
  /* background-color: antiquewhite; */
  display: inline-block;
  margin: 20px 0 0px 0;
  width: 100%;
  text-transform: uppercase;
}
.bloqueCart .titlesCart .title {
  border: 1px solid #777;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 11px 0;
  color: #777;
  display: inline-block;
  margin-right: 15px;
  text-align: center;
}
.bloqueCart .titlesCart .title.descripcion {
  width: calc(55% - 29px);
  padding-left: 20px;
  text-align: left;
}
.bloqueCart .titlesCart .title.precioUnitario {
  width: calc(17.5% - 15px);
}
.bloqueCart .titlesCart .title.cantidad {
  width: calc(10% - 15px);
}
.bloqueCart .titlesCart .title.precioTotal {
  width: calc(17.5% - 15px);
  margin-right: 0px;
}
.bloqueCart .lineCart {
  /* background-color: antiquewhite; */
  display: inline-block;
  margin: 15px 0 0px 0;
  width: 100%;
  padding-bottom: 15px;
  border-bottom: 1px solid #777;
}
.bloqueCart .lineCart .c-pic {
  width: 72px;
  height: 72px;
  padding: 5px;
  background-color: #fff;
  display: inline-block;
  margin-left: 20px;
  border-radius: 200px;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  background-size: contain;
}
.bloqueCart .lineCart .c-desc {
  width: calc(55% - 149px);
  /* background-color: chartreuse; */
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.3px;
  color: #777;
  line-height: 18px;
}
.bloqueCart .lineCart .c-desc span {
  font-size: 14px;
  /* font-style: italic; */
  color: #2559a6;
  font-weight: 500;
}
.bloqueCart .lineCart .c-desc .eliminarItem {
  font-size: 12px;
  margin-top: 2px;
  font-weight: 600;
  color: #c93438;
  letter-spacing: 0;
  cursor: pointer;
}
.bloqueCart .lineCart .c-desc .eliminarItem:hover {
  text-decoration: underline;
}

.bloqueCart .lineCart .c-pu {
  width: calc(17.5% - 13px);
  display: inline-block;
  /* background-color: cyan; */
  margin-left: 14px;
  text-align: right;
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #777;
  vertical-align: middle;
}
.bloqueCart .lineCart .c-pu span {
  color: #2559a6;
}

.bloqueCart .lineCart .c-cant {
  width: calc(10% - 12px);
  display: inline-block;
  background-color: #ddd;
  margin-left: 15px;
  text-align: right;
  vertical-align: middle;
}
.bloqueCart .lineCart .c-cant select {
  width: 100%;
  padding: 5px 25px 5px 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* Remove default arrow */
  background-image: url(../img/downB.png);
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #777;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #ddd;
  outline: none;
  cursor: pointer;
  transition: all 150ms ease;
}
.bloqueCart .lineCart .c-cant select {
  text-align-last: right;
}
.bloqueCart .lineCart .c-cant select:hover {
  border-color: #2559a6;
}
.bloqueCart .lineCart .c-pt {
  width: calc(17.5% - 13px);
  display: inline-block;
  /* background-color: cyan; */
  margin-left: 16px;
  text-align: right;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  top: 2px;
  color: #000;
  vertical-align: middle;
}
.bloqueCart .lineCart .c-pt span {
  color: #2559a6;
}

.bloqueCart .varios {
  width: 100%;
  /* background-color: red; */
  display: inline-block;
  vertical-align: top;
  /* padding-bottom: 20px; */
  margin-top: 12px;
  text-transform: uppercase;
}
.bloqueCart .varios .left {
  width: calc(55% - 9px);
  height: 292px;
  /* background-color: #B5F1BD; */
  display: inline-block;
  vertical-align: top;
  margin: 0px 0 0px 0;
  margin-right: 13px;
  float: left;
}
.bloqueCart .varios .q1 {
  border: 1px solid #777;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 11.2px 10px 10.8px 0;
  color: #777;
  display: inline-block;
  margin-right: 15px;
  text-align: right;
  width: calc(17.5% - 25px);
  vertical-align: top;
}
.bloqueCart .varios .q1-1 {
  width: calc(10% - 15px);
  display: inline-block;
  padding: 7px 0 7px 0;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #777;
  vertical-align: top;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 10px;
}
.bloqueCart .varios .q1-2 {
  width: calc(17.5% - 22px);
  display: inline-block;
  padding: 7px 10px 7px 0;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  font-weight: 600;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #777;
  color: #777;
  vertical-align: top;
  text-align: right;
  margin-right: 0;
  margin-bottom: 10px;
}
.bloqueCart .varios .q2 {
  border: 1px solid #777;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 6.2px 10px 6.2px 0;
  color: #777;
  display: inline-block;
  margin-right: 15px;
  text-align: right;
  width: calc(17.5% - 25px);
  vertical-align: top;
  margin-bottom: 10px;
}
.bloqueCart .varios .q2-1 {
  width: calc(10% - 15px);
  display: inline-block;
  padding: 7px 0 7px 0;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #777;
  vertical-align: top;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 10px;
}
.bloqueCart .varios .q2-2 {
  width: calc(17.5% - 22px);
  display: inline-block;
  padding: 7px 10px 7px 0;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  font-weight: 600;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #777;
  color: #777;
  vertical-align: top;
  text-align: right;
  margin-right: 0;
  margin-bottom: 10px;
}
.bloqueCart .varios .line {
  width: calc(44% + 1px);
  border-top: 1px solid #777;
  display: inline-block;
  vertical-align: top;
}
.bloqueCart .varios .line.doble {
  border-top: 1px solid #2559a6;
  height: 4px !important;
  border-bottom: 1px solid #2559a6;
}
.bloqueCart .varios .q3 {
  border: 2px solid #777;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 8px 10px 7.6px 0;
  color: #000;
  display: inline-block;
  margin-right: 15px;
  text-align: right;
  width: calc(17.5% - 27px);
  vertical-align: top;
  margin-bottom: 10px;
  margin-top: -4px;
  position: relative;
}
.bloqueCart .varios .q3.y,
.bloqueCart .varios .q3-2.y {
  border-color: #ffcc29;
}
.bloqueCart .varios .q3.b,
.bloqueCart .varios .q3-2.b {
  border-color: #2559a6;
  margin-top: 0px;
}
.bloqueCart .varios .q3.b span {
  font-size: 11px;
  color: #2559a6;
}

.bloqueCart .varios .q3-2.b {
  border-color: #2559a6;
  margin-top: 0px;
  background-color: #2559a6;
  color: #fff !important;
}

.bloqueCart .varios .q3-1 {
  width: calc(10% - 15px);
  display: inline-block;
  padding: 7px 0 7px 0;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 1px solid #777;
  vertical-align: top;
  text-align: center;
  margin-right: 15px;
  margin-bottom: 10px;
  margin-top: -4px;
}
.bloqueCart .varios .q3-2 {
  width: calc(17.5% - 24px);
  display: inline-block;
  padding: 7px 10px 7px 0;
  font-size: 18px;
  letter-spacing: 0.3px;
  line-height: 18px;
  font-weight: 600;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-size: 13px;
  border: 2px solid #777;
  color: #000;
  vertical-align: top;
  text-align: right;
  margin-right: 0;
  margin-bottom: 10px;
  margin-top: -4px;
}
.bloqueCart .varios .q3-2 span {
  /* color: #FFF; */
}
.bloqueCart .varios .q3-2.b {
  padding: 15px 10px 15px 0;
}

.envioferta {
  width: 300px;
  /* background-color: red; */
  height: 66px;
  margin-top: 2px;
  position: absolute;
  right: calc(100% + 20px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/envioferta.png);
}
.envioferta.e {
  background-image: url(../img/envioferta-e.png);
}

.descuento {
  width: 300px;
  /* background-color: red; */
  height: 66px;
  margin-top: 2px;
  position: absolute;
  right: calc(100% + 20px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/descuento5.png);
}
.descuento.e {
  background-image: url(../img/descueto5-e.png);
}

.invisible {
  visibility: hidden;
}

.confirmarCompra {
  background-color: #2559a6;
  padding: 50px 0;
  position: relative;
  margin: 20px 0 30px 0;
  text-align: center;
}
.confirmarCompra .backComprar {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: #fff;
  /* background-color: #E7DA86; */
  position: absolute;
  left: 0;
  padding: 8px 5px 8px 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url('../img/leftW.png');
  transition: all 150ms ease;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
.confirmarCompra .backComprar:hover {
  color: #ffcc29;
  background-image: url('../img/leftY.png');
}

.confirmarCompra .backComprar.cancel {
  background-image: none;
  padding: 9px 5px 8px 5px;
}
.confirmarCompra .backComprar.b {
  position: relative;
  margin-top: 10px;
  display: inline-block;
  vertical-align: top;
}
.confirmarCompra.b {
  padding: 35px 0 15px 0;
}

.confirmarCompra .nextBuying {
  background-color: #ffcc29;
  color: #000;
  padding: 16px 33px 16px 20px;
  position: absolute;
  display: inline-block;
  border-radius: 2px;
  right: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background-position: calc(100% - 10px) center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/rightD.png);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 150ms ease;
  outline: none;
  border: none;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}
.confirmarCompra .nextBuying.b {
  position: relative;
}

.confirmarCompra .nextBuying:hover {
  background-image: url('../img/rightB.png');
  color: #2559a6;
}

.carritoVacio {
  width: 100%;
  /* background-color: red; */
  display: inline-block;
  font-size: 32px;
  font-weight: 200;
  color: #000;
  text-align: center;
  padding: 200px 0 240px 0;
}

.carritoVacio a {
  padding: 9px 30px 9px 30px;
  background-color: #ffcc29;
  display: inline-block;
  border-radius: 20px;
  color: #2559a6;
  font-size: 14px;
  font-weight: 600;
  z-index: 10000000;
  letter-spacing: 1px;
  cursor: pointer;
  text-decoration: none;
  margin-top: 20px;
  transition: all 150ms ease;
}
.carritoVacio a:hover {
  background-color: #2559a6;
  color: #fff;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > COMO COMPRAR
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.paso {
  width: 100%;
  background-color: #2559a6;
  padding: 20px 0;
  text-align: left;
  display: inline-block;
  font-size: 24px;
  color: #ffcc29;
  font-weight: 800;
  letter-spacing: 0.5px;
}

.explicacion {
  width: 100%;
  display: inline-block;
  /* background-color: bisque; */
  vertical-align: top;
  height: 400px;
  padding: 20px 0;
}
.explicacion .texto {
  width: calc(50% - 50px);
  padding-right: 50px;
  display: inline-block;
  height: 100%;
  vertical-align: top;
  /* background-color: violet; */
  font-size: 24px;
  font-weight: 300;
  line-height: 38px;
}
.explicacion .foto {
  width: 50%;
  display: inline-block;
  height: 100%;
  vertical-align: top;
  /* background-color: orange; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.explicacion .foto.htb1 {
  background-image: url(../img/htb1.jpg);
}
.explicacion .foto.htb2 {
  background-image: url(../img/htb2.jpg);
}
.explicacion .foto.htb3 {
  background-image: url(../img/htb3.jpg);
}
.explicacion .foto.htb4 {
  background-image: url(../img/htb4.jpg);
}
.explicacion .foto.htb5 {
  background-image: url(../img/htb5.jpg);
  background-size: auto;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > BANNER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.banner {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
.banner img {
  max-width: 100%;
  vertical-align: top;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > GRACIAS: SUSCRIPTION
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.bodyc {
  background-color: #ffcc29;
  color: #000;
  height: 100vh;
  width: 100vw;
  position: relative;
  display: inline-block;
}
.thanks {
  width: 100%;
  text-align: center;
  font-size: 42px;
  font-weight: 200;
}
.thanks span {
  font-size: 24px;
  font-weight: 300;
}

.thanks a {
  padding: 9px 30px 9px 30px;
  background-color: #2559a6;
  display: inline-block;
  border-radius: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  z-index: 10000000;
  letter-spacing: 2px;
  cursor: pointer;
  text-decoration: none;
}
.thanks a:hover {
  text-decoration: underline;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > GRACIAS: COMPRA
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.thanks1 {
  width: 100%;
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  /* background-color: yellow; */
  line-height: 28px;
}
.thanks1 span {
  font-size: 14px;
  font-weight: 400;
}

.thanks1 a {
  padding: 9px 30px 9px 30px;
  background-color: #2559a6;
  display: inline-block;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  z-index: 10000000;
  letter-spacing: 1px;
  cursor: pointer;
  text-decoration: none;
  line-height: 16px;
}
.thanks1 a:hover {
  text-decoration: underline;
}
.thanks1 a.again {
  background-color: #c93438;
}

.hemosenviado {
  color: #000;
  font-size: 14px;
  /* background-color: #E3e3e3; */
  line-height: 22px;
  font-weight: 400;
  width: auto;
  display: inline-block;
  width: 50%;
  margin: 0;
}
.hemosenviado span {
  font-weight: 700;
  font-size: inherit;
  color: #2559a6;
}

.hemosenviadospam {
  margin-top: 10px;
  color: #826300;
  font-size: 11px;
  background-color: rgba(231, 218, 134, 1);
  line-height: 18px;
  font-weight: 400;
  width: auto;
  display: inline-block;
  border-radius: 5px;
  padding: 10px 20px;
  width: 50%;
}
.codigos {
  color: #000;
  font-size: 12px;
  /* background-color: #E3e3e3; */
  line-height: 22px;
  font-weight: 400;
  width: auto;
  display: inline-block;
  width: 50%;
  margin: 0;
}
.codigos span {
  font-size: 16px;
  font-weight: 700;
}

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CHECKOUT
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.checkform {
  width: calc(50% - 40px);
  /* height: 200px; */
  background-color: #f0f0f0;
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 0;
  border-radius: 10px;
  border: 10px solid #fff;
  box-shadow: 0 0 0 1px #aaa;
  padding: 10px 70px;
  text-align: left;
}

.checkform2 {
  width: calc(50% - 40px);
  /* height: 200px; */
  background-color: #f0f0f0;
  display: inline-block;
  vertical-align: top;
  margin: 50px 0 10px 0;
  border-radius: 10px;
  border: 10px solid #fff;
  box-shadow: 0 0 0 1px #aaa;
  padding: 10px 70px;
  text-align: left;
  /* background-color: yellow; */
}

.checkform.inner {
  margin-top: 10px;
}
.checkform.tdc {
  width: calc(80% - 80px);
  text-align: left;
  padding: 10px 40px;
  margin-top: 0;
}
.checkform .required {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  letter-spacing: 0.3px;
  font-weight: 400;
  position: relative;
  margin: 10px 0 10px 0;
  text-align: right;
  color: #777777;
  font-style: italic;
  margin-bottom: 15px;
}
.checkform .required.b {
  margin-bottom: 7px;
}

.pay-tdc {
  border-bottom: 1px solid #2559a6;
  padding-bottom: 20px;
}

.checkform .linea {
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  display: inline-block;
  width: calc(100% - 40px);
  /* height: 40px; */
  vertical-align: top;
  border-radius: 50px;
  padding-left: 40px;
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: 18px;
  background-image: url(../img/check.png);
  margin: 5px 0 4px 0px;
  position: relative;
}
.checkform .linea.vencimiento {
  box-shadow: none;
  background-color: transparent;
  width: calc(66% - 40px);
}
.checkform .linea.cvc {
  box-shadow: none;
  background-color: transparent;
  width: calc(32% - 40px);
}
.checkform .linea.mini {
  width: 30%;
  margin-right: 2%;
  background-image: none;
  padding-left: 0px;
}
.checkform .linea.mini.last {
  margin-right: 0;
  margin-left: 4%;
  width: 32%;
}

.checkform .linea .titulo {
  /* background-color: red; */
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: #999;
  padding: 12px 0;
  line-height: 20px;
}
.checkform .linea .titulo.x {
  color: #777;
}

.checkform .linea input {
  display: inline;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  width: calc(100% - 100px);
  border: none;
  outline: none;
  /* background-color: transparent; */
  padding: 12px 0;
  margin-left: 10px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  /* background-color:red; */
}
.checkform .linea select {
  display: inline;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  width: calc(100% - 80px);
  border: none;
  outline: none;
  background-color: transparent;
  padding: 12px 0;
  margin-left: 10px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  /* background-color:blue; */
}
.checkform .linea input.menos1 {
  width: calc(100% - 140px);
}
.checkform .linea input.menos2 {
  width: calc(100% - 160px);
}
.checkform .linea input.menos3 {
  width: calc(100% - 150px);
}
.checkform .linea input.menos4 {
  width: calc(100% - 40px);
  margin-left: 20px;
  text-align: center;
}
.checkform .linea.mini select {
  width: calc(100% - 20px);
  margin-left: 10px;
  padding-left: 0px;
  background-color: #0000;
}

.checkform .linea.border5 {
  border-radius: 10px;
  background-position: 10px 9.5px;
}

.checkform .linea textarea {
  display: inline;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  width: calc(100% - 40px);
  border: none;
  outline: none;
  /* background-color: transparent; */
  padding: 0px;
  margin-bottom: 10px;
  letter-spacing: 0.3px;
  font-family: 'Montserrat', sans-serif;
  height: 100px;
  resize: none;
  /* background-color: red; */
}
.checkform .linea textarea.h60 {
  height: 60px;
}

.checkform.tdc .linea {
  border-radius: 5px;
}

.linea .formato {
  background-color: #fe3333;
  display: none;
  vertical-align: top;
  width: auto;
  height: auto;
  padding: 5px 15px 6px 15px;

  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 20px 20px 20px 20px;
  font-size: 10.5px;
  color: #ffd5d5;
  letter-spacing: 0.3px;
  font-weight: 500;
}

.completarForm {
  background-color: #fe3333;
  border: 1px solid #c01010;
  display: none;
  vertical-align: top;
  width: calc(100% - 22px);
  height: auto;
  padding: 10px 10px;
  position: relative;
  border-radius: 20px 20px 20px 20px;
  font-size: 11px;
  color: #ffd5d5;
  letter-spacing: 0.3px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 18px;
}
.completarForm.long {
  width: 50%;
  margin-bottom: 0;
  margin-top: 40px;
}

.subtitCheckout {
  width: calc(50% - 40px);
  /* height: 200px; */
  /* background-color: #F0F0F0; */
  display: inline-block;
  vertical-align: top;
  margin: 30px 0 0px 0;
  border-radius: 10px;
  border: 10px solid #fff;
  /* box-shadow: 0 0 0 1px #AAA; */
  padding: 0px 20px;
  text-align: left;
  /* background-color: yellow; */
  font-size: 20px;
  font-weight: 800;
  color: #2559a6;
  letter-spacing: 0.3px;
}
.subtitCheckout.next {
  margin-top: 15px;
}
.subtitCheckout span {
  font-size: 12px;
  color: #333;
  font-weight: 500;
}
.subtitCheckout.op {
  color: #777;
}
.subtitCheckout .op1 {
  font-weight: 600;
  font-style: italic;
  display: inline;
  widows: auto;
  letter-spacing: 0;
  color: #aaa;
}

.req {
  color: #c93438;
  font-size: 14px;
  font-weight: 800;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  margin-top: -5px;
  margin-left: 1px;
}
.req.top {
  position: relative;
}

.resumen {
  width: 40%;
  height: 400px;
  display: inline-block;
  /* background-color: red; */
  vertical-align: top;
  margin-top: 30px;
  text-align: left;
  position: relative;
}
.contenedorProductos {
  /* background-color: violet; */
  /* padding: 10px 0; */
  display: inline-block;
  position: relative;
  width: 90%;
  height: 300px;
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.contenedorProductos::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #f0f0f0;
}

.contenedorProductos::-webkit-scrollbar {
  width: 5px;
  background-color: transparent;
  /* overflow:visible; */
}
.contenedorProductos::-webkit-scrollbar-track-piece {
  background-color: #f0f0f0;
  border-style: solid;
  width: 2px;
  border: none;
}
.contenedorProductos::-webkit-scrollbar-thumb {
  background-color: #999;
  border-radius: 3px;
  transition: all 200ms ease;
  width: 5px;
  display: inline-block;
  border-radius: 0px;
}
.contenedorProductos::-webkit-scrollbar-thumb:hover {
  background-color: #2559a6;
}

.resumen .line {
  /* background-color: yellow; */
  height: auto;
  width: 100%;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-top: 10px;
  padding-right: 10px;
}
.resumen .line .foto {
  width: 120px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  /* background-color: orange; */
  text-align: center;
}
.resumen .line .foto .pic {
  position: relative;
  min-width: 70px;
  min-height: 70px;
  /* background-color: red; */
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.resumen .line .descripcion {
  width: calc(100% - 120px);
  height: 100%;
  position: relative;
  top: 0;
  margin-left: 120px;
  display: inline-block;
  /* background-color: palegreen; */
}
.resumen .line .descripcion .titulo {
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #777;
  font-weight: 700;
  width: 100%;
  /* background-color: yellow; */
  line-height: 17px;
}
.resumen .line .descripcion .presentacion {
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #2559a6;
  font-weight: 600;
  font-style: italic;
  margin-top: 5px;
  width: 100%;
  /* background-color: yellow; */
}

.resumen .line .descripcion .unitario {
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #777;
  font-weight: 500;
  margin-top: 25px;
  width: 60%;
  /* background-color: yellow; */
  position: relative;
  display: inline-block;
}
.resumen .line .descripcion .unitario span {
  color: #2559a6;
  font-weight: 600;
}
.resumen .line .descripcion .preciototal {
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #000;
  font-weight: 600;
  margin-top: 25px;
  width: 40%;
  /* background-color: yellow; */
  position: relative;
  display: inline-block;
  text-align: right;
}
.resumen .line .descripcion .preciototal span {
  color: #2559a6;
  font-weight: 600;
}

.resultados {
  background-color: #f0f0f0;
  /* padding: 10px 0; */
  display: inline-block;
  position: relative;
  width: 90%;
  vertical-align: top;
  padding-right: 10px;
}
.resultados .myline {
  /* background-color: yellow; */
  width: calc(100% - 5px);
  display: inline-block;
  margin: 2px 0;
  padding: 7px 0;
  line-height: 12px;
  vertical-align: top;
  padding-right: 15px;
  text-transform: uppercase;
}
.resultados .myline.yellow {
  background-color: #ffcc29;
}
.resultados .myline.total {
  background-color: #2559a6;
  padding: 12px 15px 10px 0;
  margin-bottom: 0;
}

.resultados .myline.total2 {
  padding: 12px 15px 10px 0;
  margin-bottom: 0;
  text-align: center;
}

.resultados .myline .tit {
  width: 70%;
  /* background-color: violet; */
  display: inline-block;
  font-size: 14px;
  color: #777;
  font-weight: 500;
  text-align: right;
  vertical-align: middle;
}
.resultados .myline .tit.b {
  color: #000;
  font-weight: 600;
}

.resultados .myline .lop.b {
  color: #000;
  font-weight: 20;
  text-align: center;
}

.resultados .myline.total .tit {
  color: #fff;
  font-size: 16px;
}
.resultados .myline.total .tit span {
  color: #fff;
  letter-spacing: 0.2px;
  font-weight: 500;
}

.resultados .myline .tit span {
  font-weight: 600;
  font-size: 10px;
}

.resultados .myline .result {
  width: 30%;
  /* background-color: violet; */
  display: inline-block;
  font-size: 14px;
  color: #777;
  font-weight: 600;
  text-align: right;
  vertical-align: middle;
  letter-spacing: 0.2px;
}

.resultados .myline .result_premios {
  width: 30%;
  /* background-color: violet; */
  display: inline-block;
  font-size: 10px;
  color: #777;
  font-weight: 600;
  text-align: right;
  vertical-align: middle;
  letter-spacing: 0.2px;
}
.resultados .myline .result.b {
  color: #000;
}
.resultados .myline .result span {
  color: #2559a6;
  font-weight: 600;
}
.resultados .myline.total .result,
.resultados .myline.total .result span {
  color: #ffcc29;
  font-size: 16px;
}

.resultados .cancelarfinal {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #777;
  /* background-color: #E7DA86; */
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  padding: 8px 0px 8px 0px;
  background-position: left center;
  /* background-repeat: no-repeat; */
  /* background-size: 16px; */
  /* background-image: url(../img/leftG.png); */
  transition: all 150ms ease;
  cursor: pointer;
  text-decoration: none;
}
.resultados .cancelarfinal:hover {
  color: #2559a6;
}

.text-center p-t-115 .cancelarfinal {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #777;
  /* background-color: #E7DA86; */
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  padding: 8px 0px 8px 0px;
  background-position: left center;
  /* background-repeat: no-repeat; */
  /* background-size: 16px; */
  /* background-image: url(../img/leftG.png); */
  transition: all 150ms ease;
  cursor: pointer;
  text-decoration: none;
}
.text-center p-t-115 .cancelarfinal:hover {
  color: #2559a6;
}

.payment {
  width: 60%;
  /* height: 600px; */
  display: inline-block;
  /* background-color: orange; */
  vertical-align: top;
  text-align: right;
  margin-top: 30px;
}

.subtitPay {
  width: auto;
  /* background-color: #F0F0F0; */
  /* background-color: orange; */
  display: inline-block;
  vertical-align: top;
  margin: 0px 0 0px 0;
  /* border-radius: 10px; */
  text-align: left;
  font-size: 20px;
  font-weight: 800;
  color: #2559a6;
  letter-spacing: 0.3px;
  background-repeat: no-repeat;
  position: relative;
  background-position: left center;
  transition: all 150ms ease;
}
.subtitPay.opcion {
  border: 2px solid #bbb;
  border-radius: 10px;
  width: calc(100% - 54px);
  background-position: 10px;
  padding: 15px 0 15px 50px !important;
  color: #aaa;
  cursor: pointer;
}
.subtitPay.opcion.activa {
  border-color: #2559a6;
  color: #777;
  cursor: default;
}
.subtitPay.opcion:hover {
  border-color: #2559a6;
  color: #777;
}

.subtitPay.re {
  background-size: 32px;
  background-image: url(../img/cartG.png);
  padding: 11px 0 11px 45px;
}

.subtitPay.se {
  background-size: 32px;
  background-image: url(../img/security-BW.png);
  padding: 11px 0 11px 45px;
  margin-top: 20px;
}
.subtitPay.se.activa,
.subtitPay.se:hover {
  background-image: url(../img/security.png);
}
.subtitPay img {
  vertical-align: text-bottom;
  margin-left: 5px;
  height: 24px;
  display: inline-block;
  margin-top: -5px;
}

.subtitPay.paypal {
  background-image: none;
  padding: 3px 0 0px 0px !important;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}
.subtitPay.paypal.activa,
.subtitPay.paypal:hover {
  /* background-image: url(../img/paypal-logo.png); */
}

.subtitPay.zelle {
  background-size: 32px;
  background-image: url(../img/zelle-BW.png);
  padding: 11px 0 11px 45px;
  margin-top: 20px;
  cursor: pointer;
}
.subtitPay.zelle.activa,
.subtitPay.zelle:hover {
  background-image: url(../img/zelle.png);
}

.subtitPay.wu {
  background-size: 32px;
  background-image: url(../img/wu-BW.png);
  padding: 11px 0 11px 45px;
  margin-top: 20px;
  cursor: pointer;
}
.subtitPay.wu.activa,
.subtitPay.wu:hover {
  background-image: url(../img/wu.png);
}

.subtitPay.xoom {
  background-size: 32px;
  background-image: url(../img/xoom-BW.png);
  padding: 11px 0 11px 45px;
  margin-top: 20px;
  cursor: pointer;
}
.subtitPay.xoom.activa,
.subtitPay.xoom:hover {
  background-image: url(../img/xoom.png);
}

.pp1 {
  display: inline-block;
  width: 100%;
  text-align: right;
  margin-top: 10px;
}
.war {
  font-weight: 400;
  color: #777;
  font-size: 11px;
  display: inline-block;
  margin: 20px 0 0 0;
  width: 100%;
}

.war2 {
  font-weight: 400;
  color: #2559a6;
  font-size: 15px;
  display: inline-block;
  margin: 25px 0 0 0;
  width: 100%;
  text-align: center;
}

.exePay {
  background-color: #2559a6;
  color: #fff;
  padding: 16px 53px 16px 40px;
  position: absolute;
  display: inline-block;
  border-radius: 2px;
  right: 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/right.png);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 150ms ease;
  outline: none;
  border: none;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}
.exePay {
  position: relative;
}

.exePay:hover {
  background-image: url('../img/rightY.png');
  color: #ffcc29;
}

.wadir {
  width: calc(45% - 60px);
  background-color: #01d42a;
  padding: 20px 10px 20px 50px;
  position: relative;
  display: inline-block;
  border-radius: 5px;
  margin-bottom: 20px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  text-align: left;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 23px;
  line-height: 21px;
  background-image: url(../img/whatW.png);
  margin-left: 0;
}
.wadir:hover {
  text-decoration: underline;
}
.imgPaypal {
  width: 38%;
  border: none;
}
.onlypc {
  display: inline-block !important;
}
.onlymovil {
  display: none !important;
}

.products .products-gallery.horizontal {
  display: none !important;
}

@media (max-width: 768px) {
  .onlypc {
    display: none !important;
  }
  .onlymovil {
    display: inline-block !important;
  }

  .products-gallery.pc {
    display: none !important;
  }
  .innergallery {
    width: calc(100% - 10px);
    margin-left: 5px;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5px;
  }

  .menuMovil {
    width: 100%;
    height: 60px;
    background-color: #2559a6;
    display: inline-block;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .menuMovil .back {
    display: inline-block;
    width: 30%;
    height: 50px;
    margin-top: 5px;
    position: relative;
    /* background-color: red; */
    margin-right: 5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    background-image: url(../img/back-mov.png);
  }
  .menuMovil .home {
    display: inline-block;
    width: 30%;
    height: 50px;
    margin-top: 5px;
    position: relative;
    /* background-color: red; */
    margin-right: 5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    background-image: url(../img/home-mov.png);
  }
  .menuMovil .menumov {
    display: inline-block;
    width: 30%;
    height: 50px;
    margin-top: 5px;
    position: relative;
    /* background-color: red; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px;
    background-image: url(../img/menu-mov.png);
  }

  .header.mini,
  .header .menu,
  .header .header-form,
  .header .language,
  .header .header-right,
  .header .header-atencion {
    display: none;
  }
  .header {
    height: 100px;
  }
  .header .cart,
  .header .rightElements {
    width: 150px;
    right: 5px;
  }
  .header .logo {
    left: 20px;
    width: 28%;
  }
  .tit-section {
    padding-left: 10px;
    width: calc(100% - 10px);
  }
  .products .products-gallery {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 10px;
    grid-row-gap: 15px;
  }
  .products .products-gallery.innergallery {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
  }
  .products .products-gallery.horizontal {
    display: inline-block !important;
    margin-top: 0px;
    width: 100%;
  }
  .products .products-gallery .item {
    width: 55% !important;
    margin-right: 10px;
    min-width: 55%;
  }
  .products .products-gallery.innergallery .item {
    width: 100% !important;
    margin-right: 0px;
    min-width: 100%;
  }

  .products .products-gallery .item .item-tit {
    display: block;
    width: 86%;
    margin: 5px 0 0 7%;
    font-size: 11px;
  }

  .products .products-more a {
    font-size: 14px;
    width: auto;
    padding: 10px 30px;
  }
  .howitworks .method {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
  .myinsta .myinsta-link {
    position: relative;
    float: left;
    top: 0px;
    font-size: 15px;
    padding: 7px 15px 9px 40px;
    font-weight: 400;
    background-position: 14px 5.5px;
  }
  .myinsta .myinsta-gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 55px;
  }
  .myinsta .myinsta-gallery .myinsta-item {
    padding-bottom: 100%;
    width: 100%;
    /* margin-left: 10%; */
  }
  .myinsta .myinsta-gallery .myinsta-item:last-child {
    display: none;
  }
  .newsletter .newsletter-text {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
  .newsletter .newsletter-form {
    position: relative;
    margin-top: 20px;
    width: calc(100% - 20px);
    margin-left: 10px;
  }
  .contact .contact-left {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
  .contact .tit-section.blue {
    padding-left: 0px;
  }
  .contact .contact-right {
    width: calc(100% - 20px);
    margin-left: 10px;
    text-align: center;
  }
  .contact .contact-right .inputText {
    width: calc(100% - 36px);
  }
  .contact .contact-right .textArea {
    width: calc(100% - 38px);
  }
  .contact .contact-right .fast-contact-submit {
    padding: 0 30px 1px 30px;
  }
  .footer {
    text-align: center;
  }
  .footer .footer-left {
    width: 100%;
    padding-bottom: 0;
  }
  .footer .footer-center {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer .footer-right {
    margin-bottom: 30px;
    width: 50%;
    height: 100px;
    background-position: center;
  }
  .copy .master {
    width: 80%;
    line-height: 16px;
    text-align: center;
  }
  .footer .copy .development {
    float: none;
  }

  .modal-producto .product-wrapper {
    height: calc(100vh - 50px);
    padding: 0 0px;
    width: 100%;
    top: 50px;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  .modal-producto .product-wrapper .master {
    overflow-y: auto;
  }
  .modal-producto .product-wrapper .p-close {
    top: -35px;
    right: 20px;
  }
  .modal-producto .product-wrapper .p-photo {
    position: relative;
    width: calc(100% - 20px);
    padding: 0;
    margin-left: 10px;
    height: 50vh;
  }
  .modal-producto .product-wrapper .p-data {
    width: calc(100% - 20px);
    left: 10px;
    height: auto;
  }
  .modal-producto .product-wrapper .p-data .d1 .titulo,
  .modal-producto .product-wrapper .p-data .d1 .descripcion {
    width: 100%;
  }
  .modal-producto .product-wrapper .p-data .d2 .presentacion {
    width: 60%;
  }
  .modal-producto .product-wrapper .p-data .d2 .precio {
    width: 40%;
    text-align: right;
  }
  .modal-producto .product-wrapper .p-data .d3 {
    margin-top: 20px;
  }
  .modal-producto .product-wrapper .p-data .d3 .nota {
    width: 100%;
    font-style: italic;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 17px;
  }
  .modal-producto .product-wrapper .p-data .d3 .addCart {
    margin-left: 10%;
    width: 80%;
    margin-top: 20px;
    padding: 14px 0 11px 0;
    font-size: 13px;
  }
  .modal-producto .product-wrapper .p-data .d4 {
    margin-top: 20px;
    border: 1px solid #ccc;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    text-align: center;
  }
  .modal-producto .product-wrapper .p-data .d4 .compartir {
    width: 100%;
    margin-left: 0;
  }
  .modal-producto .product-wrapper .p-data .badged {
    width: 28px;
    height: 53px;
    position: absolute;
    top: 4px;
    left: 0;
  }
  .modal-producto .product-wrapper .p-data .d1 .titProm {
    width: 100%;
    letter-spacing: 0;
    margin-bottom: 20px;
    color: #c93438;
    margin-left: 30px;
    font-size: 13px;
  }
  .modal-producto .product-wrapper .p-data .d2 .presentacion.pp {
    width: 50%;
  }
  .modal-producto .product-wrapper .p-data .d2 .preciopromo {
    width: 50%;
    text-align: right;
  }
  .modal-producto .product-wrapper .p-data .d2 .precio.pp {
    width: 100%;
  }

  .menu-panel {
    height: calc(100% - 60px);
  }
  .menu-panel .main {
    width: 60%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .menu-panel .main .close {
    position: relative;
    right: auto;
    left: 15px;
    width: calc(100% - 50px);
    margin-bottom: 20px;
    padding: 10px 0 10px 35px;
    background-position: 12px center;
    border-radius: 5px 0px 0px 5px;
    background-color: #ffcc29;
    color: #000;
    background-image: url(../img/closeB.png);
    background-size: 14px;
  }
  .menu-panel .main .link,
  .menu-panel .main .redes,
  .menu-panel .main .lang {
    margin-left: 15px;
    width: calc(100% - 20px);
    line-height: 20px;
  }
  .menu-panel .main .redes a.mail {
    font-size: 10px;
    padding: 6px 0 0 10px !important;
    background-image: none;
  }
  .menu-panel .categories-menu.active {
    left: 60%;
  }
  .menu-panel .categories-menu {
    width: 40%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .menu-panel .categories-menu .categories-base {
    width: calc(100% - 10px);
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: 0%;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    padding-top: 14px;
  }
  .menu-panel .categories-menu .categories-base .selection {
    font-size: 8px;
    letter-spacing: 0;
    padding: 8px 0 11px 0;
  }
  .menu-panel .categories-menu .categories-base a.all.spec {
    text-align: center;
    letter-spacing: 0;
    width: calc(100% - 10px);
    padding: 6.5px 5px 6px 5px;
    font-size: 10px;
    line-height: 12px;
  }
  .menu-panel .categories-menu .categories-base a.all {
    text-align: center;
    letter-spacing: 0;
    width: calc(100% - 10px);
    padding: 6.5px 5px 6px 5px;
    font-size: 10px;
    line-height: 12px;
  }
  .menu-panel .categories-menu .categories-base .basegrid {
    /* background-color: #93D9F6; */
    display: inline-block;
    grid-template-columns: none;
    grid-template-rows: none;
    /* grid-auto-flow: column; */
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 5px;
  }
  .menu-panel .categories-menu .categories-base a {
    font-size: 12px;
    position: relative;
    width: calc(100% - 10px);
    letter-spacing: 0px;
    font-weight: 400;
    color: #333;
    display: inline-block;
    padding: 6px 5px 6px 5px;
    border-radius: 100px;
    /* background-color: orange; */
    text-decoration: none;
    margin: 4px 0;
    transition: all 300ms ease;
    line-height: 18px;
  }
  .menu-panel .login-menu {
    width: 40%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .menu-panel .categories-menu .categories-base a.active,
  .menu-panel .categories-menu .categories-base a:hover {
    padding-left: 5px;
  }
  .movil-form {
    width: calc(100% - 15px);
    background-color: #fff;
    display: inline-block;
    margin-left: 15px;
    position: relative;
    padding: 3px 0;
    border-radius: 5px 0 0 5px;
    margin-bottom: 5px;
    margin-top: 7px;
  }
  .movil-form .search-input-mov {
    width: calc(100% - 43px);
    background-color: #fff;
    display: inline-block;
    position: relative;
    border: none;
    margin-left: 5px;
    padding: 5px 0;
    outline: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
  }
  .movil-form .search-submit-mov {
    width: 30px;
    background-color: #ffcc29;
    display: inline-block;
    position: relative;
    border: none;
    padding: 0;
    text-indent: -100px;
    background-repeat: no-repeat;
    background-image: url(../img/search.png);
    background-size: 14px;
    border-radius: 3px;
    background-position: center;
    outline: none;
    padding: 5px 0;
  }

  .topSection .home {
    position: relative;
    margin-left: 10px;
    top: auto;
    margin-top: 15px;
  }
  .topSection .intro {
    position: relative;
    left: -4px;
    top: auto;
    margin-top: 15px;
  }
  .mainTit {
    left: 10px;
    font-size: 20px;
    position: relative;
    top: auto;
    background-image: none !important;
    padding-left: 1px !important;
    margin-top: 14px;
    margin-bottom: 10px;
    width: calc(100% - 20px);
  }
  .mainTit span {
    font-size: 12px;
  }
  .topSection {
    height: auto;
    padding-bottom: 20px;
  }
  .topSection .filters {
    position: relative;
    /* text-align: right; */
  }
  .topSection .filter {
    margin-top: 0px;
    padding: 0;
    padding-left: 2px;
    padding-top: 2px;
    padding-right: 3px;
    margin-left: 10px;
    border-radius: 2px;
  }
  .topSection .filter .titFilter {
    margin-top: 0;
    font-size: 10px;
  }
  .topSection .filter .optionSelected {
    font-size: 12px;
    margin-top: 5px;
  }
  .topSection .filter.orden {
    margin-left: 20px;
  }
  .topSection .filter .options {
    left: 0;
    right: auto;
  }
  .topSection .filter.orden .options {
    left: auto;
    right: 0;
  }
  .topSection .filter:hover {
    z-index: 100000000;
  }
  .mainTit.inner {
    left: 10px;
    margin-bottom: 0;
  }
  .topCart {
    padding: 15px 0;
  }
  .topCart .instruccion {
    width: calc(100% - 20px);
    margin-left: 10px;
    left: auto !important;
    right: auto !important;
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .paso {
    width: calc(100% - 20px);
    padding: 20px 10px;
  }
  .explicacion {
    height: auto;
  }
  .explicacion .texto {
    width: calc(100% - 20px);
    padding-right: 0;
    margin-left: 10px;
    display: inline-block;
    height: 100%;
    text-align: center;
    font-size: 20px;
    margin-bottom: 10px;
  }
  .explicacion .texto span {
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .explicacion .foto {
    width: calc(100% - 20px);
    margin-left: 10px;
    display: inline-block;
    height: 50vh;
    margin-bottom: 20px;
  }
  .questionfaq {
    width: calc(100% - 20px);
    padding: 10px 10px;
  }
  .questionfaq .master {
    font-size: 15px !important;
    line-height: 18px;
  }
  .bloque {
    width: calc(100% - 20px);
    padding: 0px 10px 10px 10px;
  }
  .frase {
    margin-bottom: 10px;
  }
  .bloque.logo .master {
    padding: 10px;
  }
  .bloque.logo {
    margin-bottom: 10px;
  }
  .bloque .mainlogo {
    position: relative;
    height: 170px;
    width: 100%;
    background-position: center;
  }
  .bloque .text {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .bannerCart {
    height: 200px;
  }
  .bloque.mision {
    width: 100%;
    padding: 20px 0;
    margin-bottom: 30px;
  }
  .bloque.mision .master {
    padding: 10px;
  }
  .topCart .backComprar {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-bottom: 10px;
    padding: 9px 5px 8px 30px;
    background-position: 10px center;
  }
  .carritoVacio {
    font-size: 18px;
    font-weight: 300;
    padding: 50px 0 100px 0;
  }
  .cont .colLeft {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
  .cont .colRight {
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-top: 40px;
  }
  .checkoutProcess {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    width: calc(100% - 20px);
    margin-left: 10px;
    text-align: center;
  }
  .mainTit.cart {
    margin-bottom: 0;
  }
  .checkoutProcess .lineCart {
    width: 15%;
  }
  .bloqueCart .titlesCart .title {
    font-size: 9px;
  }
  .bloqueCart .titlesCart .title.descripcion {
    width: calc(100% - 42px);
    margin-right: 0;
    margin-left: 10px;
    margin-bottom: 5px;
  }
  .bloqueCart .titlesCart .title.precioUnitario {
    width: calc(33.3% - 9px);
    margin-left: 10px;
    margin-right: auto;
  }
  .bloqueCart .titlesCart .title.cantidad {
    width: calc(33.3% - 22px);
    margin-left: 10px;
    margin-right: 10px;
  }
  .bloqueCart .titlesCart .title.precioTotal {
    width: calc(33.3% - 14px);
  }
  .bloqueCart .lineCart .c-pic {
    border-radius: 5px;
    height: 50px;
    margin-left: 10px;
  }
  .bloqueCart .lineCart .c-desc {
    font-size: 14px;
    width: calc(100% - 142px);
  }
  .bloqueCart .lineCart .c-desc .eliminarItem {
    font-size: 10px;
  }

  .bloqueCart .lineCart .c-pu {
    width: calc(33.3% - 7px);
    margin-left: 10px;
    margin-right: auto;
    margin-top: 17px;
  }
  .bloqueCart .lineCart .c-cant {
    width: calc(33.3% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 17px;
  }
  .bloqueCart .lineCart .c-pt {
    width: calc(33.3% - 12px);
    margin-left: 0;
    margin-top: 17px;
  }
  .bloqueCart .varios .left {
    display: none;
  }
  /* .lineCart{display: none !important;} */
  .bloqueCart .varios .q1 {
    width: calc(50% - 22px);
    margin-left: 10px;
    margin-right: auto;
    text-align: center;
    padding-right: 0;
  }
  .bloqueCart .varios .q1-1 {
    width: calc(50% - 12px);
    margin-left: 10px;
    margin-right: 0px;
  }
  .bloqueCart .varios .invisible {
    display: none;
  }
  .bloqueCart .varios .q2 {
    width: calc(50% - 22px);
    margin-left: 10px;
    margin-right: auto;
    text-align: center;
    padding-right: 0;
    margin-top: 0px;
  }
  .bloqueCart .varios .q2-2,
  .bloqueCart .varios .q1-2 {
    width: calc(50% - 22px);
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
  }
  .bloqueCart .varios .line {
    width: calc(100% - 20px);
    margin-left: 10px;
  }
  .bloqueCart .varios .q3 {
    width: calc(50% - 24px);
    margin-left: 10px;
    margin-right: auto;
    text-align: center;
    padding-right: 0;
    margin-top: 0px;
  }
  .bloqueCart .varios .q3-2 {
    width: calc(50% - 24px);
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 0px;
  }
  .bloqueCart .varios .q3.b,
  .bloqueCart .varios .q3-2.b {
    vertical-align: middle;
  }
  .confirmarCompra {
    padding: 20px 0 30px;
  }
  .confirmarCompra .backComprar {
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    position: relative;
    margin-left: calc(25% - 10px);
    width: 50%;
    margin-bottom: 15px;
  }
  .confirmarCompra .nextBuying {
    position: relative;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .confirmarCompra .backComprar.cancel {
    margin-left: 0;
  }
  .checkform {
    width: calc(80% - 80px);
    border-radius: 2px;
    margin-top: 30px;
  }
  .question {
    position: relative;
    width: 100%;
    text-align: center;
    top: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin-top: 10px;
  }
  .topCart .instruccion.more {
    left: 0 !important;
    text-align: center;
  }
  .checkform .linea {
    border-radius: 5px;
  }
  .checkform .linea input {
    width: calc(100% - 80px);
  }
  .checkform .linea input.menos1 {
    width: calc(100% - 70px);
  }
  .checkform .linea input.menos2 {
    width: calc(100% - 84px);
  }
  .checkform .linea select {
    width: calc(100% - 65px);
  }
  .subtitCheckout {
    width: calc(100% - 60px);
    margin-top: 20px;
    font-size: 17px;
    text-align: center;
  }
  .checkform .linea textarea {
    width: calc(100% - 10px);
  }
  .completarForm.long {
    width: 80%;
    border-radius: 5px;
  }
  .resumen {
    width: calc(100% - 20px);
    height: auto;
  }
  .contenedorProductos {
    width: calc(100% - 10px);
    height: auto;
    padding-bottom: 10px;
    overflow: hidden;
  }
  .resultados {
    width: calc(100% - 10px);
  }
  .payment {
    width: 100%;
    text-align: left;
  }
  .checkform.tdc {
    width: calc(100% - 62px);
    margin-left: 10px;
    padding: 0px 10px;
    padding-bottom: 10px;
  }
  .subtitPay img {
    margin-top: 8px;
  }
  .checkform.tdc .linea input.menos3 {
    width: calc(100% - 10px);
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 10px;
    background-color: #eee;
  }
  .bodyc {
    height: auto;
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  .bodyc.under {
    height: 100vh;
    width: 100vw;
    padding: 0;
  }
  .hemosenviado {
    width: 90%;
  }
  .hemosenviadospam {
    width: calc(90% - 40px);
  }
  .thanks1 a {
    margin-bottom: 30px;
  }
  .explicacion .foto.htb1 {
    background-image: url(../img/htb1-m.jpg);
  }
  .explicacion .foto.htb2 {
    background-image: url(../img/htb2-m.jpg);
  }
  .explicacion .foto.htb3 {
    background-image: url(../img/htb3-m.jpg);
  }
  .explicacion .foto.htb4 {
    background-image: url(../img/htb4-m.jpg);
  }
  .explicacion .foto.htb5 {
    background-image: url(../img/htb5-m.jpg);
    background-size: contain;
  }
  .wadir {
    width: calc(80% - 60px);
    margin-bottom: 0px;
  }
  .ww {
    margin-left: 0px !important;
  }
  .thanks {
    font-size: 22px;
    font-weight: 300;
  }
  .thanks span {
    font-size: 17px;
  }

  .promos {
    padding-top: 0;
  }
  .promos .promo {
    width: 90%;
    margin: 0 2% 40px 5%;
    height: 230px;
  }
  .promos .promo.last,
  .promos .promo:last-child {
    margin: 0 2% 40px 5% !important;
  }

  /*     /////////////////////////////////////////////////////////////
    ///////////////////////////////////////////////////////////// */
  .modal-promocion .promocion-wrapper {
    height: calc(100vh - 50px);
    padding: 0 0px;
    width: 100%;
    top: 50px;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  .modal-promocion .promocion-wrapper .master {
    overflow-y: auto;
  }
  .modal-promocion .promocion-wrapper .p-close {
    top: -35px;
    right: 20px;
  }
  .modal-promocion .promocion-wrapper .pr-photo {
    position: relative;
    width: calc(100% - 20px);
    padding: 0 0 35px 0;
    margin-left: 10px;
    height: 50vh;
  }
  .modal-promocion .promocion-wrapper .pr-data {
    width: calc(100% - 20px);
    left: 10px;
    height: auto;
  }
  .modal-promocion .promocion-wrapper .pr-data .d1 .titulo,
  .modal-promocion .promocion-wrapper .p-data .d1 .descripcion {
    width: 100%;
  }
  .modal-promocion .promocion-wrapper .pr-data .d2 .presentacion {
    width: 60%;
  }
  .modal-promocion .promocion-wrapper .pr-data .d2 .precio {
    width: 40%;
    text-align: right;
  }
  .modal-promocion .promocion-wrapper .pr-data .d3 {
    margin-top: 20px;
  }
  .modal-promocion .promocion-wrapper .pr-data .d3 .nota {
    width: 100%;
    font-style: italic;
    font-size: 11px;
    letter-spacing: 0;
    line-height: 17px;
  }
  .modal-promocion .promocion-wrapper .pr-data .d3 .addCart {
    margin-left: 10%;
    width: 80%;
    margin-top: 20px;
    padding: 14px 0 11px 0;
    font-size: 13px;
  }
  .modal-promocion .promocion-wrapper .pr-data .d4 {
    margin-top: 20px;
    border: 1px solid #ccc;
    width: 80%;
    margin-left: 10%;
    border-radius: 5px;
    text-align: center;
  }
  .modal-promocion .promocion-wrapper .pr-data .d4 .compartir {
    width: 100%;
    margin-left: 0;
  }
  .modal-promocion .promocion-wrapper .pr-data .badged {
    width: 28px;
    height: 53px;
    position: absolute;
    top: 4px;
    left: 0;
  }
  .modal-promocion .promocion-wrapper .pr-data .d1 .titProm {
    width: 100%;
    letter-spacing: 0;
    margin-bottom: 5px;
    color: #c93438;
    margin-left: 0px;
    font-size: 13px;
    margin-top: 10px;
  }
  .modal-promocion .promocion-wrapper .pr-data .d2 .presentacion.pp {
    width: 50%;
  }
  .modal-promocion .promocion-wrapper .pr-data .d2 .preciopromo {
    width: 50%;
    text-align: right;
  }
  .modal-promocion .promocion-wrapper .pr-data .d2 .precio.pp {
    width: 100%;
  }
  .modal-promocion .promocion-wrapper .pr-combo {
    position: relative;
    width: 100%;
    left: 0;
    margin-top: 5px;
  }
  .modal-promocion .promocion-wrapper .pr-data .d4 .addCart {
    width: 90%;
    margin: 10px 0 10px 0;
  }
  .modal-promocion .promocion-wrapper .pr-data .d5 {
    width: 100%;
    margin: 20px 0 30px 0;
  }
  .modal-promocion .promocion-wrapper .pr-data .d5 .compartir {
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .promos .tit-section {
    margin-top: 10px;
  }
  .products .products-more {
    padding-top: 10px;
  }
  .promos .promos-more {
    display: block;
    width: 100%;
    display: inline-block;
    text-align: center;
    /* background-color: violet; */
    padding: 0px 0 0 0;
  }
  .promos .promos-more a {
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    width: calc(15% - 2px);
    margin: 20px 1.6% 0 0;
    border: 1px solid #2559a6;
    padding: 6px 0;
    text-align: center;
    border-radius: 50px;
    letter-spacing: 0.5px;
    cursor: pointer;
    text-decoration: none;
    background-color: #2559a6;
    color: #fff;
    font-size: 14px;
    width: auto;
    padding: 10px 30px;
  }
  .promos .promos-more a:hover {
    background-color: #777;
    border-color: #777;
  }
}
.exeCupon {
  background-color: #ffcc29;
  color: #000;
  padding: 8px 53px 8px 40px;
  position: absolute;
  display: inline-block;
  border-radius: 1px;
  right: 0;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.5px;
  background-position: calc(100% - 20px) center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-image: url(../img/right.png);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: all 150ms ease;
  outline: none;
  border: none;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}
.exeCupon {
  position: relative;
  align-content: center;
}

.exeCupon:hover {
  background-image: url('../img/rightY.png');
  color: #2559a6;
}

.paginacion {
  width: 100%;
  /* background-color: #9ff579; */
  display: inline-block;
  border-radius: 3px;
  margin-top: 10px;
  margin-bottom: 50px;
  text-align: center;
  border: 1px solid #ddd;
  padding: 20px 0;
}
.paginacion .pagina {
  padding: 5px 10px;
  background-color: #eee;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  margin: 0 2px;
}
.paginacion .pagina.activa {
  background-color: #333;
  color: #fff;
}
.paginacion .left,
.paginacion .right {
  padding: 5px 10px;
  background-color: #eee;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  margin: 0 2px;
}
.paginacion .left:hover,
.paginacion .right:hover,
.paginacion .pagina:hover {
  background-color: rgb(83, 122, 238);
  color: #fff;
}

/* Modal de Premios de mayores 100$ por la compra*/
#modal {
  text-align: center;
  font-family: sans-serif;
}




.modal {
  width: 100%;
  height: 70vh;
  background: rgba(37, 89, 166, 0.9);

  position: absolute;
  top: 0;
  left: 0;

  display: flex;

  animation: modal 1s 0.5s forwards;

  visibility: hidden;
  opacity: 0;
  z-index: 49;
}


#modalDesc{
  text-align: center;
  font-family: sans-serif;
}

.modalDesc{
  width: 100%;
  height: 70vh;
  background: rgba(37, 89, 166, 0.9);

  position: absolute;
  top: 0;
  left: 0;

  display: flex;

  animation: modalDesc 1s 0.5s forwards;

  visibility: hidden;
  opacity: 0;
  z-index: 50;
}


.contenido {
  margin: auto;

  padding: 20px;
  width: 40%;
  height: 60%;
  background: #f1d461;
  border-radius: 5px;
  z-index: 150;
}

.contenidoBlack {
  margin: auto;

  padding: 20px;
  width: 40%;
  height: 60%;
  background: #f1d461;
  border-radius: 5px;
  z-index: 150;
}

#cerrar {
  width: 20px;
  padding: 10px;
  position: sticky;
  left: 1400px;
}

#cerrar:hover {
  /*background: #0096ff;*/
  /*background-image: url('../img/closeBlueHover.png');*/
  /* background-repeat: no-repeat; */
  /* width: 20px;
  position: sticky;
  left: 1400px; */
}

@keyframes modal {
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes modalDesc {
  100% {
    visibility: visible;
    opacity: 1;
  }
}

.imgResponsive {
  width: 100%;
  max-width: 800px;
  height: auto;
}

/* ! Modal para la premiacion con ventas mayores a 100$ */

#premios {
  margin: 0;
  padding: 10px;
  margin-bottom: 20px;
  background-color: white;
  border: 5px;
  border-radius: 10px;
}

.productos {
  width: 150px;
  vertical-align: text-bottom;
}

.productos_desc {
  width: 250px;
  vertical-align: text-bottom;
  text-align: center;
}

#titulo {
  background-color: white;
}

#tituloPrem {
  padding-bottom: 10px;
}

.lineahr {
  border: 0;
  margin-bottom: 10px;
  height: 1px;
  background: #333;
  background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

.btn_Premio {
  box-shadow: inset 0px 1px 0px 0px #97c4fe;
  background: linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
  background-color: #3d94f6;
  border-radius: 10px;
  border: 1px solid #337fed;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #1570cd;
  margin-top: 10px;
}

.btn_Premio:hover {
  background: linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
  background-color: #1e62d0;
}
.btn_Premio:active {
  position: relative;
  top: 1px;
}

.contenedor {
  height: 100%;
  width: 100%;
  display: flex;
}

#product_1 {
  width: 25%;
}

#product_2 {
  width: 25%;
}

#product_3 {
  width: 25%;
}

#product_4 {
  width: 25%;
}

/*! Configuracion Responsive Modal */
@media (max-width: 700px) {
  .contenedor {
    height: 100%;
    width: 100%;
    display: block;
  }
  #product_1 {
    width: 100%;
    padding-bottom: 20px;
  }
  #product_2 {
    width: 100%;
    padding-bottom: 20px;
    background: #f0f0f0;
  }
  #product_3 {
    width: 100%;
    padding-bottom: 20px;
  }

  #product_4 {
    width: 100%;
    padding-bottom: 20px;
    background: #f0f0f0;
  }
}

#mensajePremio {
  margin: 10px;
  width: auto;
  height: 20px;
  padding: 20px;
  background-color: red;
  color: white;
}

.result-text-premio {
  display: flex;
  font-size: 8px;
}
/*! Fin de Responsive  Modal*/
/** Fin del Modal de Premios **/