.fr__product__inner h4 a:hover,
.ht__gocat__link a:hover {
    color: #000
}

#scrollUp,
.fr__btn,
.product__action li a:hover i {
    color: #fff
}

.fr__btn,
.ht__about__btn a,
.ht__show__more__btn a:hover::before,
.product__action li a:hover,
.quote {
    background: #d45967
}

select.ht__select,
select.select__size {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none
}

#scrollUp {
    border-radius: 6px;
    bottom: 15px;
    box-shadow: 0 0 10px rgb(0 0 0 / 41%);
    font-size: 28px;
    height: 40px;
    line-height: 42px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: .3s;
    width: 40px;
    z-index: 200;
    box-shadow: 0 1px 10px rgb(12 35 34 / 17%);
    background: #fff
}

@-webkit-keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0
    }

    50% {
        opacity: 1;
        bottom: 50%
    }

    100% {
        opacity: 0;
        bottom: 75%
    }
}

@keyframes scroll-ani-to-top {
    0% {
        opacity: 0;
        bottom: 0
    }

    50% {
        opacity: 1;
        bottom: 50%
    }

    100% {
        opacity: 0;
        bottom: 75%
    }
}

#scrollUp:hover i {
    -webkit-animation: .8s linear infinite scroll-ani-to-top;
    animation: .8s linear infinite scroll-ani-to-top;
    height: 100%;
    left: 0;
    margin-bottom: -25px;
    position: absolute;
    width: 100%;
    bottom: 0
}

#scrollUp i,
.contact-btn h6 span a {
    color: #d45967
}

.section__title--2 h2 {
    color: #313131;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 40px;
    font-weight: 600
}

.section__title--2 p {
    color: #333;
    font-size: 18px;
    margin-top: 23px
}

.section__title {
    position: relative;
    padding-left: 24px
}

.section__title::before {
    background: url("images/others/shape/3.png") 0 0/cover rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    height: 160px;
    left: 0;
    position: absolute;
    width: 5px;
    z-index: 2
}

.section__title h2 {
    color: #313131;
    font-size: 40px;
    text-transform: capitalize
}

.section__title p {
    color: #7d7d7d;
    font-size: 18px;
    margin-top: 4px;
    text-transform: capitalize
}

.section__title.text-center::before {
    left: 41%
}

.blog--page .blog__thumb,
.ht__bradcaump__area.bradcaump--2,
.htc__instagram__area ul li a,
.htc__product__details__tab__content,
.prize__inner,
.title__border {
    position: relative
}

.title__border::before {
    background: #ebebeb;
    content: "";
    height: 3px;
    position: absolute;
    right: 10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 63%
}

.section__title__with__cat__link .title__border::before {
    right: 4%;
    width: 63%
}

.brand__list,
.ht__comment__title,
.section__title__with__cat__link {
    display: flex;
    justify-content: space-between
}

.ht__gocat__link {
    margin-top: 10px
}

.section__title__with__cat__link .section__title {
    width: 88%
}

.ht__gocat__link a {
    color: #d45967;
    font-size: 18px;
    font-weight: 700;
    transition: .3s
}

.fr__pro__prize li,
.fr__product__inner h4 a {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important
}

.cat__hover__inner::before {
    background: url("images/others/shape/4.png") 0 0/cover rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    height: 160px;
    left: 0;
    position: absolute;
    width: 5px;
    z-index: 2
}

.blog,
.category,
.htc__category {
    margin-top: 40px
}

.fr__hover__info {
    position: absolute;
    right: 20px;
    top: 20px
}

.fr__product__inner {
    padding-top: 23px;
    text-align: center
}

.fr__product__inner h4 a {
    color: #444;
    font-size: 17px;
    text-transform: capitalize;
    transition: .3s
}

.fr__pro__prize {
    display: flex;
    justify-content: center;
    margin-top: 6px
}

.fr__pro__prize li {
    color: #313131;
    font-size: 18px;
    margin: 0 5px
}

.fr__pro__prize li.old__prize {
    color: #888
}

.htc__good__sale {
    padding: 140px 0
}

.htc__good__sale .row {
    align-items: center;
    display: flex
}

.fr__prize__inner h2 {
    color: #494949;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 30px;
    padding-right: 10%
}

.fr__prize__inner h3 {
    color: #494949;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 38px
}

.fr__btn {
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #000;
    padding: 0 25px;
    transition: .3s;
    margin-top: 20px
}

.fr__btn:hover {
    background: #222;
    color: #fff
}

.product {
    margin-top: 40px;
    position: relative
}

.ht__blog__wrap,
.product__wrap {
    margin-top: 30px
}

.product__thumb a,
ul.htc__instagram__posts.owl-carousel li a {
    display: block
}

.bl__date span,
.blog__btn a,
.ht__promo__details h2,
.product__action li a,
.quote img,
.service__details h2 {
    display: inline-block
}

.product__thumb a img {
    width: 100%
}

.product__offer {
    left: 30px;
    position: absolute;
    top: 20px
}

.product__offer span {
    color: #d45967;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    text-transform: uppercase
}

.pro__prize li,
.product__details h2 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important
}

.product__offer span.new {
    color: #ffa200
}

.product__offer span+span {
    padding-left: 10px
}

.banner--2,
.product__thumb {
    position: relative;
    overflow: hidden
}

.product__hover__info {
    bottom: -20px;
    margin: auto;
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: .5s
}

.product:hover .product__hover__info {
    bottom: 0;
    opacity: 1
}

.product__action {
    display: flex;
    justify-content: center;
    flex-flow: row
}

.product__action li a {
    background: #fefefe;
    height: 50px;
    line-height: 60px;
    text-align: center;
    transition: .4s;
    width: 50px
}

.product__action li {
    margin: 0 0 2px
}

.product__action li a i {
    color: #313131;
    font-size: 18px;
    transition: .4s
}

.product__action li:first-child {
    opacity: 0;
    transition: opacity .3s linear
}

.product__action li:nth-child(2) {
    opacity: 0;
    transition: opacity .5s linear;
    border-bottom: none !important
}

.product__action li:nth-child(3) {
    opacity: 0;
    transition: opacity .7s linear
}

.category:hover .product__action li:first-child {
    -webkit-animation: .3s ease-in-out fadeInRight;
    animation: .3s ease-in-out fadeInRight;
    opacity: 1;
    transition: opacity .3s linear
}

.category:hover .product__action li:nth-child(2) {
    -webkit-animation: .5s ease-in-out fadeInRight;
    animation: .5s ease-in-out fadeInRight;
    opacity: 1;
    transition: opacity .5s linear;
    border-bottom: none
}

.category:hover .product__action li:nth-child(3) {
    -webkit-animation: .7s ease-in-out fadeInRight;
    animation: .7s ease-in-out fadeInRight;
    opacity: 1;
    transition: opacity .7s linear
}

.big__promo__inner,
.category,
.promobox {
    overflow: hidden;
    position: relative
}

.fr__product__inner.inner__position {
    background: #fff;
    bottom: -20px;
    left: 0;
    opacity: 0;
    padding: 30px 20px;
    position: absolute;
    text-align: left;
    transition: .5s;
    width: 100%
}

.bradcaump__inner,
.ht__promo__details,
.ht__show__more__btn,
.htc__fashion__icon__inner,
.pro__details__tab li,
.pro__share li a,
.product__action--dft li a,
.product__inner,
.quote,
.service,
.service--2 .service,
.view__mode li a i {
    text-align: center
}

.inner__position .fr__pro__prize {
    float: left;
    justify-content: flex-start;
    margin-top: 0
}

.category:hover .fr__product__inner.inner__position {
    bottom: 0;
    opacity: 1
}

.inner__position .rating {
    display: flex;
    float: right
}

.inner__position .fr__product__inner h4 a {
    display: block;
    margin-bottom: 8px
}

.product__inner {
    padding-top: 25px
}

.pro__prize {
    display: flex;
    justify-content: center;
    margin-top: 7px
}

.product__details h2 {
    color: #444;
    text-transform: capitalize
}

.pro__prize li {
    color: #313131
}

.pro__prize li.old__prize {
    color: #131313;
    font-weight: 400;
    padding-right: 12px
}

.htc__product__area {
    padding-top: 60px
}

.ht__show__more__btn a {
    color: #313131;
    display: inline-block;
    font-size: 18px;
    margin-top: 56px;
    padding-bottom: 10px;
    position: relative;
    text-transform: capitalize;
    transition: .4s
}

.ht__show__more__btn a::before {
    background: #333;
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    transition: .4s;
    width: 100%
}

.ht__show__more__btn a:hover,
.view__mode li a:hover i,
.view__mode li.active a i {
    color: #d45967
}

.ht__testimonial__activation {
    overflow: hidden;
    padding: 100px 105px
}

.ht__color__list,
.ht__size__list,
.htc__select__option,
.product__action--dft,
.rating,
.testimonial,
.view__mode {
    display: flex
}

.testimonial__thumb {
    margin-right: 38px;
    min-width: 88px;
    position: relative
}

.testimonial__details h4 {
    color: #333;
    font-size: 16px;
    text-transform: capitalize
}

.testimonial__details p {
    margin-top: 9px
}

.testimonial__thumb::before {
    background: #252525;
    bottom: -7px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 25px
}

.blog__thumb a img,
.testimonial__thumb img {
    width: 100%
}

.quote {
    border-radius: 100%;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: -9px;
    width: 30px;
    top: 0
}

.quote img {
    width: auto
}

.ht__testimonial__activation .slick-next,
.ht__testimonial__activation .slick-prev {
    display: none !important
}

.testimonial__area.testimonial--2 {
    padding: 60px 102px 115px 65px
}

.testimonial--2 .ht__test__title h2 {
    color: #212121;
    font-size: 24px;
    font-weight: 500;
    text-transform: uppercase
}

.testimonial--2 .ht__test__title p {
    color: #666;
    font-size: 18px;
    font-style: italic;
    margin-top: 8px
}

.testimonial--2 .ht__test__title {
    margin-bottom: 58px
}

.testimonial--2 .testimonial__activation--2 .testimonial+.testimonial {
    margin-top: 96px
}

.blog__details {
    padding-top: 34px
}

.bl__date span {
    color: #777;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    padding-bottom: 7px;
    position: relative
}

.bl__date span::before {
    background: #000;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.blog__details h2 {
    color: #222;
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 22px
}

.blog__details p {
    color: #777;
    font-size: 17px;
    margin-bottom: 25px;
    margin-top: 18px
}

.blog__btn a {
    color: #d45967;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
    transition: .4s
}

.blog__btn a i {
    padding-right: 9px
}

.blog__btn a:hover {
    color: #222
}

.ht__brand__inner {
    padding: 100px 0
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 0
}

.owl-carousel .owl-item img,
.table-content.order-details-table td.product-name {
    width: auto
}

.brand__list li a img {
    display: block;
    margin: auto
}

#googleMap,
#googleMap2 {
    width: 100%;
    height: 371px
}

.map-contacts--2 #googleMap {
    height: 500px;
    width: 100%
}

.htc__service__area {
    padding: 112px 0;
    position: relative
}

.htc__service__area::before {
    background: #36b997;
    content: "";
    height: 1px;
    position: absolute;
    top: 45%;
    width: 100%
}

.service__icon i {
    color: #212121;
    font-size: 44px
}

.service__details h2 {
    background: #d45967;
    color: #212121;
    font-size: 20px;
    font-weight: 600;
    margin-top: 14px;
    padding: 0 30px 23px;
    position: relative;
    text-transform: uppercase;
    transition: .4s
}

.big__promo__details h4 span,
.big__promo__details p span,
.ht__promo__details h4 {
    font-weight: 700;
    text-transform: uppercase
}

.bg__promo__thumb img,
.promo__thumb img {
    transition: .5s
}

.service__details p {
    color: #212121;
    font-size: 16px;
    margin: 10px auto 0;
    width: 85%
}

.service__details h2::before {
    background: #000;
    bottom: 0;
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2px
}

.service__details h2:hover a {
    color: #fff
}

.service__details h2 a {
    transition: .4s
}

.htc__inatractive__banner [class*=col-],
.htc__promo__box [class*=col-],
.htc__service__area.service--2 {
    padding: 0
}

.htc__service__area.service--2::before {
    display: none
}

.service--2 .service {
    padding: 60px 30px
}

.htc__promo__thumb {
    padding-bottom: 175px;
    padding-top: 93px
}

.htc__promo__text {
    padding-left: 258px
}

.promobox:hover .promo__thumb img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ht__promo__details {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.ht__promo__details h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 21px;
    padding-bottom: 9px;
    position: relative
}

.ht__promo__details h2::before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.ht__promo__details h4 {
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 60px;
    position: relative
}

.ht__promo__details h4::before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
    width: 100%
}

.big__promo__inner:hover .bg__promo__thumb img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.big__promo__details {
    left: 94px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.big__promo__box {
    left: 100px;
    position: absolute;
    top: 70px
}

.big__promo__details h4 span {
    color: #d45967;
    display: block;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 72px
}

.big__promo__details p span {
    color: #2e2e2e;
    display: block;
    font-size: 60px;
    line-height: 71px
}

.big__promo__details p {
    left: 149%;
    position: absolute;
    top: 30%
}

.promo__align--right .big__promo__box {
    right: 100px;
    left: auto
}

.htc__promobox--5 {
    padding: 115px 0
}

.ht__promo__inner h6 {
    color: #d45967;
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
    text-transform: capitalize
}

.ht__promo__inner h2 {
    color: #343434;
    display: inline-block;
    font-size: 38px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase
}

.ht__promo__inner h4 {
    color: #000;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 60px;
    font-weight: 700;
    position: relative;
    text-transform: uppercase
}

.ht__promo__inner h2::before {
    background: #343434;
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
    width: 100%
}

.ht__promo__inner h4::before {
    background: #000;
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
    width: 100%
}

.htc__about__thumb {
    position: absolute;
    right: 90px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.about {
    padding: 120px 0
}

.ht__about__inner h2 {
    color: #d45967;
    font-size: 39px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 30px;
    position: relative;
    text-transform: uppercase;
    z-index: 3
}

.ht__about__inner h4 {
    color: #b3b3b3;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 90px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    z-index: 1
}

.ht__about__details p {
    color: #222;
    font-size: 17px;
    line-height: 26px
}

.ht__about__details p+p {
    margin-top: 17px
}

.ht__about__details {
    margin-top: 27px
}

.ht__about__btn,
.htc__tag {
    margin-top: 23px
}

.ht__about__btn a {
    border: 1px solid #d45967;
    color: #fff;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
    text-transform: uppercase;
    transition: .3s
}

.ht__about__btn a:hover {
    background: 0 0;
    border: 1px solid #d45967;
    color: #d45967
}

.ht__about__inner h2 span {
    color: #222;
    position: relative
}

.ht__about__inner h2 span::before {
    background: #000;
    bottom: 9px;
    content: "";
    height: 4px;
    position: absolute;
    width: 100%
}

.ht__bann__details {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.ht__bann__details p span {
    color: #fff;
    font-size: 64px;
    line-height: 77px;
    position: relative
}

.ht__bann__details p span.theme-color {
    color: #d45967;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
    margin-top: 16px;
    display: inline-block;
    margin-bottom: 19px
}

.ht__bann__details p span::before {
    background: #fff;
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
    width: 100%
}

.ht__bann__details p span.theme-color::before {
    background: #4dd2b1
}

.banner--2::before {
    background: #fff;
    content: "";
    height: 386px;
    left: 50%;
    opacity: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(24deg);
    transform: translateY(-50%) rotate(24deg);
    transition: .3s;
    width: 1px
}

.ht__bnn__thumb {
    overflow: hidden
}

.ht__bnn__thumb:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ht__bnn__thumb img {
    transition: .5s
}

.htc__best__product {
    align-items: center;
    display: flex;
    margin-top: 40px
}

.htc__best__pro__thumb {
    margin-right: 30px;
    min-width: 180px
}

.htc__best__product__details h2 {
    color: #444;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 17px;
    text-transform: capitalize
}

.rating li i {
    color: #d45967;
    font-size: 15px
}

.rating li+li {
    margin-left: 4px
}

.rating li.old i {
    color: #777
}

.htc__best__sell__wrap .product__action li a:hover,
.product__action--dft li a:hover {
    color: #fff;
    background: #d45967
}

.top__pro__prize {
    display: flex;
    margin-top: 13px
}

.top__pro__prize li {
    color: #313131;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px;
    font-weight: 500
}

.top__pro__prize li.old__prize {
    color: #888;
    font-weight: 400;
    padding-right: 10px
}

.product__action--dft li a {
    background: #f6f6f6;
    color: #313131;
    display: inline-block;
    font-size: 18px;
    height: 50px;
    line-height: 53px;
    transition: .3s;
    width: 50px
}

.best__product__action {
    margin-top: 32px
}

.product__action--dft li {
    margin-right: 4px
}

.htc__best__sell__wrap .pro__prize {
    justify-content: flex-start;
    margin-top: 13px
}

.htc__best__sell__wrap .product__action {
    justify-content: flex-start
}

.htc__best__sell__wrap .product__action li a {
    background: #f6f6f6
}

.htc__best__sell__wrap .best__product__action {
    margin-top: 33px
}

.ht__intrac__details {
    left: 100px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ht__intrac__details h6 {
    color: #b7b7b7;
    font-size: 15px;
    letter-spacing: 7px;
    text-transform: uppercase
}

.ht__intrac__details h1 {
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 72px;
    font-weight: 700;
    line-height: 91px;
    margin-top: 17px;
    text-transform: uppercase
}

.ht__intrac__btn a {
    background: #fff;
    color: #222;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    text-transform: uppercase;
    transition: .3s
}

.ht__fson__btn a,
.ht__list__product .product__action li.ht__addto__cart a.active,
.ht__list__product .product__action li.ht__addto__cart a:hover {
    background: #212121
}

.ht__cat__list li a:hover,
.ht__fson__btn a,
.ht__size__list li a:hover,
.ht__tag__list li a:hover {
    color: #d45967
}

.ht__intrac__btn {
    margin-top: 72px
}

.ht__intrac__btn a:hover {
    background: #d45967;
    color: #fff
}

.ht__intrac__details::before {
    background: #d45967;
    content: "";
    height: 386px;
    left: 50%;
    position: absolute;
    top: -45px;
    -webkit-transform: rotate(29deg);
    transform: rotate(29deg);
    width: 1px
}

.inc__banner--2 .ht__intrac__details {
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    text-align: center
}

.inc__banner--2 .ht__intrac__details h6 {
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px
}

#coupon_box,
.email_verify_otp,
.inc__banner--2 .ht__intrac__details::before,
.mobile_verify_otp,
.pro__single__content.tab-pane:not(.active),
.single-grid-view.tab-pane:not(.active) {
    display: none
}

.inc__banner--2 .ht__intrac__details h2 {
    color: #fff;
    font-size: 112px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 88px
}

.inc__banner--2 .ht__intrac__details span {
    display: block;
    text-align: left
}

.htc__fashion__icon {
    padding: 211px 0
}

.htc__fashion__icon__inner h2 {
    color: #d45967;
    display: inline-block;
    font-size: 48px;
    margin-bottom: 50px;
    padding-bottom: 10px;
    position: relative;
    text-transform: uppercase
}

.htc__fashion__icon__inner h2::before {
    background: #d45967;
    bottom: 0;
    content: "";
    height: 3px;
    position: absolute;
    width: 100%
}

.ht__fson__btn a {
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    height: 50px;
    line-height: 50px;
    padding: 0 26px;
    text-transform: capitalize;
    transition: .3s
}

.brd-separetor i,
.breadcrumb-item {
    color: #494949;
    font-size: 18px
}

.fv-btn i,
.ht__fson__btn a i {
    padding-right: 9px
}

.ht__fson__btn a:hover {
    background: #d45967;
    color: #fff
}

.ht__bradcaump__wrap {
    align-items: center;
    display: flex;
    height: 100%
}

.breadcrumb-item {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500;
    text-transform: capitalize
}

.bradcaump-inner a.breadcrumb-item {
    font-weight: 500
}

.brd-separetor {
    padding: 0 10px
}

.htc__grid__top {
    display: none;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 15px;
    padding: 0;
    margin-top: 60px;
    background: #fff;
    border-radius: 0;
    text-align: left;
    position: relative;
    overflow: hidden
}

.shop__grid__view__wrap.sgvw {
    margin-top: 45px
}

.htc__grid__top h6 {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    margin-right: 8px
}

.view__mode li a i {
    background: #f7f6f8;
    color: #3f3f3f;
    display: inline-block;
    font-size: 19px;
    height: 35px;
    line-height: 35px;
    transition: .3s;
    width: 42px
}

.view__mode li+li {
    margin-left: 5px
}

.ht__pro__qun span {
    color: #3f3f3f;
    font-size: 16px
}

.htc__select__option .ht__select+.ht__select {
    margin-left: 20px
}

.title__line--3 {
    color: #3f3f3f;
    font-size: 24px;
    padding-bottom: 12px;
    position: relative;
    text-transform: uppercase
}

.title__line--3::before {
    background: url("images/others/shape/5.png") no-repeat rgba(0, 0, 0, 0);
    bottom: 0;
    content: "";
    height: 4px;
    position: absolute;
    width: 100%
}

.title__line--4 {
    border-bottom: 1px solid #cfcfcf;
    color: #212121;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 15px;
    text-transform: uppercase
}

.ht__cat__list li a {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    transition: .3s
}

.ht__cat__list li+li {
    padding-top: 11px
}

.ht__pro__color {
    margin-top: 28px
}

.ht__pro__size {
    margin-top: 38px
}

.ht__color__list li a {
    background: #000;
    border-radius: 100%;
    color: #fff;
    display: inline-block;
    height: 30px;
    text-indent: -9999px;
    width: 30px
}

.ht__color__list li+li {
    margin-left: 10px
}

.accordion__body__form .checkout-method .checkout-method__single .single-input,
.buttons-cart a+a,
.ht__size__list li+li {
    margin-left: 20px
}

.ht__color__list li.grey a {
    background: #6657c5
}

.ht__color__list li.lamon a {
    background: #10a8ff
}

.ht__color__list li.white a {
    background: #66bdbe
}

.ht__color__list li.red a {
    background: #a2be66
}

.ht__color__list li.black a {
    background: #ae66be
}

.ht__color__list li.pink a {
    background: #e967a7
}

.ht__size__list li a {
    color: #444;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    text-transform: uppercase;
    transition: .3s
}

.ht__tag__list {
    display: flex;
    flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px
}

.cart__total,
.ht__com__btn {
    justify-content: space-between
}

.ht__tag__list li a {
    color: #444;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    transition: .4s
}

.ht__com__btn li a,
.price--filter a {
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600
}

.ht__tag__list li+li {
    margin-left: 9px;
    padding-left: 12px;
    position: relative
}

.ht__tag__list li+li::before {
    content: "/";
    position: absolute;
    left: 0
}

.htc__compare__area {
    margin-top: 31px
}

.htc__compare__list li a {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px
}

.htc__compare__list li+li {
    border-top: 1px solid #e1e1e1;
    padding: 10px 0
}

.htc__compare__list li:last-child {
    border-bottom: 1px solid #e1e1e1
}

.htc__compare__list li:first-child {
    padding-bottom: 10px
}

.htc__compare__list li a i {
    float: right;
    transition: .4s
}

.htc__compare__list li a:hover i,
.table-content table td.product-remove i:hover {
    color: #ee393e
}

.ht__com__btn {
    display: flex;
    margin-top: 14px
}

.htc__recent__product {
    margin-top: 39px
}

.ht__com__btn li a {
    color: #ed1c24
}

.ht__com__btn li.compare a {
    background: #555;
    color: #fffefe;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    transition: .4s
}

.ht__com__btn li.compare a:hover {
    background: #d45967
}

.htc__recent__product__inner .htc__best__pro__thumb {
    min-width: 100px
}

.ht__product__dtl .pro__prize,
.htc__list__details .product__action,
.htc__recent__product__inner .pro__prize {
    justify-content: flex-start
}

.ht__comment__btn,
.htc__recent__product__inner .htc__best__product {
    margin-top: 30px
}

.htc__recent__product__inner {
    margin-top: 41px
}

#cart_attr_msg,
.sin__desc.product__share__link,
.slider__range--output {
    margin-top: 18px
}

.price--output>span {
    float: left;
    color: #666;
    font-size: 14px
}

.price--output>* {
    display: inline-block;
    float: left
}

.price__output--wrap {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.price--filter a {
    background: #333;
    color: #fff;
    padding: 0 22px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
    font-size: 13px;
    transition: .4s
}

.price--output input {
    padding-left: 10px;
    width: 70%;
    border: none
}

.price--filter a:hover {
    background: #d45967;
    color: #fff
}

.ht__list__product {
    margin-top: 40px;
    display: flex
}

.ht__list__thumb {
    margin-right: 40px;
    min-width: 290px
}

.bl__img img,
.ht__bl__thumb img,
.ht__cat__thumb a img,
.ht__list__thumb img {
    width: 100%
}

.htc__list__details h2 {
    color: #444;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: capitalize
}

.ht__list__product .product__action li.ht__addto__cart a,
.ht__product__dtl h2,
.ht__product__dtl h6 span {
    font-family: 'Open Sans', sans-serif !important;
    text-transform: uppercase
}

.htc__list__details .pro__prize {
    justify-content: flex-start;
    margin-bottom: 11px;
    margin-top: 0
}

.htc__list__details p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 26px;
    margin-top: 15px
}

.ht__list__product .product__action li a {
    background: #f6f6f6
}

.ht__list__product .product__action li+li {
    margin-left: 30px
}

.ht__list__product .product__action li.ht__addto__cart a {
    background: #d45967;
    color: #fff;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    padding: 0 17px 0 0;
    transition: .4s;
    width: auto
}

.ht__list__product .product__action li.ht__addto__cart a i {
    background: #d45967;
    border-right: 1px solid #fff;
    color: #fff;
    display: inline-block;
    height: 50px;
    line-height: 45px;
    margin: 0 17px 0 auto;
    position: relative;
    width: 50px
}

.ht__list__product .product__action li.ht__addto__cart a.active:hover {
    background: #d45967
}

.ht__list__product .product__action li a:hover {
    background: #d45967;
    color: #fff
}

.ui-widget.ui-widget-content {
    background: #d45967;
    border: 1px solid transparent;
    height: 5px
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 14px;
    position: absolute;
    touch-action: none;
    width: 14px;
    z-index: 2;
    border-radius: 100%
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    background: #333;
    border: 1px solid #333;
    color: #333
}

.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    background: #333;
    height: 6px
}

select.ht__select {
    background-color: #fff;
    border: 0;
    background-image: url("images/icons/select-option.png");
    background-position: right 7% center;
    background-repeat: no-repeat;
    padding: 0 32px 0 15px;
    background-size: 14px;
    height: 45px;
    color: #3f3f3f
}

.product__small__images {
    bottom: 35px;
    display: flex;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.product__small__images li {
    border: 1px solid #fff;
    margin: 0 8px;
    transition: .4s
}

.buttons-cart a,
.buttons-cart a:hover {
    transition: .3s ease-in-out
}

.product__small__images li.active,
.product__small__images li:hover,
.table-content table td input[type=number] {
    border: 1px solid #d45967
}

.ht__product__dtl h2 {
    color: #444;
    font-size: 20px;
    font-weight: 600
}

.ht__product__dtl h6 {
    color: #100d13;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    margin-top: 11px;
    margin-bottom: 11px
}

.ht__product__dtl h6 span {
    color: #868686;
    font-size: 15px
}

.pro__details__tab li a,
.sin__desc p {
    font-family: Lato, sans-serif !important
}

.ht__product__dtl p {
    color: #000000;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 16px;
}

.sin__desc p {
    color: #868686;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0
}

.sin__desc p span {
    color: #100d13;
    font-size: 14px;
    text-transform: capitalize
}

.pro__cat__list,
.pro__color {
    display: flex;
    margin-left: 10px
}

.sin__desc.align--left {
    align-items: center;
    display: flex;
    margin-top: 21px
}

.pro__color li a {
    display: inline-block;
    height: 20px;
    text-indent: -999999px;
    width: 20px
}

.pro__color li+li,
.pro__more__btn {
    margin-left: 10px
}

.pro__more__btn a {
    border: 1px solid #d7d7d7;
    color: #212121;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 600;
    height: 20px;
    line-height: 19px;
    padding: 0 8px;
    text-transform: uppercase
}

.ht__pro__desc {
    margin-top: 25px
}

.pro__share {
    display: flex;
    margin-top: 16px
}

.pro__color li.red a {
    background: #003471
}

.pro__color li.green a {
    background: #754c24
}

.pro__color li.balck a {
    background: #100d13
}

.pro__cat__list li a {
    color: #666;
    font-size: 16px;
    transition: .3s
}

.buttons-cart a:hover,
.pro__cat__list li a:hover,
.table-content table td.product-name a:hover {
    color: #d45967
}

.pro__cat__list li+li {
    padding-left: 7px
}

.pro__share li a {
    border-radius: 100%;
    color: #212121;
    display: inline-block;
    font-size: 16px;
    height: 32px;
    line-height: 36px;
    transition: .3s;
    width: 32px
}

.pro__share li a:hover {
    background: #d45967;
    color: #fff
}

.pro__share li+li {
    margin-left: 9px
}

.pro__details__tab {
    align-items: center;
    border: 0 solid #000;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    border-bottom: 2px solid #d45967;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgb(0 0 0 / 15%)
}

.pro__details__tab li {
    height: 50px;
    line-height: 54px;
    /* width: 33.34%; */
    width: 50%;
    padding: 0
}

.pro__details__tab li a {
    color: #1e1e1e;
    font-size: 24px;
    font-weight: 600;
    background: #fff;
    text-transform: capitalize;
    transition: .4s;
    display: block;
    height: 50px;
    padding: 0;
    margin: 0;
    border-bottom: 0 solid #fff;
    font-family: "Overlock", sans-serif !important;
}

.pro__details__tab li+li {
    border-left: 1px solid #ddd
}

.pro__details__tab li.active a {
    background: #d45967;
    border-bottom: 0 solid #d45967;
    color: #fff;
}

.pro__details__tab li a:hover {
    color: #d45967
}

.pro__details__tab li.active a:hover {
    color: #fff;
}

.pro__tab__content__inner h4 {
    line-height: 28px;
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700
}

.pro__tab__content__inner p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
    text-align: justify;
}

.pro__tab__content__inner h4.ht__pro__title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 17px;
    margin-top: 30px;
    text-transform: capitalize
}

.bilinfo .single-input.mt-0,
.paymentinfo-credit-content .single-input.mt-0,
.pro__tab__content__inner p+p,
.shipinfo .single-input.mt-0,
.shipmethod .single-input:first-child {
    margin-top: 0
}

select.select__size {
    border: 1px solid #afafaf;
    color: #afafaf;
    height: 20px;
    margin-left: 10px;
    width: 41px;
    padding: 0 16px 0 4px;
    background: url("images/icons/select-option.png") 87% 7px/10px 5px no-repeat rgba(0, 0, 0, 0)
}

select.select__size.form-select {
    border: 1px solid #ddd;
    color: #afafaf;
    height: auto;
    margin-left: 0;
    width: 40px;
    padding: 0;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    -ms-appearance: auto;
    -o-appearance: auto;
    background: 0 0
}

.pro__tab__content__inner.updated-product-review .row {
    margin-left: -15px;
    margin-right: -15px
}

@media only screen and (max-width:767px) {
    .pro__details__tab li:last-child {
        border-right: 0px solid #000
    }
}

.cart-title-area {
    padding-top: 30px
}

.car-header-title h2 {
    font-size: 20px;
    margin: 0;
    text-transform: uppercase
}

.buttons-cart a,
.table-content table .product-price .amount,
.table-content table td.product-subtotal {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 600;
}

.table-content table {
    background: #fff;
    border-color: #c1c1c1;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 0 0 50px;
    text-align: center;
    width: 100%
}

.table-content table td,
.table-content table th {
    border-top: none;
    vertical-align: middle;
    color: #000
}

.table-content table th {
    padding: 20px 10px;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    font-size: 16px
}

.table-content table td,
.table-content table th {
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1
}

.table-content table td {
    padding: 10px;
    font-size: 15px;
    font-weight: 500
}

.table-content table td input {
    background: #fff;
    border: 1px solid #000;
    border-radius: 0;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    height: 34px;
    padding: 0 5px 0 10px;
    width: 50px;
    border-radius: 6px;
}

.buttons-cart a,
.buttons-cart--inner .buttons-cart:first-child a {
    background: #d45967;
    border: 1px solid #d45967;
}

.table-content table td input[type=number]::-webkit-inner-spin-button,
.table-content table td input[type=number]::-webkit-outer-spin-button {
    opacity: 1
}

.table-content table td.product-subtotal {
    color: #313131;
    width: 120px
}

.table-content table td.product-name a {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize
}

.table-content table td.product-name {
    width: 270px
}

.table-content table td.product-price,
.table-content table td.product-thumbnail {
    width: 130px
}

.table-content table td.product-thumbnail img {
    object-fit: cover;
    height: auto;
    width: auto;
    max-height: 110px;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    border: 1px solid #d45967;
}

.table-content table td.product-remove i {
    color: #212121;
    display: inline-block;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}

.table-content table .product-price .amount {
    color: #313131
}

.table-content table td.product-quantity {
    width: 180px
}

.table-content table td.product-remove,
.wishlist-table table .product-thumbnail {
    width: 150px
}

.buttons-cart a {
    color: #3f3f3f;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 8px;
    padding: 0px 20px;
}

.buttons-cart--inner .buttons-cart a:hover {
    background: #ec5869 !important;
    border-color: #ec5869 !important;
    color: #fff !important;
    transition: .3s ease-in-out;
}

.buttons-cart input,
.coupon input[type=submit],
.coupon-info p.form-row input[type=submit] {
    background: #252525;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: .3s;
    white-space: nowrap
}

.buttons-cart input:hover,
.coupon input[type=submit]:hover {
    background: #fff !important;
    color: #d45967 !important
}

.coupon {
    margin-bottom: 40px;
    overflow: hidden;
    padding-bottom: 20px
}

.coupon h3 {
    margin: 0 0 10px;
    font-size: 14px;
    text-transform: uppercase
}

.coupon input[type=text] {
    border: 1px solid #c1c1c1;
    float: left;
    height: 40px;
    margin: 0 6px 20px 0;
    max-width: 100%;
    padding: 0 0 0 10px;
    width: 170px
}

.cart_totals {
    float: left;
    text-align: right;
    width: 100%
}

.cart_totals h2 {
    border-bottom: 2px solid #c1c1c1;
    display: inline-block;
    font-size: 30px;
    margin: 0 0 35px;
    text-transform: uppercase
}

.cart_totals table {
    border: none;
    float: right;
    margin: 0;
    text-align: right
}

.cart_totals table th {
    border: none;
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px 12px 0;
    text-align: right;
    text-transform: uppercase;
    vertical-align: top
}

.cart_totals table td {
    border: none;
    padding: 0 0 12px;
    vertical-align: top
}

.cart_totals table td .amount {
    color: #252525;
    float: right;
    font-size: 13px;
    font-weight: 700;
    margin-left: 5px;
    text-align: right;
    text-transform: uppercase
}

.cart_totals table td ul#shipping_method {
    list-style: none;
    margin: 0;
    padding: 0
}

.cart_totals table td ul#shipping_method li {
    float: left;
    margin: 0 0 10px;
    padding: 0;
    text-indent: 0;
    width: 100%
}

.cart_totals table td ul#shipping_method li input {
    margin: 0;
    position: relative;
    top: 2px
}

a.shipping-calculator-button {
    font-weight: 700;
    color: #6f6f6f
}

a.shipping-calculator-button:hover {
    color: #ff4136
}

.cart_totals table tr.order-total .amount,
.cart_totals table tr.order-total th {
    font-size: 20px;
    text-transform: uppercase;
    white-space: nowrap
}

.wc-proceed-to-checkout a {
    background: #252525;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    margin-top: 20px;
    padding: 0 30px;
    text-transform: none
}

.ht__coupon__code span,
.ht__cp__btn a {
    font-weight: 500;
    font-family: 'Open Sans', sans-serif !important
}

.wc-proceed-to-checkout a:hover {
    background: #ff4136;
    color: #fff !important
}

.owl-theme .owl-controls .owl-page span {
    background: #fff;
    border: 1px solid #c1c1c1;
    border-radius: 100%;
    display: block;
    height: 13px;
    margin: 3px;
    width: 13px;
    transition: .3s
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 2px solid #c1c1c1
}

.slider-area.slider-v4 {
    margin: 30px 0 35px
}

.coupon p {
    margin-bottom: 12px
}

.buttons-cart--inner {
    display: flex;
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 70px
}

.ht__coupon__code {
    background: #ebebeb;
    padding: 54px 70px
}

.cart__desc li+li,
.cart__price li+li,
.cart__total {
    padding-top: 18px
}

.ht__coupon__code span {
    color: #3f3f3f;
    text-transform: uppercase
}

.coupon__box {
    margin-top: 19px;
    position: relative
}

.coupon__box input {
    background: #fff;
    border: 0;
    height: 56px;
    padding: 0 30px
}

.ht__cp__btn a,
.payment__btn li a:hover,
.payment__btn li.active a {
    background: #212121;
    color: #fff
}

.ht__cp__btn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ht__cp__btn a {
    display: inline-block;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    padding: 0 27px;
    text-transform: uppercase;
    transition: .4s
}

.htc__cart__total h6,
.payment__btn li a {
    font-weight: 500;
    line-height: 65px;
    text-transform: uppercase
}

.dark-btn a:hover,
.ht__cp__btn a:hover {
    background: #d45967
}

.htc__cart__total h6 {
    background: #d45967;
    font-size: 14px;
    height: 67px;
    padding: 0 32px;
    color: #fff
}

.cart__total {
    border-top: 1px solid #ebebeb;
    display: flex
}

.cart__desc li,
.cart__total span {
    color: #3f3f3f;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase
}

.payment__btn {
    margin-top: 54px
}

.payment__btn li a {
    background: #ebebeb;
    color: #3f3f3f;
    display: block;
    font-family: 'Open Sans', sans-serif !important;
    height: 65px;
    text-align: center;
    transition: .4s
}

.payment__btn li+li {
    margin-top: 15px
}

.payment__btn li.active a:hover {
    background: #ebebeb;
    color: #3f3f3f
}

.htc__cart__total {
    padding-left: 110px
}

.cart__desk__list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 33px;
    margin-top: 38px
}

.cart__price li {
    color: #3f3f3f;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 600
}

.product-name .pro__prize {
    margin-top: 4px
}

.bl_hover {
    bottom: 0;
    left: 0;
    position: absolute
}

.bl_hover span {
    background: rgba(63, 217, 178, .86);
    color: #212121;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 17px;
    text-transform: uppercase
}

.ht__blog__meta {
    display: flex;
    margin-top: 23px
}

.ht__blog__meta li i {
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: 100%;
    color: #212121;
    display: inline-block;
    font-size: 15px;
    height: 35px;
    line-height: 34px;
    margin-right: 14px;
    text-align: center;
    transition: .4s;
    width: 35px
}

.ht__blog__meta li+li {
    margin-left: 18px
}

.ht__blog__meta li {
    color: #666;
    font-size: 15px;
    font-style: italic
}

.ht__blog__meta li:hover i {
    color: #4bdbb6
}

.blog--page .blog__details p {
    color: #666;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
    margin-top: 23px;
    width: 93%
}

.blog--page .blog__details h2 {
    color: #000;
    font-weight: 600;
    line-height: 33px;
    margin-top: 17px
}

.blog--page {
    margin-top: -50px
}

.blog--page .blog {
    margin-top: 50px
}

.htc__pagenation {
    display: flex;
    justify-content: center;
    margin-top: 60px;
    flex-wrap: wrap
}

.htc__pagenation li a {
    background: #f6f6f6;
    border-radius: 100%;
    color: #3f3f3f;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    text-align: center;
    transition: .3s;
    width: 45px
}

.htc__pagenation li {
    margin: 0 5px
}

.htc__pagenation li a:hover,
.htc__pagenation li.active a {
    background: #d45967;
    color: #fff
}

.htc__blog__details__wrap span.ht__fashion__show {
    color: #d45967;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    text-transform: uppercase
}

.htc__blog__details__wrap h2 {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    line-height: 44px;
    margin-top: 5px;
    width: 86%
}

.htc__blog__details__wrap ul.ht__blog__meta {
    margin-bottom: 44px;
    margin-top: 19px
}

.bl__dtl p {
    color: #666;
    font-size: 16px;
    line-height: 26px
}

.bl__img {
    margin-top: 30px;
    margin-bottom: 30px
}

.bl__dtl {
    padding-top: 46px
}

.title__line--5 {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 39px
}

.accordion__body__form .checkout-method .checkout-method__single,
.address {
    margin-bottom: 40px
}

.bl__dtl p+p {
    margin-top: 26px
}

.contact-box.name,
.ht__comment__form__inner {
    display: flex;
    margin-left: -20px;
    margin-right: -20px
}

.comment__form {
    padding: 0 20px;
    width: 50%
}

.comment__form input {
    border: 1px solid #e2e2e2;
    color: #666;
    font-size: 16px;
    height: 40px;
    padding: 0 20px
}

.accordion__body .checkout-method__login .dark-btn,
.bilinfo .single-input,
.comment__form input+input,
.contact-btn,
.paymentinfo-credit-content .single-input,
.shipinfo .single-input,
.shipmethod .single-input {
    margin-top: 20px
}

.comment__form.message textarea {
    background: 0 0;
    border: 1px solid #e2e2e2;
    min-height: 160px;
    padding: 10px 20px
}

.ht__comment__btn a {
    background: #d45967;
    border: 1px solid #d45967;
    color: #212121;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    text-transform: uppercase;
    transition: .4s
}

.ht__comment__btn a i {
    padding-right: 10px
}

.ht__comment__btn a:hover {
    background: 0 0;
    border: 1px solid #d45967;
    color: #d45967
}

.comment__thumb {
    margin-right: 30px;
    min-width: 70px
}

.comment {
    display: flex
}

.ht__comment__title h2 {
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 27px;
    margin: 0;
    text-transform: uppercase
}

.ht__comment__details span {
    color: #949494;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 500
}

.ht__comment__details p {
    color: #333;
    font-size: 16px
}

.reply__btn a {
    background: #ebebeb;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    height: 30px;
    line-height: 28px;
    padding: 0 20px;
    text-transform: capitalize;
    transition: .3s
}

.bl__dtl blockquote,
.reply__btn a:hover {
    color: #fff;
    background: #d45967
}

.comment.comment--reply {
    margin-bottom: 47px;
    margin-left: 110px;
    margin-top: 47px
}

.bl__dtl blockquote {
    border-left: 0;
    font-size: 17.5px;
    margin: 20px 0;
    padding: 27px 34px
}

.bradcaump--2 .ht__bradcaump__wrap {
    height: auto;
    position: absolute;
    left: 320px;
    top: 113px
}

.bradcaump--2 #googleMap {
    height: 670px
}

.address {
    align-items: center;
    display: flex;
    box-shadow: 0 4px 15px rgb(12 35 34 / 20%)
}

.address__icon i {
    color: #fefefe;
    font-size: 36px
}

.address__icon {
    background: #d45967;
    height: 120px;
    line-height: 144px;
    text-align: center;
    width: 110px
}

.address__details {
    background: #f5f5f5;
    flex-basis: calc(100% - 110px);
    padding: 32.5px 12px 33.5px 42px
}

.address__details h2 {
    color: #212121;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase
}

.address__details p {
    color: #666;
    font-size: 16px;
    margin-top: 10px
}

.address--2 {
    background: #f5f5f5;
    text-align: center
}

.address--2 p a {
    color: #4d4d4d;
    font-size: 14px
}

.address--2 p a i {
    color: #d45967;
    font-size: 18px;
    padding-right: 9px
}

.address--2 p {
    padding: 41px 0
}

.address--2 p+p {
    border-top: 1px solid #fff
}

.title__line--6 {
    color: #000;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 34px;
    text-transform: uppercase
}

.contact-btn h6 span,
.fv-btn {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important;
}

.contact-box input {
    background: #fff;
    border: 1px solid #cecece;
    color: #666;
    font-size: 14px;
    height: 50px;
    border-radius: 6px;
    width: 100%;
    margin-bottom: 20px;
    outline: 0;
    padding: 10px;
    transition: .3s ease-in-out
}

.single-contact-form+.single-contact-form {
    margin-top: 16px;
    position: relative
}

.contact-box.message textarea {
    background: #ededed;
    border: 0;
    color: #666;
    font-size: 16px;
    min-height: 220px;
    padding: 18px 47px
}

.contact-btn h6 span {
    color: #000
}

.fv-btn {
    background: #1e1e1e;
    border: 2px solid #1e1e1e;
    color: #fff;
    font-size: 14px;
    height: 40px;
    padding: 0 30px;
    text-transform: uppercase;
    transition: .3s
}

.fv-btn:hover {
    background: 0 0;
    border: 2px solid #000;
    color: #000;
    transition: .3s ease-in-out
}

.contact-box.name input {
    margin: 0 20px;
    width: 50%
}

@media only screen and (max-width:991px) {
    .shop__grid__view__wrap.sgvw {
        margin-top: 30px
    }

    .htc__grid__top {
        margin-bottom: 10px;
        margin-top: 40px
    }

    .title__line--6 {
        text-align: center;
        margin-bottom: 25px
    }

    .address {
        margin-bottom: 30px
    }

    .contact-box.message textarea {
        min-height: 120px
    }
}

.wishlist-table table {
    background: #fff;
    border-color: #c1c1c1;
    border-radius: 0;
    border-style: solid;
    border-width: 1px 0 0 1px;
    width: 100%
}

.order-details .order-details__count,
.order-details .order-details__item {
    border-bottom: 1px solid #ebebeb;
    padding: 15px 0;
    margin: 0 30px
}

.wishlist-table table td,
.wishlist-table table th {
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 600;
    padding: 15px 10px;
    text-align: center
}

.wishlist-table table .product-remove {
    padding: 0 15px;
    width: 20px
}

.table-content table .product-remove>a,
.wishlist-table table .product-remove>a {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #000;
    padding-left: 6px;
    border-radius: 6px;
    overflow: hidden;
    transition: .3s ease-in-out;
}

.table-content table .product-remove>a:hover,
.wishlist-table table .product-remove>a:hover {
    color: #fff;
    background: #000;
    transition: .3s ease-in-out
}

.table-content table .product-remove>a:hover i,
.wishlist-table table .product-remove>a:hover i {
    color: red;
    transition: .3s ease-in-out
}

.wishlist-table table td.product-price .amount {
    font-weight: 700
}

.wishlist-table table .wishlist-in-stock {
    color: #444
}

.wishlist-table table .product-add-to-cart>a {
    background: #252525;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 10px 56px;
    text-transform: uppercase;
    width: 260px
}

.wishlist-table table .product-add-to-cart>a:hover {
    background: #000;
    color: #fff
}

.wishlist-table table .product-add-to-cart {
    width: 240px
}

.wishlist-share {
    margin-bottom: 35px;
    margin-top: 20px
}

.wishlist-share ul li {
    display: inline-block;
    height: 21px;
    margin-left: 0;
    margin-right: 0
}

.wishlist-share ul li a {
    background-position: left top;
    border: none;
    display: inline-block;
    height: 21px;
    width: 21px
}

.wishlist-share ul li a:hover {
    background-position: left bottom
}

.wishlist-share .social-icon ul {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.banner__info {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0
}

.pointer__tooltip {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 5px solid #d45967;
    background-color: #fff;
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer
}

.paymentinfo-credit-content,
.ship-to-another-content {
    margin-top: 30px;
    display: none
}

.pointer__tooltip:before {
    content: "\f129";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-family: FontAwesome;
    color: #d45967;
    font-size: 18px;
    width: 100%;
    height: 100%
}

.pointer__tooltip.pointer--1 {
    position: absolute;
    left: 64%;
    top: 9%
}

.pointer__tooltip.pointer--2 {
    position: absolute;
    left: 72%;
    top: 52%
}

.pointer__tooltip.pointer--3 {
    left: 3%;
    top: 56%
}

.pointer__tooltip.pointer--4.align-top {
    left: -7%;
    top: 1%
}

.pointer__tooltip.pointer--5.align-bottom {
    left: 31%;
    top: 34%
}

.pointer__tooltip.pointer--6 {
    left: 74%;
    top: 2%
}

.pointer__tooltip.pointer--7 {
    left: 76%;
    position: absolute;
    top: 67%
}

.pointer__tooltip.pointer--8 {
    left: 78%;
    position: absolute;
    top: 2%
}

.pointer__tooltip.pointer--9 {
    left: 17%;
    position: absolute;
    top: 40%
}

.pointer__tooltip.pointer--10 {
    left: 36%;
    position: absolute;
    top: 59%
}

.pointer__tooltip.pointer--11 {
    left: 80%;
    position: absolute;
    top: 63%
}

.pointer__tooltip.pointer--12 {
    left: 140%;
    position: absolute;
    top: 62%
}

.pointer__tooltip.pointer--13 {
    left: 196%;
    position: absolute;
    top: -42%
}

.pointer__tooltip.pointer--14 {
    left: 227%;
    top: -1%;
    position: absolute
}

.pointer__tooltip.pointer--15.align-top {
    left: 206%;
    top: 107%;
    position: absolute
}

.tooltip__box {
    background: #fff;
    width: 240px;
    position: absolute;
    top: 0;
    right: 50%;
    -webkit-transform: translate3d(50%, -100%, 0);
    transform: translate3d(50%, -100%, 0);
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
    transition: .3s cubic-bezier(0, 0, .2, 1);
    z-index: 10;
    padding: 20px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .07);
    text-align: center
}

.pointer__tooltip:hover .tooltip__box {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
    -webkit-transform: translateY(-110%) translateX(50%);
    transform: translateY(-110%) translateX(50%)
}

.pointer__tooltip.align-right .tooltip__box {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%)
}

.pointer__tooltip.align-right:hover .tooltip__box {
    -webkit-transform: translateY(-50%) translateX(110%);
    transform: translateY(-50%) translateX(110%)
}

.pointer__tooltip.align-left .tooltip__box {
    position: absolute;
    top: 50%;
    right: auto;
    left: 0;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%)
}

.pointer__tooltip.align-left:hover .tooltip__box {
    -webkit-transform: translateY(-50%) translateX(-110%);
    transform: translateY(-50%) translateX(-110%)
}

.pointer__tooltip.align-bottom .tooltip__box {
    position: absolute;
    top: auto;
    right: 50%;
    bottom: 0;
    -webkit-transform: translateY(100%) translateX(50%);
    transform: translateY(100%) translateX(50%)
}

.pointer__tooltip.align-bottom:hover .tooltip__box {
    -webkit-transform: translateY(110%) translateX(50%);
    transform: translateY(110%) translateX(50%)
}

.pointer__tooltip .tooltip__box h4,
.pointer__tooltip .tooltip__box p {
    opacity: 0;
    transition: .45s cubic-bezier(0, 0, .2, 1)
}

.pointer__tooltip:hover .tooltip__box h4,
.pointer__tooltip:hover .tooltip__box p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important
}

.pointer__tooltip .tooltip__box h4 {
    font-size: 20px;
    margin: 0 0 12px
}

.pointer__tooltip .tooltip__box p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 0;
    color: #737373
}

ul.htc__instagram__posts.owl-carousel li img {
    width: 100%;
    display: block
}

.htc__instagram__area ul li a:before {
    position: absolute;
    content: "";
    left: 0;
    background-color: #d45967;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s
}

.htc__instagram__area ul li a:hover:before {
    opacity: .7
}

.htc__instagram__area ul li a i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 25px;
    color: #fff;
    opacity: 0;
    transition: .3s;
    z-index: 99
}

.htc__instagram__area ul li:hover i {
    opacity: 1
}

.accordion .accordion__title {
    background: #f4f4f4;
    height: 50px;
    line-height: 50px;
    display: flex;
    align-items: center;
    padding: 3px 15px 0;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif !important;
    cursor: pointer
}

.accordion .accordion__title:before {
    content: "\f278";
    font-family: Material-Design-Iconic-Font;
    display: inline-block;
    padding-right: 10px;
    transition: .3s ease-in-out
}

.accordion .accordion__title.active:before {
    content: "\f273"
}

.accordion .accordion__body {
    padding-top: 20px;
    padding-bottom: 30px
}

.accordion__body__form,
.shipinfo p {
    font-family: 'Open Sans', sans-serif !important
}

.accordion__body__form .checkout-method__subtitle {
    letter-spacing: 1px;
    margin-bottom: 20px;
    color: #8c8c8c;
    font-family: 'Open Sans', sans-serif !important
}

.accordion__body__form .checkout-method__title,
.shipinfo__title {
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase
}

.accordion__body__form .checkout-method__title {
    font-size: 14px;
    color: #3f3f3f
}

.accordion__body__form .checkout-method .checkout-method__title {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    color: #000;
    font-size: 16px
}

.accordion__body__form .checkout-method .checkout-method__title i.zmdi {
    padding-right: 13px;
    font-size: 24px;
    line-height: 24px
}

.accordion__body__form .checkout-method .checkout-method__single:last-child {
    margin-bottom: 0
}

.accordion__body__form .checkout-method .checkout-method__single .single-input label {
    font-weight: 500;
    color: #000
}

.accordion__body__form .checkout-method .checkout-method__single .single-input input[type=radio] {
    margin-right: 10px
}

.accordion__body .checkout-method__login p.require {
    color: #f10;
    letter-spacing: 1px
}

.accordion__body .checkout-method__login .single-input {
    margin-bottom: 20px
}

.accordion__body .checkout-method__login .single-input label,
.checkout-span {
    font-weight: 500;
    color: #000
}

.accordion__body .checkout-method__login .single-input label:before {
    content: "*";
    padding-right: 15px;
    color: #c2a476
}

.accordion__body .checkout-method__login .single-input input {
    height: 32px;
    line-height: 32px;
    padding-left: 15px;
    background: #f6f6f6;
    border: 1px solid #f6f6f6
}

.accordion__body .checkout-method__login .single-input input:active,
.accordion__body .checkout-method__login .single-input input:focus {
    background: 0 0;
    border: 1px solid #d45967
}

.bilinfo .single-input input,
.bilinfo .single-input select,
.paymentinfo-credit-content .single-input input,
.paymentinfo-credit-content .single-input select,
.postalinfo .single-input input,
.shipinfo .single-input input,
.shipinfo .single-input select {
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    font-family: 'Open Sans', sans-serif !important;
    transition: .3s ease-in-out;
    border-radius: 6px !important;
    border: 1px solid #ddd;
}

.bilinfo .single-input input:focus,
.bilinfo .single-input select:active,
.bilinfo .single-input select:focus,
.paymentinfo-credit-content .single-input input:focus,
.paymentinfo-credit-content .single-input select:active,
.paymentinfo-credit-content .single-input select:focus,
.postalinfo .single-input input:focus,
.shipinfo .single-input input:focus,
.shipinfo .single-input select:active,
.shipinfo .single-input select:focus {
    outline: 0;
    border: 1px solid #d45967;
    transition: .3s ease-in-out
}

.shipinfo__title {
    color: #000;
    font-size: 16px
}

.shipinfo .ship-to-another-trigger {
    display: inline-block;
    margin-top: 20px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px
}

.paymentinfo .single-method a i.zmdi,
.shipinfo .ship-to-another-trigger i.zmdi {
    padding-right: 5px
}

.shipmethod .single-input label {
    font-family: 'Open Sans', sans-serif !important;
    color: #3333;
    font-weight: 500
}

.paymentinfo .single-method a {
    display: inline-block;
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px
}

.order-details {
    background: #f4f4f4
}

.order-details .order-details__title {
    padding: 30px 0;
    margin: 0 15px;
    border-bottom: 1px solid #ebebeb;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 30px;
    font-weight: 600;
    color: #d45967
}

.order-details .order-details__item .single-item {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    padding: 5px 0px;
}

.order-details .order-details__item .single-item .single-item__content {
    flex-grow: 2;
    width: calc(100% - 75px);
}

.order-details .order-details__item .single-item .single-item__content a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: 0px;
    color: #666;
    transition: .3s ease-in-out
}

.checkout-span a,
.order-details .order-details__item .single-item .single-item__content a:hover {
    color: #d45967
}

.order-details .order-details__item .single-item .single-item__content span {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    display: block
}

.order-details .order-details__item .single-item .single-item__thumb {
    text-align: center;
    width: 60px;
    overflow: hidden;
    margin-right: 15px;
    border-radius: 8px;
    border: 1px solid #d45967;
}

.order-details .order-details__item .single-item .single-item__thumb img {
    aspect-ratio: 1 / 1;
}

.order-details .order-details__item .single-item .single-item__remove {
    width: 35px;
    text-align: center;
    font-size: 22px;
    color: #212121
}

.order-details .order-details__item .single-item .single-item__remove a:hover {
    color: #f10
}

.order-details .order-details__count .order-details__count__single {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    padding: 5px 0
}

.order-details .order-details__count .order-details__count__single h5 {
    color: #3f3f3f;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600
}

.order-details .order-details__count .order-details__count__single span.price {
    width: 30%;
    text-align: left;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important
}

.order-details .ordre-details__total {
    margin: 0 30px;
    padding: 20px 0;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between
}

.order-details .ordre-details__total h5 {
    color: #3f3f3f;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important;
}

.checkout-method__login .title__line {
    margin-bottom: 20px;
}

.order-details .ordre-details__total span.price {
    text-align: left;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif !important;
    letter-spacing: 1px
}

.dark-btn a {
    display: inline-block;
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    background: #212121;
    color: #fff;
    font-family: 'Open Sans', sans-serif !important;
    padding: 0 45px;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    transition: .3s ease-in-out
}

.slider__activation__wrap--5.slick-initialized.slick-slider {
    margin-left: -20px;
    margin-right: -20px
}

.box__layout {
    margin: 0 90px
}

.slick-initialized .slick-slide {
    outline: 0
}

.height_60px {
    height: 60px
}

#email_otp_result,
#mobile_otp_result {
    margin-top: 15px;
    font-size: 20px;
    font-weight: 700
}

.forgot_password {
    margin-left: 10px;
    font-size: 20px
}

.password_label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    margin-bottom: 6px;
}

.coupon_style {
    width: 100%;
    height: 50px
}

.mr5 {
    margin-right: 5px
}

#coupon_result {
    padding: 0 33px 33px;
    font-size: 15px;
    font-weight: 700
}

#size_attr {
    width: 75px
}

#cart_attr_msg {
    color: red;
    font-size: 27px
}

.htc__category__area.updated-product-category {
    background: #fff3ec;
    padding: 70px 0 55px;
}





.home-banner-new .owl-dots {
    display: flex;
    justify-content: center;
    gap: 6px;
    margin-top: -36px;
    margin-bottom: 28px;
}

.home-banner-new .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgb(0 0 0 / 40%);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Active dot expands into sausage */
.home-banner-new .owl-dot.active {
    width: 30px;
    /* sausage length */
    border-radius: 10px;
    background: rgb(0 0 0 / 40%);
    /* base sausage background */
}

/* Loader bar inside the active sausage */
.home-banner-new .owl-dot span {
    display: block;
    height: 100%;
    width: 0;
    background: #d45967;
    /* loader color */
    border-radius: 0px;
}

.home-banner-new .video-control-btn {
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 10;
    background: rgb(0 0 0 / 40%);
    color: #fff;
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.home-banner-new {
    margin-top: 108px;
}

.home-banner-new img {
    height: calc(100vh - 152px);
    width: 100% !important;
}

.home-banner-new video {
    height: calc(100vh - 152px);
    width: 100%;
    object-fit: cover;
    /* behaves like background-size: cover */
    object-position: center;
    /* behaves like background-position: center */
    transform-origin: center center;
    display: block;
}

@media only screen and (max-width:1919px) {

    .home-banner-new video {
        height: auto;
        aspect-ratio: 1920 / 1080;
    }

    .home-banner-new img {
        height: auto;
        aspect-ratio: 1920 / 1080;
        object-fit: cover;
    }

}

.flavors-sec {}

.flavors-sec .section__title--2 h2 {
    margin-bottom: 20px;
}

.flavours-card {
    position: relative;
    margin-bottom: 20px;
}

.flavours-card:before {
    position: absolute;
    content: "";
    height: calc(100% - 140px);
    width: 100%;
    left: 0;
    top: 70px;
    border-radius: 40px;
    background: transparent;
    box-shadow: none;
    transition: 0.3s ease-in-out;
}

.flavours-card:hover::before {
    background: #c3172a;
    box-shadow: 0 4px 15px rgb(0 0 0 / 38%);
    transition: 0.3s ease-in-out;
}

.flavours-card-wrap .flavours-card:nth-child(1):hover::before {
    /* background: #d42e00; */
    background: #cd5227;
}

.flavours-card-wrap .flavours-card:nth-child(2):hover::before {
    /* background: #3f0906; */
    background: #55170a;
}

.flavours-card-wrap .flavours-card:nth-child(3):hover::before {
    /* background: #770100; */
    background: #6f0e10;
}

.flavours-card-wrap .flavours-card:nth-child(4):hover::before {
    /* background: #9b4300; */
    background: #f3a720;
}

.flavours-card-wrap .flavours-card:nth-child(5):hover::before {
    /* background: #3c26b0; */
    background: #845ba6;
}

.flavours-card-wrap .flavours-card:nth-child(6):hover::before {
    /* background: #f970f9; */
    background: #c13786;
}

.flavours-card-wrap .flavours-card:nth-child(7):hover::before {
    /* background: #5089ff; */
    background: #2d61ad;
}

.flavours-card-wrap .flavours-card:nth-child(8):hover::before {
    /* background: #6b8d00; */
    background: #7f8134;
}


.flavors-sec .flavours-card:last-child {
    margin-bottom: 0px !important;
}

.row.row-flex-spl {
    display: flex;
    align-items: center;
}

.flavors-sec .flavours-card:nth-child(odd) .row.row-flex-spl {
    flex-direction: row-reverse;
}


.fc-img {}

.fc-img img {
    transform: translate(0%, 0%) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(-1) scaleY(1);
}

.flavors-sec .flavours-card:nth-child(odd) .fc-img img {
    transform: translate(0%, 0%) rotate(0deg) skewX(0deg) skewY(0deg) scaleX(1) scaleY(1);
}

.fc-text {
    padding-right: 15px;
}

.flavors-sec .flavours-card:nth-child(odd) .fc-text {
    padding-right: 0px;
    padding-left: 30px;
}

.flavors-sec .flavours-card:nth-child(even) .fc-text {
    padding-right: 30px;
    padding-left: 0px;
}

.fc-text h2 {
    font-size: 60px;
    line-height: 68px;
    font-weight: 800;
    margin-bottom: 10px;
    transition: 0.3s ease-in-out;
}

.flavours-card:hover .fc-text h2 {
    color: #fff;
    transition: 0.3s ease-in-out;
}

.flavours-card.fc-dark:hover .fc-text h2 {
    color: #000;
    transition: 0.45s ease-in-out;
}

.fc-text p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
    color: #000;
    margin-bottom: 16px;
    transition: 0.45s ease-in-out;
}

.flavours-card:hover .fc-text p {
    color: #fff;
    transition: 0.45s ease-in-out;
}

.flavours-card.fc-dark:hover .fc-text p {
    color: #000;
    transition: 0.45s ease-in-out;
}

.fc-button-div {
    display: flex;
    column-gap: 20px;
}

.fc-button-div .btn-default-new {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding: 12px 30px 12px 0px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #000;
    transition: 0.3s ease-in-out;
}

.flavours-card:hover .btn-default-new {
    padding: 12px 30px;
    border: 1px solid #fff;
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    transition: 0.3s ease-in-out;
}

.fc-button-div .btn-default-new-alt {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    padding: 12px 30px 12px 0px;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #000;
    transition: 0.3s ease-in-out;
}

.flavours-card:hover .btn-default-new-alt {
    padding: 12px 30px;
    border: 1px solid #000;
    background-color: #000;
    border-radius: 30px;
    color: #fff;
    transition: 0.3s ease-in-out;
}


.flavours-card:hover {}

@media only screen and (max-width:1399px) {
    .flavours-card:before {
        border-radius: 30px;
    }

    .fc-text h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .fc-text p {
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (max-width:1199px) {

    .flavors-sec.ptb--80 {
        padding: 60px 0;
    }

    .flavours-card:before {
        height: calc(100% - 100px);
        width: 100%;
        top: 50px;
    }

    .fc-text h2 {
        font-size: 44px;
        line-height: 52px;
        margin-bottom: 8px;
    }

    .fc-text p {
        font-size: 16px;
        line-height: 28px;
    }
}

@media only screen and (max-width:991px) {
    .flavors-sec.ptb--80 {
        padding: 40px 0;
    }

    .flavours-card:before {
        height: calc(100% - 50px);
        width: 100%;
        top: 25px;
        border-radius: 20px;
    }

    .fc-text h2 {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 8px;
    }

    .fc-text p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
    }
}

@media (min-width: 576px) {
    .flavors-sec .col-sm-7 {
        width: 58.33333333%;
    }

    .flavors-sec .col-sm-5 {
        width: 41.66666667%;
    }
}

@media only screen and (max-width:767px) {
    .flavours-card {
        margin-bottom: 30px;
    }

    .flavours-card:before {
        height: calc(100% - 0px);
        width: 100%;
        top: 0px;
        border-radius: 20px;
    }

    .fc-button-div {
        display: flex;
        column-gap: 15px;
    }

    .flavours-card:hover .btn-default-new {
        padding: 8px 15px;
        font-size: 15px;
        line-height: 22px;
    }

    .flavours-card:hover .btn-default-new-alt {
        padding: 8px 15px;
        font-size: 15px;
        line-height: 22px;
    }

    .fc-text h2 {
        font-size: 24px;
        line-height: 24px;
        margin-bottom: 8px;
    }

    .fc-text p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .flavors-sec .flavours-card:nth-child(odd) .fc-text {
        padding-right: 0px;
        padding-left: 20px;
    }

    .flavors-sec .flavours-card:nth-child(odd) .row.row-flex-spl .col-sm-5 {
        padding-left: 0px;
    }

    .flavors-sec .flavours-card:nth-child(even) .fc-text {
        padding-right: 20px;
        padding-left: 0px;
    }

    .flavors-sec .flavours-card:nth-child(even) .row.row-flex-spl .col-sm-5 {
        padding-right: 0px;
    }
}

@media only screen and (max-width:575px) {
    .flavors-sec .flavours-card:nth-child(odd) .row.row-flex-spl {
        flex-direction: column;
        padding: 15px 10px 20px;
    }

    .flavors-sec .flavours-card:nth-child(odd) .row.row-flex-spl .col-sm-5 {
        padding-left: 15px;
    }

    .flavors-sec .flavours-card:nth-child(odd) .fc-text {
        padding-right: 15px;
        padding-left: 15px;
    }

    .flavors-sec .flavours-card:nth-child(even) .row.row-flex-spl {
        flex-direction: column;
        padding: 15px 10px 20px;
    }

    .flavors-sec .flavours-card:nth-child(even) .row.row-flex-spl .col-sm-5 {
        padding-right: 15px;
    }

    .flavors-sec .flavours-card:nth-child(even) .fc-text {
        padding-right: 15px;
        padding-left: 15px;
    }

    .flavours-card-wrap .flavours-card:nth-child(1):before {
        /* background: #d42e00; */
        background: #cd5227;
    }

    .flavours-card-wrap .flavours-card:nth-child(2):before {
        /* background: #3f0906; */
        background: #55170a;
    }

    .flavours-card-wrap .flavours-card:nth-child(3):before {
        /* background: #770100; */
        background: #6f0e10;
    }

    .flavours-card-wrap .flavours-card:nth-child(4):before {
        /* background: #9b4300; */
        background: #f3a720;
    }

    .flavours-card-wrap .flavours-card:nth-child(5):before {
        /* background: #3c26b0; */
        background: #845ba6;
    }

    .flavours-card-wrap .flavours-card:nth-child(6):before {
        /* background: #f970f9; */
        background: #c13786;
    }

    .flavours-card-wrap .flavours-card:nth-child(7):before {
        /* background: #5089ff; */
        background: #2d61ad;
    }

    .flavours-card-wrap .flavours-card:nth-child(8):before {
        /* background: #6b8d00; */
        background: #7f8134;
    }

    .flavours-card .fc-text h2 {
        color: #fff;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 4px;
    }

    .flavours-card .fc-text p {
        color: #fff;
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 14px;
    }

    .flavours-card .btn-default-new {
        padding: 8px 15px;
        font-size: 15px;
        line-height: 22px;
        background-color: #fff;
        color: #000;
    }

    .flavours-card .btn-default-new-alt {
        padding: 8px 15px;
        font-size: 15px;
        line-height: 22px;
        border-color: #000;
        background-color: #000;
        color: #fff;
    }

}

.mt-108 {
    margin-top: 108px;
}

.mt-0 {
    margin-top: 0px !important;
}

.main__menu li.drop:hover ul.dropdown {
    border-radius: 0px 0px 8px 8px;
}