/*
	(c) 2019 SirenaGo. css by Grupo Interactivo
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800|Open+Sans:400,400i,700&display=swap');

*, *::before, *::after {
    box-sizing: border-box;
}

/* -----------------------
 # Global Styles
-------------------------- */

html, body {
    margin: 0;
    padding: 0;
    background-color: #fff;
}
body {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    color: #212122;
    font-size: 1em;
    letter-spacing: -.015em;
    overflow-x: hidden;
}

/* .container
{
    min-height: 400px;
} */

/*  -------  Prevent selection ------- */
/*IE9*/
/*
*::selection {
    background-color: transparent;
}

*::-moz-selection {
    background-color: transparent;
}

* {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;

    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

*/

/* --- Remove focus border from all selects --- */
select.form-control:hover, select.form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
h1, h2 {
    letter-spacing: -.025em;
    font-weight: 700;
}
h1 {
    font-size: 2.1em;
    text-align: center;
}
h2 {
    font-size: 2em;
    text-align: center;
}
h3 {
    font-size: 1.2em;
}
h4 {
    font-size: 1em;
}
a {
    color: #03afd5;
    outline: none;
}
a:hover {
    color: #0c50a0;
    text-decoration: none;
}


/* -------- HEADER -------- */

#header {
    position: relative;
    z-index: 1000;
    background-color: #03afd5;
}
.header-top {
    background: #0c50a0;
    height: 36px;
    padding-top: 8px;
    position: relative;
    z-index: 9999;
}
.header-top a {
    color: #fff;
}
.header-top a i { margin-right:.5em; }

.header-top .phone {
    font-size: .95em;
    text-align: right;
    padding-top: 2px;
}
.header-top .phone .fa-phone {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    margin-right: 8px;
}
.header-top .user-menu {
    z-index: 900;
    text-align: right;
    padding-left: 0;
}
.header-top .user-menu .fa-user-circle {
    margin-right: 8px;
}
.header-top .user-menu .dropdown-menu {
    margin-top:-1px;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
}
.header-top .user-menu .dropdown .btn {
    text-transform: none;
    letter-spacing: 0;
    background-color: transparent !important;
    color: #fff !important;
    border:0 !important;
    height: 36px;
    padding: 0 14px 0 8px;
    margin-top: -7px !important;
    font-size: .9em;
    font-weight:400;
}
.header-top .user-menu .dropdown .dropdown-divider {
    border-top: 1px dashed rgba(0, 0, 0, .2);
}
.header-top .user-menu .dropdown-item {
    padding: .5em 1.5em;
    color: #212122;
}
.header-top .user-menu .dropdown-item:hover {
    color: #fff;
    background-color: #03afd5;
}
.header-top .unknown-user {
    font-size: .95em;
    text-align: center;
    padding-left: 0;
}
.header-top .unknown-user .fa-arrow-circle-right {
    margin-right: 4px;
}
.header-top .unknown-user .fa-user-plus {
    margin-right: 2px;
}
.header-top .unknown-user a:first-child {
    margin-right: 32px;
}
.header-center {
    background-color: #03afd5;
    height: 90px;
}
.logo {
    padding-left: 36px;
    padding-top: 0.7em;
}
.logo img {
    height: 70px;
    border: none;
    outline: none;
}
.logo a:hover {
    text-decoration: none;
    border: none;
    outline: none;
}
.header-bottom {
    height: 40px;
    padding-right: 24px;
}
.search-box {
    margin-top: -14px;
}
.search-box input::placeholder {
    color: #fff;
}
.search-box button {
    border: 0;
    background: transparent;
    color: #fff;
    padding:.5rem .75rem;
}
.search-box button:hover {
    background: transparent;
    /*color: #0c50a0;*/
    color: #ffdd00;
}
.search-box.input-group { flex-wrap:nowrap !important; }

.header-bottom .search-box .input-group-addon {
    background: rgba(255, 255, 255, .2) !important;
    border:0; padding:0;
    border-radius:0 .25rem .25rem 0;
    width:auto;
}
.header-bottom .search-box .form-control { 
    border-right:0;
    box-shadow: none;
    border:0; color:#ffffff;
    background: rgba(255, 255, 255, .2);
    border-radius:.25rem 0 0 .25rem !important;
    width:auto;
}
/* slider */
#main_banner {
    background-color: #ffdd00;
}
#main_banner .fix-r {
    max-width: 99%;
}
/* -------- BUTTONS -------- */
.btn {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.btn-custom, .btn-rev, button, .btn:not(.btn-outline-primary)  {
    color: #212122;
    background-color: #ffdd00;
    border: 2px #ffdd00 solid;
    font-weight: 600;
    outline: none !important;
    font-size: .9em;
    letter-spacing: .03em;
    text-transform: uppercase;
    padding: .6em 1.6em;
    border-radius: .25rem;
    -o-transition: all 0.218s ease-in-out;
    -moz-transition: all 0.218s ease-in-out;
    -webkit-transition: all 0.218s ease-in-out;
    transition: all 0.218s ease-in-out;
}
.btn-custom:hover, button:hover, .btn:hover {
    background-color: #0c50a0;
    border-color: #0c50a0;
    color: #ffffff;
    cursor: pointer;
}

.btn:not(.btn-outline-primary) {
  color: #212122 !important;
  border:2px #ffdd00 solid !important;
  background-color: #ffdd00 !important;
  margin:0 !important;
}
.btn:not(.btn-outline-primary):hover {
  color: #ffffff !important;
  border:2px #0c50a0 solid !important;
  background-color: #0c50a0 !important;
  margin:0 !important;
}
.header-bottom .btn-custom, .header-bottom button:not(#btn-product-search) {
    background:#fff !important; border:0 !important;
    position: absolute;
    top: -14px;
    right: 0;
    line-height:9px;
    padding-top:.8em;
}
.header-bottom .btn-custom i, .header-bottom button:not(#btn-product-search) i {
    color: #03afd5 !important;
    margin-right: .5em; margin-top:-2px;
}
.header-bottom .btn-custom:hover, .header-bottom button:not(#btn-product-search):hover {
    background: #ffdd00 !important;
    border-color: #ffdd00 !important;
    color: #212122;
}
.header-bottom .btn-custom:hover i, .header-bottom button:not(#btn-product-search):hover i {
    color: #212122 !important;
}
.shelf-info .btn-custom {
    float: left;
    font-size: .8em;
}
.shelf-info .btn-custom:not(:hover) i {
    color: #212122 !important;
}
.shelf-info .fa-angle-down {
    margin-left: .5em;
}
.btn-inv {
    background-color: #0c50a0;
    border-color: #0c50a0;
    color: #fff;
}
.btn-inv2 {
    background-color: #ffffff;
    border-color: #212122;
    color: #fff;
}
.btn-inv:hover {
    background-color: #ffdd00;
    border-color: #ffdd00;
    color: #212122;
}
.btn-custom i {
    margin-left:.5em;
}

.btn-pay {
  margin-top:12px; padding-top:2em; border-top:1px rgba(0,0,0,.2) dashed;
}
.btn-small {
    font-size: .8em;
}
.btn-thin {
    border-width: 1px;
}
.btn-blue {
    background-color: #0c50a0;
    border-color: #0c50a0;
    color: #fff;
}
.btn-blue:hover {
    background-color: #fff;
    color: #0c50a0;
}
.btn-sub a {
    display: inline-block;
    background-color: #ffffff;
    color: #212122;
    font-size: .85em;
    font-weight:500;
    padding: .5em 1em;
    margin: 4px 0;
    border-radius: .25rem;
}
.btn-sub a:hover {
    background-color: #ff8119;
    color: #ffffff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
  color: #212122;
  background-color: #ffdd00;
  border-color: #ffdd00;
}
.btn-outline-primary {
  color: #212122;
  border-color: #ffdd00;
}
.btn-outline-primary i { vertical-align:middle; }
.categ-grid {
    width: 100%;
    margin-top: .6em;
    padding: .5em 1em;
    background-color: #ffdd00;
    border-radius: .25rem;
    box-sizing: border-box;

}
.categ-grid .btn-sub a {
    width: 100%;
    background: rgba(255,255,255,.4);
}
.categ-grid .btn-sub a:hover {
    color: #fff;
    background: #0c50a0;
}

.shelf-info-txt, .search-info-txt {
    font-size: .9em;
}

.shelf-info-txt {
    text-align: right;
}

.shelf-info-txt span {
    margin-right: 10px;
}
.shelf-info-txt select {
    width: 160px;
    height: 32px !important;
    border: 1px rgba(0, 0, 0, .2) solid;
    border-radius: .25rem;
    font-size: .9em;
}
.shelf-info-txt form {
    display: inline-block;
}
.shelf-info-txt select.form-control {
    display: inline-block;
}
.shelf-info-txt .filtrar {
    font-weight: 600;
}
.search-info-txt {
    text-align: left;
    margin-top: 3px;
}
.shelf-info-txt svg, .search-info-txt svg,
.shelf-info-txt i, .search-info-txt i { margin-right:.5em; }
.items-disp svg, .items-disp i { margin-left:.5em; }

/* -------- NAVIGATION -------- */

.navbar {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 24px 0 0;
}
.navbar-nav .nav-link {
    color: #fff;
    margin-right: 1.6em;
    padding-top: 24px;
    border-top: 4px #03afd5 solid;
}
.navbar-nav .nav-link:hover {
    color: #ffdd00;
    border-top-color: #ffdd00;
    /*border-top-color: #0c50a0;*/
}
.navbar-nav .dropdown-menu {
    min-width: 100px;
    margin-top: 0px;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);
}
.navbar-nav .dropdown-item {
    padding: .4em 1.5em;
    color: #212122;
}
.navbar-nav .dropdown-item:hover {
    color: #fff;
    background-color: #03afd5;
}

/* -------- SIDEMENU -------- */
#sidemenu {
    float: left;
    min-width: 240px;
    height: 100vh;
    margin-top: 0;
    padding: 0;
}
.sidemenu1 {
    margin-top: 0 !important;
}
.sidemenu1-height {
    padding-bottom: 210px;
}
.smenu-title, .smenu-title2 {
    font-weight: 700;
    text-transform: uppercase;
}
.smenu-title {
    font-size: 1em;
    letter-spacing: .15em;
    text-align: center;
    color: #ff8119;
    padding-bottom: 6px;
}
.smenu-title2 {
    font-size: .9em;
    letter-spacing: .25em;
    color: #0c50a0;
    padding: 20px 0 15px 20px;
    border-left: 3px #0c50a0 solid;
}
.shelf-content {
    float: left;
    padding: 2em 1.5em 60px 1.5em;
    margin-left: 0;
    width: calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: -webkit-calc(100% - 250px);
    width: -o-calc(100% - 250px);
}
.shelf-content .page-title {
    border-bottom: 1px rgba(0, 0, 0, .1) solid;
    margin-bottom: .8em;
}

.shelf-content .page-title a:not(.btn-custom) {
    color: #212122;
}

.shelf-content h1, .shelf-content h2 {
    line-height: .9em;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.shelf-content h1 a:hover {
    color: #03afd5;
}
.shelf-content h2 {
    font-size: 1.25em;
    margin-top: 12px;
}

/* ---------- SHELVES / Categories ------------- */
#shelves-boxes {
    overflow-x: hidden;
    background-color: #ffdd00;
    padding-bottom:2em;
}
@media (min-width: 768px) {
    #shelves-boxes .row {
        margin-right: 15px;
        margin-left: 15px;
    }
}
#shelves-boxes .shelf-dropdown .row {
    margin-left: 0;
    margin-right: 0;
}
.shelf-card {
    width: 100%;
    height: 90px;
    margin-bottom: 22px;
    background: #fff;
    overflow: hidden;
    border-radius: 2px;
    box-sizing: border-box;
    transition: transform 0.25s ease-in-out;
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.05);
}
.shelf-card:hover {
    transform: scale(1.05);
}
.shelf-card-img {
    top: 0;
    left: 0;
    width: 124px;
}
.shelf-card-img div {
    width: 124px;
    height: 90px;
}
.shelf-card-img .lazy { background-size:cover !important; }
.shelf-card-txt {
    margin-left: 15px;
    width: 100%;
    padding-right: 10px;
}
.shelf-card-txt a.title {
    width: 100%;
    display: block;
    font-size: 1.2em;
    line-height: 1.1em;
    color: #212122;
}
.shelf-card-txt a.linkto {
    width: 100%;
    color: #ffc107;
    display: block;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: .75em;
    text-transform: uppercase;
    line-height: normal;
}

/* ---------- SHELVES / Dropdown ------------- */
.shelf-dropdown {
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
}
.shelf-dropdown .card {
    background-color: transparent;
    border: none;
}
.shelf-dropdown .card .card-header {
    background-color: transparent;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.shelf-dropdown .card .card-header .btn-custom {
    background: #fff !important; border-color:#fff !important;
    color: #212122 !important;
}
.shelf-dropdown .card .card-header .btn-alsuper:hover { background:#0c50a0 !important; border-color:#0c50a0 !important; color:#fff !important; }

.shelf-dropdown .card .card-header .btn-custom svg,
.shelf-dropdown .card .card-header .btn-custom i {
    margin-left: .5em;
}
.shelf-dropdown .card .card-body {
    padding-left: 0;
    padding-right: 0;
}

/* ---------- Product List ------------- */
#shelves-list {
    padding-top: 1em;
    padding-bottom: 4em;
}
.pfav_title h1 {
    padding-top: 2em;
    margin-bottom: 1.85em;
    text-align: center;
    font-size: 1.5em;
    text-transform: uppercase;
    letter-spacing: 0;
}
.pfav_title h1:after {
    display: block;
    content: " ";
    height: 2px;
    width: 8%;
    margin-left: 46%;
    margin-top: 10px;
    background-color: rgba(0, 0, 0, .15);
}
.shelf-line:not(:last-of-type) {
    margin-bottom: 24px;
}
.shelf-line .title {
    width: 100%;
    display: block;
    text-align: center;
}
.shelf-line .title h2 {
    font-size: 1.15em;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    margin-top: 0;
}
.shelf-line .title h2 a {
    color: #212122;
}
.shelf-line .title h2 a:hover {
    color: #03afd5;
}
.tooltip > .tooltip-inner {
    background-color: #03afd5;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}
.tooltip.bs-tooltip-top .arrow:before, .tooltip.bs-tooltip-right .arrow:before {
    opacity: .92;
}
.tooltip.bs-tooltip-right {
    margin-left: 12px;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    /*margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;*/
    border-top-color: #03afd5;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
/*    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;*/
    border-bottom-color: #03afd5;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
/*    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;*/
    border-left-color: #03afd5;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
/*    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;*/
    border-right-color: #03afd5;
}

.item-slider {
    width: 99%;
    margin-bottom: 20px;
    padding: 4px 12px;
}
.item-slider .slick-list {
    padding-bottom: 6px;
}
.list-group-item .item-title {
    color: #212122;
}
.list-group-item .item-title:hover {
    color: #03afd5;
}
.item-card {
    width: 173px;
    height: 320px;
    position: relative;
    box-sizing: border-box;
    margin: 2px 10px;
    border: 1px solid rgba(0, 0, 0, .05);
    background: #fff;
    -webkit-box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .08);
    box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .08);
}
.item-card:hover {
    border-color: #ffc107;
    -webkit-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 .5em 0 rgba(0, 0, 0, .25);
    box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, .25);
}
.item-card .item-pic {
    width: 100%;
    height: 150px;
    margin-top: 12px;
    margin-bottom: 12px;
}
.item-card .item-pic a {
    border: none;
    outline: none;
}
.item-card .item-pic img {
    border: none;
    outline: none;
    margin-left: auto;
    margin-right: auto;
}
.item-card .item-title, .item-card .item-subtitle, .item-card .item-price {
    display: block;
    width: 100%;
    padding: 0 14px;
}
.item-card .item-title, .item-card .item-subtitle {
    line-height: 1.25em;
}
.item-card .item-title {
    height: 72px;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: .9em;
    color: #212122;
    overflow: hidden;
}
.item-card .item-subtitle {
    font-size: .75em;
    color: #ff8119;
    overflow: hidden;
    height: 16px;
}

.item-card .item-title:hover {
    color: #03afd5;
}
.item-card .item-title:focus {
    border: none;
    outline: none;
}
.item-card .item-price {
    height: 29px;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; font-weight: 600;
    font-size: .99em;
    line-height: normal;
    letter-spacing: -.03em;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #212122;
}
p.item-price {
    margin: 0;
}
.item-select-box {
    display: block;
    width: 100%;
    height: 35px;
    background: #ffdd00;
}
.qty-selector {
    display: block;
    float: left;
    width: 50%;
    height: 35px;
    background: #ffdd00;
    color: #fff;
}
select.form-control-qty {
    width: 100%;
    padding: .375rem .50rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    height: 35px;
    border: none;
    border-radius: 0;
    outline: none;
    background: #fff29f;
    color: #212122;
    -webkit-appearance: none;
    -moz-appearance: none;
}
select.form-control-qty::-ms-expand {
    color: #212122;
}
select.form-control-qty:hover, select.form-control-qty:focus {
    border: none;
    outline: none;
}

/*   --- Remove IE select arrow
select#qty.form-control::-ms-expand{
  display: none;
} */
.to-cart {
    display: block;
    float: right;
    width: 50%;
    height: 35px;
    background: #ffdd00;
    color: #212122;
    border-left: 1px #fff solid;
}
.bt-tocart {
    width: 100%;
}
.bt-tocart i {
    color: #212122;
    margin-top: 5px;
}
.bt-tocart:hover {
    background: transparent;
    cursor: pointer;
}

/* ------------  PRODUCT GRID ------------- */
.items-grid {
    margin-top: 2em;
    margin-bottom: 1em;
}
.items-grid .item-card {
    width: 15%;
    min-width: 184px;
    max-width: 244px;
    margin: 0 0 20px 1.5%;
    transition: transform 0.15s ease-in-out;
}
.items-grid .item-card:hover {
    transform: scale(1.04);
}
.item-agotado, .item-especiales, .item-oferta {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
}
.item-agotado {
    width: 109px;
    height: 94px;
    background: url('../imagen/tag_agotado.png') top left no-repeat;
}
.item-especiales, .item-oferta {
    width: 82px;
    height: 78px;
    background: url('../imagen/tag_especiales.png') top left no-repeat;
}
.item-detail-oferta, .item-detail-agotado {
    position: absolute;
    top: -24px;
    left: -15px;
    z-index: 800;
}
.item-detail-oferta {
    width: 82px;
    height: 78px;
    background: url('../imagen/tag_especiales.png?v=2') top left no-repeat;
}
.item-detail-agotado {
    width: 109px;
    height: 94px;
    background: url('../imagen/tag_agotado.png') top left no-repeat;
}
@media (min-width: 240px) and (max-width: 425px) {
    .items-grid .item-card {
        max-width: 320px;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .item-card .item-title {
        margin-bottom: 14px;
    }
}
@media (min-width: 426px) and (max-width: 618px) {
    .items-grid .item-card {
        width: 42.5%;
        margin-left: 5%;
        margin-right: 0;
    }
}
@media (min-width: 619px) and (max-width: 768px) {
    .items-grid .item-card {
        width: 30%;
        margin-left: 2.5%;
        margin-right: 0;
    }
}
@media (min-width: 769px) and (max-width: 860px) {
    .items-grid .item-card {
        width: 42.5%;
        margin-left: 5%;
        margin-right: 0;
    }
}
@media (min-width: 861px) and (max-width: 1068px) {
    .items-grid .item-card {
        width: 30%;
        margin-left: 2.5%;
        margin-right: 0;
    }
}
@media (min-width: 1069px) and (max-width: 1283px) {
    .items-grid .item-card {
        width: 22%;
        margin-left: 1.85%;
        margin-right: 0;
    }
}
@media (min-width: 1284px) and (max-width: 1503px) {
    .items-grid .item-card {
        width: 17.5%;
        margin-left: 1.85%;
        margin-right: 0;
    }
}
.pagination .page-link {
    padding: .7rem .9rem;
    color: #212122;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow:none !important;
}
.pagination .page-link:hover {
    background-color:#ffdd00;
}
.pagination .page-link .current, .page-item.active .page-link {
    background-color:#03afd5; border-color:#03afd5;
}

/* ------------  PRODUCT DETAIL ------------- */
.item-info {
    background-color: #ffffff;
    width: 99.6%;
    margin-top: 2em;
    padding: 24px 15px;
    border:solid #ffdd00; border-radius:.25rem; border-width:1px 1px 6px 1px;
    -webkit-box-shadow: 2px 2px .5em 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 2px 2px .5em 0 rgba(0, 0, 0, .08);
    box-shadow: 2px 2px .5em 0 rgba(0, 0, 0, .08);
}
.path-title {
    width: 99.6%;
    padding-bottom: 6px;
    margin-bottom: 12px;
    border-bottom: 1px rgba(0, 0, 0, .1) solid;
}
.path-title a {
    text-transform: uppercase !important;
    font-weight: 600;
    font-size: 1.2em;
    color: #212122;
}
.path-title a:hover { color:#03afd5; }
.item-info .large-pic {
    text-align: center;
    width: 100%;
    min-height: 500px;
}
.item-info .large-pic img {
    max-width: 550px;
    height: auto;
}
.item-info h1 {
    margin: .6em 0;
    text-transform: capitalize;
}
.item-info h2 {
    display: inline-block;
    font-size: 1.9em;
}
.has-inform {
    margin: .6em 0;
}
.has-noinform, .has-nooffer {
    display: none !important;
}
.has_offer {
    display: inline-block;
}
.has_offer h2 {
    font-size: 1.2em;
    font-weight: 300;
    color: #212122;
    opacity: .5;
    text-decoration: line-through;
    margin-right: 1em;
}
.item-info .col-qty {
    padding-top: 3.5em;
}
.item-info .col-qty p {
    margin-bottom: 10px;
    font-weight: 500;
}
.item-info .col-qty .qty-send {
    clear: both;
    position: relative;
    padding-top: 1em;
    width: 100%;
}
.item-info .col-qty .qty-send button {
    width: 100%;
}
.item-info .col-qty .qty-send button i {
    margin-left: .5em;
}
.item-info .qty-selector {
    position: relative;
    width: 100%;
    background-color: transparent;
}
.item-info select.form-control-qty {
    background-color: #fff;
    border:1px solid rgba(0,0,0,.1);
}
.offer_price {
    font-size: .7em;
    font-weight: 300;
    vertical-align: baseline;
    color: #212122;
    opacity: .5;
    text-decoration: line-through;
    margin-right: 1em;
}

/* ----  RELATED PRODUCTS ----- */
.items-relac {
    margin-top: 3em;
}
.items-relac h3 {
    width: 100%;
    margin-bottom: 1.6em;
    text-align: center;
    font-size: 1.5em;
}
.items-relac h3:after {
    display: block;
    content: " ";
    height: 0;
    width: 8%;
    margin: 15px 0 0 46%;
    /*background-color: rgba(0, 0, 0, .1);*/
}

/* ------------  SHOPPING CART GRID ------------- */
.cart-grid, .cart-grid-sum {
    background-color: #ffffff;
    width: 99.6%;
    padding:0 0 24px 0;
    box-sizing: border-box;
}
.cart-grid:not(.grid-height) { border-bottom:1px dashed rgba(0,0,0,.2); }
.cart-grid.grid-height { margin-top:2em; }

.cart-grid-sum {
    padding-top:24px;
}
/* .grid-height {
    min-height: 570px;
    max-height: 600px;
    overflow-y: scroll;
} */

.cart-grid .table td, .table th {
    border-top: none;
}
.cart-grid table tbody th {
    text-align: center;
}
.cart-grid table tr { border-bottom:1px rgba(0,0,0,.1) solid; }
.cart-grid table tbody tr:first-child { border-top:1px rgba(0,0,0,.1) solid; }
.cart-grid table tbody tr:last-child { border-bottom:0; }
.cart-grid .cart-pic img {
    max-height: 72px;
    width: auto;
    max-width: 72px;
    transition: transform 0.2s ease;
}
.cart-grid .cart-pic img:hover {
    transform: scale(1.1);
}
.cart-grid h3 {
    max-width: 100% !important;
    font-size: 1em;
    font-weight: 700;
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 0;
}
.cart-grid h4 {
    font-size: .9em;
    font-weight: 400;
    text-align: left;
    line-height: 1.2em;
}
.cart-grid > h5 { margin-bottom:1em; }
.cart-grid h5 { font-size:1.1em; }
.cart-grid li h5 a { color:#212122 !important; }
.cart-grid ul { margin-bottom:0; }
.cart-grid ul li { padding-top:1em !important; }
.cart-grid ul li:last-child { border-bottom:0 !important; }
.cart-grid ul li .chekbox-container, .cart-grid ul li .radio-container { display:inline-block; padding-right:1em; margin-top:.5em; font-size:.9em; }
.cart-grid .fa-times-circle {
    color: #03afd5;
    font-size: 26px;
}
.cart-grid .fa-times-circle:hover {
    color: #0c50a0;
}
.cart-grid .myprod_categ {
    margin-top: 12px;
}
.cart-grid .qty-selector {
    width: 100%;
    max-width: 96px;
}
select#cart-lbs.form-control, select#cart-qty.form-control {
    width: 100%;
    height: 35px;
    border: 1px rgba(0,0,0,.1) solid;
    border-radius: 0;
    outline: none;
    background-color: #fff;
    color: #212122;
    text-align: center;
    -moz-appearance: none;
}
select#cart-lbs.form-control::-ms-expand, select#cart-qty.form-control::-ms-expand {
    color: #212122;
}
.shelf-info .button-set {
    padding-right: 28px;
    padding-left: 0;
}
.button-set .btn-custom { float: right; }
.button-set .btn-custom, .button-set .btn {
    font-size: .8em;
    /*padding: 7px 18px 5px 18px;*/
    margin: 0 12px;
}
.button-set .btn-custom.btn-rev {
    font-weight: 600;
    letter-spacing: .03em;
}
.button-set .btn-custom svg, .button-set .btn-custom i {
    margin-left: .5em;
}
.left-button-set .btn
{
    float: left;
    padding-left: 8px;
}
.left-button-set .btn-custom {
    float: left;
}
.right-button-set .btn {
    float: right;
}
.left-button-set .btn-custom svg, .left-button-set .btn-custom i {
    margin-right: .5em;
}
.center-button-set {
    text-align: center;
}
.center-button-set .btn-custom {
    float: none;
}
.button-lg .btn-custom {
    font-size: 1em;
    padding: 6px 24px 4px 24px !important;
}
.cart-grid-sum h3 {
    font-size: 1.2em;
    font-weight: 700;
}
.cart-grid-sum .button-set {
    margin-top:12px;
    padding-top:1.5em; 
    border-top: 1px rgba(0, 0, 0, .2) dashed;
}
.desc, .total {
    clear: left;
}
.col-totales h3, .col-totales h4 {
    float: left;
    width: 50%;
    line-height: 1.1em;
    margin: 0;
}
.col-totales h3 { font-size:1em; text-align:left; }
.col-totales h4 {
    font-weight: 700;
    text-align: right;
}
.col-totales .desc h4 {
    font-size: 1.1em;
    padding-bottom: 10px;
}
.col-totales .total {
    padding-top: 12px;
    border-top: 1px rgba(0,0,0,.1) solid;
}
.col-totales .total h4 {
    color: #03afd5;
    font-size: 1.4em;
}
.empty-cart {
    padding: 5% 24px;
    border-bottom:0 !important;
}
.empty-cart h2 {
    width: 100%;
    color: #03afd5;
    text-align: center;
    font-size:2em;
    text-transform:none;
    margin-bottom: 1.5em;
}
.empty-cart p {
    width: 100%;
    text-align: center;
    line-height: 1.2em;
    font-size:1.2em;
}
.empty-cart > p:last-of-type { margin-bottom:1em; }
.empty-cart .col-12 p { margin:1em 0; }
.empty-cart .as-video-container { margin-top:2em; }
.orders-grid { border-bottom:0 !important; }

.row-cancelled th, .row-cancelled td {
    text-decoration: line-through;
    text-decoration-color: #212122;
    opacity: .4;
}
.cart-user-info {
    width: 99.6%; border-bottom:1px dashed rgba(0,0,0,.2);
}
.cart-user-info .cart-grid { border-bottom:0; }
.cart-user-box, .cart-addr-box, .cart-cc-box {
    background-color: #ffffff;
    margin-top: 0;
    padding:26px;
    border-radius:.25rem;
    border:1px solid rgba(0,0,0,.1);
    box-sizing: border-box;
    margin-bottom: 24px;
}
.cart-addr-box .address_maps, .cart-addr-box .submit { display:inline-block; font-size:.75em; text-transform:uppercase; letter-spacing:.03em; font-weight:500; }
.cart-addr-box .address_maps i, .cart-addr-box .submit i { margin-left:.5em; }
.cart-addr-box .address_maps { margin-top:1em; }
.cart-addr-box .submit { padding:0 1em; margin-bottom:1em; }
.cart-addr-box .submit:nth-of-type(1) { padding-left:0; }

.badge-info { background-color:#03afd5; }
.chekcout-box {
    background-color: #ffffff;
    margin-top: 0;
    padding: 7px;
    border-radius:.25rem;
    border:1px solid rgba(0,0,0,.1);
    box-sizing: border-box;
    margin-bottom: 24px;
}
.cart-user-box.cart-user-box:first-child {
    max-width: 48%;
    margin-right: 2%;
}
.cart-user-box h2 {
    font-size: 1.2em;
    margin-top:0;
}
.cart-user-box h3 {
    font-size: 1.1em;
    font-weight: 700;
    text-align: left;
    margin: 1.2em 0;
}
.cart-user-box p {
    line-height: 1.1em;
}
.cart-user-box .option-set p {
    font-size: .95em;
    margin-bottom: .3em;
}
.cart-user-box .option-set .form-check-input {
    margin-left: 24px;
    border: 2px #03afd5 dotted;
}
.cart-user-box .option-set .form-check-label {
    margin-left: 24px;
}
.op-link {
    width: 100%;
    text-align: left;
    margin: 0 0 2em 0;
    padding-top:1em; border-top:1px rgba(0,0,0,.1) dotted;
}
.op-link svg, .op-link i {
    font-size: .8em;
    color: #03afd5;
    margin-right: 5px;
}
.op-link a {
    font-size: .9em;
    font-weight: 700;
    color: #03afd5;
    text-transform: uppercase;
}
.op-link a:hover { text-decoration:underline; }
.dir-set {
    border-bottom: 0 !important;
    padding-bottom: .5em;
}
.dir-set label {
    border-bottom: 1px rgba(0,0,0,.1) dotted;
    padding-bottom: .5em;
    margin-bottom: .8em;
}
.dir-set label:last-child { border-bottom:0; }

/* ----  Checkboxes & Radio buttons styling  ----- */
input[type="radio"],
input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
.radio-container, .chekbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: .6em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-container:hover input ~ .checkmark,
.chekbox-container:hover input ~ .checkmark {

    background-color: #fff;
    border: 2px #03afd5 solid;
}
.radio-container input:checked ~ .checkmark,
.chekbox-container input:checked ~ .checkmark {
    background-color: #03afd5;
}
.radio-container input:checked ~ .checkmark:after,
.chekbox-container input:checked ~ .checkmark:after {
    display: block;
}
.radio-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px #03afd5 solid;
    background-color: #fff;
    border-radius: 50%;
}
.chekbox-container .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px #03afd5 solid;
    background-color: #fff;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.radio-container .checkmark:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
}
.chekbox-container .checkmark:after {
    top: 2px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.col-ckbox {
    width: 60px;
}
.col-cart-pic {
    width: 100px;
}
/* ---------- CUPON  ----------- */
.cupon {
    text-align: center;
}
.cupon-input {
    margin-top: 4px;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
}
.cupon-input .input-group-addon {
    height: 36px;
    padding-right: 0;
    border-radius: 0;
    border: none;
    background: #ffffff !important;
    border-top: 1px rgba(0,0,0,.1) solid;
    border-bottom: 1px rgba(0,0,0,.1) solid;
    border-top-right-radius: .25rem ;
    border-bottom-right-radius: .25rem ;
    -moz-border-radius-topright: .25rem ;
    -moz-border-radius-bottomright: .25rem ;
    -webkit-border-top-right-radius: .25rem ;
    -webkit-border-bottom-right-radius: .25rem ;
}
.cupon-input .form-control {
    font-size: .9em;
    padding-right: 0;
    border-radius: 0;
    box-shadow: 0 0 0;
    height: 36px;
    background-color: #ffffff;
    border: 1px (0,0,0,.1) solid;
    border-right: none;
}
.cupon-input button i { display:none !important; }
.cupon-input button {
    border: 0;
    height: 36px;
    font-size: .9em;
    padding: 3px 20px 0px 20px;
    border-radius:0 .25rem .25rem 0;
}
.cupon-input button:hover {
    color:#fff;
    background: #03afd5;
}

/* ---------  CORPORATE & INFO PAGES --------- */
/* .parallax-container {
    width: 100%;
    height: 370px;
    overflow: hidden;
    position: relative;
}

.parall-medium {
    height: 260px;
}

.shadow-sep {
    margin-top: 3em;
    margin-bottom: 3.2em;
}

.shadow-down { } */

.como-ordenar-pasos {
    background: #03afd5;
    color: #fff;
    border: 1em solid #ffdd00;
    border-radius: 2em;
    padding: 2em;
    margin-bottom: 2em;
}
.como-ordenar-pasos h1 {
    margin-top: .25em !important;
    margin-bottom: .25em !important;
    font-weight:800;
}

/* .cobertura-mapa {
    margin: 2em 0;
}

.par-img {
    background-position: 50% 50%;
    background-size: cover;
    position: absolute;
    width: 100%;
}

.pic-nosotros {
    background-image: url('../imagen/pg_nosotros.jpg');
    height: 90vh;
    top: -10vh;
}

.pic-ventajas {
    background-image: rl('../imagen/pg_family.jpg');
    height: 90vh;
    top: -10vh;
}

.pic-comprom {
    background-image: url('../imagen/pg_compromiso.jpg');
    height: 90vh;
    top: -10vh;
}

.pic-orden {
    background-image: url('../imagen/pg_orden.jpg');
    height: 90vh;
    top: -10vh;
}

.pic-pagos {
    background-image: url('../imagen/pg_pagos.jpg');
    height: 90vh;
    top: -10vh;
}

.pic-cobert {
    background-image: url('../imagen/pg_cobert.jpg');
    height: 90vh;
    top: -10vh;
}

.pic-faq {
    background-image: url('../imagen/pg_faq.jpg');
    height: 90vh;
    top: -10vh;
}

.pic-contact {
    background-image: url('../imagen/pg_contact.jpg');
    height: 90vh;
    top: -10vh;
} */

#corporate-info-mobile, #corporate-info, #corporate-info p {
    line-height: 1.4em;
}
#corporate-info {
    padding-bottom: 5em;
    background-color: #ffdd00;
}

@media (orientation: portrait) {
    #corporate-info {
        font-size: .9em;
    }
}

@media (min-width: 1284px) {
    #corporate-info {
        font-size: 1.15em;
    }
}

#corporate-info img {
    max-width: 100%;
}

#corporate-info-mobile img {
    margin-bottom: 15px;
}

#corporate-info strong { font-weight:700; }
#corporate-info a { color:#212122; } 
#corporate-info a:hover { text-decoration:underline; }
#corporate-info h1 {
    margin-top: 1.7em;
    margin-bottom: 1.5em;
    font-size: 2.6em;
    line-height: 1.1em;
    padding-left: 3%;
    padding-right: 3%;
}
#corporate-info-mobile h1 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 2.6em;
    line-height: 1.1em;
}
#corporate-info-mobile h2, #corporate-info h2 {
    margin-top: 1.7em;
    font-size: 1.3em;
    line-height: 1.1em;
}

#corporate-info h2:first-child {
    margin-top: 0;
}

#corporate-info-mobile h3, #corporate-info h3 {
    margin-top: 1em;
    font-size: 1.6em;
    line-height: 1.1em;
}
/* #corporate-info-mobile .row .col-12:first-child, #corporate-info .row .col-12:first-child { padding-bottom:0; } */
#corporate-info .col-pad-side {
    text-align: left;
    margin-top: 2em;
}
@media (orientation: portrait) {
    #corporate-info .col-pad-side:nth-of-type(1) {
        margin-top: 0;
    }
}

#corporate-info-mobile .row .col-pad-side:last-child, #corporate-info .row .col-pad-side:last-child {
    margin-bottom: 3em;
}

#corporate-info-mobile .sep-line, #corporate-info .sep-line {
    clear: left;
    height: 2px;
    border-bottom: 1px rgba(0, 0, 0, .1) dotted;
    margin:1.2em 0 1.6em 0;
    width:100%;
}
#corporate-info-mobile ul, #corporate-info ul {
    list-style: none;
    padding: 0;
}
#corporate-info-mobile ul li, #corporate-info ul li {
    padding-left: 1.5em;
    font-size: 1em;
    margin-bottom: 1em;
}
#corporate-info-mobile ul li:before, #corporate-info ul li:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    font-weight: 900;
    color: #0c50a0;
    margin-left: -1.5em;
    width: 1.5em;
    font-size:.8em;
}
#corporate-info-mobile ol, #corporate-info ol {
    padding: 0;
    margin-left:1.5em;
}
#corporate-info-mobile ol li,
#corporate-info ol li {
    padding-left: .4em;
    font-size: 1em;
    margin-bottom: 1em;
    text-align: left;
    line-height: 1.4em;
}
#corporate-info-mobile .title-section, #corporate-info .title-section {
    font-size: 1.6em;
    font-weight: 700;
    margin-bottom: 1.8em;
    text-align: center;
}
#corporate-info-mobile .legal-txt p, #corporate-info .legal-txt p {
    line-height: 1.2em;
    margin-bottom: 1.2em;
}
#corporate-info-mobile .legal-txt .pblue, #corporate-info .legal-txt .pblue {
    line-height: 2.4em;
}
ul.sitemap_links {
    margin-bottom: 2em;
}
.sitemap_links a {
    color: #212122;
}
.sitemap_links a:hover {
    text-decoration: underline;
}
.pbold {
    font-size: 1.1em;
    font-weight: 700;
}
.psmall {
    font-size: .95em;
    font-weight: 700;
}
.pblue {
    font-weight: 700;
}
.col-pad-side {
    padding-left: 5%;
    padding-right: 5%;
}
.pside3 {
    padding-left: 3%;
    padding-right: 3%;
}
.col-caract {
    padding: 1.5em 3%;
    text-align: center;
}
.col-caract p {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    line-height: 1.45em;
}
.white-box {
    padding: 0;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 2em;
}
.info-pagos ol { margin-bottom:2em; }
/* .info-pagos { padding:40px 24px 0 24px; background:#fff; }
.info-pagos h2 { margin-bottom:1.2em; } */
.cta-row {
    margin-top: 2em;
}
.cta-row h3, .cta-row p {
    color: #fff;
}
.cta-row-txt {
    padding: 1.5em 5% 2.5em 5%;
    background-color: #0c50a0;
    border-radius: .25rem;
}
.cta-row-txt p {
    margin-bottom: .6em;
}
.cta-row-txt .btn_register {
    margin-top: 1.8em;
}
/* .cta-row-color { background:#ffdd00 url('../imagen/background.jpg') center center no-repeat; border:0; box-sizing:border-box; }
.cta-row2 {
    background-color: #fff;
    padding: 24px 5%;
    margin-top: 1em;
    border-radius: 0;
    box-sizing: border-box;
} */
.as-video-container, .zmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.as-video-container iframe, .as-video-container object, .as-video-container embed,
.zmap iframe, .zmap object, .zmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.zmap {
    margin-bottom: 3em;
    margin-top: 2em;
}

#faq-list .card {
    margin-bottom: 14px;
    border-radius: 0 !important;
    border: 0;
    box-sizing: border-box;
    background: transparent;
}
#faq-list .card .card-header {
    border: 0;
    padding: 0;
    background-color: transparent;
    box-sizing: border-box;
}
#faq-list .card .card-header .btn-link {
    width: 100%;
    margin: 0;
    text-transform:none;
    text-align: left;
    letter-spacing:0;
    line-height:1.2;
    white-space:normal;
    color: #212122;
    background-color: transparent !important;
    border-radius: 0;
    box-shadow: none;
    padding-left:0; padding-right:0;
    border:0 !important;
}

#faq-list .card .card-header .btn-link:hover,
#faq-list .card .card-header .btn-link:active,
#faq-list .card .card-header .btn-link:focus {
    color: #0c50a0 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border:0 !important;
}
#faq-list .card .card-body {
    text-align: left;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-left:0; padding-right:0;
}
#faq-list .card .card-body i { margin-right:.4em; }

@media (min-width: 768px) {
  #faq-list .faq-video { flex:0 0 60%; max-width:60%; margin-left:auto; margin-right:auto; } 
}
#faq-list .faq-video { margin-top:2em; }
#faq-list .faq-video p { margin-top:1em; font-size:.8em; }

.list-grid .card {
    margin-bottom: 1em;
    box-sizing: border-box;
    border: 0 !important;
}
.list-grid .card .card-header {
    border: 0;
    padding: 0;
    box-sizing: border-box;
}
.list-grid .card .card-header .btn-link {
    width: 100%;
    margin: 0;
    font-size: .85em;
    font-weight: 500;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
    color: #fff !important;
    background-color: #03afd5 !important;
    border:0 !important;
    box-shadow: none;
    white-space:normal;
    text-decoration:none !important;
    
}
/* .list-grid .card .card-header:first-child { border-radius:0 !important; } */
.list-grid .card .collapse { border:solid rgba(0,0,0,.1); border-width:0 1px; }
.list-grid .card .table { margin-bottom:0 !important; }

.list-grid .card .card-header .btn-link:hover {
    background-color: #0c50a0 !important;
    text-decoration: none;
}
.list-grid {
  padding-top:1.5em;
  padding-bottom:1.5em;
  border-bottom:0 !important;
}
.list-grid .card, .list-grid .card .card-header {
    width: 100%;
    overflow:hidden;
}
.list-grid .card .card-header button {
    text-align: left;
    width: 100%;
    border-radius:0;
}
.list-grid .card .card-header a svg {
    text-align: right;
    width: 20%;
}
.list-grid .table th {
    position: relative;
    border-top: 1px solid rgba(0,0,0,.1) !important;
}
.table-agotado, .table-oferta {
    position: relative;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    background: url('../imagen/tag_agotado.png') top left no-repeat;
    background-size: contain;
    z-index: 1350;
}
.table-oferta {
    background: url('../imagen/tag_especiales.png') top left no-repeat;
}
.list-options {
    width: 100%;
    padding-top:1em; padding-bottom:1em;
    border-bottom:1px solid rgba(0,0,0,.1);
    text-align: right;
}
.list-options a {
    margin:0 1em;
}
.list-options a:hover {
    color: #0c50a0;
}
.cart-grid .list-options .fa-times-circle, .cart-grid .list-options .fa-print {
    color: #03afd5;
    font-size: 18px;
    margin-right: .3em;
}

.cart-grid .list-options a:hover .fa-times-circle, .cart-grid .list-options a:hover .fa-print {
    color: #0c50a0;
}
.cart-grid .list-options .btn-custom {
    font-size: .75em;
    white-space: nowrap;
}
.cart-grid .list-options .btn-custom:hover { color:#fff; }

.cart-grid .list-options .btn-custom svg, .cart-grid .list-options .btn-custom i {
    font-size: 1.1em;
}
.myaccount { border-bottom:0 !important; }
.myaccount h3 {
    text-transform: uppercase;
    letter-spacing: .03em;
    margin:1.5em 0 1em 0;
}
.myaccount p a {
    text-decoration: underline;
}
.myaccount .center-button-set { padding-top:1em; }

.myaccount .left-button-set .btn-custom {
    margin: 2em 0;
}

.myaccount .form-group label {
    margin-bottom: 2px;
}

.myaccount label {
    font-weight: 500;
}

.myaccount label.radio-container p {
    font-weight: 400;
}

.myaccount .label-sep {
    padding-top: 12px;
    padding-bottom: 12px;
}

.myaccount label span, .contact-form label span, .modal-custom label span {
    font-weight: 600;
    color: #03afd5;
    margin-left: 6px;
}

.address-grid, .credit-cart-grid {
    /* margin-top: 12px; */
    padding-top: 1em;
}

.address-grid h2, .credit-cart-grid h2 { color:#03afd5; }
.address-grid h3, .credit-cart-grid h3 { font-size:1.1em; margin-bottom:.25em; }
.address-grid p, .credit-cart-grid p { line-height:1.2em; margin-bottom:.25em; }

.address-grid .table td, .table th {
    border-top: none;
    border-bottom: none;
    padding-top: 1.4em;
    padding-bottom: 1em;
}

.address-grid .table .fa-address-card {
    font-size: 2em;
}

.address-grid .fa-edit {
    margin-left: 6px;
}

/* ------------  LOGIN ------------- */
.container-fluid >  .login {
  background-color: transparent;
  border:0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.login .card-container.card {
  max-width: 450px;
  padding: 40px 40px;
}

.login .card-modal.card-container.card {
    border: none;
    padding: 30px;
}

.login .sep-line {
    width: 100%;
    height: 1px;
    border-top: 1px rgba(0, 0, 0, .1) dashed;
    margin-top: 1.2em;
}

.container-fluid > .login .card {
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 30px;
    background-color: #ffffff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.2);
}
.login h1 {
    margin-bottom: .6em;
}
.login h2 {
    font-size: 1.4em;
    margin-top: 1.4em; margin-bottom:1em;
}
.login .btn-custom {
    margin-top: 20px; margin-bottom: 10px;
}

/* .login .btn-custom:hover, .login .btn-custom:active, .login .btn-custom:focus {
    background-color: #0c50a0;
    color: #fff;
} */

.login .btn-register {
    background-color: #fff29f !important;
    border-color: #fff29f !important;
    margin-top:10px; 
}
.login .form-signin #inputEmail,
.login .form-signin #inputPassword {
    direction: ltr;
    height: 44px;
}
.login .form-signin input[type=email],
.login .form-signin input[type=password],
.login .form-signin input[type=text],
.login .btn {
    width: 100%;
    height: 42px;
    display: block;
    margin-bottom: 15px;
    margin-left: 0;
    color: #212122;
    border-radius: .25rem;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.login .form-signin .form-control:focus {
    border-color: #03afd5;
}

/* ------ MODALS & ALERTS ------- */
.alert-custom {
    width: 98%;
    margin-left: 1%;
    color: #03afd5;
    margin-top: 1em;
}
.alert-custom h4 {
    font-size: 1.25em;
    font-weight: 600;
    color: #03afd5;
}
.alert-custom p {
    font-size: 1em;
    color: #212122;
    margin-bottom: 0;
}
.modal {
    z-index: 1050;
}
.modal-dialog { margin-left:auto; margin-right:auto; }
.modal-dialog.modal-lg {
    max-width: 1000px;
}

.modal-content {
    border-radius:.25rem;
}
.modal-map {
    border: 1px rgba(0,0,0,.1) dotted;
}
.modal-footer {
    border-top: none;
    padding-bottom: 24px;
}
.modal-custom .modal-header {
    padding: 5px 14px;
    background-color: #03afd5;
    text-align: right;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.modal-custom .modal-header .close {
    font-size: 1.5rem;
    color: #fff;
    opacity: 1;
    text-shadow: none;
    margin-top: -15px;
}
.modal-custom .modal-header .close:hover, .modal-custom .modal-header .close:active {
    border: 0;
    outline: 0;
    background: transparent;
}
.modal-custom .modal-body {
    padding: 0 24px;
}
.modal-body .table { margin-bottom:2em; border:solid rgba(0,0,0,.1); border-width:0 1px 1px 1px; }
.modal-body .table button { border-radius:0 !important; }
.table td, .table th { border-color:rgba(0,0,0,.1); }

.modal-custom .modal-body .title1,
.modal-custom .modal-body .title2 {
    margin-top: .8em;
    margin-bottom: 1em;
    font-weight: 700;
    line-height: .88em;
}
.modal-custom .modal-body .title1 {
    font-size: 2.1em;
}
.modal-custom .modal-body .title2 {
    font-size:1.8em;
}
.modal-custom .modal-body input[type="text"] {
    margin-top: 0;
}
.modal-custom .modal-body input[type="password"] {
    margin-top: 1em;
}
.modal-custom .modal-body input[type="text"]:focus,
.modal-custom .modal-body input[type="password"]:focus {
    box-shadow: none;
}
.modal-custom .modal-body .op-link {
    width: 100%;
    text-align: center;
}
.modal-custom .modal-body .op-link a {
    font-size: 1.1em;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    margin: 1.8em 0;
}
.modal-custom .modal-body .option-set .form-check-input {
    margin-left: 24px;
    border: 2px #0c50a0 dotted;
}

.modal-custom .modal-body .option-set .form-check-label {
    margin-left: 4px;
}

.modal-custom .modal-footer .btn {
    font-weight: 500;
    border: none;
    background-color: #ffdd00;
    color: #212122;
    margin-left: auto;
    margin-right: auto;
}
.modal-custom .modal-footer .btn:hover {
    background-color: #0c50a0;
    color: #fff;
}
.modal-custom .modal-footer button.btn.btn-cancel {
    background: rgba(0, 0, 0, .2);
}
.modal-custom .modal-footer button.btn.btn-cancel:hover {
    background: rgba(0, 0, 0, .4);
}
.modal-custom .modal-footer .btn svg, .modal-custom .modal-footer .btn i {
    margin-left: .5em;
    font-size: .9em;
}

/* ---- Ripple Effect --- */
.btn:not(.btn-outline-primary) {
    position: relative;
    overflow: hidden;
    outline: none;
    font-family: inherit;
    cursor: pointer;
}
.ripple {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    animation: rippleEffect .88s 1;
    opacity: 0;
}

@keyframes rippleEffect {
    0% {
        transform: scale(1);
        opacity: 0.4;
    }
    100% {
        transform: scale(100);
        opacity: 0;
    }
}

/* ----------- FOOTER ------------- */
#footer {
    clear: both;
    width: 100%;
    background-color: #03afd5;
}

#footer .container {
    padding-top: 4em;
    padding-bottom: 4em;
}

#footer h3 { margin-bottom:1em; font-weight:400; }
#footer a, #footer p, #footer h3 { color:#fff; }

#footer a:hover {
    text-decoration: underline;
}

#footer .col-contact, #footer .col-contact p {
    color: #fff;
    text-align: center;
}

#footer .col-contact img {
    margin-bottom: 1.2em;
}

#footer .col-contact p {
    margin-bottom: .1em;
}

#footer .col-contact .socials {
    margin-bottom: 1em;
}

#footer .col-contact .socials a {
    margin: 0 10px;
}

#footer .col-contact .ccards {
    margin-top: 2em;
    margin-bottom: 1.3em;
}

.footer-lblue, .footer-dblue {
    width: 100%;
    height: auto;
    text-align: center;
}

.footer-lblue {
    min-height: 50px;
    color: rgba(255,255,255,.2);
    padding: 16px 5%;
    border-top: 1px solid rgba(255,255,255,.2);
}

.footer-lblue a {
    display: inline-block;
    padding:0 .6em;
    font-size: .75em;
    line-height: 1.2em;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.footer-dblue {
    min-height: 24px;
    padding: 12px 5% 10px 5%;
    background-color: #0c50a0;
}

.footer-dblue p {
    font-size: 12px;
    margin-bottom: 0;
    letter-spacing: .03em;
}

.footer-dblue a {
    font-size: 10px;
    letter-spacing: .2em;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 1em;
}

.suscrib .input-group-addon {
  border:0; background-color:transparent;
}

.suscrib input[type="email"] {
    border-color: #FFF;
}

.suscrib button { padding-top:.5em;
  border-top-left-radius:0; border-bottom-left-radius:0;
}

/*
.suscrib input[type="text"] {
  width:100%;
  margin-top:0;
  margin-bottom:12px;
  border-radius:0;
  border:none;
  border-bottom:1px #212122 solid;
}

.suscrib input[type="text"]:hover,
.suscrib input[type="text"]:focus {
  border-bottom: 1px #ffdd00 solid;
} */

.suscrib input.form-control:focus {
    box-shadow: none;
}

.app-text {
    text-align: center;
}

.app-text a img {
    width: 130px;
    height: auto;
    margin-right: 8px;
}

/* -----------  MAIN BANNER  ---------- */
.as-carousel {
    width: 100%;
    max-width: 1920px;
    height: auto;
    max-height: 600px;
    overflow: hidden;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}

.as-carousel:hover,
.as-carousel:focus {
    border: none;
    outline: none;
}

.carousel-cell {
    width: 100%;
    margin-right: 0px;
    overflow: hidden;
}

.carousel-cell img {
    display: block;
    width: 100%;
    height: 100%;
}

/* -----------  AL SUPER FORM STYLES  ---------- */

.as-form {
    font-size: 1em;
}

.as-form input, .as-form textarea {
    font-size: 1rem;
    background-color: #ffffff;
    min-height: 42px;
    margin-bottom: 1em;
    border-radius:.25rem;
    border: 1px rgba(0,0,0,.1) solid;
}

.as-form .control-label {
    font-weight: 700;
    margin-left: 3px;
    margin-bottom: 6px;
}

.as-form input:focus, .as-form textarea:focus {
    border-color: #03afd5;
}

.as-form input::placeholder, .as-form textarea::placeholder {
    color: rgba(0, 0, 0, .6);
}

.form-control {
  color: #212122;
  border: 1px solid rgba(0,0,0,.1);
}

.form-control:focus { 
  color: #212122;
  box-shadow:none;
  border-color:#03afd5;
}

.form-control::-webkit-input-placeholder { color: rgba(0, 0, 0, .6); }
.form-control::-moz-placeholder { color: rgba(0, 0, 0, .6); }
.form-control:-ms-input-placeholder { color: rgba(0, 0, 0, .6); }
.form-control::-ms-input-placeholder { color: rgba(0, 0, 0, .6); }
.form-control::placeholder { color: rgba(0, 0, 0, .6); }

.secur-box, .g-recaptcha {
    display: block;
    float: left;
    position: relative;
    width: 304px;
    height: 76px;
    margin-left: 50%;
    left: -152px;
    margin-top: 20px;
    margin-bottom: 30px;
}

.sep-bottom {
    padding-bottom: 20px;
    margin-bottom: 6px;
}

/*    -----------   Checkbox styling  ----------   */
input[type="checkbox"].gi-checkhide {
    display: none;
}

.gi-checkbox {
    width: 28px;
    height: 28px;
    background: #666666; /*  #5E974A; */
    margin-top: 10px;
    position: relative;
}

.gi-checkbox label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    top: 4px;
    background-color: #ffffff;
}

.gi-checkbox label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #03afd5;
    top: 2px;
    left: 2px;
}

.gi-checkbox label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.3;
}

.gi-checkbox input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    background: #03afd5;
}

.gi-checkbox-txt {
    float: left;
    width: 100%;
    margin-top: -28px;
    margin-left: 44px;
}

/*    -----------   Radio buttons styling  ----------   */
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 36px;
    margin-right: 32px;
    cursor: pointer;
    line-height: 28px;
    display: inline-block;
}

[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    border: 2px solid #03afd5;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 20px;
    height: 20px;
    background: #03afd5;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked + label:after {
    opacity: 1;
    358 db1 -webkit-transform: scale(1);
    transform: scale(1);
}

.flickity-page-dots .dot {
    width: 10px;
    height: 10px;
    background: #ffdd00;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { color:#03afd5; }

/*-----------Floating Cart ----------*/
.float-cart {
    position: fixed;
    right: 24px;
    top: 190px;
    z-index: 880;
}

.mdl-button--fab.mdl-button--colored, #btn_cart.btn_cart_back {
    background: #0c50a0 !important;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.05);
}

.mdl-button--fab.mdl-button--colored:hover, #btn_cart.btn_cart_back:hover {
    background: #03afd5 !important;
}

.cart_cant_articulos {
    position: absolute;
    top: -8px;
    right: -5px;
    width: 26px;
    height: 26px;
    background: #03afd5;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    z-index: 300;
    line-height: 26px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}
.float-cart:hover .cart_cant_articulos { background:#0c50a0; }

.cartScale {
    -webkit-animation: ScaleCart .15s ease;
    animation: ScaleCart .15s ease;
}

@-webkit-keyframes ScaleCart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ScaleCart {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.cart_cant_articulos .contador_ li {
    /* this is the number of items in the cart */
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    list-style-type: none;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.cart_cant_articulos .contador_ li:last-child {
    visibility: hidden;
}

.cart_cant_articulos .contador_.up_contador li:last-child {
    -webkit-animation: contador_agregar .15s;
    animation: contador_agregar .15s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
}

.cart_cant_articulos .contador_.up_contador li:first-child {
    -webkit-animation: contador_ocutar .15s;
    animation: contador_ocutar .15s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
}

@-webkit-keyframes contador_agregar {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

@keyframes contador_agregar {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0);
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

@-webkit-keyframes contador_ocutar {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
    }
}

@keyframes contador_ocutar {
    0% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    100% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateX(-50%) translateY(-100%);
        transform: translateX(-50%) translateY(-100%);
    }
}

/*new*/
.qty-selector-upd-left {
    display: block;
    float: left;
    width: 30%;
    height: 35px;
    background: #ffdd00;
    color: #212122;
    border:0;
    box-shadow:none;
}

.qty-selector-upd-center {
    display: block;
    float: left;
    text-align: center;
    width: 40%;
    height: 35px;
    background: #ffdd00;
    color: #212122;
    border:0;
    box-shadow:none;
}
.qty-selector-upd-right {
    display: block;
    float: right;
    width: 30%;
    height: 35px;
    background: #ffdd00;
    color: #212122;
    border:0;
    box-shadow:none;
}
#siremas-div { padding-left:0; padding-right:0; }
#siremas-div h2 { text-align:center; color:#212122 !important; font-weight:400; }
#siremas-div img { max-width:100%; height:auto; }

/* ----  Agregado Grupo Interactivo 11-nov-2019  ---- */
.txt-center { text-align: center !important; }
a.forgot-password.submit {
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    color: #717c7e !important;
}
.mb-03 { margin-bottom:3em; }
.opSans,
.ul-opSans li { font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; }
a#btn-newlist, 
a#btn-clear-sc {
    background-color: #fff29f !important;
    border: 2px #fff29f solid !important;
}
h4.sc_apagar { font-size: 1.1em; }

.in-tooltip {
    padding: 24px 20px;
    width: auto;
    height: auto;
}
    .in-tooltip p {
        max-width: 300px;
        text-align: left;
    }
    .in-tooltip ol {
        text-align: left;
        padding-left: 20px;
    }
    .in-tooltip ol li {
        text-align: left;
    }

