/*-----------------------------------------
/  01. Header
/-----------------------------------------*/
body{
    background-color: #FFF;
}
.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);
}
.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: #230633;
    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: #7b9496;
}
.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(#7b9496),color-stop(98%,#7b9496));
    background: linear-gradient(to bottom,#7b9496 0%,#7b9496 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,#7b9496 0%,#7b9496 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: #7b9496;
}
.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: #7b9496;
}
.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,#7b9496 0%,#7b9496 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: #230633;
    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: #7b9496;
}
.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: #230633;
    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: #230633;
    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: #7b9496 !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: #230633;
}
.anItems > div > a:hover{
    color: #7b9496;
}
.anItems > div.anCart > a span{
    height: 18px;
    width: 18px;
    position: absolute;
    right: -12px;
    top: -10px;
    background: #7b9496;
    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: #7b9496;
}
.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: #230633;
    margin: 0 0 6px;
    top: -2px;
}
.cartWidgetProduct a:hover{
    color: #7b9496;
}
.cartWidgetProduct .cartProductPrice{
    /* font-family: 'Jost', sans-serif; */
    font-size: 14px;
    font-weight: 500;
    color: #230633;
    line-height: 1;
}
.cartWidgetProduct .cartRemoveProducts{
    font-size: 10px;
    color: #230633;
    position: absolute;
    right: -8px;
    top: 0px;
    margin: 0;
    width: 19px;
    height: 19px;
    border: 1px solid #230633;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    padding: 0px 0 0 1px;
}
.cartWidgetProduct .cartRemoveProducts:hover{
    color: #FFF;
    border-color: #7b9496;
    background: #7b9496;
}
.totalPrice{
    /* font-family: 'Jost', sans-serif; */
    position: relative;
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #230633;
    text-align: left;
    font-weight: 500;
    width: 100%;
    text-transform: capitalize;
    margin: 0 0 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #7b9496;
}
.totalPrice .price{
    float: right;
    color: #230633;
}
.cartWidgetBTN{
    position: relative;
    text-align: left;
}
.cartWidgetBTN a{
    /* font-family: 'Jost', sans-serif; */
    display: inline-block;
    position: relative;
    height: 35px;
    min-width: 10px;
    background: #7b9496;
    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: #7b9496;
    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: #7b9496;
    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: white;
    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: #FFF;
    font-weight: 300;
}
.popup_search_form input[type="search"]::-moz-placeholder{
    color: #FFF;
    opacity: 1;
}
.popup_search_form input[type="search"]::-ms-input-placeholder{
    color: #FFF;
    opacity: 1;
}
.popup_search_form input[type="search"]::-webkit-input-placeholder{
    color: #FFF;
    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: #FFF;
    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: #7b9496;
}
.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: #7b9496;
}
.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: #230633;
    padding: 6px 0px 7px;
}
.tbInfo > i{
    color: #7b9496;
    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: #7b9496;
}

/*-----------------------------------------
/  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: #7b9496;

    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: #7b9496;
    border-color: #7b9496;
    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: #7b9496;
    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: #7b9496;
}
.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: #7b9496;
}
.productLabels span.plHot{
    background: #7b9496;
}
.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: #7b9496;
    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: #7b9496;
    top: 0;
    position: absolute;
    left: 0;
}
.ratingCounts{
    font-size: 13px;
    line-height: 1;
    color: #230633;
    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: #7b9496;
}
.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: #2d2d2d;
    text-decoration: none;
    margin: 0 0 6px;
}
.pi01Price ins{
    text-decoration: none;
}
.pi01Price del{
    font-size: 16px;
    color: #230633;
    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: #7b9496;
    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: #7b9496;
    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: #230633;
    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: #7b9496;
    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: #230633;
    font-weight: 400;
    background: transparent;
    line-height: 1;
    display: block;
}
.productTabs ul.productTabsNav li button:hover,
.productTabs ul.productTabsNav li button.active{
    color: #7b9496;
}
.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: #7b9496;
}
.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: #7b9496;
}
.categoryItem01 p{
    font-size: 13px;
    line-height: 1;
    color: #230633;
    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: #7b9496;
    /* border: 1px solid #7b9496; */
    width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: #ECECEC;
}
.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: 1px solid #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: #7b9496;
    border: 1px solid #7b9496;
    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: 1px solid #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;
}
.shopOutletDiv {
    position: relative;
    background: #ffffff;
    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: #7b9496;
    line-height: 1;
    float: left;
}
.ti01Rating{
    display: inline-flex;
    justify-content: flex-end;
    font-size: 16px;
    color: #7b9496;
    line-height: 1;
    margin: 16px 0 0;
}
.ti01Content{
    font-size: 18px;
    line-height: 30px;
    color: #230633;
    font-style: italic;
    margin: 0 0 32px;
    height: 150px;
}
.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: #230633;
}
.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: #7b9496;
}
.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: #7b9496;
    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: #7b9496;
}
.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: #7b9496;
}
.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: #7b9496;
}
.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: #7b9496;
}
.blogItem02 h3{
    font-size: 21px;
    line-height: 30px;
    color: #230633;
    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: #7b9496;
}
.bi03Details .bi01Meta span i{
    color: #7b9496;
}
.blogItem03 h3{
    font-size: 21px;
    line-height: 30px;
    margin: 0;
}
.blogItem03 h3 a{
    color: inherit;
}
.blogItem03 h3 a:hover{
    color: #7b9496;
}

/*-----------------------------------------
/  11. Instagram Section
/-----------------------------------------*/
.instagramSlider{
    border-radius: 5px;
}
.instagramSlider.owl-carousel .owl-stage-outer{
    border-radius: 5px;
}
.instagramPhoto{
    display: block;
    position: relative;
    background: #7b9496;
    overflow: hidden;
    margin: 5px;
    border-radius: 5px;
}
.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: #FFF;
}
.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: black;
    margin: 0 0 29px;
}
.footerMode2 .aboutWidContent{
    color: #7f8495;
}
.subscribForm{
    position: relative;
    margin: 0;
    border: 1px solid #7b9496;
    border-radius: 5px;
}
.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: #230633;
    border: none;
}
.subscribForm form input::-moz-placeholder{
    color: #230633;
    opacity: 1;
}
.subscribForm form input::-ms-input-placeholder{
    color: #230633;
    opacity: 1;
}
.subscribForm form input::-webkit-input-placeholder{
    color: #230633;
    opacity: 1;
}
.subscribForm form button{
    position: absolute;
    right: 17px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #7b9496;
    background: transparent;
    line-height: 1;
    top: 19px;
}
.subscribForm form button:hover{
    color: #52586d;
}
.footer .widget .widgetTitle{
    font-size: 24px;
    line-height: 1;
    color: #230633;
    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: black;
    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: black;
    display: inline-block;
    padding: 0;
}
.footerMode2 .widget ul li a{
    color: #7f8495;
}
.footer .widget ul li a:hover{
    color: black;
    padding-left: 5px;
}
.footerMode2 .widget ul li a:hover{
    color: #7b9496;
}
.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: #230633;
    line-height: 42px;
    text-align: center;
    background: #FFF;
    border-radius: 50%;
    margin-right: 12px;
    border: 1px solid #7b9496;
}
.footerMode2 .footerSocial a{
    background: #4a5556;
    color: #FFF;
}
.footerSocial a:hover, .footerMode2 .footerSocial a:hover{
    background: #7b9496;
    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: #7b9496;
}
.footerMode2 .footerPayments a:hover{
    color: #7b9496;
}
.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: #FFF;
}
.sisMode2{
    background: #FFF;
}
.siteInfo{
    color: black;
    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: #7b9496;
}
.footerNav{
    display: flex;
    justify-content: flex-end;
    position: relative;
    padding: 31px 0 46px;
    color: black;
}
.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: #7b9496;
}
#backtotop{
    position: fixed;
    letter-spacing: 0;
    right: 25px;
    bottom: -25px;
    width: 45px;
    height: 45px;
    background: #7b9496;
    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: #7b9496;
    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: #7b9496;
    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: #7b9496;
}
.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: #230633;
    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: #230633;
    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: #7b9496 !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: #230633;
}
.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: #7b9496;
    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: #7b9496;
    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: #230633;
    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: #7b9496;
}
.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: #7b9496;
    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 #7b9496;
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 400;
    color: #230633;
    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;
     color: #716e6e;
}
.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: #7b9496;
}
.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: #230633;
    margin: 0 0 8px;
}
.pcCategory a{
    color: inherit;
}
.pcCategory a:hover{
    color: #7b9496;
}
.productContent h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 7px;
}
.productContent .pi01Price{
    font-size: 36px;
    line-height: 36px;
    color: black;
    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: black;
    margin: -1px 0 0;
}
.productStock span{
    color: #230633;
    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: #230633;
    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: #7b9496 !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 #7b9496;
    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: #230633;

    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: #230633;
    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: #230633;
    margin: 0 0 12px;
}
.pcMeta .pcmTags{
    margin: 0 0 16px;
}
.pcMeta p a{
    color: inherit;
}
.pcMeta p a:hover{
    color: #7b9496;
}
.pcMeta p span{
    /* font-family: 'Jost', sans-serif; */
    font-size: 16px;
    color: #230633;
    min-width: 67px;
    font-weight: 500;
}
.pcMeta p.pcmTags a{
    font-weight: 700;
    color: #717788;
}
.pcMeta p.pcmTags a:hover{
    color: #7b9496;
}
.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: #7b9496;
}
.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 #7b9496;
}
.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: #230633;
    text-transform: capitalize;
    position: relative;
}
.productDetailsTab li button:hover, .productDetailsTab li button.active{
    color: #7b9496;
}
.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: #7b9496;
    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: #230633;
    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 #7b9496;
    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: #230633;
    opacity: 1;
}
.reviewFrom form input::-ms-input-placeholder,
.reviewFrom form textarea::-ms-input-placeholder{
    color: #230633;
    opacity: 1;
}
.reviewFrom form input::-webkit-input-placeholder,
.reviewFrom form textarea::-webkit-input-placeholder{
    color: #230633;
    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: #7b9496;
}
.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: #230633;
    border: none;
    border-bottom: 1px solid #7b9496;
    padding: 0 0 11px;
}
.woocommerce .shop_table.cart_table tbody tr td{
    border: none;
    border-top: 1px solid #7b9496;
    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: #230633;
    display: inline-block;
}
.woocommerce .shop_table.cart_table tbody tr td.product-name a:hover{
    color: #7b9496;
}
.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 #230633;
    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: #230633;
    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: #230633;
    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: #7b9496;
    background: #7b9496;
}
.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: #7b9496;
    padding: 0 36px;
    margin-left: 4px;
}
.woocommerce .shop_table.cart_table tfoot tr td .ulinaBTN2:hover{
    color: #7b9496;
}
.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: #7b9496 !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 #7b9496;
    border-radius: 54px;
    padding: 0 24px;
    font-size: 16px;
    color: #230633;
    margin: 0 0 12px;
}
.checkoutForm textarea{
    display: block;
    width: 100%;
    height: 120px;
    border: 1px solid #7b9496;
    border-radius: 27px;
    padding: 12px 24px;
    font-size: 16px;
    color: #230633;
    margin: 0 0 12px;
    resize: none;
}
.checkoutForm input::-moz-placeholder,
.checkoutForm textarea::-moz-placeholder{
    color: #230633;
    opacity: 1;
}
.checkoutForm input::-ms-input-placeholder,
.checkoutForm textarea::-ms-input-placeholder{
    color: #230633;
    opacity: 1;
}
.checkoutForm input::-webkit-input-placeholder,
.checkoutForm textarea::-webkit-input-placeholder{
    color: #230633;
    opacity: 1;
}
.checkoutForm .nice-select{
    font-size: 16px;
    line-height: 52px;
    color: #230633;
    text-transform: none;
    padding: 0 24px;
    border: 1px solid #7b9496;
    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: #230633;
    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: #7b9496 !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: #230633;
    line-height: 1;
    margin: 0 0 32px;
}
.shippingCoupons input{
    display: block;
    width: calc(100% - 179px);
    height: 54px;
    border: 1px solid #7b9496;
    border-radius: 54px;
    padding: 0 24px;
    font-size: 16px;
    color: #230633;
    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: #230633;
    opacity: 1;
}
.shippingCoupons input::-ms-input-placeholder{
    color: #230633;
    opacity: 1;
}
.shippingCoupons input::-webkit-input-placeholder{
    color: #230633;
    opacity: 1;
}
.orderReviewWrap{
    position: relative;
    padding: 0 0 0 60px;
}
.orderReviewWrap h3{
    font-size: 24px;
    line-height: 1;
    margin: 0 0 27px;
}
.orderReview{
    background: #fff;
    padding: 35px 36px 36px;
    border-radius: 5px;
    border: 1px solid #7b9496;
}
.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: #230633;
    justify-content: flex-end;
}
.orderReview table tfoot tr th{
    font-size: 16px;
    line-height: 26px;
    color: #230633;
    /* 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: #230633;
    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 #7b9496;
    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 #7b9496;
    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 #7b9496;
    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: #230633;
    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: #230633;
}
.woocommerce .shop_table.cart_table.wisthlist_table tbody tr:last-child td{
    border-bottom: 1px solid #7b9496;
}

/*-----------------------------------------
/  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: #7b9496;
}
.bi04Detail h2{
    font-size: 36px;
    line-height: 46px;
    margin: 0 0 13px;
}
.bi04Detail h2 a{
    color: inherit;
}
.bi04Detail h2 a:hover{
    color: #7b9496;
}
.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: #7b9496;
}
.sidebar{
    position: relative;
}
.sidebar .widget{
    background: #fff;
    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: #7b9496;
    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: #7b9496;
    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: #7b9496;
    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: #7b9496;
    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: 50px 0 50px;
}
.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;
    border-radius: 5px;
}
.blogDetailsContentArea .bi01Meta{
    color: #7f8495;
    margin: 0 0 9px;
}
.blogDetailsContentArea .bi01Meta i{
    color: #7b9496;
}
.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: #7b9496;
    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: #7b9496;
    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: #7b9496;
}
.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: #7b9496;
    color: #FFF;
}
.postAuthorBox p{
    margin: 0 0 27px;
}
.postAuthorBox .ulinaLink{
    font-size: 16px;
}
.postAuthorBox .ulinaLink i{
    color: #7b9496;
    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 #7b9496;
    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: #7b9496;
}

.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: #7b9496;
    /* 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: #7b9496;
}
.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: #7b9496;
    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: #7b9496;
    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: #FFF;
    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: #7b9496;
    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: #7b9496;
    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: #7b9496;
}
.teamCarousel.owl-carousel .owl-nav button.owl-next,
.teamCarousel.owl-carousel .owl-nav button.owl-prev{
    font-size: 18px;
    color: #7b9496;
    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: #7b9496;
}

/*-----------------------------------------
/  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: #EEE;
    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: #7b9496;
}
.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 #7b9496;
    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: black;
  opacity: 1;
}
form.contactForm input::-moz-placeholder,
form.contactForm textarea::-moz-placeholder{
    font-size: 16px;
    line-height: 26px;
    color: black;
    opacity: 1;
}
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: #f6f8fa;
}
.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 #7b9496;
    -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 #7b9496;
    -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 #7b9496;
    -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 #7b9496;
    -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: #7b9496;
}
.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: #7b9496;
}
.productQuickView button.quickViewCloser{
    position: absolute;
    width: 48px;
    height: 48px;
    border: 1px solid #7b9496;
    display: inline-block;
    border-radius: 50%;
    right: -12px;
    top: -12px;
    background: #7b9496;
    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: #7b9496;
    background: #7b9496;
}
.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;
}
