.amazonpayments-or {
    line-height: 2.3;
    margin: 0 8px;
}
.cart .totals .checkout-types .amazonpayments-or {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 1;
    padding: 8px 55px 0 0;
}
.block-cart .actions .amazonpayments-or {
    display: block;
    clear: both;
    font-size: 11px;
    line-height: 1;
    padding: 8px 55px 8px 0;
    margin: 0;
}
.amazon-pay-tooltip {
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 10px 15px;
    width: 300px;
    font-size: 11px;
    text-align: left;
    box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    -moz-box-shadow: 0 0 5px #888;
    -o-box-shadow: 0 0 5px #888;
    z-index: 1000;
}
.amazon-pay-tooltip img {
    float: right;
    padding: 5px 0 5px 10px;
}
.pay-with-amazon-onepage-shortcut {
    padding-bottom: 10px;
}
.pay-with-amazon-onepage-shortcut p {
    padding: 10px 0;
}
.pay-with-amazon-onepage-shortcut p img {
    display: none;
}
.payButtonWidget {
    display: inline;
}
.payButtonWidget img {
    cursor: pointer;
}
.checkout-types.bottom .payButtonWidget {
    display: block;
}
.checkout-types.bottom .amazonpayments-or {
    text-align: right;
    padding-right: 70px;
    margin: 0;
}
.checkout-types.minicart .payButtonWidget img {
    display: inline;
}
.checkout-types.minicart .amazonpayments-or {
    display: block;
}
.checkout-onepage-index .loginButtonWidget,
.checkout-onepage-index .payButtonWidget {
    margin-bottom: 15px;
    text-align: right;
}
ol.apa {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.apa .section {
    margin: 0 0 15px 0;
}
.apa .store-widget {
    clear: both;
    border: solid 1px #bbbbbb;
    background-color: #ffffff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.apa .amazon-widget-overlay {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
}
.apa .step-title {
    margin: 12px;
}
.apa .step-title img {
    float: left;
    height: 22px;
    margin: 0 7px 0 0;
    vertical-align: middle;
    width: 23px;
}
.apa .step-title h2 {
    color: #2f3841;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
    text-transform: none;
}
.apa .section-content {
    margin: 0 12px 12px;
}
.apa .section-please-wait {
    display: none;
    height: 80px;
    margin: 12px;
    background: url('https://500cosmetics.com/es/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;
}
.apa .amazon-widget.loading {
    min-height: 80px;
    background: url('https://500cosmetics.com/es/skin/frontend/base/default/creativestyle/images/amazon-loading-large.gif') center center no-repeat;
}
.apa .loading .section-content {
    display: none;
}
.apa .loading .section-please-wait {
    display: block;
}
.apa .sandbox-simulation select {
    width: 25%;
}
.apa .sandbox-simulation p {
    margin: 0 0 10px;
}
.apa .buttons-set {
    line-height: 40px;
}
.apa .buttons-set.disabled button.button {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}
.amazon-login {
    padding-top: 27px;
}
.amazon-login.position-before {
    padding-top: 0 !important;
    padding-bottom: 27px;
}
.amazon-login .content {
    min-height: 100px;
}
.buttons-set button.cancel span {
    border-color:#406a83;
    background:#618499;
}
.dashboard .box-amazon-account {
    padding-bottom: 45px;
}
.dashboard .box-amazon-account .box {
    padding-top: 15px;
}
.dashboard .box-amazon-account .box .buttons {
    padding-top: 10px;
}
.dashboard .box-amazon-account .box .buttons .loginButtonWidget {
    float: right;
}
.apa .discount {
}

#opc-lpa #addressBookWidgetDiv,
#opc-lpa #walletWidgetDiv {
    display: inline-block;
    height: 300px;
    width: 49%;
}

#opc-lpa #addressBookWidgetDiv {
    margin-right: 2%;
}

.amazon-pay-tooltip-link {
    display: inline-block;
    margin: 4px 4px 4px 8px;
    width: 16px;
    height: 16px;
    background: url('https://500cosmetics.com/es/skin/frontend/base/default/creativestyle/images/question-mark-icon.png') center center no-repeat;
    background-size: contain;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
}

#addressBookWidgetDiv,
#walletWidgetDiv {
    width: 100%;
    height: 100%;
}
.apa .amazon-widget {
    display: block;
    height: 300px;
    clear: none;
}
.apa .section {
    display: block;
    clear: none;
}
@media only screen and (min-width: 575px) {
    .apa #apa-shipping {
        width: 260px;
        margin-right: 15px;
        float: left;
    }
    .apa #apa-payment {
        margin-left: 275px;
    }
    .apa-virtual-checkout #apa-payment {
        margin-left: 0 !important;
    }
}
@media only screen and (min-width: 775px) {
    .apa #apa-shipping {
        width: 360px;
        margin-right: 15px;
        float: left;
    }
    .apa #apa-payment {
        margin-left: 375px;
    }
}
@media only screen and (min-width: 960px) {
    .apa #apa-shipping {
        width: 310px;
        margin-right: 15px;
        float: left;
    }
    .apa #apa-payment {
        width: 310px;
        margin-right: 15px;
        margin-left: 0;
        float: left;
    }
    .apa .narrow-section {
        height: 298px;
        margin-left: 650px;
        clear: none;
        overflow: auto;
    }
    .apa-virtual-checkout #apa-payment {
        width: 360px;
        float: left;
        margin-right: 15px;
    }
    .apa-virtual-checkout .review-section {
        margin-left: 375px;
        height: 298px;
        clear: none;
        overflow: auto;
    }
}

 @import url(https://fonts.googleapis.com/css?family=Roboto:500,100,300);
    .slide-out-div {
       padding: 10px 10px 0px 10px;
        z-index:2001;
        width: 250px;
        background: #ebe2db;
       
    }
/*No quitar: Oculta de inicio el div*/
#sender-box .slide-out-div.mercantis-close{
    display:none;
}
.mailchimp-data-message strong:nth-child(3) { border-style: dashed; border-width: 2px; border-color: #2cb35f; padding: 4px; display: block; }
body.cms-index-index .sender_form_custom .modal-content .modal-title .mailchimp-data-message{line-height: 24px!important;}
body.cms-index-index .slide-out-div  .modal-content .modal-title .mailchimp-data-message{line-height: 24px!important;font-family: 'opensans-regular'; font-size: 14px;}
.slide-out-div .title span{
    margin: 0 0 16px 0;
    line-height: 24px;
    font-family: 'opensans-light', sans-serif;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 20px;
    text-align: center; 
    display:block;
}

.handle{ background: #2cb35f; }
form.line-form {
    border: none;
}
.modal-content p{font-family: 'opensans-regular'; font-size: 14px; line-height: : 24px;}
form.line-form input,
form.line-form input:focus,
form.line-form select.form-control,
form.line-form select.form-control:focus {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #555;
    height: 30px;
    font-family: 'opensans-light', sans-serif;
    padding-left: 4px;
    margin-bottom: 10px;
    border: solid 1px #a9a9a9;
}
#sender_form .form-list{ padding: 0!important }

form.line-form select.form-control,
form.line-form select.form-control:focus {
    height: 69px;

}
form.line-form .form-control {
    background: #fff;
    padding: 7px 25px;
    border-right: none;
    border-left: none
}

form.line-form > div:first-child .form-control {
    border-radius: 3px 0 0 3px;
    border-left: 1px solid #eee;
}

form.line-form button,
form.line-form button:hover,
form.line-form button:focus {
    font-family: 'opensans-bold', sans-serif;
    background: #5784c8 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    height: 37px;
    line-height: 18px;
    margin: 3px 0 0;
    overflow: hidden;
    padding: 8px 25px;
    width: 100%;
}

form.line-form button .icon {
    font-size: 24px;
}

form.line-form button.btn-primary-white,
form.line-form button.btn-primary-white:hover,
form.line-form button.btn-primary-white:focus,
form.line-form button.btn-primary-white:active {
    border-left: none;
}

form.line-form label.error {
    margin: 10px 0 0 0;
    display: inline-block;
    padding: 10px 20px;
}

form.line-form.two-fields .form-group {
    float: left;
    width: 40%;
}

form.line-form.five-fields .form-group {
    float: left;
    width: 16.66%;
}

form.line-form .form-control {
    border-left: 1px solid #eee;
}

form.line-form .input-daterange input:last-child,
form.line-form .input-daterange input:first-child {
    border-radius: 0;
}

form.line-form.two-fields button {
    float: left;
    width: 20%;
}

form.line-form.five-fields button {
    float: left;
    width: 16.66%;
}

 
#sender-box  .terms_link_subscribe, .terms_link_subscribe a:hover,.terms_link_subscribe a {
    font-size: 11px;
    text-decoration: underline;
    color: #a9a9a9;
    padding-top: 15px;
    text-align: center;
}

/*----------------------------------------------------------------------------------------
                        MODAL POPUP STYLES
----------------------------------------------------------------------------------------*/
#sender-box .fade.in {
    opacity: 1;
}
#sender-box .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
#sender-box .modal-dialog {
    position: relative;
    width: auto; 
    margin: 10px;
}
#sender-box .modal {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0; 
    left: 10px;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    overflow-y: auto;
    text-align: center;
    width:260px;
    float: right;

}

#sender-box .modal-content {
    padding: 68px 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    border: 0;
    position: relative;
    background-color: #fff;
    width: 210px;
    float: right;
    margin-right:29px;
}


#sender-box .modal-title {
    margin: 0;
    font-family: "Bitter", georgia, serif;
    font-size: 1.2em;
    line-height: 1.2em;
    font-weight: normal;
    display: block;
}

#sender-box .modal-title .icon {
    font-size: 48px;
    line-height: 48px;
    display: block;
    margin: 0 0 40px 0;
    color: #00c0ff;
}

#sender-box .modal-title .icon.icon-ban {
    color: #e44646;
}

#sender-box .modal-open {
    overflow: auto;
}

.modal-content .close {
    position: absolute;
    top: 10px;
    right: 15px;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    font-family: inherit;
    font-size: 32px;
    font-weight: 100;
    text-shadow: none;
    float: right;
    color:#000;
}

.close:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

.klarna_promotion_logo img{
    margin: 10px auto;
    display: block;
}
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden] {
    display: none
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}
html,
button,
input,
select,
textarea {
    font-family: sans-serif
}
body {
    margin: 0
}
a:focus {
    outline: thin dotted
}
a:active,
a:hover {
    outline: 0
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
h2 {
    font-size: 1.5em;
    margin: .83em 0
}
h3 {
    font-size: 1.17em;
    margin: 1em 0
}
h4 {
    font-size: 1em;
    margin: 1.33em 0
}
h5 {
    font-size: .83em;
    margin: 1.67em 0
}
h6 {
    font-size: .75em;
    margin: 2.33em 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
blockquote {
    margin: 1em 40px
}
dfn {
    font-style: italic
}
mark {
    background: #ff0;
    color: #000
}
p,
pre {
    margin: 1em 0
}
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}
q {
    quotes: none
}
q:before,
q:after {
    content: '';
    content: none
}
small {
    font-size: 75%
}
dl,
menu,
ol,
ul {
    margin: 1em 0
}
dd {
    margin: 0 0 0 40px
}
menu,
ol,
ul {
    padding: 0 0 0 40px
}
nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 0
}
form {
    margin: 0
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}
button,
input {
    line-height: normal
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}
button[disabled],
input[disabled] {
    cursor: default
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}
input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto;
    vertical-align: top
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
span {
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    line-height: 1em
}
a:active,
a:focus,
input:focus,
input:visited,
input:active,
input:hover,
input:required,
input:valid,
input:invalid,
textarea:focus,
textarea:visited,
textarea:active,
textarea:hover,
textarea:required,
textarea:valid,
textarea:invalid,
select:focus,
select:visited,
select:active,
select:hover,
select:required,
select:valid,
select:invalid {
    outline: none !important
}
a {
    cursor: pointer;
    text-decoration: none
}
html {
    box-sizing: border-box
}
*,
*:before,
*:after {
    box-sizing: inherit;
    list-style: none
}
body {
    overflow-x: hidden;
    margin: 0
}
body.overflow-hidden {
    overflow: hidden
}
nav ul,
nav ol {
    padding: 0
}
a {
    text-decoration: none;
    color: #3c3c3c
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal
}
img {
    display: block
}
.no-wrap {
    white-space: nowrap
}
body:not(.touch-device) {
    width: calc(100vw - 6px)
}
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    padding-right: 10px
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #eee
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #000000
}
@font-face {
    font-family: 'opensans-regular';
    src: url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Regular.ttf');
    src: local('☺'), url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'opensans-light';
    src: url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Light.ttf');
    src: local('☺'), url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'opensans-bold';
    src: url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Bold.ttf');
    src: local('☺'), url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'opensans-semibold';
    src: url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Semibold.ttf');
    src: local('☺'), url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'opensans-light';
    src: url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Light.ttf');
    src: local('☺'), url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/OpenSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}


/*ESTILOS BLACK FRIDAY CATEGORIA*/
/* .category-offer  .alt-cat {
    background-color: #000;
}

 .category-offer  .cat-left {
    background-color: rgba(255, 255, 255, 0);
    color: #fff;
}*/

/*ESTILOS BLACK FRIDAY CATEGORIA*/


/*boton black */

.category-offer .alt-cat {
    background-color: #99161c;
}  
.category-offer .cat-left {
    width: 39%;
    margin-left: 37%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    padding: 10px;
}
.button.button-red a {
    color: #fff;
}
/*.container-div.fondo-navidad {
    background-image: url(/es/media/wysiwyg/500cosmetics/slider/fondo-navidad.jpg)!important;
}*/
/*.slider-ofertas .container-div {
    background-image: url(/es/media/wysiwyg/500cosmetics/slider/fondo.jpg);
    background-position: bottom;
}*/
.slider-ofertas .container-div .container-width70{
    display: inline-block;
    width: 56%;
    vertical-align: middle;
    float: right;
}

/*ESTILOS GRECIA*/
.view-gr .cuad-cont-cate .alto-cat {
<<<<<<< HEAD
    margin-bottom: 135px;
=======
    margin-bottom: 124px;
>>>>>>> 77119023195f40eccdeedf9eed335595a6a27cfd
}
 .view-gr .module-image-description .container-div {
    /* position: relative; */
   display: inline-block!important;
    margin: 30px 0;
}

.view-gr .width-3 .button {
    position: relative;
    display: inline-block;
    border: 2px solid transparent;
    padding: 4px 14px!important;
    text-align: center;
}
.view-gr .header-container .header-left {
    width: 28%;
}

.view-gr .header-container .header-center {
    width: 52%;
    text-align: center;
}
/*ESTILOS GRECIA*/
.font-h3.font-line-through.text-padding.lit-btn {
    margin: 5px 0px;
}
/*MENSAJE SECUERUM 100€*/
.min_order_amount_message { color:#8a0c0c; font-size: 14px; line-height: 35px; }
.view-secuerum_es .main-page .pop-up-carrito .pd-carrito .js-animate .grid-text-carrito .carrito-lista .lit-btn{margin: 2px 0!important;}
.view-secuerum_es .header-container .header-bottom .header-bottom-main .header-right{ display: none}

/*@media (max-width: 800px){
.module-cover-slider.container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
.container-div .container-width30 {
    display: inline-block;
    width:100%!important;
    vertical-align: top;
    
}
.container-div .container-width70 {
    display: inline-block;
    width: 100%!important;
    vertical-align: middle;
    float: right;
}*/

}
@media (max-width: 768px){
.module-cover-slider.container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
.container-div .container-width30 {
    display: inline-block;
    width:100%!important;
    vertical-align: top;
    
}
.container-div .container-width70 {
    display: inline-block;
    width: 100%!important;
    vertical-align: middle;
    float: right;
}

}


@media only screen and (max-width: 900px) and (min-width: 400px) {
    .module-cover-slider  .container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
.container-div .container-width30 {
    display: inline-block;
    width:100%!important;
    vertical-align: top;
    
}
.container-div .container-width70 {
    display: inline-block;
    width: 100%!important;
    vertical-align: middle;
    float: right;
}

}
@media (max-width: 1200px){

.module-cover-slider  .container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
.container-div .container-width30 {
    display: inline-block;
    width:30%!important;
    vertical-align: top;
    
}
.container-div .container-width70 {
    display: inline-block;
    width: 60%!important;
    vertical-align: middle;
    float: right;
}
.slider-ofertas .container-div .container-width70 {
    display: inline-block;
    width: 100%!important;
    vertical-align: middle;
    float: right;
}



}
@media (max-width: 760px){
.module-cover-slider  .container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
.container-div .container-width30 {
    display: inline-block;
    width:100%!important;
    vertical-align: top;
    
}
.container-div .container-width70 {
    display: inline-block;
    width: 100%!important;
    vertical-align: middle;
    float: right;
}

/*ESTILOS GRECIA*/
.view-gr .cuad-cont-cate .alto-cat {
    margin-bottom: 178px!important;
}
/*ESTILOS GRECIA*/

}

/*ESTILOS SLIDER PRIVALIA*/
.container-div .container-width30 {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    
}
.container-div .container-width70 {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    float: right;
}
.container-div{
    padding: 0px 10px;
    display: flow-root;
background-color: #fff;}
.slider-ofertas .container-div {
    background-color:  #fff!important;
}

/*ESTILOS SLIDER PRIVALIA*/


form.line-form input, form.line-form input:focus, form.line-form select.form-control, form.line-form select.form-control:focus {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #555;
    height: 30px;
    font-family: 'opensans-light', sans-serif;
    padding-left: 4px;
    margin-bottom: 10px;
    margin-top: 10px;
    border: solid 1px #a9a9a9;
}
.grid-content.without-padding-top.cuad-cont-cate {
    height: auto !important;
}
.cms-comunidad-medica img.float-left.margin-right20 {width: 7%;}
.vertical_senderglobal {
        writing-mode: tb-rl;
        -webkit-writing-mode: vertical-rl;
        -moz-writing-mode: vertical-rl;
        -ms-writing-mode: vertical-rl;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        white-space: nowrap;
        bottom: 0;
        position: relative;
        top: 44px;
        font-size: 18px;
        color:#fff;
        left:11px;
        letter-spacing: -1px;
    }

    #img {
        margin-top: -86px;
        margin-left: -108px;
        padding: 10px 10px 0px 10px;
        z-index: 2001;
        line-height: 1;
        position: absolute;
        display:block;
    }
   span.title {
    font-size: 17px;
    
}
.width15{width: 15%;margin-right: 10px;}
.margin-right20{margin-right: 20px;}
.padding-reviews{    padding: 20px 30px;}
#sender-box .terms_link_subscribe, .terms_link_subscribe a:hover, .terms_link_subscribe a {
    font-size: 13px;
    text-decoration: underline;
    color: #a9a9a9;
    padding-top: 15px;
    text-align: center;
}
.cat-left .font-h4{    font-family: "opensans-regular";
    font-size: 13px!important;
    line-height: 29px;
}
.slide-out-div {
    padding: 34px 10px 0px 10px;
    z-index: 2001;
    width: 250px;
    background: #ebe2db;
}
.onestepcheckout-index-index .icon-cart {
    display: none;
}
.customer-account-logoutsuccess h1{  font-family: "opensans-bold";color: #3c3c3c;font-size: 30px; line-height: 40px;}
.iconos{
    display: inline-block;
    margin-left: 20px;
}  
.cms-index-index .slider-tab-container .module.module-grid-slider:nth-child(1) .button-wrapper a {background: #5784c8 !important;}
.catalog-category-view .font-h5{font-size: 14px;}
.catalog-category-view .font-h3{font-size: 21px;}
.catalog-category-view .font-h2b { font-size: 32px;}
.sales-order-view #my-orders-table p{margin:8px 0px;}
.download-guia{font-family: 'opensans-semibold';color: #5784c8; }
.onestepcheckout-index-index .remodal-wrapper .osc-agreement-content div {font-family: 'OpenSans-Semibold';font-size: 16px; line-height: 24px;margin-bottom: 10px;}
.onestepcheckout-index-index .remodal-wrapper .osc-agreement-content li{font-family: 'opensans-regular';font-size: 14px; line-height: 24px;margin-bottom: 10px;}
.onestepcheckout-index-index .remodal-wrapper .osc-agreement-content p{font-family: 'opensans-regular';font-size: 14px; line-height: 24px;margin-bottom: 10px;}
.cms-index-noroute .grid-content p:not(.title){font-family: 'opensans-regular';font-size: 14px; line-height: 24px;}
.margin-top70{margin-top: 70px;}
.downloadable-customer-products .my-account p:not(.title){font-family: 'opensans-regular';font-size: 14px; line-height: 24px;}
.sales-order-history .buttons-set p{    
    font-family: "opensans-bold";
    font-size: 14px;
    line-height: 24px;}

.customer-address-index li{font-family: 'opensans-regular';font-size: 14px; line-height: 24px;}

.form-list{font-family: 'opensans-regular';font-size: 14px; line-height: 24px;}
.txt-small{font-family: 'opensans-regular';font-size: 14px; line-height: 24px; }
.sales-order-history .nobr a{text-decoration: underline;color: #5784C8;}
.sales-order-history .nobr {    font-family: "opensans-regular"; font-size: 12px;line-height: 24px;
}
.customer-account-index .nobr a{text-decoration: underline;color: #5784C8;}
.customer-account-index .nobr {    font-family: "opensans-regular"; font-size: 12px;line-height: 24px;
}
.customer-account-create .messages .error-msg li{
    font-family: "opensans-regular";
    font-size: 14px;
    line-height: 24px;}
.customer-account-index .success-msg {
    background-image: url(https://pre.500cosmetics.com/es/media/wysiwyg/500cosmetics/icons/bullet-verde.png)!important;
    background-repeat: no-repeat!important;
    padding: 6px 1px 10px 31px !important;
    vertical-align: middle;
}
div.pd-carrito .success-msg {
    background-image: url(https://pre.500cosmetics.com/es/media/wysiwyg/500cosmetics/icons/bullet-verde.png)!important;
    background-repeat: no-repeat!important;
    padding: 0px 1px 10px 31px !important;
    vertical-align: middle;
}

.pop-up-carrito .grid-img-cerrar {
    float: right;
    width: 5%;
    margin: 10px;
    cursor: pointer;
}

/*ESTILOS CREAR CUENTA*/
.error-msg {
    background: url("https://pre.500cosmetics.com/es/media/wysiwyg/500cosmetics/icons/advertencia.png") scroll 0,10px!important;
    background-repeat: no-repeat!important;
}

 .error-msg, .success-msg, .note-msg, .notice-msg {
    padding: 8px 8px 3px 33px !important;
    border-radius: 5px!important;
    margin-bottom: 10px !important;
}

/* FIN ESTILOS CREAR CUENTA*/
/* FACTURA*/
.padding-right{padding-right: 100px;}
.padding-left{padding-left: 10px;}

.text-padding {
    padding-bottom: 10px;
}
.margin-left{margin-left: 5px;}

.margin-top20 {
    margin-top: 20px;
}
.margin-bottom20 {
    margin-bottom: 20px;
}
/* FACTURA*/
.cupon-txt-gra{  font-size: 17px; line-height: 17px; font-family: "opensans-bold";  }
.cupon-txt-gra-imp{  font-size: 47px!important; line-height: 41px; font-family: "opensans-bold";  }
.carr-of a{ color:#3c3c3c!important; cursor: pointer;  }
.fom-cupo{ text-align: center; }
.imput-cupon{ margin-bottom: 10px; width: 100%; }
/*.enviar-cupon{ margin: auto; width: 66%; margin-top: 8px }*/
.mg-cm{    margin: 0px!important;}
.alt-tit{height: 50px;}
.bg-color-crema{ background:#EBE2DB;  }
.mb-envio{margin-bottom: 0px;}
.panel{ width: 100%; min-height: 130px }
.panel .tit{ width: 100%; border-bottom: 1px solid #ccc; height: 33px; margin-bottom: 17px; display: inline-block; font-weight: bold; }
.panel .p-izq{ width: 48%; float: left; }
.panel .p-der{ width: 48%; float:right; }
.p-btn{
    background-color: #5784c8;
    color: #fff;
    padding: 4px 40px;
    float: right;
    font-weight: normal;
} 
.p-btn a{ color: #fff; font-size: 16px; cursor: pointer; }
.p-btn a:hover{ color: #fff!important; font-weight: normal;}
.grid-text-carrito{    margin: 47px auto;
    top: 48px;}
.total-width{ width: 100% }
.margin-ul{ margin-top: 200px;}
/*ESTILOS MIS PEDIDOS*/
.cat2 { width: 100%; background: #fff; display: inline-block; }
.cuad-cont-cate {padding: 30px!important;}
.total-width{ width: 100% }
.margin-ul{ margin-top: 200px;}
.module-grid .grid-item.grid-item-2-pedidos {
    width: calc(21% - -20px);
}
.module-grid .grid-item.grid-item-2-pedidos2 {
    width: calc(67% - 20px);
}
.list-ped{    margin-bottom: 2px; background-color: #fff;padding: 15px;padding-right: 56px;padding-left: 32px;}
.bd-top{border-top: 5px solid #30bd72;}
.module-grid .grid-item-pedido {
    position: relative;
    display: inline-block;
   
    vertical-align: top;
}
.mg-t{margin-top: 8px;}
.pd-20{    padding: 20px;}
.barra-lat{    border-right: 4px solid #30bd72;cursor: pointer;transition: border-color .4s;position: relative;}
.barra-lateral{position: relative;
    display: inline-block;
    padding: 0 25px;
    height: 46px;
    cursor: pointer;
    transition: border-color .4s;}
.pd-0{padding-left: 0px!important;}
.cat2 .precio .top {
    width: 60%;
    float: left;
    margin-top: 12%!important;
}
.width-96{width: 96%!important;padding-bottom: 20px;}
.flecha{    position: relative;top: -101px;right: 53px;}
.tot-art{width: 50%;float: left;}
.dir-art{width: 29%;float: right;}
.dir-marg{    margin: 20px;}
.btn-registro {
    padding: 10px!important;
    width: 238px;
    margin-bottom: 10px;
}
/*ESTILOS MIS PEDIDOS*/
.catalog-category-view .module-grid .grid-item.grid-item-2  {margin-bottom: 15px!important;}
.alto-cat{height: 0px;}
/*.catalog-category-view .module-grid .grid-item.grid-item-2 .grid-content .font-p{margin-bottom: 115px;}*/
/* menu contacto */
.izq-menu{ float: left; width: 80% }
.dere-menu{float: right; width: 20%; padding-top: 22px; }

/* resumen de pedido */
.onestepcheckout-summary .form-container .js-dropdown .card-main-content .cart-items .item .font-p { line-height: 25px; }
.onestepcheckout-summary .form-container .js-dropdown .card-main-content .cart-items .item{ padding: 11px 0!important;  }
#onestepcheckout-coupons{     padding: 8px 20px!important; }
.column-small .card-container .card-main-container .card-main {     padding: 8px 20px!important; }
.payment-text-container p img,
.shipping-text-container p img {
    width: 90px
}


.pop-up-carrito {
    width: 560px;
    background-color: #fff;
    margin: auto;
}
.pop-up-carrito .js-animate{
    opacity: 1 !important;
}
header .pop-up-carrito{
    position: absolute;
    width: 400px;
    z-index: 10;
    display: none;
    right: 0;
    top: 35px;
}
.pd-carrito {
    padding: 2% 50px;
}
.pd-carrito .precio.sep {
    text-align: left;
    padding-left: 20px; 
}

.pd-carrito .desc .font-p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
}
.pd-carrito .precio p{
    
    font-size: 13px;
}
.pd-carrito .controlador p{
    
    font-size: 13px;
}
.pd-carrito .shopping-cart-totals-table, .pd-carrito #shopping-cart-totals-table{
    display: none;
}
.pd-carrito .subtotal-price{
    display: none;
}
.pd-carrito.pd-x {
    padding: 6% 35px!important;
    text-align: center;
}
.pd-carrito .success-msg{
    color: green;
    text-align: left;
    font-family: 'opensans-regular'!important;
    font-weight: lighter!important;
}

.carrito-lista-totales .border-cart .tit {
    width: 50%;
    float: left;
    text-align: left;
    padding-top: 8px;
}
.carrito-lista-totales .border-cart .precio {
    width: 50%;
    float: right;
    text-align: right;
    padding-top: 8px;
}
.border-cart{
    display: none;
}
.pd-carrito .border-cart{
    display: block;
    border-top: solid 1px #dadada;
    grid-column: 1/span 2;
}
.pd-carrito .carrito-lista-totales {
    padding: 7px 0px 0px 0;
    grid-template-columns: 50% 50%;
    display: grid;
    align-items: center;
    grid-gap: 10px 0;
}
.pd-carrito .carrito-lista-totales .loading-ajax{
    display: none;
}
.pd-carrito .font-right{
    grid-column: 2;
}
.pd-carrito .item-left{
    grid-column: 1;
    text-align: left;
}
.pd-carrito .onestepcheckout-summary{
    max-height: 160px;
    overflow-y: auto;
}
.pd-carrito .js-animate{
    transform: unset !important;
}
.checkout-cart-index .link-carrito-popup{
    display: none;
}
.onestepcheckout-index-index .payment-methods label[for="p_method_msp"],
.onestepcheckout-index-index .shipping-methods label[for="s_method_msp"] {
    display: none;
}
.carrito-lista{ border-top: solid 1px #dadada; padding: 21px 0px 0px 0; }
.carrito-lista li{ background: #fcfcfc; display: flex; }
.carrito-lista li .foto{ 
    width: 25%; margin-right: 2%;
    float: left; }
    .carrito-lista li .foto img{ width: 100%!important }
    .carrito-lista li .desc{ 
    width: 20%; margin-right: 2%;
    float: left;     margin-top: 5%;}
.carrito-lista li .precio{ 
    width: 30%;
    float: left; margin-top: 5%}
.carrito-lista li .controlador{ 
    text-align: left;margin-top: 7%;}
.carrito-lista-totales{ 
    padding: 21px 0px 50px 0;     
    grid-template-columns: 50% 50%;
    grid-auto-rows: 40px;}
.carrito-lista .btn-update{
    width: 100%;
}
.controlador .input-text.qty{
    width: 30px;
    text-align: center;
    background: transparent;
    border: none;
}
.controlador .add-qty{
    padding: 0 5px;
}
.controlador .less-qty{
    padding: 0 5px;
}
.carrito-lista-totales li{ display: flex; padding: 2% 0 }
.carrito-lista-totales li .tit{ width: 50%; float: left; }
.carrito-lista-totales li .precio{ width: 50%; float: right; text-align: right; }
.border-bottom-totales{ border-bottom: solid 1px #dadada; }
.grid-text-carrito{    margin: 12px auto;
    top: 48px;}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -130px;
    padding: 10px 0;
    border-top: solid #0099ff 2px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 243px;
    padding: 11px 12px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #f3f3f3;
    border-top: 3px solid #5784c8;
   
}
.dropdown-menu li {
    font-family: Arial, Helvetica, sans-serif;
    background: url(/es/skin/frontend/lesap/default/assets/img/bullet.png) no-repeat scroll 0px 6px;
    padding-left: 10px;
    color: #555555;
    cursor: pointer;
    font-size: 12px;
    line-height: 19px;
}
.dropdown-menu li{
    font-family: "opensans-regular";
    font-size: 13px;
    line-height: 18px;
margin-bottom: 5px;}
.btn-registro {
    padding: 10px!important;
    width: 238px;
    margin-bottom: 10px;
}
.mg-email{margin: 10px 0px!important;}
.mb-15{margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.pd-bot{padding-bottom: 40px;}
.pb-100{padding-bottom: 100px!important;}
 .grid-text-caja {
    position: relative;
    display: block;
    margin: 0 auto;
    top: 48px;
}
.bg-form{background-color: #f9f9f9;}
.check-registro{
    background-color: #f4f4f4!important;
    color: #000!important;}
.pop-up-login{
    width: 30%;
    background-color: #fff;
    margin: auto;
    
}
.mg-bt-login{margin-bottom: 5px;}
.font-login{
    font-family: "opensans-regular";
    font-size: 13px;
    line-height: 24px;
}
.mail-br{display: none;}
.code15{
    background: #30bd72;
    padding:15px 30px 15px 30px;
    color: #f9f9f9;
    width: 155px;
    margin: auto;
    margin-top: 10px;
}
.pop-up{
    width: 40%;
    background-color: #fff;
    margin: auto;
    
}
.code15{
    background: #30bd72;
    padding:15px 30px 15px 30px;
    color: #f9f9f9;
    width: 155px;
    margin: auto;
    margin-top: 10px;
}
.pop-up .grid-img-caja {
    position: relative;
    display: block;
    width: 99%;
    max-width: 308px;
    margin: 0 auto -50px auto;
    margin-top: -40px;
    margin-bottom: -100px;
}
.pop-up-login{
    width: 30%;
    background-color: #fff;
    margin: auto;
    
}
.pd-pop{
    padding-left: 100px;
    padding-right: 100px;
   
     }
.btn-salir{
    padding: 10px!important;
    width: 202px;
    margin-bottom: 60px; 
}
.mg-top{    margin-top: 30px;}
.mg-bot{    margin-bottom: 30px;}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    font-size: 17px;
    margin-left: 32px;
}
.mg-botom{    
    margin-bottom: 50px;
    margin-top: 60px;
    height: 55px;
}
.mail-br{display: none;}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    
    margin-left: 32px;
}
.pd-pop{
    padding-left: 100px;
    padding-right: 100px;
   
     }
.btn-salir{
    padding: 10px;
    width: 202px;
    margin-bottom: 60px; 
}
.mg-top{    margin-top: 30px;}
.mg-bot{    margin-bottom: 30px;}
.mg-botom{    
    margin-bottom: 50px;
    margin-top: 60px;
    height: 55px;
}
.pop-up .grid-img-cerrar {
    float: right;
    width: 5%;
    margin: 10px;
   
}
.pd-bot{padding-bottom: 40px;}
 .grid-text-caja {
    position: relative;
    display: block;
    margin: 0 auto;
    top: 48px;
}
.bg-form{background-color: #f9f9f9;}
.check-registro{
    background-color: #f4f4f4!important;
    color: #000!important;}
.font-404{
    font-size: 90px;
    line-height: 65px;
    padding-top: 30px;
    color: #30bd72;
    font-weight: 700;
}
.pad-404{
    padding-bottom: 30px;
}
.pad-text{
    padding: 0px 478px 77px;
}
.marg-cat{    margin: 22px 190px;}
.font-verde { color: #30bd72;}
.icon .icon-next{
    margin-left: 10px;
}
.pd-cat{padding-top: 25px;}
  .button-wrapper{
    position: absolute;
    right: 20px;
    bottom:0;
}
.font-p {
    font-family: "opensans-regular";
    font-size: 14px;
    line-height: 24px
}
.font-p2 {
    font-family: "opensans-regular";
    font-size: 11px;
    line-height: 20px
}
.font-p3 {
    font-family: "opensans-regular";
    font-size: 9px;
    line-height: 15px
}
.font-h1 {
    font-family: "opensans-regular";
    font-size: 55px;
    line-height: 65px
}
.font-h2 {
    font-family: "opensans-regular";
    font-size: 30px;
    line-height: 40px
}
.font-h2b {
    font-family: "opensans-regular";
    font-size: 36px;
    line-height: 46px
}
.font-h3 {
    font-family: "opensans-regular";
    font-size: 22px;
    line-height: 28px
}
.font-h4 {
    font-family: "opensans-regular";
    font-size: 16px;
    line-height: 29px
}
.font-h5 {
    font-family: "opensans-regular";
    font-size: 16px;
    line-height: 23px
}
.font-footer {
    font-family: "opensans-regular";
    font-size: 13px;
    line-height: 23px
}
.font-number-big {
    color: #b3b3b3;
    font-family: impact;
    font-size: 65px
}
.font-offers {
    font-size: 23px;
    line-height: 10px
}
.font-offers2 {
    font-size: 13px;
    line-height: 10px
}
.font-white {
    color: #ffffff
}
.font-black {
    color: #3c3c3c
}
.font-gray {
    color: #cfcfcf
}
.font-gray-dark {
    color: #494949
}
.font-light-gray {
    color: #f4f4f4
}
.font-yellow{color:#FFBE00; }
.font-red {
    color: #ec605f
}
.font-blue {
    color: #5784c8
}
.font-green {
    color: #2cb35f
}
.font-orange {
    color: #eba560
}
.font-placeholder {
    color: #939393
}
.font-underline {
    text-decoration: underline
}
.font-capitalize {
    text-transform: capitalize
}
.font-uppercase {
    text-transform: uppercase
}
.font-line-through {
    text-decoration: line-through
}
.font-bold {
    font-family: "opensans-bold"
}
.font-semibold {
    font-family: "opensans-semibold"
}
.font-light {
    font-family: "opensans-light"
}
.font-block {
    display: block
}
.font-center {
    text-align: center
}
.font-right {
    text-align: right
}
.font-left {
    text-align: left
}
.font-inline {
    display: inline-block
}
.font-underline-white {
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid #ffffff
}
.font-underline-white.border-2 {
    border-bottom: 2px solid #ffffff
}
.font-underline-white.border-4 {
    border-bottom: 4px solid #ffffff
}
.font-underline-blue {
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px solid #5784c8
}
.font-underline-blue.border-2 {
    border-bottom: 2px solid #5784c8
}
.font-underline-blue.border-4 {
    border-bottom: 4px solid #5784c8
}
.font-underline-black {
    text-decoration: none;
    border-bottom: 1px solid #000000
}
.font-underline-black.border-2 {
    border-bottom: 2px solid #000000
}
.font-underline-black.border-4 {
    border-bottom: 4px solid #000000
}
.font-rightline-gray {
    text-decoration: none;
    padding-bottom: 2px;
    border-right: 1px solid #fbfbfb
}
.font-rightline-gray.border-2 {
    border-right: 5px solid #fbfbfb
}
.font-rightline-gray.border-4 {
    border-right: 4px solid #fbfbfb
}
body {
    margin-top: 106px;
    color: #3c3c3c
}
body:not(.js-animations-loaded) .js-animate {
    opacity: 0
}
.lista-packs li{ margin-bottom: 16px; line-height: 21px;  }
 .sep{     border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #cfcfcf;
        padding-left: 20px; }
.margin-right{ margin-right: 5px }
.img-prod{ width: 20px; margin: auto;}
.float-right{ float: right; }
.float-left{ float: left; }
.alt-cat{ min-height: 248px }
.cat-left{ width: 39%; margin-left: 37%; position: absolute; background-color: rgba(255,255,255,0.5); padding: 10px }
.cab-cat{ display:block;  }
.img-cat{ float: left; margin-top: -30px; margin-left: -30px; max-height: 248px; max-width: 900px }
.medium-width {
    width: 80%;
    margin-left: auto;
    margin-right: auto
}
.lit-btn{ position: relative; margin: 36px 0; }
.cat-left-prod {
    margin-right: 20px;
    width: calc(43% - 20px); 
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    
}
.cat-right-des {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.cat-right-des .title {
    margin-bottom: 0px;
}
.cuad-cont-cate {
    padding: 30px!important;
}
.cuad-cont-cate .alto-cat {
    margin-bottom: 70px;
}
.cat2 { width: 100%; background: #fff; display: inline-block; }
.cat2 .foto{ width:20%; float: left;}
.cat2 .foto img{ width: 100%; max-width: 135px; margin-left: 20px }
.cat2 .tit{width:45%; float: left; margin-top: 5%}
.cat2 .des{width:35%; float: left; margin-top: 5%}
.cat2 .precio{width:60%; float: left; margin-top: 8%}
.cat2 .boton{width:40%; float: left; margin-top: 2%; position: relative;}
.cat2 .blq1{width: 70%; float: left;}
.cat2 .blq2{width: 30%; float: left; padding-left: 20px;}
.bg-color-blue {
    background-color: #5784c8
}
.bg-color-green {
    background-color: #2cb35f
}
.bg-color-orange {
    background-color: #eba560
}
.bg-color-red {
    background-color: #ec605f
}
.bg-color-gray-dark {
    background-color: #494949
}
.bg-color-gray-light {
    background-color: #f4f4f4
}
.bg-color-gray-input {
    background-color: #f6f6f6
}
.bg-color-gray-xx-light {
    background-color: #f9f8f8
}
.bg-color-gray-extra-light {
    background-color: #fbfbfb
}
.bg-color-white {
    background-color: #ffffff
}
.button {
    position: relative;
    display: inline-block;
    border: 2px solid transparent;
    padding: 4px 20px;
    text-align: center
}
.slides-wrapper .button-wrapper.ofertas{
    right: 170px !important;
}
.button.button-red {
    background-color: #ec605f;
    border-color: #ec605f
}
.button.button-blue {
    background-color: #5784c8;
    border-color: #5784c8
}
.button.button-blue-light {
    background-color: #969fad;
    border-color: #969fad
}
.button.button-green {
    background-color: #2cb35f;
    border-color: #2cb35f
}
.button.button-orange {
    background-color: #eba560;
    border-color: #eba560
}
.button.button-gray-dark {
    background-color: #494949;
    border-color: #494949
}
.button.button-small {
    padding: 0 4px;
    border-radius: 4px
}
.button.button-big {
    padding: 15px 65px
}
.button.button-big-cat {
    padding: 15px 65px
}
.button.button-extra-big {
    padding: 15px 65px;
    min-width: 280px
}
.button.button-rounded {
    padding: 15px 15px;
    border-radius: 50%
}
.button.button-rounded-corner {
    border-radius: 3px
}
.button.button-hover {
    padding: 0 17px;
    border-radius: 25px;
    height: 50px;
    line-height: 50px
}
.button.button-hover .text,
.button.button-hover .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px
}
.button.button-hover .text-ofertas, .button.button-hover .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
}
.button.button-hover .text {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}
.button.button-hover .margin-left {
    margin-left: 0;
    width: 12px;
    text-align: center
}
.button.button-move-up {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.button.button-move-down {
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}
.icon-oferta {
    position: absolute;
    display: block;
    font-size: 100px;
    z-index: 2
}
.icon-oferta .offers {
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    text-align: center
}
.icon-oferta.oferta-big {
    font-size: 150px
}
.icon-oferta.oferta-big .font-offers {
    font-size: 18px;
    line-height: 18px
}
.icon-oferta.oferta-big .font-offers2 {
    font-size: 16px
}
.module-cover-slider .icon-oferta {
    top: 13%;
    left: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}
.module-cover-slider.module-cover-product .icon-oferta {
    left: 40%;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}
.grid-container .grid-item .icon-oferta {
    top: 38px;
    right: 5%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.margin-bottom5{ margin-bottom: 5px }
.margin-bottom20{ margin-bottom: 20px }
.margin-bottom40{ margin-bottom: 40px }
.margin-top20{ margin-top: 20px }
.margin-top40{ margin-top: 40px }
.fill-blue {
    fill: #5784c8
}
.fill-green {
    fill: #2cb35f
}
.fill-orange {
    fill: #eba560
}
.fill-black {
    fill: #000000
}
.fill-red {
    fill: #ec605f
}
.fill-white {
    fill: #ffffff
}
.fill-gray {
    fill: #494949
}
.fill-none {
    fill: none
}
.stroke-blue {
    stroke: #5784c8
}
.stroke-green {
    stroke: #2cb35f
}
.stroke-orange {
    stroke: #eba560
}
.stroke-black {
    stroke: #000000
}
.stroke-red {
    stroke: #ec605f
}
.stroke-white {
    stroke: #ffffff
}
.stroke-gray {
    stroke: #494949
}
.offer-sign {
    width: 110px
}
.line-blue {
    border-bottom: 1px solid #5784c8
}
.line-green {
    border-bottom: 1px solid #2cb35f
}
.line-orange {
    border-bottom: 1px solid #eba560
}
.line-grey {
    border-bottom: 1px solid #cfcfcf
}
.line-red {
    border-bottom: 1px solid #ec605f
}
.border-color-blue {
    border-color: #5784c8
}
.border-color-green {
    border-color: #2cb35f
}
.border-color-orange {
    border-color: #eba560
}
.border-color-red {
    border-color: #ec605f
}
.option-blue .container-point:after {
    background: #5784c8
}
.option-green .container-point:after {
    background: #2cb35f
}
.option-orange .container-point:after {
    background: #eba560
}
.option-red .container-point:after {
    background: #ec605f
}
.module {
    margin-bottom: 60px
}
.module.without-margin-bottom {
    margin-bottom: 0
}
.module.with-margin-small {
    margin-top: calc(60px/2);
    margin-bottom: calc(60px/2)
}
.module.with-margin-bottom-small {
    margin-bottom: calc(60px/2)
}
.module.with-padding {
    padding-top: 60px;
    padding-bottom: 60px
}
.module.with-padding-small {
    padding-top: calc(60px/2);
    padding-bottom: calc(60px/2)
}
.module.with-padding-bottom {
    padding-bottom: 60px
}
.module.with-padding-bottom-small {
    padding-bottom: calc(60px/2)
}
.module.with-padding-top {
    padding-top: 60px
}
.js-dropdown.js-tab-content.active .js-dropdown-content {
    display: block
}
.js-dropdown .js-dropdown-icon-open:not(.active),
.js-dropdown .js-dropdown-icon-close:not(.active) {
    display: none
}
.module-search {
    position: fixed;
    top: 106px;
    left: 0;
    z-index: 12;
    display: none;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.4);
}
#search_mini_form .category-select{
    float: left;
    text-align: left;
    width: 20%;
    display: inline-block;
    padding: 8px;
    background: white;
}
.module-search.active {
    display: block
}
.module-search .search-container {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px 0
}
.module-search .search-container .search {
    position: relative;
    display: inline-block;
    width: 100%
}
.module-search .search-container .search .text-search {
    border: none;
    width: 40%;
    padding: 5px;
    margin-right: 5%
}
.module-search .button-search{
    font-size: 10px;
    padding: 5px;
    display: none;
}
.module-breadcrumbs {
    position: relative;
    display: block
}
.module-breadcrumbs li {
    display: inline-block
}
.module-breadcrumbs .breadcrumb:after {
    content: "\00a0/\00a0"
}
.header-container .medium-width .payments {
    display: inline-block;
    width: 30px;
    vertical-align: middle;
    margin-left: 5px;
}
.header-secuerum{ padding-left: 35%!important }
.header-container .medium-width .payments img {
    width: 100%;
    object-fit: contain;
}
.header-container {
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10
}
.header-container .header-top {
    padding: 15px 0
}
.header-container .header-bottom {
    margin-top: 25px
}
.header-container .header-bottom .header-bottom-main,
.header-container .header-bottom .header-bottom-help {
    position: relative;
    display: inline-block
}
.header-container .header-bottom .header-bottom-main {
    width: calc(100% - (10%));
    padding-left: 10%
}
.header-container .header-bottom .header-bottom-help {
    width: 10%
}
.header-container .header-left,
.header-container .header-right,
.header-container .header-center {
    position: relative;
    display: inline-block;
    vertical-align: top
}
#select-language{ font-size: 15px; padding: 4px; }
.header-container .header-left {
    width: 21%
}
.header-container .header-right {
    width: 20%
}
.header-container .header-center {
    width: 57%;
    text-align: center
}
.header-container .header-left {
    text-align: left
}
.header-container .header-right {
    text-align: right
}
.header-container .header-right .header-icon {
    height: 46px;
    cursor: pointer
}
.header-container .header-right .header-icon.active {
    border-bottom: solid 4px #2cb35f
}
.header-container .icon.icon-phone {
    margin-right: 5px;
    vertical-align: middle;
    font-size: 17px
}
.header-container .header-link {
    position: relative;
    display: inline-block;
    padding: 0 25px;
    height: 46px;
    cursor: pointer;
    transition: border-color .4s
}
.header-container .header-link:after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: inherit;
    transition: width .4s ease-in-out
}
.header-container .header-link:not(.active):after {
    width: 0
}
.header-container .header-link:not(.active):hover:after {
    width: 100%;
    border-color: inherit
}
.header-container .header-link.active:after {
    width: 100%
}
.header-container .header-menu-mobile {
    position: relative;
    display: none;
    background-color: #2cb35f;
    width: 50px;
    height: 50px
}
.header-container .header-menu-mobile .menu-mobile-icon {
    position: relative;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    enable-background: new 0 0 32 32;
    fill: #ffffff;
    width: 50%;
    height: 50%
}
.header-container .cosm-logo {
    width: 80px
}
.header-container .header-icon {
    position: relative;
    display: inline-block;
    padding: 0 15px
}
.header-container .notification-number-container {
    position: absolute;
    display: block;
    top: -12px;
    right: -5px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #ffffff
}
.header-container .notification-number-container .notification-number {
    position: relative;
    display: block;
    line-height: 23px;
    margin-top: -1px
}
.header-container .header-submenu-container {
    position: relative;
    display: block;
    width: 100%;
    border-top: 2px solid #f4f4f4
}
.header-container .header-submenu-container .header-submenu-wrapper {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 10%
}
.header-container .header-submenu-container .header-submenu {
    position: relative;
    display: none;
    opacity: 0;
    pointer-events: none
}
.menu-item-container .font-p {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}
.header-container .header-submenu-container .header-submenu.active {
    display: block;
    opacity: 1;
    pointer-events: auto;
    padding-bottom: 50px
}
.header-container .header-submenu-container .header-submenu .submenu-item {
    position: relative;
    display: inline-block;
    width: 22%;
    margin-top: 20px;
    padding: 0 10px;
    vertical-align: top;
    text-align: left;
    padding-left: 4%
}
.header-container .header-submenu-container .header-submenu .submenu-item .title,
.header-container .header-submenu-container .header-submenu .submenu-item .link {
    position: relative;
    display: block
}
.header-container .header-submenu-container .header-submenu .submenu-item .title {
    margin-bottom: 20px
}
.header-container .header-submenu-container .header-submenu .submenu-item-content {
    position: relative;
    display: inline-block;
    text-align: left
}
.header-container .header-submenu-container .header-submenu .menu-item-container {
    position: relative;
}
.header-container .header-submenu-container 
.header-submenu .dropdown-menu {
    display: none;
    position: absolute;
    background: white;
    top: -16px;
    float: right;
    background: white;
    z-index: 10;
    left: 115px
}
.header-container .header-submenu-container 
.header-submenu .menu-item-container:hover .dropdown-menu {
    display: block;
}
.menu-mobile {
    position: fixed;
    display: none;
    width: 100%;
    height: 100vh;
    z-index: 11;
    top: 0;
    left: 0;
    background-color: #f4f4f4
}
.menu-mobile .menu-top-close {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    margin: 20px;
    border-radius: 50%;
    background-color: #ffffff
}
.menu-mobile .menu-top-close .close-icon {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    fill: #000000;
    margin: 0 auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.menu-mobile .menu-left,
.menu-mobile .menu-right {
    position: relative;
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    margin-top: 40px
}
.menu-mobile .menu-left-container {
    padding: 20px
}
.menu-mobile .menu-left-container.activ,
.menu-mobile .menu-left-container.active-click {
    border-left: solid 3px #5784c8;
    color: #3c3c3c
}
.menu-mobile .sub-menu {
    display: none
}
.menu-mobile .sub-menu.active {
    display: block
}
.menu-mobile .sub-menu-link {
    margin: 15px 0
}
.footer-container {
    display: block;
    padding: 90px 0 50px 0; 
    clear: both;
}
.footer-container .medium-width {
    vertical-align: top
}
.footer-container .medium-width .margin-bottom-grid {
    margin-bottom: 90px;
    vertical-align: top
}
.footer-container .medium-width .width {
    display: inline-block;
    vertical-align: top
}
.footer-container .medium-width .width-big {
    width: 33%
}
.footer-container .medium-width .width-big.padding-right {
    padding-right: 10%
}
.footer-container .medium-width .width-medium {
    width: 25%
}
.footer-container .medium-width .width-small {
    width: 21%
}
.footer-container .medium-width .social .padding-center {
    padding: 0 30px
}
.footer-container .medium-width .social .social-icon {
    display: inline-block
}
.footer-container .medium-width .payments {
    display: inline-block;
    width: 40px;
    vertical-align: middle
}
.footer-container .medium-width .payments img {
    width: 100%;
    object-fit: contain
}
.footer-container .margin-bottom {
    margin-bottom: 20px
}
.footer-container .list-container .margin-bottom {
    margin-bottom: 20px
}
.footer-container .list-container .margin-bottom-big {
    margin-bottom: 30px
}
.footer-container .list-container li {
    margin-bottom: 7px
}
.footer-container .logo,
.footer-container .social,
.footer-container .policy {
    display: inline-block;
    vertical-align: middle
}
.footer-container .logo {
    width: 100px
}
.footer-container .social {
    width: 110px;
    text-align: right
}
.footer-container .policy {
    width: calc(100% - 210px);
    text-align: center
}
.footer-container .bottom {
    padding: 20px
}
.footer-responsive {
    display: none
}
.footer-responsive .section-resp {
    position: relative;
    display: block;
    padding: 25px
}
.footer-responsive .section-resp.active {
    border-bottom: 2px solid #2cb35f
}
.footer-responsive .border-top {
    border-top: 2px solid #f4f4f4
}
.footer-responsive .border-dropdown {
    border-top: 2px solid #f4f4f4;
    border-bottom: 2px solid #f4f4f4
}
.footer-responsive .width-arrow {
    width: 17px
}
.footer-responsive .width-circle {
    width: calc(100% - 77px);
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px
}
.footer-responsive .social-resp {
    width: 33%;
    display: inline-block
}
.footer-responsive .inner-padding {
    padding: 20px
}
.footer-responsive .margin-bottom {
    margin-bottom: 20px
}
.footer-responsive .margin-top {
    margin-top: 12px
}
.footer-responsive .circle {
    font-size: 17px;
    background-color: #f4f4f4;
    padding: 20px;
    border-radius: 50%
}
.footer-responsive .main-width {
    width: 100%
}
.footer-responsive .icon-footer {
    vertical-align: middle;
    display: inline-block
}
.footer-responsive .title {
    display: inline-block;
    width: calc(100% - 17px)
}
.footer-responsive .bottom {
    padding: 20px
}
.footer-responsive .payments {
    display: inline-block
}
.module-cover-slider .container-slider {
    position: relative;
    display: block;
    height: 56vh;
    width: calc(100% - (10%));
    margin-left: 10%
}
.module-cover-slider .container-slider .slider {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}
.module-cover-slider .container-slider .slider .slide {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none
}
.module-cover-slider .container-slider .slider .slide.active {
    opacity: 1;
    pointer-events: auto
}
.pt-20{padding-top: 20px!important;}
.module-cover-slider .container-slider .slider .slide .slide-left {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 30%
}
.module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left li{padding: 0px 53px 0px 20px;}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left {
   
}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left .list {
    position: relative;
    display: block;
    width: 100%;
    max-width: 270px;
    margin-top: 30px;
    margin-bottom: 40px
}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left .list span.icon-checkmark {
    position: relative;
    display: inline-block;
    vertical-align: top
}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left .list span.text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 20px);
    padding-left: 10px
}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left .list .list-item {
    margin-bottom: 4px
}
.module-cover-slider .container-slider .slider .slide .slide-left .image-slider-rigth {
    position: relative;
    display: none;
    vertical-align: middle;
    width: 60%;
    height: 100%
}
.module-cover-slider .container-slider .slider .slide .slide-left .image-slider-rigth .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none
}
.module-cover-slider .container-slider .slider .slide .slide-right {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 70%;
    height: 100%
}
.module-cover-slider .container-slider .slider .slide .slide-right .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none
}
.module-cover-slider .container-slider .slider-steps {
    width: 20%;
    display: block;
    position: absolute;
    bottom: 10%;
    right: 10%
}
.module-cover-slider .container-slider .slider-steps .step {
    position: relative;
    display: inline-block;
    background-color: #cfcfcf;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    margin-right: 10px
}
.module-cover-slider .container-slider .slider-steps .step.active {
    background-color: #5784c8
}
.module-cover-slider.module-cover-product .container-slider {
    height: auto
}
.module-cover-slider.module-cover-product .container-slider .slider .slide.active {
    position: relative
}
.module-cover-slider.module-cover-product .slide {
    background-color: #fbfbfb
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-right{
    width: 40%
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left {
    width: 60%
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-right {
    padding-right: 20px
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left {
    padding-left: 20px
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .title-left {
    width: 87%
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .title-left .title-left-text {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product {
    width: 67%;
    display: inline-block;
    background-color: #fbfbfb
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .widht-buttom-100 {
    width: 100%;
    text-align: center
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row {
    margin-bottom: 5px;
    background-color: #ffffff;
    padding: 10px;
    padding-left: 25px;
    cursor: pointer
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row-left {
    width: calc(81% - 10px);
    display: inline-block;
    vertical-align: top
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row-left .container-point {
    background-color: #fbfbfb;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    box-shadow: 0 0 0 7px #f4f4f4;
    transition: background .6s ease-in-out
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row-left .container-point.active {
    background-color: #2cb35f
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row-left .container-product-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row-right {
    width: 20%;
    display: inline-block;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #cfcfcf
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row-right .container-row-right-text {
    padding-left: 20px
}
.text-padding {
    padding-bottom: 10px
}
.module-grid .grid-container {
    position: relative;
    width: calc(100% + 20px);
    margin-left: -20px;
}
.module-grid .grid-item {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    margin-left: 20px;
    vertical-align: top
}
.grid-item-1{    
    width: 98.8%;
    padding: 35px 35px 35px 36px;
    margin-bottom: 20px;
}
.module-grid .grid-item .grid-item-tag {
    margin-left: 30px
}
.module-grid .grid-item.grid-item-2 {
    width: calc(50% - 20px)
}
.module-grid .grid-item.grid-item-3 {
    width: calc(33.333% - 20px)
}
.module-grid .grid-item.grid-item-4 {
    width: calc(25% - 20px)
}
.module-grid .grid-item .title {
    margin-bottom: 10px
}
.module-grid .grid-content {
    padding: 30px
}
.module-grid .grid-content.without-padding-top {
    padding-top: 0
}
.module-grid .grid-content .with-extra-padding-right {
    padding-right: 30px
}
.module-grid .grid-content-small {
    padding: 10px 20px;
    margin-top: 10px
}
.module-grid.module-grid-img-text-vertical .grid-text {
    position: relative;
    display: block;
    max-width: 235px;
    margin: 0 auto
}
.module-grid.module-grid-img-text-vertical .grid-text .condition-link {
    position: relative;
    display: inline-block;
    margin-top: 20px
}
.module-grid.module-grid-img-text-vertical .grid-img {
    position: relative;
    display: block;
    width: 25%;
    max-width: 100px;
    margin: 0 auto 20px auto
}
.pop-up-login .grid-img-caja {
    position: relative;
    display: block;
    width: 99%;
    max-width: 308px;
    margin: 0 auto -50px auto;
}
.pop-up-login .grid-img-cerrar {
    float: right;
    width: 5%;
    margin: 10px;
   
}
.module-grid.module-grid-img-text-vertical .grid-img .img {
    width: 100%;
    height: 100%
}
.module-grid.module-grid-img-text-horizontal .grid-text {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    padding: 10px 60px 10px 50px
}
.module-grid.module-grid-img-text-horizontal .grid-img {
    width: 30%;
    display: inline-block
}
.module-grid.module-grid-text .grid-content.without-padding-top {
    margin-top: 15px;
}
.module-grid-slider .slider-title {
    position: relative;
    display: block;
    width: 100%
}
.module-grid-slider .slider-title .counter {
    float: right
}
.module-grid-slider .slider {
    position: relative;
    display: block;
    width: 100%
}
.module-grid-slider .slider .slides-wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}
.module-grid-slider .slider .slides {
    position: relative;
    display: block;
    width: calc(100% + 40px);
    padding-right: 20px;
    -webkit-transform: translate(-20px);
    -ms-transform: translate(-20px);
    transform: translate(-20px)
}
.module-grid-slider .slider .slides .slides-nowrap {
    position: relative;
    display: block;
    white-space: nowrap;
    margin: 30px 0 35px 0
}
.module-grid-slider .slider .slides .slide {
    position: relative;
    display: inline-block;
    width: calc(33.33% - 20px);
    padding: 0px 20px 25px 20px;
    margin-left: 20px;
    border-radius: 10px;
    transition: all .4s;
    white-space: normal
}
.module-grid-slider .slider .slides .slide.width-1 {
    width: calc(100% - 20px)
}
.module-grid-slider .slider .slides .slide.width-2 {
    width: calc(50% - 20px)
}
.module-grid-slider .slider .slides .slide.width-3 {
    width: calc(33.33% - 20px)
}
.module-grid-slider .slider .slides .slide:hover {
    box-shadow: 0 0 60px -20px #494949
}
.module-grid-slider .slider .slides .slide .top,
.module-grid-slider .slider .slides .slide .bottom {
    position: relative;
    display: block
}
.module-grid-slider .slider .slides .slide .top {
    margin-bottom: 20px;
    width: 95%;
}
.module-grid-slider .slider .slides .slide .top .left {
    display:block;
    margin:auto;
    width: calc(70% - 20px)
}
.module-grid-slider .slider .slides .slide .top .right {
    width: 100%;
    max-height: 300px;
}
.module-grid-slider .slider .slides .slide .top .right .feature.font-p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.module-grid-slider .slider .slides .slide .bottom .left,
.module-grid-slider .slider .slides .slide .bottom .right {
    vertical-align: bottom
}
.module-grid-slider .slider .slides .slide .bottom .left {
    margin-right: 20px;
    min-width: calc(40% - 20px);
    text-align: center;
    margin-bottom: 10px;
}
.module-grid-slider .slider .slides .slide .left,
.module-grid-slider .slider .slides .slide .right {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.module-grid-slider .slider .slides .slide .image {
    height: 100%;
    object-fit: contain;
    pointer-events: none
}
.module-grid-slider .slider .slides .slide .description .title {
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    margin-top: -40px;
}
.module-grid-slider .slider .slides .slide .button-wrapper {
    position: absolute;
    right: 20px;
}
.list-bus .button-wrapper{
    bottom: unset;
    top: 0;
}
.module-grid-slider .slider .controls-container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none
}
/*=======================================0
    FELCHAS-SLIDER-OSCAR
=========================================*/
.module-grid-slider .slider .controls-container .arrow-wrapper {
    position: absolute;
    top: -15px;
    width: 25px;
    height: 50px;
    pointer-events: auto;
    cursor: pointer;
    display:flex;
    justify-content: center;
    align-items: center;
    background: transparent;
}
/*=======================================0
    //FELCHAS-SLIDER-OSCAR
=========================================*/
.module-grid-slider .slider .controls-container .arrow-wrapper.arrow-left {
    text-align: right;
    left: -10px;
    -webkit-transform: translate(-100%);
    -ms-transform: translate(-100%);
    transform: translate(-100%)
}
.module-grid-slider .slider .controls-container .arrow-wrapper.arrow-right {
    right: -10px;
    -webkit-transform: translate(100%);
    -ms-transform: translate(100%);
    transform: translate(100%)
}
.module-grid-slider .slider .controls-container .arrow-wrapper .icon-prev,
.module-grid-slider .slider .controls-container .arrow-wrapper .icon-next {
    font-size: 15px
}
.slider-container {
    position: relative;
    display: block;
    width: 100%;
    height: 100%
}
.slider-container .lateral {
    position: relative;
    display: inline-block;
    width: 15%;
    height: 100%;
    margin: -4px
}
.slider-container .steps {
    position: absolute;
    display: block;
    width: 50%;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.slider-container .steps .step {
    position: relative;
    display: inline-block;
    width: 30%;
    height: 24px;
    background-color: blue;
    border: solid black 1px;
    cursor: pointer
}
.slider-container .contenedor-flecha {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 50px;
    height: 50px;
    text-align: center
}
.slider-container .contenedor-flecha .flecha {
    cursor: pointer;
    position: relative;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.slider-container .contenedor-flecha .flecha.derecha {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}
.slider-container .slider {
    position: relative;
    display: inline-block;
    width: 70%;
    height: 100%;
    margin: -4px;
    text-align: center
}
.slider-container .slider .slide {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: 600px;
    opacity: 0;
    pointer-events: none
}
.slider-container .slider .slide.active {
    pointer-events: auto
}
.slider-container .slider .slide.first-image {
    opacity: 1
}
.slider-container .slider .slide .imagen {
    position: relative;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%
}
.features .tit-pack{
    display: none;
}
.features .precio{
    display: none;
}
.features .list-pack ul{
    padding: 0;
}
.features .list-pack li{
    font-family: "opensans-regular";
    font-size: 14px;
    line-height: 24px;
}
.features .list-pack li span:before{
    content: "\e978";
    font-size: 8px;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    color: #5784c8;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 2px;
    -webkit-font-smoothing: antialiased;
}
.features .list-pack li span{
    font-size: 0;
}
.module-image-description {
    display: block
}
.bottom .tit-pack{
    display: none;
}
.bottom .list-pack{
    display: none;
}
.blq2 .precio-nuevo{
    font-family: "opensans-semibold";
    font-size: 26px;
    line-height: 40px;
}
.blq2 .precio-antiguo{
    font-family: "opensans-regular";
    font-size: 20px;
    line-height: 40px;
    text-decoration: line-through;
}
.bottom .precio-nuevo{
    margin-right: 20px;
    min-width: calc(40% - 20px);
    text-align: center;
    vertical-align: bottom;
    position: relative;
    display: inline-block;
    font-family: "opensans-semibold";
    font-size: 30px;
    float: left;
    line-height: 40px;
}
.bottom .precio-antiguo{
    position: relative;
    display: inline-block;
    text-decoration: line-through;
    font-family: "opensans-semibold";
    font-size: 14px;
    line-height: 24px;
    color: #939393;
    height: fit-content;
    vertical-align: -webkit-baseline-middle;
}
.module-image-description .upper-menu .upper-menu-item {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: center;
    padding: 15px 14px;
    margin-right: 4px;
    cursor: pointer;
    overflow: hidden
}
.module-image-description .upper-menu .upper-menu-item:after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    border-bottom-width: 3px;
    border-bottom-style: solid;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-color: inherit;
    transition: left .4s ease-in-out;
    transition: width .4s ease-in-out
}
.module-image-description .upper-menu .upper-menu-item .icon-menu {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle
}
.module-image-description .upper-menu .upper-menu-item .p-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 5px
}
.module-image-description .upper-menu .upper-menu-item:not(.active):after {
    width: 0
}
.module-image-description .upper-menu .upper-menu-item:not(.active):hover:after {
    width: 100%;
    border-color: inherit
}
.module-image-description .upper-menu .upper-menu-item.active:after {
    width: 100%
}
.module-image-description .container {
    margin-top: 20px;
    width: 100%;
    height: 100%;
    padding-bottom: 30px
}
.module-image-description .container .container-content.js-tab-content {
    display: none
}
.module-image-description .container .container-content.active {
    display: block
}
.module-image-description .container .button-wrapper {
    position: relative;
    display: block;
    padding-left: 30px
}
.module-image-description .container-width30 {
    width: 30%;
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle
}
.module-image-description .container-width15 {
    width: 15%;
    padding-right: 20px;
    display: inline-block;
    vertical-align: middle;
     float: left;
}

.module-image-description .container-width33 {
    display: inline-block;
    margin-left: 10px;
    padding-right: 30px;
    position: relative;
    vertical-align: top;
    padding-bottom: 30px;
    width: calc(33.333% - 10px)
}
.module-image-description .container-width50 {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 20px 30px
}
.module-image-description .container-width30 {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding: 20px 30px
}

.cms-page-view .cms-sobre-nosotros .module-image-description .container-width30 {
    display: inline-block;
    width: 30%;
    /* vertical-align: top; */
    padding: 20px 30px;
}
.module-image-description .container-width70 {
    display: inline-block;
    width: 69%;
    vertical-align: middle
}
.module-image-description .container-width30.align-top,
.module-image-description .container-width50.align-top,
.module-image-description .container-width70.align-top {
    vertical-align: top
}
.module-image-description .container-width100 {
    display: inline-block;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
}
.module-image-description .container-div {
   /* position: relative;*/
    /*display: block;*/
    margin: 30px 0
}
.module-image-description .list {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0
}
.module-image-description .grid-container {
    width: calc(100% + 10px);
    margin-left: -10px
}
.module-image-description .image {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    object-fit: cover
}
.module-grid-text .image {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.module-image-description .container-number {
    text-align: right;
    width: 45%
}
.module-image-description .container-number-down {
    width: 100%
}
.module-image-description .container-number-down .container-width50 {
    padding: 0
}
.module-image-description .container-number-down .container-width30 {
    padding: 0
}
.module-image-description .padding-text {
    padding-bottom: 15px
}
.padding-title {
    padding: 50px 0;
}
.module-image-description .margin-bottom {
    margin-bottom: 25px
}
.module-image-description .margin-bottom-big {
    margin-bottom: 40px
}
.module-image-description .text-container {
    position: relative;
    display: block;
    width: 100%;
    padding-right: 60px
}
.module-image-description .text-container.with-padding {
    padding: 30px 30px 30px 0
}
.icon-text.margin-right,
.icon-cogs.margin-right,
.icon-leaf.margin-right,
.icon-gift.margin-right {
    margin-right: 5px;
}
.hidden {
    display: none
}
.list2 {
    vertical-align: middle
}
.module-tagline .tagline-text {
    padding: 30px
}
.module-lateral {
    position: fixed;
    display: inline-block;
    top: 30%;
    right: 0;
    z-index: 1
}
.module-lateral .lateral-item-tag {
    padding: 14px 30px
}
.module-lateral .lateral-move {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}
.checkout-container .checkout-top {
    padding-top: 60px;
    padding-bottom: 60px
}
.onestepcheckout-index-index .payment-methods img,
.onestepcheckout-index-index .shipping-methods img {
    display: block;
}
.checkout-bottom .field.fax{
    display: none;
}
.checkout-bottom .field.company{
    display: none;
}
.checkout-container .checkout-top .checkout-top-title {
    margin-bottom: 40px
}
.checkout-container .checkout-top .step-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
}
.checkout-container .checkout-top .step-container .number {
    margin: 0 auto;
    width: 34px;
    height: 34px;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #cfcfcf
}
.checkout-container .checkout-top .step-container.active .number {
    border-color: #2cb35f
}
.checkout-container .checkout-top .step-container .text {
    margin-top: 5px
}
.checkout-container .checkout-top .separator-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}
.checkout-container .checkout-top .separator-container .separator-dot {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #cfcfcf;
    margin: 0 4px
}
.checkout-container .checkout-bottom .column {
    position: relative;
    display: block;
    display: inline-block;
    vertical-align: top;
    padding: 60px 40px
}
.checkout-container .checkout-bottom .column.column-big {
    width: 60%
}
.checkout-container .checkout-bottom .column.column-small {
    width: 40%
}
.checkout-container .checkout-bottom .column.column-small .button-big-container {
    padding-left: 0;
    padding-right: 0
}
.checkout-container .checkout-bottom .column.column-small .button-big-container .button-big {
    width: 100%
}
.checkout-container .checkout-bottom .column.column-small .button-small {
    margin-bottom: 3px;
    vertical-align: middle
}
.checkout-container .checkout-result-container {
    position: relative;
    display: block;
    width: 60%;
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px
}
.checkout-container .checkout-result-container .center-container .span-container-inline span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}
.checkout-container .checkout-result-container .center-container .span-container-inline span:last-child {
    margin-right: 0
}
.checkout-container .checkout-result-container .text-center-container {
    position: relative;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px
}
.checkout-container .checkout-result-container .text-center-container .text-center {
    display: inline-block;
    width: 85%
}
.checkout-container .card-container {
    position: relative;
    display: block;
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
    border-radius: 4px
}
.checkout-container .card-container .card-header-container {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.checkout-container .card-container .card-header-container .number-container,
.checkout-container .card-container .card-header-container .title-container,
.checkout-container .card-container .card-header-container .arrow-container,
.checkout-container .card-container .card-header-container .edit-container {
    position: relative;
    display: inline-block;
    height: 60px;
    vertical-align: middle
}
.checkout-container .card-container .card-header-container .edit-container {
    width: 120px;
    padding-right: 20px
}
.checkout-container .card-container .card-header-container .edit-container .edit {
    position: relative;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #2aa056;
    padding: 2px 10px;
    border-radius: 4px
}
.customer-account-index .order-title, .sales-order-history .order-title{
    overflow: hidden;
    display: -webkit-box;
    padding: 0 15px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.customer-account-index #mis-pedidos, .sales-order-history #mis-pedidos, .customer-account-edit #mis-pedidos{ 
    height: auto !important;
}
.customer-account-index .blq2 .precio-nuevo, .sales-order-history .blq2 .precio-nuevo {
    font-size: 25px;
}
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-open,
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-close {
    display: none
}
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-open.active,
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-close.active {
    display: block
}
.checkout-container .card-container .card-header-container .arrow-container p,
.checkout-container .card-container .card-header-container .arrow-container a,
.checkout-container .card-container .card-header-container .arrow-container .icon-up,
.checkout-container .card-container .card-header-container .arrow-container .icon-down {
    position: relative;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.checkout-container .card-container .card-header-container .arrow-container p,
.checkout-container .card-container .card-header-container .arrow-container a {
    display: block
}
.checkout-container .card-container .card-header-container .number-container p,
.checkout-container .card-container .card-header-container .title-container p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.checkout-container .card-container .card-header-container .number-container,
.checkout-container .card-container .card-header-container .arrow-container {
    width: 60px;
    text-align: center
}
.checkout-container .card-container .card-header-container .title-container {
    width: calc(100% - 120px);
    border-left: 1px solid #2aa056;
    padding-left: 20px;
    padding-right: 20px
}
.checkout-container .card-container .card-header-container .title-container.without-border {
    border: none
}
.checkout-container .card-container .card-header-container .title-container.title-container-big {
    width: calc(100% - 120px)
}
.checkout-container .card-container .card-main-container .card-main-subtitle {
    margin-left: 60px;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px
}
.checkout-container .card-container .card-main-container .card-main-top {
    padding: 20px 10px 0 10px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link {
    position: relative;
    margin: 0 20px;
    height: auto;
    padding-bottom: 20px;
    cursor: pointer
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link:after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 3px solid red;
    border-color: inherit;
    transition: width .4s ease-in-out
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link.active,
.checkout-container .card-container .card-main-container .card-main-top .card-top-link:hover {
    border-color: #2cb35f;
    font-family: "opensans-bold";
    color: #3c3c3c
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link.active:after,
.checkout-container .card-container .card-main-container .card-main-top .card-top-link:hover:after {
    width: 100%
}
.checkout-container .card-container .card-main-container .card-main-top.with-padding-bottom {
    padding-bottom: 10px
}
.checkout-container .card-container .card-main-container .card-main-top.without-border-bottom {
    border-bottom: none
}
.checkout-container .card-container .card-main-container .card-main-top.without-padding-top {
    padding-top: 0
}
.checkout-container .card-container .card-main-container .with-border-bottom {
    border-bottom: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .with-border-top {
    border-top: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .card-main {
    padding: 25px 20px
}
.checkout-container .card-container .card-main-container .card-main .card-main-content {
    position: relative;
    display: none
}
.checkout-container .card-container .card-main-container .card-main .card-main-content.active {
    display: block
}
.checkout-container .card-container .card-main-container .card-main .total-container {
    position: relative;
    display: block;
    margin-bottom: 20px
}
.checkout-container .card-container .card-main-container .card-main.margin-extra {
    margin-top: 30px;
    margin-bottom: 30px
}
.checkout-container .card-container .card-main-container .card-main.padding-extra {
    padding-top: 30px;
    padding-bottom: 30px
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-left,
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-left,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-left,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-left {
    width: 60%
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right {
    width: 40%
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-text-container,
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-dot,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-text-container,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-dot {
    position: relative;
    display: inline-block;
    vertical-align: top
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-dot,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-dot {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #f4f4f4;
    box-shadow: 0 0 3px 3px #f4f4f4;
    border-radius: 50%;
    transition: background .6s ease-in-out
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-dot.active,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-dot.active {
    background-color: #2cb35f;
    box-shadow: 0 0 3px 3px #f4f4f4
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-text-container,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-text-container {
    width: calc(100% - 50px);
    padding-left: 10px
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-icon,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-icon {
    position: relative;
    display: inline-block;
    width: 60px;
    object-fit: contain;
    margin: 0 4px
}
.checkout-container .card-container .card-main-container .payment-item .payment-main,
.checkout-container .card-container .card-main-container .shipping-item .shipping-main {
    display: none
}
.checkout-container .card-container .card-main-container .payment-item.active,
.checkout-container .card-container .card-main-container .shipping-item.active {
    border-bottom: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .payment-item.active .payment-main,
.checkout-container .card-container .card-main-container .shipping-item.active .shipping-main {
    display: block
}
.checkout-container .card-container .card-main-container .subtotal {
    position: relative;
    display: block;
    padding: 20px 0
}
.checkout-container .card-container .card-main-container .subtotal .title {
    position: relative;
    display: inline-block
}
.checkout-container .card-container .card-main-container .subtotal .subtotal-price {
    float: right
}
.checkout-container .card-container .card-main-container .item-left,
.checkout-container .card-container .card-main-container .item-right {
    display: inline-block;
    margin-bottom: 3px;
    margin-top: 3px
}
.checkout-container .card-container .card-main-container .item-left {
    width: 70%
}
.checkout-container .card-container .card-main-container .item-right {
    width: 30%
}
.checkout-container .card-container .card-main-container .item-margin {
    margin-top: 16px;
    margin-bottom: 26px
}
.checkout-container .card-container .card-main-container .cart-items {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 20px
}
.checkout-container .card-container .card-main-container .cart-items .item {
    position: relative;
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #f4f4f4
}
.checkout-cart-index .carrito-lista-totales .loading-ajax{
    display: none;
}
.checkout-container .card-container .card-main-container .cart-items .item .image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    padding-right: 10px
}
.checkout-container .card-container .card-main-container .cart-items .item .info-producto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(75% - 90px);
    margin-right: 10%;
    padding-left: 10px
}
.checkout-container .card-container .card-main-container .cart-items .item .info-producto .title,
.checkout-container .card-container .card-main-container .cart-items .item .info-producto .description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 90px;
    text-align: right
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper .amount-item {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper .amount-item.amount {
    width: 50px
}
.checkout-container .card-container .card-main-container .cart-items .item.without-border {
    border: none
}
.checkout-container .card-container .card-main-container .cart-items.js-dropdown-content {
    display: none
}
.checkout-container .card-container .card-main-container .cart-items.js-dropdown-content.active {
    display: block
}
.checkout-container .card-container .card-main-container .total-text {
    margin-left: 40px
}
.checkout-container .card-container .card-main-container .js-dropdown-link {
    cursor: pointer
}
.checkout-container .card-container .card-main-container .js-dropdown-icon-open,
.checkout-container .card-container .card-main-container .js-dropdown-icon-close {
    display: none
}
.checkout-container .card-container .card-main-container .js-dropdown-icon-open.active,
.checkout-container .card-container .card-main-container .js-dropdown-icon-close.active {
    display: inline-block
}
.checkout-container .card-container .module-grid-slider .slider .controls-container .arrow-wrapper.arrow-left {
    left: -10px
}
.checkout-container .card-container .module-grid-slider .slider .controls-container .arrow-wrapper.arrow-right {
    right: -10px
}
.checkout-container .card-container .module-grid .grid-content-small {
    padding-right: 30%
}
.checkout-container .p-margin-bottom {
    margin-bottom: 10px
}
.checkout-container .checkout-top {
    padding-top: 60px;
    padding-bottom: 60px
}
.checkout-container .payment-methods dd,
.checkout-container .shipping-methods dd {
    margin: 0;
}
.checkout-container .payment-methods dd ul,
.checkout-container .shipping-methods dd ul {
    padding: 25px 20px 25px 50px;
    font-family: "opensans-regular";
}
.checkout-container .payment-methods dd ul,
.checkout-container .shipping-methods dd ul {
    padding: 25px 20px 25px 50px;
}
.checkout-container .payment-methods dd li, 
.checkout-container .payment-methods dd ul label,
.checkout-container .shipping-methods dd li,
.checkout-container .shipping-methods dd ul label {
    font-family: "opensans-regular";
    line-height: 19px;
    font-size: 15px;
}
.checkout-container .payment-methods dd ul input,
.checkout-container .shipping-methods dd ul input {
    position: relative;
    display: block;
    padding: 12px 10px;
    margin: 10px 0;
    border: 1px solid #dedede;
    transition: border .4s;
    border-radius: 2px;
}
.checkout-container .payment-methods dd ul select,
.checkout-container .shipping-methods dd ul select {
    position: relative;
    display: block;
    margin: 10px 0;
    padding: 12px 10px;
    border: 1px solid transparent;
    transition: border .4s;
    border-radius: 2px;
}
.checkout-container .notification-number-main{
    opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    position: absolute;
    bottom: 25px;
    right: 0;
    border-radius: 10px;
    padding: 2px 5px;
    border: 2px solid #e4e2e2;
    color: white;
    font-size: 10px;
    background: #2cb35f;
}
.checkout-container .terms-wrapper 
span.icon-checkmark.checkbox-mark.checkbox-mark-gray {
    left: 15px;
}
.checkout-container .terms-checkbox{
    display: inline-block !important;
    position: relative;
    vertical-align: 25%;
    font-size: 0;
    width: 13px;
    height: 13px;
}
.checkout-container .terms-wrapper input{
    position: absolute;
}
.checkout-container .review-checks label{
    cursor: pointer;
}
.checkout-container .terms-wrapper label{
    background: #dadada5c;
}
.checkout-container .terms-wrapper input:checked+label:before {
    content: "\e978";
    color: black;
    font-size: 8px;
    left: 1px;
    position: absolute;
    font-family: 'icomoon';
}
.checkout-container .checkout-agreements {
    margin: 0;
    padding: 0;
}
.checkout-container .cart-tab{
    display: none;
}
.checkout-container .card-container .card-main-container .card-main.review-actions .total-container{
    margin: 0;
}
.checkout-container .final-step{
    position: absolute;
    width: 110px;
    left: -35px;
}
.checkout-container .shipment-methods-options{
    display: none;
}
.checkout-container .grand-total-container{
    display: inline-block;
}
.checkout-container #onestepcheckout-coupon-add{
    padding: 0;
}
.checkout-container #onestepcheckout-coupon-remove {
    padding: 0;
    display: inline-block;
    margin: 0;
}
.checkout-container .payment-item .card-main,
.checkout-container .shipping-item .card-main {
    display: block;
}
.checkout-container .js-radio-collection,
.checkout-container .checkout-radio-collection {
    margin: 0;
}
.checkout-container .validate-one-required-by-name{
    margin: 6px 15px;
}
.customer-account-create .validation-advice{
    color: red;
}
.contacts-index-index .validation-advice{
    color: red;
}
    
.contacts-index-index .messages{
    padding-left: 15px;
    color: red;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
}
.contacts-index-index .success-msg{
    color: green;
    font-family: 'opensans-regular'!important;
    font-weight: lighter!important;
}
.checkout-container .validate-one-required-by-name:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #d1d3d1;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
.checkout-container .validate-one-required-by-name:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #2cb35f;
    box-shadow: 0 0 3px 3px #f4f4f4;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid white;
}
.checkout-container #opc-shipping{
    display: none;
}
#co-billing-form .control{
    display: none;
}
.checkout-container .validation-advice, .customer-address-form .validation-advice ,.customer-account-edit  .validation-advice{
    color: red;
}
.checkout-container #register-customer-password{
    display: none;
}
.checkout-bottom .field.fax{
    display: none;
}
.checkout-bottom .field.company{
    display: none;
}
.checkout-container fieldset {
    border: 0;
    padding: 0;
}
.checkout-container .card-main-top .radio{
    display: none;
}
.messages {
    padding-left: 15px;
    color: red;
    font-family: 'opensans-regular'!important;
    font-weight: lighter!important;
}
.messages ul{
    padding: 0;
    font-family: 'opensans-regular'!important;
    font-weight: lighter!important;
}
.checkout-container .checkout-top .checkout-top-title {
    margin-bottom: 40px
}
.checkout-container .checkout-top .step-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px
}
.checkout-container .checkout-top .step-container .number {
    margin: 0 auto;
    width: 34px;
    height: 34px;
    line-height: 30px;
    border-radius: 50%;
    border: 2px solid #cfcfcf
}
.checkout-container .checkout-top .step-container.active .number {
    border-color: #2cb35f
}
.checkout-container .checkout-top .step-container .text {
    margin-top: 5px
}
.checkout-container .checkout-top .separator-container {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-top: 6px
}
.checkout-container .checkout-top .separator-container .separator-dot {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #cfcfcf;
    margin: 0 4px
}
.checkout-container .checkout-bottom .column {
    position: relative;
    display: block;
    display: inline-block;
    vertical-align: top;
    padding: 18px 40px
}
.checkout-container .checkout-bottom .column.column-big {
    width: 59%
}
.checkout-container .checkout-bottom .column.column-small {
    width: 40%
}
.checkout-container .checkout-bottom .column.column-small .button-big-container {
    padding-left: 0;
    padding-right: 0
}
.checkout-container .checkout-bottom .column.column-small .button-big-container .button-big {
    width: 100%
}
.checkout-container .checkout-bottom .column.column-small .button-small {
    margin-bottom: 3px;
    vertical-align: middle
}
.checkout-container .checkout-result-container {
    position: relative;
    display: block;
    width: 60%;
    padding-bottom: 80px;
    padding-left: 40px;
    padding-right: 40px
}
.checkout-container .checkout-result-container .center-container .span-container-inline span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px
}
.checkout-container .checkout-result-container .center-container .span-container-inline span:last-child {
    margin-right: 0
}
.checkout-container .checkout-result-container .text-center-container {
    position: relative;
    display: block;
    margin-top: 40px;
    margin-bottom: 40px
}
.checkout-container .checkout-result-container .text-center-container .text-center {
    display: inline-block;
    width: 85%
}
.checkout-container #billing-progress-opcheckout{
    display: inline-block;
}
.checkout-container #payment-progress-opcheckout,
.checkout-container #shipping-progress-opcheckout {
    display: inline-block;
}
.checkout-container .card-container {
    position: relative;
    display: block;
    border: 1px solid #cfcfcf;
    margin-bottom: 20px;
    border-radius: 4px
}
.checkout-container .card-container .card-header-container {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.checkout-container .card-container .card-header-container .number-container,
.checkout-container .card-container .card-header-container .title-container,
.checkout-container .card-container .card-header-container .arrow-container,
.checkout-container .card-container .card-header-container .edit-container {
    position: relative;
    display: inline-block;
    height: 60px;
    vertical-align: middle
}
.checkout-container .card-container .card-header-container .edit-container {
    width: 120px;
    padding-right: 20px
}
.checkout-container .card-container .card-header-container .edit-container .edit {
    position: relative;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #2aa056;
    padding: 2px 10px;
    border-radius: 4px
}
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-open,
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-close {
    display: none
}
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-open.active,
.checkout-container .card-container .card-header-container .arrow-container .js-dropdown-icon-close.active {
    display: block
}
.checkout-container .card-container .card-header-container .arrow-container p,
.checkout-container .card-container .card-header-container .arrow-container a,
.checkout-container .card-container .card-header-container .arrow-container .icon-up,
.checkout-container .card-container .card-header-container .arrow-container .icon-down {
    position: relative;
    top: 48%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.checkout-container .card-container .card-header-container .arrow-container p,
.checkout-container .card-container .card-header-container .arrow-container a {
    display: block
}
.checkout-container .card-container .card-header-container .number-container p,
.checkout-container .card-container .card-header-container .title-container p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}
.checkout-container .card-container .card-header-container .number-container,
.checkout-container .card-container .card-header-container .arrow-container {
    width: 60px;
    text-align: center
}
.checkout-container .card-container .card-header-container .title-container.without-border {
    border: none
}
.checkout-container .card-container .card-header-container .title-container.title-container-big {
    width: calc(100% - 120px)
}
.checkout-container .card-container .card-main-container .card-main-subtitle {
    margin-left: 60px;
    padding-left: 10px;
    margin-bottom: 15px;
    margin-top: 15px
}
.checkout-container .card-container .card-main-container .card-main-top {
    padding: 20px 10px 0 10px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link {
    position: relative;
    margin: 0 20px;
    height: auto;
    padding-bottom: 20px;
    cursor: pointer
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link:after {
    content: '';
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-bottom: 3px solid red;
    border-color: inherit;
    transition: width .4s ease-in-out
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link.active,
.checkout-container .card-container .card-main-container .card-main-top .card-top-link:hover {
    border-color: #2cb35f;
    font-family: "opensans-bold";
    color: #3c3c3c
}
.checkout-container .card-container .card-main-container .card-main-top .card-top-link.active:after,
.checkout-container .card-container .card-main-container .card-main-top .card-top-link:hover:after {
    width: 100%
}
.checkout-container .card-container .card-main-container .card-main-top.with-padding-bottom {
    padding-bottom: 10px
}
.checkout-container .card-container .card-main-container .card-main-top.without-border-bottom {
    border-bottom: none
}
.checkout-container .card-container .card-main-container .card-main-top.without-padding-top {
    padding-top: 0
}
.checkout-container .card-container .card-main-container .with-border-bottom {
    border-bottom: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .with-border-top {
    border-top: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .card-main {
    padding: 25px 20px
}
.checkout-container .card-container .card-main-container .card-main .card-main-content {
    position: relative;
    display: none
}
.checkout-container .card-container .card-main-container .card-main .card-main-content.active {
    display: block
}
.checkout-container .card-container .card-main-container .card-main .total-container {
    position: relative;
    display: block;
    margin-bottom: 20px
}
.checkout-container .card-container .card-main-container .card-main.margin-extra {
    margin-top: 30px;
    margin-bottom: 30px
}
.checkout-container .card-container .card-main-container .card-main.padding-extra {
    padding-top: 30px;
    padding-bottom: 30px
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-left,
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-left,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-left,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-left {
    width: 60%
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right {
    width: 40%
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-text-container,
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-dot,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-text-container,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-dot {
    position: relative;
    display: inline-block;
    vertical-align: top
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-dot,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-dot {
    width: 10px;
    height: 10px;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: #f4f4f4;
    box-shadow: 0 0 3px 3px #f4f4f4;
    border-radius: 50%;
    transition: background .6s ease-in-out
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-dot.active,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-dot.active {
    background-color: #2cb35f;
    box-shadow: 0 0 3px 3px #f4f4f4
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-text-container,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-text-container {
    width: calc(100% - 50px);
    padding-left: 10px
}
.checkout-container .card-container .card-main-container .payment-item .payment-top .payment-icon,
.checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-icon {
    position: relative;
    display: inline-block;
    width: 60px;
    object-fit: contain;
    margin: 0 4px
}
.checkout-container .card-container .card-main-container .payment-item .payment-main,
.checkout-container .card-container .card-main-container .shipping-item .shipping-main {
    display: none
}
.checkout-container .card-container .card-main-container .payment-item.active,
.checkout-container .card-container .card-main-container .shipping-item.active {
    border-bottom: 1px solid #cfcfcf
}
.checkout-container .card-container .card-main-container .payment-item.active .payment-main,
.checkout-container .card-container .card-main-container .shipping-item.active .shipping-main {
    display: block
}
.checkout-container .card-container .card-main-container .subtotal {
    position: relative;
    display: block;
    padding: 20px 0
}
.checkout-container .card-container .card-main-container .subtotal .title {
    position: relative;
    display: inline-block
}
.checkout-container .card-container .card-main-container .subtotal .subtotal-price {
    float: right
}
.checkout-container .card-container .card-main-container .item-left,
.checkout-container .card-container .card-main-container .item-right {
    display: inline-block;
    margin-bottom: 3px;
    margin-top: 3px
}
.checkout-container .card-container .card-main-container .item-left {
    width: 70%
}
.checkout-container .card-container .card-main-container .item-right {
    width: 30%
}
.checkout-container .card-container .card-main-container .item-margin {
    margin-top: 16px;
    margin-bottom: 26px
}
.checkout-container .card-container .card-main-container .cart-items {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 20px
}
.checkout-container .card-container .card-main-container .cart-items .item {
    position: relative;
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #f4f4f4
}
.checkout-container .card-container .card-main-container .cart-items .item .image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    padding-right: 10px
}
.checkout-container .card-container .card-main-container .cart-items .item .info-producto {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(75% - 90px);
    margin-right: 10%;
    padding-left: 10px
}
.checkout-container .card-container .card-main-container .cart-items .item .info-producto .title,
.checkout-container .card-container .card-main-container .cart-items .item .info-producto .description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 90px;
    text-align: right
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper .amount-item:not(.amount) a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper .amount-item a{
    padding: 5px;
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper .amount-item {
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.checkout-container .card-container .card-main-container .cart-items .item .amount-wrapper .amount-item.amount {
    width: 40px
}
.checkout-container .card-container .card-main-container .cart-items .item.without-border {
    border: none
}
.checkout-container .card-container .card-main-container .cart-items.js-dropdown-content {
    display: none
}
.checkout-container .card-container .card-main-container .cart-items.js-dropdown-content.active {
    display: block
}
.checkout-container .card-container .card-main-container .total-text {
    margin-left: 40px
}
.checkout-container .card-container .card-main-container .js-dropdown-link {
    cursor: pointer
}
.checkout-container .card-container .card-main-container .js-dropdown-icon-open,
.checkout-container .card-container .card-main-container .js-dropdown-icon-close {
    display: none
}
.checkout-container .card-container .card-main-container .js-dropdown-icon-open.active,
.checkout-container .card-container .card-main-container .js-dropdown-icon-close.active {
    display: inline-block
}
.checkout-container .card-container .module-grid-slider .slider .controls-container .arrow-wrapper.arrow-left {
    left: -10px
}
.checkout-container .card-container .module-grid-slider .slider .controls-container .arrow-wrapper.arrow-right {
    right: -10px
}
.checkout-container .card-container .module-grid .grid-content-small {
    padding-right: 30%
}
.checkout-container .p-margin-bottom {
    margin-bottom: 10px
}
/*===========================================
    LOADER CONTAINER PARA EL CARRITO EN MOVIL
=============================================*/
#loagin-ajax-container {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: fixed;
    z-index: 1500;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}
#loagin-ajax-container div.loading-ajax {
    height: 50px;
    width: 50px;
}

.form-container ::-webkit-input-placeholder {
    color: #939393
}
.form-container ::-moz-placeholder {
    color: #939393
}
.form-container :-ms-input-placeholder {
    color: #939393
}
.form-container :-moz-placeholder {
    color: #939393
}
.form-container .input-container {
    position: relative;
    display: inline-block;
    margin: 10px 5px;
    width: calc(100% - 10px);
    vertical-align: middle
}
.form-container .input-container.right-text {
    float: right
}
.form-container .input-container.col-2 {
    width: calc(50% - 10px)
}
.form-container .input-container.col-2 .mq-div30 {
    display: inline-block
}
.form-container .input-container.col-2 .mq-div70 {
    display: inline-block
}
.form-container .input-container.col-3 {
    width: calc(33.333% - 10px)
}
.form-container .input-container.col-40-percent {
    width: calc(40% - 10px)
}
.form-container .input-container.col-60-percent {
    width: calc(60% - 10px)
}
.form-container .input-container .label {
    position: relative;
    display: block;
    margin-top: 6px;
    margin-bottom: 6px
}
.form-container .input-container.extra-margin-bottom {
    margin-bottom: 20px
}
.form-container .input-container.without-margin-top {
    margin-top: 0
}
.form-container .input-container.without-margin-left {
    margin-left: 0
}
.form-container .input-container.without-margin-right {
    margin-right: 0
}
.form-container .input-container.left-small {
    width: 80px
}
.form-container .input-container.right-small {
    width: calc(100% - 100px)
}
.form-container .input-container .font-inline {
    margin-left: 10px
}
.form-container .input-container .arrow {
    margin-right: 10px
}
.form-container .input-container .p-margin-left {
    margin-left: 25px
}
.form-container .input-container .checkbox-container .checkbox-mark {
    position: absolute;
    display: block;
    top: 4px;
    left: 0;
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    line-height: 7px
}
.form-container .input-container .checkbox-container .checkbox-mark.checkbox-mark-gray {
    color: #f4f4f4;
    background-color: #f4f4f4
}
.form-container .input-container .checkbox-container input[type=checkbox]:checked+.checkbox-mark {
    color: #3c3c3c
}
.form-container .input-container.input-container-inline {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-left: 20px
}
.form-container .input-container.input-container-inline:first-child {
    margin-left: 6px
}
.form-container .input-container-with-button .input,
.form-container .input-container-with-button .button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    padding-top: 10px
}
.form-container .input-container-with-button .input {
    width: calc(100% - 90px)
}
.form-container .input-container-with-button .button {
    width: 90px
}
.form-container .input-container-with-button-help {
    vertical-align: middle;
    margin-top: 0
}
.form-container .input-container-with-button-help .input,
.form-container .input-container-with-button-help .help-icon {
    position: relative;
    display: inline-block;
    vertical-align: top
}
.form-container .input-container-with-button-help .input {
    width: calc(100% - 55px)
}
.form-container .input-container-with-button-help .help-icon {
    width: 55px;
    padding: 7px 14px;
    cursor: help;
    vertical-align: middle
}
.form-container .input-container-with-button-help .help-icon .icon {
    max-width: 100%;
    height: 100%;
    object-fit: contain
}
.form-container .input-container-with-button-help .help-icon:hover+.help-container {
    opacity: 1
}
.form-container .input-container-with-button-help .help-container {
    position: absolute;
    bottom: 40px;
    right: 0;
    width: 300px;
    max-width: 100%;
    padding: 20px;
    -webkit-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transition: opacity .4s
}
.form-container .input,
.form-container .select,
.form-container .textarea {
    position: relative;
    display: block;
    width: 100%;
    padding: 12px 10px;
    border: 1px solid transparent;
    transition: border .4s;
    border-radius: 2px
}
.form-container .input:focus,
.form-container .select:focus,
.form-container .textarea:focus {
    border: 1px solid #2cb35f
}
.form-container .input-iban {
    margin-left: 15px;
    width: calc(15% - 15px);
    display: inline-block
}
.form-container .text-info {
    margin-left: 10px
}
.form-container .select {
    cursor: pointer
}
.form-container .textarea {
    resize: none
}
.form-container .select::after {
    border-top-color: red !important
}
.form-container .checkbox-container {
    position: relative
}
.form-container .checkbox-container input {
    margin-right: 3px
}
.buton-vmobile {
    display: none
}
body:not(.touch-device) .button {
    transition: background .4s, color .4s
}
body:not(.touch-device) .button.button-hover .text,
body:not(.touch-device) .button.button-hover .margin-left {
    transition: all .4s
}
body:not(.touch-device) .button.button-hover:hover .text {
    width: 65px
}
body:not(.touch-device) .button.btn-largo.button-hover:hover .text {
    width: 190px
}
body:not(.touch-device) .button.button-hover:hover .margin-left {
    margin-left: 20px
}
body:not(.touch-device) a.button:not(.button-hover):hover {
    background-color: transparent;
    color: #000000
}
body:not(.touch-device) a[href]:not(.button),
body:not(.touch-device) .header-container .header-right .header-icon {
    transition: color .4s
}
body:not(.touch-device) a[href]:not(.button):hover,
body:not(.touch-device) .header-container .header-right .header-icon:hover {
    color: #2cb35f
}
body:not(.touch-device) .header-link a[href]:not(.button):hover {
    color: inherit
}
body:not(.touch-device) .js-radio-container,
body:not(.touch-device) .checkout-radio-container,
body:not(.touch-device) .js-dropdown-link {
    cursor: pointer
}

#account-navigation {
    height: auto !important;
}

body.catalog-product-view #module-cover-slider-product .medium-width {
    width: 100%;
}
body.catalog-product-view #module-cover-slider-product .module-grid-slider .slider .controls-container .arrow-wrapper {
    padding: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.catalog-product-view #module-cover-slider-product .container-slider .slider .slide .slide-right {
    padding-right: 30px;
}

body.catalog-product-view #module-cover-slider-product .module-grid-slider .slider .slides-wrapper {
    padding: 10px
}

body.catalog-product-view #module-cover-slider-product .module-grid-slider .slider .slides .slide {
    padding: 0px;
}

body.catalog-product-view #module-cover-slider-product .module-grid-slider .slider .slides .slide:hover {
    box-shadow: none;
}

.adroll_consent_banner {
    bottom: 20%;
    display: block;
    font-family: "Arial", sans-serif;
    font-size: 16px;
    padding: 0;
    pointer-events: auto;
    position: fixed;
    right: 10%;
    vertical-align: middle;
    width: 375px;
    z-index: 2147483647;
}

.adroll_consent_banner #adroll_allow {
    margin-top: 20px
}

.adroll_consent_banner .adroll_consent_buttons>a {
    display: block;
    pointer-events: auto;
    text-decoration: none
}

.adroll_consent_banner .adroll_consent_buttons>a>div {
    border-style: solid;
    border-width: 1px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding: 19px 10px 19px 0;
    pointer-events: auto
}

.adroll_consent_banner .adroll_consent_buttons {
    font-weight: bold;
    margin: 30px 30px 30px;
    text-align: center
}

.adroll_consent_banner .adroll_consent_text {
    display: block;
    font-size: 14px;
    line-height: 1.79;
    margin: 0 30px 15px 30px
}

.adroll_consent_banner .adroll_consent_title {
    font-weight: bold;
    line-height: 1.88;
    margin: 30px 0 15px 30px
}

.adroll_consent_banner .adroll_consent_notice {
    border-width: 1px;
    display: inline-block
}

.adroll_consent_banner .adroll_banner_close {
    cursor: pointer;
    float: right;
    font-weight: bold;
    line-height: 1.88;
    margin: 30px 30px 0 30px;
    text-decoration: underline
}

.adroll_consent_banner {
    background-color: rgba(34, 34, 34, .95);
    border: solid 2px rgba(255, 255, 255, .7);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    color: #fff
}

.adroll_consent_banner a {
    color: #fff;
    text-decoration: underline
}

.adroll_consent_banner #adroll_consent_accept {
    color: #000
}

.adroll_consent_banner #adroll_allow {
    background: #fff
}

.adroll_consent_banner .adroll_consent_buttons>a {
    color: #000
}

.adroll_consent_banner .adroll_consent_buttons>a>div {
    border-color: #fff
}

.adroll_consent_banner #adroll_choose {
    border: solid 2px rgba(255, 255, 255, .7);
    color: #fff
}

.adroll_consent_banner #adroll_banner_close,
.adroll_consent_banner #adroll_consent_choose {
    color: #fff
}

.adroll_consent_banner .adroll_consent_notice .adroll_consent_text {
    color: #fff
}

.adroll_consent_banner .adroll_consent_notice .adroll_consent_title {
    color: #fff
}


@media (max-width:760px) {

   
    body.catalog-product-view #module-cover-slider-product .module-grid-slider .slider .controls-container .arrow-wrapper.arrow-left {
        left: 0px;
    }
    body.catalog-product-view #module-cover-slider-product .module-grid-slider .slider .controls-container .arrow-wrapper.arrow-right {
        right: 0px;
    }
    .module-cover-slider.module-cover-product .container-slider {
        width: 100%;
        margin: 0 auto
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left {
        width: 100%
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .title-left {
        width: 100%
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .title-left .title-left-title {
        width: 100%;
        padding: 0 20px 0 20px;
        max-width: none
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .title-left .title-left-text {
        width: 100%;
        padding: 0 20px
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .title-left .image-slider-rigth {
        width: 100%
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product {
        width: 90%;
        text-align: center;
        padding: 0;
        background-color: #ffffff
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product .container-row-left {
        width: calc(80% - 10px);
        text-align: left
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product .container-row-left .container-product-text {
        width: 21%;
        vertical-align: unset;
        text-align: left
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product .container-row-left .container-point {
        margin-right: 0;
        margin-top: -26px
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product .container-row-right {
        width: 20%;
        text-align: left;
        border-bottom: 1px solid #cfcfcf;
        border-width: 0 0 0 1px;
        border-color: #cfcfcf
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product .button {
        padding: 15px 22px;
        text-align: center
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-right {
        width: 80%
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row {
        padding-left: 10px
    }
    .blq2 .precio-nuevo{
    font-family: "opensans-semibold";
    font-size: 26px!important;
    line-height: 40px;
    margin-top: 53px;
    position: relative;
    left: 51px; 
}
.blq2 .precio-antiguo {
    font-family: "opensans-regular";
    font-size: 20px;
    line-height: 40px;
    text-decoration: line-through;
    position: relative;
    top: 65px;
    left: 46px;
}
.txt-small{    font-size: 12px; line-height: 20px;}
.cuad-cont-cate .alto-cat {
    margin-bottom: 140px;
}
.cuad-cont-cate .alto-cat {
    margin-bottom: 224px!important;
}
#sender-box {
            height: 233px !important;
            bottom:10px !important;
            top:unset !important;
        }
        #sender-box .handle {
            width: 24px !important;
            left: -24px !important;
            height:190px !important;
        }

        #sender-box .handle .vertical_senderglobal {
            font-size:17px !important;
            top: 13px !important;
            left: 4px !important;
        }
.mini-slider{
    width: 90%!important;
    margin: auto;
    vertical-align: middle;
}
.lit-btn {
    margin: -1px 0!important;
}
.cat-right-des { margin-top: 0px!important; height: auto !important; width: 53%}
.cuad-cont-cate .top{ display: block; }


}


@media (max-width:760px) {
    .font-p {
        font-size: 13px;
        line-height: 20px
    }
    .font-h2b {
        font-size: 32px;
        line-height: 42px
    }
    .font-h2 {
        font-size: 24px;
        line-height: 36px
    }
    .font-h3 {
        font-size: 16px!important;
        line-height: 22px
    }
    .font-h4 {
        font-size: 14px;
        line-height: 24px
    }
    .font-h5 {
        font-size: 14px;
        line-height: 24px
    }
}
@media (max-width:1660px) {
    .form-container .input-container.right-text {
        float: none
    }
    .button.button-big-cat {
    padding: 15px 30px;
    }
    .pad-text {
    padding: 0px 314px 77px;
    }

}
@media (max-width:760px) {
    .module-search .button-search{
        display: inline-block;
    }
    .container-slider .icon-oferta {
        display: none
    }
    .module-cover-product .slider .icon-oferta {
        left: 57%;
        top: 20%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        font-size: 120px
    }
    .module-cover-product .slider .icon-oferta .offers {
        font-size: 28px
    }
    .medium-width {
        width: 90%
    }
    .module {
        margin-bottom: 30px
    }
    .module.without-margin-bottom {
        margin-bottom: 0
    }
    .module.with-margin-small {
        margin-top: 15px;
        margin-bottom: 15px
    }
    .module.with-padding {
        padding-top: 30px;
        padding-bottom: 30px
    }
    .module.with-padding-bottom {
        padding-bottom: 30px
    }
    .module.with-padding-top {
        padding-top: 30px
    }
    .js-dropdown.js-tab-content.active .js-dropdown-content {
        display: none
    }
    .js-dropdown.js-tab-content.active .js-dropdown-content.active {
        display: block
    }
    .module-search .search-container {
        padding: 10px 0
    }
    #search_mini_form .category-select {
        width: 35%;
    }
    .icon-oferta.oferta-big {
        font-size: 100px
    }
    .icon-oferta.oferta-big .font-offers {
        font-size: 12px;
        line-height: 15px
    }
    .icon-oferta.oferta-big .font-offers2 {
    font-size: 12px;
}

}
@media (max-width:1570px) {
    .header-container .header-link {
        padding: 0 15px
    }
    .pad-text {
    padding: 0px 314px 77px;
    }
    .header-container .header-link {
        padding: 0 15px
    }
     .pd-pop{
    padding-left: 50px;
    padding-right: 50px;
   
     }
     .header-container .medium-width .payments {
    display: inline-block;
    width: 26px;
    vertical-align: middle;
    margin-left: 5px;
}
.iconos {
    display: inline-block;
    margin-left: 10px;
}
/*BLACK FRYDAY*/
.module-cover-slider .container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
/*BLACK FRYDAY*/
}
@media (max-width:1330px) {
    .header-container .header-link {
        padding: 0 10px
    }
    .header-container .header-icon {
        padding: 0 10px
    }
    .header-container .notification-number-container {
        right: -10px
    }
    .header-container .header-bottom .font-h5 {
        font-size: 14px
    }
    .sep{ padding-left: 7px; }
    .pad-text {
    padding: 0px 217px 77px;
    }
    .header-container .header-link {
        padding: 0 10px
    }
    .header-container .header-icon {
        padding: 0 10px
    }
    .header-container .notification-number-container {
        right: -10px
    }
    .header-container .header-bottom .font-h5 {
        font-size: 14px
    }
    .sep{ padding-left: 7px; }
     .pop-up {
    width: 50%;
    background-color: #fff;
    margin: auto;
    }
      .pop-up-login {
    width: 36%!important;
    background-color: #fff;
    margin: auto;
}
/* FACTURA*/
    .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/
  
}
@media (max-width:1280px) {
    .header-container .header-top .header-left,
    .header-container .header-top .header-right {
        width: 31%
    }
    .header-container .header-top .header-center {
        width: 37%
    }
    .header-container .header-link {
        padding: 0 8px
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row { padding-left: 5px;}
    .button.button-big-cat {
    margin: 10px 0;
    width: 100%;}
    .pad-text {
    padding: 0px 217px 77px;
    }
    .header-container .header-top .header-left,
    .header-container .header-top .header-right {
        width: 31%
    }
    .header-container .header-top .header-center {
        width: 37%
    }
    .header-container .header-link {
        padding: 0 8px
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product .container-row { padding-left: 5px;}
    .pd-pop{
    padding-left: 50px;
    padding-right: 50px;
   
     }
     .panel .p-izq{ width: 100%!important; float: none; }
     .panel .p-der{ width: 100%!important; float:none; }
     .panel .tit { margin-top: 20px }
     /* FACTURA*/
 .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/

 .blq2 .precio-nuevo {
    font-family: "opensans-semibold";
    font-size: 20px;
    line-height: 40px;
}

/*BLACK FRIDAY*/
.module-cover-slider .container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
/*BLACK FRIDAY*/
}
@media (max-width:1100px) {
    .header-container .header-left {
        width: 14%
    }
    .header-container .header-center {
        width: 61%
    }
    .pad-text {
    padding: 0px 139px 77px;
    
}
 .blq2 .precio-nuevo {
    font-family: "opensans-semibold";
    font-size: 18px;
    line-height: 40px;
}
/* FACTURA*/
 .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/
.catalog-category-view .font-h2b {
    font-size: 15px;
}
}
@media (max-width:1023px) {
    .header-container .header-top .header-left,
    .header-container .header-top .header-right {
        display: none
    }
    .header-container .header-top .header-center {
        width: 100%
    }
    .header-container .header-right {
        width: 60%
    }
    .header-container .header-bottom {
        margin-top: 0
    }
    .header-container .header-bottom .cosm-logo {
        width: 60px
    }
    .header-container .header-bottom .header-left,
    .header-container .header-bottom .header-right,
    .header-container .header-bottom .header-center {
        vertical-align: middle
    }
    .header-container .header-bottom .header-left {
        width: 25%
    }
    .header-container .header-bottom .header-center {
        width: 15%
    }
    .header-container .header-bottom .header-icon {
        height: auto
    }
    .header-container .header-bottom .header-links-container,
    .header-container .header-bottom .header-bottom-help {
        display: none
    }
    .header-container .header-bottom .header-menu-mobile {
        display: inline-block
    }
    .menu-mobile {
        display: none
    }
    .menu-mobile.active {
        display: block
    }
    .pad-text {
    padding: 0px 89px 77px;
    }
    .blq2 .precio-nuevo {
    font-family: "opensans-semibold";
    font-size: 17px;
    line-height: 40px;
}
.catalog-category-view .font-h3 {
    font-size: 14px!important;
}
.catalog-category-view .font-h2b {
    font-size: 18px!important;
}
.cuad-cont-cate .alto-cat {
    margin-bottom: 134px!important;
}
/*ESTILOS GRECIA*/
.view-gr .cuad-cont-cate .alto-cat {
    margin-bottom: 310px!important;
}

.view-gr .top  {
        margin-bottom: 105px;
}
/*ESTILOS GRECIA*/
}
@media (max-width:760px) {
    .header-container .header-bottom .header-bottom-main {
        width: calc(95%);
        padding-left: 5%
    }
    .header-container .header-bottom .header-icon {
        padding-bottom: 15px;
        margin-bottom: -15px
    }
    .cat-left-prod {
    display: inherit!important;
    margin: auto!important;
    width: calc(34% - 20px)!important;}
    .pad-text {
    padding: 0px 33px 77px;
    }
/*MIS PEDIDOS*/
       .module-grid .grid-item.grid-item-2-pedidos2 {
    width: calc(61% - 20px);
}
 /*MIS PEDIDOS*/ 
 /* FACTURA*/
     .padding-right {
    padding-right: 28px;
}
.cuad-cont-cate .alto-cat {
    margin-bottom: 85px!important;
}

/* FIN FACTURA*/
}
@media (max-width:1400px) {
    .footer-container .logo,
    .footer-container .social,
    .footer-container .policy {
        width: 100%;
        text-align: center
    }
    .footer-container .cosm-logo {
        display: inline-block
    }
    .footer-container .policy {
        margin-top: 10px;
        margin-bottom: 20px
    }
    .footer-container .social .padding-center {
        padding: 0
    }
    .footer-container .social .social-icon {
        margin: 0 30px
    }
    .footer-container .medium-width .social .padding-center {
        padding: 0
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product {
    width: 86%!important;
    }
    .cat-left-prod {display: inherit; margin: auto; width: calc(49% - 20px);margin-left: 90px!important;}
    .cat-right-des {
    text-align: center!important;
    width: 100%!important;
    margin-top: 20px!important;
    }
    .cat-left .font-h4{
        font-size: 16px;
        line-height: 25px;
    }
    .font-h2b{
        font-size: 25px;
    }
    .footer-container .logo,
    .footer-container .social,
    .footer-container .policy {
        width: 100%;
        text-align: center
    }
    .footer-container .cosm-logo {
        display: inline-block
    }
    .footer-container .policy {
        margin-top: 10px;
        margin-bottom: 20px
    }
    .footer-container .social .padding-center {
        padding: 0
    }
    .footer-container .social .social-icon {
        margin: 0 30px
    }
    .footer-container .medium-width .social .padding-center {
        padding: 0
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product {
    width: 86%!important;
    }
    .pd-pop{
    padding-left: 50px;
    padding-right: 50px;
   
     }
      .pop-up {
    width: 53%;
    background-color: #fff;
    margin: auto;
    }
    .pop-up-login {
    width: 30%;
    background-color: #fff;
    margin: auto;
}
/* FACTURA*/
 .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/
.cms-index-index .slide-left .list span {font-size: 16px;}
/*black week comentar cuando acabe el bkack*/
.category-offer .img-cat{
    width:65%;
}
/*BLACK FRIDAY*/
/*.container-div .container-width70 {
    display: inline-block;
    width: 50%!important;
    vertical-align: middle;
    float: right;
}

.container-div .container-width30 {
    display: inline-block;
    width: 15%;
    vertical-align: top;
}*/
/*BLACK FRIDAY*/
}
@media (max-width:900px) {
    .footer-container .width.width-medium.padding-right,
    .footer-container .width.width-big.padding-right {
        width: 50%
    }
    .footer-container .width.width-small {
        width: 50%
    }
    .footer-container .width.width-small .list3 {
        padding: 0
    }
    .footer-container .width.width-big {
        margin-bottom: 20px
    }
     .cat-left-prod {
    display: inherit!important;
    margin: auto!important;
    width: calc(80% - 20px)!important;
    margin-left: 16px!important;
    }

    .lit-btn{ padding-top: 10px }
       .pop-up-login {
    width: 54%!important;
    background-color: #fff;
    margin: auto;
}
    /*ESTILOS MIS PEDIDOS*/
    .lit-btn{ padding-top: 10px }
    .module-grid .grid-item.grid-item-2-pedidos2 {
    width: calc(59% - 20px);
}
.module-grid .grid-item.grid-item-2-pedidos2 {
    width: calc(100% - 20px)!important;
}
.grid-item-pedido .grid-item-2-pedidos {
    width:96%!important;
}
/*ESTILOS MIS PEDIDOS*/
/* FACTURA*/
 .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/
}
@media (max-width:760px) {
    .footer-container {
        display: none
    }
    .footer-responsive {
        display: block
    }
    .footer-responsive .section-resp {
        padding-left: 20px;
        padding-right: 20px
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .container-product { width: 100%!important}
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product .container-row-left .container-product-text {
    width: auto!important;}
}
@media (max-width:760px) {
    .module-tagline .tagline-text {
        padding: 30px 8px
    }
}
@media (max-width:760px) {
    .module-grid-slider .slider .slides {
        width: 100%;
        padding-right: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
    .module-grid-slider .slider .slides .slide {
        width: 100%
    }
    .module-grid-slider .slider .slides .slide.width-1 {
        width: 100%
    }
    .module-grid-slider .slider .slides .slide.width-2 {
        width: 100%
    }
    .module-grid-slider .slider .slides .slide.width-3 {
        width: 100%
    }
    .module-grid-slider .slider .slides .slide:first-child {
        margin-left: 0
    }
    .module-grid-slider .slider .slides .slide .bottom .left {
        text-align: center
    }
    
    .pop-up-login {
    width: 80%!important;
    background-color: #fff;
    margin: auto;
}
.mail-br{display: block;}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 20px;
}

.module-grid-slider .slider {
    width: 90%;
    margin: 0 auto;
}

/*=======================================0
    FELCHAS-SLIDER-OSCAR
=========================================*/
.module-grid-slider .slider .controls-container .arrow-wrapper.arrow-left {
    left: -10px
}
.module-grid-slider .slider .controls-container .arrow-wrapper.arrow-right {
    right: -8px
}
/*=======================================0
    FELCHAS-SLIDER-OSCAR
=========================================*/
}


@media (max-width:400px) {
    .module-grid-slider .slider .top {
        margin-bottom: 0
    }
    .module-grid-slider .slider .top .left.image {
        max-height: 150px
    }
    .cat-left-prod {     width: calc(76% - 20px)!important; margin-left: 41px!important;    margin-top: 10px!important;}
     .pad-text {
    padding: 0px 42px 77px;
    }
    .font-h2 {
    font-size: 18px;
    line-height: 36px;
}
}
@media (max-width:1100px) {
    .module-grid .grid-item-4 .grid-content {
        padding: 0
    }
    .header-container .header-left {
        width: 14%
    }
    .header-container .header-center {
        width: 61%
    }
    /* FACTURA*/
     .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/
}
@media (max-width:1025px) {
    .module-grid .grid-item.grid-item-4 {
        width: calc(48% - 10px)
    }
    .module-grid .grid-item.grid-item-4 .grid-content {
        padding: 20px
    }
    .cat2 .tit { width: 80%}
    .cat2 .tit .font-h4 { font-size: 15px;}
    .cat2 .des { width: 80%; margin-top: 0;}
    .cat2 .blq1 { width: 60%;}
    .cat2 .blq2 { width: 40%;}
    .cat2 .boton{ margin-top: -1%}
    .cat2 .tit .text-padding{ padding-bottom: 0 }
    .precio .font-h2{ font-size: 22px;   }
    .button.button-hover {     padding: 0 11px!important;
    height: 39px!important;
    line-height: 39px!important;
    }
    .cat2 .boton {
    margin-top: -9px;
    }
    .module-cover-slider.module-cover-product .container-slider {
        width: calc(95%);
        margin-left: 5%
    }
     .pop-up {
    width: 60%;
    background-color: #fff;
    margin: auto;
    }
    .pop-up-login {
    width: 60%;
    background-color: #fff;
    margin: auto;
}
.blq2 .precio-antiguo {
    font-family: "opensans-regular";
    font-size: 20px;
    line-height: 40px;
    text-decoration: line-through;
}
.cms-comunidad-medica img.float-left.margin-right20 {
    width: 29%;
}
.view-gr .button-wrapper .font-p{
font-size: 11px;
}

}
@media (max-width:760px) {
    .module-grid .grid-item {
        margin-left: 0;
        margin-bottom: 40px
    }
    .module-grid .grid-item .grid-item-tag {
        margin-left: 20px
    }
    .module-grid .grid-item:last-child {
        margin-bottom: 0
    }
    .module-grid .grid-item.grid-item-3,
    .module-grid .grid-item.grid-item-2 {
        width: 100%
    }
    .module-grid .grid-item.grid-item-3 .button-wrapper {top: 79px;}
    .module-grid .grid-item.grid-item-4 {
        width: calc(50% - 10px)
    }
    .module-grid .grid-item .grid-content {
        padding: 20px
    }
    .module-grid .grid-container {
        margin-left: 0;
        width: 100%
    }
    .module-grid.module-grid-img-text-vertical .p-text {
        display: none
    }
    .module-grid.module-grid-img-text-vertical .grid-img {
        width: 50%
    }
    .module-grid.module-grid-img-text-vertical .grid-text .condition-link {
        margin-top: 8px
    }
    .module-grid.module-grid-img-text-horizontal .grid-img {
        width: 100%;
        max-height: 150px;
        object-fit: contain
    }
    .module-grid.module-grid-img-text-horizontal .grid-text {
        width: 100%;
        padding-left: 0
    }
    .module-grid.module-grid-text .grid-content.without-padding-top {
        margin-top: 0;
        padding-top: 0
    }
    .blq1{ width: 100%!important; display: block; }
    .blq1 .foto{ width: 30% }
    .blq1 .tit{ width: 70% }
    .blq1 .des{ width: 70% }
    .blq2{ width: 100%!important; display: block; }
    .cat2 .boton { text-align: right!important; margin-top: -40px;
    float: right;}
    .cat2 .precio { margin-top: -12%; text-align: right!important; padding-right: 10px}
    .cat2 { margin-bottom: 15px;}
    .list-bus{ padding: 0!important;}
}
@media (max-width:760px) {
    .module-lateral {
        display: none
    }
    .module-image-description .container-width15 {
    width: 32%;
    }
    .cat-left {
    width: 87%;
    position: absolute;
    background-color: rgba(255,255,255,0.5);
    padding: 10px;
    margin-left: 0;
    margin-top: 20%;
    }
    .img-cat{
     margin-left: -8px;
     width: 100%
    }
    .alt-cat {
    min-height: 320px;
    }
}
@media (max-width:1025px) {
    .module-cover-slider.module-cover-product .container-slider {
        width: calc(95%);
        margin-left: 5%
    }
       .cat-left .font-h4{
        font-size: 12px;
        line-height: 22px;
    }
    .font-h2b{
        font-size: 22px;
        line-height: 31px;
    }
     .pop-up-login {
    width: 60%;
    background-color: #fff;
    margin: auto;
}
}
@media (max-width:900px) {
    .module-cover-slider.module-cover-product .container-slider {
        width: 100%;
        margin-left: 0
    }
    .module-cover-slider.module-cover-product .container-slider {
        width: 100%;
        margin-left: 0
    }
    .pop-up {
    width: 72%;
    background-color: #fff;
    margin: auto;
    }
}
@media (max-width:760px) {
    .module-cover-slider .container-slider {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 90%;
        margin: 0 auto
    }
    .module-cover-slider .container-slider .slider .slide.active {
        position: relative
    }
    .module-cover-slider .container-slider .slider .slide .slide-right {
        display: none
    }
    .module-cover-slider .container-slider .slider .slide .slide-left {
        display: inline-block;
        width: 100%
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .button-big {
        width: 100%;
        text-align: center
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left {
        display: inline-block;
        width: 100%
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .image-slider-rigth,
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .list {
        display: inline-block;
        vertical-align: middle
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .image-slider-rigth {
        width: 40%;
        padding-left: 20px;
        padding-right: 20px
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .list {
        width: 55%
    }
    .module-cover-slider .container-slider .slider-steps {
        display: none
    }
    .module-cover-slider.module-cover-product .container-slider {
        padding-top: 0
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left {
        padding-left: 0
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .title-left {
        max-width: none
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product.container-product {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
    
    .pop-up {
    width: 94%;
    background-color: #fff;
    margin: auto;
}
.mail-br{display: block;}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 20px;
}
}
@media (max-width:1025px) {
    .module-image-description {
        position: relative
    }
    .module-image-description.js-tab {
        width: 100%
    }
    .module-image-description .hidden-responsive {
        display: none
    }
    .module-image-description .container-width100 {
        padding-right: 20px;
        padding-left: 20px
    }
    .module-image-description .container-width30 {
        padding: 0
    }
    .module-image-description .container-width33 {
        padding-left: 0
    }
    .module-image-description .container {
        padding-bottom: 0
    }
    .module-image-description .container .container-content.js-tab-content {
        display: block
    }
    .module-image-description .container .container-content .dropdown-title {
        position: relative;
        display: block;
        padding: 25px
    }
    .module-image-description .container .container-content .dropdown-title.active {
        margin-bottom: 20px;
        border-bottom: 2px solid #2cb35f
    }
    .module-image-description .container .container-content .dropdown-title .width-icon {
        width: 17px
    }
    .module-image-description .container .container-content .dropdown-title .width-circle {
        display: inline-block;
        width: calc(100% - 77px);
        vertical-align: middle;
        margin-left: 20px
    }
    .module-image-description .container .container-content .dropdown-title .social-resp {
        display: inline-block;
        width: 33%
    }
    .module-image-description .container .container-content .dropdown-title .inner-padding {
        padding: 20px
    }
    .module-image-description .container .container-content .dropdown-title .margin-bottom {
        margin-bottom: 20px
    }
    .module-image-description .container .container-content .dropdown-title .margin-top {
        margin-top: 12px
    }
    .module-image-description .container .container-content .dropdown-title .circle {
        font-size: 17px;
        background-color: #f4f4f4;
        padding: 20px;
        border-radius: 50%
    }
    .module-image-description .container .container-content .dropdown-title .main-width {
        width: 100%
    }
    .module-image-description .container .container-content .dropdown-title .icon-footer {
        display: inline-block;
        vertical-align: middle
    }
    .module-image-description .container .container-content .dropdown-title .title {
        display: inline-block;
        width: calc(100% - 44px)
    }
    .module-image-description .container .container-content .dropdown-title .description-list {
        position: relative;
        display: inline-block;
        width: 100%
    }
    .module-image-description .container .container-content .dropdown-title .pack {
        display: inline-block;
        width: 100%;
        vertical-align: top
    }
    .module-image-description .container .container-content .dropdown-title .pack .list {
        padding: 0
    }
    .module-image-description .container .container-content .dropdown-title .pack .list .list-item {
        display: inline-block;
        width: 50%
    }
    .module-image-description .container .container-content .dropdown-title .pack .list-gift {
        width: 100%;
        padding: 0;
        display: inline-block;
        text-align: center
    }
    .module-image-description .container .container-content .dropdown-title .extra {
        padding: 0 20px 20px 20px;
        margin-top: 40px
    }
    .module-image-description .container .container-content .dropdown-title .img-full {
        width: 100%;
        display: inline-block
    }
    .module-image-description .container .container-content .dropdown-title .img-med {
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }
    .module-image-description .container .container-content .dropdown-title .gifts {
        position: relative;
        width: 100%
    }
    .module-image-description .container .container-content .border-dropdown {
        border-bottom: 2px solid #f4f4f4;
        border-top: 2px solid #f4f4f4
    }
    .module-image-description .container .container-content .footer-container {
        display: none
    }
    .module-image-description .container .container-content .hidden {
        display: block
    }
    .module-image-description .container .container-content .dropdown-main {
        position: relative
    }
    .module-image-description .container .container-content .dropdown-main.active {
        border-bottom: 2px solid #f4f4f4
    }
    .module-image-description .container .container-content .dropdown-main .container-width50,
    .module-image-description .container .container-content .dropdown-main .container-width30,
    .module-image-description .container .container-content .dropdown-main .container-width70,
    .module-image-description .container .container-content .dropdown-main .container-width33 {
        width: 100%;
        padding-bottom: 0;
        padding-top: 0;
        margin: 0
    }
    .module-image-description .grid-item .grid-content .container-div .container-width50,
    .module-image-description .grid-item .grid-content .container-div  .container-width30,
    .module-image-description .grid-item .grid-content .container-div  .container-width70,
    .module-image-description .grid-item .grid-content .container-div .container-width33 {
        width: 100%;
        padding-bottom: 20px;
        padding-top: 0;
        margin: 0
    }
    .module-image-description .container .container-content .dropdown-main .container-width50 {
        padding-bottom: 10px
    }
    .module-image-description .container .container-content .dropdown-main .container-width30 {
        padding-bottom: 10px
    }
    .module-image-description .container .container-content .dropdown-main .container-width50 .container-div {
        margin: 20px 0
    }
     .module-image-description .container .container-content .dropdown-main .container-width30 .container-div {
        margin: 20px 0
    }
    .module-image-description .container .container-content .dropdown-main .container-width50 .container-div .container-width50 {
        padding-bottom: 0
    }
     .module-image-description .container .container-content .dropdown-main .container-width30 .container-div .container-width50 {
        padding-bottom: 0
    }
    .module-image-description .container .container-content .dropdown-main .container-width50 .container-div .container-width50 .list {
        margin-top: 0;
        margin-bottom: 0
    }
    .module-image-description .container .container-content .dropdown-main .container-width30 .container-div .container-width30 .list {
        margin-top: 0;
        margin-bottom: 0
    }
    .module-image-description .container .container-content .dropdown-main .container-width33 {
        margin: 0;
        padding: 0;
        text-align: center
    }
    .module-image-description .container .container-content .dropdown-main .container-width33 .item-width {
        display: inline-block;
        width: 49%;
        padding: 0;
        margin-bottom: 10px
    }
    .module-image-description .container .container-content .dropdown-main .container-width70 {
        padding-top: 30px;
        position: relative;
        text-align: left;
        padding-left: 20px
    }
    .module-image-description .container .container-content .dropdown-main .margin-left {
        padding-top: 10px;
        margin-left: -20px
    }
    .module-image-description .container .container-content .dropdown-main .container-width100 {
        padding-bottom: 10px
    }
    .module-image-description .container .container-content .container-text-witdh100 {
        padding: 0 20px 20px 20px
    }
    .module-image-description .container-number {
        position: absolute;
        display: none;
        width: 100%;
        vertical-align: top;
        text-align: right;
        height: 159px;
        top: 20px;
        left: 20px
    }
    .module-image-description .container-number .pos-middle {
        -webkit-transform: translateY(63%) translateX(3%);
        -ms-transform: translateY(63%) translateX(3%);
        transform: translateY(63%) translateX(3%)
    }
    .module-image-description .container-number-down {
        display: inline-block;
        width: 100%
    }
    .module-image-description .list2.container-width50 {
        margin-top: 20px;
        text-align: left;
        padding-left: 40px
    }
     .module-image-description .list2.container-width30 {
        margin-top: 20px;
        text-align: left;
        padding-left: 40px
    }
}
@media (max-width:760px) {
    .module-image-description .container .container-content .dropdown-main .container-width33 .item-width {
        width: 100%
    }
    .module-image-description .container .container-content .dropdown-main .container-width33 .list2 {
        padding-left: 40px
    }
    .module-image-description .container .container-content .dropdown-main .container-width70 {
        padding: 20px;
    }
    .module-image-description .container .container-content .dropdown-main .container-width50 {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
    .module-image-description .container .container-content .dropdown-main .container-width30 {
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
    .module-image-description .container .container-content .dropdown-main .margin-left {
        margin-left: 0
    }
    .module-image-description .container .button-wrapper {
        padding-left: 0;
        margin-left: 20px
    }
    .module-image-description .text-container {
        padding-right: 0
    }
    .module-image-description .text-container.with-padding.bg-text-container {
        padding-left: 20px;
        padding-right: 20px
    }
}
@media (max-width:1500px) {
    .checkout-container .card-container .card-main-container .card-main .card-main-content .button-extra-big {
        min-width: auto
    }
    /* FACTURA*/
     .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/

/*BLACK FRIDAY*/
.container-div .container-width70 {
    display: inline-block;
    width: 50%!important;
    vertical-align: middle;
    float: right;
}
.module-cover-slider .container-div .image {
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
/*BLACK FRIDAY*/
}
@media only screen and (max-width: 1025px) {
    .checkout-container .form-container .totals-final .input-container.col-2{
        width: calc(50% - 10px);
    }
    .checkout-container .form-container .totals-final .input-container.col-2.font-right{
        text-align: right;
    }
    .checkout-container .cart-tab{
        display: none;
        width: 35px;
        height: 50px;
        position: fixed;
        top: 125px;
        background: #e4e2e2;
        z-index: 10;
        right: 0;
        border-radius: 10px 0 0 10px;
        border: 1px solid #8e8e8e;
        border-right: 0;
        cursor: pointer;
    }
    .tab-onoverflow{
        display: none !important;
    }
    .checkout-container .cart-tab:before{
        content: "\e919";
        font-family: 'icomoon';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        color: #2cb35f;
        font-size: 20px;
    }
    .slide-column{
        overflow-y: hidden;
    }
    .slide-column .checkout-container .checkout-bottom .column.column-small{
        transition: 0.5s;
        right: 0 !important;
    }
    .checkout-container .checkout-bottom .column.column-small{
        position: fixed;
        top: 105px;
        display: block;
        transition: 0.5s;
        right: -1025px;
        z-index: 8;
        overflow: auto;
        height: calc(100% - 100px);;
        background: white;
    }
    /* FACTURA*/
     .padding-right {
    padding-right: 28px;
}
/* FIN FACTURA*/

}
@media (min-width: 761px) and (max-width: 1250px) {
    .module-grid-slider .slider .slides .slide.width-3 {
    width: calc(49.33% - 20px);} 
.module-grid.module-grid-img-text-horizontal .grid-text {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    padding: 10px 0px 10px 10px;
}
.icon-oferta.oferta-big {
    font-size: 112px;
}
.module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left {
    width: 100%;
    margin-left: 50px;
}
.module-cover-slider.module-cover-product .container-slider {
    width: 100%;
    margin-left: 0;
}
.module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-right {
    width: 80%;
}
.module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left {
    padding-left: 0;
}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left .image-slider-rigth {
    width: 100%!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}
}
@media (max-width:1025px) {
    .checkout-container .checkout-bottom .column.column-big,
    .checkout-container .checkout-bottom .column.column-small {
        width: 100%
    }
    .checkout-container .checkout-top {
        padding-bottom: 10px;
        padding-top: 10px
    }
    .checkout-container .medium-width {
        width: 100%
    }
    .form-container .input-container-with-button-help .help-container {
        bottom: 40px;
        right: 20px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@media (max-width:760px) {
    .checkout-container .medium-width {
        width: 100%
    }
    .checkout-container .module-grid-slider .slider .slides .slide {
        padding-bottom: 20px
    }
    .checkout-container .module-grid-slider .slider .slides .slide .bottom {
        padding: 0 20px
    }
    .checkout-container .input-container .button {
        width: 100%;
        text-align: center
    }
    .checkout-container .checkout-top {
        padding-bottom: 20px;
        padding-top: 20px
    }
    .checkout-container .checkout-top .checkout-top-title {
        display: none
    }
    .checkout-container .checkout-bottom .column {
        padding: 0 0 10px 0
    }
    .checkout-container .card-container {
        border: none;
        margin-bottom: 0
    }
    .checkout-container .card-container.without-margin-bottom {
        margin-bottom: 0
    }
    .checkout-container .card-container.without-margin-left {
        margin-left: 0
    }
    .checkout-container .card-container .card-header-container {
        border-radius: 0;
        border-bottom: 1px solid #2aa056
    }
    .checkout-container .card-container .module-grid-slider .slider .controls-container .arrow-wrapper .arrow-left {
        left: -5px
    }
    .checkout-container .card-container .module-grid-slider .slider .controls-container .arrow-wrapper .arrow-right {
        right: -5px
    }
    .checkout-container .card-container .module-grid-slider .slider .slides .slide .top .left {
        width: 30%;
        display: inline-block
    }
    .checkout-container .card-container .module-grid-slider .slider .slides .slide .top .right {
        padding-left: 20px;
        width: calc(70% - 20px);
        display: inline-block
    }
    .checkout-container .card-container .card-main-container .card-main-top .card-top-link {
        margin: 0 10px
    }
    .checkout-container .card-container .card-main-container .total-text {
        margin-left: 10px
    }
    .checkout-container .card-container .card-main-container .payment-item .payment-top .payment-icon,
    .checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-icon {
        width: 40px;
        margin-left: 0
    }
    .checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right,
    .checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right {
        width: calc(100% - 10px);
        padding-left: 20px
    }
    .checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right .payment-icons-container.font-right,
    .checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right .shipping-icons-container.font-right {
        text-align: left
    }
    .checkout-container .checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right,
    .checkout-container .checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right {
        width: calc(100% - 10px);
        padding-left: 20px
    }
    .checkout-container .checkout-container .card-container .card-main-container .payment-item .payment-top .payment-right .payment-icons-container.font-right,
    .checkout-container .checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-right .shipping-icons-container.font-right {
        text-align: left
    }
    .checkout-container .form-container .input-container.right-small {
        width: calc(100% - 120px)
    }
    .checkout-container .form-container .input-container.col-2 {
        width: calc(100% - 10px);
        text-align: left
    }
    .checkout-container .form-container .input-container.col-2.container-width-45 {
        width: calc(50% - 3px);
        display: inline-block;
        margin-left: 0;
        margin: 0
    }
    .checkout-container .form-container .input-container.col-2.container-width-45.container-width-45-margin-rigth {
        margin-right: 6px
    }
    .checkout-container .form-container .input-container.col-2 .mq-div70 {
        width: 50%;
        display: inline-block;
        text-align: right
    }
    .checkout-container .form-container .input-container.col-2.display-container-none {
        display: none
    }
    .checkout-container .form-container .input-container.col-2.less-margin-input {
        margin: 0 5px
    }
    .checkout-container .form-container .input-container.col-2.align-right-title {
        text-align: right
    }
    .checkout-container .form-container .input-container.col-40-percent {
        width: calc(100% - 10px)
    }
    .checkout-container .form-container .input-container.col-60-percent {
        width: calc(100% - 10px)
    }
    .checkout-container .form-container .input-container-with-button .input {
        width: 100%
    }
    .checkout-container .form-container .input-container-with-button-help .input {
        width: calc(50% - 3px);
        margin: 0;
        vertical-align: middle
    }
    .checkout-container .form-container .font-inline {
        margin-left: 0;
        margin-right: 10px
    }
    .checkout-container .form-container .input-iban {
        margin: 0 4px;
        width: calc(16.666% - 8px)
    }
    .checkout-container .checkout-result-container {
        width: 100%
    }
    .checkout-container .checkout-result-container {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px
    }
    .checkout-container .checkout-result-container .text-center-container {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .checkout-container .checkout-result-container .button-wrapper {
        width: 100%
    }
    .checkout-container .checkout-result-container .button-wrapper .button {
        width: 100%;
        border-radius: 0
    }
    .checkout-container .card-container .card-main-container .payment-item .payment-top .payment-left,
    .checkout-container .card-container .card-main-container .shipping-item .shipping-top .shipping-left {
        width: 100%
    }
    .padding-p {
        padding-right: 10px
    }
        .pop-up {
    width: 94%;
    background-color: #fff;
    margin: auto;
}
.mail-br{display: block;}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 20px;
}
}
@media (max-width:500px) {
    .pop-up-carrito {
    width: 413px;
    background-color: #fff;
    margin: auto;
}
.pop-up-carrito .grid-img-cerrar {
  
    margin-right: 48px!important;
}
  
    .pop-up-login {
    width: 92%!important;
    background-color: #fff;
    margin: auto;
}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 20px;
}
.btn-registro {
    padding: 10px!important;
    width: 270px;
    margin-bottom: 10px;
}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left .list {
    width: 100%!important;
    max-width: none;
    margin-bottom: 6px
}
.module-cover-slider .container-slider .slider .slide .slide-left .title-left .image-slider-rigth {
    width: 100%!important;
}   
.blq2 .precio-nuevo{
    font-family: "opensans-semibold";
    font-size: 23px;
    line-height: 40px;
    
}
.module-grid .grid-item.grid-item-3 .button-wrapper {top: 99px;}  
    
}


@media (max-width:400px) {

    .checkout-container .checkout-top .separator-container {
        width: 40px
    }
    .checkout-container .checkout-top .separator-container .separator-dot {
        margin: 0 1px;
        width: 4px;
        height: 4px
    }
    .checkout-container .checkout-top .step-container {
        margin: 0 0
    }
    .checkout-container .module-grid-slider .slider .slides .slide .bottom {
        padding: 0
    }
        .pop-up {
    width: 94%;
    background-color: #fff;
    margin: auto;
}
    .pop-up-login {
    width: 97%!important;
    background-color: #fff;
    margin: auto;
}
.icon-oferta.oferta-big .font-offers {
    font-size: 10px;
    line-height: 15px;
}
.icon-oferta.oferta-big .font-offers2 {
    font-size: 10px;
}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 20px;
}
.btn-registro {
    padding: 10px!important;
    width: 276px;
    margin-bottom: 10px;
}
 /*ESTILOS MIS PEDIDOS*/
    .pop-up {
    width: 94%;
    background-color: #fff;
    margin: auto;
}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 20px;
}
.dir-art{float: none;width: 100%}
 .pop-up-login {
    width: 97%!important;
    background-color: #fff;
    margin: auto;
}
.btn-registro {
    padding: 10px!important;
    width: 276px;
    margin-bottom: 10px;
}
/*ESTILOS MIS PEDIDOS*/
/* FACTURA*/
     .padding-right {
    padding-right: 28px;
    }
   .sales-order-view .first{
        font-size: 12px;
    }
/* FIN FACTURA*/

.blq2 .precio-nuevo{
    font-family: "opensans-semibold";
    font-size: 25px;
    line-height: 40px;
   
}

.module-grid-slider .slider .controls-container .arrow-wrapper {
    position: absolute;
    top: -25px;
    width: 15px;
    height: 50px;
}

}
@media (max-width:360px) {
    .checkout-container .form-container .input-container .col-40-percent .align-right-title {
        text-align: right
    }
    .checkout-container .form-container .input,
    .checkout-container .form-container .form-container .select,
    .checkout-container .form-container .form-container .textarea {
        padding: 12px 2px
    }
    .checkout-container .card-container .card-main-container .total-text {
        margin-left: 40%
    }
    .checkout-container .card-container .card-main-container .card-main-top {
        padding: 10px 2px 0 2px
    }
       .btn-registro {
    padding: 10px!important;
    width: 210px;
    margin-bottom: 10px;
}
.icon-oferta.oferta-big .font-offers {
    font-size: 10px;
    line-height: 15px;
}
.icon-oferta.oferta-big .font-offers2 {
    font-size: 10px;
}
   /*ESTILOS MIS PEDIDOS*/
    .pad-text {
    padding: 0px 42px 77px;
    }
        .dir-art {
    width: 99%!important;
    float: none!important;
}
  .btn-registro {
    padding: 10px!important;
    width: 210px;
    margin-bottom: 10px;
}
/*ESTILOS MIS PEDIDOS*/

.blq2 .precio-nuevo{
    font-family: "opensans-semibold";
    font-size: 25px;
    line-height: 40px;
    
} 
/* FACTURA*/

 .padding-right {
    padding-right: 4px;
}
/* FIN FACTURA*/
}
@media (max-width:940px) {
/*ESTILOS MIS PEDIDOS*/
.module-grid .grid-item.grid-item-2-pedidos2 {
    width: calc(100% - 20px)!important;
}
.module-grid .grid-item-pedido.grid-item-2-pedidos {
    width: calc(91% - -20px);
}
/*ESTILOS MIS PEDIDOS*/
}
@media (max-width:550px) {
.module-grid .grid-item.grid-item-2-pedidos2 {
    width: calc(100% - 20px)!important;
}
.module-grid.grid-item-pedido .grid-item-2-pedidos {
    width:96%!important;
}
.dir-art {
    width: 92%;
    float: none;
}
}
@media (max-width:500px) {
.module-grid .grid-item.grid-item-2-pedidos2 {
    width: calc(100% - 20px)!important;
}
.module-grid .grid-item-pedido.grid-item-2-pedidos {
    width: calc(91% - -20px);
}
.dir-art {
    width: 100%!important;
    float: none!important;
}
.tot-art {
    width: 92%;
    float: left;
}
.icon-oferta.oferta-big .font-offers {
    font-size: 10px;
    line-height: 15px;
}
.icon-oferta.oferta-big .font-offers2 {
    font-size: 10px;
}
/* FACTURA*/

 .padding-right {
    padding-right: 5px;
}
/* FIN FACTURA*/

}

/* FACTURA*/

@media (max-width:320px) {
    .sales-order-view.font-h5 {
    font-size: 10px;}
  .sales-order-view.first{
        font-size: 10px;
 }
 .sales-order-view.product-name {font-size: 10px}
.sales-order-view td{font-size: 10px;}
.blq2 .precio-nuevo {
    font-family: "opensans-semibold";
    font-size: 20px!important;
    line-height: 40px;
}
.font-p {
    font-size: 9px;
    line-height: 20px;

}
.final-price{font-size: 14px;}
.module-grid .grid-item.grid-item-3 .button-wrapper {
    top: 126px;
}
.cms-index-noroute .grid-content p:not(.title){font-family: 'opensans-regular';font-size: 12px; line-height: 24px;}
}

@media (max-width:378px) {
    .catalog-product-view .font-h5 {
    font-size: 10px;}
    .sales-order-view .font-h5 {
    font-size: 10px;}
  .sales-order-view.first{
        font-size: 10px;
 }
 .sales-order-view.product-name {font-size: 10px}

.sales-order-view td{font-size: 10px;}
.module-grid .grid-item.grid-item-3 .button-wrapper {
    top: 118px;
}
.cms-index-noroute .grid-content p:not(.title) {
    font-family: 'opensans-regular';
    font-size: 13px;
    line-height: 24px;
}
}
@media (max-width:850px) {
    .module-cover-slider .container-slider {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        width: 90%;
        margin: 0 auto
    }
    .module-cover-slider .container-slider .slider .slide.active {
        position: relative
    }
    .module-cover-slider .container-slider .slider .slide .slide-right {
        display: none
    }
    .module-cover-slider .container-slider .slider .slide .slide-left {
        display: inline-block;
        width: 100%
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .button-big {
        width: 100%;
        text-align: center
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left {
        display: inline-block;
        width: 100%
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .image-slider-rigth,
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .list {
        display: inline-block;
        vertical-align: middle
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .image-slider-rigth {
        width: 40%;
        padding-left: 20px;
        padding-right: 20px
    }
    .module-cover-slider .container-slider .slider .slide .slide-left .title-left .list {
        width: 55%
    }
    .module-cover-slider .container-slider .slider-steps {
        display: none
    }
    .module-cover-slider.module-cover-product .container-slider {
        padding-top: 0
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left {
        padding-left: 0
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide .slide-left .title-left {
        max-width: none
    }
    .module-cover-slider.module-cover-product .container-slider .slider .slide.active .slide-left .container-product.container-product {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
    
    .pop-up {
    width: 94%;
    background-color: #fff;
    margin: auto;
}
.mail-br{display: block;}
.icon.icon-mail {
    margin-right: 5px;
    vertical-align: middle;
    margin-left: 20px;
}
}
/* FIN FACTURA*/

@font-face {
  font-family: 'icomoon';
  src:  url('https://500cosmetics.com/es/skin/frontend/lesap/default/css/assets/fonts/icons/fonts/icomoon.eot?bpzz6z8');
  src:  url('https://500cosmetics.com/es/skin/frontend/lesap/default/css/assets/fonts/icons/fonts/icomoon.eot?bpzz6z8#iefix') format('embedded-opentype'),
    url('https://500cosmetics.com/es/skin/frontend/lesap/default/css/assets/fonts/icons/fonts/icomoon.ttf?bpzz6z8') format('truetype'),
    url('https://500cosmetics.com/es/skin/frontend/lesap/default/css/assets/fonts/icons/fonts/icomoon.woff?bpzz6z8') format('woff'),
    url('https://500cosmetics.com/es/skin/frontend/lesap/default/css/assets/fonts/icons/fonts/icomoon.svg?bpzz6z8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-sobre-menu:before{
     content: "\ea84";
}
.icon-phone-menu:before{
     content: "\e942";
}
.icon-checkmark:before {
  content: "\e978";
  font-size: 50%;
}
.icon-oferta:before {
  content: "\e904";
  color: #5783c9;
}
.icon-gift:before {
  content: "\e905";
  color: #585858;
}
.icon-user:before {
  content: "\e906";
}
.icon-phone:before {
  content: "\e907";
}
.icon-bell:before {
  content: "\e908";
}
.icon-help .path1:before {
  content: "\e909";
  color: rgb(75, 75, 75);
}
.icon-help .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-indications:before {
  content: "\e90b";
  color: #585858;
}
.icon-leaf:before {
  content: "\e90c";
  color: #585858;
}
.icon-search:before {
  content: "\e90d";
}
.icon-mail:before {
  content: "\e90e";
  color: #585858;
}
.icon-location:before {
  content: "\e90f";
  color: #585858;
}
.icon-certificados:before {
  content: "\e910";
}
.icon-cogs:before {
  content: "\e912";
  color: #585858;
}
.icon-text:before {
  content: "\e913";
  color: #585858;
}
.icon-envio_gratuito:before {
  content: "\e914";
}
.icon-faqs:before {
  content: "\e915";
  color: #585858;
}
.icon-garantia_satisfaccion:before {
  content: "\e916";
}
.icon-atencion_al_cliente:before {
  content: "\e918";
}
.icon-cart:before {
  content: "\e919";
}
.icon-down:before {
  content: "\e902";
}
.icon-up:before {
  content: "\e903";
}
.icon-prev:before {
  content: "\e901";
}
.icon-next:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-google2:before {
    content: "\ea89";
}
.icon-google:before {
    content: "\ea88";
}
.icon-skype:before {
    content: "\eac5";
}
.icon-menu:before {
    content: "\e911";
    -webkit-font-smoothing: antialiased;
    color: white;
    font-size: 25px;
    line-height: 50px;
}
.icon-doctor:before {
    content: "\e920";
}
.icon-review:before {
    content: "\e922";
}
.icon-medalla:before {
    content: "\e921";
}

.icon-star-empty:before {
    content: "\e9d7";
    color: #8e8e8e;
}

.icon-star-full:before {
    content: "\e9d9";
    color: #FFBE00;
}
.icon-star-half:before {
    content: "\e9d8";
    color: #FFBE00;
}
.icon-user-circle-o:before {
  content: "\e910";
}

/*-----------------------------------------
    estilos body, y custom sender global
------------------------------------------*/

body.sales-order-view .product-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    background-color: white;
    padding: 10px 10px 10px 0;
    font-size: 15px;
}

body.cms-index-index  .sender_form_custom .modal-content {
    padding: 68px 20px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 4px;
    border: 0;
    position: relative;
    background-color: #fff;
    width: 210px;
    float: right;
    margin-right: 29px;
}

body.cms-index-index .sender_form_custom .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

body.cms-index-index .sender_form_custom .modal {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    
    text-align: center;
    width: 260px;
    float: right;
}
body.cms-index-index .sender_form_custom .fade.in {
    opacity: 1;
}

body.cms-index-index .sender_form_custom .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

/*-----------------------------------------
    estilos body, y custom sender global
------------------------------------------*/

.catalog-product-view .module-cover-slider.module-cover-product 
.container-slider .slider .slide .slide-left .container-product 
.container-row-left.precios-comparacion{
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.success-msg {
    color: green;
}
.cms-index-index .pd-carrito .success-msg, 
.catalog-product-view .pd-carrito .success-msg,
.cms-index-index .pd-carrito .error-msg, 
.catalog-product-view .pd-carrito .error-msg,
.catalog-category-view .pd-carrito .success-msg, .catalog-category-view .pd-carrito .error-msg  {
    display: block;
}

/*-----------------------------------------
    estilos bottom con animaciones
------------------------------------------*/

.list-button-wrapper  {
    display: flex !important;
    justify-content: flex-end;
    margin-bottom: -50px;
    margin-top: 10px;
    width: 100%;
    padding-top: 20px;
}
.slides-wrapper .list-button-wrapper .button-wrapper.ofertas , 
.slides-wrapper .list-button-wrapper .button-wrapper  {
    position: relative !important;
    right: 0px !important; 
    
}

.slides-wrapper .list-button-wrapper .button-wrapper .button.button-hover, 
.slides-wrapper .list-button-wrapper .button-wrapper.ofertas  .button.button-hover {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transform: translateY(0%) !important;
}

.slides-wrapper .list-button-wrapper .button-wrapper:first-child {
    padding-right: 1em;
}
.slides-wrapper .list-button-wrapper .button-wrapper:last-child {
    padding-left: 1em;
}


.button.button-hover .text-ofertas, .button.button-hover .icon {
    line-height: 1 !important;
}

.checkout-discount-wrapper {
    display: flex !important;
    justify-content: space-between;

}

.checkout-discount-wrapper p,  .checkout-discount-wrapper div {
    display: block !important;
}
.button.button-hover .text-ofertas, .button.button-hover .icon {
    line-height: 1 !important;
}

.edit-adress-hover:hover {
    color:#2cb35f;
}

.customer-address-index .pd-top{
    padding: 8px 0;
}

.onestepcheckout-index-index .header-container .header-icon.icon-cart{
    display: none;
}
.checkout-container .review-totals {
    display: none;
}
.mini-slider-wrapper{
    position: fixed;
    height: 100%;
    display: none;
    z-index: 20;
    background: #000000a3;
    width: 100%;
}
.mini-slider{
    width: 33%;
    margin: 0 auto;
}
.mini-slider-wrapper .module-grid-slider .slider .slides .slide.width-1{
    background: transparent;
}
.mini-slider-wrapper .module-grid-slider .slider .controls-container{
    left: 24px;
    width: 330px;
}
.mini-slider-wrapper .module-grid-slider .slider .controls-container .arrow-right{
    right: 28px;
}

.mini-slider-wrapper .module-grid-slider .slider .custom-width{
    width: 100%;
}
.mini-slider-wrapper .cerrar-imagenes{
    float: right;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
.imagen-reviews{
    cursor: pointer;
}
.visible-images{
    display: block;
}

#container_payment_method_paymentnetwork_pnsofortueberweisung > a,
#container_shipping_method_shippingnetwork_pnsofortueberweisung > a {
    display: none !important;
}

.js-animate {
    opacity: 1 !important;
}

@media (max-width:1025px) {
    #lbContact{
        display: none !important;
    }
    .checkout-container .checkout-bottom .column.column-small{
        position: static;
        height: unset;
        overflow: hidden;
        grid-row: 1;
    }
    .checkout-container .medium-width{
        display: grid;
    }
    .checkout-container .medium-width .column.column-small .render-pay,
    .checkout-container .totals-final{
        display: none;
    }
    .checkout-container .review-totals {
        display: block;
    }
    .checkout-container .card-container .card-main-container .card-main.review-checks{
        display: grid;  background: #e4f8eb }
    .checkout-container .checkout-bottom .form-container.review-checks{
        position: fixed;
        bottom: 0;
        align-items: baseline;
        left: 0;
        grid-template-columns: 50% auto;
        width: 100%;
        z-index: 10;
        background: white;
        padding: 5px 10px;
    }
    .review-checks > .input-container.col-2 {
        grid-column: 1/span 2;
        width: 100%;
        grid-row: 1;
        text-align: left;
        margin: 7px 0;
    }
    .input-container.font-right:not(.col-2){
        text-align: left;
        grid-row: 10;
        align-self: center;
    }
    .checkout-container .review-totals {
        grid-row: 10;
        grid-column: 1/2;
    }
    .review-totals .mq-div70{
        display: none;
    }
    .checkout-container .card-container .card-main-container .card-main.review-actions{
        padding: 0;
        border-top: 0;
    }
    .checkout-container .card-container .card-main-container .news-wrapper{
        grid-column: 1/span 2;
        grid-row: 2;
    }
    .checkout-container .card-container .card-main-container .total-container .total-text{
        font-size: 15px;
    }
    .form-container .total-container .input-container.col-2{
        margin: 0;
    }
    .checkout-container .button-desktop{
        display: none;
    }
    .checkout-container .form-container .input-container.col-2 .mq-div30 {
        width: 50%;
        display: none;
    }
    .checkout-container .button.button-big{
        padding: 2px 15px;
        width: 100%;
    }
    .checkout-container .card-container .card-main-container .card-main.totals-final{
        display: none;
    }
    .checkout-container .medium-width .column.column-small .render-pay{
        display: block;
        order: 1;
    }
    .checkout-container .checkout-bottom .column.column-small > .card-container{
        display: flex;
        flex-direction: column;
    }
    .checkout-container .checkout-bottom .column.column-small .coupon-pay{
        order: 2;
    }
    .onestepcheckout-index-index .footer-responsive, 
    .onestepcheckout-index-index .footer-container{
        display: none;
    }
    .onestepcheckout-index-index .main-page{
        margin-bottom: 120px;
    }
    .checkout-container .card-container .card-main-container .card-main.review-actions .total-container
    > .input-container{
        display: inline-block;
        width: auto;
    }
    .review-checks.form-container .input-container{
        margin: 0 5px;
    }
    .review-checks > .input-container.col-2{
        margin: 2px 0;
    }
}
.agreement-content{
    display: block;
}
.agreement-content.remodal-is-opened{
    display: inline-block;
}
#sender-box{
    display: none !important;
}
.checkout-container .terms-wrapper label{
    background: #dadada5c;
    border: solid 1px #ccc;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.checkout-container .terms-wrapper input:checked+label:before {
    content: "\e978";
    color: gray;
    font-size: 10px;
    left: 3px;
    bottom: 1px;
    position: absolute;
    font-family: 'icomoon';
}
.form-container .input-container .checkbox-container .checkbox-mark {
    display: inline-block;
    vertical-align: middle;
    position: static;
    background: #dadada5c;
    border: solid 1px #ccc;
    width: 20px;
    color: transparent;
    height: 20px;
    margin-right: 8px;
    text-align: center;
    font-size: 16px;
    line-height: 7px
}
.form-container .input-container .checkbox-container .checkbox-mark.checkbox-mark-gray {
    background: #dadada5c;
    border: solid 1px #ccc;
    width: 20px;
    color: transparent;;
    height: 20px;
    margin-right: 8px;
}
.form-container .input-container .checkbox-container input[type=checkbox]:checked+.checkbox-mark {
    content: "\e978";
    font-size: 100%;
    color: gray;
    left: -10px;
}
.form-container .input-container.input-container-inline {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-left: 20px
}
.form-container .input-container .checkbox-container input[type=checkbox] {
    opacity: 0;
    display: none;
}
.header-contact{
    position: absolute;
    left: 0;
    display: none;
    background: white;
    padding: 25px;
    z-index: 5;
}
.header-contact.active{
    display: block;
}
.header-contact .list-container{
    padding: 0;
    text-align: left;
}
.close-contanct{
    width: 20px;
    cursor: pointer;
}
.js-dropdown-content{
    display: none;
}
.js-dropdown-content.active{
    display: block;
}
#onestepcheckout-login-link, .checkout-agreements a {
    color: #2cb35f;
    text-decoration: underline;
}
span.icon-checkmark:before {
    content: "\e978";
    font-size: 10px;
    line-height: 19px;
}
@media (min-width:1025px){
    .checkout-container .checkout-bottom .column.column-small{
        position: absolute;
        max-width: 520px;
    }
    .checkout-container .button-responsive{
        display: none;
    }
    .onestepcheckout-index-index .medium-width {
        position: relative;
    }
    .checkout-container .card-container .card-main-container .cart-items.onestepcheckout-summary{
        max-height: 130px;
        overflow-y: auto;
    }
}
@media (max-width:760px) {
    .checkout-container .checkout-bottom .column.column-small{
        padding: 0;
    }
}



/* =========================
    LOGIN/REGISTER HEADER
============================*/
header.header-container .account-login{
    width: auto;
    height: auto;
    position: absolute;
    display: none;
    top:18px;
    left:-60px!important;
    text-align: center;
    zoom: 0.9;
    -moz-transform: scale(0.8);
}

header.header-container .account-login .pop-up-login {
    width: 100% !important;
    margin:0px;
}

header.header-container .account-login .pd-pop, header.header-container .account-login .pb-100 {
    padding-bottom: 20px !important;
}

header.header-container .account-login .pb-100 {
    padding-bottom: 35px !important;
}

header.header-container .account-login .pd-bot {
    padding-bottom: 25px !important;
}
header.header-container .account-login .pd-pop {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

header.header-container .account-login .mg-bot {
    margin-bottom: 15px;
}

#formLogin.active {
    display:block;
}

header.header-container .account-login  .pop-up-login  .grid-img-cerrar {
    width: 25PX;
    cursor:pointer;
}
.customer-account-login .pop-up-login .grid-img-cerrar.usr{
    display: none;
}
.header-icon.icon-cart.active+.pop-up-carrito{
    display: block;
}

body:not(.customer-account-login):not(.customer-account-create):not(.contacts-index-index) > section.main-page .messages{
    display: none;
}
.customer-account-login .header-icon.icon-user,
.customer-account-create .header-icon.icon-user{
    display: none;
}
/* =========================
    FIN LOGIN/REGISTER HEADER
============================*/

/* =========================
    CONTROLS SLIDER MINI IMAGE
============================*/
.controls-image-mini-container {
    display: flex;
    justify-content: start;
    align-items: center;
    align-content: center;
}
.control-image-mini {
    width: 100px;
}

#module-cover-slider-product .module-grid-slider .slider .slides .slides-nowrap {
    margin-bottom: 0px;
}

.controls-image-mini-container .control-image-mini.active-control {
    border:1px solid #494949;
}

/* =========================
    COOKIES
============================*/

#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999999;
    display: block;
}

#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    height: 64px;
    width: 100%;
    text-align: center;
    background-color: #eeeeee;
}

#infobox3 p {
    line-height: 58px;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    line-height: 20px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-ver {
    color: #fff!important;
    background-color: #2cb35f;
    border-color: #2cb35f;
    
}

#infobox3 p a {
    margin-right: 5px;
    text-decoration: underline;
}

@media (max-width: 1200px) {
    #infobox3 {
        height: 88px;
    }
}

@media (max-width: 992px) {
#infobox3 {
    height: 88px;
}
}


/*===========================================
    sticky container addtocart movil
===========================================*/
#sticky-container-addtocart-movil {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #e4f8eb;
    width: 100%;
    z-index: 1;
    padding: 5px 10px;
}
#sticky-container-addtocart-movil #precio-final-movil {
    font-size: 1.8em;
    color:#2cb35f;
}
#sticky-container-addtocart-movil #precio-antes-movil  {
    text-decoration: line-through;
}
#sticky-container-addtocart-movil  #input-qty-movil {
    width: 100%;
    text-align: center;
    background: transparent;
    border: none; 
    box-shadow: inset 0px 0px 3px #00000054;
}

#sticky-container-addtocart-movil  #item-input-qty-container  {
    font-size: 21px;
    display: grid;
    grid-template-columns: 25% auto 25%;
    width: 100%;
    border:1px solid gray;
    background: #FFFFFF;
}

#sticky-container-addtocart-movil  #item-input-qty-container a:first-child {
    border-right: 1px solid gray;
    box-shadow: inset 0px 0px 3px #00000054;
}

#sticky-container-addtocart-movil  #item-input-qty-container a:last-child {
    border-left: 1px solid gray;
    box-shadow: inset 0px 0px 3px #00000054;
}

#sticky-container-addtocart-movil .sticky-prices-container {
    
}

#sticky-container-addtocart-movil .btn-addtocart-sticky {
    font-size: 13px;
    padding: 5px 15px;
}

#sticky-container-addtocart-movil .btn-addtocart-sticky-container {
    /*align-self: end;*/
}

.onestepcheckout-index-index .header-container{
    position: absolute;
}
.ofertas-activas .slider-principal{
    display: none;
}
.container-div .container-width30 {
    display: inline-block;
    width: 30%;
    vertical-align: top;
}
.container-div .container-width70 {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    float: right;
}

.ofertas-inactivas .slider-ofertas{
    display: none;
}
.container-div {
    padding: 0px 10px;
    display: flow-root;
    background-color: #fff;
}
.slider-ofertas .container-div {
    background-color: #e5e4e0;
}
.module-search .grid-img-cerrar{
    width: 30px;
    height: 20px;
    position: absolute;
    left: 20px;
    cursor: pointer;
    z-index: 20;
}
@media (max-width: 1024px) {
    .header .pop-up-carrito{
        width: 100%;
        min-width: 330px;
    }
    .pd-carrito {
        padding: 2% 50px;
    }
    .view-secuerum_es .main-page .pop-up-carrito .pd-carrito {padding: 2% 50px 2% 10px;}
    .lit-btn {
        margin: 10px 0;
    }
}
@media (max-width: 850px) {
    #sticky-container-addtocart-movil {
        display: grid;
        grid-template-columns: auto 30% 30%;
        grid-gap: 16px;
        align-items: center;
    }
}
@media (max-width: 1200px){
    .container-div .container-width30 {
        display: inline-block;
        width: 30%!important;
        vertical-align: top;
    }
    .container-div .container-width70 {
        display: inline-block;
        width: 60%!important;
        vertical-align: middle;
        float: right;
    }
    .module-cover-slider .container-div .image {
        width: 100%;
        object-fit: cover;
        pointer-events: none;
    }
}
@media (max-width: 760px){
    .container-div .container-width30 {
        display: inline-block;
        width: 100%!important;
        vertical-align: top;
    }
    .module-cover-slider .container-div .image {
        width: 100%;
        object-fit: cover;
        pointer-events: none;
    }
    .module {
        margin-bottom: 30px;
    }
    .container-div .container-width70 {
        display: inline-block;
        width: 100%!important;
        vertical-align: middle;
        float: right;
    }
}

.form-language {
    color: white;
    font-weight: bold;
}

.cms-index-index.view-gr .button.button-hover{
    padding: 0;
}

.cms-index-index.view-gr .slides-wrapper .list-button-wrapper .button-wrapper:first-child{
    padding: 0;
}
@font-face {
  font-family: 'icomoon';
  src:  url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/icons/fonts/icomoon.eot?bpzz6z8');
  src:  url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/icons/fonts/icomoon.eot?bpzz6z8#iefix') format('embedded-opentype'),
    url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/icons/fonts/icomoon.ttf?bpzz6z8') format('truetype'),
    url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/icons/fonts/icomoon.woff?bpzz6z8') format('woff'),
    url('https://500cosmetics.com/es/skin/frontend/lesap/default/assets/fonts/icons/fonts/icomoon.svg?bpzz6z8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-checkmark:before {
  content: "\e978";
  font-size: 50%;
}
.icon-oferta:before {
  content: "\e904";
  color: #5783c9;
}
.icon-gift:before {
  content: "\e905";
  color: #585858;
}
.icon-user:before {
  content: "\e906";
}
.icon-phone:before {
  content: "\e907";
}
.icon-bell:before {
  content: "\e908";
}
.icon-help .path1:before {
  content: "\e909";
  color: rgb(75, 75, 75);
}
.icon-help .path2:before {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-indications:before {
  content: "\e90b";
  color: #585858;
}
.icon-leaf:before {
  content: "\e90c";
  color: #585858;
}
.icon-search:before {
  content: "\e90d";
}
.icon-mail:before {
  content: "\e90e";
  color: #585858;
}
.icon-location:before {
  content: "\e90f";
  color: #585858;
}
.icon-certificados:before {
  content: "\e910";
}
.icon-cogs:before {
  content: "\e912";
  color: #585858;
}
.icon-text:before {
  content: "\e913";
  color: #585858;
}
.icon-envio_gratuito:before {
  content: "\e914";
}
.icon-faqs:before {
  content: "\e915";
  color: #585858;
}
.icon-garantia_satisfaccion:before {
  content: "\e916";
}
.icon-atencion_al_cliente:before {
  content: "\e918";
}
.icon-cart:before {
  content: "\e919";
}
.icon-down:before {
  content: "\e902";
}
.icon-up:before {
  content: "\e903";
}
.icon-prev:before {
  content: "\e901";
}
.icon-next:before {
  content: "\e900";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-google2:before {
    content: "\ea89";
}
.icon-google:before {
    content: "\ea88";
}
.icon-skype:before {
    content: "\eac5";
}
/* layout */
.onestepcheckout-threecolumns {
    border-top: 1px solid #c1c1c2;
    margin: 10px 0px 0px 0px;
}
.onestepcheckout-column-padright {
    padding: 10px 15px 10px 0px;
}
.onestepcheckout-column-padleft {
    padding: 10px 0px 10px 15px;
}
.onestepcheckout-column-right {
    float: left;
    width: 34%;
}
.onestepcheckout-column-middle {
    float: left;
    width: 33%;
    background: url('https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/line.png');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 1px;
}
.onestepcheckout-column-left {
    float: left;
    width: 33%;
    background: url('https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/line.png');
    background-repeat: no-repeat;
    background-position: 97% top;
    background-size: 1px;
}
/* general */
.onestepcheckout-threecolumns input[type=email],
    .onestepcheckout-threecolumns input[type=search],
    .onestepcheckout-threecolumns input[type=number],
    .onestepcheckout-threecolumns input[type=password],
    .onestepcheckout-threecolumns input[type=tel],
    .onestepcheckout-threecolumns input[type=text],
    .onestepcheckout-threecolumns select, .onestepcheckout-threecolumns textarea
    {
    width: 98% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 13px;
    height: 25px;
    padding: 0 8px;
    border-radius: 2px;
    border: 1px solid silver;
    background: #FFFFFF;
    padding: 0 8px;
}
.onestepcheckout-threecolumns div.osc-short input[type=email],
    .onestepcheckout-threecolumns div.osc-short input[type=search],
    .onestepcheckout-threecolumns div.osc-short input[type=number],
    .onestepcheckout-threecolumns div.osc-short input[type=password],
    .onestepcheckout-threecolumns div.osc-short input[type=tel],
    .onestepcheckout-threecolumns div.osc-short input[type=text],
    .onestepcheckout-threecolumns div.osc-short select {
    width: 96% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 13px;
    height: 25px;
    padding: 0 8px;
    border-radius: 2px;
    border: 1px solid silver;
    background: #FFFFFF;
}
.onestepcheckout-threecolumns select {
    background-image: url(https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/icon_arrow.svg) !important;
    background-position: 98% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 18px !important;
    background: #fff;
    padding: 0 26px 0 8px !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
}
.onestepcheckout-column-right input[type=email],
    .onestepcheckout-column-right input[type=search],
    .onestepcheckout-column-right input[type=number],
    .onestepcheckout-column-right input[type=password],
    .onestepcheckout-column-right input[type=tel],
    .onestepcheckout-column-right input[type=text],
    .onestepcheckout-column-right select, .onestepcheckout-column-right textarea
    {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 13px;
    height: 25px;
    padding: 0 8px;
    border-radius: 2px;
    border: 1px solid silver;
    background: #FFFFFF;
    padding: 0 8px;
}
.oonestepcheckout-column-right div.osc-short input[type=email],
    .onestepcheckout-column-right div.osc-short input[type=search],
    .onestepcheckout-column-right div.osc-short input[type=number],
    .onestepcheckout-column-right div.osc-short input[type=password],
    .onestepcheckout-column-right div.osc-short input[type=tel],
    .onestepcheckout-column-right div.osc-short input[type=text],
    .onestepcheckout-column-right div.osc-short select {
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    font-size: 13px;
    height: 25px;
    padding: 0 8px;
    border-radius: 2px;
    border: 1px solid silver;
    background: #FFFFFF;
}

.onestepcheckout-threecolumns textarea {
    height: 75px;
}
.onestepcheckout-threecolumns div.dob-day, .onestepcheckout-threecolumns div.dob-month
    {
    width: 12%;
    float: left;
}
.onestepcheckout-threecolumns div.dob-year {
    width: 24%;
    float: left;
}
.onestepcheckout-threecolumns select.validation-failed {
    border: 1px solid #df280a;
}
.onestepcheckout-threecolumns label.required:after,
    .onestepcheckout-threecolumns span.required:after {
    content: '' !important;
}
.onestepcheckout-threecolumns div.input-box {
    margin: 0px 0px 8px 0px;
}
.onestepcheckout-threecolumns div.osc-short {
    width: 50%;
    float: left;
}
button.button span span {
    line-height: 19px;
}
button.button span {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: auto !important;
}
button.onestepcheckout-place-order span span {
    font-size: 16px;
    padding: 8px 0px 8px 0px;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border: none;
    background: none;
}
button.onestepcheckout-place-order span {
    border: none;
    background: none;
}
button.onestepcheckout-place-order {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #f18200;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    width: 185px;
}
div.onestepcheckout-place-order-wrapper {
    margin: 20px 0px 13px 0px;
    text-align: right;
}
#addressreview div.onestepcheckout-place-order-wrapper {
    margin: 0px;
    text-align: right;
}
button.grey, button.grey:hover, button.grey:active, button.grey:focus {
    background: #999;
}
button.onestepcheckout-place-order:hover, button.onestepcheckout-place-order:active,
    button.onestepcheckout-place-order:focus {
    background-color: #FFA336;
}
.button2 {
    border: 0;
    padding: 0 5px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
}
.button+.button {
    margin-left: 5px;
}
.button2 {
    border: 0;
    padding: 0 5px;
    margin: 0;
    background: transparent;
    cursor: pointer;
    vertical-align: middle;
}
.button2:focus {
    outline: none;
}
.button2 span, .button2 span span {
    line-height: 30px;
    text-decoration: underline;
    text-transform: uppercase;
    display: inline-block;
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
}
.button2 span:hover, .button2 span span:hover {
    text-decoration: none;
    color: #246b8f;
}
div.loading-ajax, div.loading-ajax-login {
    height: 50px;
    text-align: center;
    background: url(https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/ajax-loader.gif) no-repeat center center;
}
.onestepcheckout-place-order-loading {
    text-align: right;
    margin-top: 10px;
    padding-left: 20px;
    font-style: italic;
    background: url("https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/ajax-loader.gif") no-repeat;
    display: inline-block;
}
.onestepcheckout-threecolumns input[type=checkbox],
    .onestepcheckout-threecolumns input[type=radio] {
    margin: -1px 6px 0px 0px;
}
div.onestepcheckout-extraproducts li, .checkout-agreements li {
    margin: 6px 0px 0px 0px !important;
}
.error-msg, .success-msg, .note-msg, .notice-msg {
    padding: 8px 8px 3px 33px !important;
    border-radius: 5px;
    margin-bottom: 10px !important;
}

.onestepcheckout-error {
    background-position: 4px 4px !important;
    padding: 2px 8px 2px 24px !important;
    border-radius: 5px;
    margin: 10px 6px 10px 0px !important;
    background-image: url(https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/i_msg-error.gif);
    background-repeat: no-repeat;
    background-color: #f8edea;
    border: 1px solid #ea9580;
}

.error-msg {
    background-image: url(https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/i_msg-error.gif);
    background-repeat: no-repeat;
}
.success-msg {
    background-image: url(https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/i_msg-success.gif);
    background-repeat: no-repeat;
}
.addresslabel {
    padding: 3px 5px 5px 1px;
    display: block;
}
/* headers */
h1.onestepcheckout-title{
    font-size: 20px;
    text-transform: uppercase;
}
p.onestepcheckout-description{
    font-size: 120%;
    margin-bottom: 8px;
    line-height: 20px;
}

.onestepcheckout-threecolumns p.onestepcheckout-numbers,
    .onestepcheckout-threecolumns li.shipping-address-title {
    display: block;
    margin: 0px 0px 6px 0px;
    padding: 2px 0px 10px 32px;
    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
}
li.shipping-address-title {
    padding: 10px 0px 10px 0px !important;
}
p.onestepcheckout-numbers {
    position: relative;
}
p.onestepcheckout-numbers span {
    background: url('https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/numbers_retina.png');
    background-repeat: no-repeat;
    background-size: 170px;
    display: block;
    height: 30px;
    width: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.numbers-1 {
    background-position: 0 0 !important;
}
.numbers-2 {
    background-position: -24px 0px !important;
}
.numbers-3 {
    background-position: -49px 0px !important;
}
.numbers-4 {
    background-position: -146px 0px !important
}
.onestepcheckout-numbers-3 {
    margin-top: 25px !important;
}
.editcart a {
    display: block;
    height: 15px;
    width: 15px;
    float: left;
    text-decoration: none;
    line-height: 11px;
    border: 1px solid #ccc;
    color: #666;
    background: #fafafa;
    margin-left: 1px;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
}
.editcart a:hover {
    text-decoration: none;
}

/* login modal */
.onestepcheckout-popup-contents .input-button {
    margin: 10px 0px 10px 0px;
}
div#onestepcheckout-login-popup.login-modal {
    min-width: 320px;
    max-width: 380px;
}
/* billing address */
.onestepcheckout-threecolumns #billing\:street2, #billing\:street3,
    #billing\:street4 {
    margin-top: 6px;
}
.input-group .onestepcheckout-address-line {
    margin-bottom: 4px;
}
.input-group .validation-advice{
    margin-bottom: 6px;
}
/* shipping address */
.onestepcheckout-threecolumns #shipping\:street2, #shipping\:street3,
    #shipping\:street4 {
    margin-top: 6px;
}
/* shipping methods */
.onestepcheckout-shipping-method-block dd {
    margin: 0px 0px 3px 0px
}
/* delivery date */
#ddate {
    margin: 10px 0px 0px 2px;
}
.input-deliverydate {
    width: 40%;
    float: left;
}
.input-deliverydate input {
    background: #fff url('https://500cosmetics.com/es/skin/frontend/base/default/onestepcheckout/images/icon_cal.svg') no-repeat right center
        !important;
    background-size: 22px 22px !important;
}
.input-slotpicker {
    width: 30%;
    float: left;
    margin-left: 10px !important;
}
.deliverynotice, .input-deliverynote {
    clear: both;
}
/* payment methods */
.onestepcheckout-threecolumns .payment-methods ul.form-list:before,
    .onestepcheckout-threecolumns .payment-methods fieldset ul:before,
    .onestepcheckout-threecolumns .gift-box:before,
    .onestepcheckout-threecolumns #ddatewrap:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #cccccc;
    border-top: none;
    top: -11px;
    left: 30px;
}
.onestepcheckout-threecolumns .payment-methods ul.form-list:after,
    .onestepcheckout-threecolumns .payment-methods fieldset ul:after,
    .onestepcheckout-threecolumns .gift-box:after,
    .onestepcheckout-threecolumns #ddatewrap:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fafafa;
    border-top: none;
    top: -10px;
    left: 30px;
}
.onestepcheckout-threecolumns .payment-methods ul.form-list,
    .onestepcheckout-threecolumns .payment-methods fieldset ul,
    .onestepcheckout-threecolumns .gift-box,
    .onestepcheckout-threecolumns #ddatewrap {
    position: relative;
    margin: 10px 0px 15px 0px;
    padding: 6px 10px 6px 10px;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background: #fafafa;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.onestepcheckout-threecolumns .payment-methods dd {
    padding-top: 0px !important;
}
.onestepcheckout-threecolumns .payment-methods dt {
    padding-bottom: 6px !important;
}
.onestepcheckout-threecolumns .payment-methods dl,
    .onestepcheckout-threecolumns dl.shipment-methods {
    margin-left: 2px;
}
/* summary */
table.onestepcheckout-summary, table.onestepcheckout-totals {
    width: 100%;
    border-collapse: collapse;
}
table.onestepcheckout-totals {
    margin: 0px 0px 20px 0px;
}
table.onestepcheckout-summary td, table.onestepcheckout-totals td {
    padding: 3px 0 3px 0px;
}
table.onestepcheckout-totals td, table.onestepcheckout-summary td, table.onestepcheckout-summary th
    {
    border-bottom: 1px solid #BEBCB7;
}
table.onestepcheckout-totals tr:last-child td {
    border-bottom: none;
}
table.onestepcheckout-totals tr td.a-right {
    padding-left: 6px;
}
table.onestepcheckout-summary td.name {
    width: 80%;
}
table.onestepcheckout-summary td.qty, table.onestepcheckout-summary th.qty
    {
    width: 6%;
    text-align: center;
}
table.onestepcheckout-summary td.total, table.onestepcheckout-summary th.total,
    table.onestepcheckout-totals td.value {
    width: 22%;
    text-align: right;
}
table.onestepcheckout-summary td.total {
    padding-left: 6px;
}
table.onestepcheckout-totals td.title {
    width: 65%;
    text-align: right;
}
/* coupons */
div.onestepcheckout-coupons, div.onestepcheckout-giftmessagecontainer,
    div.onestepcheckout-feedback, div.onestepcheckout-enable-newsletter,
    div.onestepcheckout-comments, div.onestepcheckout-extraproducts,
    .checkout-agreements {
    margin: 0px 0px 13px 0px;
}
div.successo {
    background: #FDFFFB;
    border-radius: 3px;
    border: 1px solid #B5CC9E;
    padding: 8px;
}
div.failureo {
    background: #f8edea;
    border-radius: 3px;
    border: 1px solid #ea9580;
    padding: 8px;
}
div.onestepcheckout-coupons .success-msg, div.onestepcheckout-coupons .serror-msg
    {
    border: none;
    background-color: transparent;
}
div.onestepcheckout-coupons .error-msg, .success-msg, .note-msg,
    .notice-msg {
    border-style: none !important;
    border-width: 0 !important;
    background-position: 0px 3px !important;
    padding: 2px 8px 2px 22px !important;
    font-weight: bold !important;
    font-size: 13px;
}
/* terms */
.checkout-agreements p.agree {
    margin: 0px !important;
    padding: 0px !important;
}
/* preview */
#addressreview_shippinga, #addressreview_payment,
    #addressreview_billinga, #addressreview_shipping {
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
#addressreview_shipping, #addressreview .rightcol {
    clear: both;
}
#addressreview #buttons {
    text-align: right;
}
#addressreview #buttons div {
    float: right;
    margin-left: 10px;
}
#addressreview .button2 span, #addressreview  .button2 span span {
    line-height: 36px;
}
#addressreview div.data span {
    display: block;
    min-height: 1px;
}
#addressreview div.data div span {
    display: inline;
    min-height: 1px;
}
#addressreview table.onestepcheckout-summary td.name {
    width: 85%;
}
#addressreview .editcart a {
    display: none;
}
#addressreview .td.wide {
    width: 0px;
}
/* modal */
#control_overlay {
    background-color: #000;
}
.oscmodal {
    border: 5px solid #ccc;
    border-radius: 10px;
    background: #fafafa;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    min-height: 200px;
}
/* breakpoints */
@media only screen and (max-width: 620px) , ( max-width : 600px) , ( max-width
        : 599px) , ( max-width : 699px) , ( max-width : 740px) , (
        max-width : 850px) {
    .wrapper {
        width: 100%;
        min-width: 320px;
    }
    .main {
        width: 93%;
        min-width: 320px;
        margin: 0;
    }
    .onestepcheckout-column-padright {
        padding: 10px 15px 10px 0px;
    }
    .onestepcheckout-column-padleft {
        padding: 10px 0px 10px 0px;
    }
    .onestepcheckout-column-right {
        clear: both;
        float: none;
        background: none;
        width: 100%;
    }
    .onestepcheckout-column-left {
        width: 50%;
    }
    .onestepcheckout-column-middle {
        width: 49%;
        background: none;
        float: right;
    }
    div.onestepcheckout-place-order-wrapper {
        margin: 20px 0px 13px 0px;
        text-align: center;
    }
    table.onestepcheckout-summary td.name {
        width: 85%;
    }
}
@media only screen and (max-width: 320px) , ( max-width : 420px) , ( max-width
        : 450px) , ( max-width : 479px) , ( max-width : 499px) , (
        max-width : 520px) , ( max-width : 535px) {
    .wrapper {
        width: 100%;
        min-width: 295px;
    }
    .main {
        width: 90%;
        min-width: 285px;
        margin: 0;
    }
    .onestepcheckout-column-padleft, .onestepcheckout-column-padright {
        padding: 10px 0px 10px 0px;
    }
    .onestepcheckout-column-middle, .onestepcheckout-column-left,
        .onestepcheckout-column-right {
        float: none;
        background: none;
        width: 100%;
    }
    div.onestepcheckout-place-order-wrapper {
        margin: 20px 0px 13px 0px;
        text-align: center;
    }
    div#onestepcheckout-login-popup.login-modal {
        min-width: 300px;
        max-width: 300px;
    }
    .input-slotpicker {
        width: 33%;
    }
    #addressreview_shippinga, #addressreview_payment,
        #addressreview_billinga, #addressreview_shipping {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }
}

.adroll_consent_banner {
    bottom: 20%;
    display: block;
    font-family: "Arial", sans-serif;
    font-size: 16px;
    padding: 0;
    pointer-events: auto;
    position: fixed;
    right: 10%;
    vertical-align: middle;
    width: 375px;
    z-index: 2147483647;
}

.adroll_consent_banner #adroll_allow {
    margin-top: 20px
}

.adroll_consent_banner .adroll_consent_buttons>a {
    display: block;
    pointer-events: auto;
    text-decoration: none
}

.adroll_consent_banner .adroll_consent_buttons>a>div {
    border-style: solid;
    border-width: 1px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    padding: 19px 10px 19px 0;
    pointer-events: auto
}

.adroll_consent_banner .adroll_consent_buttons {
    font-weight: bold;
    margin: 30px 30px 30px;
    text-align: center
}

.adroll_consent_banner .adroll_consent_text {
    display: block;
    font-size: 14px;
    line-height: 1.79;
    margin: 0 30px 15px 30px
}

.adroll_consent_banner .adroll_consent_title {
    font-weight: bold;
    line-height: 1.88;
    margin: 30px 0 15px 30px
}

.adroll_consent_banner .adroll_consent_notice {
    border-width: 1px;
    display: inline-block
}

.adroll_consent_banner .adroll_banner_close {
    cursor: pointer;
    float: right;
    font-weight: bold;
    line-height: 1.88;
    margin: 30px 30px 0 30px;
    text-decoration: underline
}

.adroll_consent_banner {
    background-color: rgba(34, 34, 34, .95);
    border: solid 2px rgba(255, 255, 255, .7);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    color: #fff
}

.adroll_consent_banner a {
    color: #fff;
    text-decoration: underline
}

.adroll_consent_banner #adroll_consent_accept {
    color: #000
}

.adroll_consent_banner #adroll_allow {
    background: #fff
}

.adroll_consent_banner .adroll_consent_buttons>a {
    color: #000
}

.adroll_consent_banner .adroll_consent_buttons>a>div {
    border-color: #fff
}

.adroll_consent_banner #adroll_choose {
    border: solid 2px rgba(255, 255, 255, .7);
    color: #fff
}

.adroll_consent_banner #adroll_banner_close,
.adroll_consent_banner #adroll_consent_choose {
    color: #fff
}

.adroll_consent_banner .adroll_consent_notice .adroll_consent_text {
    color: #fff
}

.adroll_consent_banner .adroll_consent_notice .adroll_consent_title {
    color: #fff
}

@media only screen and (max-width:600px) {
    .adroll_consent_banner {
        height: auto;
        width: 100%;
        margin: 0;
        right: 0;
        left: 0;
        bottom: 0
    }
}

@media only print {
    .adroll_consent_banner {
        display: none
    }
}

.adroll_consent_title_centered {
    font-weight: bold;
    line-height: 1.88;
    margin: 30px 0 15px 124px
}

.adroll_post_consent_section {
    margin: 10px 10px 30px 20px;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.79
}

#adroll_post_consent_message_close {
    text-decoration: none;
    margin: 0 30px 0 30px
}

.adroll_post_consent_text {
    margin-bottom: 15px;
    display: block
}

#adroll_post_consent_title {
    color: #fff
}

#adroll_post_consent_title a {
    color: #fff
}

#adroll_post_consent_text {
    color: #fff
}

#adroll_post_consent_text a {
    color: #fff
}