/********************************
* Custom css Valdevira theme
********************************/
/* montserrat-regular - Latin */
#footer {
    position: relative !important;
}
section#wrapper {
    margin-bottom: 1px !important;
}
.parpadea {
animation: parpadeo 3s infinite;
}
#footer {
    z-index: 0 !important;
}

@keyframes parpadeo {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
  
@font-face {

    font-family: 'Montserrat';
   
    font-style: normal;
    
   font-display: swap;
   
    src: url('./fonts/Montserrat-VariableFont_wght.ttf'); /* IE9 Compat Modes */
   
   
   }
   
   /* montserrat-700 - Latin */
   
   @font-face {
   
    font-family: 'Montserrat-italic';
   
    font-style: italic;
   
   font-display: swap;
   
    src: url('./fonts/Montserrat-Italic-VariableFont_wght.ttf'); /* IE9 Compat Modes */
   
   
   }

   #wrapper{
    color: #000000;
   }  


/************************************
*           MENU
**************************************/

#desktop-header .header-top {
    padding: 1em 2em;
}


#desktop-header #desktop_logo .logo {
    max-width: 185px;
}

#header{
    z-index: 1100;
}

#header .header-nav {
    padding-left: 2em;
    padding-right: 2em;
}

#header #iqitmegamenu-wrapper #cbp-hrmenu-tab-23 img{
    width: auto;
    max-height: 58px;
    margin-right: 45px;
}

#header #cbp-hrmenu-tab-1 a[role="button"]{
    max-width: 250px;
    padding-left: 0;
}

#header #cbp-hrmenu-tab-2 .cbp-hrsub.col-8.cbp-show{
    right: 10%;
    z-index: 1100;
    top: 50px;
}

#header #cbp-hrmenu-tab-3 .cbp-hrsub.col-12.cbp-show{
    z-index: 1100;
    top: 50px;
} 

#header #cbp-hrmenu-tab-2 .cbp-hrsub .cbp-hrsub-inner 
.cbp-menu-column li a{
    font-family: 'Montserrat';
    font-weight: 500;
}


#cbp-hrmenu-tab-3 .cbp-menu-column .cbp-column-title{
    border-bottom: solid 2px #64639d;
    cursor: pointer;
    padding:5px ;
    
}
#cbp-hrmenu-tab-3 .cbp-menu-column .cbp-column-title:focus,
#cbp-hrmenu-tab-3 .cbp-menu-column .cbp-column-title:hover{
    background: #c9d2df;
}

#cbp-hrmenu-tab-3 .cbp-menu-column .cbp-column-title i{
    float: right;
}

.tab-lab-active{
    background: #c9d2df;
}
.product-miniature-grid .product-price {
    font-size: 1.4em;
}
.btn-product-list {
    background: #1B3A8C;
    color: white;
    border: none;
    padding: 10px;
    border-radius: 8px;
}

/*@Media*/
/* Escritorio */
@media only screen and (min-width: 1200px){
	#wrapper .block-title {
        font-size: 2em;
    }
    .block-links ul>li a {
        font-size: 1.2em;
        line-height: 24px;
    }
    #wrapper .block-title:after {
        display: none;
    }
    .product-miniature .product-add-cart {
        margin-top: 15px;
    }
}

@media(max-width:1400px){
    #desktop-header #desktop_logo .logo{
        max-width: 120px;
    }

    #header #iqitmegamenu-wrapper #cbp-hrmenu-tab-23 img{
        margin-right: 0px;
    }

    #desktop-header .header-top{
        padding: 1em;
    }
    .cbp-horizontal .cbp-tab-title{
        font-size: 15px;
    }
}

@media(max-width:1200px){
    #desktop-header .header-top{
        padding: 1em 0em;
    }
    .cbp-horizontal .cbp-tab-title{
        font-size: 14px;
    }

    #desktop-header .col.col-auto.col-header-left{
        padding-right: 0px;
    }

    #header #iqitmegamenu-wrapper #cbp-hrmenu-tab-23 img{
        max-height: 50px;
    }

    #header .header-top .col-header-menu{
        padding-right: 0px;
    }
    #header .header-nav .col.left-nav{
        flex-basis: auto;
        width: 68%;
    }
}

@media(max-width:999px){
    #mobile-header img{
        max-width: 125px;
    }
}

@media(max-width:693px){
    #header .header-nav .col.left-nav{
        padding: 0;
    }

    #mobile-header img{
        max-width: 100px;
    }
}

@media(max-width:651px){
    #header .header-nav .col.left-nav{
        
        width: 75%;
    }
}

@media(max-width:611px){
    #header .header-nav .col.left-nav{
        width: auto;
    }

    #header .header-nav .col.left-nav .block-iqitlinksmanager ul li:first-child,
    #header .header-nav .col.left-nav .block-iqitlinksmanager ul li:nth-child(2){
        display: none;
    }
}


/************************************
*           MENU MOBILE
**************************************/
@media(max-width:992px){
    #iqitmegamenu-mobile .position-relative.mobile-menu__content  li.mobile-menu__tab.mobile-menu__tab--id-23 a img{
        width: 100px;
        height: auto;
        max-height: max-content;
    }  

    #iqitmegamenu-mobile .position-relative.mobile-menu__content  li.mobile-menu__tab.mobile-menu__tab--id-23 a span{
        display: none;
    }

    #mobile-header{
        width: 100%;
        background: rgb(255, 255, 255);
    }
}



/****************************************
*           FOOTER
******************************************/

#footer-copyrights img {
    max-width: 120px;
}



/*****************************************
*           HOME
******************************************/

#index .elementor-section.elementor-element.elementor-element-hdv3ymz {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMnZ3IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0icmdiYSg1LDQxLDY2LDAuMykiPjxwYXRoIGQ9Ik0wIDQ3LjQ0TDE3MCAwbDYyNi40OCA5NC44OUwxMTEwIDg3LjExbDE3MC0zOS42N1YxNDBIMFY0Ny40NHoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCA5MC43MmwxNDAtMjguMjggMzE1LjUyIDI0LjE0TDc5Ni40OCA2NS44IDExNDAgMTA0Ljg5bDE0MC0xNC4xN1YxNDBIMFY5MC43MnoiLz48L2c+PC9zdmc+);
    background-size: 100% 12vw;
    background-repeat: no-repeat;
    background-position: bottom;
}

#index .elementor-element-8b72w1d .elementor-iqit-banner-img img {
    height: 265px;
    object-fit: cover;
}

#index .elementor-element-8b72w1d .elementor-iqit-banner .elementor-iqit-banner-content {
    height: 95px;
}

#index .products .product-add-cart button {
    border: none;
    color: #fff;
}

#js-product-list  .product-add-cart a:hover,
#js-product-list  .product-add-cart button:hover,
#index .products .product-add-cart a:hover,
#index .products .product-add-cart button:hover{
    background: #6FA2CD;
    color: #ffffff
}

#index .products .product-miniature .product-flag.discount {
    background: #ea12d8;
}

#index .products .product-miniature .product-functional-buttons a:hover {
    background: #6FA2CD;
    color: #ffffff;
    opacity: inherit;
}

/*@Media*/

@media(max-width:768px){
    .page-home .home-icon-section .elementor-row .elementor-column {
        width: 50%;
    } 

    .page-home .home-icon-section .elementor-row .elementor-column h2{
        font-size: 14px;
    }

    .page-home .home-icon-section .elementor-row .elementor-column p{
        font-size: 12px;
    }

    .page-home .elementor-section .elementor-row .elementor-products .products-grid .js-product-miniature-wrapper{
        max-width: 50%;
    } 

    .page-home .elementor-section .elementor-row .elementor-products .swiper-container-wrapper.swiper-overflow .swiper-slide.swiper-slide-visible.swiper-slide-active{
        display: flex;
        justify-content: center;
    }
}

@media(max-width:620px){
    .page-home .home-icon-section .elementor-row .elementor-column.elementor-element.elementor-col-50.elementor-top-column{
        width: 100%;
    } 

    .page-home .home-icon-section .elementor-row .elementor-column.elementor-element.elementor-col-50.elementor-top-column img{
        max-width: 60px;
    }
}

.home-offer-banner p{
    text-align: center;
}

.home-offer-banner img{
    max-height: 350px;
}



/***************************************
*       PRODUCT PAGE
***************************************/

#product .prod-title-content{
    padding-left: 0;
}

#product .link-product-button{
    display: flex;
}

#product .product-add-to-cart .add-to-cart{
    background: #002e4f;
    transition: all ease 0.3s;
}

#product .product-add-to-cart .add-to-cart:hover{
    background: #ea12d8;
}



#product .link-product-button a{
    width: 325px;
    background: #f8f8f8;
    border: solid 1px #e3e3e3;
    color: #000;
    transition: all ease 0.3s;
}

#product .product-add-to-cart .col-add-wishlist button:hover,
#btn-batch-section button:hover,
#product .link-product-button a:hover{
    background: #ea12d8;
    color: white;    
}


#product .link-product-button a i{
    margin-left: 10px;
}   

#btn-batch-section{
    padding: 10px 0px;
}


#btn-batch-section button{
    width: 325px;
    background: #f8f8f8;
    border: solid 1px #e3e3e3;
    color: #000;
}

#batch-section{    
    padding: 10px 0px;
}

#batch-section table{
    width: 100%;
}

#col-product-info .custom-made{
    display: flex;
    width: 100%;
    justify-content: left;
    align-items: center;
    
}

#col-product-info .custom-made p{
    background: #ea12d8;
    padding: 3px 20px;
    color: #ffff;
    font-weight: 600;    
}

#main-product-wrapper .custom-made-oferta{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    z-index: 1000;
}

#main-product-wrapper .custom-made-oferta p{
    background: #2210b6;
    padding: 3px 20px;
    color: #ffff;
    font-weight: 600;    
    width: 100%;
    text-align: center;
}



#iqithtmlandbanners-block-1 .block-content img{
    margin-top: 20px;
    margin-bottom: 20px;
}

.product-container .product_header_container .product-stock-break{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
   
}

.product-container .product_header_container .product-stock-break img{
    max-width: 40px;
}

.product-container .product_header_container .product-stock-break .name{
    background: #f5e708;
    padding: 3px 5px;
    border: solid 2px;
}

#product #iqit-reviews-top .btn.btn-primary,
#product .js-mailalert.form-inline .btn.btn-secondary.btn-mail-alert{
    background: #002e4f;
    color: #fff;
}

#product #iqit-reviews-top .btn.btn-primary:hover,
#product .js-mailalert.form-inline .btn.btn-secondary.btn-mail-alert:hover{
    background: #be05ae;
}


#product .product-offer-container{
    background: #ea12d8;
    padding: 10px;
    color: #fff;
}

#product .date-alert{
    border: solid 2px rgb(241, 2, 2);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-bottom: 8px;
}

#product .date-alert p{
    margin-bottom: 0;
}



/**************************************************
*       PRODUCT LIST
****************************************************/

.thumbnail-container .product-stock-break{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 30px;
}
.thumbnail-container .product-stock-break img{
    max-width: 40px;
}

.thumbnail-container .product-stock-break .name{
    background: #f5e708;
    padding: 3px 5px;
    border: solid 2px;
}

.product-miniature .product-description .product-title{
    min-height: 42px;
    margin-top: 10px;
}

#main nav.pagination{
    margin-bottom: 20px;
    margin-top: 40px;
}

.thumbnail-container .custom-made{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    /* bottom: 22px; */
    top: 40px;
}

.thumbnail-container .custom-made p{
    background: #ea12d8;
    padding: 3px 20px;
    color: #ffff;
    font-weight: 600;    
}

.thumbnail-container .custom-made-oferta{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
}

.thumbnail-container .custom-made-oferta p{
    background: #2210b6;
    padding: 3px 20px;
    color: #ffff;
    font-weight: 600;    
    width: 100%;
}

.thumbnail-container .product-functional-buttons.product-functional-buttons-bottom{
    top: 25px;
}

.products-selection .col.view-switcher{
    display: flex;
    align-items: center;
    visibility: hidden;
}
.products-selection .quick-order-prod-list{
    display: flex;
    width: 100%;
    justify-content: center;
}

.products-selection .quick-order-prod-list a{
    background: #ea12d8;
    color: #fff!important;
    opacity: 1;
    padding: 5px 20px;
    font-size: 16px;
}

.products-selection .quick-order-prod-list a:hover{
    background: #be05ae;
    box-shadow: 0px 3px 6px #aba8a8;
}


#js-product-list .product-list-offer-container{
    padding: 5px;
}

/*Media*/

@media(max-width:435px){
    .products-selection .quick-order-prod-list{
        position: absolute;
        bottom: 50px;
        left: 95%;
        display: block;
        width: 150px;
    }
}

/**************************************************
*       QUICK ORDER
***************************************************/

.reference-input.form-control.btn-quick-see-prod{
    background: #002e4f;
    color: #fff;
}

.reference-input.form-control.btn-quick-see-prod a{
    width: 100%;
    display: flex;
    justify-content: center;
    color: #fff;
}

.reference-input.form-control.btn-quick-see-prod:hover{
    background: #be05ae;
    box-shadow: 0px 3px 6px #aba8a8;
}

@media(max-width:615px){

    #quickorderform-table{
        display: flex;
        flex-flow: column;
    }
    #quickorderform-table thead tr th:nth-child(2),
    #quickorderform-table thead tr th:nth-child(6){
        display: none;
    }

    #quickorderform-table tbody tr td.product-image,
    #quickorderform-table tbody tr td.product-price{
        display: none;
    }

    
    #quickorderform-table thead tr th:nth-child(1){
        width: 125px;
    }

    #quickorderform-table tbody tr td.product-reference{
        width: 115px;
    }

    
    #quickorderform-table thead tr th:nth-child(3){
        width: 185px;
    }

    #quickorderform-table thead tr th:nth-child(4){
        width: 75px;
    }

    #quickorderform-table tbody tr td.product-stock{
        width: 10%;
    }

    #quickorderform-table tbody tr td.product-name{
        width: 205px;
    }
    #quickorderform-table tbody tr td.product-quantity .quantity-input{
        width: 35px;
    }

    #quickorderform-table tfoot tr td:nth-child(1){
        display: none;
    }
    #quickorderform-table tfoot tr{
        display: flex;
        justify-content: flex-end;
    }

    #quickorderform-table tfoot tr td button[type=submit]{
        display: none;
    }
}

/**************************************************
*       REGISTRO B2B
***************************************************/

#module-b2bregistration-business #wrapper{
    background-image: linear-gradient(170deg,#002e4f 1%,rgba(8,70,102,0.8) 100%),url("/img/cms/comercial-valservet-veterinarias.jpg")!important;
}

#module-b2bregistration-business #wrapper .page-title{
    color: #ffffff;
    border-bottom: solid 2px #ffffff;
}

#module-b2bregistration-business #wrapper .register-form .b2b-title h3,
#module-b2bregistration-business #wrapper .custom-register-form:first-child,
#module-b2bregistration-business #wrapper .custom-register-form:first-child a{
    color: #ffffff;
}

#module-b2bregistration-business #wrapper .register-form .form-group{
    padding: 0 2em;
} 

#module-b2bregistration-business #wrapper .register-form .form-footer .form-group{
    width: 100%;
    display: flex;
    justify-content: center;
} 

#module-b2bregistration-business #wrapper .register-form .form-group.check-registration{
    padding-left: 25%
}

#module-b2bregistration-business #wrapper .register-form .form-footer .form-group button{
    width: 250px;
    background: #ea12d8;
    margin-left: 26%;
}

#module-b2bregistration-business #wrapper .register-form .form-footer .form-group button:hover{
    background: #d611c9;
}

#module-b2bregistration-business .col.col-md.block.block-toggle.block-iqitcontactpage.js-block-toggle h5{
    color:#ffffff;

}

#module-b2bregistration-business #main .custom-mesage{
    background: #fff;
    padding: 3em;
}
#module-b2bregistration-business #main .panel .custom-mesage p{
    font-size: 19px;
}


/************************************************
*       LOGIN FORM
***************************************************/

#login-form footer button{
    background: #002e4f;
}

#login-form footer button:hover{
    background: #ea12d8;
}


/**************************************************
*        CUSTOMER DASHBOARD
*****************************************************/

.custom-invoice-panel .tab-invoice{
    display: flex;
}

.my-account-page-content  .custom-invoice-panel .tab-invoice a{
    padding: 5px;
    box-shadow: 0px 3px 6px #cccc;
    width: 50%;
    color: #000000;
}

#history .my-account-side-links a{
    color: #000000;
}

.my-account-page-content  .custom-invoice-panel .tab-invoice a:hover{
    padding: 10px;
    box-shadow: 0px 3px 6px #9e9e9ecc;
    
    color: #000000;
}

.my-account-page-content  .custom-invoice-panel .invoice-col{
    display: flex;
    flex-direction: column;
    list-style: circle;
    padding: 10px;
}

.my-account-page-content  .custom-invoice-panel .invoice-col a{
    color:#000b8e;
}


.my-account-page-content .block-iqithtmlandbanners-html img{
    max-height: 300px;
}

/*****************************************
*               CART 
*****************************************/

.cart-grid .cart-grid-right .cart-summary-line.cart-total{
    font-size: 16px;
}

.cart-grid .cart-grid-right .checkout .btn-primary.btn-block,
#blockcart-content .cart-buttons .btn.btn-primary.btn-block{
    background: #002e4f;
}

.cart-grid .cart-grid-right .checkout .btn-primary.btn-block:hover,
#blockcart-content .cart-buttons .btn.btn-primary.btn-block:hover{
    background:  #ea12d8;
}

#blockcart-modal .modal-body .cart-content .cart-content-btn{
    background: #002e4f;
}

#blockcart-modal .modal-body .cart-content .cart-content-btn:hover{
    background:  #ea12d8;
}

#blockcart-content .block-promo .cart-voucher-area{
    display: none;
}

#blockcart-content .block-promo .promo-name.card-body{
    padding: 20px 5px;
}


#blockcart-content .block-promo .promo-name.card-body .cart-summary-line{
    display: flex;
}

#blockcart-content .block-promo .promo-name.card-body .cart-summary-line .label{
    width: 75%;
    margin-right: 10px;
}

#blockcart-content .block-promo .promo-name.card-body .cart-summary-line .pull-right{
    width: 20%;
}

#cart .cart-grid-body .cart-buttons.text-center.custom-btn a{
    background: #002e4f;
}

#cart .cart-grid-body .cart-buttons.text-center.custom-btn a:hover{
    background: #ea12d8;
}

#ps-shoppingcart.side-cart #blockcart-content .cart-products{
    min-height: 270px;
}

/********************************************
*               CHECKOUT
********************************************/

#js-checkout-summary .card-body.cart-summary-totals .cart-summary-line.cart-total {
    font-size: 16px;
}

#checkout-addresses-step .js-address-form .clearfix .btn.btn-primary{
    background: #002e4f;
} 

#checkout-addresses-step .js-address-form .clearfix .btn.btn-primary:hover{
    background:  #ea12d8;
} 

#checkout-payment-step #payment-confirmation .btn.btn-primary.btn-block{
    background: #002e4f;
}

#checkout-payment-step #payment-confirmation .btn.btn-primary.btn-block:hover{
    background:  #ea12d8;
}


/**************************************************************
*               ORDER CONFIRMATION
**************************************************************/

#order-confirmation #content-hook_order_confirmation{
    margin-bottom: 50px;
}


/***************************************************************
*       OCULTAR TOTAL E IMPUESTOS
*****************************************************************/
.cart-totals .clearfix{
    display: none;
}

.cart-totals .clearfix.text-default{
    display: block;
}



/***************************************
*       MODAL PRICE UPDATE
***************************************/

.custom-modal-box{
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    background: #000000a9;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.custom-modal-box span{
    margin-top: 40px;
    color: white;
    font-size: 25px;
    font-family: 'Montserrat';
}

.custom-modal-box p{
    margin-top: 20px;
    color: white;
    font-family: 'Montserrat';
}

.loader {
    width: 48px;
    height: 48px;
    border: 3px dotted #FFF;
    border-style: solid solid dotted dotted;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
  }
  .loader::after {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px dotted #ea12d8;
    border-style: solid solid dotted;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    animation: rotationBack 1s linear infinite;
    transform-origin: center center;
  }
      
  @keyframes rotation {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  } 
  @keyframes rotationBack {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(-360deg);
    }
  }