/* ICONOS PERSONALIZADOS */
.icon-globe:before {
    content: "\f0ac";
    font-family: FontAwesome;
}

/* '' */
.icon-info-circle:before {
    content: '\f05a';
    font-family: FontAwesome;
}

/* '' */
.footer .social-icons a.icon3-class:hover {
    background-color: #D84B37;
}

.footer .social-icons a.icon4-class:hover {
    background-color: #A36F55;
}

.cms-page img {
    max-width: 100%;
    height: auto;
}
.one-step-checkout h3:before {
    background-color:#000!important;
    color:#FFF!important;;
}
.onestepcheckout-login-link a{color:#008c3a!important;}
.onestepcheckout-login-link a span{display:none; background: none!important;}

@media (max-width: 1280px) {
    .fixed-header ul.menu > li, .main-nav ul.menu > li {
        margin-right: -6px;
    }

}

@media (max-width: 991px) {

    .header-container.type4 .search-area .search-icon {
        padding-top:2px;
     /*   display: inline-block;
        line-height: 1rem;
        font-size:28px;
        margin: 8px 0 5px;
        width:30px;*/
    }

    .header-container.type4 .header > .logo {
        margin: -20px 0px 0 0 !important;
    }

    .header-container.type4 .menu-icon {
        float: left;
        line-height: 22px;
    }

    .google_translate {
        margin-left: 10px;
        margin-top: 4px;
    }

    .header-container.type4 .cart-area {
        margin-top: 8px;
    }
    .header-container.type4 .search-area{
        margin:0!important; float:none!important;padding:0 25px 0 0!important;position:relative!important;
    }
    .icon-search{font-size:20px;}

}

@media (max-width: 723px) {


    .breadcrumbs li {
        padding: 5px
    }

}

@media (max-width: 780px) {
    .fancybox-overlay.fancybox-overlay-fixed, .fancybox-wrap.fancybox-desktop.fancybox-type-inline.fancybox-opened {
        display: none !important;
    }

}

@media (max-width: 400px) {
    .searchautocomplete .nav {
        width: 270px;
    }
}

/* fin iconos personalizados */
.owl-top-narrow #category-slider-demo-7 .owl-controls {
    right: -2px
}

.header .demo-tooltip, .footer .demo-tooltip {
    position: absolute;
    right: 15px;
    top: 5px;
    z-index: 9;
    width: 20px
}

.header-container.sticky-header .header .demo-tooltip {
    display: none
}

.footer .demo-tooltip {
    top: -20px
}

a.tooltip-icon {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 10px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: tooltip-animation 1s ease-in infinite;
    -moz-animation: tooltip-animation 1s ease-in infinite;
    -ms-animation: tooltip-animation 1s ease-in infinite;
    animation: tooltip-animation 1s ease-in infinite;
}

.header-container.type2 a.tooltip-icon, .header-container.type3 a.tooltip-icon, .header-container.type4 a.tooltip-icon, .header-container.type5 a.tooltip-icon, .header-container.type6 a.tooltip-icon, .header-container.type7 a.tooltip-icon, .header-container.type8 a.tooltip-icon {
    color: #000;
    border-color: #000
}


.tooltip-popup {
    position: absolute;
    right: -10px;
    top: 30px;
    width: 300px;
    background-color: #111;
    box-shadow: 0 0 8px rgba(255, 255, 255, .5);
    padding: 20px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #fff;
    text-align: left
}

.tooltip-popup h4 {
    font-size: 16px;
    color: #fff
}

.tooltip-popup p {
    margin-bottom: 10px;
    color: #fff
}

.tooltip-popup em {
    font-size: 10px
}

a.tooltip-close {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff
}

.footer-middle > .container {
    position: relative
}

.onestepcheckout-login-link a {

    font-weight: bold;
    font-size: 16px !important
}

/* tooltip for demo */
@-webkit-keyframes tooltip-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes tooltip-animation {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes tooltip-color {
    0% {
        color: #fff;
    }
    50% {
        color: #333;
    }
    100% {
        color: #fff;
    }
}

@keyframes tooltip-color {
    0% {
        color: #fff;
    }
    50% {
        color: #333;
    }
    100% {
        color: #fff;
    }
}

@-webkit-keyframes tooltip-color-white {
    0% {
        color: #444;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #444;
    }
}

@keyframes tooltip-color-white {
    0% {
        color: #444;
    }
    50% {
        color: #fff;
    }
    100% {
        color: #444;
    }
}



.header > .logo {
    max-width: 100%;
}

.searchautocomplete {
    position: relative;
    top: auto;
    right: auto;
    width: auto;

    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
    border-radius: 0px 0px 0px 5px;
    background: none;
    display: block;

}

.searchautocomplete > label {
    display: none;
}

.footer-middle .block.block-subscribe .input-box button span {
    background-color: #b4b6b5;
    color: #fff;
}

.fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul > li > a.level1, .fixed-header .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1, .main-nav .menu > li.menu-static-width .nav-sublist-dropdown .container ul > li > a.level1 {
    text-align: center;
}

.mega-columns .row {
    margin-left: 0px;
    margin-right: 0px;
}

.main-nav .menu > li .nav-sublist-dropdown .container ul > li a.menu_thumb_link {
    padding: 0;
    margin: 0;
}

.google_translate {
    position: static;
    display: inline-block;
    margin-left: 25px;
}

.menu img {
    width: 100%;
    height: auto;
}

.col2-left-layout .category-products .products-grid.columns3 li.item:nth-child(3n+4) {
    clear: both;
}
.col1-layout .category-products .products-grid.columns3 li.item:nth-child(4n+5) {
    clear: both;
}

div#payment_form_servired_standard {
    float: left;
}

.banner_promo .promotext {
    display: inline-table;
    width: 100%;
    padding: 4px;
    background: #F4F4F4;
    margin: 10px 0;
    border: 1px solid #E6E6E6;
    text-align: center;
}

.banner_promo .promotext h2 {
    text-transform: none;
    padding-top: 5px;
    font-size: 18px;
}

.banner_promo .promotext p {
    text-align: center;
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .category-products .products-grid.columns3 li.item:nth-child(3n+4) {
        clear: none;
    }

    .category-products .products-grid.columns3 li.item:nth-child(2n+3) {
        clear: both;
    }

}

.product-label-view {
    position: relative;
    float: left;
    font-size: 20px;
    font-weight: 700;
    color: #62b959;
    line-height: 1;
    top: 30px;
    z-index: 3;
}

.product-label-view span.new-product-icon {
    border: solid 1px orange;
    background-color: transparent;
    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

.product-label-view span.gratis-product-icon {
    border: solid 1px #62b959;
    background-color: transparent;
    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
}

.top_ico {
    color: #FFF;
    background-color: #1f2933;
    padding: 4px;
    width: 100%;
    font-size: 13px !important;
}

.top_ico ul {
    display: flex;
}

.top_ico ul li {
    display: flex;
    flex-basis: 100%;
    justify-content: center;

}

.top_ico ul li span {
    padding-left: 8px;
    line-height: 21px
}


.breadcrumbs{font-size: 1rem;}
.breadcrumbs li a{
    color:#666;
}
.breadcrumbs li strong{
    color:#666;
}
.df-action-icon {
    position: relative;
    width: 25px;
    min-width: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111111;
    flex: 0 0 auto;
}
.header-container .header.container{
    width: 100%;
    padding: 18px 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.header-container .header.container .logo{text-align:left;flex:1}
.header-container .header.container .search-area{text-align:center;flex:1}
.header-container .header.container .cart-area{text-align:right;flex:1}

.footer-middle .footer_middle_column{text-align:left;}
.footer-middle .footer_middle_column a{
    color: #e4e4e4;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.35;
}
.footer-middle .footer_middle_column .df-contact-line {
    margin-bottom: 18px;
}
.footer-middle .footer_middle_column h3{margin: 0 0 22px;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .02em;
}
.footer_middle_column .df-contact-title {
    display: block;
    color: #fff;
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 12px;
}
.footer_middle_column .df-footer-col a, .footer_middle_column .df-footer-col span {
    color: #e4e4e4;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.35;
}
.footer_middle_column .logo{margin-bottom:24px;}
.footer_middle_column .df-footer-col ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_middle_column .df-footer-col li {
    margin-bottom: 13px;
}
.df-service-item {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
}
.df-service-item svg {
    width: 17px;
    height: 17px;
    stroke: #67a836;
    stroke-width: 1.8;
    fill: none;
}

.df-newsletter-legal { max-width:420px; margin:18px auto 0; display:flex; gap:10px; align-items:flex-start; text-align:left; font-size:10px; color:#333; line-height:1.4; }
.df-newsletter-legal input { margin-top:2px; }
.df-newsletter-legal a { color:#111; text-decoration:underline; }
.df-service-strip {
    width: 100%;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    padding: 18px 32px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: center;
}
.df-benefit-list {
    display: grid;
    gap: 14px;
    margin: 28px 0 32px;
}

.df-benefit {
    display: grid;
    grid-template-columns: 28px 1fr;
    gap: 12px;
    align-items: start;
}

.df-benefit svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: #111;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    margin-top: 2px;
}

.df-benefit strong {
    display: block;
    font-size: 13px;
    margin-bottom: 2px;
}

.df-benefit span {
    display: block;
    color: #666;
    font-size: 12px;
    line-height: 1.45;
}

.df-secondary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    height: 46px;
    border-radius: 6px;
    border: 1px solid #111;
    background: #fff;
    color: #111;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    transition: border-color .2s ease, color .2s ease, transform .2s ease;
}
.account-login p{color:#444;}
#login-form2 .form-wrap{
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    padding: 34px;
    min-height: 430px;
}
.df-card, .my-account #form-validate {
    border: 1px solid #e8e8e8;
    border-radius: 14px;
    background: #fff;
    padding: 42px;
}
.forgotpass-page{
    max-width: 960px;
    margin: 0 auto;
}
.forgotpass-page #form-validate2{
    max-width: 640px;
    display:block;
}
h2.legend{font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 700;
    color: #777;
    margin-bottom: 12px;
}
.forgotpass-page .page-title h1{margin:0;}
.back-link a{text-decoration: underline;color:#555;}
.fieldset p{color:#444;margin-bottom:30px;}
.df-password-help {
    margin: 2px 0 24px;
    display: grid;
    gap: 8px;
    color: #666;
    font-size: 12px;
}

.df-rule {
    display: flex;
    align-items: center;
    gap: 8px;
}
.df-rule:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #d2d2d2;
}
.df-security-box {
    margin-top: 28px;
    padding: 18px;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 14px;
    align-items: start;
    color: #555;
    font-size: 12px;
    line-height: 1.55;
}
.df-security-box svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: #111;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.df-form-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 18px;
}

.df-label {
    display:block;
    margin-bottom:8px;
    font-size:12px;
    font-weight:600;
    color:#333;
}
.df-password-row {
    position:relative;
}
.df-input {
    width:100%;
    height:46px;
    border:1px solid #d6d6d6;
    border-radius:7px;
    padding:0 46px 0 14px;
    font-size:14px;
    outline:none;
    transition:border-color .2s ease, box-shadow .2s ease;
}
.df-input:focus {
    border-color:#111;
    box-shadow:0 0 0 3px rgba(0,0,0,.04);
}
.my-account a{color:#008c3a;}
.df-logout {
    height: 40px;
    border: 1px solid #111;
    border-radius: 6px;
    padding: 0 18px;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}
.my-account .pager .limiter{float:left;}
#shopping-cart-table{
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    margin-bottom:20px;

}
#shopping-cart-table thead{
    padding: 16px 18px;
    background: #fafafa;
    color: #777;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .7px;
    font-weight: 700;
}
.df-remove {
    width: 34px;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 999px;
    background: #fff;
    cursor: pointer;
    color: #777;
    font-size: 18px;
    line-height: 1;
}
.df-remove:hover{border-color:#111;color:#111}
#shopping-cart-table tfoot td{padding: 10px; }
#shopping-cart-table .manufacturer{font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
    color:#161616;
}
#shopping-cart-table .link-wishlist{color:#008c3a;margin-top: 10px;
    font-size: 12px;;font-weight:700;display:inline-block;}
#shopping-cart-table .cart-price{font-weight: 700;}
.cart .cart-collaterals{
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    background: #fff;
    padding: 12px;
}
#discount-coupon-form{
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 16px;
    margin: 0 0 22px;
    background: #fafafa;
    display:block;

}
#discount-coupon-form svg{width: 17px;
    height: 17px;
    fill: none;
    stroke: #111;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#discount-coupon-form .discount-form{    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;}
#discount-coupon-form .df-coupon input {
    height: 38px;
    border: 1px solid #d6d6d6;
    border-radius: 6px;
    background: #fff;
    padding: 0 10px;
    font-size: 12px;
    outline: none;
}
#discount-coupon-form button{
    height: 38px;
    border: 0;
    border-radius: 6px;
    background: #111;
    color: #fff;
    padding: 0 13px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
.df-trust {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: 16px;
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 12px;
    align-items: start;
    margin-top: 18px;
}
.df-trust svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: #111;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.df-trust strong {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}
.df-trust span {
    display: block;
    font-size: 11.5px;
    color: #666;
    line-height: 1.4;
}
.df-payment-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}
.df-payment-icons span {
    border: 1px solid #545454;
    border-radius: 4px;
    padding: 6px 9px;
    font-size: 10px;
    color: #fff;
}
.product-name .manufacturer{    font-size: 13px;
    color: #777;
    margin-bottom: 10px;
}
#sequra_partpayment_teaser{margin-top:10px;}
.bottom_grid .price-box{margin:0;    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end; gap:5px; align-items: center;}
.caducity{font-size: 12px;
    font-weight: bold;
    background-color: #efefef;
    padding: 10px;
    display: inline-block;
}
.banners3{margin-top:15px;}
.banners3 .home_imagen img{
    width:100%;
}
.banners3 .home_imagen{ margin-bottom:20px;}
.banners3 .home_banner_content .text-center{padding:0 20px;color:#777}
.banners3 h2{
    font-size:18px;
    font-weight:600;
}
.gtranslate_wrapper{height:40px;}
.gtranslate_wrapper  span{display:none!important;}
.gtranslate_wrapper  .gt_languages span{display:inline !important;}
.home_section{margin-bottom:40px;}
.etrust_sequra{display:flex; gap:20px; margin-top:20px;}
.etrust_sequra > div{flex:1;}
@media (max-width: 500px){
    .header-container.type4 .mini-cart{gap:5px;}
    .etrust_sequra{flex-direction: column;}

}
@media (max-width: 767px){
    .df-service-strip {
        grid-template-columns: 1fr;
        padding: 18px;
        gap: 14px;
    }
    .df-service-strip {
        grid-template-columns: 1fr 1fr;
        padding: 18px;
        gap: 14px;
    }
    .df-service-item{justify-content: flex-start;}
    .footer_middle_column{margin-bottom:20px;}
    #footer_middle_column_2, #footer_middle_column_3, #footer_middle_column_4, #footer_middle_column_5{
        display:inline-block; width:45%; vertical-align: top;
    }
    .category-products .pager_top .pager{display:none;}
    .row.banners3{margin-left:0!important;; margin-right:0!important;}

}
@media (max-width: 991px) {
    .top_ico {
        display: none;
    }
    .header-container .header.container .menu-icon{text-align:left;}
    .header-container .header.container{padding:10px 5px;}
    .search-area{display:flex; justify-content: end;}
    .gtranslate_wrapper{height:30px;}
    .header-container .header.container .cart-area{flex:initial;}


}
@media (min-width: 768px) {
    .footer-middle .container{display:flex; justify-content: space-between;gap:3%;}
    .footer_middle_column{width:20%;}
    .col-md-20{width:20%;}

}
@media (min-width: 992px) {
    #menu_cat_1077, #menu_cat_1077:hover {
       background-color: #000;
        padding:0 0 0 10px;
    }
    #menu_cat_1077 > a{color:#fff;}
    .menu-wrapper .menu{
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .header-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        min-height: 54px;
    }
    .header-container.type4 .main-nav ul.menu > li{ }
    .header-container.type4 .main-nav ul.menu > li > a{padding-bottom: 14px; padding-top:14px;}
    .form-search svg{width: 14px;
        height: 14px;}


    .my-account .fields2,  .my-account .customer-name{display:flex; justify-content: space-between; }


}
@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
    .header-container .header.container{ padding:28px;}
    .main-container, .category-banner{   max-width:1200px; margin:0 auto;}
    .breadcrumbs  .container { max-width: 1200px; }
    #slideshow .container{max-width: 100%;}
    .header-container.type4 .header > .logo {
        margin: -26px 10px 0 0;
    }

}
@media (min-width: 1450px) {
    .main-container, .breadcrumbs .container, .category-banner, .cms-home .main-container .container{   max-width:1450px; margin:0 auto;}
    .cms-home .main-container, .cms-home .main.container{max-width:100%;}
}