@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap);



body,

html {

    font-family: var(--body-font)

}



body,

p {

    color: var(--paragraph-color)

}



.gallery-item,

.widget_author_meta,

.wp-caption-text {

    text-align: center

}



.bloom-newsletter-area,

.fix,

.mini-cart-item-content,

.price_slider_amount,

.recent-viewed-product-item .content,

.sidebar-blog-widget-content,

.sidebar-product-widget-content,

.title-one-line {

    overflow: hidden

}



.header-top-menu ul li:hover ul,

.herboil__mini-cart ul li:hover ul,

.herboil__navbar ul li:hover ul {

    top: 100%;

    opacity: 1;

    visibility: visible

}



.widget ul li,

pre {

    word-break: break-word

}



.add-to-cart-btn,

.blog-btn a,

.herboil__navbar ul li {

    text-transform: uppercase

}



.no-gutter>[class*=col-] {

    padding-right: 0;

    padding-left: 0

}



@media (min-width:992px) {

    .custom-gutter {

        margin-left: -8px;

        margin-right: -8px

    }



    .custom-gutter>[class*=col-] {

        padding-right: 8px;

        padding-left: 8px

    }



    .custom-gutter-0 {

        margin-left: 0;

        margin-right: 0

    }



    .custom-gutter-0>[class*=col-] {

        padding-right: 0;

        padding-left: 0

    }

}



@media (max-width:991px) {

    .custom-gutter {

        margin-left: -15px;

        margin-right: -15px

    }



    .custom-gutter>[class*=col-] {

        padding-right: 15px;

        padding-left: 15px

    }

}



:root {

    --main-color-one: #C18250;

    --secondary-color: #EDEAE6;

    --secondary-color-2: #E6E3CE;

    --secondary-color-3: #FAF4ED;

    --heading-color: #1D2323;

    --paragraph-color: #545C5C;

    --heading-font: 'Roboto', sans-serif;

    --body-font: 'Roboto', sans-serif;

    --body-line-height: 1.7;

    --border-color: #B3AFAB;

    --border-color-2: #E5E5E5;

    --border-color-3: #545C5C;

    --border-color-4: #C6C7C7;

    --white: #ffffff;

    --white-2: #BBBCBE;

    --black: #000000;

    --black-2: #1D2323;

    --black-3: #545C5C;

    --overlay-color: #03000C;

    --section-bg-1: #ECE4D7;

    --section-bg-2: #03000C

}



html {

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%

}



* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    outline: 0;

    -moz-osx-font-smoothing: grayscale;

    -webkit-font-smoothing: antialiased

}



body {

    margin: 0;

    font-weight: 400;

    font-size: 16px;

    line-height: var(--body-line-height)

}



h1 {

    font-size: 36px

}



h2 {

    font-size: 30px

}



h3 {

    font-size: 24px

}



h4 {

    font-size: 20px

}



.sidebar-product-widget .product-title,

h5 {

    font-size: 18px

}



.comments-excerpt p,

.widget.footer-widget .social_share li i,

h6 {

    font-size: 16px

}



h1,

h2,

h3,

h4,

h5,

h6 {

    color: var(--heading-color);

    font-family: var(--heading-font);

    font-weight: 500;

    margin-bottom: 15px;

    line-height: 1.4

}



p {

    font-size: 16px;

    margin-bottom: 15px

}



a {

    color: inherit;

    color: var(--paragraph-color);

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in

}



a,

a:active,

a:focus,

a:hover {

    text-decoration: none;

    outline: 0;

    color: inherit

}



.comment-navigation .nav-next:hover>a,

.comment-navigation .nav-previous:hover>a,

.mini-cart-item-content .remove:hover,

.post-navigation .nav-next:hover>a,

.post-navigation .nav-previous:hover>a,

.posts-navigation .nav-next:hover>a,

.posts-navigation .nav-previous:hover>a,

.section-bg-1--- .blog-btn a:hover,

.section-bg-1--- a:hover,

.section-bg-2 .blog-btn a:hover,

.section-bg-2 a:hover,

a:hover {

    color: var(--main-color-one)

}



a i {

    padding: 0 2px

}



embed,

iframe,

img,

object {

    max-width: 100%

}



ol {

    counter-reset: counter

}



ol li {

    list-style: none;

    margin-bottom: 1rem

}



ol li:before {

    counter-increment: counter;

    content: counter(counter);

    font-weight: 500;

    margin-right: 10px

}



input[type=button]:focus,

input[type=email]:focus,

input[type=number]:focus,

input[type=password]:focus,

input[type=reset]:focus,

input[type=search]:focus,

input[type=submit]:focus,

input[type=tel]:focus,

input[type=text]:focus,

input[type=url]:focus,

select:focus,

textarea:focus {

    outline: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: 1px solid #ddd

}



code {

    color: #faa603

}



.section-bg-1 {

    background-color: var(--section-bg-1)

}



.section-bg-2 {

    background-color: var(--section-bg-2)

}



.h-video-popup-1 a i,

.nav-fixed .header-search .form-input-box button[type=submit],

.nav-fixed .herboil__mini-cart>ul>li>a,

.nav-fixed .herboil__navbar li:hover a,

.nav-fixed .herboil__navbar nav>ul>li>a,

.newsletter-widget-2 h4,

.newsletter-widget-2 p,

.section-bg-1--- .blog-btn a,

.section-bg-1--- .product-details-tab-menu a,

.section-bg-1--- .shipping-method input[type=radio]:checked~label,

.section-bg-1--- h1,

.section-bg-1--- h2,

.section-bg-1--- h3,

.section-bg-1--- h4,

.section-bg-1--- h5,

.section-bg-1--- h6,

.section-bg-1--- i,

.section-bg-1--- label,

.section-bg-1--- td,

.section-bg-1--- th,

.section-bg-2 .blog-btn a,

.section-bg-2 .product-details-tab-menu a,

.section-bg-2 .shipping-method input[type=radio]:checked~label,

.section-bg-2 h1,

.section-bg-2 h2,

.section-bg-2 h3,

.section-bg-2 h4,

.section-bg-2 h5,

.section-bg-2 h6,

.section-bg-2 i,

.section-bg-2 label,

.section-bg-2 td,

.section-bg-2 th {

    color: var(--white)

}



.section-bg-1--- .product-details-content .product-price,

.section-bg-1--- address,

.section-bg-1--- li,

.section-bg-1--- p,

.section-bg-1--- small,

.section-bg-1--- span,

.section-bg-2 .product-details-content .product-price,

.section-bg-2 address,

.section-bg-2 li,

.section-bg-2 p,

.section-bg-2 small,

.section-bg-2 span {

    color: var(--white-2)

}



.section-bg-1--- input[type=email],

.section-bg-1--- input[type=password],

.section-bg-1--- input[type=submit],

.section-bg-1--- input[type=text],

.section-bg-1--- textarea,

.section-bg-2 input[type=email],

.section-bg-2 input[type=password],

.section-bg-2 input[type=submit],

.section-bg-2 input[type=text],

.section-bg-2 textarea {

    border-color: var(--white-2);

    color: var(--white)

}



.header-search .form-input-box input[type=text]:focus,

.product-details-small-img .slick-current img,

.section-bg-1--- input[type=email]:focus,

.section-bg-1--- input[type=password]:focus,

.section-bg-1--- input[type=text]:focus,

.section-bg-1--- textarea:focus,

.section-bg-2 input[type=email]:focus,

.section-bg-2 input[type=password]:focus,

.section-bg-2 input[type=text]:focus,

.section-bg-2 textarea:focus,

input[type=email]:focus,

input[type=password]:focus,

input[type=text]:focus,

textarea:focus {

    border-color: var(--main-color-one)

}



.newsletter-widget-2 input[type=text],

.section-bg-1--- .product-quantity .cart-plus-minus .qtybutton,

.section-bg-2 .product-quantity .cart-plus-minus .qtybutton,

.widget .social_share li a:hover {

    color: #fff

}



.blog-pagination ul,

.check-list,

.contact_info_list,

.widget .recent_post_item,

.widget ul,

.widget.widget_nav_menu ul {

    margin: 0;

    padding: 0;

    list-style: none

}



.check-list li {

    display: block;

    padding-left: 20px;

    position: relative;

    z-index: 0

}



.check-list li:after {

    position: absolute;

    left: 0;

    top: 0;

    font-family: fontawesome;

    content: "\f105";

    color: var(--main-color-one)

}



.clear:after,

.comment-content:after,

.entry-content:after,

.site-content:after,

.site-footer:after,

.site-header:after,

.site-main .comment-navigation,

.site-main .post-navigation,

.site-main .posts-navigation {

    clear: both

}



.comment-navigation .nav-previous,

.post-navigation .nav-previous,

.posts-navigation .nav-previous {

    float: left;

    width: 50%

}



.comment-navigation .nav-next,

.post-navigation .nav-next,

.posts-navigation .nav-next {

    float: right;

    text-align: right;

    width: 50%

}



.comment-navigation .nav-next>a,

.comment-navigation .nav-previous>a,

.post-navigation .nav-next>a,

.post-navigation .nav-previous>a,

.posts-navigation .nav-next>a,

.posts-navigation .nav-previous>a {

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in

}



.screen-reader-text {

    border: 0;

    clip: rect(1px, 1px, 1px, 1px);

    -webkit-clip-path: inset(50%);

    clip-path: inset(50%);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute !important;

    width: 1px;

    word-wrap: normal !important

}



.alignright,

.widget ul li ul {

    margin-left: 20px

}



.screen-reader-text:focus {

    background-color: #f1f1f1;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);

    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);

    clip: auto !important;

    -webkit-clip-path: none;

    clip-path: none;

    color: #21759b;

    display: block;

    font-size: .875rem;

    font-weight: 700;

    height: auto;

    left: 5px;

    line-height: normal;

    padding: 15px 23px 14px;

    text-decoration: none;

    top: 5px;

    width: auto;

    z-index: 100000

}



.back-to-top:hover,

.blog-pagination ul li a:hover,

.blog-pagination ul li.active a,

.post-password-form input[type=submit],

.widget_author_meta .content ul li a:hover,

.widget_tag_cloud .tagcloud a:hover,

.wp-link-pages .current,

.wp-link-pages a:hover {

    color: #fff;

    background-color: var(--main-color-one)

}



#content[tabindex="-1"]:focus,

button:focus {

    outline: 0

}



.padding-left-0,

.padding-right-0 {

    padding-left: 0

}



.padding-top-10 {

    padding-top: 10px

}



.padding-top-20 {

    padding-top: 20px

}



.padding-top-30 {

    padding-top: 30px

}



.padding-top-40 {

    padding-top: 40px

}



.padding-top-45 {

    padding-top: 45px

}



.padding-top-50 {

    padding-top: 50px

}



.padding-top-55 {

    padding-top: 55px

}



.padding-top-60 {

    padding-top: 60px

}



.padding-top-70 {

    padding-top: 70px

}



.padding-top-80 {

    padding-top: 80px

}



.padding-top-90 {

    padding-top: 90px

}



.padding-top-95 {

    padding-top: 95px

}



.padding-top-100 {

    padding-top: 100px

}



.padding-top-105 {

    padding-top: 105px

}



.padding-top-108 {

    padding-top: 108px

}



.padding-top-110 {

    padding-top: 110px

}



.padding-top-112 {

    padding-top: 112px

}



.padding-top-115 {

    padding-top: 115px

}



.padding-top-118 {

    padding-top: 118px

}



.padding-top-120 {

    padding-top: 120px

}



.padding-top-122 {

    padding-top: 122px

}



.padding-bottom-125,

.padding-top-125 {

    padding-bottom: 125px

}



.padding-top-130 {

    padding-top: 130px

}



.padding-top-135 {

    padding-top: 135px

}



.padding-top-140 {

    padding-top: 140px

}



.padding-top-145 {

    padding-top: 145px

}



.padding-top-150 {

    padding-top: 150px

}



.padding-top-155 {

    padding-top: 155px

}



.padding-top-160 {

    padding-top: 160px

}



.padding-top-165 {

    padding-top: 165px

}



.padding-top-170 {

    padding-top: 170px

}



.padding-bottom-10 {

    padding-bottom: 10px

}



.padding-bottom-20 {

    padding-bottom: 20px

}



.padding-bottom-30 {

    padding-bottom: 30px

}



.padding-bottom-40 {

    padding-bottom: 40px

}



.padding-bottom-45 {

    padding-bottom: 45px

}



.padding-bottom-50 {

    padding-bottom: 50px

}



.padding-bottom-55 {

    padding-bottom: 55px

}



.padding-bottom-60 {

    padding-bottom: 60px

}



.padding-bottom-65 {

    padding-bottom: 65px

}



.padding-bottom-70 {

    padding-bottom: 70px

}



.padding-bottom-80 {

    padding-bottom: 80px

}



.padding-bottom-85 {

    padding-bottom: 85px

}



.padding-bottom-90 {

    padding-bottom: 90px

}



.padding-bottom-95 {

    padding-bottom: 95px

}



.padding-bottom-100 {

    padding-bottom: 100px

}



.padding-bottom-105 {

    padding-bottom: 105px

}



.padding-bottom-108 {

    padding-bottom: 108px

}



.padding-bottom-110 {

    padding-bottom: 110px

}



.padding-bottom-112 {

    padding-bottom: 112px

}



.padding-bottom-115 {

    padding-bottom: 115px

}



.padding-bottom-118 {

    padding-bottom: 118px

}



.padding-bottom-120 {

    padding-bottom: 120px

}



.padding-bottom-122 {

    padding-bottom: 122px

}



.padding-bottom-130 {

    padding-bottom: 130px

}



.padding-bottom-135 {

    padding-bottom: 135px

}



.padding-bottom-140 {

    padding-bottom: 140px

}



.padding-bottom-145 {

    padding-bottom: 145px

}



.padding-bottom-150 {

    padding-bottom: 150px

}



.padding-bottom-155 {

    padding-bottom: 155px

}



.padding-bottom-160 {

    padding-bottom: 160px

}



.padding-bottom-165 {

    padding-bottom: 165px

}



.padding-bottom-170 {

    padding-bottom: 170px

}



.padding-120 {

    padding-top: 120px;

    padding-bottom: 120px

}



.padding-110 {

    padding-top: 110px;

    padding-bottom: 110px

}



.padding-100 {

    padding-top: 100px;

    padding-bottom: 100px

}



.padding-20 {

    padding-top: 20px;

    padding-bottom: 20px

}



.padding-30 {

    padding-top: 30px;

    padding-bottom: 30px

}



.padding-40 {

    padding-top: 40px;

    padding-bottom: 40px

}



.padding-50 {

    padding-top: 50px;

    padding-bottom: 50px

}



.padding-60 {

    padding-top: 60px;

    padding-bottom: 60px

}



.padding-70 {

    padding-top: 70px;

    padding-bottom: 70px

}



.padding-80 {

    padding-top: 80px;

    padding-bottom: 80px

}



.padding-90 {

    padding-top: 90px;

    padding-bottom: 90px

}



.padding-10 {

    padding-top: 10px;

    padding-bottom: 10px

}



.header-top-menu ul li ul li:first-child,

.margin-top-0,

.wp-block-pullquote>p:first-child {

    margin-top: 0

}



.margin-top-10,

.payment-method p,

.shop-grid-list-view-tab-menu,

.track-order p {

    margin-top: 10px

}



.margin-top-15 {

    margin-top: 15px

}



.margin-top-20,

.sidebar-product-widget ul li,

.widget .recent_post_item li+li {

    margin-top: 20px

}



.blog-img+.blog-content,

.margin-top-25,

.widget_author_meta .content ul {

    margin-top: 25px

}



.footer-feature-widget .btn-wrapper,

.form-input-box button[type=submit],

.margin-top-30,

.product-deal-inner .product-excerpt,

.product-share {

    margin-top: 30px

}



.margin-top-40 {

    margin-top: 40px

}



.margin-top-45 {

    margin-top: 45px

}



.herboil__slide-content .btn-wrapper,

.margin-top-50 {

    margin-top: 50px

}



.margin-top-55 {

    margin-top: 55px

}



.margin-top-60 {

    margin-top: 60px

}



.margin-top-65 {

    margin-top: 65px

}



.margin-top-70 {

    margin-top: 70px

}



.margin-top-75 {

    margin-top: 75px

}



.margin-top-80,

.track-order {

    margin-top: 80px

}



.margin-top-85 {

    margin-top: 85px

}



.margin-top-90 {

    margin-top: 90px

}



.margin-top-95 {

    margin-top: 95px

}



.margin-top-100 {

    margin-top: 100px

}



.margin-top-105 {

    margin-top: 105px

}



.margin-top-108 {

    margin-top: 108px

}



.margin-top-110 {

    margin-top: 110px

}



.margin-top-112 {

    margin-top: 112px

}



.margin-top-115 {

    margin-top: 115px

}



.margin-top-118 {

    margin-top: 118px

}



.margin-top-120 {

    margin-top: 120px

}



.margin-top-122 {

    margin-top: 122px

}



.margin-top-125 {

    margin-top: 125px

}



.margin-top-130 {

    margin-top: 130px

}



.margin-top-135 {

    margin-top: 135px

}



.margin-top-140 {

    margin-top: 140px

}



.margin-top-145 {

    margin-top: 145px

}



.margin-top-150 {

    margin-top: 150px

}



.margin-top-160 {

    margin-top: 160px

}



.margin-top-170 {

    margin-top: 170px

}



.margin-top-175 {

    margin-top: 175px

}



.margin-top-180 {

    margin-top: 180px

}



.margin-top-185 {

    margin-top: 185px

}



.margin-top-190 {

    margin-top: 190px

}



.margin-top-200 {

    margin-top: 200px

}



.margin-bottom-0,

.mini-cart-item h4,

.widget ul li:last-child,

.widget-latest-post-item:last-child,

.widget.widget_nav_menu ul li:last-child,

.widget_search .search-form .form-group {

    margin-bottom: 0

}



.blog-meta,

.margin-bottom-10 {

    margin-bottom: 10px

}



.margin-bottom-15 {

    margin-bottom: 15px

}



.blog-author-area .social-media,

.margin-bottom-20,

.shipped-to h4 {

    margin-bottom: 20px

}



.margin-bottom-25,

.widget-latest-post-item {

    margin-bottom: 25px

}



.herboil__feature-item,

.margin-bottom-30,

.recent-viewed-product-widget ul li {

    margin-bottom: 30px

}



.footer-feature-widget,

.margin-bottom-40 {

    margin-bottom: 40px

}



.margin-bottom-45 {

    margin-bottom: 45px

}



.contact-address-item,

.herboil__section-title,

.margin-bottom-50,

.shipping-summery-brief,

.widget {

    margin-bottom: 50px

}



.margin-bottom-55 {

    margin-bottom: 55px

}



.margin-bottom-60 {

    margin-bottom: 60px

}



.margin-bottom-65 {

    margin-bottom: 65px

}



.margin-bottom-70 {

    margin-bottom: 70px

}



.margin-bottom-75 {

    margin-bottom: 75px

}



.margin-bottom-80 {

    margin-bottom: 80px

}



.margin-bottom-85 {

    margin-bottom: 85px

}



.margin-bottom-90 {

    margin-bottom: 90px

}



.margin-bottom-95 {

    margin-bottom: 95px

}



.margin-bottom-100 {

    margin-bottom: 100px

}



.margin-bottom-105 {

    margin-bottom: 105px

}



.margin-bottom-108 {

    margin-bottom: 108px

}



.margin-bottom-110 {

    margin-bottom: 110px

}



.margin-bottom-112 {

    margin-bottom: 112px

}



.margin-bottom-115 {

    margin-bottom: 115px

}



.margin-bottom-118 {

    margin-bottom: 118px

}



.margin-bottom-120 {

    margin-bottom: 120px

}



.margin-bottom-122 {

    margin-bottom: 122px

}



.margin-bottom-125 {

    margin-bottom: 125px

}



.margin-bottom-130 {

    margin-bottom: 130px

}



.margin-bottom-135 {

    margin-bottom: 135px

}



.margin-bottom-140 {

    margin-bottom: 140px

}



.margin-bottom-145 {

    margin-bottom: 145px

}



.margin-bottom-150 {

    margin-bottom: 150px

}



.margin-bottom-160 {

    margin-bottom: 160px

}



.margin-bottom-170 {

    margin-bottom: 170px

}



.margin-bottom-175 {

    margin-bottom: 175px

}



.margin-bottom-180 {

    margin-bottom: 180px

}



.margin-bottom-185 {

    margin-bottom: 185px

}



.margin-bottom-190 {

    margin-bottom: 190px

}



.margin-bottom-200 {

    margin-bottom: 200px

}



.min-height-600 {

    min-height: 600px

}



@media (min-width:992px) and (max-width:1200px) {

    .padding-lg-left-0 {

        padding-left: 0

    }



    .padding-lg-right-0 {

        padding-right: 0

    }



    .laptop-mb-10 {

        margin-bottom: 10px

    }



    .laptop-mb-20 {

        margin-bottom: 20px

    }



    .laptop-mb-30 {

        margin-bottom: 30px

    }



    .laptop-mb-40 {

        margin-bottom: 40px

    }



    .laptop-mb-50 {

        margin-bottom: 50px

    }



    .laptop-mb-60 {

        margin-bottom: 60px

    }



    .laptop-mb-70 {

        margin-bottom: 70px

    }



    .laptop-mb-80 {

        margin-bottom: 80px

    }



    .laptop-mb-85 {

        margin-bottom: 85px

    }



    .laptop-mb-90 {

        margin-bottom: 90px

    }



    .laptop-mb-100 {

        margin-bottom: 100px

    }



    .laptop-mb-110 {

        margin-bottom: 110px

    }



    .laptop-mb-120 {

        margin-bottom: 120px

    }



    .laptop-mt-10 {

        margin-top: 10px

    }



    .laptop-mt-20 {

        margin-top: 20px

    }



    .laptop-mt-30 {

        margin-top: 30px

    }



    .laptop-mt-40 {

        margin-top: 40px

    }



    .laptop-mt-50 {

        margin-top: 50px

    }



    .laptop-mt-60 {

        margin-top: 60px

    }



    .laptop-mt-70 {

        margin-top: 70px

    }



    .laptop-mt-80 {

        margin-top: 80px

    }



    .laptop-mt-85 {

        margin-top: 85px

    }



    .laptop-mt-90 {

        margin-top: 90px

    }



    .laptop-mt-100 {

        margin-top: 100px

    }



    .laptop-mt-110 {

        margin-top: 110px

    }



    .laptop-mt-120 {

        margin-top: 120px

    }



    .laptop-pt-10 {

        padding-top: 10px

    }



    .laptop-pt-20 {

        padding-top: 20px

    }



    .laptop-pt-30 {

        padding-top: 30px

    }



    .laptop-pt-40 {

        padding-top: 40px

    }



    .laptop-pt-50 {

        padding-top: 50px

    }



    .laptop-pt-60 {

        padding-top: 60px

    }



    .laptop-pt-70 {

        padding-top: 70px

    }



    .laptop-pt-80 {

        padding-top: 80px

    }



    .laptop-pt-85 {

        padding-top: 85px

    }



    .laptop-pt-90 {

        padding-top: 90px

    }



    .laptop-pt-100 {

        padding-top: 100px

    }



    .laptop-pt-110 {

        padding-top: 110px

    }



    .laptop-pt-120 {

        padding-top: 120px

    }



    .laptop-pb-10 {

        padding-bottom: 10px

    }



    .laptop-pb-20 {

        padding-bottom: 20px

    }



    .laptop-pb-30 {

        padding-bottom: 30px

    }



    .laptop-pb-40 {

        padding-bottom: 40px

    }



    .laptop-pb-50 {

        padding-bottom: 50px

    }



    .laptop-pb-60 {

        padding-bottom: 60px

    }



    .laptop-pb-70 {

        padding-bottom: 70px

    }



    .laptop-pb-80 {

        padding-bottom: 80px

    }



    .laptop-pb-85 {

        padding-bottom: 85px

    }



    .laptop-pb-90 {

        padding-bottom: 90px

    }



    .laptop-pb-100 {

        padding-bottom: 100px

    }



    .laptop-pb-110 {

        padding-bottom: 110px

    }



    .laptop-pb-120 {

        padding-bottom: 120px

    }

}



@media (min-width:768px) and (max-width:991px) {

    .tab-mb-10 {

        margin-bottom: 10px

    }



    .tab-mb-20 {

        margin-bottom: 20px

    }



    .tab-mb-30 {

        margin-bottom: 30px

    }



    .tab-mb-40 {

        margin-bottom: 40px

    }



    .tab-mb-50 {

        margin-bottom: 50px

    }



    .tab-mb-60 {

        margin-bottom: 60px

    }



    .tab-mb-70 {

        margin-bottom: 70px

    }



    .tab-mb-80 {

        margin-bottom: 80px

    }



    .tab-mb-85 {

        margin-bottom: 85px

    }



    .tab-mb-90 {

        margin-bottom: 90px

    }



    .tab-mb-100 {

        margin-bottom: 100px

    }



    .tab-mb-110 {

        margin-bottom: 110px

    }



    .tab-mb-120 {

        margin-bottom: 120px

    }



    .tab-mt-10 {

        margin-top: 10px

    }



    .tab-mt-20 {

        margin-top: 20px

    }



    .tab-mt-30 {

        margin-top: 30px

    }



    .tab-mt-40 {

        margin-top: 40px

    }



    .tab-mt-50 {

        margin-top: 50px

    }



    .tab-mt-60 {

        margin-top: 60px

    }



    .tab-mt-70 {

        margin-top: 70px

    }



    .tab-mt-80 {

        margin-top: 80px

    }



    .tab-mt-85 {

        margin-top: 85px

    }



    .tab-mt-90 {

        margin-top: 90px

    }



    .tab-mt-100 {

        margin-top: 100px

    }



    .tab-mt-110 {

        margin-top: 110px

    }



    .tab-mt-120 {

        margin-top: 120px

    }



    .tab-pt-10 {

        padding-top: 10px

    }



    .tab-pt-20 {

        padding-top: 20px

    }



    .tab-pt-30 {

        padding-top: 30px

    }



    .tab-pt-40 {

        padding-top: 40px

    }



    .tab-pt-50 {

        padding-top: 50px

    }



    .tab-pt-60 {

        padding-top: 60px

    }



    .tab-pt-70 {

        padding-top: 70px

    }



    .tab-pt-80 {

        padding-top: 80px

    }



    .tab-pt-85 {

        padding-top: 85px

    }



    .tab-pt-90 {

        padding-top: 90px

    }



    .tab-pt-100 {

        padding-top: 100px

    }



    .tab-pt-110 {

        padding-top: 110px

    }



    .tab-pt-120 {

        padding-top: 120px

    }



    .tab-pb-10 {

        padding-bottom: 10px

    }



    .tab-pb-20 {

        padding-bottom: 20px

    }



    .tab-pb-30 {

        padding-bottom: 30px

    }



    .tab-pb-40 {

        padding-bottom: 40px

    }



    .tab-pb-50 {

        padding-bottom: 50px

    }



    .tab-pb-60 {

        padding-bottom: 60px

    }



    .tab-pb-70 {

        padding-bottom: 70px

    }



    .tab-pb-80 {

        padding-bottom: 80px

    }



    .tab-pb-85 {

        padding-bottom: 85px

    }



    .tab-pb-90 {

        padding-bottom: 90px

    }



    .tab-pb-100 {

        padding-bottom: 100px

    }



    .tab-pb-110 {

        padding-bottom: 110px

    }



    .tab-pb-120 {

        padding-bottom: 120px

    }

}



@media (max-width:767px) {

    .mobile-mb-0 {

        margin-bottom: 0

    }



    .mobile-mb-5 {

        margin-bottom: 5px

    }



    .mobile-mb-10 {

        margin-bottom: 10px

    }



    .mobile-mb-15 {

        margin-bottom: 15px

    }



    .mobile-mb-20 {

        margin-bottom: 20px

    }



    .mobile-mb-25 {

        margin-bottom: 25px

    }



    .mobile-mb-30 {

        margin-bottom: 30px

    }



    .mobile-mb-35 {

        margin-bottom: 35px

    }



    .mobile-mb-40 {

        margin-bottom: 40px

    }



    .mobile-mb-45 {

        margin-bottom: 45px

    }



    .mobile-mb-50 {

        margin-bottom: 50px

    }



    .mobile-mb-55 {

        margin-bottom: 55px

    }



    .mobile-mb-60 {

        margin-bottom: 60px

    }



    .mobile-mb-65 {

        margin-bottom: 65px

    }



    .mobile-mb-70 {

        margin-bottom: 70px

    }



    .mobile-mb-75 {

        margin-bottom: 75px

    }



    .mobile-mb-80 {

        margin-bottom: 80px

    }



    .mobile-mb-90 {

        margin-bottom: 90px

    }



    .mobile-mb-95 {

        margin-bottom: 95px

    }



    .mobile-mb-100 {

        margin-bottom: 100px

    }



    .mobile-mt-0 {

        margin-top: 0

    }



    .mobile-mt-5 {

        margin-top: 5px

    }



    .mobile-mt-10 {

        margin-top: 10px

    }



    .mobile-mt-15 {

        margin-top: 15px

    }



    .mobile-mt-20 {

        margin-top: 20px

    }



    .mobile-mt-25 {

        margin-top: 25px

    }



    .mobile-mt-30 {

        margin-top: 30px

    }



    .mobile-mt-35 {

        margin-top: 35px

    }



    .mobile-mt-40 {

        margin-top: 40px

    }



    .mobile-mt-45 {

        margin-top: 45px

    }



    .mobile-mt-50 {

        margin-top: 50px

    }



    .mobile-mt-55 {

        margin-top: 55px

    }



    .mobile-mt-60 {

        margin-top: 60px

    }



    .mobile-mt-65 {

        margin-top: 65px

    }



    .mobile-mt-70 {

        margin-top: 70px

    }



    .mobile-mt-75 {

        margin-top: 75px

    }



    .mobile-mt-80 {

        margin-top: 80px

    }



    .mobile-mt-90 {

        margin-top: 90px

    }



    .mobile-mt-100 {

        margin-top: 100px

    }



    .mobile-pt-0 {

        padding-top: 0

    }



    .mobile-pt-5 {

        padding-top: 5px

    }



    .mobile-pt-10 {

        padding-top: 10px

    }



    .mobile-pt-15 {

        padding-top: 15px

    }



    .mobile-pt-20 {

        padding-top: 20px

    }



    .mobile-pt-25 {

        padding-top: 25px

    }



    .mobile-pt-30 {

        padding-top: 30px

    }



    .mobile-pt-35 {

        padding-top: 35px

    }



    .mobile-pt-40 {

        padding-top: 40px

    }



    .mobile-pt-45 {

        padding-top: 45px

    }



    .mobile-pt-50 {

        padding-top: 50px

    }



    .mobile-pt-55 {

        padding-top: 55px

    }



    .mobile-pt-60 {

        padding-top: 60px

    }



    .mobile-pt-65 {

        padding-top: 65px

    }



    .mobile-pt-70 {

        padding-top: 70px

    }



    .mobile-pt-75 {

        padding-top: 75px

    }



    .mobile-pt-80 {

        padding-top: 80px

    }



    .mobile-pt-90 {

        padding-top: 90px

    }



    .mobile-pt-100 {

        padding-top: 100px

    }



    .mobile-pb-0 {

        padding-bottom: 0

    }



    .mobile-pb-5 {

        padding-bottom: 5px

    }



    .mobile-pb-10 {

        padding-bottom: 10px

    }



    .mobile-pb-15 {

        padding-bottom: 15px

    }



    .mobile-pb-20 {

        padding-bottom: 20px

    }



    .mobile-pb-25 {

        padding-bottom: 25px

    }



    .mobile-pb-30 {

        padding-bottom: 30px

    }



    .mobile-pb-35 {

        padding-bottom: 35px

    }



    .mobile-pb-40 {

        padding-bottom: 40px

    }



    .mobile-pb-45 {

        padding-bottom: 45px

    }



    .mobile-pb-50 {

        padding-bottom: 50px

    }



    .mobile-pb-55 {

        padding-bottom: 55px

    }



    .mobile-pb-60 {

        padding-bottom: 60px

    }



    .mobile-pb-65 {

        padding-bottom: 65px

    }



    .mobile-pb-70 {

        padding-bottom: 70px

    }



    .mobile-pb-75 {

        padding-bottom: 75px

    }



    .mobile-pb-80 {

        padding-bottom: 80px

    }



    .mobile-pb-90 {

        padding-bottom: 90px

    }



    .mobile-pb-100 {

        padding-bottom: 100px

    }

}



.alignleft {

    float: left;

    clear: both;

    margin-right: 20px

}



.alignright {

    float: right;

    clear: both

}



.aligncenter {

    clear: both;

    display: block;

    margin: 0 auto 1.75em

}



.alignfull,

.single-post-details-item .entry-content>.alignfull {

    margin: 1.5em 0;

    max-width: 100%

}



.gallery,

.wp-caption {

    margin-bottom: 1.5em

}



.alignwide,

.single-post-details-item .entry-content>.alignwide {

    max-width: 1100px

}



.clear:after,

.clear:before,

.comment-content:after,

.comment-content:before,

.entry-content:after,

.entry-content:before,

.site-content:after,

.site-content:before,

.site-footer:after,

.site-footer:before,

.site-header:after,

.site-header:before {

    content: "";

    display: table;

    table-layout: fixed

}



.gallery-caption,

.sticky,

.wp-block-image img {

    display: block

}



.updated:not(.published) {

    display: none

}



.blog-pagination {

    display: block;

    width: 100%;

    margin-top: 30px

}



.blog-pagination ul li {

    display: inline-block;

    margin: 0

}



.blog-pagination ul li a,

.blog-pagination ul li span {

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-weight: 600;

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in;

    background-color: var(--section-bg-1)

}



.custom-logo-link,

.gallery-item,

.header-top-menu ul li,

.herboil__navbar ul li,

.herboil__slide-img img,

.product-share ul,

.review-header h4,

.shipping-summery-price-info-inner,

.social-media ul li a {

    display: inline-block

}



.comment-content .wp-smiley,

.entry-content .wp-smiley,

.page-content .wp-smiley {

    border: none;

    margin-bottom: 0;

    margin-top: 0;

    padding: 0

}



.wp-caption {

    max-width: 100%;

    clear: both

}



.wp-caption img[class*=wp-image-] {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.blog-meta-2 ul li a i,

.header-top-menu ul li i,

.herboil__mini-cart ul li i,

.wp-link-pages span:first-child {

    margin-right: 5px

}



.wp-caption .wp-caption-text {

    margin: .8075em 0

}



.gallery-item {

    vertical-align: top;

    width: 100%

}



.gallery-columns-2 .gallery-item {

    max-width: 50%

}



.gallery-columns-3 .gallery-item {

    max-width: 33.33%

}



.gallery-columns-4 .gallery-item {

    max-width: 25%

}



.gallery-columns-5 .gallery-item {

    max-width: 20%

}



.gallery-columns-6 .gallery-item {

    max-width: 16.66%

}



.gallery-columns-7 .gallery-item {

    max-width: 14.28%

}



.gallery-columns-8 .gallery-item {

    max-width: 12.5%

}



.gallery-columns-9 .gallery-item {

    max-width: 11.11%

}



.wp-link-pages a {

    margin: 0 5px;

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in

}



.wp-link-pages {

    margin-bottom: 30px;

    margin-top: 25px

}



.wp-link-pages a,

.wp-link-pages span {

    border: 1px solid #e2e2e2;

    padding: 5px 15px;

    display: inline-block

}



.wp-link-pages .current,

.wp-link-pages a:hover {

    border-color: var(--main-color-one)

}



.blog-meta ul li:last-child,

.breadcrumb-list ul li:last-child,

.footer-menu li:last-child,

.header-top-menu ul li:last-child,

.herboil__navbar ul li:last-child,

.owl-dots .owl-dot:last-child,

.product-hover-action ul li:last-child,

.shoping-cart-btn-area ul li:last-child,

.shoping-cart-total-btn ul li:last-child {

    margin-right: 0

}



dl,

ol,

ul {

    padding-left: 15px

}



.post-password-form input {

    display: block;

    border: 1px solid #e2e2e2;

    height: 50px;

    border-radius: 3px;

    padding: 0 20px

}



.post-password-form label {

    font-weight: 600;

    color: #333

}



.post-password-form input[type=submit] {

    width: 100px;

    height: 50px;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: 1px;

    border: none;

    cursor: pointer;

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in

}



.post-password-form input[type=submit]:hover {

    background-color: #121a2f

}



.footer-widget .table td,

.footer-widget .table th {

    padding: .5rem !important

}



.comments-item,

.footer-widget.widget_nav_menu ul li a,

.form-input-box,

.h-video-popup-1,

.header-search .form-input-box,

.herboil__navbar-area,

.overlay-1,

.overlay-10,

.overlay-2,

.overlay-3,

.overlay-4,

.overlay-5,

.overlay-6,

.overlay-7,

.overlay-8,

.overlay-9,

.widget_search .search-form {

    position: relative

}



.overlay-10::before,

.overlay-1::before,

.overlay-2::before,

.overlay-3::before,

.overlay-4::before,

.overlay-5::before,

.overlay-6::before,

.overlay-7::before,

.overlay-8::before,

.overlay-9::before {

    position: absolute;

    content: "";

    height: 100%;

    width: 100%;

    background-color: var(--black);

    opacity: .1;

    top: 0;

    left: 0

}



.slick-arrow-style-1 .slick-arrow,

.slick-arrow-style-2 .slick-arrow {

    right: auto;

    height: 45px;

    width: 45px;

    z-index: 1;

    border-radius: 100%;

    font-size: 20px;

    color: var(--heading-color);

    text-align: center;

    cursor: pointer

}



.overlay-10::before,

.overlay-1::before {

    opacity: .1

}



.overlay-2::before {

    opacity: .2

}



.overlay-3::before {

    opacity: .3

}



.overlay-4::before {

    opacity: .4

}



.overlay-5::before {

    opacity: .5

}



.overlay-6::before {

    opacity: .6

}



.overlay-7::before {

    opacity: .7

}



.overlay-8::before {

    opacity: .8

}



.overlay-9::before {

    opacity: .9

}



.title-one-line {

    -o-text-overflow: ellipsis;

    text-overflow: ellipsis;

    white-space: nowrap

}



.slick-arrow-style-1 .slick-arrow {

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: 15px;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    line-height: 43px;

    opacity: 0;

    visibility: hidden;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in;

    -webkit-box-shadow: 0 3px 9px rgba(140, 140, 133, .17);

    box-shadow: 0 3px 9px rgba(140, 140, 133, .17)

}



.header-top-menu ul li ul,

.slick-arrow-style-2 .slick-arrow {

    position: absolute;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    -o-transition: .3s ease-in

}



.slick-arrow-style-1 .slick-arrow.slick-next {

    left: auto;

    right: 15px

}



.slick-arrow-style-1 .slick-arrow:hover {

    background-color: var(--main-color-one);

    color: var(--white) !important;

    border-color: var(--main-color-one)

}



.slick-arrow-style-1:hover .slick-arrow {

    opacity: 1;

    visibility: visible

}



@media (min-width:1366px) {

    .slick-arrow-style-1:hover .slick-arrow {

        left: -35px;

        right: auto

    }



    .slick-arrow-style-1:hover .slick-arrow.slick-next {

        left: auto;

        right: -35px

    }

}



.slick-arrow-style-2 .slick-arrow {

    background-color: transparent;

    bottom: 0;

    left: 0;

    line-height: 45px;

    transition: .3s ease-in;

    -webkit-box-shadow: 0 3px 9px rgba(140, 140, 133, .17);

    box-shadow: 0 3px 9px rgba(140, 140, 133, .17)

}



.slick-arrow-style-2 .slick-arrow.slick-next {

    left: 80px

}



.slick-dots-style-1 .slick-dots li {

    background-color: transparent;

    border: 1px solid transparent;

    height: auto;

    width: auto;

    padding: 4px;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.slick-dots-style-1 .slick-dots li button {

    background-color: #8c9090;

    padding: 3px;

    border-radius: 100%;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.slick-dots-style-1 .slick-dots li.slick-active,

.slick-dots-style-1 .slick-dots li:hover {

    background-color: #fff;

    border: 1px solid #1d2323

}



.widget ul li ul.sub-menu,

.widget ul li ul.sub-menu li a:hover {

    background-color: transparent

}



.slick-dots-style-1 .slick-dots li.slick-active button,

.slick-dots-style-1 .slick-dots li:hover button {

    background-color: #1d2323

}



.back-to-top {

    position: fixed;

    right: 30px;

    bottom: 30px;

    width: 40px;

    height: 40px;

    background-color: var(--secondary-color);

    color: #777;

    text-align: center;

    line-height: 40px;

    z-index: 99;

    font-size: 20px;

    cursor: pointer;

    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .5);

    box-shadow: 0 0 2px rgba(0, 0, 0, .5);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.header-top-menu ul li ul,

.herboil__mini-cart ul li ul {

    top: 150%;

    -webkit-box-shadow: 0 1px 8px 1px rgba(35, 38, 51, .12);

    z-index: 99;

    right: 0

}



.wp-block-video video,

wp-block-video video {

    max-width: 636px

}



.btn-wrapper .boxed-btn.fullwidth-btn,

.shoping-cart-table,

.shoping-cart-total-table,

.wp-block-image.alignleft,

.wp-block-image.alignright {

    width: 100%

}



.wp-block-image.alignfull img {

    width: 100vw

}



.wp-block-gallery:not(.components-placeholder) {

    margin: 1.5em auto

}



.wp-block-cover-text p {

    padding: 1.5em 14px

}



ul.wp-block-latest-posts.alignfull,

ul.wp-block-latest-posts.alignwide,

ul.wp-block-latest-posts.is-grid.alignwide {

    padding: 0 14px

}



.wp-block-table {

    display: block;

    overflow-x: auto

}



.wp-block-table table {

    border-collapse: collapse;

    width: 100%

}



.wp-block-table td,

.wp-block-table th {

    padding: .5em

}



.wp-block-embed.type-video>.wp-block-embed__wrapper {

    position: relative;

    width: 100%;

    height: 0;

    padding-top: 56.25%

}



.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0

}



.wp-block-quote.is-large {

    margin: 0 auto 16px

}



.wp-block-quote:not(.is-large):not(.is-style-large) {

    border-left: 4px solid #000;

    padding-left: 1em

}



.wp-block-separator {

    margin: 3em auto;

    padding: 0

}



@media screen and (min-width:768px) {

    .wp-block-cover-text p {

        padding: 1.5em 0

    }

}



.wp-block-pullquote {

    border-top: 4px solid #555d66;

    border-bottom: 4px solid #555d66;

    color: #40464d

}



.has-strong-blue-color {

    color: #0073aa

}



.has-strong-blue-background-color {

    background-color: #0073aa

}



.has-lighter-blue-color {

    color: #229fd8

}



.has-lighter-blue-background-color {

    background-color: #229fd8

}



.has-very-light-gray-color {

    color: #eee

}



.has-very-light-gray-background-color {

    background-color: #eee

}



.has-very-dark-gray-color,

.recent-viewed-product-widget .product-price,

.shipped-to p {

    color: #444

}



.has-very-dark-gray-background-color {

    background-color: #444

}



.herboil__header-top-area {

    padding: 10px 0;

    border-bottom: 1px solid;

    border-color: var(--border-color-2)

}



.header-top-logo {

    max-width: 130px

}



.header-top-inner,

.herboil__navbar-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between

}



.select-currency {

    min-width: 200px

}



.select-currency .nice-select {

    border: none;

    height: 25px;

    line-height: 25px;

    padding-left: 0;

    padding-right: 30px

}



.blog-meta ul,

.blog-single-tag ul,

.breadcrumb-list ul,

.cart-product-count-price ul,

.footer-menu ul,

.footer-social ul,

.header-top-menu ul,

.herboil__mini-cart ul,

.herboil__navbar ul,

.pagination-list ul,

.product-action ul,

.product-hover-action ul,

.shoping-cart-btn-area ul,

.shoping-cart-total-btn ul,

.sidebar-blog-widget .blog-meta ul,

.social-media ul,

.social_share ul,

.widget .social_share,

.widget-nav-menu ul {

    padding: 0;

    margin: 0

}



.header-search-minicart,

.header-top-right,

.recent-viewed-product-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.header-top-menu ul li {

    position: relative;

    color: var(--heading-color);

    font-size: 14px;

    margin-right: 30px

}



.header-top-menu ul li ul {

    background-color: var(--white);

    width: 180px;

    box-shadow: 0 1px 8px 1px rgba(35, 38, 51, .12);

    padding: 15px 20px;

    transition: .3s ease-in;

    opacity: 0;

    visibility: hidden

}



.herboil__mini-cart ul li ul,

.herboil__navbar ul li ul {

    -moz-transition: .3s ease-in;

    background-color: var(--white);

    position: absolute;

    opacity: 0;

    visibility: hidden

}



.header-top-menu ul li ul li {

    margin-top: 8px

}



.header-search {

    max-width: 300px;

    margin-right: 20px

}



.header-search .form-input-box input[type=text] {

    padding-right: 60px;

    height: 40px;

    margin: 0

}



.header-search .form-input-box button[type=submit] {

    position: absolute;

    right: 0;

    top: 0;

    height: 100%;

    padding: 0 18px;

    margin-top: 0;

    background-color: transparent;

    color: #000

}



.herboil__mini-cart ul li {

    list-style: none;

    position: relative

}



.herboil__mini-cart ul li a {

    display: block

}



.herboil__mini-cart ul li ul {

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in;

    box-shadow: 0 1px 8px 1px rgba(35, 38, 51, .12);

    padding: 20px

}



.herboil__mini-cart ul li ul li {

    margin-top: 20px;

    line-height: var(--body-line-height)

}



.herboil__mini-cart ul li ul li:first-child,

.mini-cart-item .btn-wrapper {

    margin-top: 0

}



.mini-cart-wrapper {

    width: 300px

}



.mini-cart-item::after {

    display: block;

    clear: both;

    content: ""

}



.mini-cart-item-img {

    width: 80px;

    float: left;

    margin-right: 15px

}



.mini-cart-item-content h4 {

    margin-bottom: 5px;

    font-size: 16px;

    font-weight: 400

}



.mini-cart-item-content .remove {

    position: absolute;

    right: -15px;

    color: #999

}



.mini-cart-item .btn-wrapper .boxed-btn {

    padding: 8px 20px

}



.herboil__navbar-area:before {

    position: absolute;

    content: "";

    bottom: 0;

    left: 0;

    width: 100%;

    height: 1px;

    background-color: var(--border-color-2)

}



.herboil__navbar ul li {

    position: relative;

    margin-right: 25px;

    line-height: 80px

}



.herboil__navbar ul li:before {

    position: absolute;

    content: "";

    bottom: 0;

    width: 0;

    height: 2px;

    background-color: var(--main-color-one);

    opacity: 1;

    left: 0;

    right: 0;

    margin: 0 auto;

    text-align: center;

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.herboil__navbar ul li ul,

.widget ul li a {

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in

}



.breadcrumb-list ul li a,

.checkbox-item input:checked~.checkmark:after,

.contact_info_list li,

.form-input-box button[type=submit] .boxed-btn,

.herboil__banner-style-1 a,

.herboil__navbar ul li a,

.pagination-list ul li a,

.product-action ul li a,

.product-action ul li i,

.shoping-cart-total-table tbody,

.widget .recent_post_item li {

    display: block

}



.herboil__navbar ul li ul {

    top: 140%;

    width: 200px;

    transition: .3s ease-in;

    padding: 20px 15px 20px 20px;

    -webkit-box-shadow: 0 1px 8px 1px rgba(35, 38, 51, .12);

    box-shadow: 0 1px 8px 1px rgba(35, 38, 51, .12);

    z-index: 999

}



.herboil__navbar ul li ul li {

    display: block;

    margin-top: 12px;

    font-size: 90%;

    line-height: 1.5;

    text-transform: capitalize

}



.comments-from .btn-wrapper,

.herboil__navbar ul li ul li:first-child,

.product-action ul li:hover i:last-child,

.review-item .customer-review ul li,

.shipping-info-inner .payment-method,

.shipping-info-inner .shipping-subtotal-inner,

.widget ul li:first-child {

    margin-top: 0

}



#d_address,

.blog-meta ul li:last-child:after,

.breadcrumb-list ul li:last-child:after,

.herboil__navbar ul li ul li:before,

.nav-fixed:before,

.widget.widget_nav_menu ul li.menu-item-has-children:after {

    display: none

}



.herboil__navbar ul li:hover::before {

    opacity: 1;

    visibility: visible;

    width: 20px

}



.blog-author-area .social-media ul li,

.bloom-show-more-btn a:hover,

.breadcrumb-list ul li span,

.header-search .form-input-box button[type=submit]:hover,

.herboil__navbar ul li:hover>a,

.nav-fixed .herboil__navbar li ul li:hover>a,

.popular-post-content h5:hover,

.shop-grid-list-view-tab-menu a.active,

.testimonial-info-item label,

.widget ul li a:hover,

.widget.footer-widget ul li a:hover {

    color: var(--main-color-one)

}



.nav-fixed {

    position: fixed;

    width: 100%;

    top: 0;

    z-index: 99;

    -webkit-animation: .3s ease-in-out fadeInDown;

    animation: .3s ease-in-out fadeInDown;

    background-color: var(--main-color-one);

    -webkit-box-shadow: 0 1px 30px #4e4e4e;

    box-shadow: 0 1px 30px #4e4e4e

}



.blog-meta-2 ul li,

.nav-fixed .herboil__navbar li:hover ul li a,

.shipping-method input[type=radio]:checked~label,

.widget.footer-widget .social_share ul li a {

    color: var(--paragraph-color)

}



.nav-fixed .header-search .form-input-box input[type=text],

.nav-fixed .header-search .form-input-box input[type=text]:focus {

    border-color: #fff;

    color: #fff

}



.nav-fixed .header-search .form-input-box input[type=text]::-webkit-input-placeholder {

    color: var(--white);

    opacity: 1

}



.nav-fixed .header-search .form-input-box input[type=text]::-moz-placeholder {

    color: var(--white);

    opacity: 1

}



.nav-fixed .header-search .form-input-box input[type=text]:-ms-input-placeholder {

    color: var(--white);

    opacity: 1

}



.nav-fixed .header-search .form-input-box input[type=text]:-moz-placeholder {

    color: var(--white);

    opacity: 1

}



.herboil__mini-cart ul li,

.nav-fixed .herboil__navbar nav>ul>li {

    line-height: 60px

}



.herboil__banner-style-4,

.herboil__breadcrumb-area {

    background-color: var(--secondary-color-2)

}



.breadcrumb-list ul li {

    display: inline-block;

    position: relative;

    list-style: none;

    margin-right: 10px

}



.breadcrumb-list ul li:after {

    position: absolute;

    right: -10px;

    top: 0;

    content: "/"

}



.widget-2 {

    padding: 50px 30px 50px 60px

}



.widget select {

    width: 100%;

    height: 50px;

    padding: 10px 20px

}



.widget-title {

    font-size: 22px;

    margin-bottom: 20px;

    border-bottom: 1px solid;

    border-color: var(--border-color-3);

    padding-bottom: 10px;

    position: relative

}



.widget.widget_calendar {

    padding-right: 24px;

    padding-left: 24px

}



.widget.footer-widget .subscribe-form .form-group .form-control {

    background-color: #515457;

    color: #fff

}



.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder {

    color: rgba(255, 255, 255, .6)

}



.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder {

    color: rgba(255, 255, 255, .6)

}



.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder {

    color: rgba(255, 255, 255, .6)

}



.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder {

    color: rgba(255, 255, 255, .6)

}



.widget.footer-widget .subscribe-form .submit-btn:hover {

    background-color: #fff;

    color: var(--main-color-one)

}



.widget.footer-widget {

    background-color: transparent !important;

    padding: 0;

    margin-bottom: 60px

}



.widget ul li {

    display: block;

    margin: 8px 0;

    -ms-word-wrap: break-word

}



.widget ul li a {

    color: inherit;

    -moz-transition: .3s ease-in;

    transition: .3s ease-in

}



.footer-widget .form-input-box {

    position: relative;

    margin-top: 20px

}



.footer-widget.widget_nav_menu ul li a:after {

    position: absolute;

    left: 0;

    top: 50%;

    content: "";

    font-family: fontawesome;

    font-weight: 900;

    color: var(--main-color-one);

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    display: none

}



.widget_search .search-form .form-group .form-control {

    height: 50px;

    border: 1px solid rgba(0, 0, 0, .2);

    padding: 0 70px 0 15px

}



.widget_search .search-form .submit-btn {

    position: absolute;

    right: 0;

    top: 0;

    width: 60px;

    height: 50px;

    line-height: 50px;

    padding: 0;

    font-size: 18px;

    border-top-right-radius: 5px;

    border-bottom-right-radius: 5px;

    background-color: var(--main-color-one);

    color: #fff;

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in;

    border: none;

    cursor: pointer

}



.widget_search .search-form .submit-btn:hover {

    background-color: var(--secondary-color);

    color: #fff

}



.widget_author_meta .thumb {

    width: 80px;

    height: 80px;

    margin: 0 auto 20px

}



.widget_author_meta .thumb img {

    border-radius: 50%

}



.widget_author_meta .content .name {

    font-size: 21px;

    font-weight: 700

}



.widget_author_meta .content p {

    font-size: 16px;

    line-height: 26px

}



.social-media li,

.widget_author_meta .content ul li {

    display: inline-block;

    margin: 0 5px

}



.widget_author_meta .content ul li a {

    display: block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    border: 1px solid rgba(0, 0, 0, .1);

    border-radius: 50%;

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in

}



.product-action ul li,

.widget_tag_cloud .tagcloud a {

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    -o-transition: .3s ease-in

}



.widget_tag_cloud .tagcloud a {

    display: inline-block;

    padding: 5px 15px;

    border: 1px solid rgba(0, 0, 0, .1);

    margin: 5px;

    color: inherit;

    transition: .3s ease-in;

    border-radius: 5px;

    font-size: 16px !important

}



.widget.tag-widget li {

    display: inline-block;

    margin-right: 10px

}



.widget.tag-widget li a {

    display: inline-block;

    padding: 5px 15px;

    background-color: var(--section-bg-1)

}



.btn-wrapper .boxed-btn:hover,

.widget.tag-widget li a:hover {

    background-color: var(--main-color-one);

    color: var(--white)

}



.widget ul li ul.sub-menu {

    position: initial;

    visibility: visible;

    opacity: 1;

    border-top: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    margin-top: 10px

}



.widget ul li ul.sub-menu li a {

    padding: 0 0 0 10px

}



.widget.widget_nav_menu ul li {

    margin: 15px 0

}



.widget-nav-menu ul li a,

.widget.widget_nav_menu ul li a {

    border: none;

    display: inline-block

}



.widget.widget_nav_menu ul li a:hover:before {

    visibility: visible;

    opacity: 1

}



.payment-method ul li label img,

.widget-nav-menu ul li>ul,

.widget.widget_nav_menu ul li>ul {

    margin-left: 15px

}



.widget .social_share li {

    margin: 0;

    display: inline-block;

    color: #fff

}



.widget .social_share li i {

    display: block;

    font-size: 20px

}



.widget .social_share li.facebook {

    background-color: #3b5999

}



.widget .social_share li.twitter {

    background-color: #55acee

}



.widget .social_share li.instagram {

    background-color: #e4405f

}



.widget .social_share li+li {

    margin-left: 10px

}



.widget .recent_post_item li.single-recent-post-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-item-align: start;

    align-self: flex-start

}



.widget .recent_post_item li.single-recent-post-item .thumb {

    width: 60px;

    height: 60px;

    margin-right: 15px

}



.widget .recent_post_item li.single-recent-post-item .content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1

}



.widget .recent_post_item li.single-recent-post-item .content .title {

    font-size: 16px;

    line-height: 20px;

    font-weight: 600

}



.widget .recent_post_item li.single-recent-post-item .content .time {

    font-size: 14px;

    font-weight: 500

}



.contact_info_list li.single-info-item {

    position: relative;

    margin-bottom: 20px

}



.contact_info_list li.single-info-item .icon {

    position: absolute;

    left: 0;

    top: 0;

    color: var(--main-color-one)

}



.contact_info_list li.single-info-item .details {

    padding-left: 30px

}



.about_us_widget {

    padding-right: 15%

}



.about_us_widget .footer-logo {

    margin-bottom: 15px;

    display: block;

    position: relative;

    top: -15px

}



.popular-post-content,

.popular-post-item,

.widget-testimonial .author-meta {

    display: -webkit-box;

    display: -ms-flexbox

}



.shop-sidebar-left:before,

.shop-sidebar-right:before {

    top: 0;

    height: 100%;

    position: absolute;

    z-index: -1;

    opacity: 1;

    content: ""

}



.widget-testimonial .icon {

    font-size: 70px;

    line-height: 60px;

    color: var(--main-color-one);

    margin-bottom: 16px

}



.widget-testimonial p {

    color: rgba(255, 255, 255, .8);

    line-height: 1.6

}



.widget-testimonial .author-meta {

    display: flex;

    -ms-flex-item-align: start;

    align-self: flex-start;

    margin-top: 24px

}



.product-deal-btn .btn-wrapper,

.widget-testimonial .author-meta .thumb {

    margin-right: 20px

}



.widget-testimonial .author-meta .thumb img {

    max-width: 80px;

    height: 80px;

    border-radius: 50%

}



.widget-testimonial .author-meta .content {

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;

    margin-top: 15px

}



.widget-testimonial .author-meta .content .name {

    font-size: 18px;

    line-height: 26px;

    font-weight: 700;

    color: #fff;

    margin-bottom: 0

}



.widget-testimonial .author-meta .content .designation {

    color: rgba(255, 255, 255, .8);

    font-size: 14px

}



.sidebar-area.sidebar-right {

    padding-left: 100px

}



.widget_popular_post {

    padding: 75px 0

}



.popular-post-item {

    border-bottom: 1px solid;

    border-color: rgba(189, 111, 81, .2);

    padding: 40px 60px;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.comments-item:first-child,

.popular-post-item:first-child {

    padding-top: 0

}



.popular-post-item:last-child {

    padding-bottom: 0;

    border-bottom: 0

}



.popular-post-img {

    max-width: 125px;

    -ms-flex: 0 0 125px;

    flex: 0 0 125px;

    -webkit-box-flex: 0;

    padding-right: 20px

}



.popular-post-content {

    overflow: hidden;

    -ms-flex: 0 0 calc(100% - 125px);

    flex: 0 0 calc(100% - 125px);

    -webkit-box-flex: 0;

    -ms-flex-item-align: center;

    align-self: center;

    display: flex

}



.herboil__slide-item-inner,

.newsletter-form {

    display: -webkit-box;

    display: -ms-flexbox;

    -webkit-box-align: center

}



.popular-post-content h5 {

    font-size: 16px;

    line-height: 1.4

}



.shop-sidebar-area {

    padding-top: 30px;

    padding-bottom: 40px

}



.shop-sidebar-left {

    padding-right: 50px;

    position: relative

}



.shop-sidebar-left:before {

    right: 50px;

    width: 300%;

    background-color: var(--secondary-color)

}



.shop-sidebar-area .widget {

    background-color: transparent;

    margin-bottom: 0;

    padding: 30px 0

}



.shop-sidebar-right {

    padding-right: 0;

    padding-left: 50px

}



.shop-sidebar-right:before {

    width: 150%;

    background-color: var(--secondary-color);

    right: auto

}



.shop-sidebar-right .widget {

    padding: 30px 0 30px 30px

}



.category-widget li label {

    padding-left: 30px;

    color: #444

}



.color-widget li label {

    padding-left: 50px;

    color: #444

}



.color-variation:before {

    height: 12px;

    width: 12px;

    left: 30px;

    top: 6px;

    background-color: var(--main-color-one);

    position: absolute;

    content: "";

    border-radius: 100%

}



.color-variation.color-pink:before {

    background-color: #f3ccbf

}



.color-variation.color-nude:before {

    background-color: #f1b5aa

}



.color-variation.color-yellow:before {

    background-color: #fbe087

}



.color-variation.color-orange:before {

    background-color: #f58b47

}



.color-variation.color-green:before {

    background-color: #344e03

}



.color-variation.color-white:before {

    background-color: #e3e5e0

}



.recent-viewed-product-item .thumb {

    float: left;

    max-width: 100px;

    margin-right: 15px

}



.recent-viewed-product-item p {

    line-height: 1.6

}



.price_filter {

    padding-bottom: 13px

}



.price_slider_amount>input[type=submit],

.price_slider_amount>input[type=text] {

    background: 0 0;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    float: left;

    height: 25px;

    padding: 0;

    text-align: left;

    width: 50%;

    margin-bottom: 20px;

    color: #444

}



.price_filter .ui-widget-content {

    background-color: var(--secondary-color-two);

    border: none;

    color: #222;

    height: 3px;

    width: 80%;

    background-image: none

}



.price_filter .ui-slider .ui-slider-range {

    background-color: var(--main-color-one);

    background-image: none

}



.price_filter .ui-state-default,

.price_filter .ui-widget-content .ui-state-default,

.price_filter .ui-widget-header .ui-state-default {

    background-color: var(--main-color-one);

    border: none;

    border-radius: 100%;

    height: 12px;

    margin-left: 0;

    margin-top: -6px;

    top: 50%;

    width: 12px;

    background-image: none

}



.widget-latest-post-img {

    max-width: 60px;

    float: left;

    margin-right: 15px

}



.widget-latest-post-info {

    overflow: hidden;

    padding-top: 5px

}



.widget-latest-post-info h5 {

    font-size: 16px;

    margin-bottom: 5px

}



.copyright-area i,

.widget-latest-post-info .post-date {

    font-size: 13px

}



.customer-review .review-count,

.sidebar-blog-widget .blog-meta ul li,

.sidebar-product-widget .product-bmi,

.sidebar-product-widget .product-price,

textarea {

    font-size: 14px

}



.widget-nav-menu ul li {

    list-style: none;

    margin-top: 10px;

    color: var(--heading-color);

    font-weight: 500

}



.size-widget ul li,

.tags-widget ul li {

    display: inline-block;

    margin: 5px 3px

}



.size-widget ul li a,

.tags-widget ul li a {

    display: inline-block;

    padding: 4px 10px;

    border: 1px solid;

    border-color: var(--border-color-4)

}



.btn-wrapper .boxed-btn.black-btn:hover,

.btn-wrapper .boxed-btn.reverse-color,

.btn-wrapper .boxed-btn.white-btn:hover,

.size-widget ul li:hover a,

.tags-widget ul li:hover a {

    background-color: var(--main-color-one);

    border-color: var(--main-color-one);

    color: var(--white)

}



.sidebar-product-widget-img {

    float: left;

    max-width: 90px;

    margin-right: 15px

}



.sidebar-blog-widget .blog-title {

    font-size: 16px;

    margin-bottom: 0

}



.sidebar-blog-widget-img {

    float: left;

    max-width: 70px;

    margin-right: 15px

}



.herboil__slide-item-inner {

    padding: 120px 0 100px;

    height: 750px;

    display: flex;

    -ms-flex-align: center;

    align-items: center

}



.owl-dots,

.slick-dots {

    display: block;

    text-align: center

}



.herboil__slide-content h1 {

    font-size: 55px;

    font-weight: 700

}



.herboil__slider-active .slick-dots {

    position: absolute;

    bottom: 30px;

    width: 100%

}



.owl-dots {

    margin-top: 20px

}



.owl-dots .owl-dot {

    display: inline-block;

    background-color: var(--secondary-color);

    height: 10px;

    width: 10px;

    margin-right: 30px;

    border-radius: 100%

}



.checkbox-item input:checked~.checkmark,

.img-shape:after,

.img-shape:before,

.owl-dots .owl-dot.active,

.owl-dots .owl-dot:hover,

.shipping-method input[type=radio]:checked~.check::before,

.slick-dots li.slick-active,

.slick-dots li:hover {

    background-color: var(--main-color-one)

}



.owl-arrow-style-1 .owl-nav>div {

    position: absolute;

    left: -60px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    right: auto

}



.owl-arrow-style-1 .owl-nav>div.owl-next {

    left: auto;

    right: -60px

}



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

    .owl-arrow-style-1 .owl-nav>div {

        right: auto;

        left: 0

    }



    .owl-arrow-style-1 .owl-nav>div.owl-next {

        right: 0;

        left: auto

    }

}



.slick-dots {

    margin: 0;

    padding: 0

}



.slick-dots li {

    list-style: none;

    display: inline-block;

    font-size: 0;

    height: 10px;

    width: 10px;

    border-radius: 100%;

    margin-right: 20px;

    background-color: var(--white-2);

    cursor: pointer

}



.slick-dots li button {

    border: 0;

    padding: 0;

    background-color: var(--white-2)

}



.slick-arrow {

    cursor: pointer

}



.bg-image {

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover

}



.social_share li {

    display: inline-block;

    margin: 3px 5px

}



.social_share li a {

    color: var(--main-color-one);

    display: block;

    font-size: 20px

}



.form-control1,

input[type=email],

input[type=password],

input[type=submit],

input[type=tel],

input[type=text] {

    background-color: transparent;

    border: 1px solid #c6c7c7;

    height: 45px;

    -webkit-box-shadow: none;

    box-shadow: none;

    padding-left: 10px;

    font-size: 16px;

    color: var(--paragraph-color);

    width: 100%;

    margin-bottom: 30px;

    border-radius: 0

}



textarea {

    resize: vertical;

    background-color: transparent;

    border: 1px solid #c6c7c7;

    color: var(--paragraph-color);

    padding: 10px;

    width: 100%;

    border-radius: 0;

    margin-bottom: 30px;

    min-height: 120px

}



button {

    cursor: pointer;

    outline: 0;

    border: none

}



.img-shape {

    position: relative;

    display: inline-block;

    margin-bottom: 30px;

    margin-top: 30px

}



.img-shape:after,

.img-shape:before {

    position: absolute;

    content: "";

    height: 80px;

    width: 65%;

    z-index: -1

}



.img-shape:before {

    right: -30px;

    left: auto;

    top: -30px

}



.img-shape:after {

    left: -30px;

    right: auto;

    bottom: -30px

}



.newsletter-form {

    display: flex;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



#instagram_feed,

.herboil__custom-content-info,

.shop-options {

    display: -webkit-box;

    display: -ms-flexbox

}



.form-input-box input[type=text] {

    width: 100%;

    height: 50px;

    padding: 0 15px;

    border: 1px solid;

    border-color: var(--border-color);

    margin-bottom: 30px

}



.herboil__feature-item .feature-icon {

    float: left;

    margin-right: 20px;

    font-size: 22px;

    color: var(--main-color-one)

}



.banner-img-product-info .product-info,

.footer-address li .footer-address-info,

.herboil__feature-item .feature-content,

.product-details-large-img,

.progress-bar-item {

    overflow: hidden

}



.herboil__feature-item .feature-content h4 {

    font-weight: 500;

    margin-bottom: 10px

}



.herboil__feature-item-2 {

    margin-bottom: 50px;

    padding: 0 30px;

    text-align: center

}



.herboil__feature-item-2 i {

    font-size: 40px;

    color: var(--main-color-one);

    margin-bottom: 20px;

    display: block

}



.cart-product-info .product-title,

.copyright-style-2.copyright-area i,

.herboil__feature-item-2 h4,

.product-title {

    font-size: 20px

}



.blog-author-area .author-title,

.footer-address li p,

.herboil__feature-item-2 p,

.product-deal-time .cdown.cdown:last-child,

.shipping-method ul li:last-child,

.widget.footer-widget.widget_calendar table {

    margin-bottom: 0

}



.herboil__custom-content-info {

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    height: 100%;

    padding-left: 50px

}



.herboil__custom-content-info h1 {

    font-size: 40px;

    margin-bottom: 30px

}



.blog-comment-area,

.custom-content-2-inner .btn-wrapper,

.herboil__banner-style-2 .btn-wrapper,

.herboil__custom-content-info .btn-wrapper,

.shipping-method {

    margin-top: 50px

}



.herboil__product-item {

    position: relative;

    background-color: var(--secondary-color);

    margin-bottom: 60px;

    text-align: center

}



.herboil__product-item .product-action {

    position: absolute;

    right: 12px;

    top: 10px

}



.herboil__product-item:hover .product-hover-action {

    bottom: -55px;

    opacity: 1;

    visibility: visible;

    z-index: 999;

    border-bottom-color: var(--main-color-one)

}



.product-info {

    margin: 0;

    padding: 0 20px 20px

}



.customer-review,

.product-bmi,

.product-title {

    margin-bottom: 5px

}



.product-title {

    font-weight: 500

}



.product-price {

    font-size: 16px;

    color: var(--heading-color);

    font-weight: 500

}



.product-price del {

    color: #999;

    margin-left: 5px

}



.product-action ul li {

    list-style: none;

    display: inline-block;

    width: 20px;

    height: 20px;

    line-height: 20px;

    overflow: hidden;

    padding: 5px 0 8px;

    transition: .3s ease-in

}



.product-action ul li i:first-child {

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in

}



.product-action ul li:hover i:first-child {

    margin-top: -20px

}



.product-hover-action {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s;

    position: absolute;

    bottom: 0;

    background-color: inherit;

    width: 100%;

    padding: 10px 20px 20px;

    opacity: 0;

    visibility: hidden;

    border-bottom: 3px solid transparent

}



.add-to-cart-btn,

.shipping-method ul li .check::before {

    -webkit-transition: .3s ease-in;

    -o-transition: .3s ease-in

}



.product-hover-action ul li {

    list-style: none;

    display: inline-block;

    margin-right: 10px

}



.add-to-cart-btn {

    display: inline-block;

    padding: 0 30px;

    height: 40px;

    line-height: 38px;

    border: 1px solid;

    border-color: var(--border-color);

    -moz-transition: .3s ease-in;

    transition: .3s ease-in;

    font-weight: 400;

    cursor: pointer;

    font-size: 14px;

    position: relative;

    z-index: 9

}



.add-to-cart-btn:hover,

.btn-wrapper .boxed-btn:hover {

    background-color: var(--main-color-one);

    color: var(--white);

    border-color: var(--main-color-one)

}



.quick-view-btn {

    display: block;

    height: 40px;

    line-height: 38px;

    border: 1px solid;

    border-color: var(--main-color-one);

    background-color: var(--main-color-one);

    color: var(--white);

    padding: 0 10px

}



.quick-view-btn:hover {

    border-color: var(--black-2);

    background-color: var(--black-2);

    color: var(--white)

}



.slick-slider .herboil__product-item {

    margin-bottom: 60px

}



.herboil__product-item {

    -webkit-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.herboil__product-item .product-hover-action,

.herboil__product-item:hover {

    -webkit-box-shadow: 0 1px 1px 0 rgba(32, 33, 36, .28);

    box-shadow: 0 1px 1px 0 rgba(32, 33, 36, .28)

}



.herboil__product-item-2 {

    background-color: var(--white)

}



.herboil__product-item-2 .product-info {

    padding: 20px

}



.herboil__product-item-3 {

    margin-top: 15px;

    background-color: transparent;

    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .15);

    box-shadow: 0 0 15px rgba(0, 0, 0, .15)

}



.herboil__product-item-3 .product-hover-action {

    background-color: #fff

}



.herboil__product-item-3:hover {

    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .2);

    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)

}



.herboil__banner-item {

    margin-bottom: 30px;

    overflow: hidden

}



.herboil__banner-item img {

    -webkit-transition: 3.5s;

    -o-transition: 3.5s;

    transition: 3.5s

}



#instagram_feed li a .insta-view,

#instagram_feed li a:before {

    width: 100%;

    -webkit-transition: .3s;

    -o-transition: .3s;

    position: absolute;

    visibility: hidden;

    opacity: 0

}



.herboil__banner-item:hover img {

    -webkit-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1)

}



#instagram_feed li a .insta-view,

.h-video-popup-1 a {

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    text-align: center;

    left: 0

}



.herboil__banner-style-2 h2 {

    font-size: 45px;

    color: var(--black-3);

    text-decoration: underline

}



.herboil__banner-style-2 h1 {

    font-size: 78px;

    color: var(--main-color-one);

    margin-bottom: 0;

    font-weight: 700

}



.herboil__banner-style-2 h3 {

    font-size: 34px;

    font-weight: 700;

    margin-bottom: 30px

}



.herboil__banner-style-3 {

    display: -webkit-box !important;

    display: -ms-flexbox !important;

    display: flex !important;

    background-color: var(--secondary-color)

}



.herboil__banner-style-3 .banner-img {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 49%;

    flex: 0 0 49%

}



.herboil__banner-style-3 .banner-img img {

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    -o-object-position: center center;

    object-position: center center

}



.herboil__banner-style-3 .banner-content {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 51%;

    flex: 0 0 51%;

    padding: 25px 15px 30px;

    -ms-flex-item-align: center;

    -ms-grid-row-align: center;

    align-self: center

}



.herboil__banner-style-3 .banner-content h5 {

    letter-spacing: 2px

}



.herboil__banner-style-3 .banner-content .product-info {

    padding: 20px 0 0

}



.banner-img-product-info {

    padding: 30px 0

}



.banner-img-product-info .banner-product-img {

    float: left;

    width: 30%;

    margin-right: 10px;

    text-align: right

}



.banner-with-product-inner .herboil__product-item,

.blog-details-inner,

.blog-details-inner .blog-details-head,

.blog-details-inner img,

.blog-details-inner p,

.custom-content-2-inner h1,

.herboil__blog-item,

.product-details-content .product-excerpt,

.shipping-address h4,

.shipping-summery-inner h4 {

    margin-bottom: 30px

}



.blog-meta ul li {

    display: inline-block;

    position: relative;

    margin-right: 10px;

    color: var(--main-color-one)

}



.blog-meta ul li:after {

    content: ","

}



.blog-btn a {

    font-size: 14px;

    letter-spacing: 1px

}



.social-media ul li {

    display: inline-block;

    list-style: none

}



.herboil__brand-item img {

    margin: 0 auto

}



#instagram_feed {

    margin: 0;

    padding: 0;

    display: flex

}



#instagram_feed li {

    float: left;

    position: relative;

    list-style: none

}



#instagram_feed li a:before {

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    background-color: #000;

    transition: .3s

}



#instagram_feed li a .insta-view {

    top: 40%;

    transform: translateY(-50%);

    z-index: 999;

    color: #fff;

    transition: .3s;

    text-transform: uppercase;

    letter-spacing: 1px

}



#instagram_feed li a .insta-view i {

    display: block;

    margin-bottom: 10px

}



#instagram_feed li:hover a:before {

    opacity: .5;

    visibility: visible

}



#instagram_feed li:hover a .insta-view {

    top: 50%;

    opacity: 1;

    visibility: visible

}



.testimonial-image-item-inner {

    position: relative;

    overflow: hidden;

    display: inline-block

}



.testimonial-image-item-inner:before {

    position: absolute;

    bottom: 0;

    right: 0;

    content: '';

    border-bottom: 50px solid var(--main-color-one);

    border-left: 50px solid transparent

}



.testimonial-info-area {

    padding: 70px 0 0 30px

}



.testimonial-info-item {

    padding-top: 25px;

    position: relative

}



.testimonial-info-item:before {

    position: absolute;

    content: "";

    background-image: url(../img/icon/quote.svg);

    width: 100px;

    height: 100px;

    top: 0;

    left: 0;

    background-repeat: no-repeat;

    z-index: -1

}



.testimonial-info-active.slick-arrow-style-2 .slick-arrow {

    bottom: -80px

}



.shop-options {

    margin-bottom: 60px;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.short-by .nice-select {

    border-radius: 0;

    min-width: 215px

}



.showing-product-number {

    height: 42px;

    line-height: 42px;

    margin-left: 30px

}



.bloom-show-more-btn a {

    font-size: 20px;

    color: var(--main-color-one)

}



.shop-grid-list-view-tab-menu a {

    color: var(--secondary-color-two);

    font-size: 20px;

    margin-right: 20px;

    line-height: 1

}



.shop-list-view-tab-content-inner .herboil__product-item {

    background-color: transparent;

    text-align: left

}



.footer-address li:after,

.shop-list-view-tab-content-inner .herboil__product-item::after {

    display: block;

    clear: both;

    content: ""

}



.shop-list-view-tab-content-inner .herboil__product-item .product-img {

    width: 30%;

    float: left;

    margin-right: 30px

}



.shop-list-view-tab-content-inner .herboil__product-item .product-info {

    padding: 0;

    overflow: hidden

}



.section-title-2,

.shop-list-view-tab-content-inner .herboil__product-item .product-info .product-title {

    font-size: 30px

}



.shop-list-view-tab-content-inner .herboil__product-item .product-excerpt {

    margin-top: 25px

}



.shop-list-view-tab-content-inner .herboil__product-item .product-action {

    left: 12px;

    right: auto

}



.shop-list-view-tab-content-inner .herboil__product-item .product-hover-action {

    position: inherit;

    opacity: 1;

    visibility: visible;

    bottom: inherit;

    -webkit-box-shadow: none;

    box-shadow: none;

    border-bottom: 0

}



.shop-list-view-tab-content-inner .herboil__product-item:hover {

    -webkit-box-shadow: none;

    box-shadow: none

}



.pagination-list ul li {

    list-style: none;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 20px

}



.pagination-list ul li.pagination-arrow {

    border-radius: 100%;

    cursor: pointer;

    -webkit-box-shadow: 0 3px 9px rgba(140, 140, 133, .17);

    box-shadow: 0 3px 9px rgba(140, 140, 133, .17);

    -webkit-transition: .3s;

    -o-transition: .3s;

    transition: .3s

}



.product-details-small-img {

    width: 112px;

    float: left;

    margin-right: 30px

}



.product-details-small-img img {

    padding: 5px;

    border: 1px solid #e5e5e5;

    margin: 5px 0

}



.customer-review ul {

    margin: 0 5px 0 0;

    padding: 0;

    display: inline-block

}



.customer-review ul li {

    list-style: none;

    display: inline-block;

    font-size: 12px;

    color: var(--main-color-one)

}



.product-details-small-img-active .slick-slide {

    margin: 5px 0

}



.cart-plus-minus {

    border: 1px solid #ccc;

    height: 43px;

    text-align: center;

    line-height: 41px;

    width: 120px;

    color: #666

}



.qtybutton {

    background: var(--secondary-color);

    color: var(--heading-color);

    height: 100%;

    width: 30%

}



.dec.qtybutton {

    float: left

}



.inc.qtybutton {

    float: right

}



input.cart-plus-minus-box {

    background: 0 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    border: none;

    height: 100%;

    margin-bottom: 0;

    padding: 0;

    text-align: center;

    width: 40%

}



.blog-details-inner blockquote,

.product-details-tab-menu a,

.review-item {

    background-color: var(--secondary-color-3)

}



.product-details-content .product-title {

    font-size: 36px;

    font-weight: 700

}



.btn-wrapper .boxed-btn,

.footer-widget .widget-title,

.progress {

    font-weight: 400;

    text-transform: uppercase

}



.product-details-content .product-price {

    font-size: 24px;

    margin-top: 15px;

    margin-bottom: 15px

}



.product-details-content .cart-plus-minus {

    display: inline-block;

    margin-right: 20px

}



.product-details-content .product-details-cart-btn {

    display: inline-block;

    margin-top: 0

}



.product-details-content .product-details-buy-btn .boxed-btn {

    padding: 10px 100px 9px

}



.product-details-tab-menu {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-bottom: 30px

}



.product-details-tab-menu a {

    color: var(--paragraph-color);

    padding: 13px 20px;

    font-size: 20px;

    -webkit-box-flex: 1;

    -ms-flex: 1 0 auto;

    flex: 1 0 auto;

    text-align: center;

    font-weight: 500;

    border-bottom: 5px solid;

    border-color: #c6c6c6

}



.product-details-tab-menu a.active {

    color: var(--main-color-one);

    border-color: var(--main-color-one)

}



.commenter-img {

    float: left;

    margin-right: 25px;

    margin-top: 40px;

    border-radius: 100%;

    width: 70px

}



.comments-excerpt {

    padding: 30px 20px 30px 0;

    overflow: hidden;

    border-bottom: 1px solid #606268

}



.commenter-name-date h4 {

    float: left;

    margin-right: 30px

}



.comments-date {

    overflow: hidden;

    text-align: right

}



.comments-children {

    margin-left: 120px;

    border-bottom: 1px solid #606268

}



.comments-children .comments-excerpt,

.comments-item:last-child .comments-excerpt,

.shoping-cart-total-table tr:last-child {

    border-bottom: 0

}



.product-details-tab-content ul {

    margin: 30px 20px

}



.product-details-tab-content ul li {

    margin-top: 12px

}



.blog-details-inner .blog-title {

    font-size: 40px

}



.blog-details-inner blockquote {

    padding: 30px 70px;

    font-size: 22px;

    border-left: 2px solid;

    border-right: 2px solid;

    border-color: var(--main-color-one);

    margin-bottom: 30px

}



.blog-single-tag-social .product-share {

    display: inline-block;

    margin-top: 0;

    float: right

}



.blog-single-tag {

    display: inline-block;

    margin-bottom: 30px

}



.blog-prev-next-area {

    border-top: 1px solid;

    border-bottom: 1px solid;

    border-color: #f1f1f1;

    padding: 30px 0

}



.blog-prev-next-inner .blog-p-n {

    font-size: 12px;

    text-transform: uppercase;

    margin: 0 5px

}



.blog-author-area {

    padding: 40px 0 30px;

    border-bottom: 1px solid;

    border-color: #f1f1f1

}



.h-video-popup-1 a {

    position: absolute;

    right: 0;

    margin: auto;

    transform: translateY(-50%);

    top: 50%;

    height: 80px;

    width: 80px;

    line-height: 80px;

    background-color: var(--main-color-one);

    border-radius: 100%;

    color: var(--white);

    -webkit-animation: 1s infinite pulse1;

    animation: 1s infinite pulse1;

    font-size: 20px

}



@-webkit-keyframes pulse1 {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(193, 130, 80, .8);

        box-shadow: 0 0 0 0 rgba(193, 130, 80, .8)

    }



    70% {

        -webkit-box-shadow: 0 0 0 15px rgba(193, 130, 80, 0);

        box-shadow: 0 0 0 15px rgba(193, 130, 80, 0)

    }



    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(193, 130, 80, 0);

        box-shadow: 0 0 0 0 rgba(193, 130, 80, 0)

    }

}



@keyframes pulse1 {

    0% {

        -webkit-box-shadow: 0 0 0 0 rgba(193, 130, 80, .8);

        box-shadow: 0 0 0 0 rgba(193, 130, 80, .8)

    }



    70% {

        -webkit-box-shadow: 0 0 0 15px rgba(193, 130, 80, 0);

        box-shadow: 0 0 0 15px rgba(193, 130, 80, 0)

    }



    100% {

        -webkit-box-shadow: 0 0 0 0 rgba(193, 130, 80, 0);

        box-shadow: 0 0 0 0 rgba(193, 130, 80, 0)

    }

}



.contact-address-item h4 {

    font-size: 20px;

    text-transform: uppercase;

    padding-bottom: 10px;

    border-bottom: 1px solid;

    border-color: var(--border-color-4)

}



.contact-form-box input,

.contact-form-box textarea {

    border-color: var(--border-color-4)

}



.contact-form-box input {

    height: 55px

}



.review-header {

    border-bottom: 1px solid;

    border-color: var(--border-color-4);

    margin-bottom: 30px

}



.review-header .customer-review,

.review-item .customer-review {

    display: inline-block;

    float: right

}



.review-header .customer-review ul,

.review-item .customer-review ul {

    margin: 0

}



.review-header .customer-review ul li {

    margin-top: 0;

    color: #c6c6c6

}



.review-item {

    padding: 20px 20px 5px;

    margin-bottom: 30px

}



.review-item h6 {

    display: inline-block;

    margin-right: 15px

}



.review-item .review-date {

    font-size: 12px

}



.progress-bar-area {

    max-width: 250px

}



.progress {

    background: #f0f0f0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    height: 2px;

    letter-spacing: 1px;

    margin-bottom: 15px;

    margin-top: 0;

    overflow: visible

}



.progress-bar {

    background-color: #555;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    color: #000;

    font-size: 11px;

    overflow: visible;

    padding-top: 2px;

    position: relative;

    text-align: left

}



.progress-bar-item>p {

    font-size: 12px;

    letter-spacing: 1px;

    margin: 0;

    text-transform: uppercase

}



.progress-bar span {

    border-radius: 15px;

    display: inline-block;

    height: 24px;

    letter-spacing: 0;

    line-height: 23px;

    min-width: 24px;

    padding: 0 3px;

    position: absolute;

    right: -5px;

    text-align: center;

    bottom: 0

}



.custom-content-2-area {

    border-top: 1px solid;

    border-bottom: 1px solid;

    border-color: var(--section-bg-1)

}



.custom-content-2-inner p {

    width: 60%;

    margin-left: auto;

    margin-right: auto

}



.product-deal-info {

    background-color: #fff;

    padding: 50px 30px 50px 0;

    margin-left: 80px

}



.product-deal-time {

    float: left;

    width: 100px;

    margin-left: -42px

}



.product-deal-time .cdown {

    width: 85px;

    height: 85px;

    display: block;

    text-align: center;

    padding-top: 8px;

    border: 5px solid;

    border-color: var(--section-bg-1);

    margin-bottom: 20px;

    background-color: #fff

}



.product-deal-time .cdown span {

    font-size: 20px;

    font-weight: 700;

    color: var(--heading-color)

}



.go-to-btn,

.herboil__section-title .section-title span {

    color: var(--main-color-one)

}



.product-deal-time .cdown p {

    font-size: 14px;

    margin-bottom: 0

}



.product-deal-inner {

    padding-left: 30px;

    overflow: hidden

}



.product-deal-inner .product-title {

    font-size: 34px

}



.product-deal-inner .product-price {

    font-size: 22px

}



.product-deal-img-item img {

    display: block;

    margin-left: auto;

    text-align: center;

    margin-right: auto

}



.speacial-product-info-active .product-deal-info {

    margin-left: 30px

}



.shoping-cart-table tr {

    padding: 25px 0;

    border-top: 1px solid;

    display: block;

    border-color: #e5e5e5

}



.shoping-cart-table tr:last-child {

    border-bottom: 1px solid;

    border-color: #e5e5e5

}



.cart-product-thumbnail {

    min-width: 180px;

    max-width: 180px

}



.cart-product-info {

    padding-left: 25px

}



.cart-product-count-price {

    padding-top: 25px;

    border-top: 1px solid #e5e5e5;

    margin-top: 20px

}



.cart-product-count-price .cart-plus-minus {

    height: 35px;

    line-height: 33px

}



.cart-product-count-price ul li {

    display: inline-block;

    margin-right: 25px

}



.shoping-cart-btn-area ul li {

    display: inline-block;

    margin-right: 20px;

    margin-bottom: 20px

}



.shoping-cart-total-btn ul li {

    display: block;

    margin-right: 20px;

    margin-bottom: 0

}



.shoping-cart-total-btn ul li a {

    display: block;

    width: 100%;

    text-align: center

}



.shoping-cart-total-inner {

    padding: 50px 60px 40px;

    background-color: var(--secondary-color-3)

}



.checkbox-item .checkmark,

.checkbox-item:hover input~.checkmark,

.shipped-to,

.shipping-method ul li .check {

    background-color: var(--secondary-color)

}



.shoping-cart-total-table tr {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 10px 0;

    border-bottom: 1px solid;

    border-color: #e5e5e5

}



.shoping-cart-total-table tr td {

    padding: 5px 0

}



.account-login-form .btn-wrapper .boxed-btn {

    display: block;

    width: 100%

}



.by-agree {

    text-align: center;

    margin: 50px 0 40px

}



.go-to-btn {

    text-align: center;

    margin-top: 30px

}



.shipping-method h4 {

    margin-bottom: 35px

}



.shipping-method ul {

    list-style: none;

    margin: 0;

    padding: 0;

    overflow: auto

}



.shipping-method ul li {

    display: block;

    float: left;

    width: 100%;

    margin-bottom: 20px;

    position: relative;

    padding-left: 35px

}



.shipping-method ul li input[type=radio] {

    position: absolute;

    visibility: hidden;

    opacity: 0

}



.shipping-method ul li label {

    display: block;

    position: relative;

    margin: 0;

    z-index: 9;

    cursor: pointer

}



.shipping-method ul li .check {

    display: block;

    position: absolute;

    border: 1px solid;

    border-color: var(--main-color-one);

    border-radius: 100%;

    height: 20px;

    width: 20px;

    top: 50%;

    left: 0;

    z-index: 5;

    -webkit-transition: border .25s linear;

    -o-transition: border .25s linear;

    transition: border .25s linear;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%)

}



.shipping-method ul li .check::before {

    display: block;

    position: absolute;

    content: '';

    border-radius: 100%;

    height: 10px;

    width: 10px;

    top: 4px;

    left: 4px;

    margin: auto;

    background-color: transparent;

    transition: .3s ease-in

}



.shipping-method input[type=radio]:checked~.check {

    border: 1px solid;

    border-color: var(--main-color-one)

}



.payment-method ul li .check {

    top: 5px;

    -webkit-transform: inherit;

    -ms-transform: inherit;

    transform: inherit

}



.shipping-summery-inner {

    max-width: 450px

}



.shipping-summery-inner .table-content table tr td {

    padding: 20px 15px

}



.shipping-summery-price-info-inner table td {

    padding: 5px

}



.shipping-summery-price-info {

    border-top: 1px solid;

    border-color: var(--main-color-one);

    margin-top: 20px;

    padding-top: 30px

}



.shipped-to {

    padding: 50px 40px 30px;

    margin-top: 30px

}



.checkbox-item {

    display: block;

    position: relative;

    padding-left: 30px;

    margin-bottom: 0;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.checkbox-item input {

    position: absolute;

    opacity: 0;

    cursor: pointer;

    height: 0;

    width: 0

}



.checkbox-item .checkmark {

    position: absolute;

    top: 3px;

    left: 0;

    height: 16px;

    width: 16px;

    border: 1px solid;

    border-color: var(--main-color-one)

}



.checkbox-item .checkmark:after {

    position: absolute;

    content: "";

    display: none;

    left: 4px;

    top: 0;

    width: 5px;

    height: 10px;

    border: solid #fff;

    border-width: 0 1px 1px 0;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg)

}



.footer-top {

    padding-top: 70px;

    padding-bottom: 30px

}



.footer-style-2 .footer-top {

    padding-bottom: 25px

}



.copyright-area {

    padding: 15px 0;

    font-size: 14px;

    border-top: 1px solid;

    border-color: rgba(189, 111, 81, .2)

}



.copyright-area a {

    font-weight: 700

}



.widget.footer-widget.widget_calendar caption {

    padding-bottom: 0

}



.footer-widget .widget-title {

    font-size: 20px;

    margin-bottom: 20px;

    border: none

}



.footer-social li {

    list-style: none;

    display: inline-block;

    margin: 0 2px

}



.footer-social li a {

    display: block;

    padding: 0 3px

}



.footer-menu li {

    list-style: none;

    display: inline-block;

    margin-right: 15px

}



.widget.footer-widget.newsletter-widget-2 {

    padding-left: 50px

}



.newsletter-widget-2:before {

    position: absolute;

    left: 0;

    top: -200px;

    background-color: var(--section-bg-1);

    width: 300%;

    height: 285%;

    content: "";

    z-index: -1

}



.copyright-style-2 {

    border-top: 0

}



.newsletter-widget-2 p {

    font-size: 15px

}



.footer-feature-widget-area {

    padding: 100px 0 30px;

    border-bottom: 1px solid;

    border-color: #b3afab

}



.footer-address li .footer-address-icon {

    margin-right: 15px;

    float: left;

    height: 30px;

    line-height: 30px;

    min-width: 20px

}



.card-accept {

    text-align: right

}



.newsletter-widget .form-input-box input[type=text] {

    padding-right: 65px;

    margin: 0

}



.newsletter-widget .form-input-box button[type=submit] {

    padding: 0;

    margin-top: 0;

    position: absolute;

    right: 0;

    top: 0;

    height: 100%

}



.newsletter-widget .form-input-box button[type=submit] .boxed-btn {

    display: block;

    border: 0;

    padding: 0 22px;

    background-color: var(--main-color-one);

    height: 50px;

    line-height: 52px;

    color: var(--white)

}



.btn-wrapper {

    display: block;

    margin-top: 30px

}



.btn-wrapper .boxed-btn {

    display: inline-block;

    padding: 10px 30px 9px;

    border: 1px solid;

    border-color: var(--border-color);

    -webkit-transition: .3s ease-in;

    -moz-transition: .3s ease-in;

    -o-transition: .3s ease-in;

    transition: .3s ease-in;

    cursor: pointer;

    font-size: 14px;

    position: relative;

    z-index: 9

}



.btn-wrapper .boxed-btn.white-btn {

    background-color: var(--white);

    border-color: var(--main-color-one);

    color: var(--paragraph-color)

}



.btn-wrapper .boxed-btn.black-btn {

    background-color: var(--black);

    border-color: var(--black);

    color: var(--white)

}



.btn-wrapper .boxed-btn.btn-rounded {

    border-radius: 0 30px

}



.btn-wrapper .boxed-btn.reverse-color:hover {

    background-color: var(--secondary-color);

    border-color: var(--secondary-color);

    color: var(--paragraph-color)

}



.btn-wrapper .boxed-btn.btn-shape:hover {

    background-color: inherit

}



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

    .tablet-center {

        text-align: center

    }



    .tablet-left {

        text-align: left

    }



    .tablet-right {

        text-align: right

    }

}



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

    .mobile-center {

        text-align: center

    }



    .mobile-left {

        text-align: left

    }



    .mobile-right {

        text-align: right

    }

}



.btn-shape {

    position: relative;

    overflow: hidden

}



.btn-shape i {

    margin-right: 30px;

    position: relative;

    top: 1px

}



.btn-wrapper .btn-shape:before {

    position: absolute;

    content: "";

    left: -20px;

    top: 0;

    width: 75px;

    background-color: var(--main-color-one);

    z-index: -1;

    height: 50px;

    -webkit-transform: skew(20deg);

    -ms-transform: skew(20deg);

    transform: skew(20deg);

    -webkit-transition: .5s;

    -moz-transition: .5s;

    -o-transition: .5s;

    transition: .5s

}



.btn-wrapper .btn-shape:hover:before {

    width: 200%

}



.herboil__section-title .section-title {

    font-size: 45px;

    font-weight: 700;

    line-height: 1.2;

    margin-bottom: 0

}



.herboil__section-title p {

    margin-bottom: 0;

    margin-top: 10px

}



.herboil__section-title.white .section-title {

    color: var(--white)

}



.herboil__section-title.white p {

    color: rgba(255, 255, 255, .7)

}



.section-title-width {

    width: calc(100% - 32%)

}



.section-title-width.text-center {

    margin-left: auto;

    margin-right: auto

}



.section-title-width.text-left {

    margin-left: 0;

    margin-right: auto

}



.section-title-width.text-right {

    margin-left: auto;

    margin-right: 0

}



.product-img{

    padding: 16px;

}

.single-img{

    text-align: center;

    /* padding: 16px; */

    /* background-color: #ebeae5; */

}

.single-img a img{

     margin: auto;

     border: 17px solid #ebeae5;

    

}

.calltoaction{
    /* background-color: #ece4d7; */
    background-color: #7fab00;
    text-align:center;
    border-radius: 10px;
}
.textcolorbtuoon{
    color: #7fab00!important;
}