/*
 Theme Name: Ulina
 Theme URI: https://uiuxom.com/ulina/html/
 Author: uiuxom
 Author URI: https://themeforest.net/user/uiuxom
 Description: Ulina - Fashion Ecommerce Responsive HTML Template
 Version: 1.0
 License:
 License URI: 
*/

/*==================================
    [Table of contents]
===================================
    01. Header
        01.1 Top Bar
    02. Sliders Section
    03. Icon Boxes
    04. Product Items
    05. Lookbooks
    06. Deal Product Section
    07. Product Tabs
    08. Category  Section
    09. Testimonial Section
    10. Blog Section
    11. Instagram Section
    12. Brand Section
    13. Footer
    14. CTA Section
    15. Subscribe Section
    16. Shop & Product Details Page
    17. Blog & Blog Details Page
    18. Utility Pages
    19. About Section
    20. Page Banner
    21. Contact Page
    22. Preloader
    23. Product Quickview
*/

:root {
  --primaryBg: #232F3E;
  /* --hoverLinkColor: #9ebbbd; */
  --hoverLinkColor: #5DCFFF;
}

/*-----------------------------------------
/  01. Header
/-----------------------------------------*/
.header01{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    padding: 0 48px;
}
.header01.fixedHeader{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    /* background: #ecf5f4; */
    z-index: 999;
    box-shadow: 0 0 50px 0 rgba(29,35,58,.08);
    border-bottom: solid 1px var(--primaryBg);
    background-color: #eee;
}
.header01.h01Mode2.fixedHeader{
    background: #FFF;
}
.h01Mode2{
    position: relative;
    padding: 0;
    left: auto;
    top: auto;
}
.blankHeader{
    height: 0;
}
.headerInner01{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.headerInner02{
    display: flex;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}
.logo{
    position: relative;
    min-width: 13.4%;
    padding: 36px 0;
}
.headerInner02 .logo{
    flex: 1;
    margin: 0;
    padding: 27px 0;
}
.logo img{
    height: 48px;
    width: auto;
}
.headerInner02 .logo img{
    height: 42px;
    width: auto;
}
.mainMenu{
    font-family: 'Jost', sans-serif;
    position: relative;
    display: inline-flex;
    justify-content: flex-start;
}
.mainMenu ul{
    margin: 0;
    padding: 0;
    display: inline-flex;
}
.mainMenu ul li{
    list-style: none;
    position: relative;
}
.mainMenu > ul > li{
    padding: 51px 0 51px;
    margin: 0 55px 0 0;
    position: relative;
}
.headerInner02 .mainMenu > ul > li{
    padding: 0;
    padding: 38px 0 40px;
}
.mainMenu > ul > li:last-child{
    margin-right: 0;
}
.mainMenu ul li a{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    display: block;
    position: relative;
}
.mainMenu ul li.menu-item-has-children > a:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: inline-block;
    position: relative;
    font-size: 12px;
    top: 1px;
    margin-left: 5px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.mainMenu ul li:hover > a, .mainMenu ul li.current-menu-item > a{
    color: var(--hoverLinkColor);
}
.mainMenu ul li ul{
    position: absolute;
    display: block;
    top: calc(80% + 15px);
    left: 0;
    min-width: 220px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29, 35, 58, .08);
    padding: 15px 10px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
}
.mainMenu ul li ul li ul{
    left: calc(100% + 10px);
    top: calc(80% - 40px);
}
.mainMenu > ul li:hover > ul{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    top: 80%;
    pointer-events: auto;
}
.mainMenu ul li ul li:hover ul{
    top: calc(80% - 30px);
}
.mainMenu ul li ul li{
    display: block;
    display: block;
    margin: 0;
    width: 100%;
    padding: 8px 25px;
}
.mainMenu ul li ul li a{
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    display: inline;
    position: relative;
    font-weight: 400;

    -webkit-transition: all 0.35s linear;
    transition: all 0.35s linear;
    background: -webkit-gradient(linear,left top,left bottom,from(var(--hoverLinkColor)),color-stop(98%,var(--hoverLinkColor)));
    background: linear-gradient(to bottom,var(--hoverLinkColor) 0%,var(--hoverLinkColor) 98%);
    background-size: 0 1px;
    background-repeat: no-repeat;
    background-position: left 100%;
}
.mainMenu > ul > li > ul li:hover > a, .mainMenu > ul > li > ul li.active > a{
    background-size: 100% 1px;
    background-image: linear-gradient(to bottom,var(--hoverLinkColor) 0%,var(--hoverLinkColor) 98%);
}
.mainMenu ul li ul li.menu-item-has-children > a:after{
    display: none;
}
.mainMenu ul li ul li.menu-item-has-children:after{
    content: '\f105';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    display: inline-block;
    position: absolute;
    font-size: 12px;
    top: 9px;
    right: 9px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.mainMenu ul li ul li.menu-item-has-children:hover:after,
.mainMenu ul li ul li.menu-item-has-children.active:after{
    color: var(--hoverLinkColor);
}
.megaMenu{
    position: absolute;
    display: block;
    top: calc(80% + 15px);
    left: 0;
    min-width: 720px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29,35,58,.08);
    padding: 28px 10px 15px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none;
}
.mainMenu > ul li:hover > .megaMenu{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    top: 80%;
    pointer-events: auto;
}
.mainMenu > ul li:hover > .megaMenu ul{
    pointer-events: auto;
}
.megaMenu .row .col-lg-4:first-of-type{
    width: 30%;
}
.megaMenu .row .col-lg-4:nth-child(2){
    width: 30%;
}
.megaMenu .row .col-lg-4:last-of-type{
    width: 40%;
    padding: 0 2px 0 0;
}
.megaMenu h3{
    font-size: 18px;
    line-height: 1;
    position: relative;
    margin: 0 24px 17px;
    font-weight: 500;
    padding: 0 0 3px;
}
.megaMenu h3:after{
    content: '';
    width: 35px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--hoverLinkColor);
}
.mainMenu ul li .megaMenu ul{
    opacity: 1;
    visibility: visible;
    position: relative;
    left: auto;
    top: auto;
    min-width: 100%;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: none;
    transition: none;
}
.mainMenu ul li .megaMenu ul li:hover > a, .mainMenu ul li .megaMenu ul.active > a{
    background-size: 100% 1px;
    background-image: linear-gradient(to bottom,var(--hoverLinkColor) 0%,var(--hoverLinkColor) 98%);
}
.megaMenu .lookBook01.lb01M2{
    margin: -28px 0 -15px;
    border-radius: 0 10px 10px 0;
    padding: 36px 0 0 0;
}
.megaMenu .lbContent{
    position: absolute;
    top: 0px;
    padding: 77px 0 0 30px;
    max-width: 70%;
    text-align: left;
}
.megaMenu .lb01M2:after{
    top: auto;
    bottom: -46px;
    right: -49px;
    width: 186px;
    height: 186px;
}
.megaMenu .lbContent h2{
    font-size: 24px;
    line-height: 36px;
    color: #52586d;
    margin: 0 0 19px;
}
.megaMenu .lookBook01 img{
    max-width: 45%;
    height: auto;
    position: relative;
    z-index: 2;
    margin: 43px 0 0;
    display: inline-block;
}
.megaMenu .lbContent h3:after{
    display: none;
}
.mainMenu ul li a.ulinaLink{
    font-size: 14px;
}
.mainMenu ul li a.ulinaLink i{
    font-size: 12px;
    top: 0px;
}
.menuToggler{
    display: none;
}


.accessNav{
    display: inline-flex;
    justify-content: flex-end;
    margin: 0 0 0 auto;
}
.headerInner02 .accessNav{
    display: flex;
    flex: 1;
    justify-content: flex-end;
    margin: 0;
}
.anSocial{
    position: relative;
    display: inline-flex;
    margin: 51px 25px 51px 0px;
}
.ansWrap{
    display: inline-flex;
}
.anSocial a{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    margin: 0 24px 0 0;
}
.anSocial a:last-child{
    margin: 0;
}
.anSocial a.fac{
    color: #1877f2;
}
.anSocial a.twi{
    color: #1da1f2;
}
.anSocial a.lin{
    color: #0077b5;
}
.anSocial a.ins{
    color: #405de6;
}
.anSocial a:hover{
    color: var(--hoverLinkColor);
}
.anSocial a.tog{
    display: none;
}
.anSelects{
    display: inline-flex;
    justify-content: flex-start;
    position: relative;
    padding: 0 0 0 23px;
    margin: 51px 24px 51px 0;
}
.anSelects:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    height: 12px;
    width: 1px;
    background: #bcbcbc;
}
.anSelect{
    position: relative;
    margin: 0 16px 0 0;
}
.anSelects .anSelect:last-of-type{
    margin: 0;
}
.anSelect .nice-select{
    font-size: 16px;
    line-height: 18px;
    color: #7f8495;
    text-transform: uppercase;
    padding: 0 18px 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    height: auto;
}
.anSelect .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    color: #7f8495;
    border: none;
    margin: 0;
    top: 1px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 1px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.anSelect .nice-select.open:after{
    content: '\f106';
}
.anSelect .nice-select .list{
    margin: 10px 0 0;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    min-width: 80px;
}
.anSelect .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: uppercase;
    padding: 0 15px;
    line-height: 40px;
}
.anSelect .nice-select .option:hover, .anSelect .nice-select .option.focus, .anSelect .nice-select .option.selected.focus{
    background-color: var(--hoverLinkColor) !important;
    color: #FFF !important;
}
.anItems{
    position: relative;
    display: inline-flex;
    padding: 0 0 0 24px;
    margin: 49px 0 47px;
}
.headerInner02 .anItems{
    padding: 0;
    margin: 37px 0 35px;
}
.headerInner02 .anItems:before{
    display: none;
}
.anItems:before{
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    height: 12px;
    width: 1px;
    background: #bcbcbc;
}
.anItems > div{
    position: relative;
    margin-right: 24px;
}
.anItems > div:last-of-type{
    margin: 0;
}
.anItems > div > a{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
}
.anItems > div > a:hover{
    color: var(--hoverLinkColor);
}
.anItems > div.anCart > a span{
    height: 18px;
    width: 18px;
    position: absolute;
    right: -12px;
    top: -10px;
    background: #f04726;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 12px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.anItems > div.anCart > a:hover span{
    background: #52586d;
}
.anSupport{
    position: relative;
    padding: 0 0 0 53px;
    margin: 42px 0 40px 49px;
}
.anSupport i{
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 36px;
    color: #4a5556;
    line-height: 1;
}
.anSupport h3{
    font-size: 16px;
    line-height: 1;
    margin: 0;
}
.anSupport h3:first-of-type{
    margin: 0 0 6px;
}
.anItems > div.anCart:hover .cartWidgetArea{
    pointer-events: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotatex(0deg);
    -moz-transform: rotatex(0deg);
    transform: rotatex(0deg);
}
.cartWidgetArea{
    position: absolute;
    display: block;
    top: calc(100% + 23px);
    right: -30px;
    width: 300px;
    background: #fff;
    text-align: left;
    box-shadow: 0 0 50px 0 rgba(29, 35, 58, .08);
    padding: 30px 30px;
    opacity: 0;
    visibility: hidden;
    z-index: 99;
    border-radius: 10px;
    -webkit-transform: rotateX(-75deg);
    -moz-transform: rotateX(-75deg);
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: .4s;
    transition: .4s;
}
.fixedHeader .cartWidgetArea{
    top: calc(100% + 34px);
}
.h01Mode2.fixedHeader .cartWidgetArea{
    top: calc(100% + 24px);
}
.cartWidgetProduct{
    position: relative;
    min-height: 60px;
    text-align: left;
    padding-left: 74px;
    margin-bottom: 25px;
    padding-right: 15px;
}
.cartWidgetArea .cartWidgetProduct:last-of-type{
    margin-bottom: 19px;
}
.cartWidgetProduct img{
    width: 60px;
    height: 70px;
    position: absolute;
    border-radius: 3px;
    left: 0;
    top: 0;
}
.cartWidgetProduct a{
    font-family: 'Jost', sans-serif;
    display: block;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    bottom: auto;
    color: #52586d;
    margin: 0 0 6px;
    top: -2px;
}
.cartWidgetProduct a:hover{
    color: var(--hoverLinkColor);
}
.cartWidgetProduct .cartProductPrice{
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #7b9496;
    line-height: 1;
}
.cartWidgetProduct .cartRemoveProducts{
    font-size: 10px;
    color: #7f8495;
    position: absolute;
    right: -8px;
    top: 0px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #c5d0cf;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    padding: 0px 0 0 1px;
}
.cartWidgetProduct .cartRemoveProducts:hover{
    color: #FFF;
    border-color: var(--hoverLinkColor);
    background: var(--hoverLinkColor);
}
.totalPrice{
    font-family: 'Jost', sans-serif;
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    text-align: left;
    font-weight: 500;
    width: 100%;
    text-transform: capitalize;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #c5d0cf;
}
.totalPrice .price{
    float: right;
    color: #7b9496;
}
.cartWidgetBTN{
    position: relative;
    text-align: left;
}
.cartWidgetBTN a{
    font-family: 'Jost', sans-serif;
    display: inline-block;
    position: relative;
    height: 35px;
    min-width: 10px;
    background: var(--hoverLinkColor);
    border-radius: 35px;
    font-size: 12px;
    line-height: 36px;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    overflow: hidden;
    border: none;
    float: left;
    padding: 0 20px;
}
.cartWidgetBTN a.checkout{
    float: right;
}
.cartWidgetBTN a:hover{
    background: #52586d;
    color: #FFF;
}

/* Search Popup */
.popup_search_sec{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
}
.popup_search_overlay{
    position: fixed;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    background: rgba(82, 88, 109, .6);
    z-index: 9991;
    opacity: 0;
    visibility: hidden;
    cursor: url(../images/close.png), auto;

    -webkit-transition: all .4s ease-in .8s;
    -o-transition: all .4s ease-in .8s;
    transition: all .4s ease-in .8s;
}
.popup_search_sec.active .popup_search_overlay{
    visibility: visible;
    -webkit-transition: all .8s ease-out 0s;
    -o-transition: all .8s ease-out 0s;
    transition: all .8s ease-out 0s;
    top: 0;
    opacity: 1;
}
.pop_search_background{
    background: #52586d;
    width: 100%;
    height: 400px;
    top: -100%;
    z-index: 9992;
    position: fixed;
    left: 0;
    opacity: 0;
    visibility: hidden;

    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    -o-transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
    transition: all 0.6s cubic-bezier(0.9, 0.03, 0, 0.96) 0.7s;
}
.popup_search_sec.active .pop_search_background{
    opacity: 1;
    visibility: visible;
    top: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.5s;
}
.popup_search_form{
    position: relative;
}
.popup_search_form:after{
    -webkit-animation-delay: 0.8s;
    -moz-animation-delay: 0.8s;
    -o-animation-delay: 0.8s;
    animation-delay: 0.8s;
    position: absolute;
    content: '';
    height: 1px;
    background: var(--hoverLinkColor);
    width: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}
.popup_search_sec.active .popup_search_form:after{
    -webkit-animation-name: fadeInGo;
    animation-name: fadeInGo;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    visibility: visible;
    opacity: 1;
    width: 100%;
}
.popup_search_form input[type="search"]{
    font-family: 'Jost', sans-serif;
    width: 100%;
    height: 70px;
    border: none;
    background: transparent;
    outline: none;
    font-size: 22px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 300;
}
.popup_search_form input[type="search"]::-moz-placeholder{
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-ms-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
.popup_search_form input[type="search"]::-webkit-input-placeholder{
    color: #ffffff;
    opacity: 1;
}
@-webkit-keyframes fadeIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes fadeIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}
@keyframes fadeOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@-webkit-keyframes fadeInGo{
    0%{
        opacity: 0.1;
        width: 0;
    }
    100%{
        opacity: 1;
        width: 100%;
    }
}
@keyframes fadeInGo{
    0%{
        opacity: 0.1;
        width: 0;
    }
    100%{
        opacity: 1;
        width: 100%;
    }
}

@-webkit-keyframes fadeOutGo{
    0%{
        opacity: 1;
        width: 100%;
    }
    100%{
        opacity: 0;
        width: 0;
    }
}
@keyframes fadeOutGo{
    0%{
        opacity: 1;
        width: 100%;
    }
    100%{
        opacity: 0;
        width: 0;
    }
}

@-webkit-keyframes fadeOutGo2{
    0%{
        opacity: 0.8;
        width: 100%;
    }
    100%{
        opacity: 0.14;
        width: 0;
    }
}
@keyframes fadeOutGo2{
    0%{
        opacity: 0.8;
        width: 100%;
    }
    100%{
        opacity: 0.14;
        width: 0;
    }
}
.popup_search_form  button[type="submit"]{
    position: absolute;
    right: 0;
    top: 23px;
    border: none;
    outline: none;
    z-index: 2;
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    padding: 0;
    background: transparent;
    color: #ffffff;
    transition: all ease 300ms;
    -moz-transition: all ease 300ms;
    -webkit-transition: all ease 300ms;
    -ms-transition: all ease 300ms;
    -o-transition: all ease 300ms;
}
.popup_search_form  button[type="submit"]:hover{
    color: var(--hoverLinkColor);
}
.middle_search{
    position: relative;
    top: 43%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: relative;
    z-index: 2;
}
.search_Closer{
    float: right;
    height: 22px;
    width: 22px;
    background: url(../images/close1.png) no-repeat center center;
    margin: 30px 0 0;
}
.search_Closer:hover{
    color: var(--hoverLinkColor);
}
.popup_logo{
    position: relative;
    margin: 30px 0 0;
}
.popup_logo img{
    height: 42px;
    width: auto;
}

/*-----------------------------------------
/  01.1 Top Bar
/-----------------------------------------*/
.topbarSection{
    position: relative;
}
.tbInfo{
    font-size: 14px;
    line-height: 28px;
    color: #7f8495;
    padding: 6px 0px 7px;
}
.tbInfo > i{
    color: var(--hoverLinkColor);
    margin-right: 8px;
}
.tbInfo .ulinaLink{
    font-size: 12px;
    margin-left: 13px;
}
.tbInfo .ulinaLink i{
    top: 0;
    margin-right: 6px;
}
.tbAccessNav{
    display: flex;
    justify-content: flex-end;
}
.tbAccessNav .anSocial{
    margin: 14px 23px 11px 0px;
}
.tbAccessNav .anSocial a{
    font-size: 16px;
    margin-right: 21px;
}
.tbAccessNav .anSocial a:last-child{
    margin-right: 0;
}
.tbAccessNav .anSelects{
    margin: 12px 0 11px;
}
.tbAccessNav .anSelect .nice-select{
    font-size: 14px;
}
.tbAccessNav .anSelect .nice-select .list .option{
    font-size: 14px;
}
.tbBar{
    height: 1px;
    background: #dbdfe3;
}

/*-----------------------------------------
/  02. Sliders Section
/-----------------------------------------*/
.sliderSection01{
    position: relative;
    background: #ecf5f4;
}
.ulinaBTN.ulinaSliderBTN{
    height: 54px;
    min-width: 185px;
    line-height: 54px;
}
.ulinaBTN.ulinaSliderBTN2{
    min-width: 174px;
    line-height: 54px;
    height: 54px;
}
.rev_slider_wrapper .tparrows{
    width: 60px;
    height: 60px;
    background: transparent;
    border-radius: 50%;
    border: 1px solid #c5d0cf;
    color: var(--hoverLinkColor);

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.sliderSection02 .rev_slider_wrapper .tparrows{
    border-color: rgba(255, 255, 255, .48);
}
.rev_slider_wrapper .tparrows:before{
    font-family: 'Font Awesome 6 Free';
    content: '\f104';
    font-size: 21px;
    display: block;
    color: inherit;
    width: 100%;
    height: 100%;
    line-height: 60px;
    text-align: center;
    font-weight: 900;
}
.rev_slider_wrapper .tparrows.tp-rightarrow:before{
    content: '\f105';
}
.rev_slider_wrapper .tparrows:hover{
    background: var(--hoverLinkColor);
    border-color: var(--hoverLinkColor);
    color: #FFF;
}
.rev_slider_wrapper .tp-bullet{
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    cursor: pointer;
}
.rev_slider_wrapper .tp-bullet span{
    background: rgba(158, 187, 189, .52);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.sliderSection02 .rev_slider_wrapper .tp-bullet span{
    background: rgba(255, 255, 255, .36);
}
.rev_slider_wrapper .tp-bullet:hover span, .rev_slider_wrapper .tp-bullet.selected span{
    background: rgba(158, 187, 189, 1);
}
.sliderSection02 .rev_slider_wrapper .tp-bullet:hover span, .sliderSection02 .rev_slider_wrapper .tp-bullet.selected span{
    background: rgba(255, 255, 255, 1);
}
.rev_slider_wrapper .tp-bullet:hover, .rev_slider_wrapper .tp-bullet.selected{
    border-color: var(--hoverLinkColor);
    background: transparent;
}
.sliderSection02 .rev_slider_wrapper .tp-bullet:hover, .sliderSection02 .rev_slider_wrapper .tp-bullet.selected{
    border-color: rgba(255, 255, 255, .6);
    background: transparent;
}
.rev_slider_wrapper .tp-bannertimer{
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
.sliderSection02{
    position: relative;
}

/*-----------------------------------------
/  03. Icon Boxes
/-----------------------------------------*/
.iconBox01{
    position: relative;
    padding: 0 0 0 84px;
}
.iconBox01 i{
    font-size: 61px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: -11px;
    color: var(--hoverLinkColor);
}
.ib01LightMode i{
    color: #FFF;
}
.iconBox01 i.tm5{
    top: -5px;
}
.iconBox01 i.tm1{
    top: -1px;
}
.iconBox01 i.t1{
    top: 1px;
}
.iconBox01 h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 20px;
}
.ib01LightMode h3{
    color: #FFF;
}
.iconBox01 p{
    margin: 0;
}
.ib01LightMode p{
    color: #FFF;
}

/*-----------------------------------------
/  04. Product Items
/-----------------------------------------*/
.productItem01{
    position: relative;
}
.pi01Thumb{
    position: relative;
    overflow: hidden;
    border-radius: 3px;
    background: #FFF;
    margin: 0 0 17px;
}
.pi01NoRating .pi01Thumb{
    margin: 0 0 13px;
}
.pi01Thumb img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3px;
    position: relative;
    left: 0%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01Thumb img:nth-child(2){
    position: absolute;
    left: 100%;
    top: 0;
}
.productItem01:hover .pi01Thumb img{
    opacity: .64;
}
.productItem01:hover .pi01Thumb img:first-child{
    left: -100%;
}
.productItem01:hover .pi01Thumb img:nth-child(2){
    left: 0%;
}
.productLabels{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    padding: 12px;
}
.productLabels span{
    float: left;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    background: #7b9496;
    border-radius: 3px;
    padding: 0 8px;
    margin: 0 0 5px;
}
.productLabels span:nth-child(even){
    float: right;
}
.productLabels span.plDis{
    background: #f04726;
}
.productLabels span.plHot{
    background: #f04726;
}
.pi01Actions{
    position: absolute;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.pi01Actions a{
    width: 48px;
    height: 48px;
    background: #FFF;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #7b9496;
    margin: 0 4px;
    opacity: 0;
    visibility: hidden;
}
.pi01Actions a.pi01QuickView i{
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.pi01Actions a:nth-child(01){
    -webkit-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 400ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.pi01Actions a:nth-child(02){
    -webkit-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 500ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.pi01Actions a:nth-child(03){
    -webkit-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.pi01Actions a:nth-child(04){
    -webkit-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -moz-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -ms-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    -o-transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;
    transition: transform 700ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity ease 350ms, visibility ease 350ms, background ease 350ms, color ease 350ms, border ease 350ms;

    transform: translate3d(0, 60px, 0);
    -moz-transform: translate3d(0, 60px, 0);
    -webkit-transform: translate3d(0, 60px, 0);
    -ms-transform: translate3d(0, 60px, 0);
    -o-transform: translate3d(0, 60px, 0);
}
.productItem01:hover .pi01Actions a:nth-child(01),
.productItem01:hover .pi01Actions a:nth-child(02),
.productItem01:hover .pi01Actions a:nth-child(03),
.productItem01:hover .pi01Actions a:nth-child(04),

.productItem02:hover .pi01Actions a:nth-child(01),
.productItem02:hover .pi01Actions a:nth-child(02),
.productItem02:hover .pi01Actions a:nth-child(03),
.productItem02:hover .pi01Actions a:nth-child(04){
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}
.pi01Actions a:hover{
    background: #7b9496;
    color: #FFF;
}
.pi01Details{
    position: relative;
}
.productRatings{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 8px;
}
.productRatingWrap .star-rating{
    font-family: 'Font Awesome 6 Free';
    float: none;
    overflow: hidden;
    position: relative;
    height: auto;
    line-height: 1;
    font-size: 12px;
    width: auto;
    margin: 0;
}
.productRatingWrap .star-rating::before{
    content: "\f005\f005\f005\f005\f005";
    font-weight: 400;
    color: #ffb400;
    float: left;
    position: relative;
    display: inline-block;
}
.productRatingWrap .star-rating span{
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    width: 90%;
    height: 100%;
}
.productRatingWrap .star-rating span::before{
    content: "\f005\f005\f005\f005\f005";
    font-weight: 900;
    color: #ffb400;
    top: 0;
    position: absolute;
    left: 0;
}
.ratingCounts{
    font-size: 13px;
    line-height: 1;
    color: #aeb3c3;
    margin: 0 0 0 11px;
}
.pi01Details h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.pi01Details h3 a{
    color: inherit;
}
.pi01Details h3 a:hover{
    color: #7f8495;
}
.pi01Price{
    font-family: 'Jost', sans-serif;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    font-size: 21px;
    line-height: 30px;
    font-weight: 500;
    color: #7b9496;
    text-decoration: none;
    margin: 0 0 6px;
}
.pi01Price ins{
    text-decoration: none;
}
.pi01Price del{
    font-size: 16px;
    color: #aeb3c3;
    position: relative;
    text-decoration: none;
    padding: 0 6px;
    line-height: 1;
    margin: 0 0 0 13px;
    font-weight: 400;
}
.pi01Price del:after{
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 100%;
    height: 1px;
    background: #aeb3c3;
    margin: 0;
}
.pi01Variations{
    display: flex;
    justify-content: space-between;
}
.pi01VColor{
    display: inline-flex;
    justify-content: flex-start;
    padding: 4px 0 0px;
}
.pi01VCItem{
    position: relative;
    margin: 0 11px 0 0;
}
.pi01VCItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pi01VCItem label{
    position: relative;
    width: 18px;
    height: 18px;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01VCItem input[type="radio"]:checked + label{
    border-color: #dbdfe3
}
.pi01VCItem label:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #52a9e8;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01VCItem input[type="radio"]:checked + label:after{
    width: 10px;
    height: 10px;
}
.pi01VCItem.yellows label:after{
    background: #f2c864;
}
.pi01VCItem.reds label:after{
    background: #f42222;
}
.pi01VSize{
    display: inline-flex;
    justify-content: flex-end;
}
.pi01VSItem{
    position: relative;
    margin: 0 0 0 6px;
}
.pi01VSItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pi01VSItem label{
    border: 1px solid #dbdfe3;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 400;
    color: #7f8495;
    line-height: 22px;
    cursor: pointer;
    padding: 0 6px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi01VSItem input[type="radio"]:checked + label{
    color: #52586d;
    border-color: #52586d;
}

.productCarousel.owl-carousel .owl-nav button.owl-next, .productCarousel.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: var(--hoverLinkColor);
    border: 1px solid #c5d0cf;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.productCarousel.owl-carousel .owl-nav button.owl-next{
    margin-left: 6px;
}
.productCarousel.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -90px;
}
.productCarousel.owl-carousel .owl-nav button.owl-next:hover, .productCarousel.owl-carousel .owl-nav button.owl-prev:hover{
    color: #7b9496;
    border-color: #7b9496;
}

/*-----------------------------------------
/  05. Lookbooks
/-----------------------------------------*/
.lookBook01{
    position: relative;
    background: #ecf5f4;
    border-radius: 5px;
    overflow: hidden;
    text-align: right;
    padding: 39px 32px 0 0;
    margin: 0 0 24px;
}
.overLayAnim01::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,.45);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
}
.overLayAnim01:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}
@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}
.overLayAnim02::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.7) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.overLayAnim02:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}
@keyframes shine {
    100% {
        left: 125%;
    }
}
.overLayAnim03::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.4) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.overLayAnim03:hover::before {
    -webkit-animation: shine2 .75s;
    animation: shine2 .75s;
}
@-webkit-keyframes shine2 {
    100% {
        left: 125%;
    }
}
@keyframes shine2 {
    100% {
        left: 125%;
    }
}


.lb01M1{
    text-align: center;
    padding: 0;
}
.lb01M2{
    padding-top: 27px;
    padding-right: 0;
}
.lb01M3{
    padding: 0;
    text-align: center;
}
.lb01M4{
    padding: 0 0 53px;
    text-align: center;
}
.lb01M5{
    padding: 160px 3px 2px 0;
}
.lb01M6, .lb01M7, .lb01M8, .lb01M9, .lb01M10{
    position: relative;
    background: transparent;
    padding: 0;
}
.lb01M11{
    padding: 48px 30px 31px;
}
.lookBook01:after{
    content: '';
    width: 286px;
    height: 286px;
    background: #ddecea;
    border-radius: 0;
    border-radius: 50%;
    position: absolute;
    bottom: -50px;
    right: -65px;
}
.lb01M1:after{
    content: '';
    width: 320px;
    height: 320px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -25px;
    background: #ddecea;
    border-radius: 50%;
    margin: 0 auto;
}
.lb01M3:after{
    width: 215px;
    height: 215px;
    left: 110px;
    right: auto;
    top: 93px;
    margin: 0;
}
.lb01M4:after{
    width: 215px;
    height: 215px;
    left: 106px;
    right: auto;
    top: auto;
    bottom: 39px;
    margin: 0;
}
.lb01M5:after{
    width: 281px;
    height: 281px;
    top: auto;
    bottom: -86px;
    right: -69px;
}
.lb01M2:after{
    bottom: auto;
    top: -91px;
    right: -98px
}
.lb01M6:after, .lb01M7:after, .lb01M8:after, .lb01M9:after, .lb01M10:after, .lb01M11:after{
    display: none;
}
.lookBook01 img{
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
}
.lb01M1 img{
    max-width: 100%;
    height: auto;
}
.lb01M3 img{
    margin: 0 0 65px;
}
.lb01M6 img,
.lb01M7 img,
.lb01M8 img,
.lb01M9 img,
.lb01M10 img{
    width: 100%;
    height: auto;
    z-index: 1;
    border-radius: 5px;
}
.lbContent{
    position: absolute;
    top: 0px;
    padding: 49px 0 0 49px;
    max-width: 70%;
    text-align: left;
}
.lb01M6 .lbContent{
    z-index: 2;
    max-width: 60%;
    padding: 0 0 0 72px;
    top: 145px;
    bottom: auto;
}
.lb01M1 .lbContent{
    position: relative;
    text-align: center;
    max-width: 100%;
    padding: 49px 49px 35px;
}
.lb01M3 .lbContent{
    position: relative;
    left: auto;
    top: auto;
    padding: 0 50px 43px;
    max-width: 100%;
    text-align: center;
}
.lb01M4 .lbContent{
    position: relative;
    padding: 49px 49px 36px;
    max-width: 100%;
    text-align: center;
}
.lb01M5 .lbContent{
    z-index: 2;
}
.lb01M7 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 48px 0 0 49px;
    top: 0px;
    bottom: auto;
}
.lb01M8 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 0 45px 43px 0;
    top: auto;
    bottom: 0px;
    left: auto;
    right: 0px;
    text-align: right;
}
.lb01M9 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 48px 47px 0 0;
    top: 0;
    bottom: auto;
    left: auto;
    right: 0px;
    text-align: right;
}
.lb01M10 .lbContent{
    z-index: 4;
    max-width: 60%;
    padding: 48px 0 0 48px;
    top: 0;
    bottom: auto;
    left: 0;
    text-align: left;
}
.lb01M11 .lbContent{
    z-index: 4;
    max-width: 100%;
    padding: 0;
    top: auto;
    bottom: auto;
    left: auto;
    text-align: center;
    position: relative;
    margin: 0 0 23px;
}
.lbContent h3{
    font-size: 16px;
    color: #7b9496;
    line-height: 1;
    font-weight: 500;
    margin: 0 0 9px;
}
.lbContent h2{
    font-size: 36px;
    line-height: 48px;
    color: #52586d;
    margin: 0 0 11px;
}
.lb01M11 .lbContent h2{
    margin: 0 0 23px;
}
.lb01M7 .lbContent h2,
.lb01M7 .lbContent h3,
.lb01M10 .lbContent h2,
.lb01M10 .lbContent h3{
    color: #FFF;
}
.lb01M7 .ulinaLink,
.lb01M10 .ulinaLink{
    color: #FFF;
}
.lb01M7 .ulinaLink i,
.lb01M10 .ulinaLink i{
    color: #FFF;
}
.lb01M11Img{
    position: relative;
    display: block;
    text-align: center;
    margin: 0 0 21px;
}
.lb01M11Img img{
    display: inline-block;
    position: relative;
    z-index: 2;
}
.lb01M11Img:after{
    content: '';
    width: 148px;
    height: 148px;
    border-radius: 50%;
    background: #ddecea;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
    margin: 0 auto;
}
.lb01M11 .pi01Price{
    justify-content: center;
    font-size: 30px;
    color: #7b9496;
    margin: 0 0 20px;
}
.lb01M11 .pi01Price del{
    font-size: 21px;
    line-height: 1;
    color: #52586d;
    margin-left: 16px;
}
.lb01M11 .pi01Price del:after{
    background: #52586d;
    top: 9px;
}
.lb01M11 .countDownWrap{
    text-align: center;
}
.lb01M11 .countDownWrap h6{
    text-align: center;
    margin: 0 0 17px;
}
.lb01M11 .ulinaCountDown .countdown-row span{
    display: inline-block;
    width: 60px;
    margin-right: 24px;
}
.lb01M11 .ulinaCountDown .countdown-row span span:first-child{
    position: relative;
    display: block;
    height: 60px;
    width: 60px;
    background: #FFF;
    font-size: 24px;
    color: #52586d;
    line-height: 60px;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    margin: 0 0 6px;
}
.lb01M11 .ulinaCountDown .countdown-row span span:first-child:after{
    content: ':';
    font-size: 24px;
    line-height: 1;
    color: #52586d;
    position: absolute;
    right: -18px;
    top: 16px;
}
.discountLabel{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    height: 90px;
    width: 90px;
    border-radius: 50%;
    background: #f04726;
    padding: 14px 15px 0;
    text-transform: uppercase;
}
.lb01M7 .discountLabel{
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 2;
}
.lb01M10 .discountLabel{
    position: absolute;
    right: 137px;
    bottom: 43px;
    z-index: 2;
    margin: 0 0 15px;
}
.lb01M10 .ulinaCountDown .countdown-row span:last-child span:first-child:after{
    list-style: none;
}

/*-----------------------------------------
/  06. Deal Product Section
/-----------------------------------------*/
.dealProductContent{
    position: relative;
    padding: 75px 0 0;
}
.dealProductContent h5{
    font-size: 18px;
    line-height: 1;
    color: #7b9496;
    font-weight: 500;
    margin: 0 0 11px;
}
.dealProductContent h2{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 16px;
}
.dealProductContent p{
    padding: 0 85px 0 0;
    margin: 0 0 28px;
}
.dpcPriceWrap{
    display: flex;
    margin: 0 0 29px;
}
.dpcPriceWrap .pi01Price{
    font-size: 36px;
    line-height: 48px;
    margin: 0 41px 0 0;
}
.dpcPriceWrap .pi01Price del{
    font-size: 24px;
    line-height: 1;
    color: #52586d;
    margin: 0 0 0 19px;
}
.dpcPriceWrap .pi01Price del:after{
    background: #52586d;
    top: 11px;
}
.countDownWrap{
    position: relative;
}
.countDownWrap h6{
    font-size: 18px;
    line-height: 1;
    margin: 0 0 15px;
}
.ulinaCountDown{
    position: relative;
    font-family: 'Jost', sans-serif;
}
.ulinaCountDown .countdown-row{
    display: block;
}
.ulinaCountDown .countdown-row span{
    display: inline-block;
    width: 72px;
    margin-right: 28px;
}
.ulinaCountDown .countdown-row span span:first-child{
    position: relative;
    display: block;
    height: 72px;
    width: 72px;
    background: #FFF;
    font-size: 30px;
    color: #52586d;
    line-height: 72px;
    text-align: center;
    font-weight: 400;
    border-radius: 50%;
    margin: 0 0 12px;
}
.ulinaCountDown .countdown-row span span:first-child:after{
    content: ':';
    font-size: 24px;
    line-height: 1;
    color: #52586d;
    position: absolute;
    right: -18px;
    top: 23px;
}
.ulinaCountDown .countdown-row span:last-child span:first-child:after{
    display: none;
}
.ulinaCountDown .countdown-row span span:last-child{
    display: block;
    font-size: 16px;
    color: #52586d;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.dealProductImage{
    position: relative;
    text-align: left;
    padding: 0 0 0 67px;
    margin: 0 0 0 33px;
}
.dealProductImage img{
    max-width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    z-index: 2;
}
.dealProductImage:after{
    content: '';
    position: absolute;
    left: 0;
    top: 39px;
    width: 471px;
    height: 471px;
    background: #ddecea;
    border-radius: 50%;

    -webkit-animation: scalings 1.5s alternate infinite;
    -moz-animation: scalings 1.5s alternate infinite;
    -ms-animation: scalings 1.5s alternate infinite;
    -o-animation: scalings 1.5s alternate infinite;
    animation: scalings 1.5s alternate infinite;
}
@keyframes scalings {
    from {
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    to {
        -ms-transform: scale(.8);
        -moz-transform: scale(.8);
        -webkit-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
    }
}


/*-----------------------------------------
/  07. Product Tabs
/-----------------------------------------*/
.productTabs{
    position: relative;
}
.productTabs ul.productTabsNav{
    font-family: 'Jost', sans-serif;
    margin: 0 0 46px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
}
.productTabs ul.productTabsNav.absolutes{
    position: absolute;
    right: 0;
    top: -64px;
    margin: 0;
}
.productTabs ul.productTabsNav li{
    list-style: none;
    margin: 0 0 0 34px;
}
.productTabs ul.productTabsNav li:first-child{
    margin: 0;
}
.productTabs ul.productTabsNav li button{
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    font-size: 18px;
    text-transform: capitalize;
    color: #aeb3c3;
    font-weight: 400;
    background: transparent;
    line-height: 1;
    display: block;
}
.productTabs ul.productTabsNav li button:hover,
.productTabs ul.productTabsNav li button.active{
    color: #52586d;
}
.productTabs .productItem01{
    margin: 0 0 45px;
}

/*-----------------------------------------
/  08. Category  Section
/-----------------------------------------*/
.categoryItem01{
    position: relative;
    overflow: hidden;
}
.ci01Thumb{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    margin: 0 0 21px;
    background: var(--hoverLinkColor);
}
.categoryItem01.ci01Mode2 .ci01Thumb{
    width: 190px;
    height: 190px;
    border-radius: 190px;
    -moz-border-radius: 190px;
    -webkit-border-radius: 190px;
    -khtml-border-radius: 190px;
    margin: 0 auto 21px;
    overflow: hidden;
    z-index: 2;
}
.categoryItem01 img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.categoryItem01.ci01Mode2 .ci01Thumb img{
    width: 100%;
    height: 100%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    z-index: -2;
}
.categoryItem01:hover .ci01Thumb img{
    transform: rotate(-2deg) scale(1.04);
    -moz-transform: rotate(-2deg) scale(1.04);
    -webkit-transform: rotate(-2deg) scale(1.04);
}
.categoryItem01.ci01Mode2:hover  .ci01Thumb img{
    transform: rotate(-5deg) scale(1.06);
    -moz-transform: rotate(-5deg) scale(1.06);
    -webkit-transform: rotate(-5deg) scale(1.06);
}
.categoryItem01 h3{
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 9px;
}
.categoryItem01 h3 a{
    color: inherit;
}
.categoryItem01 h3 a:hover{
    color: #7f8495;
}
.categoryItem01 p{
    font-size: 13px;
    line-height: 1;
    color: #aeb3c3;
    margin: 0;
}
.categoryCarousel.owl-carousel .owl-nav button.owl-next, .categoryCarousel.owl-carousel .owl-nav button.owl-prev,
.categoryCarousel2.owl-carousel .owl-nav button.owl-next, .categoryCarousel2.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: var(--hoverLinkColor);
    border: 1px solid #c5d0cf;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.categoryCarousel.owl-carousel .owl-nav button.owl-next,
.categoryCarousel2.owl-carousel .owl-nav button.owl-next{
    margin-left: 6px;
}
.categoryCarousel.owl-carousel .owl-nav,
.categoryCarousel2.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -90px;
}
.categoryCarousel2.owl-carousel .owl-nav button.owl-next:hover, .categoryCarousel2.owl-carousel .owl-nav button.owl-prev:hover,
.categoryCarousel.owl-carousel .owl-nav button.owl-next:hover, .categoryCarousel.owl-carousel .owl-nav button.owl-prev:hover{
    color: #7b9496;
    border-color: #7b9496;
}

/*-----------------------------------------
/  09. Testimonial Section
/-----------------------------------------*/
.testimoniLeft{
    position: relative;
    padding: 42px 0 0;
}
.testimoniLeft p.secTitle{
    margin: 0 0 18px;
}
.testimoniLeft p.secDesc{
    margin: 0 0 42px;
}
.testimonalNav{
    display: flex;
    justify-content: flex-start;
}
.testimonalNav button{
    font-size: 18px;
    color: var(--hoverLinkColor);
    border: 1px solid #c5d0cf;
    background: transparent;
    width: 42px;
    height: 42px;
    line-height: 39px;
    text-align: center;
    border-radius: 50%;
    padding: 0;
}
.testimonalNav button:first-child{
    margin-right: 6px;
}
.testimonalNav button:hover{
    color: #7b9496;
    border-color: #7b9496;
}
.testimonialItem01{
    position: relative;
    background: #FFF;
    border-radius: 5px;
    box-shadow: 0px 5px 72px 0px rgba(2, 24, 93, 0.08);
    padding: 55px 59px 60px 58px;
}
.ti01Mode2{
    box-shadow: none;
    border: 1px solid #dbdfe3;
    padding: 55px 50px 59px 57px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.ti01Mode2:hover{
    background: #ecf5f4;
    border-color: #ecf5f4;
}
.ti01Header{
    position: relative;
    margin: 0 0 21px;
}
.ti01Mode2 .ti01Header{
    margin: 0 0 21px;
    padding-right: 8px;
}
.ti01Header > i{
    font-size: 49px;
    color: var(--hoverLinkColor);
    line-height: 1;
    float: left;
}
.ti01Rating{
    display: inline-flex;
    justify-content: flex-end;
    font-size: 16px;
    color: #ffb400;
    line-height: 1;
    margin: 16px 0 0;
}
.ti01Content{
    font-size: 18px;
    line-height: 30px;
    color: #7f8495;
    font-style: italic;
    margin: 0 0 32px;
}
.ti01Author{
    position: relative;
    min-height: 60px;
    padding: 6px 0 0 79px;
}
.ti01Author img{
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.ti01Author h3{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 12px;
}
.ti01Author span{
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #aeb3c3;
}
.testimonialSliderWrap{
    padding: 50px 50px 50px 100px;
    margin: 0 -50px 0 0;
    overflow: hidden;
}
.testimonialCarousel .owl-stage-outer{
    overflow: visible;
}
.testimonialCarousel .owl-item{
    opacity: 0;
}
.testimonialCarousel .owl-item.active{
    opacity: 1;
    transition: opacity 300ms;
}
.testimonialCarousel.owl-carousel .owl-stage-outer .owl-item.active{
    opacity: 1;
    pointer-events: auto;
    cursor: pointer;
    visibility: visible;
}
.testimonialCarousel.owl-carousel .owl-stage-outer .owl-stage{
    cursor: none;
    pointer-events: none;
}
.testimonialCarousel.owl-carousel .owl-dots{
    height: 20px;
    line-height: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 34px 0 0;
}
.testimonialCarousel.owl-carousel button.owl-dot{
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    margin: 0 20px 0 0;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel.owl-carousel button.owl-dot.active,
.testimonialCarousel.owl-carousel button.owl-dot:hover{
    border-color: var(--hoverLinkColor);
}
.testimonialCarousel.owl-carousel button.owl-dot span{
    background: rgba(158, 187, 189, .52);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel.owl-carousel button.owl-dot.active span,
.testimonialCarousel.owl-carousel button.owl-dot:hover span{
    background: rgba(158, 187, 189, 1);
}

.testimonialCarousel2.owl-carousel .owl-nav button.owl-next, .testimonialCarousel2.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: var(--hoverLinkColor);
    border: 1px solid #c5d0cf;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.testimonialCarousel2.owl-carousel .owl-nav button.owl-next{
    margin-left: 6px;
}
.testimonialCarousel2.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -90px;
}
.testimonialCarousel2.owl-carousel .owl-nav button.owl-next:hover, .testimonialCarousel2.owl-carousel .owl-nav button.owl-prev:hover{
    color: #7b9496;
    border-color: #7b9496;
}
.testimonialCarousel2.owl-carousel .owl-dots{
    height: 20px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 58px 0 0;
}
.testimonialCarousel2.owl-carousel button.owl-dot{
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    position: relative;
    margin: 0 20px 0 0;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel2.owl-carousel button.owl-dot.active,
.testimonialCarousel2.owl-carousel button.owl-dot:hover{
    border-color: var(--hoverLinkColor);
}
.testimonialCarousel2.owl-carousel button.owl-dot span{
    background: rgba(158, 187, 189, .52);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.testimonialCarousel2.owl-carousel button.owl-dot.active span,
.testimonialCarousel2.owl-carousel button.owl-dot:hover span{
    background: rgba(158, 187, 189, 1);
}

/*-----------------------------------------
/  10. Blog Section
/-----------------------------------------*/
.blogItem01{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.blogItem01 img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blogItem01:hover img{
    transform: rotate(-2deg) scale(1.06);
    -moz-transform: rotate(-2deg) scale(1.06);
    -webkit-transform: rotate(-2deg) scale(1.06);
}
.blogItem01:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/bg/2.png) repeat-x left bottom;
    z-index: 2;
}
.bi01Content{
    position: absolute;
    left: 0;
    bottom: 37px;
    z-index: 3;
    padding: 0 48px;
}
.bi01Meta{
    font-size: 14px;
    line-height: 30px;
    color: #FFF;
    margin: 0 0 1px;
}
.bi01Meta span{
    float: left;
    margin: 0 19px 0 0;
}
.bi01Meta span a{
    color: inherit;
}
.bi01Meta span a:hover{
    color: var(--hoverLinkColor);
}
.bi01Meta span i{
    margin: 0 9px 0 0;
}
.bi01Content h3{
    font-size: 30px;
    line-height: 48px;
    color: #FFF;
    margin: 0 0 0;
}
.bi01Content h3 a{
    color: inherit;
}
.bi01Content h3 a:hover{
    color: var(--hoverLinkColor);
}
.blogItem02{
    position: relative;
    border-radius: 5px;
    border: 1px solid #dbdfe3;
    min-height: 260px;
    padding: 21px 29px 0;
    margin: 0 0 24px;
}
.blogItem02 .bi01Meta{
    color: #7f8495;
}
.blogItem02 .bi01Meta span i{
    color: var(--hoverLinkColor);
}
.blogItem02 h3{
    font-size: 21px;
    line-height: 30px;
    color: #52586d;
    position: relative;
    top: -1px;
    margin: 0;
}
.blogItem02 h3 a{
    color: inherit;
}
.blogItem02 h3 a:hover{
    color: #7f8495;
}
.blogItem02 .ulinaLink{
    position: absolute;
    left: 29px;
    bottom: 28px;
}
.blogItem03{
    position: relative;
}
.bi03Thumb{
    position: relative;
    border-radius: 5px;
    margin: 0 0 16px;
    overflow: hidden;
}
.blogItem03 img{
    width: 100%;
    height: auto;
    border-radius: 5px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.blogItem03:hover img{
    transform: rotate(-2deg) scale(1.06);
    -moz-transform: rotate(-2deg) scale(1.06);
    -webkit-transform: rotate(-2deg) scale(1.06);
}
.bi03Details{
    position: relative;
}
.bi03Details .bi01Meta{
    color: #7f8495;
    margin: 0;
}
.bi03Details .bi01Meta a:hover{
    color: var(--hoverLinkColor);
}
.bi03Details .bi01Meta span i{
    color: var(--hoverLinkColor);
}
.blogItem03 h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.blogItem03 h3 a{
    color: inherit;
}
.blogItem03 h3 a:hover{
    color: var(--hoverLinkColor);
}

/*-----------------------------------------
/  11. Instagram Section
/-----------------------------------------*/
.instagramSlider{
    border-radius: 5px;
}
.instagramSlider.owl-carousel .owl-stage-outer{
    border-radius: 5px;
}
.instagramPhoto{
    display: block;
    position: relative;
    background: var(--hoverLinkColor);
    overflow: hidden;
}
.instagramPhoto img{
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms;
}
.instagramPhoto:hover img{
    opacity: .65;
    mix-blend-mode: luminosity;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}
.instagramGrid{
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.instagramGrid .instagramPhoto{
    float: left;
    width: 20%;
}

/*-----------------------------------------
/  12. Brand Section
/-----------------------------------------*/
.clientLogo{
    display: block;
    text-align: center;
    position: relative;
}
.clientLogo img{
    display: inline-block !important;
    width: auto !important;
    max-width: 100%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.clientLogo img:first-child{
    position: relative;
}
.clientLogo img:last-child{
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:first-child{
    opacity: 0;
    visibility: hidden;
}
.clientLogo:hover img:last-child{
    opacity: 1;
    visibility: visible;
}

/*-----------------------------------------
/  13. Footer
/-----------------------------------------*/
.footer{
    position: relative;
    padding: 90px 0 0;
    background: var(--primaryBg);
}
.footerMode2{
    background: #ebf3f2;
    padding: 79px 0 0;
}
.footer .widget{
    position: relative;
    margin: 0;
    padding: 0;
}
.footer .widget.aboutWidget{
    padding: 0 104px 0 0;
}
.footer .widget.aboutWidget2{
    padding: 0 100px 0 0;
}
.footerLogo{
    position: relative;
    margin: 0 0 28px;
}
.footerLogo2{
    position: relative;
    margin: 0 0 34px;
}
.footerLogo img{
    height: 48px;
    display: inline-block;
    width: auto;
}
.footerLogo2 img{
    height: 42px;
    width: auto;
    display: inline-block;
}
.aboutWidContent{
    color: #bbbdc4;
    margin: 0 0 29px;
}
.footerMode2 .aboutWidContent{
    color: #7f8495;
}
.subscribForm{
    position: relative;
    margin: 0;
}
.subscribForm form{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}
.subscribForm form input[type="email"]{
    display: block;
    width: 100%;
    height: 54px;
    background: #FFF;
    border-radius: 5px;
    padding: 0 18px;
    margin: 0;
    font-size: 16px;
    color: #aeb3c3;
    border: none;
}
.subscribForm form input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.subscribForm form input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.subscribForm form input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.subscribForm form button{
    position: absolute;
    right: 17px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #7f8495;
    background: transparent;
    line-height: 1;
    top: 19px;
}
.subscribForm form button:hover{
    color: #52586d;
}
.footer .widget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    color: #FFF;
    margin: 17px 0 35px;
}
.footerMode2 .widget .widgetTitle{
    color: #52586d;
}
.addressContent{
    position: relative;
    padding: 0 95px 0 0;
}
.singleAddress{
    position: relative;
    padding: 0 0 0 31px;
    font-size: 16px;
    line-height: 24px;
    color: #bbbdc4;
    margin: 0 0 16px;
}
.footerMode2 .singleAddress{
    color: #7f8495;
}
.addressContent .singleAddress:last-of-type{
    margin: 0;
}
.singleAddress i{
    font-size: 16px;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 5px;
}
.singleAddress a{
    color: inherit;
}
.singleAddress a:hover{
    color: #FFF;
}
.footer .widget ul{
    margin: 0;
    padding: 0;
}
.footer .widget ul li{
    list-style: none;
    margin: 0 0 12px;
}
.footer .widget ul li a{
    color: #bbbdc4;
    display: inline-block;
    padding: 0;
}
.footerMode2 .widget ul li a{
    color: #7f8495;
}
.footer .widget ul li a:hover{
    color: #FFF;
    padding-left: 5px;
}
.footerMode2 .widget ul li a:hover{
    color: var(--hoverLinkColor);
}
.footer .widget.twoColMenu ul{
    display: inline-block;
    width: 100%;
}
.footer .widget.twoColMenu li{
    float: left;
    width: 50%;
}
.footerSocial{
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.footerSocial a{
    width: 42px;
    height: 42px;
    font-size: 16px;
    color: #4a5556;
    line-height: 42px;
    text-align: center;
    background: #FFF;
    border-radius: 50%;
    margin-right: 12px;
}
.footerMode2 .footerSocial a{
    background: var(--primaryBg);
    color: #FFF;
}
.footerSocial a:hover, .footerMode2 .footerSocial a:hover{
    background: var(--hoverLinkColor);
    color: #FFF;
}
.footerSocial a:last-child{
    margin-right: 0;
}
.footerPayments{
    position: relative;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    color: #FFF;
    font-size: 36px;
    line-height: 42px;
}
.footerMode2 .footerPayments{
    color: #4a5556;
    line-height: 1;
    padding-top: 1px;
}
.footerPayments a{
    color: inherit;
    margin-left: 12px;
}
.footerPayments a:first-child{
    margin-left: 0;
}
.footerPayments a:hover{
    color: var(--hoverLinkColor);
}
.footerMode2 .footerPayments a:hover{
    color: var(--hoverLinkColor);
}
.footerAccessRow{
    padding: 70px 0 36px;
}
.footerMode2 .footerAccessRow{
    padding: 83px 0 33px;
}
.footerAccessRow .anSupport{
    margin: 0;
}
.footerAccessRow .anSupport h3:last-of-type{
    font-size: 18px;
}
.footerBar{
    height: 1px;
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, .12);
}
.footerMode2 .footerBar{
    background: rgba(158, 187, 189, .48);
}
.siteInfoSection{
    background: var(--primaryBg);
}
.sisMode2{
    background: #ebf3f2;
}
.siteInfo{
    color: #bbbdc4;
    padding: 31px 0 46px;
}
.sisMode2 .siteInfo{
    color: #7f8495;
}
.siteInfo a{
    color: inherit;
    font-weight: 700;
}
.siteInfo a:hover{
    color: #FFF;
}
.sisMode2 .siteInfo a:hover{
    color: var(--hoverLinkColor);
}
.footerNav{
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 31px 0 46px;
}
.footerNav ul{
    margin: 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-end;
}
.footerNav ul li{
    list-style: none;
    margin-right: 42px;
}
.footerNav ul li:last-child{
    margin-right: 0;
}
.footerNav ul li a{
    display: block;
    color: #bbbdc4;
}
.sisMode2 .footerNav ul li a{
    color: #7f8495;
}
.footerNav ul li a:hover{
    color: #FFF;
}
.sisMode2 .footerNav ul li a:hover{
    color: var(--hoverLinkColor);
}
#backtotop{
    position: fixed;
    letter-spacing: 0;
    right: 25px;
    bottom: -25px;
    width: 45px;
    height: 45px;
    background: var(--hoverLinkColor);
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 45px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    border-radius: 0;
    border-radius: 50%;
}
#backtotop:hover{
    background: #52586d;
}

/*-----------------------------------------
/  14. CTA Section
/-----------------------------------------*/
.ctaContent{
    position: relative;
    padding: 135px 0 0;
}
.ctaContent .secSubTitle{
    margin: 0 0 11px;
}
.ctaContent .secTitle{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 28px;
}
.ctaContent .secDesc{
    margin: 0 0 40px;
}
.ctaImageWrap{
    position: relative;
    text-align: right;
    padding: 0 176px 0 0;
}
.pointerImage{
    display: inline-block;
    position: relative;
}
.pointerImage img{
    display: inline-block;
    max-width: 100%;
    height: auto;
}
.clickPoint{
    position: absolute;
    left: 0;
    top: 0;
}
.clickPoint.cp01{
    left: 203px;
    top: -2px;
}
.clickPoint.cp02{
    left: 262px;
    top: 129px;
}
.clickPoint.cp03{
    left: 156px;
    top: auto;
    bottom: 212px;
}
.clickPoint a.cpAchor{
    display: inline-block;
    height: 28px;
    width: 28px;
    background: rgba(255, 255, 255, .24);
    padding: 5px;
    border-radius: 50%;
}
.clickPoint a.cpAchor i{
    display: block;
    width: 18px;
    height: 18px;
    background: #fff;
    line-height: 18px;
    font-size: 10px;
    color: var(--hoverLinkColor);
    text-align: center;
    border-radius: 50%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.clickPoint a.cpAchor:hover i,
.clickPoint.active a.cpAchor i{
    background: var(--hoverLinkColor);
    color: #FFF;
}
.cpProduct{
    position: absolute;
    left: calc(100% + 9px);
    width: 288px;
    height: auto;
    background: #FFF;
    border-radius: 5px;
    padding: 21px 25px 12px 121px;
    min-height: 120px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
    z-index: 2;
}
.clickPoint.active .cpProduct{
    display: block;
}
.cpProduct img{
    width: 96px;
    height: 96px;
    position: absolute;
    left: 12px;
    top: 12px;
    border-radius: 5px;
}
.cpProduct h3{
    font-size: 18px;
    line-height: 24px;
    color: #52586d;
    margin: 0 0 9px;
}
.cpProduct h3 a{
    color: inherit;
}
.cpProduct h3 a:hover{
    color: var(--hoverLinkColor);
}
.cpProduct .pi01Price{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
.cpProduct .pi01Price del{
    font-size: 13px;
    margin-left: 6px;
}
.cpProduct .pi01Price del:after{
    top: 6px;
}

/*-----------------------------------------
/  15. Subscribe Section
/-----------------------------------------*/
.subscribForm.sfLarge{
    position: relative;
}
.subscribForm.sfLarge form input[type="email"]{
    height: 66px;
    font-size: 16px;
    color: #aeb3c3;
    padding: 0 23px;
}
.subscribForm.sfLarge form input::placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form input::-moz-placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form input::-ms-input-placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form input::-webkit-input-placeholder{
    color: #aeb3c3 !important;
    opacity: 1 !important;
}
.subscribForm.sfLarge form button{
    font-size: 18px;
    right: 23px;
    top: 24px;
}

/*-----------------------------------------
/  16. Shop & Product Details Page
/-----------------------------------------*/
.shopPageSection{
    position: relative;
    padding: 115px 0 120px;
}
.shopAccessRow{
    margin-bottom: 34px;
}
.productCount{
    position: relative;
}
.productCount p{
    margin: 0;
}
.filterUL{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.filterUL li{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #aeb3c3;
    font-weight: 400;
    list-style: none;
    text-transform: capitalize;
    margin: 0 38px 0 0;
    cursor: pointer;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.filterUL li:last-child{
    margin: 0;
}
.filterUL li:hover, .filterUL li.active{
    color: #52586d;
}
.shopAccessBar{
    display: flex;
    justify-content: flex-end;
}
.filterNav{
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
    margin: 0 30px 0 0;
}
.filterNav a{
    color: inherit;
}
.filterNav a i{
    font-size: 14px;
    line-height: inherit;
    margin: 0 0 0 9px;
}
.filterNav a:hover{
    color: #52586d;
}
.sortNav{
    position: relative;
    margin: 0 30px 0 0;
}
.sortNav form{
    margin: 0;
    padding: 0;
    display: inline-flex;
}
.sortNav form label{
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
    margin: 0 13px 0 0;
}
.sortNav form .nice-select{
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
    padding: 0 18px 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    text-transform: capitalize;
    height: auto;
}
.sortNav form .nice-select span.current{
    font-weight: 700;
}
.sortNav form .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 12px;
    color: #7f8495;
    border: none;
    margin: 0;
    top: 1px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 0;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.sortNav form .nice-select.open:after{
    content: '\f106';
}
.sortNav form .nice-select .list{
    margin: 10px 0 0;
    border-radius: 3px;
    border: none;
    box-shadow: none;
    min-width: 80px;
}
.sortNav form .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: capitalize;
    padding: 0 15px;
    line-height: 40px;
}
.sortNav form .nice-select .option:hover, .sortNav form .nice-select .option.focus, .sortNav form .nice-select .option.selected.focus{
    background-color: var(--hoverLinkColor) !important;
    color: #FFF !important;
}
.productViewTabnav{
    display: inline-flex;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
}
.productViewTabnav li{
    list-style: none;
    margin: 0 16px 0 0;
}
.productViewTabnav li:last-child{
    margin: 0;
}
.productViewTabnav li button{
    background: transparent;
    border: none;
    border-radius: 0;
    font-size: 16px;
    line-height: 24px;
    color: #cfd3e0;
    padding: 0;
    margin: 0;
}
.productViewTabnav li button:hover, .productViewTabnav li button.active{
    color: #7f8495;
}
.shopProductRow .productItem01{
    margin: 0 0 45px;
}
.productItem02{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.shopProductRow .productItem02{
    margin: 0 0 48px;
}
.pi02Thumb{
    position: relative;
    overflow: hidden;
    width: 47.13%;
    border-radius: 3px 0 0 3px;
}
.pi02Thumb img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3px 0 0 3px;
    position: relative;
    left: 0%;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pi02Thumb img:nth-child(2){
    position: absolute;
    left: 100%;
    top: 0;
}
.productItem02:hover .pi02Thumb img{
    opacity: .64;
}
.productItem02:hover .pi02Thumb img:first-child{
    left: -100%;
}
.productItem02:hover .pi02Thumb img:nth-child(2){
    left: 0%;
}


.pi02Details{
    position: relative;
    width: 52.87%;
    padding: 0 24px 0 24px;
}
.shopPageHasSidebar .pi02Details{
    padding-right: 0;
}
.pi02Details h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.pi02Details h3 a{
    color: inherit;
}
.pi02Details h3 a:hover{
    color: #7f8495;
}
.pi02Desc{
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 27px;
}
.pi02Details .pi01Price{
    margin: 0 0 20px;
}
.ulinaBTN2.shopLoadMore{
    border-color: var(--hoverLinkColor);
    height: 48px;
    border-radius: 48px;
    line-height: 48px;
    min-width: 155px;
}
.ulinaBTN2.shopLoadMore:hover{
    border-color: #52586d;
}
.shopPaginationRow{
    padding: 12px 0 0;
}
.shopSidebar{
    position: relative;
}
.shopSidebar .widget{
    margin: 0 0 36px;
    padding: 0;
}
.shopSidebar .widget .widgetTitle{
    font-size: 21px;
    line-height: 30px;
    position: relative;
    padding: 0 0 0 17px;
    margin: 0 0 21px;
}
.shopSidebar .widget .widgetTitle:before{
    content: '\f0da';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
    color: var(--hoverLinkColor);
    position: absolute;
    left: 0;
    top: 6px;
    line-height: 1;
}
.shopSidebar .widget ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.shopSidebar .widget li{
    position: relative;
    list-style: none;
    display: block;
    margin: 0 0 12px;
}
.shopSidebar .widget > ul > li:last-child{
    margin: 0;
}
.shopSidebar .widget li a{
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
    display: block;
    position: relative;
}
.shopSidebar .widget li.menu-item-has-children > a:after{
    content: '+';
    font-size: 16px;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 4px;
}
.shopSidebar .widget li.menu-item-has-children.active > a:after{
    content: '-';
    top: 2px;
}
.shopSidebar .widget li a:hover{
    color: #52586d;
}
.shopSidebar .widget li ul{
    padding: 12px 0 0 21px;
    position: relative;
    top: 0;
    display: none;
}
.shopSidebar .widget li ul li:last-child{
    margin: 0;
}
#sliderRange{
    position: relative;
    width: 100%;
    display: block;
    height: 3px;
    background: #dcebe9;
    border-radius: 0;
    margin: 0 0 10px;
}
#sliderRange .ui-slider-range{
    background: #7b9496;
    position: absolute;
    height: 100%;
    border-radius: 0;
    padding: 0;
}
#sliderRange .ui-slider-handle{
    width: 9px;
    height: 9px;
    position: absolute;
    border-radius: 50%;
    background: var(--hoverLinkColor);
    top: -3px;
    cursor: pointer;
}
#sliderRange .ui-slider-handle:focus,
#sliderRange .ui-slider-handle:active,
#sliderRange .ui-slider-handle:focus-visible{
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.pfsWrap{
    margin: 0;
}
.shopSidebar .widget.priceFilter .widgetTitle{
    margin: 0 0 30px;
}
.productSizeWrap{
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 2px 0 0;
}
.pswItem{
    position: relative;
    margin: 0 4px 0 0;
}
.pswItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pswItem label{
    border: 1px solid #e5e5e5;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    color: #7f8495;
    background: #FFF;
    line-height: 35px;
    cursor: pointer;
    padding: 0 0;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pswItem input[type="radio"]:checked + label{
    color: #FFF;
    border-color: #7b9496;
    background: #7b9496;
}
.productColorWrap{
    display: inline-flex;
    justify-content: flex-start;
    padding: 2px 0 0px;
}
.pcwItem{
    position: relative;
    margin: 0 2px 0 0;
}
.pcwItem input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.pcwItem label{
    position: relative;
    width: 28px;
    height: 28px;
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 50%;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pcwItem label:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #52a9e8;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pcwItem.pcwi2 label:after{
    background: #f2c864;
}
.pcwItem.pcwi3 label:after{
    background: #f42222;
}
.pcwItem.pcwi4 label:after{
    background: #4dde73;
}
.pcwItem.pcwi5 label:after{
    background: #a758d5;
}
.pcwItem input[type="radio"]:checked + label{
    border-color: #dbdfe3;
}
.productWidgets{
    position: relative;
}
.pwItems{
    position: relative;
    padding: 0 25px 0 104px;
    min-height: 96px;
    margin: 0 0 16px;
}
.productWidgets .pwItems:last-of-type{
    margin: 0;
}
.pwItems img{
    width: 84px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
}
.pwItems h3{
    font-size: 18px;
    line-height: 22px;
    color: #52586d;
    margin: 0 0 6px;
    position: relative;
    top: -4px;
}
.pwItems h3 a{
    color: inherit;
}
.pwItems h3 a:hover{
    color: #7f8495;
}
.pwItems .pi01Price{
    font-size: 18px;
    line-height: 1;
    margin: 0;
}
.pwItems .pi01Price del{
    font-size: 14px;
    margin: 0 0 0 6px;
}
.shopSidebar .widget.sizeFilter{
    margin: 0 0 42px;
}
.shopPagination{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.shopPagination a, .shopPagination span{
    width: 48px;
    height: 48px;
    border: 1px solid #c5d0cf;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    border-radius: 50%;
    margin-right: 6px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.shopPagination a:hover, .shopPagination span.current{
    background: #7b9496;
    color: #fff;
    border-color: #7b9496;
}
.shopDetailsPageSection{
    position: relative;
    padding: 120px 0 117px;
}
.productGalleryWrap{
    position: relative;
    padding: 0 48px 0 0;
}
.pgImage{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}
.pgImage img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.productGalleryThumbWrap{
    position: relative;
    padding: 18px 18px 0;
}
.pgtImage{
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    padding: 0 9px;
}
.pgtImage img{
    border-radius: 3px;
    display: block;
    width: 100%;
    height: auto;
}
.productGalleryThumb .slick-arrow{
    position: absolute;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #7f8495;
    margin: 0;
    top: 0;
    bottom: 0;
    left: -17px;
    margin: auto 0;
    height: 18px;
}
.productGalleryThumb .slick-arrow:hover{
    color: var(--hoverLinkColor);
}
.productGalleryThumb .slick-arrow.slick-next{
    left: auto;
    right: -18px;
}
.productContent{
    position: relative;
    padding: 0 0 0 12px;
    margin: 0;
}
.productContent.pcMode2{
    padding: 0;
}
.pcCategory{
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 500;
    color: #7b9496;
    margin: 0 0 8px;
}
.pcCategory a{
    color: inherit;
}
.pcCategory a:hover{
    color: #52586d;
}
.productContent h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 7px;
}
.productContent .pi01Price{
    font-size: 36px;
    line-height: 36px;
    color: #7b9496;
    font-weight: 400;
    margin: 0 0 18px;
}
.productContent .pi01Price del{
    font-size: 24px;
    line-height: 1;
    color: #aeb3c3;
}
.productContent .pi01Price del:after{
    top: 11px;
}
.productRadingsStock{
    position: relative;
    margin: 0 0 14px;
}
.productRadingsStock .productRatingWrap .star-rating{
    font-size: 14px;
}
.productRadingsStock .ratingCounts{
    font-size: 14px;
    margin: 0 0 0 12px;
}
.productStock{
    font-family: 'Jost', sans-serif;
    position: relative;
    font-size: 16px;
    line-height: 1;
    color: #7b9496;
    margin: -1px 0 0;
}
.productStock span{
    color: #52586d;
    font-weight: 500;
}
.pcExcerpt{
    margin: 0 0 28px;
}
.pcVariations{
    position: relative;
    margin: 0 0 30px;
}
.pcVariation{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 15px;
}
.pcVariation > span{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #52586d;
    line-height: 18px;
    min-width: 67px;
    margin: 0;
}
.pcVariation.pcv2 > span{
    line-height: 36px;
}
.pcvContainer{
    display: flex;
    justify-content: flex-start;
}
.pcvContainer .pi01VCItem{
    margin: 0 12px 0 0;
}
.singleVariation{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.singleVariation label{
    font-size: 16px;
    line-height: 1;
    color: #52586d;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    width: 56px;
    margin: 17px 0 0;
}
.singleVariation .nice-select{
    font-size: 16px;
    line-height: 46px;
    color: #aeb3c3;
    text-transform: none;
    padding: 0 24px;
    border: 1px solid #c5d0cf;
    border-radius: 48px;
    box-shadow: none;
    background: #FFF;
    height: 48px;
    width: calc(100% - 56px);
    margin: 0;
}
.singleVariation .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #aeb3c3;
    border: none;
    margin: 0;
    top: 2px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 23px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.singleVariation .nice-select.open:after{
    content: '\f106';
}
.singleVariation .nice-select .list{
    margin: 1px 0 0;
    border-radius: 24px;
    border: none;
    box-shadow: none;
    min-width: 80px;
    width: 100%;
    box-shadow: 0px 10px 25px  rgba(0, 0, 0, .05)
}
.singleVariation .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: none;
    padding: 0 24px;
    line-height: 48px;
}
.singleVariation .nice-select .option:hover,
.singleVariation .nice-select .option.focus,
.singleVariation .nice-select .option.selected.focus{
    background-color: var(--hoverLinkColor) !important;
    color: #FFF !important;
}
.pcBtns{
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 24px;
}
.quantity{
    height: 48px;
    width: 103px;
    border: 1px solid #c5d0cf;
    border-radius: 48px;
    text-align: center;
    position: relative;
    margin: 0;
}
.pcBtns .quantity{
    margin: 0 12px 0 0;
}
.quantity input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #7f8495;

    border: none;
    text-align: center;
    border-radius: inherit;
    background: transparent;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
.quantity input[type=number]{
    -moz-appearance: textfield;
}
.quantity button{
    font-size: 16px;
    line-height: 1;
    color: #7b9496;
    border: none;
    border-radius: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 17px;
    top: 8px;
}
.quantity button:last-child{
    left: auto;
    right: 16px;
    top: 15px;
}
.pcBtns .ulinaBTN{
    border: none;
    min-width: 174px;
    padding: 0 25px;
}
.pcWishlist{
    height: 48px;
    width: 48px;
    border: 1px solid #c5d0cf;
    border-radius: 50%;
    text-align: center;
    position: relative;
    line-height: 46px;
    font-size: 18px;
    color: #7f8495;
    margin: 0 0 0 12px;
}
.pcWishlist:hover{
    color: #52586d;
    border-color: #52586d;
}
.pcCompare{
    height: 48px;
    width: 48px;
    border: 1px solid #c5d0cf;
    border-radius: 50%;
    text-align: center;
    position: relative;
    line-height: 46px;
    font-size: 18px;
    color: #7f8495;
    margin: 0 0 0 12px;
}
.pcCompare:hover{
    color: #52586d;
    border-color: #52586d;
}
.pcMeta{
    position: relative;
    margin: 0 0 0;
}
.pcMeta p{
    position: relative;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 26px;
    color: #717788;
    margin: 0 0 12px;
}
.pcMeta .pcmTags{
    margin: 0 0 16px;
}
.pcMeta p a{
    color: inherit;
}
.pcMeta p a:hover{
    color: var(--hoverLinkColor);
}
.pcMeta p span{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    color: #52586d;
    min-width: 67px;
    font-weight: 500;
}
.pcMeta p.pcmTags a{
    font-weight: 700;
    color: #717788;
}
.pcMeta p.pcmTags a:hover{
    color: var(--hoverLinkColor);
}
.pcMeta p.pcmSocial a{
    font-size: 18px;
    line-height: inherit;
    margin: 0 24px 0 0;
}
.pcMeta p.pcmSocial a.fac{
    color: #1877f2;
}
.pcMeta p.pcmSocial a.twi{
    color: #1da1f2;
}
.pcMeta p.pcmSocial a.lin{
    color: #0077b5;
}
.pcMeta p.pcmSocial a.ins{
    color: #405de6;
}
.pcMeta p.pcmSocial a:hover{
    color: var(--hoverLinkColor);
}
.productTabRow{
    margin-top: 48px;
}
.productDetailsTab{
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-family: 'Jost', sans-serif;
    border-bottom: 1px solid #dbdfe3;
}
.productDetailsTab li{
    list-style: none;
    margin: 0 55px 0 0;
    padding: 0;
}
.productDetailsTab li:last-child{
    margin: 0;
}
.productDetailsTab li button{
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    padding: 0 0 19px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: #aaaaaa;
    text-transform: capitalize;
    position: relative;
}
.productDetailsTab li button:hover, .productDetailsTab li button.active{
    color: #52586d;
}
.productDetailsTab li button:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0%;
    height: 1px;
    background: #7b9496;
    opacity: 0;
    visibility: hidden;
    transition: inherit;
}
.productDetailsTab li button:hover:after, .productDetailsTab li button.active:after{
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.productDescContentArea{
    position: relative;
    padding: 47px 0 0;
}
.descriptionContent{
    position: relative;
}
.descriptionContent h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}
.descriptionContent p{
    margin: 0 0 24px;
}
.descriptionContent ul{
    margin: 0 0 24px;
    padding: 0;
}
.descriptionContent ul li{
    list-style: none;
    position: relative;
    padding: 0 0 0 25px;
    margin: 0 0 12px;
}
.descriptionContent ul li:last-child{
    margin: 0;
}
.descriptionContent ul li:before{
    content: '\f101';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    line-height: 1;
    color: var(--hoverLinkColor);
    position: absolute;
    left: 0;
    top: 5px;
}
.additionalContentArea{
    position: relative;
    padding: 47px 0 0;
}
.additionalContentArea h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}
.additionalContentArea table{
    border: none;
    width: 100%;
    border-spacing: 0;
    border-radius: 0;
    margin: 0;
}
.additionalContentArea table tr th{
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    width: 132px;
    padding: 0 0 6px;
}
.additionalContentArea table tr td{
    padding: 0 0 6px;
}
.productReviewArea{
    position: relative;
    padding: 47px 0 0;
}
.productReviewArea h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 26px;
}
.productReviewArea .commentFormArea h3{
    margin: 0 0 24px;
}
.reviewList{
    margin: 0;
    padding: 0;
}
.reviewList ol{
    margin: 0;
    padding: 0;
}
.reviewList ol li{
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
}
.reviewList ol li:last-child{
    margin: 0;
}
.postReview{
    position: relative;
    padding: 0 0 0 115px;
}
.postReview img{
    width: 90px;
    height: 90px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50%;
}
.postReview h2{
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 10px;
}
.postReviewContent{
    margin: 0 0 18px;
}
.postReview .productRatingWrap{
    margin: 0 0 10px;
}
.postReview .productRatingWrap .star-rating{
    font-size: 14px;
}
.reviewMeta{
    position: relative;
    display: flex;
    justify-content: flex-start;
}
.reviewMeta h4{
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    margin: 0 10px 0 0;
}
.reviewMeta span{
    font-size: 14px;
    line-height: 24px;
    color: #aeb3c3;
}
.reviewFrom{
    position: relative;
}
.reviewFrom form{
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.reviewStar{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 21px;
}
.reviewStar label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    margin: 0 24px 0 0;
}
.rsStars{
    font-size: 16px;
    line-height: 24px;
    color: #ffb400;
}
.reviewFrom input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .reviewFrom textarea{
    height: 54px;
    display: block;
    width: 100%;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    padding: 0 24px;
    margin: 0 0 12px;
    font-size: 16px;
    color: #aeb3c3;
}
.reviewFrom textarea{
    height: 190px;
    resize: none;
    border-radius: 27px;
    padding: 15px 24px;
}
.reviewFrom form input::-moz-placeholder,
.reviewFrom form textarea::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.reviewFrom form input::-ms-input-placeholder,
.reviewFrom form textarea::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.reviewFrom form input::-webkit-input-placeholder,
.reviewFrom form textarea::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.reviewFrom .ulinaBTN{
    height: 54px;
    line-height: 52px;
    min-width: 174px;
    padding: 0 25px;
}
.relatedProductRow{
    margin-top: 93px;
}
.relatedProductRow .secTitle{
    margin: 0 0 43px;
}
.productGalleryWrap2{
    position: relative;
    padding: 0 55px 0 0;
}
.productGalleryThumb2{
    position: relative;
    float: left;
    width: 120px;
    margin-right: 18px;
}
.productGallery2{
    position: relative;
    width: calc(100% - 138px);
    float: left;
}
.pgImage2{
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}
.pgImage2 img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
}
.pgtImage2{
    position: relative;
    border-radius: 3px;
    cursor: pointer;
    border: none;
}
.slick-vertical .slick-slide.pgtImage2{
    border: none;
}
.pgtImage2 img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 3px;
    border: 1px solid transparent;
    margin: 0 0 16px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.pgtImage2.slick-current.slick-active img{
    border-color: var(--hoverLinkColor);
}
.productContentRow{
    padding-top: 40px;
}
.productOpenTab{
    position: relative;
}
.productOpenTab h4.potTitle{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    margin: 0;
    border-bottom: 1px solid #dbdfe3;
    padding: 0 0 19px;
}
.productOpenTab .additionalContentArea{
    padding: 44px 0 50px;
}
.productOpenTab .productDescContentArea{
    padding-bottom: 32px;
}
.productOpenTab .productReviewArea{
    padding-bottom: 22px;
}
.cartPageSection{
    position: relative;
    padding: 117px 0 120px;
}
.cartHeader{
    position: relative;
}
.cartHeader h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 20px;
}
.woocommerce .shop_table.cart_table{
    border-spacing: 0;
    border: none;
    width: 100%;
    margin: 0;
}
.woocommerce .shop_table.cart_table thead tr th{
    font-family: 'Jost', sans-serif;
    font-size: 21px;
    line-height: 30px;
    font-weight: 400;
    color: #52586d;
    border: none;
    border-bottom: 1px solid #dbdfe3;
    padding: 0 0 11px;
}
.woocommerce .shop_table.cart_table tbody tr td{
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 24px 0 24px;
}
.woocommerce .shop_table.cart_table tbody tr:first-child td{
    border-top: none;
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail{
    width: 103px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-thumbnail img{
    width: 103px;
    height: 120px;
    border-radius: 5px;
    margin: 0;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name{
    padding-left: 22px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name a{
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #52586d;
    display: inline-block;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name a:hover{
    color: var(--hoverLinkColor);
}
.woocommerce .shop_table.cart_table tbody tr td.product-quantity{
    width: 200px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-price .pi01Price,
.woocommerce .shop_table.cart_table tbody tr td.product-subtotal .pi01Price{
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    margin: 0;
}
.woocommerce .shop_table.cart_table tbody tr td.product-price{
    width: 155px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-subtotal{
    width: 132px;
}
.woocommerce .shop_table.cart_table tbody tr td.product-remove{
    width: 48px;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove{
    position: relative;
    width: 48px;
    height: 48px;
    border: 1px solid #c5d0cf;
    display: inline-block;
    background: transparent;
    border-radius: 50%;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 21px;
    height: 21px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span:before{
    content: '';
    width: 1px;
    height: 100%;
    background: #7f8495;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove span:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #7f8495;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover{
    border-color: var(--hoverLinkColor);
    background: var(--hoverLinkColor);
}
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:before,
.woocommerce .shop_table.cart_table tbody tr td a.remove:hover span:after{
    background: #FFF;
}
.woocommerce .shop_table.cart_table tfoot tr td{
    border: none;
    border-top: 1px solid #dbdfe3;
    padding: 24px 0 0;
}
.woocommerce .shop_table.cart_table tfoot tr td .ulinaBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
}
.woocommerce .shop_table.cart_table tfoot tr td .ulinaBTN2{
    height: 54px;
    line-height: 52px;
    border-radius: 54px;
    color: #52586d;
    font-size: 16px;
    font-weight: 500;
    border-color: var(--hoverLinkColor);
    padding: 0 36px;
    margin-left: 4px;
}
.woocommerce .shop_table.cart_table tfoot tr td .ulinaBTN2:hover{
    color: var(--hoverLinkColor);
}
.cartCoupon{
    position: relative;
    padding: 0 30px;
}
.cartCoupon h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 28px;
}
.cartCoupon input{
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    padding: 0 24px;
}
.cartCoupon input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.cartCoupon input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.cartCoupon input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.cartCoupon .ulinaBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
}
.calculatShippingForm{
    position: relative;
    padding: 0 60px 0 0;
}
.calculatShippingForm h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0 0 28px;
}
.shippingFormElements{
    display: flex;
    align-items: center;
    margin: 0 0 12px;
}
.shippingFormElements label{
    font-size: 16px;
    color: #52586d;
    margin: 0;
    line-height: 1;
    font-family: 'Jost', sans-serif;
    width: 88px;
}
.sfeItem{
    position: relative;
    width: calc(100% - 88px);
}
.shippingFormElements .nice-select{
    font-size: 16px;
    line-height: 52px;
    color: #aeb3c3;
    text-transform: none;
    padding: 0 24px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    box-shadow: none;
    background: #FFF;
    height: 54px;
    width: 100%;
    margin: 0;
}
.shippingFormElements .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #aeb3c3;
    border: none;
    margin: 0;
    top: 2px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 23px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.shippingFormElements .nice-select.open:after{
    content: '\f106';
}
.shippingFormElements .nice-select .list{
    margin: 1px 0 0;
    border-radius: 24px;
    border: none;
    box-shadow: none;
    min-width: 80px;
    width: 100%;
    box-shadow: 0px 10px 25px  rgba(0, 0, 0, .05);
    max-height: 336px;
    overflow-y: auto;
}
.shippingFormElements .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: none;
    padding: 0 24px;
    line-height: 48px;
}
.shippingFormElements .nice-select .option:hover,
.shippingFormElements .nice-select .option.focus,
.shippingFormElements .nice-select .option.selected.focus{
    background-color: var(--hoverLinkColor) !important;
    color: #FFF !important;
}
.shippingFormElements input{
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0;
    padding: 0 24px;
}
.shippingFormElements input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingFormElements input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingFormElements input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.calculatShippingForm .ulinaBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
    margin-left: 88px;
}
.cart_totals{
    position: relative;
    margin: 5px 0 0 60px;
    background: #ecf5f4;
    border-radius: 5px;
    padding: 27px 24px 28px;
}
.cart_totals table{
    margin: 0 0 23px;
    border-spacing: 0;
    width: 100%;
}
.cart_totals table tr th{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 28px;
    color: #52586d;
    font-weight: 500;
    padding: 0 0 0 6px;
}
.cart_totals table tr th td{
    text-align: right;
}
.cart_totals table tr td .pi01Price{
    font-size: 16px;
    line-height: 28px;
    color: #7b9496;
    float: right;
    margin: 0;
}
.cart_totals table tr.cart-shipping th,
.cart_totals table tr.cart-shipping td{
    padding-bottom: 21px;
}
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total td{
    border-top: 1px solid #c5d0cf;
    font-size: 18px;
    padding-top: 21px;
}
.cart_totals table tr.order-total td .pi01Price{
    font-size: 18px;
}
.cart_totals .ulinaBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    display: block;
    width: 100%;
    margin: 0 0 11px;
}
.cart_totals .cartHints{
    font-size: 14px;
    line-height: 26px;
    margin: 0;
    text-align: center;
}
.cartAccessRow{
    margin-top: 112px;
}
.checkoutPage{
    position: relative;
    padding: 116px 0 100px;
}
.loginLinks{
    position: relative;
    margin: 0 0 44px;
}
.loginLinks p{
    font-family: 'Jost', sans-serif;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #52586d;
    font-weight: 400;
}
.loginLinks p a{
    color: #7b9496;
    text-transform: uppercase;
    margin: 0 0 0 6px;
}
.loginLinks p a:hover{
    color: #52586d;
}
.checkoutForm{
    position: relative;
    padding: 0 60px 0 0;
}
.checkoutForm h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 32px;
}
.checkoutForm input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]){
    display: block;
    width: 100%;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    padding: 0 24px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
}
.checkoutForm textarea{
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #c5d0cf;
    border-radius: 27px;
    padding: 12px 24px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    resize: none;
}
.checkoutForm input::-moz-placeholder,
.checkoutForm textarea::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.checkoutForm input::-ms-input-placeholder,
.checkoutForm textarea::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.checkoutForm input::-webkit-input-placeholder,
.checkoutForm textarea::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.checkoutForm .nice-select{
    font-size: 16px;
    line-height: 52px;
    color: #aeb3c3;
    text-transform: none;
    padding: 0 24px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    box-shadow: none;
    background: #FFF;
    height: 54px;
    width: 100%;
    margin: 0 0 12px;
}
.checkoutForm .nice-select:after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #aeb3c3;
    border: none;
    margin: 0;
    top: 2px;
    transform: none;
    width: auto;
    height: auto;
    left: auto;
    right: 23px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}
.checkoutForm .nice-select.open:after{
    content: '\f106';
}
.checkoutForm .nice-select .list{
    margin: 1px 0 0;
    border-radius: 24px;
    border: none;
    box-shadow: none;
    min-width: 80px;
    width: 100%;
    box-shadow: 0px 10px 25px  rgba(0, 0, 0, .05)
}
.checkoutForm .nice-select .list .option{
    font-size: 16px;
    color: #7f8495;
    text-transform: none;
    padding: 0 24px;
    line-height: 48px;
}
.checkoutForm .nice-select .option:hover,
.checkoutForm .nice-select .option.focus,
.checkoutForm .nice-select .option.selected.focus{
    background-color: var(--hoverLinkColor) !important;
    color: #FFF !important;
}
.checkoutRegister{
    position: relative;
    padding: 11px 0 0;
}
.checkoutRegister input[type="checkbox"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.checkoutRegister label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    color: #52586d;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0;
}
.checkoutRegister label:before{
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid #c5d0cf;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #7b9496;
    line-height: 14px;
    text-align: center;
    padding: 0 0 0 1px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.checkoutRegister input[type="checkbox"]:checked + label:before{
    content: '\f00c';
}
.checkoutPassword{
    padding: 14px 0 0;
}
.checkoutPassword p{
    margin: 0 0 17px;
}
.shippingAddress{
    position: relative;
    padding: 13px 0 28px;
}
.shippingAddress input[type="checkbox"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.shippingAddress label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    color: #52586d;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 34px;
    margin: 0;
}
.shippingAddress label:before{
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 3px;
    border: 1px solid #c5d0cf;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    color: #7b9496;
    line-height: 14px;
    text-align: center;
    padding: 0 0 0 1px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.shippingAddress input[type="checkbox"]:checked + label:before{
    content: '\f00c';
}
.shippingCoupons{
    position: relative;
    padding: 0 0 0 60px;
    margin: 0 0 35px;
}
.shippingCoupons h3{
    font-size: 24px;
    color: #52586d;
    line-height: 1;
    margin: 0 0 32px;
}
.shippingCoupons input{
    display: block;
    width: calc(100% - 179px);
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    padding: 0 24px;
    font-size: 16px;
    color: #aeb3c3;
    margin: 0 0 12px;
    float: left;
}
.shippingCoupons .ulinaBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
    float: right;
}
.shippingCoupons input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingCoupons input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.shippingCoupons input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.orderReviewWrap{
    position: relative;
    padding: 0 0 0 60px;
}
.orderReviewWrap h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 27px;
}
.orderReview{
    background: #ecf5f4;
    padding: 35px 36px 36px;
    border-radius: 5px;
}
.orderReview table{
    width: 100%;
    border-spacing: 0;
    margin: 0 0 40px;
}
.orderReview table thead tr th{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #52586d;
    font-weight: 500;
    border-bottom: 1px solid #c5d0cf;
    padding: 0 0 10px;
}
.orderReview table thead tr th:last-child{
    text-align: right;
}
.orderReview table tbody tr td{
    padding: 0 0 4px;
    border: none;
    font-size: 18px;
    line-height: 26px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
}
.orderReview table tbody tr:first-child td{
    padding-top: 20px;
}
.orderReview table tbody tr td:last-child{
    text-align: right;
}
.orderReview table tbody tr:last-child td{
    padding-bottom: 22px;
}
.orderReview table tbody tr td a{
    color: inherit;
}
.orderReview table tbody tr td .pi01Price{
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin: 0;
    color: #7b9496;
    justify-content: flex-end;
}
.orderReview table tfoot tr th{
    font-size: 16px;
    line-height: 26px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    padding: 0 0 4px;
}
.orderReview table tfoot tr td{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 25px;
    padding: 0 0 4px;
}
.orderReview table tfoot tr td .pi01Price{
    font-family: 'Jost', sans-serif;
    color: #7b9496;
    font-size: 16px;
    line-height: 26px;
    justify-content: flex-end;
    margin: 0;
}
.orderReview table tfoot tr:first-child th,
.orderReview table tfoot tr:first-child td{
    border-top: 1px solid #c5d0cf;
    padding-top: 16px;
}
.orderReview table tfoot tr.shippingRow th,
.orderReview table tfoot tr.shippingRow td{
    padding-bottom: 20px;
}
.orderReview table tfoot tr:last-child th,
.orderReview table tfoot tr:last-child td{
    border-top: 1px solid #c5d0cf;
    padding-top: 18px;
    padding-bottom: 0;
}
.orderReview table tfoot tr:last-child td .pi01Price{
    font-weight: 700;
}
.wc_payment_methods{
    margin: 0 0 49px;
    padding: 0;
}
.wc_payment_methods li{
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    position: relative;
}
.wc_payment_methods li:last-child{
    margin: 0;
}
.wc_payment_methods li input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
}
.wc_payment_methods li label{
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #52586d;
    position: relative;
    display: block;
    cursor: pointer;
    text-transform: capitalize;
    padding: 0 0 0 28px;
}
.wc_payment_methods li label:before{
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--hoverLinkColor);
    border-radius: 50%;
}
.wc_payment_methods li input[type="radio"]:checked + label:after{
    content: '';
    width: 9px;
    height: 9px;
    background: #7b9496;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 4px;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.paymentDesc{
    font-size: 16px;
    line-height: 26px;
    color: #717788;
    padding: 15px 0 0 28px;
    display: none;
    margin: 0;
}
.paymentDesc.shows{
    display: block;
}
.placeOrderBTN.ulinaBTN{
    height: 54px;
    border-radius: 54px;
    line-height: 54px;
    display: block;
    width: 100%;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-price,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-price{
    width: 136px;
    text-align: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-price .pi01Price{
    justify-content: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-remove,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-remove{
    width: 88px;
    text-align: right;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-addtocart,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-addtocart{
    width: 248px;
    text-align: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-addtocart a.ulinaBTN{
    min-width: 174px;
}
.woocommerce .shop_table.cart_table.wisthlist_table thead tr th.product-availability,
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-availability{
    width: 200px;
    text-align: center;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr td.product-availability{
    font-size: 16px;
    line-height: 30px;
    color: #7b9496;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr:last-child td{
    border-bottom: 1px solid #dbdfe3;
}

/*-----------------------------------------
/  17. Blog & Blog Details Page
/-----------------------------------------*/
.blogPageSection{
    position: relative;
    padding: 120px 0 120px;
}
.blogItem04{
    position: relative;
    margin: 0 0 48px;
}
.bi04Thumb{
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.blogItem04 img{
    width: 100%;
    height: auto;
    display: block;
    border-radius: 5px 5px 0 0;
}
.bi04Detail{
    position: relative;
    border: 1px solid #dbdfe3;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 34px 42px 42px 42px;
}
.bi04Detail .bi01Meta{
    color: #7f8495;
    margin: 0 0 5px;
}
.bi04Detail .bi01Meta i{
    color: var(--hoverLinkColor);
}
.bi04Detail h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 13px;
}
.bi04Detail h2 a{
    color: inherit;
}
.bi04Detail h2 a:hover{
    color: var(--hoverLinkColor);
}
.bi04Excerpt{
    margin: 0 0 28px;
}
.bi04Footer{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.bi04Footer .ulinaBTN{
    padding: 0 35px;
    font-size: 15px;
}
.bi04Share{
    display: inline-flex;
    justify-content: flex-end;
    padding: 15px 0 0;
}
.bi04Share span{
    font-size: 18px;
    line-height: 18px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
    margin: 0 17px 0 0;
}
.bi04Share a{
    font-size: 18px;
    line-height: 1;
    color: #52586d;
    margin-right: 21px;
}
.bi04Share a:last-child{
    margin-right: 0;
}
.bi04Share a.fac{
    color: #1877f2;
}
.bi04Share a.twi{
    color: #1da1f2;
}
.bi04Share a.lin{
    color: #0077b5;
}
.bi04Share a:hover{
    color: var(--hoverLinkColor);
}
.sidebar{
    position: relative;
}
.sidebar .widget{
    background: #ecf5f4;
    border-radius: 5px;
    padding: 43px 48px 48px;
    margin: 0 0 48px;
}
.sidebar .widget .widgetTitle{
    font-size: 21px;
    line-height: 30px;
    color: #52586d;
    position: relative;
    padding: 0 0 0 17px;
    margin: 0 0 21px;
}
.sidebar .widget .widgetTitle:before{
    content: '\f0da';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
    color: var(--hoverLinkColor);
    position: absolute;
    left: -1px;
    top: 6px;
    line-height: 1;
}
.widget .searchForm{
    margin: 0;
    padding: 0;
    position: relative;
}
.searchForm input[type="search"]{
    display: block;
    width: 100%;
    height: 60px;
    border-radius: 60px;
    background: #fff;
    padding: 0 24px;
    font-size: 16px;
    color: #aeb3c3;
    border: none;
    margin: 0;
}
.searchForm input::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.searchForm input::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.searchForm input::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.searchForm button{
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: var(--hoverLinkColor);
    position: absolute;
    right: 24px;
    top: 21px;
}
.searchForm button:hover{
    color: #52586d;
}
.recentPosts{
    position: relative;
}
.recentPost{
    position: relative;
    padding: 0 0 0 113px;
    min-height: 90px;
    margin: 0 0 24px;
}
.recentPosts .recentPost:last-of-type{
    margin: 0;
}
.recentPost img{
    width: 90px;
    height: 90px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 0;
}
.rpCats{
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #7b9496;
    font-weight: 500;
    position: relative;
    top: -1px;
    margin: 0 0 3px;
}
.rpCats a{
    color: inherit;
}
.rpCats a:hover{
    color: #52586d;
}
.recentPost h4{
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 12px;
}
.recentPost h4 a{
    color: inherit;
}
.recentPost h4 a:hover{
    color: #7b9496;
}
.recentPost span{
    display: block;
    font-size: 14px;
    line-height: 1;
    color: #aeb3c3;
}
.sidebar .widget ul{
    margin: 0 0 -7px;
    padding: 0;
}
.sidebar .widget ul li{
    list-style: none;
    font-size: 14px;
    line-height: 24px;
    color: #aeb3c3;
    margin: 0 0 16px;
    padding: 0 0 19px;
    border-bottom: 1px solid #c5d0cf;
}
.sidebar .widget ul li a{
    font-family: 'Jost', sans-serif;
    display: inline-block;
    font-size: 16px;
    color: #52586d;
    font-weight: 500;
    line-height: inherit;
    margin: 0 8px 0 0;
}
.sidebar .widget ul li a:hover{
    color: #7b9496;
}
.sidebar .widget ul li:last-child{
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.sidebar .widget .tagCloud{
    position: relative;
    margin: 0 0 -6px;
}
.tagCloud a{
    float: left;
    height: 42px;
    border: 1px solid #c5d0cf;
    font-size: 16px;
    line-height: 40px;
    color: #7f8495;
    text-transform: capitalize;
    border-radius: 42px;
    background: transparent;
    padding: 0 17px;
    margin: 0 6px 6px 0;
}
.tagCloud a:hover{
    background: #7b9496;
    border-color: #7b9496;
    color: #FFF;
}
.sidebar .widget.tagCloudWid{
    padding-right: 40px;
}
.galleryWidget{
    position: relative;
    margin: 0 0 -12px;
}
.galleryWidget a{
    float: left;
    width: 96px;
    margin: 0 12px 12px 0;
    background: var(--hoverLinkColor);
    border-radius: 3px;
    overflow: hidden;
}
.galleryWidget a:nth-child(3),
.galleryWidget a:nth-child(6),
.galleryWidget a:nth-child(9),
.galleryWidget a:nth-child(12){
    margin-right: 0;
}
.galleryWidget img{
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
    opacity: 1;
    mix-blend-mode: unset;
    transition: all ease 750ms;
    -moz-transition: all ease 750ms;
    -webkit-transition: all ease 750ms;
}
.galleryWidget a:hover img{
    opacity: .65;
    mix-blend-mode: luminosity;
    transform: scale(1.2) rotate(-3deg);
    -moz-transform: scale(1.2) rotate(-3deg);
    -webkit-transform: scale(1.2) rotate(-3deg);
}


.followUs{
    position: relative;
    margin: 0 0 -6px;
}
.followUs a{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    line-height: 60px;
    font-size: 21px;
    text-align: center;
    float: left;
    background: var(--hoverLinkColor);
    color: #FFF;
    margin: 0 6px 6px 0;
}
.followUs a.fac{
    background: #1877f2;
}
.followUs a.twi{
    background: #1da1f2;
}
.followUs a.lin{
    background: #0077b5;
}
.followUs a.you{
    background: #ff0000;
}
.followUs a:hover{
    background: #52586d;
}
.blogPageSection .blogItem03{
    margin: 0 0 40px;
}
.blogDetailsPageSection{
    position: relative;
    padding: 120px 0 120px;
}
.blogDetailsThumb{
    position: relative;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}
.blogDetailsThumb img{
    max-width: 100%;
    height: auto;
}
.blogDetailsContentArea{
    position: relative;
    border: 1px solid #dbdfe3;
    border-radius: 0 0 5px 5px;
    border-top: none;
    padding: 34px 30px 36px 42px;
    margin: 0 0 24px;
}
.blogDetailsContentArea .bi01Meta{
    color: #7f8495;
    margin: 0 0 9px;
}
.blogDetailsContentArea .bi01Meta i{
    color: var(--hoverLinkColor);
}
.postTitle{
    font-size: 36px;
    line-height: 38px;
    margin: 0 0 17px;
}
.blogDetailscontent{
    position: relative;
}
.blogDetailscontent p{
    margin: 0 0 24px;
}
.blogDetailscontent p.mb37{
    margin: 0 0 37px;
}
.blogDetailscontent blockquote{
    margin: 0 0 50px;
    padding: 13px 40px 0 73px;
    position: relative;
}
.blogDetailscontent blockquote:before{
    content: "\e903";
    font-family: 'Ulina' !important;
    font-size: 44px;
    color: var(--hoverLinkColor);
    line-height: 1;
    position: absolute;
    left: 0;
    top: 0;
}
.blogDetailscontent blockquote p{
    font-size: 18px;
    line-height: 30px;
    font-style: italic;
    margin: 0 0 19px;
}
.blogDetailscontent blockquote cite{
    font-size: 18px;
    line-height: 18px;
    color: #52586d;
    font-family: 'Jost', sans-serif;
    position: relative;
    display: block;
    font-style: normal;
    padding: 0 0 0 32px;
}
.blogDetailscontent blockquote cite:before{
    content: '';
    width: 24px;
    height: 1px;
    background: #52586d;
    position: absolute;
    left: 0;
    top: 11px;
}
.blogDetailscontent blockquote cite span{
    font-size: 14px;
    color: #aeb3c3;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
}
.postTags{
    position: relative;
}
.postTags a{
    float: left;
    height: 42px;
    border: 1px solid #d8dde7;
    font-size: 16px;
    line-height: 40px;
    color: #7f8495;
    text-transform: capitalize;
    border-radius: 42px;
    background: transparent;
    padding: 0 17px;
    margin: 0 6px 6px 0;
}
.postTags a:hover{
    background: #7b9496;
    border-color: #7b9496;
    color: #FFF;
}
.postShare.bi04Share{
    display: flex;
    justify-content: flex-end;
    padding: 12px 12px 0 0
}
.postFooterRow{
    padding: 12px 0 0;
}
.postNavigationRow{
    position: relative;
    border-radius: 5px;
    border: 1px solid #dbdfe3;
    padding: 29px;
    margin: 0 0 0;
}
.postNavigationItem{
    position: relative;
    display: block;
    padding: 9px 0 0 108px;
    min-height: 90px;
}
.postNavigationItem img{
    width: 90px;
    height: 90px;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 0;
}
.postNavigationItem h4{
    font-size: 14px;
    line-height: 14px;
    color: #7b9496;
    margin: 0 0 6px;
    text-transform: uppercase;
    font-weight: 500;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.postNavigationItem h4 i{
    font-size: 13px;
    color: var(--hoverLinkColor);
    margin: 0 7px 0 0;
}
.postNavigationItem h3{
    font-size: 21px;
    line-height: 30px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
    margin: 0;
}
.postNavigationItem:hover h3{
    color: var(--hoverLinkColor);
}
.postNavigationItem.pniRight{
    padding-left: 0;
    padding-right: 108px;
    text-align: right;
}
.postNavigationItem.pniRight img{
    left: auto;
    right: 0;
}
.postNavigationItem.pniRight h4 i{
    margin: 0 0 0 7px;
}
.postAuthorBox{
    position: relative;
    border-radius: 5px;
    border: 1px solid #dbdfe3;
    padding: 41px 41px 35px 197px;
    margin: 72px 0 0;
}
.postAuthorBox img{
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 5px;
    left: 41px;
    top: 41px;
}
.postAuthorBox h3{
    font-size: 30px;
    line-height: 1;
    margin: 7px 0 25px;
}
.pabSocial{
    position: absolute;
    right: 41px;
    top: 41px;
    font-size: 21px;
    line-height: 1;
    color: #00c0ff;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}
.pabSocial a{
    width: 42px;
    height: 42px;
    background: #7b9496;
    color: #FFF;
    font-size: 18px;
    line-height: 42px;
    text-align: center;
    border-radius: 50%;
    margin: 0 0 0 8px;
}
.pabSocial a.fac{
    background: #1877f2;
}
.pabSocial a.twi{
    background: #1da1f2;
}
.pabSocial a.ins{
    background: #405de6;
}
.pabSocial a:hover{
    background: var(--hoverLinkColor);
    color: #FFF;
}
.postAuthorBox p{
    margin: 0 0 27px;
}
.postAuthorBox .ulinaLink{
    font-size: 16px;
}
.postAuthorBox .ulinaLink i{
    color: var(--hoverLinkColor);
    margin-left: 10px;
    font-size: 14px;
    top: 0px;
}
.postAuthorBox .ulinaLink:hover i{
    margin-left: 5px;
}
.postCommetnListBox{
    position: relative;
    border: 1px solid #dbdfe3;
    border-radius: 5px;
    padding: 38px 41px 40px;
    margin: 72px 0 0;
}
.postCommetnListBox h3.commentHeading{
    font-size: 30px;
    line-height: 1;
    margin: 0 0 33px;
}
.postCommetnListBox ol{
    margin: 0;
    padding: 0;
    list-style: none;
}
.postCommetnListBox ol ul{
    padding: 0;
    margin: 0 0 0 48px;
}
.postCommetnListBox ol li{
    list-style: none;
}
.singleComment{
    position: relative;
    padding: 39px 0 0 128px;
    min-height: 96px;
    margin: 0 0 28px;
    border-top: 1px solid #dbdfe3;
}
.postCommetnListBox ol > li:first-child .singleComment{
    border-top: none;
    margin-top: 0;
    padding-top: 9px
}
.postCommetnListBox ol > li:last-child .singleComment{
    margin-bottom: 0;
}
.singleComment > img{
    width: 96px;
    height: 96px;
    position: absolute;
    left: 0;
    top: 30px;
    border-radius: 50%;
}
.postCommetnListBox ol > li:first-child .singleComment > img{
    top: 0;
}
.singleComment h3{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 14px;
}
.singleComment .commentTime{
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 1;
    color: #aeb3c3;
    margin: 0 0 22px;
}
.singleComment .commentTime span:first-child{
    margin-right: 0;
}
.commentContent{
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.comment-reply{
    height: 48px;
    border: 1px solid var(--hoverLinkColor);
    text-align: center;
    padding: 0 34px;
    font-size: 16px;
    color: #52586d;
    line-height: 48px;
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 48px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 31px;
}
.postCommetnListBox ol > li:first-child .singleComment .comment-reply{
    top: 0;
}
.comment-reply:hover{
    color: var(--hoverLinkColor);
}

.postCommetnFormBox{
    position: relative;
    border: 1px solid #dbdfe3;
    border-radius: 5px;
    padding: 40px 42px 42px;
    margin: 72px 0 0;
}
.postCommetnFormBox h3.commentHeading{
    font-size: 30px;
    color: #52586d;
    line-height: 1;
    margin: 0 0 32px;
}
.commentForm.row{
    margin-left: -6px;
    margin-right: -6px;
}
.commentForm input:not([type='submit']):not([type='radio']):not([type='checkbox']),
.commentForm textarea{
    font-size: 16px;
    color: #aeb3c3;
    padding: 0 24px;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 54px;
    margin: 0 0 12px;
    display: block;
    width: 100%;
}
.commentForm textarea{
    height: 200px;
    border-radius: 27px;
    resize: none;
    padding: 18px 24px;
}
.commentForm .col-lg-6,
.commentForm .col-lg-12,
.commentForm .col-md-6,
.commentForm .col-md-12{
    padding-left: 6px;
    padding-right: 6px;
}
.commentForm input::-moz-placeholder,
.commentForm textarea::-moz-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.commentForm input::-ms-input-placeholder,
.commentForm textarea::-ms-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.commentForm input::-webkit-input-placeholder,
.commentForm textarea::-webkit-input-placeholder{
    color: #aeb3c3;
    opacity: 1;
}
.commentForm .ulinaBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    min-width: 172px;
    padding: 0 35px;
}

/*-----------------------------------------
/  18. Utility Pages
/-----------------------------------------*/
.ulinaAccordion{
    position: relative;
    margin: 0;
    padding: 0;
}
.ulinaAccordion .accordion-item{
    background: #FFF;
    border-radius: 5px;
    padding: 0 30px;
    margin: 0 0 18px;
}
.ulinaAccordion.ulinaAccMode2 .accordion-item{
    padding: 0;
    margin: 0 0 26px;
    border-radius: 0;
    background: transparent;
}
.ulinaAccordion .accordion-header{
    margin: 0;
}
.ulinaAccordion .accordion-header button{
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin: 0;
    padding: 17px 35px 15px 35px;
    border: none;
    border-radius: 0;
}
.ulinaAccordion.ulinaAccMode2 .accordion-header button{
    padding: 0 0 0 49px;
}
.ulinaAccordion .accordion-button::after{
    content: '\2b';
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    font-size: 18px;
    color: #52586d;
    position: absolute;
    left: 0;
    top: 16px;
}
.ulinaAccordion.ulinaAccMode2 .accordion-button::after{
    content: '\f068';
    font-size: 18px;
    top: -1px;
}
.ulinaAccordion.ulinaAccMode2 .accordion-button.collapsed::after{
    content: '\2b';
}
.ulinaAccordion .accordion-body{
    border-top: 1px solid #dbdfe3;
    border-radius: 0;
    padding: 25px 0 35px 0;
}
.ulinaAccordion.ulinaAccMode2 .accordion-body{
    border: none;
    border-radius: 0;
    padding: 17px 0 13px 49px;
}
.ulinaFAQTab{
    position: relative;
    display: block;
    margin: 6px 0 0;
    padding: 0;
    border: none;
}
.ulinaFAQTab li{
    list-style: none;
    display: block;
    margin: 0 0 6px;
}
.ulinaFAQTab li button{
    border: none;
    border-radius: 5px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    color: #FFF;
    background: var(--hoverLinkColor);
    font-family: 'Jost', sans-serif;
    text-align: left;
    padding: 0 30px;
    height: 60px;
    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.ulinaFAQTab li button:hover,
.ulinaFAQTab li button.active{
    border-color: transparent;
    background: #52586d;
    color: #FFF;
}
.teamMember01{
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background: #52586d;
}
.teamMember01 img{
    width: 100%;
    height: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.teamMember01:hover img{
    opacity: .28;
}
.tm01Info{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    padding: 40px 15px 0 45px;
}
.tm01Info h3{
    font-size: 24px;
    color: #FFF;
    line-height: 1;
    margin: 0 0 12px;

    opacity: 0;
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Info h3{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .2s;
}
.tm01Info span{
    display: block;
    font-size: 16px;
    line-height: 1;
    color: #cfd1d7;

    opacity: 0;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    transform: translateY(-60px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
    transition: transform .7s cubic-bezier(.77,0,.175,1),opacity .4s cubic-bezier(.165,.84,.44,1);
}
.teamMember01:hover .tm01Info span{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.tm01Social{
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 18px;
    line-height: 1;
    color: #FFF;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 45px 40px;
}
.tm01Social a{
    color: inherit;
    margin-right: 20px;
    opacity: 0;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    transform: translateY(30px);
}
.tm01Social a:hover{
    color: var(--hoverLinkColor);
}
.teamMember01:hover .tm01Social a:first-child{
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .35s;
}
.teamMember01:hover .tm01Social a:nth-child(2){
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .4s;
}
.teamMember01:hover .tm01Social a:nth-child(3){
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .45s;
}
.teamMember01:hover .tm01Social a:nth-child(4){
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    -moz-transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
    transition: .6s cubic-bezier(.165,.84,.44,1) .5s;
}
.fofPage{
    padding: 228px 0 200px;
}
.fofContent{
    position: relative;
}
.fofContent h2{
    font-size: 150px;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 8px;
}
.fofContent h3{
    font-size: 36px;
    line-height: 48px;
    margin: 0 0 8px;
}
.fofContent p{
    font-size: 18px;
    line-height: 26px;
    margin: 0 0 44px;
}
.fofContent .ulinaBTN{
    height: 54px;
    line-height: 54px;
    border-radius: 54px;
    padding: 0 36px;
}
.fofContent::after{
    position: absolute;
    content: '';
    background: var(--hoverLinkColor);
    width: 375px;
    height: 375px;
    border-radius: 50%;
    top: -80px;
    left: 275px;
    z-index: -1;
    opacity: .08;
}

/*------------------------------------------------------
/  19. About Section
/------------------------------------------------------*/
.aboutImage{
    position: relative;
    text-align: left;
}
.aboutImage .aiImgRow{
    position: relative;
}
.aboutImage .aiImgRow:first-of-type{
    margin: 0 0 24px;
}
.aiImgRow img{
    border-radius: 10px;
}
.aiImgRow .aiImg01{
    margin: 50px 24px 0 0;
}
.aiImgRow .aiImg03{
    margin: 0 24px 0 0;
}
.aboutContent{
    position: relative;
    padding: 0 0 0 110px;
}
.aboutContent .secTitle{
    margin: 0 0 33px;
}
.aiCounter{
    position: absolute;
    left: 156px;
    top: 212px;
    width: 198px;
    height: 198px;
    border-radius: 50%;
    background: var(--hoverLinkColor);
    text-align: center;
    padding: 38px 35px 35px;
}
.aiCounter h2{
    font-size: 60px;
    line-height: 1;
    color: #FFF;
    margin: 0 0 5px;
}
.aiCounter h3{
    font-size: 21px;
    line-height: 28px;
    color: #ffffff;
    margin: 0;
}
.abcCounters{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
}
.aboutContent{
    position: relative;
    padding: 0 0 0 110px;
}
.aboutContent .secSubTitle{
    margin: 0 0 9px;
}
.abcCounters{
    display: flex;
    justify-content: flex-start;
    margin: 0 0 25px;
}
.circleProgressWrap{
    position: relative;
    margin: 0 30px 0 0;
    height: 96px;
    width: 96px;
}
.circleProgressWrap h3{
    font-size: 24px;
    line-height: 1;
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}
.abcCounters p{
    font-size: 21px;
    line-height: 33px;
    margin: 13px 0 0;
}
.abDesc{
    margin: 0 0 37px;
}
.iconBox02{
    position: relative;
    padding-left: 66px;
}
.iconBox02 i{
    font-size: 48px;
    line-height: 1;
    color: var(--hoverLinkColor);
    position: absolute;
    left: 0;
    top: -1px;
}
.iconBox02 h4{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 13px;
}
.iconBox02 p{
    margin: 0;
}
.mb41px{
    margin: 0 0 41px;
}
.aboutContent .ulinaBTN{
    min-width: 174px;
}
.counterArea{
    position: relative;
    background: var(--hoverLinkColor);
    border-radius: 5px;
    margin: 0 0 -107px;
    padding: 84px 0 83px;
}
.singleCounter02{
    position: relative;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 0 91px;
}
.singleCounter02 h2{
    font-size: 60px;
    line-height: 60px;
    color: #FFF;
    margin: 0 28px 0 0;
    position: relative;
}
.singleCounter02 h3{
    font-size: 21px;
    line-height: 30px;
    color: #FFF;
    margin: 0;
}
.singleCounter02 .timerSuffixSmall{
    font-size: 30px;
    display: inline-flex;
    line-height: 20px;
    position: relative;
    top: -27px;
}
.abps02Con{
    position: relative;
    padding: 0 130px 0 0;
}
.abps02Con .secSubTitle{
    margin: 0 0 11px;
}
.abps02Con .secTitle{
    font-size: 48px;
    line-height: 60px;
    margin: 0 0 28px;
}
.abps02Con .secDesc{
    margin: 0 0 40px;
}
.abps02Con .ulinaBTN{
    padding: 0 35px;
}
.abps02Con2{
    padding: 50px 0 0;
}
.singleSkill{
    position: relative;
    margin: 0 0 30px;
}
.singleSkill h3{
    font-size: 21px;
    line-height: 1;
    margin: 0 0 16px;
}
.singleSkill span{
    position: absolute;
    right: 0;
    top: 5px;
    font-size: 18px;
    line-height: 1;
}
.skillWrap{
    height: 6px;
    position: relative;
    width: 100%;
    background: #ddecea;
    overflow: hidden;
    border-radius: 6px;
}
.skill{
    position: absolute;
    border-radius: 6px;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--hoverLinkColor);
}
.teamCarousel.owl-carousel .owl-nav button.owl-next,
.teamCarousel.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: var(--hoverLinkColor);
    border: 1px solid #c5d0cf;
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
}
.teamCarousel.owl-carousel .owl-nav button.owl-next{
    margin-left: 6px;
}
.teamCarousel.owl-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: -90px;
}
.teamCarousel.owl-carousel .owl-nav button.owl-next:hover,
.teamCarousel.owl-carousel .owl-nav button.owl-prev:hover{
    color: #7b9496;
    border-color: #7b9496;
}

/*-----------------------------------------
/  20. Page Banner
/-----------------------------------------*/
.pageBannerSection{
    background: #ecf5f4;
    min-height: 568px;
}
.pageBannerContent{
    position: relative;
    padding: 253px 0 177px;
}
.singleBlogPageBanner .pageBannerContent{
    padding: 251px 0 173px;
}
.pageBannerContent h2{
    font-size: 72px;
    line-height: 84px;
    margin: 0 0 30px;
}
.singleBlogPageBanner .pageBannerContent h2{
    font-size: 60px;
    line-height: 72px;
    margin: 0;
}
.pageBannerPath{
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #7f8495;
}
.pageBannerPath a{
    color: inherit;
}
.pageBannerPath a:hover{
    color: var(--hoverLinkColor);
}

/*-----------------------------------------
/  21. Contact Page
/-----------------------------------------*/

/* Stay Connected */
.contactItem{
    position: relative;
    padding-left: 101px;
    margin: 0 0 17px;
}
.contactItem:last-of-type{
    margin: 0;
}
.contactItem span{
    width: 72px;
    height: 72px;
    background: #ecf5f4;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
}
.contactItem span i{
    font-size: 18px;
    line-height: 72px;
    color: var(--hoverLinkColor);
}
.contactItem h5{
    font-size: 21px;
    line-height: 36px;
    margin: 0 0 1px;
}
.contactItem p{
    line-height: 36px;
    margin: 0;
}
form.contactForm input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
form.contactForm textarea{
    width: 100%;
    height: 54px;
    border: 1px solid #c5d0cf;
    border-radius: 48px;
    font-size: 16px;
    line-height: 26px;
    color: #aeb3c3;
    padding: 0 22px 0 22px;
    margin-bottom: 12px;
}
form.contactForm input.reqError:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
form.contactForm textarea.reqError{
    border-color: #f04726;
}
form.contactForm input::placeholder,
form.contactForm textarea::placeholder{
    font-size: 16px;
    line-height: 26px;
    color: #aeb3c3;
}
form.contactForm input::-moz-placeholder,
form.contactForm textarea::-moz-placeholder{
    font-size: 16px;
    line-height: 26px;
    color: #aeb3c3;
}
form.contactForm textarea{
    height: 200px;
    border-radius: 22px;
    padding: 17px 22px 0 22px;
    resize: none;
}
form.contactForm button.ulinaBTN{
    min-width: 172px;
    height: 54px;
}
.con_message{
    display: none;
    border-radius: 25px;
    margin: 12px 0 0;
    font-size: 16px;
    padding-left: 24px;
    padding-right: 24px;
}
/* Ulina Map Section */
.ulinaContactMap iframe{
    display: block;
    width: 100%;
    height: 380px;
    border-radius: 5px;
    border: none;
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
}
.ulinaContactMapCustom{
    display: block;
    border-radius: 5px;
    width: 100%;
    height: 380px;
}

/*-----------------------------------------
/  22. Preloader
/-----------------------------------------*/
.preloader{
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #52586d;
}
.spinner-eff{
    width: 76px;
    height: 76px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 2;

    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    overflow: hidden;
}
.spinner-eff:before, .spinner-eff:after{
    content: "";
    display: block;
}
.spinner-eff .spinner-bar:before, .spinner-eff .spinner-bar:after{
    content: "";
    display: block;
}
/* spinner-1 styles */
@-webkit-keyframes rotation-top{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-top{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-right{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-right{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    20%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-bottom{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-bottom{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    40%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(360deg);
        opacity: 1;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@-webkit-keyframes rotation-left{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
@keyframes rotation-left{
    0%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    60%{
        transform: rotate(0deg);
        opacity: 0.5;
    }
    80%{
        transform: rotate(360deg);
        opacity: 1;
    }
    100%{
        transform: rotate(360deg);
        opacity: 0.5;
    }
}
.spinner-eff.spinner-eff-1 .bar{
    width: 0;
    height: 0;
    border: 38px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(0deg);
    opacity: 0.5;
    z-index: -2;
}
.spinner-eff.spinner-eff-1 .bar-top{
    border-top: 38px solid var(--hoverLinkColor);
    -webkit-animation: rotation-top 3.6s linear 0s infinite;
    animation: rotation-top 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-right{
    border-right: 38px solid var(--hoverLinkColor);
    -webkit-animation: rotation-right 3.6s linear 0s infinite;
    animation: rotation-right 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-bottom{
    border-bottom: 38px solid var(--hoverLinkColor);
    -webkit-animation: rotation-bottom 3.6s linear 0s infinite;
    animation: rotation-bottom 3.6s linear 0s infinite;
}
.spinner-eff.spinner-eff-1 .bar-left{
    border-left: 38px solid var(--hoverLinkColor);
    -webkit-animation: rotation-left 3.6s linear 0s infinite;
    animation: rotation-left 3.6s linear 0s infinite;
}

/*-----------------------------------------
/  23. Product Quickview
/-----------------------------------------*/
.productQuickView .modal-lg {
    max-width: 920px;
}
.productQuickView .productContent{
    padding: 40px 24px 40px 0;
}
.productQuickView .modal-content{
    border-radius: 20px;
}
.productQuickView .modal-body {
    padding: 0;
    border-radius: 0;
    box-shadow: 0 0 50px 0 rgb(29 35 58 / 8%);
    border-radius: 20px;
}
.productQuickView .pcCategory{
    font-size: 16px;
}
.productQuickView .productContent h2{
    font-size: 28px;
    line-height: 38px;
}
.productQuickView .productContent h2 a{
    color: inherit;
}
.productQuickView .productContent h2 a:hover{
    color: var(--hoverLinkColor);
}
.productQuickView .productContent .pi01Price{
    font-size: 21px;
    line-height: 1;
    font-weight: 500;
}
.productQuickView .productContent .pi01Price del{
    font-size: 16px;
    margin: 0 0 0 13px;
}
.productQuickView .productContent .pi01Price del:after{
    top: 7px;
}
.productQuickView .productGalleryWrap{
    padding: 0;
    border-radius: 20px 0 0 0;
    overflow: hidden;
    margin: 0;
}
.productQuickView .productGalleryThumbPopup .slick-arrow {
    position: absolute;
    border: none;
    background: transparent;
    padding: 0;
    font-size: 18px;
    line-height: 1;
    color: #7f8495;
    margin: 0;
    top: 0;
    bottom: 0;
    left: -8px;
    margin: auto 0;
    height: 18px;
}
.productQuickView .productGalleryThumbPopup .slick-arrow.slick-next {
    left: auto;
    right: -9px;
}
.productQuickView .productGalleryThumbPopup .slick-arrow:hover {
    color: var(--hoverLinkColor);
}
.productQuickView button.quickViewCloser{
    position: absolute;
    width: 48px;
    height: 48px;
    border: 1px solid var(--hoverLinkColor);
    display: inline-block;
    border-radius: 50%;
    right: -12px;
    top: -12px;
    background: var(--hoverLinkColor);
    z-index: 9;
}
.productQuickView button.quickViewCloser span{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 21px;
    height: 21px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.productQuickView button.quickViewCloser span:before{
    content: '';
    width: 1px;
    height: 100%;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.productQuickView button.quickViewCloser span:after{
    content: '';
    width: 100%;
    height: 1px;
    background: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: all ease 350ms;
    -moz-transition: all ease 350ms;
    -webkit-transition: all ease 350ms;
}
.productQuickView button.quickViewCloser:hover{
    border-color: #52586d;
    background: #52586d;
}
.productQuickView button.quickViewCloser:hover span:before,
.productQuickView button.quickViewCloser:hover span:after{
    background: #FFF;
}
.productQuickView .pcMeta p.pcmSocial{
    margin: 0;
}
.productQuickView .productGalleryThumbWrap {
    position: relative;
    padding: 9px 18px 9px;
}
.productQuickView .pgImage{
    border-radius: 0;
}