@charset "UTF-8";
/******************************

INDEX:

    00 - Base - Typography
    01 - Base - Variables
    02 - Base - Mixins

    03 - Utilities - Helper
    04 - Utilities - Color

    10 - Components - Navigation
    11 - Components - Slider
    12 - Components - Button
    13 - Components - Banner
    14 - Components - Product
    15 - Components - Product Tab
    16 - Components - Brand
    17 - Components - Form
    18 - Components - Social Link
    19 - Components - Animation
    20 - Components - Breadcrumb
    21 - Components - Modal
    22 - Components - Hot Deal
    23 - Components - Sidebar
    24 - Components - Newsletter
    25 - Components - Shipping
    26 - Components - Popular Categories
    27 - Components - Testimonial
    28 - Components - Hot Deal

    29 - Section - Header
    30 - Section - Footer

    31 - Pages - Blog
    32 - Pages - Shop
    33 - Pages - Product Layout
    34 - Pages - About Us
    35 - Pages - Services
    36 - Pages - FAQ
    37 - Pages - Contact Us
    38 - Pages - Coming Soon
    39 - Pages - Error 404
    40 - Pages - My Account
    41 - Pages - Login | Register
    42 - Pages - Cart
    43 - Pages - Wishlist
    44 - Pages - Compare
    45 - Pages - Blog

******************************/
/*

    Primary Color:     #dd6b33;
    Text Color:        #211e1c;
    Border Color:      #e5e5e5;


    Font Family List:-

    font-family: 'Roboto', sans-serif;
    font-family: 'Playfair Display', serif;

*/
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,500,500i,600,600i,700,700i,800,800i|Roboto:400,400i,500,500i,700,700i&display=swap");
/*----------------------------------------*/
/*  00 - Base - Typography
/*----------------------------------------*/
body {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #211e1c;
    font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Playfair Display", serif;
    color: #202020;
    font-weight: 600;
}

p {
    font-family: "Playfair Display", serif;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    max-width: 100%;
}

.img-full {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
}

a {
    color: #211e1c;
    font-size: 18px;
    text-transform: capitalize;
}

a:hover:hover {
    color: #dd6b33;
}

a,
a:hover,
a:focus,
a:active,
button,
button:focus,
.btn,
.btn:focus,
input,
input:focus,
select,
textarea,
.slick-slide {
    text-decoration: none;
    outline: 0;
}

input.input-field {
    border: 1px solid #e5e5e5;
}

textarea.textarea-field {
    border: 1px solid #e5e5e5;
}

input[type=checkbox] {
    display: inline-block;
}

input[type=checkbox] + label {
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

input[type=checkbox] + label:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    display: block;
    border: 2px solid #e5e5e5;
    content: "";
}

input[type=checkbox] + label:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "\ea21";
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    opacity: 0;
    width: 20px;
    text-align: center;
    color: #13aff0;
}

input[type=checkbox]:checked + label:before {
    border: 2px solid #e5e5e5;
}

input[type=checkbox]:checked + label:after {
    opacity: 1;
}

label {
    margin-bottom: 0.5em;
}

button,
.btn {
    cursor: pointer;
    border: 0;
    padding: 0;
    background: transparent;
}

.overflow-hidden {
    overflow: hidden;
}

/* ---Font Style--- */
.font-style_italic {
    font-style: italic;
}

/* ---Line Height--- */
.line-height-1 {
    line-height: 1;
}

/*----------------------------------------*/
/*  03 - Utilities - Helper
/*----------------------------------------*/
/* ---Yene's Custom Container--- */
@media (min-width: 1200px) {
    .container {
        --bs-gutter-x: 15px;
        max-width: 1200px;
    }
}

@media (min-width: 1200px) {
    .row:not([class*=instagram-row], [class*=gx-0]) {
        --bs-gutter-x: 30px;
    }
}

.container-fluid {
    padding: 0 140px;
}

@media (max-width: 1500px) {
    .container-fluid {
        padding: 0 30px;
    }
}

@media (max-width: 575px) {
    .container-fluid {
        padding: 0 20px;
    }
}

/* ---Bootstrap No Gutters--- */
@media (max-width: 575px) {
    .g-0-xs {
        margin-right: 0;
        margin-left: 0;
    }
}

@media (max-width: 575px) {
    .g-0-xs > [class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ---Yena's Preloader---*/
.loading {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    z-index: 9999999999999;
}

.loading .middle {
    position: absolute;
    top: 50%;
    width: 100%;
}

.loading .middle .loader {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-animation: loader 2s infinite ease;
    animation: loader 2s infinite ease;
}

.loading .middle .loader-inner {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    -webkit-animation: loader-inner 2s infinite ease-in;
    animation: loader-inner 2s infinite ease-in;
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

@keyframes loader-inner {
    0% {
        height: 0%;
    }
    25% {
        height: 0%;
    }
    50% {
        height: 100%;
    }
    75% {
        height: 100%;
    }
    100% {
        height: 0%;
    }
}

.loading .middle .loader {
    border: 4px solid #dd6b33;
}

.loading .middle .loader-inner {
    background-color: #dd6b33;
}

/* ---Fixed Wrapper--- */
@media (min-width: 1200px) {
    .fixed-wrapper .fixed-header {
        background: #ffffff;
        position: fixed;
        width: 370px;
        z-index: 1;
        height: 100%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .fixed-wrapper .fixed-header {
        width: 320px;
    }
}

@media (min-width: 1200px) {
    .fixed-wrapper .main-site {
        width: calc(100% - 370px);
        margin-left: auto;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .fixed-wrapper .main-site {
        width: calc(100% - 320px);
    }
}

/* ---Base Transition--- */
.compare-table .table tbody tr, .table-content table td.yena-cart_btn a, .order-button-payment input, .coupon-accordion .coupon-content .coupon-info p.form-row input[type=submit], .coupon-accordion span, .cart-page-total a, .coupon-all .coupon input.button,
.coupon-all .coupon2 input.button, .login_btn,
.register_btn, .myaccount-tab-content, .our-team_area .team-member_item .team-member_content .social-link, .our-team_area .team-member_item .team-member_content > h3.member-name, .our-team_area .team-member_item:before, .masonry-main_content .product-item .single-product .product-img .add-actions.with-text .product-desc_info, .masonry-main_content .product-item .single-product .product-img .add-actions.with-text, .masonry-main_content .product-item .single-product .product-img:before, .shop-product-wrap > [class*=col-], .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions > ul > li, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img > a img.secondary-img, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img:before, .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product, .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li, .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown, .blog-area .blog-item.border-on_hover .single-blog:before, .blog-item .single-blog, .main-header_area-2 .main-header .main-nav > ul > li > a span:before, .main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li span.inner-text, .main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li > a img, .main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li:before, .main-nav > ul > li.megamenu-holder .yena-megamenu_wrap, .main-nav > ul > li .yena-dropdown > li, .main-nav > ul > li .yena-dropdown, .header-right_area > ul > li .yena-dropdown > li, .header-right_area > ul > li .yena-dropdown, .header-top_right .ht-menu > ul > li .yena-dropdown > li, .header-top_right .ht-menu > ul > li .yena-dropdown, .popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li, .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li, .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_img .inner-img:before, .instagram-area .instagram-img .add-action, .instagram-area .instagram-img:before, .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li .dropdown > li, .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li .dropdown, .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li, .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider-nav .slick-slide img, .modal-wrapper .modal-dialog .modal-content .modal-body .close, .modal-wrapper.modal, .newsletter-form_wrap .subscribe-form .newsletter-btn, .brand-area .brand-item, .review-body .user-feedback form.feedback-form .comment-field textarea.textarea-field, .product-item .single-product .product-img .add-actions > ul > li, .product-item .single-product .product-img > a img.secondary-img, .product-item .single-product, .banner-area-16 .banner-item .banner-inner_img, .banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content .banner-inner_content .popup-btn, .banner-area-14 .banner-bg-3 .banner-item .banner-content .popup-btn, .banner-area-5.banner-bg-1 .banner-item .banner-content .popup-btn, .offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_img, .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img:before, .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a > i, .offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul li, .offcanvas-menu_wrapper .offcanvas-menu-inner, .offcanvas-navigation .mobile-menu li > .menu-expand, .btn-close > i, .btn-close, .arrow-style-2 .slick-arrow, .load-more_wrap .inner-wrap > a.yena-btn:after, .load-more_wrap .inner-wrap > a.yena-btn:before, .yena-btn, .popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form button, .popup_wrapper .test .popup_off, .popup_wrapper, .slick-dots li, .global-overlay, .img-zoom_effect:before, .img-hover_effect .banner-img:after, .img-hover_effect .banner-img:before, .img-hover_effect:before, .price-filter .price-slider-amount .filter-btn, .price-filter .ui-slider-handle, .price-filter .ui-slider-range, .quantity .cart-plus-minus > .qtybutton, .scroll-to-top i, .tab-content .tab-pane.active, a,
button,
i, input[type=checkbox] + label:before, input[type=checkbox] + label:after {
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

/* ---Section Title--- */
.section-title {
    text-align: center;
}

.section-title > h2 {
    margin-bottom: 0;
    padding-bottom: 55px;
}

.section-title > h2.heading {
    font-size: 46px;
    line-height: 46px;
}

@media (max-width: 767px) {
    .section-title > h2.heading {
        font-size: 25px;
        line-height: 1.5;
    }
}

.section-title.specific-section_title > h2.heading {
    font-weight: 300;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.section-title.specific-section_title > h2.heading:before {
    background-color: #dd6b33;
    content: "";
    width: 150px;
    height: 2px;
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

/* ---Section Title Two--- */
.section-title-2 > h2.heading {
    font-size: 46px;
    line-height: 64px;
    padding-bottom: 15px;
}

@media (max-width: 991px) {
    .section-title-2 > h2.heading {
        font-size: 36px;
        line-height: 50.4px;
    }
}

.section-title-2 .section-icon {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
}

.section-title-2 .section-icon > span.separator {
    border-top: 1px solid #000000;
    width: 225px;
    margin-left: 15px;
}

/* ---Section Title Three--- */
.section-title-3 {
    text-align: center;
    padding-bottom: 30px;
}

.section-title-3 > h2.heading {
    font-size: 46px;
    line-height: 64px;
    padding-bottom: 25px;
}

.section-title-3 .section-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.section-title-3 .section-icon .inner-icon {
    border-top: 1px solid #000000;
    position: relative;
    width: 235px;
}

.section-title-3 .section-icon .inner-icon > img {
    position: relative;
    top: -13px;
    background: #fff;
    padding: 0 15px;
    z-index: 1;
}

/* ---Section Title Four--- */
.section-title-4 > h2.heading {
    padding-bottom: 15px;
    line-height: 28.8px;
    position: relative;
    font-size: 24px;
}

.section-title-4 > h2.heading:before {
    background-color: #211e1c;
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    bottom: 0;
    left: 0;
}

/* ---Product Sticker---*/
.sticker {
    position: absolute;
    top: 20px;
    right: 0;
    width: auto;
    height: 25px;
    line-height: 24px;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    background: #211e1c;
    color: #ffffff;
    cursor: pointer;
    padding: 0 10px 0 10px
}

/* ---Cart Item Count--- */
.cart-item_count {
    background-color: #dd6b33;
    color: #ffffff;
    position: absolute;
    top: -15px;
    right: -10px;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-size: 10px;
    text-align: center;
    border-radius: 100%;
}

/* ---Tooltip--- */
.tooltip {
    z-index: 10;
}

.tooltip-inner {
    padding: 0 10px;
    height: 25px;
    line-height: 22px;
    text-align: center;
    border-radius: 0.25rem;
    font-size: 10px;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    content: "";
    border-width: 5px 5px 0;
}

.tooltip-inner {
    background-color: #211e1c;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: #211e1c;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #211e1c;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #211e1c;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #211e1c;
}

/* ---Spacing Between Slide Item---*/
.slick-gutter-30 .slick-list {
    margin: 0 -15px;
}

.slick-gutter-30 .slick-list .slick-slide {
    padding: 0 15px;
}

.slick-gutter-60 .slick-list {
    margin: 0 -30px;
}

.slick-gutter-60 .slick-list .slick-slide {
    padding: 0 30px;
}

@media (min-width: 1501px) {
    .slick-gutter-xl-60 .slick-list {
        margin: 0 -30px;
    }

    .slick-gutter-xl-60 .slick-list .slick-slide {
        padding: 0 30px;
    }
}

@media (max-width: 1500px) {
    .slick-gutter-xl-60 .slick-list {
        margin: 0 -15px;
    }

    .slick-gutter-xl-60 .slick-list .slick-slide {
        padding: 0 15px;
    }
}

/* ---Spacing Between Two Row---*/
.product-slider .slick-slide div:not(:last-child) .product-item {
    padding-bottom: 55px;
}

/* ---Slick Disabled Cursor Point--- */
.slick-disabled {
    cursor: not-allowed !important;
}

/* ---Tab Content & Pane Fix--- */
.tab-content {
    width: 100%;
}

.tab-content .tab-pane {
    display: block;
    height: 0;
    max-width: 100%;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
}

.tab-content .tab-pane.active {
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: visible;
}

/*-- Scroll To Top --*/
.scroll-to-top {
    background-color: #211e1c;
    color: #ffffff;
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    z-index: 999;
    font-size: 20px;
    overflow: hidden;
    display: block;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-animation: yenaSlideInDown 1s normal;
    animation: yenaSlideInDown 1s normal;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-animation: yenaSlideInUp 1s normal;
    animation: yenaSlideInUp 1s normal;
}

.scroll-to-top i {
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
}

.scroll-to-top:hover {
    background-color: #dd6b33;
}

.scroll-to-top:hover > i {
    -webkit-animation: yenaSlideInUp 1s infinite;
    animation: yenaSlideInUp 1s infinite;
}

.rating-box > ul > li {
    display: inline-block;
}

.rating-box > ul > li > i {
    color: #dd6b33;
    font-size: 16px;
}

.rating-box.gamboge-color > ul > li > i {
    color: #DC9B0E;
}

/* ---Pagination--- */
.paginatoin-area {
    padding: 30px 0 60px;
}

.paginatoin-area.position-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.paginatoin-area .pagination-box li {
    display: inline-block;
}

.paginatoin-area .pagination-box li > a {
    border: 1px solid #e5e5e5;
    width: 45px;
    height: 45px;
    line-height: 44px;
    text-align: center;
    display: block;
    border-radius: 100%;
}

.paginatoin-area .pagination-box li > a.next i {
    font-size: 16px;
}

.paginatoin-area .pagination-box li.active > a {
    background-color: #211e1c;
    color: #ffffff;
}

.paginatoin-area .pagination-box li:hover > a {
    background-color: #211e1c;
    color: #ffffff;
}

/* ---Tag--- */
.tags-list li {
    display: inline-block;
    margin-bottom: 5px;
}

.tags-list li a {
    font-size: 14px;
    border: 1px solid #e5e5e5;
    padding: 5px 15px;
    display: block;
    line-height: 20px;
}

/* ---Quantity--- */
.quantity .cart-plus-minus {
    position: relative;
    width: 76px;
    text-align: left;
}

.quantity .cart-plus-minus > .cart-plus-minus-box {
    border: 1px solid #e5e5e5;
    height: 46px;
    text-align: center;
    width: 48px;
    background: #ffffff;
}

.quantity .cart-plus-minus > .qtybutton {
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    cursor: pointer;
    position: absolute;
    text-align: center;
    width: 28px;
    height: 23px;
    line-height: 28px;
    font-size: 10px;
}

.quantity .cart-plus-minus > .qtybutton.dec {
    bottom: 0;
    right: 0;
}

.quantity .cart-plus-minus > .qtybutton.inc {
    border-bottom: none;
    top: 0;
    right: 0;
}

/* ---Range Slider--- */
.price-filter .ui-widget-content {
    background-color: #e5e5e5;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    height: 10px;
    margin: 0 0 25px;
    width: 100%;
    border-top-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-right-radius: 25px;
    -moz-border-radius-bottomright: 25px;
}

.price-filter .ui-slider-range {
    background-color: #dd6b33;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 100%;
}

.price-filter .ui-slider-handle {
    border: 4px solid #dd6b33;
    background: #ffffff;
    display: block;
    outline: none;
    width: 20px;
    height: 20px;
    line-height: 15px;
    margin: 0;
    text-align: center;
    top: 50%;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6.65px 0.35px rgba(0, 0, 0, 0.15);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: e-resize;
}

.price-filter .ui-slider-handle:last-child {
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.price-filter .ui-slider-handle:hover {
    background-color: #dd6b33;
}

.price-filter .price-slider-amount {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.price-filter .price-slider-amount .filter-btn {
    border: 2px solid #211e1c;
    width: 110px;
    height: 40px;
    line-height: 39px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .price-filter .price-slider-amount .filter-btn {
        width: 40px;
        font-size: 14px;
    }
}

.price-filter .price-slider-amount .filter-btn:hover {
    background-color: #dd6b33;
    border-color: #dd6b33;
    color: #ffffff;
}

.price-filter .price-slider-amount .label-input label {
    font-size: 14px;
    margin: 0;
    text-transform: capitalize;
}

.price-filter .price-slider-amount .label-input input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    height: inherit;
    padding-left: 5px;
    width: 99px;
}

/* ---Countdown--- */
.countdown-wrap .countdown.item-4 .countdown__item {
    display: inline-block;
    position: relative;
    padding: 10px 0;
    text-align: center;
    margin-left: 60px;
}

@media (max-width: 991px) {
    .countdown-wrap .countdown.item-4 .countdown__item {
        margin-left: 30px;
    }
}

@media (max-width: 479px) {
    .countdown-wrap .countdown.item-4 .countdown__item {
        margin-left: 15px;
    }
}

.countdown-wrap .countdown.item-4 .countdown__item:first-child {
    margin-left: 0;
}

.countdown-wrap .countdown.item-4 .countdown__item span {
    text-transform: capitalize;
}

.countdown-wrap .countdown.item-4 .countdown__item span.countdown__time {
    font-size: 49px;
}

.countdown-wrap .countdown.item-4 .countdown__item span.countdown__text {
    display: block;
    font-size: 18px;
    line-height: 32.4px;
}

.countdown-wrap.white-text_color span {
    color: #ffffff;
}

.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item {
    background-color: #ffffff;
    padding: 15px 0 10px;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin-left: 15px;
}

@media (max-width: 1500px) {
    .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item {
        margin-left: 5px;
        width: 70px;
        height: 70px;
        padding: 10px 0;
    }
}

@media (max-width: 575px) {
    .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item {
        width: 60px;
        height: 60px;
        padding: 5px 0;
    }
}

.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item:first-child {
    margin-left: 0;
}

.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span {
    font-family: "Playfair Display", serif;
    font-style: italic;
    text-transform: none;
    font-size: 16px;
}

@media (max-width: 1500px) {
    .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span {
        font-size: 14px;
    }
}

.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__time {
    font-weight: 600;
    font-size: 25px;
}

@media (max-width: 1500px) {
    .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__time {
        font-size: 18px;
    }
}

.countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__text {
    display: block;
}

@media (max-width: 1500px) {
    .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__text {
        line-height: 1.4;
    }
}

@media (max-width: 575px) {
    .countdown-wrap.with-border_radius .countdown.item-4 .countdown__item span.countdown__text {
        line-height: 1;
    }
}

/* ---Section Space--- */
.pt-200 {
    padding-top: 200px !important;
}

.pt-120 {
    padding-top: 120px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-30 {
    padding-bottom: 30px;
}

.ptb-100 {
    padding: 100px 0;
}

.ptb-95 {
    padding: 95px 0;
}

.ptb-70 {
    padding: 70px 0;
}

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

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

.mt-90 {
    margin-top: 95px;
}

.mb-30 {
    margin-bottom: 30px !important;
}

/* ---Image hover effect--- */
.img-hover_effect {
    position: relative;
}

.img-hover_effect:before {
    background-color: #000;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    z-index: 1;
}

.img-hover_effect .banner-img {
    position: relative;
}

.img-hover_effect .banner-img:before {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    content: "";
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    z-index: 1;
    pointer-events: none;
}

.img-hover_effect .banner-img:after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    content: "";
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    position: absolute;
    opacity: 0;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: 1;
    pointer-events: none;
}

.img-hover_effect:hover:before {
    opacity: 0.3;
}

.img-hover_effect:hover .banner-img:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.img-hover_effect:hover .banner-img:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* ---Image Zoom Effect--- */
.img-zoom_effect {
    position: relative;
    overflow: hidden;
}

.img-zoom_effect:before {
    background-color: #000;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    z-index: 1;
}

.img-zoom_effect img {
    -webkit-transition: 1.8s ease-in-out;
    -o-transition: 1.8s ease-in-out;
    transition: 1.8s ease-in-out;
}

.img-zoom_effect:hover:before {
    opacity: 0.3;
}

.img-zoom_effect:hover img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

/* ---Global Overlay--- */
.global-overlay {
    background-color: rgba(33, 30, 28, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99;
    visibility: hidden;
}

.global-overlay.overlay-open {
    visibility: visible;
    cursor: url(../images/menu/icon/light-close.png) 16 16, pointer;
}

/* ---Nice Select Customization--- */
.myniceselect.nice-select {
    padding: 0;
    margin: 0;
    height: auto;
    line-height: auto;
}

.myniceselect.nice-select span {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    padding: 0 60px;
}

.myniceselect.nice-select .list {
    width: 100%;
}

.myniceselect.nice-select.wide span {
    width: 100%;
}

/* ---Yena's Slick Dots--- */
.slick-dots {
    position: absolute;
    bottom: 30px;
    left: auto;
    right: 120px;
    text-align: center;
    padding: 0 30px;
}

@media (max-width: 1500px) {
    .slick-dots {
        right: 100px;
        padding: 0;
    }
}

@media (max-width: 991px) {
    .slick-dots {
        right: 80px;
    }
}

.slick-dots li {
    border: 1px solid #000000;
    display: inline-block;
    cursor: pointer;
    font-size: 0;
    width: 12px;
    height: 12px;
    border-radius: 100%;
}

.slick-dots li:first-child {
    margin-right: 15px;
}

.slick-dots li:hover {
    background-color: #dd6b33;
    border-color: #dd6b33;
}

.slick-dots li.slick-active {
    background-color: #dd6b33 !important;
    border: 1px solid #dd6b33;
}

.slick-dots li button {
    border: none;
}

.custom-dots .slick-dots {
    position: absolute;
    padding: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -45px;
}

.custom-dots .slick-dots > li {
    background-color: rgba(153, 133, 119, 0.5);
    border: 0;
    width: 15px;
    height: 15px;
}

.custom-dots .slick-dots > li:hover {
    background-color: #dd6b33;
}

@media (max-width: 575px) {
    .custom-dots .slick-dots > li {
        width: 10px;
        height: 10px;
    }
}

.custom-dots .slick-dots > li:not(:last-child) {
    margin-right: 20px;
}

@media (max-width: 575px) {
    .custom-dots .slick-dots > li:not(:last-child) {
        margin-right: 10px;
    }
}

.custom-dots.blog-slider_dots .slick-dots {
    bottom: -75px;
}

/* ---Yena's Newsletters Popup--- */
.popup_wrapper {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    height: 100%;
    opacity: 0;
    position: fixed;
    visibility: hidden;
    width: 100%;
    z-index: 9999999;
}

@media (max-width: 991px) {
    .popup_wrapper {
        display: none;
    }
}

.popup_wrapper .test {
    background: #ffffff;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 0;
    height: 425px;
    left: 0;
    margin: auto;
    max-width: 870px;
    padding: 50px 50px 50px;
    position: absolute;
    right: 0;
    top: 0;
}

.popup_wrapper .test .popup_off {
    background: #211e1c;
    color: #ffffff;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 43px;
    display: block;
    cursor: pointer;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
}

.popup_wrapper .test .popup_off:hover {
    background-color: #dd6b33;
}

.popup_wrapper .subscribe-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.popup_wrapper .subscribe-area .subscribe-img {
    background-color: #f0daca;
    width: 40%;
}

.popup_wrapper .subscribe-area .subscribe-img .subscribe-inner_img {
    margin: -20px -20px 20px 20px;
}

.popup_wrapper .subscribe-area .subscribe-content {
    padding-left: 80px;
    width: 60%;
    text-align: center;
}

.popup_wrapper .subscribe-area .subscribe-content > h2 {
    color: #202020;
    font-weight: 600;
    font-size: 30px;
    text-transform: capitalize;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.popup_wrapper .subscribe-area .subscribe-content > p {
    margin: 0;
    max-width: 580px;
    padding-bottom: 25px;
    color: #202020;
    font-size: 16px;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form {
    position: relative;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input {
    background: #ffffff;
    border: 1px solid #e5e5e5 !important;
    color: #202020;
    border: 0 none;
    height: 50px;
    padding: 0 150px 0 20px;
    width: 100%;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::-webkit-input-placeholder {
    color: #202020;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::-moz-placeholder {
    color: #202020;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input:-ms-input-placeholder {
    color: #202020;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::-ms-input-placeholder {
    color: #202020;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form input::placeholder {
    color: #202020;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form button {
    background: #dd6b33;
    color: #ffffff;
    top: 0;
    right: 0;
    position: absolute;
    width: 130px;
    height: 50px;
    line-height: 50px;
    border: 0;
    display: block;
    text-transform: uppercase;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-form-group form.subscribe-form button:hover {
    background-color: #dd6b33;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25px;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-bottom input {
    margin-right: 5px;
}

.popup_wrapper .subscribe-area .subscribe-content .subscribe-bottom label {
    margin-bottom: 0;
    color: #202020;
}

/* ---Mousemove Wrap--- */
.mousemove-wrap {
    width: calc(100% - 120px);
    height: calc(100% - 120px);
    bottom: 60px;
    left: 60px;
    position: absolute;
}

.mousemove-wrap .page-back {
    position: relative;
    top: calc(100% - 145px);
    left: 0;
    width: 100%;
}

@media (max-width: 1199px) {
    .mousemove-wrap .page-back {
        top: calc(100% - 95px);
    }
}

@media (max-width: 991px) {
    .mousemove-wrap .page-back {
        top: calc(100% - 55px);
    }
}

@media (max-width: 767px) {
    .mousemove-wrap .page-back {
        top: calc(100% - 10px);
    }
}

@media (max-width: 479px) {
    .mousemove-wrap .page-back {
        top: calc(100% + 25px);
    }
}

/* ---In Stock--- */
.in-stock {
    font-size: 12px;
    margin-left: 10px;
    font-weight: 600;
}

.in-stock i:before {
    border: 1px solid #86ba45;
    width: 15px;
    height: 15px;
    line-height: 13px;
    border-radius: 100%;
    font-size: 10px;
    display: block;
    text-align: center;
    margin-right: 5px;
}

/*----------------------------------------*/
/*  04 - Utilities - Color
/*----------------------------------------*/
/* ---Background Color--- */
.bg-smoke_color {
    background-color: #f5f5f5;
}

.bg-white_color {
    background-color: #ffffff;
}

.bg-wisp-pink {
    background-color: #f3ebe9;
}

.bg-snow {
    background-color: #f9f9f9;
}

.bg-clear_day {
    background-color: #ddeee9;
}

.bg-black {
    background-color: #000;
}

.bg-night_rider {
    background-color: #313131;
}

.bg-fantasy {
    background-color: #f0e5dd;
}

.bg-dim_gray {
    background-color: #6E6E6E;
}

.bg-snow {
    background-color: #f9f9f9;
}

.bg-cavern_pink {
    background-color: #dCb6b6;
}

.bg-hint-of_red {
    background-color: #f6f4f2;
}

.bg-tranquil {
    background-color: #e0f4f0;
}

.bg-bokara_grey {
    background-color: #211e1c;
}

.bg-sorbus {
    background-color: #dd6b33;
}

/*----------------------------------------*/
/*  12 - Components - Button
/*----------------------------------------*/
.yena-btn {
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0);
    background-color: #211e1c;
    color: #ffffff !important;
    width: 175px;
    height: 45px;
    line-height: 45px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}

@media (max-width: 767px) {
    .yena-btn {
        width: 120px;
        height: 40px;
        line-height: 40px;
        font-size: 11px;
    }
}

.yena-btn:hover {
    background-color: #dd6b33;
}

.yena-btn.transparent-btn {
    background-color: transparent;
}

.yena-btn.yena-btn_fullwidth {
    width: 100%;
}

.yena-btn.yena-btn_sm {
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
}

.yena-btn.white-color {
    background-color: #ffffff;
    color: #211e1c !important;
}

.yena-btn.white-color:hover {
    background-color: #211e1c;
    color: #ffffff !important;
}

.yena-btn.white-color.specific-hover_color:hover {
    background-color: #dd6b33;
}

.yena-btn.sorbus-color {
    background-color: #dd6b33;
}

.yena-btn.sorbus-color:hover {
    background-color: #211e1c;
}

.yena-btn.black-color {
    border: 1px solid #000000;
    font-size: 14px;
    color: #000000 !important;
}

@media (max-width: 767px) {
    .yena-btn.black-color {
        font-size: 11px;
    }
}

.yena-btn.black-color:hover {
    background-color: #dd6b33;
    border-color: #dd6b33;
    color: #ffffff !important;
}

.yena-btn.black-color.specific-hover_color:hover {
    background-color: #dd6b33;
}

.yena-btn.bokara-grey_color {
    border: 1px solid #211e1c;
    color: #211e1c !important;
    width: auto;
    padding: 0 30px;
}

.yena-btn.bokara-grey_color:hover {
    background-color: #211e1c;
    color: #ffffff !important;
}

.yena-btn.whisper-color {
    border: 1px solid #e5e5e5;
    color: #211e1c !important;
}

.yena-btn.whisper-color:hover {
    background-color: #dd6b33;
    border-color: #dd6b33;
    color: #ffffff !important;
}

.yena-btn.white-border {
    border: 1px solid #ffffff;
    color: #ffffff;
}

.yena-btn.white-border:hover {
    border-color: #dd6b33;
}

.yena-btn.square-btn {
    border-radius: 0;
}

.view-more-btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding-top: 75px;
}

.load-more_wrap {
    padding-top: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.load-more_wrap .inner-wrap {
    position: relative;
}

.load-more_wrap .inner-wrap > a.yena-btn:before {
    background-color: #000000;
    content: "";
    height: 1px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.load-more_wrap .inner-wrap > a.yena-btn:after {
    background-color: #000000;
    content: "";
    height: 1px;
    width: 60px;
    position: absolute;
    top: 50%;
    right: -60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.load-more_wrap .inner-wrap > a.yena-btn:hover:before {
    background-color: #dd6b33;
}

.load-more_wrap .inner-wrap > a.yena-btn:hover:after {
    background-color: #dd6b33;
}

/*----------------------------------------*/
/*  10 - Components - Navigation
/*----------------------------------------*/
/* ---Home Slider Arrow--- */
.yena-element-carousel.arrow-style .tty-slick-text-btn {
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 16px;
    width: 50px;
    height: 50px;
    line-height: 55px;
    display: block;
    text-align: center;
    position: absolute;
    cursor: pointer;
    top: 50%;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
}

.yena-element-carousel.arrow-style .tty-slick-text-btn.tty-slick-text-prev {
    right: auto;
    left: 15px;
}

.yena-element-carousel.arrow-style .tty-slick-text-btn.tty-slick-text-next {
    left: auto;
    right: 15px;
}

.yena-element-carousel.arrow-style .tty-slick-text-btn:hover {
    background-color: #dd6b33;
}

.yena-element-carousel.arrow-style:hover .slick-arrow {
    opacity: 1;
    visibility: visible;
}

.yena-element-carousel.arrow-sm_size .tty-slick-text-btn {
    width: 30px;
    height: 30px;
    line-height: 32px;
    font-size: 10px;
}

.yena-element-carousel.arrow-day_color .tty-slick-text-btn {
    background-color: #211e1c;
    color: #ffffff;
}

.yena-element-carousel:hover.arrow-style .tty-slick-text-btn {
    opacity: 1;
    visibility: visible;
}

/* ---Arrow Style Two--- */
.arrow-style-2 .slick-arrow {
    background-color: #ddeee9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    padding: 5px 0;
}

.arrow-style-2 .slick-arrow:hover {
    background-color: #dd6b33;
}

.arrow-style-2 .slick-arrow.tty-slick-text-prev {
    margin-bottom: 5px;
}

.arrow-style-2 .slick-arrow.tty-slick-text-prev > i:before {
    content: "\ea13";
}

.arrow-style-2 .slick-arrow.tty-slick-text-next {
    margin-top: 5px;
}

.arrow-style-2 .slick-arrow.tty-slick-text-next > i:before {
    content: "\ea10";
}

/* ---Arrow Style Three--- */
.arrow-style-3 {
    position: relative;
}

.arrow-style-3 .slick-arrow {
    background-color: #ffffff;
    position: absolute;
    bottom: 30px;
    left: calc(50% - 160px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 70px;
    height: 70px;
    line-height: 70px;
    z-index: 1;
}

.arrow-style-3 .slick-arrow.tty-slick-text-next {
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px);
    transform: translateX(60px);
}

.arrow-style-3 .slick-arrow > i {
    display: block;
    line-height: 70px;
}

.arrow-style-3 .slick-arrow:hover {
    opacity: 0.6;
}

.arrow-style-3 .slick-arrow:hover > i {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

/* ---Offcanvas--- */
.mobile-menu_wrapper .offcanvas-menu-inner,
.offcanvas-minicart_wrapper .offcanvas-menu-inner,
.offcanvas-search_wrapper .offcanvas-menu-inner {
    background-color: #151515;
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

@media (max-width: 479px) {
    .mobile-menu_wrapper .offcanvas-menu-inner,
    .offcanvas-minicart_wrapper .offcanvas-menu-inner,
    .offcanvas-search_wrapper .offcanvas-menu-inner {
        width: 260px;
    }
}

.mobile-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_logo,
.offcanvas-minicart_wrapper .offcanvas-menu-inner .offcanvas-inner_logo,
.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-inner_logo {
    padding: 30px 0;
    text-align: center;
}

.mobile-menu_wrapper.open .offcanvas-menu-inner,
.offcanvas-minicart_wrapper.open .offcanvas-menu-inner,
.offcanvas-search_wrapper.open .offcanvas-menu-inner {
    visibility: visible;
    left: auto;
    right: 0;
    opacity: 1;
    z-index: 999;
}

/* ---Offcanvas Close Button--- */
.btn-close {
    position: absolute;
    top: 0;
    left: -60px;
    background: #211e1c;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    z-index: 10;
    font-size: 24px;
}

@media (max-width: 479px) {
    .btn-close {
        left: -50px;
        width: 50px;
    }
}

.btn-close:hover {
    color: #dd6b33;
}

.btn-close:hover > i {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.btn-close > i {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    display: inline-block;
}

.btn-close.white-close_btn {
    color: #ffffff !important;
}

/* ---Mobile Menu Wrapper--- */
.mobile-menu_wrapper .btn-close-2 > i {
    color: #ffffff;
    position: absolute;
    top: 40px;
    right: 30px;
    font-size: 25px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.mobile-menu_wrapper .btn-close-2 > i:hover {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #dd6b33;
}

.mobile-menu_wrapper .offcanvas-menu-inner {
    padding: 90px 0 0;
    right: auto;
    left: -285px;
}

.mobile-menu_wrapper.open .offcanvas-menu-inner {
    left: 0;
}

/* ---Offcanvas Navigation Area--- */
.offcanvas-navigation .mobile-menu > li {
    height: 100%;
}

.offcanvas-navigation .mobile-menu > li > a span {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.offcanvas-navigation .mobile-menu li {
    position: relative;
}

.offcanvas-navigation .mobile-menu li:not(:last-child) {
    padding-bottom: 15px;
}

.offcanvas-navigation .mobile-menu li > .menu-expand {
    position: absolute;
    right: 0;
    top: 2px;
    width: 50px;
    height: 100%;
    line-height: 40px;
    cursor: pointer;
    text-align: center;
    margin-right: 4px;
    font-size: 20px;
}

.offcanvas-navigation .mobile-menu li a {
    color: #c0c0c0;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    padding: 0 30px;
}

.offcanvas-navigation .mobile-menu li .sub-menu {
    background-color: rgba(255, 255, 255, 0.05);
    overflow-y: auto;
    padding: 25px 0;
    margin: 20px 0 10px;
}

.offcanvas-navigation .mobile-menu li .sub-menu li a {
    text-transform: uppercase;
    font-size: 11px;
}

.offcanvas-navigation .mobile-menu li .sub-menu li a span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.offcanvas-navigation .mobile-menu li .sub-menu li.menu-open > a > span > i:before {
    content: "\ea13";
}

.offcanvas-navigation .mobile-menu li.menu-open > a {
    color: #dd6b33;
}

.offcanvas-navigation .mobile-menu li.menu-open > a > span > i:before {
    content: "\ea13";
}

/* ---Header User Setting Area--- */
.user-setting_area {
    padding-top: 45px;
}

/* ---Offcanvas Menu Wrapper--- */
.offcanvas-menu_wrapper .offcanvas-menu-inner {
    padding: 120px 60px 0;
    position: fixed;
    top: 0;
    right: -285px;
    width: 470px;
    height: 100%;
    background: #ffffff;
    z-index: 9999;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    text-align: left;
}

@media (max-width: 479px) {
    .offcanvas-menu_wrapper .offcanvas-menu-inner {
        padding: 120px 30px 0;
        width: 100%;
    }
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close {
    top: 45px;
    left: 25px;
    width: auto;
    line-height: 1;
    height: auto;
    display: block;
    background-color: transparent;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .btn-close:hover {
    background: transparent;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li {
    cursor: pointer;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:first-child {
    padding-top: 0;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:last-child > a {
    padding-bottom: 0;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:last-child ul > li:first-child {
    padding-top: 35px !important;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li:hover > a {
    color: #dd6b33;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li:first-child {
    padding-top: 0;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > a {
    width: 100%;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > ul {
    height: 160px;
    overflow-y: auto;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li.inner-sub > ul > li > a {
    font-size: 14px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.has-sub ul > li > a {
    font-size: 14px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul {
    display: none;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul li > a {
    display: inline-block;
    padding-bottom: 20px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > ul li:last-child > a {
    padding-bottom: 25px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a {
    display: block;
    padding-bottom: 35px;
    position: relative;
    line-height: 1;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li > a > i {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_nav ul li.open > a > i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner {
    padding-top: 140px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img {
    position: relative;
    cursor: pointer;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img img {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img:before {
    background-color: #000000;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_banner .inner-img:hover:before {
    width: calc(100% - 40px);
    height: calc(100% - 30px);
    top: 15px;
    left: 20px;
    opacity: 0.3;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info {
    padding-top: 35px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info > span {
    display: block;
    font-size: 14px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info > span:not(:last-child) {
    padding-bottom: 10px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info .payment {
    padding-top: 20px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info .copyright {
    padding: 20px 0 25px;
}

.offcanvas-menu_wrapper .offcanvas-menu-inner .offcanvas-inner_info .copyright span a {
    font-size: 14px;
}

.offcanvas-menu_wrapper.open .offcanvas-menu-inner {
    left: auto;
    right: 0;
    opacity: 1;
    visibility: visible;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    padding: 100px 0;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
    color: #ffffff;
    top: 0;
    left: auto;
    right: 0;
    font-size: 40px;
}

@media (max-width: 1500px) {
    .offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
        top: 70px;
        right: 90px;
    }
}

@media (max-width: 767px) {
    .offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
        right: 30px;
    }
}

@media (max-width: 479px) {
    .offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close {
        right: 15px;
    }
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .btn-close:hover {
    color: #dd6b33;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul {
    max-height: 520px;
    overflow-y: auto;
    width: 100%;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li.active > a {
    color: #ffffff;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li:hover > a {
    color: #ffffff;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li.has-sub > ul > li.inner-sub > a {
    width: auto;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li.has-sub > ul > li.inner-sub > a > i {
    position: relative;
    right: -5px;
    vertical-align: middle;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > ul > li:hover > a {
    color: #ffffff;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > ul > li a {
    color: #919191;
    font-size: 20px;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > ul > li a:hover {
    color: #ffffff;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > a {
    font-family: "Playfair Display", serif;
    color: #919191;
    font-size: 36px;
}

.offcanvas-menu_wrapper.fullscreen-menu .offcanvas-menu-inner .offcanvas-inner_nav > ul > li > a > i {
    position: relative;
    vertical-align: middle;
    left: 10px;
    right: auto;
}

.offcanvas-menu_wrapper.fullscreen-menu.open .offcanvas-menu-inner {
    opacity: 1;
}

/* ---Offcanvas Minicart Area--- */
.offcanvas-minicart_wrapper .offcanvas-menu-inner {
    padding: 60px !important;
    width: 450px;
    -webkit-box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0 15px rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
}

@media (max-width: 479px) {
    .offcanvas-minicart_wrapper .offcanvas-menu-inner {
        width: 100%;
        padding: 60px 15px !important;
    }
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .btn-close {
    background: transparent;
    color: #211e1c;
    top: 0;
    right: 0;
    left: auto;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .btn-close:hover {
    color: #dd6b33;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-heading > h4 {
    margin-bottom: 0;
    padding-bottom: 25px;
    font-size: 18px;
    line-height: 21.6px;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list {
    max-height: 311px;
    position: relative;
    overflow: auto;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li {
    padding-bottom: 30px;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li:last-child {
    padding-bottom: 0;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product > a.product-item_remove > i {
    position: absolute;
    font-size: 14px;
    top: auto;
    right: 15px;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_img {
    border: 1px solid #e5e5e5;
    -webkit-flex-basis: 70px;
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    max-width: 70px;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content {
    -webkit-flex-basis: calc(100% - 70px);
    -ms-flex-preferred-size: calc(100% - 70px);
    flex-basis: calc(100% - 70px);
    max-width: calc(100% - 70px);
    padding-left: 20px;
    padding-right: 10px;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content a.product-item_title {
    color: #494949;
    line-height: 1.4;
    font-size: 16px;
    width: 90%;
    display: block;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content a.product-item_title:hover {
    color: #dd6b33;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-content .minicart-list > li.minicart-product .product-item_content .product-item_quantity {
    display: block;
    padding-top: 10px;
    font-size: 13px;
    line-height: 24.7px;
    color: #494949;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-item_total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 0;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area {
    padding-bottom: 15px;
}

.offcanvas-minicart_wrapper .offcanvas-menu-inner .minicart-btn_area .hiraola-btn {
    height: 60px;
    line-height: 60px;
    color: #ffffff !important;
}

/* ---Offcanvas Search Area--- */
.offcanvas-search_wrapper .offcanvas-menu-inner {
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0.97;
    width: 100%;
    right: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    visibility: visible;
    opacity: 0;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .btn-close {
    background: transparent;
    color: #211e1c;
    top: 65px;
    right: 30px;
    left: auto;
    font-size: 40px;
    color: #ffffff;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .btn-close:hover {
    color: #dd6b33;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: 1.3s ease-in-out;
    -o-transition: 1.3s ease-in-out;
    transition: 1.3s ease-in-out;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search > span.searchbox-info {
    color: #ffffff;
    font-size: 20px;
}

@media (max-width: 575px) {
    .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search > span.searchbox-info {
        font-size: 16px;
    }
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox {
    position: relative;
    -webkit-transform-origin: top bottom;
    -ms-transform-origin: top bottom;
    transform-origin: top bottom;
    width: calc(100% - 30px);
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #ffffff;
    height: 100px;
    line-height: 100px;
    width: 100%;
    padding: 0;
    color: #ffffff;
    -webkit-transform-origin: top bottom;
    -ms-transform-origin: top bottom;
    transform-origin: top bottom;
    text-align: center;
    font-size: 30px;
    padding-right: 40px;
}

@media (max-width: 575px) {
    .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input {
        font-size: 16px;
        height: 60px;
        line-height: 60px;
    }
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::-webkit-input-placeholder {
    color: #ffffff;
    text-align: center;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::-moz-placeholder {
    color: #ffffff;
    text-align: center;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input:-ms-input-placeholder {
    color: #ffffff;
    text-align: center;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::-ms-input-placeholder {
    color: #ffffff;
    text-align: center;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > input::placeholder {
    color: #ffffff;
    text-align: center;
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > .search_btn {
    position: absolute;
    font-size: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    border: 0;
    background: transparent;
    color: #ffffff;
}

@media (max-width: 575px) {
    .offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > .search_btn {
        font-size: 16px;
    }
}

.offcanvas-search_wrapper .offcanvas-menu-inner .offcanvas-search .hm-searchbox > .search_btn:hover > i {
    color: #dd6b33;
}

.offcanvas-search_wrapper.open .offcanvas-menu-inner {
    left: auto;
    right: 0;
    padding: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.offcanvas-search_wrapper.open .offcanvas-menu-inner .offcanvas-search {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*----------------------------------------*/
/*  11 - Components - Slider
/*----------------------------------------*/
.home-slider .slide-item {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.home-slider .slide-item .inner-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.home-slider .slide-item .inner-slide .slide-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 38%;
}

@media (max-width: 991px) {
    .home-slider .slide-item .inner-slide .slide-content {
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .home-slider .slide-item .inner-slide .slide-content {
        max-width: 100%;
    }
}

.home-slider .slide-item .inner-slide .slide-content > h2 {
    font-size: 45px;
    margin-bottom: 20px;
    line-height: 59px;
    color: #211e1c;
    font-style: italic;
    text-align: center;
}

@media (max-width: 1500px) {
    .home-slider .slide-item .inner-slide .slide-content > h2 {
        font-size: 30px;
        line-height: 44px;
    }
}

@media (max-width: 575px) {
    .home-slider .slide-item .inner-slide .slide-content > h2 {
        font-size: 22px;
        line-height: 1.2;
    }
}

.home-slider .slide-item .inner-slide .slide-content.white-text h2,
.home-slider .slide-item .inner-slide .slide-content.white-text p {
    color: #ffffff;
}

.home-slider .slide-item.slide-left_center {
    position: relative;
    overflow: hidden;
}

.home-slider .slide-item.slide-left_center .inner-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

@media (max-width: 767px) {
    .home-slider .slide-item.slide-left_center .inner-slide {
        display: block;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-content {
    width: 50%;
    max-width: 100%;
}

@media (max-width: 767px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content {
        position: relative;
        width: 100%;
        height: 310px;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content {
    position: relative;
    left: 9%;
}

@media (max-width: 1199px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content {
        left: 0;
    }
}

@media (max-width: 767px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > h2 {
    font-size: 89px;
    margin-bottom: 0;
    line-height: 1.2;
    padding-bottom: 25px;
    font-style: italic;
}

@media (max-width: 1500px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > h2 {
        padding-bottom: 15px;
        font-size: 63px;
    }
}

@media (max-width: 1199px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > h2 {
        font-size: 40px;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > p {
    font-size: 28px;
    margin-bottom: 0;
    padding-bottom: 50px;
    font-style: italic;
}

@media (max-width: 1500px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > p {
        padding-bottom: 35px;
        font-size: 20px;
    }
}

@media (max-width: 1199px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content > p {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-content .inner-content .slide-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-img {
    position: relative;
    width: 50%;
    height: 100%;
}

@media (max-width: 767px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-img {
        width: 100%;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border:before {
    border-top: 7px solid #ffffff;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid transparent;
    border-right: 7px solid #ffffff;
    content: "";
    position: absolute;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    top: 50px;
    left: 50px;
    z-index: 1;
}

@media (max-width: 1199px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border:before {
        width: calc(100% - 60px);
        height: calc(100% - 60px);
        top: 30px;
        left: 30px;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border span:before {
    border-left: 7px solid #ffffff;
    content: "";
    position: absolute;
    width: 825px;
    height: 130px;
    top: 50px;
    left: 50px;
    z-index: 2;
}

@media (max-width: 1199px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border span:before {
        top: 30px;
        left: 30px;
    }
}

@media (max-width: 479px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border span:before {
        height: 70px;
    }
}

.home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border span:after {
    border-left: 7px solid #ffffff;
    content: "";
    position: absolute;
    width: 825px;
    height: 130px;
    left: 50px;
    bottom: 50px;
    z-index: 2;
}

@media (max-width: 1199px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border span:after {
        bottom: 30px;
        left: 30px;
    }
}

@media (max-width: 479px) {
    .home-slider .slide-item.slide-left_center .inner-slide .slide-img .img-border span:after {
        height: 70px;
    }
}

.home-slider .slide-item.bg-slide_height {
    height: 860px;
}

@media (max-width: 1500px) {
    .home-slider .slide-item.bg-slide_height {
        height: 615px;
    }
}

@media (max-width: 1199px) {
    .home-slider .slide-item.bg-slide_height {
        height: 450px;
    }
}

@media (max-width: 767px) {
    .home-slider .slide-item.bg-slide_height {
        height: auto;
    }
}

.home-slider.autoplay-video_slider {
    position: relative;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
}

.home-slider.autoplay-video_slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.home-slider.autoplay-video_slider .slick-slide {
    position: relative;
    outline: 0;
    height: 39vw;
}

.home-slider.autoplay-video_slider .slick-slide video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.home-slider.autoplay-video_slider .slick-slide iframe {
    position: relative;
    pointer-events: none;
}

.home-slider.autoplay-video_slider .slick-slide figure {
    position: relative;
    height: 100%;
}

.home-slider.autoplay-video_slider .slick-slide .slide-media {
    -webkit-animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    animation: slideOut 0.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.home-slider.autoplay-video_slider .slick-slide.slick-active {
    z-index: 1;
}

.home-slider.autoplay-video_slider .slick-slide.slick-active .slide-media {
    -webkit-animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
    animation: slideIn 2.4s cubic-bezier(0.4, 0.29, 0.01, 1);
}

.home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
    position: absolute;
    top: 36%;
    left: 5%;
    padding: 20px;
    margin: 0;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    max-width: 38%;
    opacity: 1;
    -webkit-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
    -o-transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
    transition: all 0.7s cubic-bezier(0.32, 0.34, 0, 1.62) 0.6s;
}

@media (max-width: 1500px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
        top: 32.5%;
    }
}

@media (max-width: 1199px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
        top: 43.5%;
    }
}

@media (max-width: 991px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
        top: 60%;
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
        top: 48%;
    }
}

@media (max-width: 479px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content {
        top: 73%;
    }
}

.home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content > h2 {
    font-size: 55px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 1.2;
    color: #ffffff;
    max-width: 75%;
}

@media (max-width: 1500px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content > h2 {
        font-size: 30px;
    }
}

@media (max-width: 575px) {
    .home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content > h2 {
        font-size: 20px;
    }
}

.home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content > p {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 26px;
}

.home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content > p.short-desc {
    max-width: 60%;
    color: #ffffff;
}

.home-slider.autoplay-video_slider .slick-slide.slick-active .video-slide_content a {
    color: #ffffff;
}

.home-slider.autoplay-video_slider .slide-item .inner-img {
    position: absolute;
    bottom: 40px;
    left: 250px;
    -webkit-animation: slide-in-right 4s linear infinite alternate both;
    animation: slide-in-right 4s linear infinite alternate both;
}

@media (max-width: 767px) {
    .home-slider.autoplay-video_slider .slide-item .inner-img {
        left: 100px;
    }
}

@media (max-width: 575px) {
    .home-slider.autoplay-video_slider .slide-item .inner-img {
        left: 0;
    }
}

.home-slider.autoplay-video_slider .slide-item .inner-img > img {
    width: 100%;
}

@media (max-width: 991px) {
    .home-slider.autoplay-video_slider .slide-item .inner-img > img {
        width: 75%;
    }
}

@media (max-width: 767px) {
    .home-slider.autoplay-video_slider .slide-item .inner-img > img {
        width: 50%;
    }
}

/* ---Slider Area Two--- */
@media (max-width: 767px) {
    .slider-area-2 .home-slider .slick-arrow {
        display: none !important;
    }
}

.slider-area-2 .home-slider .slick-dots {
    bottom: 50px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .slider-area-2 .home-slider .slick-dots {
        display: none !important;
    }
}

.slider-area-2 .home-slider .slick-dots > li {
    background-color: #ffffff;
    border: 1px solid #ffffff;
}

.slider-area-2 .home-slider .slick-dots > li.slick-active {
    background-color: #dd6b33;
    border-color: #dd6b33;
}

.slider-area-2 .home-slider .slick-dots > li:hover {
    background-color: #dd6b33;
    border-color: #dd6b33;
}

/* ---Slider Area Three--- */
.slider-area-3.video-slider_area .autoplay-video_slider .slick-slide {
    min-height: 540px;
}

@media (max-width: 767px) {
    .slider-area-3.video-slider_area .autoplay-video_slider .item {
        min-height: 380px;
    }
}

.slider-area-3.video-slider_area .autoplay-video_slider .item .video-slide_content {
    top: 30%;
}

/* ---Slider Area Four--- */
.slider-area-4 .custom-container {
    width: calc(100% - 200px);
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .slider-area-4 .custom-container {
        width: calc(100% - 140px);
    }
}

@media (max-width: 767px) {
    .slider-area-4 .custom-container {
        width: calc(100% - 30px);
    }
}

.slider-area-4 .img-border:before {
    background-color: rgba(0, 0, 0, 0.1);
    border-top: 7px solid #ffffff;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid #ffffff;
    border-right: 7px solid #ffffff;
    content: "";
    position: absolute;
    width: calc(100% - 120px);
    height: 100%;
    margin: 0 auto;
    top: 60px;
    left: 60px;
    z-index: 2;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .slider-area-4 .img-border:before {
        width: calc(100% - 60px);
        top: 30px;
        left: 30px;
    }
}

@media (max-width: 1199px) {
    .slider-area-4 .img-border:before {
        width: calc(100% - 30px);
        height: calc(100% - 90px);
        top: 100px;
        left: 15px;
    }
}

.slider-area-4 .home-slider .slide-item {
    position: relative;
    overflow: hidden;
}

@media (max-width: 767px) {
    .slider-area-4 .home-slider .slide-item .inner-slide {
        padding-top: 70px;
    }
}

.slider-area-4 .home-slider .slide-item .inner-slide .slide-content > h2.heading {
    font-size: 89px;
    line-height: 119px;
}

@media (max-width: 1500px) {
    .slider-area-4 .home-slider .slide-item .inner-slide .slide-content > h2.heading {
        font-size: 50px;
        line-height: 1.2;
        padding-bottom: 15px;
    }
}

@media (max-width: 1199px) {
    .slider-area-4 .home-slider .slide-item .inner-slide .slide-content > h2.heading {
        font-size: 40px;
    }
}

@media (max-width: 767px) {
    .slider-area-4 .home-slider .slide-item .inner-slide .slide-content > h2.heading {
        font-size: 30px;
    }
}

.slider-area-4 .home-slider .slide-item .inner-slide .slide-content > p.short-desc {
    font-size: 28px;
    line-height: 37px;
    padding-bottom: 40px;
}

@media (max-width: 1500px) {
    .slider-area-4 .home-slider .slide-item .inner-slide .slide-content > p.short-desc {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width: 1199px) {
    .slider-area-4 .home-slider .slide-item .inner-slide .slide-content > p.short-desc {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .slider-area-4 .home-slider .slide-item .inner-slide .slide-content > p.short-desc {
        padding-bottom: 20px;
        text-align: center;
        max-width: 80%;
    }
}

.slider-area-4 .home-slider .slide-item .inner-slide .slide-content .slide-btn {
    z-index: 1;
}

/* ---Slider Area Five--- */
.home-slider-5.slick-vertical .slick-slide {
    border: 0;
}

.home-slider-5.arrow-style-3 .slick-arrow {
    border: 1px solid #e5e5e5;
    position: absolute;
    bottom: 90px;
    width: 140px;
    height: 80px;
    z-index: 1;
}

@media (max-width: 1199px) {
    .home-slider-5.arrow-style-3 .slick-arrow {
        -webkit-transform: translateX(80px);
        -ms-transform: translateX(80px);
        transform: translateX(80px);
        bottom: 40px;
    }
}

@media (max-width: 991px) {
    .home-slider-5.arrow-style-3 .slick-arrow {
        width: 80px;
    }
}

@media (max-width: 767px) {
    .home-slider-5.arrow-style-3 .slick-arrow {
        display: none !important;
    }
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-prev {
    right: 310px;
    left: auto;
    background-position: -140px;
    background-repeat: no-repeat;
}

@media (max-width: 991px) {
    .home-slider-5.arrow-style-3 .slick-arrow.slick-prev {
        right: 250px;
    }
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-prev i {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-prev:hover {
    background-position: 0;
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-prev:hover:before {
    background-color: #211e1c;
    border-color: #211e1c;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-prev:hover i {
    opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-next {
    right: 140px;
    left: auto;
    background-position: 140px;
    background-repeat: no-repeat;
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-next i {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-next:hover {
    background-position: 0;
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-next:hover:before {
    background-color: #211e1c;
    border-color: #211e1c;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
}

.home-slider-5.arrow-style-3 .slick-arrow.slick-next:hover i {
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

.home-slider-5 .slide-item {
    position: relative;
    height: calc(100vh - 125px);
}

@media (max-width: 575px) {
    .home-slider-5 .slide-item {
        height: calc(100vh - 180px);
    }
}

.home-slider-5 .slide-item .mousemove-wrap-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-slider-5 .slide-item .mousemove-wrap-2 .page-back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
}

.home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-page_back {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: 60px;
}

@media (max-width: 767px) {
    .home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-page_back {
        display: none;
    }
}

.home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-page_back img.circle-img {
    -webkit-animation: rotate-center 7s linear infinite normal both;
    animation: rotate-center 7s linear infinite normal both;
    width: 200px;
}

.home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-page_back img.product-img {
    position: absolute;
    top: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) scale(0.7);
    -ms-transform: translateX(-50%) scale(0.7);
    transform: translateX(-50%) scale(0.7);
}

@media (max-width: 991px) {
    .home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-page_back img.product-img {
        -webkit-transform: translateX(-50%) scale(0.5);
        -ms-transform: translateX(-50%) scale(0.5);
        transform: translateX(-50%) scale(0.5);
    }
}

.home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-bg_wrap img {
    width: 75%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position: bottom;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-bg_wrap img {
        width: 55%;
    }
}

@media (max-width: 767px) {
    .home-slider-5 .slide-item .mousemove-wrap-2 .page-back .inner-bg_wrap img {
        width: 60%;
    }
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right {
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 78%;
}

@media (max-width: 1199px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content {
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (max-width: 479px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content {
        max-width: 100%;
    }
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content span {
    color: #dd6b33;
    font-size: 12px;
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content > h2.title {
    font-size: 24px;
    line-height: 28px;
    padding-bottom: 10px;
}

@media (max-width: 575px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content > h2.title {
        font-size: 22px;
    }
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content > p.short-desc {
    font-size: 14px;
    line-height: 24px;
    max-width: 85%;
    padding-bottom: 15px;
}

@media (max-width: 1199px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content > p.short-desc {
        text-align: right;
        max-width: 60%;
    }
}

@media (max-width: 767px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content > p.short-desc {
        max-width: 85%;
    }
}

@media (max-width: 575px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content > p.short-desc {
        max-width: 100%;
        font-size: 11px;
    }
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content .slide-btn a.yena-btn {
    font-size: 10px;
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth {
    max-width: none;
    width: 100%;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 575px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth {
        display: block;
        text-align: center;
    }
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .slide-img {
    position: relative;
    width: 100%;
    margin-left: auto;
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .slide-img img {
    width: 100%;
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .slide-img .inner-text {
    position: absolute;
    top: 20px;
    left: 20px;
}

@media (max-width: 767px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .slide-img .inner-text {
        top: 0;
    }

    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .slide-img .inner-text > h2 {
        font-size: 20px;
    }
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .product-offer {
    height: 100%;
    padding-left: 60px;
}

@media (max-width: 575px) {
    .home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .product-offer {
        padding-left: 0;
        display: inline-block;
        text-align: center;
    }
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .product-offer .inner-product_text {
    background-color: #211e1c;
    padding: 20px 30px;
    text-align: center;
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .product-offer .inner-product_text span {
    color: #ffffff;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .product-offer .inner-product_text strong {
    color: #ffffff;
    font-size: 30px;
    line-height: 1.2;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home-slider-5 .slide-item .inner-slide.inner-slide_right .slide-content.text-fullwidth .product-offer a.offer-link {
    padding-top: 20px;
    display: block;
}

.home-slider-5 .slick-dots {
    display: none !important;
}

@media (max-width: 767px) {
    .home-slider-5 .slick-dots {
        display: block !important;
    }
}

/* ---Slider Area Six--- */
.slider-area-6 .home-slider .slide-item .inner-slide {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.slider-area-6 .home-slider .slide-item .inner-slide .slide-content {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    left: 5%;
}

.slider-area-6 .home-slider .slide-item .inner-slide .slide-content h2.title {
    font-size: 36px;
    line-height: 43.2px;
    text-align: center;
    max-width: 80%;
    margin-top: -80px;
    color: #ffffff;
}

.slider-area-6 .home-slider .slide-item .inner-slide .slide-img {
    position: relative;
    right: 10%;
}

@media (max-width: 991px) {
    .slider-area-6 .home-slider .slide-item .inner-slide .slide-img {
        right: 0;
    }

    .slider-area-6 .home-slider .slide-item .inner-slide .slide-img img {
        width: 65%;
    }
}

@media (max-width: 767px) {
    .slider-area-6 .home-slider .slide-item .inner-slide .slide-img {
        display: none;
    }
}

/* ---All Slider Background Included In This Area---↓ */
/* ---Home One--- */
.bg-1 {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 795px;
    position: relative;
}

@media (max-width: 1500px) {
    .bg-1 {
        min-height: 520px;
    }
}

@media (max-width: 991px) {
    .bg-1 {
        min-height: 450px;
    }
}

@media (max-width: 575px) {
    .bg-1 {
        min-height: 335px;
    }
}

.bg-1.slick-active:before {
    /*background-image: url("../images/slider/bg/1-1.jpg");*/
    background-position: center;
    background-size: cover;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-animation: kenburns-top 15s ease-out 0s normal 1 both running;
    animation: kenburns-top 15s ease-out 0s normal 1 both running;
}

/* ---Home Four--- */
.bg-2 {
    background-image: url("../images/slider/bg/4-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 895px;
}

@media (max-width: 1500px) {
    .bg-2 {
        min-height: 635px;
    }
}

@media (max-width: 991px) {
    .bg-2 {
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    .bg-2 {
        min-height: 330px;
    }
}

@media (max-width: 479px) {
    .bg-2 {
        background-image: none;
        background-color: #ccc;
    }
}

/* ---Home Five--- */
.bg-3,
.bg-4 {
    background-image: url("../images/slider/bg/5-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 815px;
}

@media (max-width: 1500px) {
    .bg-3,
    .bg-4 {
        min-height: 548px;
    }
}

@media (max-width: 1199px) {
    .bg-3,
    .bg-4 {
        min-height: 500px;
    }
}

@media (max-width: 767px) {
    .bg-3,
    .bg-4 {
        min-height: 470px;
        background-position: right;
    }
}

.bg-4 {
    background-image: url("../images/slider/bg/5-2.jpg");
}

/* ---Home Six--- */
.bg-5 {
    background-image: url("../images/slider/bg/6-1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 815px;
}

@media (max-width: 991px) {
    .bg-5 {
        min-height: 525px;
    }
}

@media (max-width: 767px) {
    .bg-5 {
        min-height: 480px;
        background-position: left;
    }
}

/* ---Home Seven--- */
.bg-6 {
    background-image: url("../images/slider/bg/8-1.html");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 815px;
}

/*----------------------------------------*/
/*  13 - Components - Banner
/*----------------------------------------*/
.banner-area {
    padding-top: 60px;
}

@media (max-width: 767px) {
    .banner-area [class*=col-]:not(:last-child) .banner-item {
        margin-bottom: 30px;
    }
}

/* ---Banner Area Two--- */
.banner-area-2 {
    background-image: -webkit-radial-gradient(center center, #fffdf6 0%, #ebf0e3 100%);
    background-image: -o-radial-gradient(center center, #fffdf6 0%, #ebf0e3 100%);
    background-image: radial-gradient(center center, #fffdf6 0%, #ebf0e3 100%);
    padding: 100px 0;
    margin-top: 95px;
}

.banner-area-2 .banner-item .banner-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-area-2 .banner-item .banner-content > h4.intro {
    margin-bottom: 0;
    padding-bottom: 55px;
    font-style: italic;
}

/* ---Banner Area Three--- */
.banner-area-3 {
    padding-top: 95px;
}

.banner-area-3 .banner-item .banner-content.position-bottom_center {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
    cursor: pointer;
}

.banner-area-3 .banner-item .banner-content span {
    font-size: 20px;
    line-height: 24px;
    padding: 25px;
    display: block;
    text-align: center;
    pointer-events: none;
}

@media (max-width: 1500px) {
    .banner-area-3 .banner-item .banner-content span {
        font-size: 21px;
    }
}

@media (max-width: 1199px) {
    .banner-area-3 .banner-item .banner-content span {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area-3 .banner-item .banner-content span {
        font-size: 14px;
        text-transform: capitalize !important;
    }
}

.banner-area-3 .banner-item .banner-content span.white-text_color {
    background-color: rgba(33, 30, 28, 0.5);
    color: #ffffff;
}

/* ---Banner Area Five--- */
.banner-area-5.banner-bg-1 {
    background-image: url("../images/banner/bg/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 485px;
    position: relative;
}

@media (max-width: 767px) {
    .banner-area-5.banner-bg-1 {
        height: 350px;
    }
}

.banner-area-5.banner-bg-1:before {
    background-color: #000000;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.3;
    z-index: -1;
}

.banner-area-5.banner-bg-1 .banner-item .banner-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-area-5.banner-bg-1 .banner-item .banner-content h2.title {
    font-size: 46px;
    line-height: 46px;
    color: #ffffff;
    margin-bottom: 0;
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .banner-area-5.banner-bg-1 .banner-item .banner-content h2.title {
        font-size: 25px;
    }
}

.banner-area-5.banner-bg-1 .banner-item .banner-content .popup-btn:hover {
    -webkit-animation: big-pulse 700ms ease-out 0s normal 1 both running;
    animation: big-pulse 700ms ease-out 0s normal 1 both running;
}

.banner-area-5.banner-bg-1 .banner-item .banner-content .popup-btn a {
    color: #ffffff;
    font-size: 40px;
    border: 1px solid #ffffff;
    width: 90px;
    height: 90px;
    line-height: 90px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

@media (max-width: 767px) {
    .banner-area-5.banner-bg-1 .banner-item .banner-content .popup-btn a {
        font-size: 25px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

/* ---Banner Area Six--- */
.banner-area-6 {
    padding: 130px 0 125px;
}

@media (max-width: 991px) {
    .banner-area-6 {
        padding: 100px 0 90px;
    }
}

.banner-area-6 .custom-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 1501px) {
    .banner-area-6 .custom-container {
        max-width: 1400px;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 575px) {
    .banner-area-6 .custom-container {
        padding-left: 0;
        padding-right: 0;
        margin: 0;
    }
}

.banner-area-6 .banner-item {
    padding: 30px;
}

@media (max-width: 575px) {
    .banner-area-6 .banner-item {
        padding: 0;
    }
}

.banner-area-6 .banner-item.bg-snow {
    position: relative;
}

@media (max-width: 991px) {
    .banner-area-6 .banner-item .img-border {
        display: none;
    }
}

.banner-area-6 .banner-item .img-border:before {
    border-top: 7px solid #ffffff;
    border-bottom: 7px solid #ffffff;
    border-left: 7px solid #ffffff;
    border-right: 7px solid #ffffff;
    content: "";
    position: absolute;
    width: calc(100% - 145px);
    height: calc(100% + 30px);
    top: 30px;
    left: 85px;
    z-index: 1;
    pointer-events: none;
}

.banner-area-6 .banner-item .banner-img {
    position: relative;
    margin: -60px 0;
}

@media (max-width: 575px) {
    .banner-area-6 .banner-item .banner-img {
        margin: 0;
    }
}

.banner-area-6 .banner-item .banner-img .signature {
    position: absolute;
    left: 70px;
    bottom: 50px;
}

@media (max-width: 575px) {
    .banner-area-6 .banner-item .banner-content {
        padding: 25px 20px 30px 20px;
    }
}

.banner-area-6 .banner-item .banner-content span {
    color: #dd6b33;
    display: block;
    padding-bottom: 20px;
}

@media (max-width: 1199px) {
    .banner-area-6 .banner-item .banner-content span {
        padding-bottom: 0;
    }
}

.banner-area-6 .banner-item .banner-content h2.title {
    font-size: 56px;
    line-height: 78.4px;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 20px;
}

@media (max-width: 1500px) {
    .banner-area-6 .banner-item .banner-content h2.title {
        font-size: 42px;
        line-height: 58.8px;
    }
}

@media (max-width: 1199px) {
    .banner-area-6 .banner-item .banner-content h2.title {
        font-size: 30px;
        line-height: 1.2;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
}

.banner-area-6 .banner-item .banner-content h2.title:before {
    background-color: #211e1c;
    content: "";
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.banner-area-6 .banner-item .banner-content p.short-desc {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 36px;
    padding-bottom: 35px;
    max-width: 82%;
}

@media (max-width: 1199px) {
    .banner-area-6 .banner-item .banner-content p.short-desc {
        font-size: 14px;
        line-height: 1.8;
        padding-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .banner-area-6 .banner-item .banner-content p.short-desc {
        max-width: 100%;
    }
}

/* ---Banner Area Seven--- */
.banner-area-7 {
    padding-top: 100px;
}

@media (max-width: 767px) {
    .banner-area-7 [class*=col-]:not(:last-child) .banner-item {
        margin-bottom: 0;
    }
}

/* ---Banner Area Eight--- */
.banner-area-8 {
    padding-bottom: 160px;
}

.banner-area-8 .banner-item {
    position: relative;
}

.banner-area-8 .banner-item .banner-content {
    border: 1px solid #dd6b33;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 85%;
    height: 85%;
    pointer-events: none;
}

.banner-area-8 .banner-item .banner-content > h3.title {
    padding-top: 50px;
    text-align: center;
    text-transform: uppercase;
}

.banner-area-8 .sub-banner [class*=col-]:not(:last-child) {
    padding-bottom: 30px;
}

/* ---Banner Area Nine--- */
.banner-area-9 .container-fluid {
    padding: 0 140px;
    overflow: hidden;
}

@media (max-width: 1500px) {
    .banner-area-9 .container-fluid {
        padding: 0 30px;
    }
}

.banner-area-9.banner-bg-2 {
    background-image: url("../images/banner/bg/2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 835px;
}

@media (max-width: 1199px) {
    .banner-area-9.banner-bg-2 {
        height: 440px;
    }
}

@media (max-width: 479px) {
    .banner-area-9.banner-bg-2 {
        background-image: none;
        background-color: #ccc;
    }
}

.banner-area-9 .banner-item {
    padding: 90px 0;
}

@media (max-width: 1500px) {
    .banner-area-9 .banner-item {
        padding: 30px 0;
    }
}

.banner-area-9 .banner-item .inner-banner_item {
    position: relative;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-area-9 .banner-item .inner-banner_item:before {
    background-color: #ffffff;
    height: 185px;
    width: 1px;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .banner-area-9 .banner-item .inner-banner_item:before {
        height: 110px;
    }
}

.banner-area-9 .banner-item .inner-banner_item:after {
    background-color: #ffffff;
    height: 185px;
    width: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .banner-area-9 .banner-item .inner-banner_item:after {
        height: 110px;
    }
}

.banner-area-9 .banner-item .inner-banner_item .banner-content:before {
    background-color: #ffffff;
    height: 185px;
    width: 1px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .banner-area-9 .banner-item .inner-banner_item .banner-content:before {
        height: 110px;
    }
}

.banner-area-9 .banner-item .inner-banner_item .banner-content:after {
    background-color: #ffffff;
    height: 185px;
    width: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .banner-area-9 .banner-item .inner-banner_item .banner-content:after {
        height: 110px;
    }
}

.banner-area-9 .banner-item .inner-banner_item .banner-content .inner-content {
    position: absolute;
    top: 90px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1199px) {
    .banner-area-9 .banner-item .inner-banner_item .banner-content .inner-content {
        top: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
    }
}

@media (max-width: 1199px) {
    .banner-area-9 .banner-item .inner-banner_item .banner-content .inner-content .inner-img {
        width: 60%;
    }
}

.banner-area-9 .banner-item .inner-banner_item .banner-content .inner-content h2.title {
    font-size: 36px;
    line-height: 43.2px;
    text-align: center;
    max-width: 85%;
    margin-top: -60px;
}

.banner-area-9 .banner-item .inner-banner_item .banner-content .inner-content h2.title.white-text_color {
    color: #ffffff;
}

@media (max-width: 1199px) {
    .banner-area-9 .banner-item .inner-banner_item .banner-content .inner-content h2.title {
        font-size: 25px;
        line-height: 1.2;
    }
}

.banner-area-9 .banner-item .inner-banner_item .banner-content .inner-content .banner-btn_wrap {
    padding-top: 30px;
}

/* ---Banner With Border-- */
.banner-with_border .banner-item .banner-inner_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 100px 0;
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item {
        padding: 0;
    }
}

@media (max-width: 575px) {
    .banner-with_border .banner-item .banner-inner_item {
        display: block;
    }
}

.banner-with_border .banner-item .banner-inner_item .img-border {
    padding: 100px 0;
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .img-border {
        display: none;
    }
}

.banner-with_border .banner-item .banner-inner_item .img-border:before {
    border-top: 1px solid #dd6b33;
    border-right: 1px solid #dd6b33;
    border-bottom: 1px solid #dd6b33;
    width: calc(100% - 600px);
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 90px;
    pointer-events: none;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .img-border:before {
        width: calc(100% - 300px);
        right: 45px;
    }
}

.banner-with_border .banner-item .banner-inner_item .img-border span:before {
    background-color: #dd6b33;
    content: "";
    width: 1px;
    position: absolute;
}

.banner-with_border .banner-item .banner-inner_item .img-border span:after {
    background-color: #dd6b33;
    content: "";
    width: 1px;
    position: absolute;
}

.banner-with_border .banner-item .banner-inner_item .img-border.img-border_left span:before {
    top: 0;
    height: 60px;
    left: 510px;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .img-border.img-border_left span:before {
        left: 255px;
    }
}

.banner-with_border .banner-item .banner-inner_item .img-border.img-border_left span:after {
    bottom: 0;
    height: 60px;
    left: 510px;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .img-border.img-border_left span:after {
        left: 255px;
    }
}

.banner-with_border .banner-item .banner-inner_item .img-border.img-border_right:before {
    border-left: 1px solid #dd6b33 !important;
    border-right: 0 !important;
    left: 90px;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .img-border.img-border_right:before {
        left: 45px;
    }
}

.banner-with_border .banner-item .banner-inner_item .img-border.img-border_right span:before {
    top: 0;
    height: 60px;
    right: 510px;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .img-border.img-border_right span:before {
        right: 255px;
    }
}

.banner-with_border .banner-item .banner-inner_item .img-border.img-border_right span:after {
    bottom: 0;
    height: 60px;
    right: 510px;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .img-border.img-border_right span:after {
        right: 255px;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-img {
    width: 40%;
}

@media (max-width: 575px) {
    .banner-with_border .banner-item .banner-inner_item .banner-img {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content {
    width: 60%;
}

@media (max-width: 575px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content {
        width: calc(100% - 30px);
        margin: 0 auto;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content .inner-content {
    max-width: 80%;
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content {
        max-width: 100%;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content .inner-content span {
    color: #dd6b33;
    display: block;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content span {
        padding-bottom: 10px;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content .inner-content h2.title {
    font-size: 50px;
    line-height: 78.4px;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 20px;
}

@media (max-width: 1500px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content h2.title {
        font-size: 32px;
        line-height: 50.4px;
    }
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content h2.title {
        font-size: 25px;
        line-height: 1.2;
    }
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content h2.title {
        font-size: 18px;
        padding-bottom: 15px;
        margin-bottom: 10px;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content .inner-content h2.title:before {
    background-color: #211e1c;
    content: "";
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.banner-with_border .banner-item .banner-inner_item .banner-content .inner-content p.short-desc {
    font-size: 18px;
    line-height: 36px;
    max-width: 64%;
    padding-bottom: 40px;
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content p.short-desc {
        font-size: 14px;
        line-height: 28px;
        padding-bottom: 15px;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content .inner-content .heading-wrap {
    position: relative;
    padding-top: 30px;
}

.banner-with_border .banner-item .banner-inner_item .banner-content .inner-content .heading-wrap h2.heading {
    color: rgba(221, 107, 51, 0.2);
    font-size: 150px;
    letter-spacing: 1px;
    line-height: 1;
}

@media (max-width: 1500px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content .heading-wrap h2.heading {
        font-size: 120px;
    }
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content .heading-wrap h2.heading {
        font-size: 80px;
    }
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content .inner-content .heading-wrap h2.heading {
        font-size: 50px;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content {
    padding-left: 100px;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content {
        padding-left: 40px;
    }
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content {
        padding-left: 30px;
    }
}

@media (max-width: 575px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content {
        padding-left: 0;
        padding-top: 25px;
    }
}

@media (max-width: 1500px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content p.short-desc {
        max-width: 80%;
    }
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content p.short-desc {
        max-width: 100%;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content .heading-wrap {
    margin-left: -190px;
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.right-side .inner-content .heading-wrap {
        margin-left: 0;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content.left-side .inner-content {
    padding-left: 200px;
}

@media (max-width: 1199px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.left-side .inner-content {
        padding-left: 85px;
    }
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.left-side .inner-content {
        padding-left: 30px;
    }
}

@media (max-width: 575px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.left-side .inner-content {
        padding-left: 0;
        padding-bottom: 25px;
    }
}

@media (max-width: 1500px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.left-side .inner-content p.short-desc {
        max-width: 100%;
    }
}

.banner-with_border .banner-item .banner-inner_item .banner-content.left-side .inner-content .heading-wrap {
    margin-left: 0;
    left: calc(100% - 120px);
}

@media (max-width: 767px) {
    .banner-with_border .banner-item .banner-inner_item .banner-content.left-side .inner-content .heading-wrap {
        left: 0;
    }
}

/* ---Banner Area Ten--- */
.banner-area-10 {
    padding-top: 100px;
}

/* ---Banner Area Eleven--- */
@media (max-width: 575px) {
    .banner-area-11 {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .banner-area-11 .banner-item .banner-inner_item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

/* ---Banner Area Twelve--- */
.banner-area-12 {
    padding-top: 85px;
}

/* ---Banner Area Thirteen--- */
.banner-area-13 {
    padding-top: 100px;
}

.banner-area-13 .banner-item.banner-img_border {
    position: relative;
}

.banner-area-13 .banner-item.banner-img_border:before {
    background-color: transparent;
    border-top: 5px solid #ffffff;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    content: "";
    position: absolute;
    top: 45px;
    left: 45px;
    width: calc(100% - 90px);
    height: calc(100% - 90px);
    opacity: 1;
}

@media (max-width: 1500px) {
    .banner-area-13 .banner-item.banner-img_border:before {
        top: 30px;
        left: 30px;
        width: calc(100% - 60px);
        height: calc(100% - 60px);
    }
}

@media (max-width: 575px) {
    .banner-area-13 .banner-item.banner-img_border:before {
        top: 15px;
        left: 15px;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
    }
}

@media (max-width: 479px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img img.img-full {
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.banner-area-13 .banner-item.banner-img_border .banner-img:before {
    background-color: #ffffff;
    content: "";
    position: absolute;
    bottom: 45px;
    left: 45px;
    height: 5px;
    width: 55px;
    opacity: 1;
    z-index: 1;
}

@media (max-width: 1500px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img:before {
        bottom: 30px;
        left: 30px;
    }
}

@media (max-width: 575px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img:before {
        bottom: 15px;
        left: 15px;
    }
}

.banner-area-13 .banner-item.banner-img_border .banner-img:after {
    background-color: #ffffff;
    content: "";
    position: absolute;
    bottom: 45px;
    right: 45px;
    height: 5px;
    width: calc(100% - 380px);
    opacity: 1;
    z-index: 1;
}

@media (max-width: 1500px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img:after {
        bottom: 30px;
        right: 30px;
    }
}

@media (max-width: 575px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img:after {
        bottom: 15px;
        right: 15px;
    }
}

@media (max-width: 479px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img:after {
        width: 55px;
    }
}

.banner-area-13 .banner-item.banner-img_border .banner-img .inner-img {
    position: absolute;
    top: 50%;
    left: 135px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 1500px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img .inner-img {
        width: 25%;
    }
}

.banner-area-13 .banner-item.banner-img_border .banner-img .inner-text {
    position: absolute;
    top: 50%;
    left: 90px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-area-13 .banner-item.banner-img_border .banner-img .inner-text > h3.product-offer {
    color: #dd6b33;
    font-size: 90px;
    padding-bottom: 10px;
}

@media (max-width: 1500px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img .inner-text > h3.product-offer {
        font-size: 50px;
    }
}

.banner-area-13 .banner-item.banner-img_border .banner-img .inner-text > p.short-desc {
    font-size: 28px;
}

@media (max-width: 1500px) {
    .banner-area-13 .banner-item.banner-img_border .banner-img .inner-text > p.short-desc {
        font-size: 18px;
    }
}

.banner-area-13 .banner-item .btn-wrap {
    position: absolute;
    bottom: 22.5px;
    left: 130px;
}

@media (max-width: 1500px) {
    .banner-area-13 .banner-item .btn-wrap {
        bottom: 12px;
    }
}

@media (max-width: 479px) {
    .banner-area-13 .banner-item .btn-wrap {
        left: 100px;
    }
}

/* ---Banner Area Fourteen--- */
.banner-area-14 {
    margin-top: 100px;
}

.banner-area-14 .custom-container {
    margin: 0 auto;
}

@media (min-width: 1501px) {
    .banner-area-14 .custom-container {
        max-width: 1270px;
    }
}

.banner-area-14 .banner-bg-3 {
    background-image: url("../images/banner/bg/3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 485px;
    position: relative;
}

@media (max-width: 767px) {
    .banner-area-14 .banner-bg-3 {
        height: 350px;
    }
}

.banner-area-14 .banner-bg-3 .banner-item .banner-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-area-14 .banner-bg-3 .banner-item .banner-content .popup-btn a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-color: #ffffff;
    color: #211e1c;
    font-size: 30px;
    border: 1px solid #ffffff;
    width: 70px;
    height: 70px;
    line-height: 71px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.banner-area-14 .banner-bg-3 .banner-item .banner-content .popup-btn:hover {
    -webkit-animation: slide-in-up 1s linear infinite alternate both;
    animation: slide-in-up 1s linear infinite alternate both;
}

.banner-area-14 .banner-bg-3 .banner-item .banner-content .popup-btn:hover > a {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    background-color: #211e1c;
    border-color: #211e1c;
    color: #ffffff;
}

/* ---Banner Area Fifteen--- */
.banner-area-15 .banner-item {
    position: relative;
    cursor: pointer;
    /* ---Image Border With Text--- */
    /* ---Top Center Text--- */
    /* ---Image Border With Text Two--- */
    /* ---Right Center Text--- */
    /* ---Inner Images Wrap--- */
}

.banner-area-15 .banner-item.img-zoom_effect:before {
    opacity: 0.1;
}

.banner-area-15 .banner-item.img-zoom_effect:hover:before {
    opacity: 0.4;
}

.banner-area-15 .banner-item .inner-item {
    padding: 0 0 26.5%;
}

@media (max-width: 991px) {
    .banner-area-15 .banner-item .inner-item {
        padding: 0 0 15%;
    }
}

@media (max-width: 575px) {
    .banner-area-15 .banner-item .inner-item {
        padding: 0 0 26%;
    }
}

.banner-area-15 .banner-item .inner-item .banner-with-video_popup {
    background-image: url("../images/banner/bg/3.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    height: 31.8vw;
    width: calc(100% - 80px);
    margin: 0 auto;
}

@media (max-width: 991px) {
    .banner-area-15 .banner-item .inner-item .banner-with-video_popup {
        height: 50vw;
    }
}

.banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content {
    height: 100%;
}

.banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content .banner-inner_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content .banner-inner_content .popup-btn a {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    background-color: #ffffff;
    color: #211e1c;
    font-size: 30px;
    border: 1px solid #ffffff;
    width: 70px;
    height: 70px;
    line-height: 71px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content .banner-inner_content .popup-btn:hover {
    -webkit-animation: slide-in-up 1s linear infinite alternate both;
    animation: slide-in-up 1s linear infinite alternate both;
}

.banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content .banner-inner_content .popup-btn:hover > a {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    background-color: #211e1c;
    border-color: #211e1c;
    color: #ffffff;
}

.banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content h3.heading {
    color: #ffffff;
    font-size: 40px;
    text-align: center;
    max-width: 75%;
    margin: -10px auto 0;
}

@media (max-width: 1500px) {
    .banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content h3.heading {
        font-size: 32px;
        line-height: 41.6px;
        max-width: 100%;
    }
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content h3.heading {
        font-size: 25px;
        line-height: 34px;
    }
}

@media (max-width: 575px) {
    .banner-area-15 .banner-item .inner-item .banner-with-video_popup .banner-content h3.heading {
        font-size: 16px;
        line-height: 26px;
    }
}

.banner-area-15 .banner-item .banner-btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 35px;
}

.banner-area-15 .banner-item .banner-btn_wrap.ps-left_side {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.banner-area-15 .banner-item .img-border-with_text {
    overflow: hidden;
}

.banner-area-15 .banner-item .img-border-with_text:before {
    border: 10px solid #ffffff;
    content: "";
    position: absolute;
    width: calc(100% - 120px);
    height: calc(100% - 30px);
    top: 60px;
    left: 60px;
    pointer-events: none;
    z-index: 1;
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .img-border-with_text:before {
        width: calc(100% - 60px);
        height: 100%;
        top: 30px;
        left: 30px;
    }
}

.banner-area-15 .banner-item .img-border-with_text .banner-text {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    z-index: 1;
}

.banner-area-15 .banner-item .img-border-with_text .banner-text h3.heading {
    color: #ffffff;
    font-size: 60px;
    line-height: 78px;
}

@media (max-width: 1500px) {
    .banner-area-15 .banner-item .img-border-with_text .banner-text h3.heading {
        font-size: 46px;
        line-height: 69.8px;
    }
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .img-border-with_text .banner-text h3.heading {
        font-size: 30px;
        line-height: 1.4;
    }
}

.banner-area-15 .banner-item .img-border-with_text .banner-text p.short-desc {
    color: #ffffff;
    font-size: 28px;
    line-height: 36.4px;
}

@media (max-width: 1500px) {
    .banner-area-15 .banner-item .img-border-with_text .banner-text p.short-desc {
        font-size: 22px;
        line-height: 28.6px;
    }
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .img-border-with_text .banner-text p.short-desc {
        font-size: 16px;
    }
}

@media (max-width: 479px) {
    .banner-area-15 .banner-item .img-border-with_text .banner-text p.short-desc {
        max-width: 70%;
        margin: 0 auto;
    }
}

.banner-area-15 .banner-item .top-center_text {
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.banner-area-15 .banner-item .img-border-with_text-2 {
    position: relative;
    overflow: hidden;
}

.banner-area-15 .banner-item .img-border-with_text-2:before {
    border: 1px solid #ffffff;
    content: "";
    position: absolute;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    top: 25px;
    left: 25px;
    z-index: 1;
    pointer-events: none;
}

.banner-area-15 .banner-item .img-border-with_text-2 .banner-content.text-bottom_center {
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    z-index: 1;
}

.banner-area-15 .banner-item .img-border-with_text-2 .banner-content.text-bottom_center span {
    color: #ffffff;
    font-size: 22px;
    line-height: 28.6px;
}

@media (max-width: 1500px) {
    .banner-area-15 .banner-item .img-border-with_text-2 .banner-content.text-bottom_center span {
        font-size: 18px;
        line-height: 23.4px;
    }
}

.banner-area-15 .banner-item .img-border-with_text-2 .banner-content.text-bottom_center h3.heading {
    font-size: 46px;
    line-height: 59.8px;
    color: #ffffff;
}

@media (max-width: 1500px) {
    .banner-area-15 .banner-item .img-border-with_text-2 .banner-content.text-bottom_center h3.heading {
        font-size: 32px;
        line-height: 41.6px;
    }
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .img-border-with_text-2 .banner-content.text-bottom_center h3.heading {
        font-size: 25px;
        line-height: 1.4;
    }
}

.banner-area-15 .banner-item .right-center_text .banner-content {
    position: absolute;
    top: 50%;
    right: 60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    z-index: 1;
}

.banner-area-15 .banner-item .right-center_text .banner-content > span.product-offer {
    font-size: 26px;
}

@media (max-width: 1500px) {
    .banner-area-15 .banner-item .right-center_text .banner-content > span.product-offer {
        font-size: 22px;
    }
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .right-center_text .banner-content > span.product-offer {
        font-size: 16px;
    }
}

.banner-area-15 .banner-item .right-center_text .banner-content > h3.heading {
    font-size: 66px;
    line-height: 85.8px;
}

@media (max-width: 1500px) {
    .banner-area-15 .banner-item .right-center_text .banner-content > h3.heading {
        font-size: 56px;
        line-height: 72.6px;
    }
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .right-center_text .banner-content > h3.heading {
        font-size: 30px;
        line-height: 1.4;
    }
}

.banner-area-15 .banner-item.inner-img_wrap .inner-img {
    position: absolute;
    top: 50%;
    left: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-area-15 .banner-item .left-center_text {
    position: absolute;
    top: 50%;
    left: 60px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.banner-area-15 .banner-item .left-center_text .inner-img {
    position: relative;
    left: 10%;
}

.banner-area-15 .banner-item .left-center_text .inner-img img {
    width: 50%;
}

.banner-area-15 .banner-item .left-center_text > h3.heading {
    max-width: 75%;
    font-size: 46px;
}

@media (max-width: 1199px) {
    .banner-area-15 .banner-item .left-center_text > h3.heading {
        font-size: 30px;
        line-height: 1.4;
    }
}

.banner-area-15 .banner-item .left-center_text .banner-btn_wrap {
    pointer-events: visible;
}

/* ---Banner Area Sixteen--- */
@media (min-width: 1501px) {
    .banner-area-16 .container {
        max-width: 1330px;
    }
}

.banner-area-16.banner-bg-4 {
    background-image: url("../images/banner/bg/4.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 800px;
    margin-top: -2px;
}

.banner-area-16 .banner-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.banner-area-16 .banner-item .banner-inner_img img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.banner-area-16 .banner-item .banner-inner_img:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.banner-area-16 .banner-item .banner-inner_img:hover img {
    -webkit-animation: slide-in-up 1s linear infinite alternate both;
    animation: slide-in-up 1s linear infinite alternate both;
}

.banner-area-16 .banner-item .banner-content {
    text-align: center;
}

.banner-area-16 .banner-item .banner-content > span {
    padding-top: 25px;
    display: block;
}

.banner-area-16 .banner-item .banner-content > h3.title {
    padding-top: 10px;
}

.banner-area-16 .banner-item .banner-content .banner-btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 45px;
}

/* ---Banner Area Seventeen--- */
.banner-area-17 .row {
    position: relative;
}

.banner-area-17 .banner-item.bg-height {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 990px;
}

.banner-area-17 .banner-item.bg-height.banner-bg-5 {
    background-image: url("../images/banner/bg/8-1.jpg");
}

@media (max-width: 1500px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-5 {
        height: 670px;
    }
}

@media (max-width: 991px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-5 {
        height: 600px;
    }
}

.banner-area-17 .banner-item.bg-height.banner-bg-6 {
    background-image: url("../images/banner/bg/8-2.jpg");
}

@media (max-width: 1500px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-6 {
        height: 605px;
    }
}

@media (max-width: 991px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-6 {
        height: 400px;
    }
}

.banner-area-17 .banner-item.bg-height.banner-bg-7 {
    background-image: url("../images/banner/bg/8-3.jpg");
    height: 760px;
}

@media (max-width: 1500px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-7 {
        height: 535px;
    }
}

@media (max-width: 991px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-7 {
        height: 495px;
    }
}

.banner-area-17 .banner-item.bg-height.banner-bg-8 {
    background-image: url("../images/banner/bg/8-4.jpg");
    height: 760px;
}

@media (max-width: 1500px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-8 {
        height: 535px;
    }
}

@media (max-width: 991px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-8 {
        height: 450px;
    }
}

.banner-area-17 .banner-item.bg-height.banner-bg-9 {
    background-image: url("../images/banner/bg/8-5.jpg");
    height: 760px;
}

@media (max-width: 1500px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-9 {
        height: 535px;
    }
}

@media (max-width: 991px) {
    .banner-area-17 .banner-item.bg-height.banner-bg-9 {
        height: 400px;
    }
}

.banner-area-17 .banner-item .banner-text {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.banner-area-17 .banner-item .banner-text.white-text_color > h2.heading {
    color: #ffffff;
}

.banner-area-17 .banner-item .banner-text.white-text_color > p.short-desc {
    color: #ffffff;
}

.banner-area-17 .banner-item .banner-text > h2.heading {
    font-size: 60px;
    line-height: 78px;
    padding-bottom: 15px;
}

@media (max-width: 1199px) {
    .banner-area-17 .banner-item .banner-text > h2.heading {
        font-size: 40px;
        line-height: 52px;
    }
}

@media (max-width: 991px) {
    .banner-area-17 .banner-item .banner-text > h2.heading {
        font-size: 30px;
        line-height: 41px;
    }
}

.banner-area-17 .banner-item .banner-text > p.short-desc {
    font-size: 28px;
    line-height: 36.4px;
    padding-bottom: 45px;
}

@media (max-width: 1199px) {
    .banner-area-17 .banner-item .banner-text > p.short-desc {
        font-size: 20px;
        line-height: 28px;
        max-width: 85%;
        margin: 0 auto;
    }
}

.banner-area-17 .banner-item .banner-text .inner-text_img {
    padding-bottom: 15px;
}

.banner-area-17 .banner-item .banner-text > h3.sub-title {
    color: #6a6a6a;
    font-size: 60px;
    line-height: 78px;
    font-weight: 300;
}

@media (max-width: 1500px) {
    .banner-area-17 .banner-item .banner-text > h3.sub-title {
        font-size: 26px;
        line-height: 33.8px;
    }
}

.banner-area-17 .banner-item .banner-text .banner-btn_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.banner-area-17 .banner-item .banner-text.banner-text_left {
    right: auto;
    left: 0;
    max-width: 35%;
}

@media (max-width: 1199px) {
    .banner-area-17 .banner-item .banner-text.banner-text_left {
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .banner-area-17 .banner-item .banner-text.banner-text_left {
        max-width: 75%;
    }
}

@media (max-width: 479px) {
    .banner-area-17 .banner-item .banner-text.banner-text_left {
        max-width: 100%;
    }
}

.banner-area-17 .banner-item .banner-text.banner-text_left .banner-btn_wrap {
    padding-top: 40px;
}

/*----------------------------------------*/
/*  14 - Components - Product
/*----------------------------------------*/
.product-item .single-product .product-img {
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.product-item .single-product .product-img > a {
    display: block;
}

.product-item .single-product .product-img > a img {
    width: 100%;
    height: 100%;
}

.product-item .single-product .product-img > a img.secondary-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
}

.product-item .single-product .product-img .add-actions {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 9;
}

.product-item .single-product .product-img .add-actions > ul > li {
    display: inline-block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.product-item .single-product .product-img .add-actions > ul > li:not(:last-child) {
    margin-right: 5px;
}

.product-item .single-product .product-img .add-actions > ul > li:first-child {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.product-item .single-product .product-img .add-actions > ul > li:nth-child(2) {
    -webkit-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}

.product-item .single-product .product-img .add-actions > ul > li:nth-child(3) {
    -webkit-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}

.product-item .single-product .product-img .add-actions > ul > li:last-child {
    -webkit-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}

.product-item .single-product .product-img .add-actions > ul > li:last-child > a {
    padding-right: 0;
}

.product-item .single-product .product-img .add-actions > ul > li > a {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.product-item .single-product .product-img .add-actions > ul > li > a:hover {
    background-color: #211e1c;
    border-color: #211e1c;
    color: #ffffff !important;
}

.product-item .single-product .product-img .add-actions > ul > li > a > i {
    font-size: 16px;
}

.product-item .single-product .product-img:hover .secondary-img {
    opacity: 1;
}

.product-item .single-product .product-content {
    padding-top: 5px;
}

.product-item .single-product .product-content .product-desc_info .price-box .new-price {
    font-size: 18px;
    margin-left: 10px;
}

.product-item .single-product .product-content .product-desc_info .price-box .old-price {
    color: #bbbbbb;
    text-decoration: line-through;
    font-size: 15px;
}

.product-item .single-product .product-content .product-desc_info .product-category {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
}

.product-item .single-product .product-content .product-desc_info .product-category a {
    font-size: 14px;
    display: block;
}

.product-item .single-product .product-content .product-desc_info .product-category a:before {
    content: "";
    background-color: #bbbbbb;
    height: 2px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-item .single-product .product-content .product-desc_info h3.product-name {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: inherit;
}

.product-item .single-product .product-content .product-desc_info h3.product-name > a {
    font-size: 16px;
    line-height: 19.2px;
}

@media (max-width: 1500px) {
    .product-item .single-product .product-content .product-desc_info h3.product-name > a {
        font-size: 14px;
    }
}

.product-item .single-product .product-content .product-desc_info .price-box > span {
    font-family: "Roboto", sans-serif;
}

.product-item .single-product .product-content .product-desc_info .price-box > span.new-price {
    color: #494949;
    line-height: 20.8px;
    font-size: 16px;
}

.product-item .single-product:hover .product-img .add-actions > ul > li {
    -webkit-transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    transform: translateY(-80px);
}

/* ---Yena's Product Area--- */
.yena-product_area {
    padding: 90px 0 0;
}

/* ---Yena's Product Area Three--- */
.yena-product_area-3 {
    padding: 90px 0 95px;
}

/* ---Product Area Five--- */
.yena-product_area-5 {
    padding-top: 95px;
}

/*----------------------------------------*/
/*  15 - Components - Product Tab
/*----------------------------------------*/
.yena-product-tab_area {
    padding: 75px 0 0;
}

.yena-product-tab_area .tab-section_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 25px;
}

.yena-product-tab_area .tab-section_area .product-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.yena-product-tab_area .tab-section_area .product-tab > ul.product-menu > li > a {
    padding: 0 20px;
    font-size: 46px;
    line-height: 82.8px;
    font-style: italic;
    display: block;
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
}

@media (max-width: 1199px) {
    .yena-product-tab_area .tab-section_area .product-tab > ul.product-menu > li > a {
        font-size: 28px;
        line-height: 50px;
    }
}

.yena-product-tab_area .tab-section_area .product-tab > ul.product-menu > li > a.active {
    color: #dd6b33;
}

.yena-product-tab_area .tab-section_area .product-tab > ul.product-menu > li > a.active span {
    border-bottom: 1px solid #dd6b33;
}

.yena-product-tab_area .tab-section_area .product-tab > ul.product-menu > li:last-child > a {
    padding-right: 0;
}

.yena-product-tab_area .tab-section_area .product-tab > ul.product-menu > li:hover > a > span:before {
    visibility: visible;
    opacity: 1;
    left: -10px;
}

.yena-product-tab_area .tab-section_area .product-tab > ul.product-menu > li:hover > a > span:after {
    visibility: visible;
    opacity: 1;
    right: -10px;
}

/* ---Product Tab Area Two--- */
.yena-product-tab_area-2 .tab-section_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 25px;
}

.yena-product-tab_area-2 .tab-section_area .product-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.yena-product-tab_area-2 .tab-section_area .product-tab > ul.product-menu > li > a {
    border: 1px solid transparent;
    padding: 10px 20px;
    display: block;
    font-family: "Playfair Display", serif;
    text-transform: uppercase;
}

@media (max-width: 479px) {
    .yena-product-tab_area-2 .tab-section_area .product-tab > ul.product-menu > li > a {
        font-size: 16px;
        text-transform: capitalize;
        line-height: 1.2;
        padding: 0 20px 0 0;
        border: 0;
    }
}

.yena-product-tab_area-2 .tab-section_area .product-tab > ul.product-menu > li > a.active {
    border-color: #e5e5e5;
    color: #dd6b33;
}

.yena-product-tab_area-2 .tab-section_area .product-tab > ul.product-menu > li:hover > a > span:before {
    visibility: visible;
    opacity: 1;
    left: -10px;
}

.yena-product-tab_area-2 .tab-section_area .product-tab > ul.product-menu > li:hover > a > span:after {
    visibility: visible;
    opacity: 1;
    right: -10px;
}

/* ---Product Tab Area Three--- */
.yena-product-tab_area-3 {
    padding-top: 90px;
}

.yena-product-tab_area-3 .product-tab > ul {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 20px;
}

.yena-product-tab_area-3 .product-tab > ul.product-menu > li:not(:last-child) {
    padding-right: 30px;
}

.yena-product-tab_area-3 .product-tab > ul.product-menu > li > a {
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-weight: 600;
    color: #888888;
}

.yena-product-tab_area-3 .product-tab > ul.product-menu > li > a.active {
    color: #211e1c;
    outline: 0;
}

.yena-product-tab_area-3 .product-tab > ul.product-menu > li > a.active > span:before {
    opacity: 1;
}

@media (max-width: 479px) {
    .yena-product-tab_area-3 .product-tab > ul.product-menu > li > a.active > span:before {
        opacity: 0;
    }
}

.yena-product-tab_area-3 .product-tab > ul.product-menu > li > a > span {
    position: relative;
    border-bottom: 0 !important;
}

.yena-product-tab_area-3 .product-tab > ul.product-menu > li > a > span:before {
    background-color: #dd6b33;
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
}

/* ---Description Body--- */
.desc-body {
    padding-top: 65px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .desc-body {
        display: block;
    }
}

.desc-body .inner-content {
    max-width: 60%;
}

@media (max-width: 767px) {
    .desc-body .inner-content {
        max-width: 100%;
    }
}

.desc-body .inner-content > h3.heading {
    font-size: 24px;
    line-height: 28.8px;
    padding-bottom: 20px;
}

.desc-body .inner-content > p.short-desc {
    font-family: "Roboto", sans-serif;
    color: #494949;
    padding-bottom: 20px;
}

@media (max-width: 991px) {
    .desc-body .inner-img {
        padding-top: 25px;
    }
}

/* ---Review Body--- */
.review-body {
    padding-top: 0;
}

.review-body > h3.heading {
    padding-bottom: 25px;
    font-size: 24px;
}

.review-body .user-info {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575px) {
    .review-body .user-info {
        display: block;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .review-body .user-info > li.user-avatar {
        padding-bottom: 15px;
    }
}

.review-body .user-info > li.user-comment {
    padding-left: 30px;
}

@media (max-width: 575px) {
    .review-body .user-info > li.user-comment {
        padding-left: 0;
    }
}

.review-body .user-info > li.user-comment .meta {
    font-family: "Roboto", sans-serif;
    color: #494949;
    padding-bottom: 5px;
}

.review-body .user-info > li.user-comment .meta strong {
    font-size: 14px;
}

.review-body .user-info > li.user-comment .meta span {
    font-size: 12px;
}

.review-body .user-info > li.user-comment > p.short-desc {
    font-family: "Roboto", sans-serif;
    color: #494949;
    font-size: 14px;
    line-height: 25.2px;
}

.review-body .user-feedback {
    padding-top: 55px;
}

.review-body .user-feedback > h3.heading {
    padding-bottom: 30px;
    line-height: 33.6px;
    font-size: 24px;
}

.review-body .user-feedback > p.short-desc {
    border-bottom: 1px solid #e5e5e5;
    font-family: "Roboto", sans-serif;
    color: #494949;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 25.2px;
}

.review-body .user-feedback .rating-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.review-body .user-feedback .rating-box > span {
    padding-right: 25px;
}

.review-body .user-feedback .rating-box > ul > li {
    vertical-align: text-top;
}

.review-body .user-feedback form.feedback-form {
    padding-top: 15px;
}

.review-body .user-feedback form.feedback-form .comment-field label.label-field {
    padding-bottom: 10px;
    display: block;
}

.review-body .user-feedback form.feedback-form .comment-field textarea.textarea-field {
    border: 1px solid #e5e5e5;
    padding: 20px;
    height: 150px;
    width: 100%;
}

.review-body .user-feedback form.feedback-form .comment-field textarea:focus {
    border: 1px solid #dd6b33;
}

.review-body .user-feedback form.feedback-form .group-input {
    padding-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 991px) {
    .review-body .user-feedback form.feedback-form .group-input {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

@media (max-width: 991px) {
    .review-body .user-feedback form.feedback-form .group-input {
        display: block;
    }
}

.review-body .user-feedback form.feedback-form .group-input label.label-field {
    padding-bottom: 10px;
    display: block;
}

.review-body .user-feedback form.feedback-form .group-input input.input-field {
    margin-right: 30px;
    padding: 0 20px;
    height: 60px;
    width: 370px;
}

@media (max-width: 991px) {
    .review-body .user-feedback form.feedback-form .group-input input.input-field {
        width: 100%;
        margin-right: 0;
    }
}

.review-body .user-feedback form.feedback-form .group-input input:focus {
    border: 1px solid #dd6b33;
}

@media (max-width: 991px) {
    .review-body .user-feedback form.feedback-form .group-input .email-field {
        padding-top: 10px;
    }
}

.review-body .user-feedback form.feedback-form .field-checkbox {
    padding-top: 10px;
}

.review-body .user-feedback form.feedback-form .comment-btn_wrap {
    padding-top: 20px;
}

/* ---Additional Info Body--- */
.additional-info_body {
    padding-top: 60px;
}

/* ---Product Tab Area Four--- */
.yena-product-tab_area-4 .yena-tab_content .desc-body .inner-content {
    padding-left: 30px;
    max-width: 100%;
    width: calc(100% - 370px);
}

@media (max-width: 767px) {
    .yena-product-tab_area-4 .yena-tab_content .desc-body .inner-content {
        padding-top: 25px;
        padding-left: 0;
        max-width: 100%;
        width: 100%;
    }
}

.yena-product-tab_area-4 .yena-tab_content .desc-body .inner-img {
    padding-top: 0;
    width: 370px;
}

@media (max-width: 767px) {
    .yena-product-tab_area-4 .yena-tab_content .desc-body .inner-img {
        width: 100%;
    }
}

/*----------------------------------------*/
/*  16 - Components - Brand
/*----------------------------------------*/
.brand-area .brand-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.5;
}

.brand-area .brand-item:hover {
    opacity: 1;
}

.brand-area.brand-area-2 .custom-container {
    margin: 0 auto;
}

@media (min-width: 1501px) {
    .brand-area.brand-area-2 .custom-container {
        max-width: 1170px;
    }
}

@media (max-width: 1500px) {
    .brand-area.brand-area-2 .custom-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

/*----------------------------------------*/
/*  17 - Components - Form
/*----------------------------------------*/
/* ---Newsletter Form--- */
.newsletter-form_wrap .subscribe-form {
    position: relative;
}

.newsletter-form_wrap .subscribe-form .newsletter-input {
    border: 0;
    border-bottom: 1px solid #211e1c;
    height: 50px;
    width: 100%;
    padding: 0 125px 0 0;
}

.newsletter-form_wrap .subscribe-form .newsletter-input::-webkit-input-placeholder {
    color: #211e1c;
}

.newsletter-form_wrap .subscribe-form .newsletter-input::-moz-placeholder {
    color: #211e1c;
}

.newsletter-form_wrap .subscribe-form .newsletter-input:-ms-input-placeholder {
    color: #211e1c;
}

.newsletter-form_wrap .subscribe-form .newsletter-input::-ms-input-placeholder {
    color: #211e1c;
}

.newsletter-form_wrap .subscribe-form .newsletter-input::placeholder {
    color: #211e1c;
}

.newsletter-form_wrap .subscribe-form .newsletter-btn {
    position: absolute;
    font-size: 14px;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.newsletter-form_wrap .subscribe-form .newsletter-btn:hover {
    color: #dd6b33;
}

/*----------------------------------------*/
/*  18 - Components - Social Link
/*----------------------------------------*/
.social-link {
    padding-top: 25px;
}

.social-link.with-color > ul > li {
    padding-right: 0;
}

.social-link.with-color > ul > li:not(:last-child) {
    margin-right: 10px;
}

.social-link.with-color > ul > li:hover a {
    background-color: #dd6b33;
}

.social-link.with-color > ul > li.facebook {
    background-color: #3b579d;
}

.social-link.with-color > ul > li.twitter {
    background-color: #3acaff;
}

.social-link.with-color > ul > li.instagram {
    background-color: #833ab4;
}

.social-link.with-color > ul > li.vimeo {
    background-color: #00adef;
}

.social-link.with-color > ul > li > a {
    width: 30px;
    height: 30px;
    line-height: 31px;
    color: #ffffff;
    text-align: center;
    font-size: 14px;
    border-radius: 100%;
}

.social-link.with-radius > ul > li {
    border-radius: 100%;
}

.social-link > ul > li {
    display: inline-block;
    padding-right: 25px;
}

.social-link > ul > li:last-child {
    padding-right: 0;
}

.social-link > ul > li > a {
    font-size: 22px;
    display: block;
}

.social-link-2 {
    position: absolute;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    right: -135px;
    padding-top: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .social-link-2 {
        right: -150px;
    }
}

@media (max-width: 991px) {
    .social-link-2 {
        right: -105px;
    }
}

@media (max-width: 991px) {
    .social-link-2 > ul > li {
        padding-right: 15px;
    }

    .social-link-2 > ul > li > a {
        font-size: 16px;
    }
}

.social-with_navigation {
    position: absolute;
    bottom: 110px;
    right: 0;
    width: 100%;
}

@media (max-width: 1199px) {
    .social-with_navigation {
        bottom: 30px;
    }
}

.social-with_navigation .social-link-3 {
    position: absolute;
    right: 0;
    bottom: 35px;
    border-bottom: 1px solid #211e1c;
    padding-bottom: 10px;
    padding-right: 45px;
}

@media (max-width: 479px) {
    .social-with_navigation .social-link-3 {
        padding-right: 15px;
        bottom: 25px;
    }
}

.social-with_navigation .social-link-3 > ul > li {
    display: inline-block;
    margin-right: 15px;
}

.social-with_navigation .social-link-3 > ul > li:last-child {
    margin-right: 0;
}

@media (max-width: 479px) {
    .social-with_navigation .social-link-3 > ul > li {
        margin-right: 10px;
    }
}

@media (max-width: 479px) {
    .social-with_navigation .social-link-3 > ul > li > a {
        font-size: 12px;
    }
}

.social-link-4 {
    padding-top: 25px;
    text-align: center;
}

.social-link-4 > ul > li {
    display: inline-block;
    padding-right: 10px;
}

.social-link-4 > ul > li:hover > a {
    background-color: #dd6b33;
    border: 1px solid #dd6b33;
    color: #ffffff;
}

.social-link-4 > ul > li > a {
    background-color: #e5e5e5;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 100%;
}

.social-link-4.square-style > ul > li > a {
    border-radius: 0;
}

.social-link-4.align-left {
    text-align: left;
}

.social-link-4.border-style > ul > li > a {
    background-color: transparent;
    border: 1px solid #e5e5e5;
}

/*----------------------------------------*/
/*  19 - Components - Animation
/*----------------------------------------*/
/* ---Section SlideUp Animation--- */
/* Slider Animation */
.slick-active.animation-style-01 .slide-content > span,
.slick-active.animation-style-01 .inner-content > span {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-01 .slide-content > h2,
.slick-active.animation-style-01 .inner-content > h2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-01 .slide-content > p,
.slick-active.animation-style-01 .inner-content > p {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-01 .slide-content > .slide-btn,
.slick-active.animation-style-01 .inner-content > .slide-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-01 .slide-img img {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-01 .slide-img .img-border:before {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-01 .slide-img .img-border span:before {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-01 .slide-img .img-border span:after {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active .mousemove-wrap .page-back img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 2.8s;
    animation-duration: 2.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-content > h2,
.slick-active.animation-style-02 .inner-content > h2 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-content > p,
.slick-active.animation-style-02 .inner-content > p {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-content > .slide-btn,
.slick-active.animation-style-02 .inner-content > .slide-btn {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-img img {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-img .img-border:before {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-img .img-border span:before {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-02 .slide-img .img-border span:after {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-03 .slide-content h2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-03 .slide-content > p {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-03 .slide-content > .slide-btn {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-03 .slide-img img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-04 .left-side_img img {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-04 .slide-content > h2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-04 .slide-content > p {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-04 .slide-content > .slide-btn {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.slick-active.animation-style-04 .right-side_img img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* ---Slider Progress Bar--- */
.slider-progress {
    background: rgba(0, 0, 0, 0.3);
    -webkit-animation: initial;
    animation: initial;
    height: 5px;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 4;
}

.slick-current .slider-progress {
    -webkit-animation: timebar 8s ease-in-out 0s 1 backwards;
    animation: timebar 8s ease-in-out 0s 1 backwards;
}

@-webkit-keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

@keyframes timebar {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*Top Up Keyframes*/
@-webkit-keyframes yenaSlideInUp {
    0% {
        -webkit-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes yenaSlideInUp {
    0% {
        -webkit-transform: translateY(250px);
        transform: translateY(250px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

/*Top Down Keyframes*/
@-webkit-keyframes yenaSlideInDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}

@keyframes yenaSlideInDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
}

.yenaSlideInDown {
    -webkit-animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
    animation: slide-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slide-in-up {
    -webkit-animation: slide-in-up 2s linear infinite alternate both;
    animation: slide-in-up 2s linear infinite alternate both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-1-7 17:0:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-up
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-up {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-in-up {
    0% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.slide-in-right {
    -webkit-animation: slide-in-right 3s linear infinite alternate both;
    animation: slide-in-right 3s linear infinite alternate both;
}

@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }
}

@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(150px);
        transform: translateX(150px);
        -webkit-filter: grayscale(0);
        filter: grayscale(0);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }
}

.kenburns-top {
    -webkit-animation: kenburns-top 5s ease-out both;
    animation: kenburns-top 5s ease-out both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-3-13 17:17:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation kenburns-top
 * ----------------------------------------
 */
@-webkit-keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

@keyframes kenburns-top {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        -webkit-transform-origin: 50% 16%;
        transform-origin: 50% 16%;
    }
    100% {
        -webkit-transform: scale(1.25) translateY(-15px);
        transform: scale(1.25) translateY(-15px);
        -webkit-transform-origin: top;
        transform-origin: top;
    }
}

.section-slide_up {
    -webkit-animation: section-slide_up 1s linear 1 alternate both;
    animation: section-slide_up 1s linear 1 alternate both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-1-7 17:0:13
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation section-slide_up
 * ----------------------------------------
 */
@-webkit-keyframes section-slide_up {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes section-slide_up {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.rotate-center {
    -webkit-animation: rotate-center 7s linear infinite normal both;
    animation: rotate-center 7s linear infinite normal both;
}

@-webkit-keyframes rotate-center {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: 150px;
        transform-origin: 150px;
    }
}

@keyframes rotate-center {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transform-origin: 150px;
        transform-origin: 150px;
    }
}

/* ---Big Pulse--- */
@-webkit-keyframes big-pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes big-pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.2, 1.2, 1.2);
        transform: scale3d(1.2, 1.2, 1.2);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: big-pulse;
    animation-name: big-pulse;
}

/*----------------------------------------*/
/*  20 - Components - Breadcrumb
/*----------------------------------------*/
.breadcrumb-area {
    background-image: url("../images/breadcrumb/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 155px;
    position: relative;
}

.breadcrumb-area.breadcrumb-bg-2 {
    background-image: url("../images/breadcrumb/2.jpg");
    height: 400px;
    text-align: center;
}

.breadcrumb-area.breadcrumb-bg-2 .breadcrumb-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb-area.breadcrumb-bg-2 .breadcrumb-content > h2 {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-2 .breadcrumb-content ul {
    padding-top: 15px;
}

.breadcrumb-area.breadcrumb-bg-2 .breadcrumb-content ul > li {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-2 .breadcrumb-content ul > li > a {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-2 .breadcrumb-content ul > li > a:hover {
    color: #dd6b33;
}

.breadcrumb-area.breadcrumb-bg-3 {
    background-image: url("../images/breadcrumb/3.jpg");
    height: 400px;
    text-align: center;
}

.breadcrumb-area.breadcrumb-bg-3 .breadcrumb-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb-area.breadcrumb-bg-3 .breadcrumb-content > h2 {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-3 .breadcrumb-content ul {
    padding-top: 15px;
}

.breadcrumb-area.breadcrumb-bg-3 .breadcrumb-content ul > li {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-3 .breadcrumb-content ul > li > a {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-3 .breadcrumb-content ul > li > a:hover {
    color: #dd6b33;
}

.breadcrumb-area.breadcrumb-bg-4 {
    background-image: url("../images/breadcrumb/4.jpg");
    height: 400px;
    text-align: center;
}

.breadcrumb-area.breadcrumb-bg-4 .breadcrumb-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.breadcrumb-area.breadcrumb-bg-4 .breadcrumb-content > h2 {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-4 .breadcrumb-content ul {
    padding-top: 15px;
}

.breadcrumb-area.breadcrumb-bg-4 .breadcrumb-content ul > li {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-4 .breadcrumb-content ul > li > a {
    color: #ffffff;
}

.breadcrumb-area.breadcrumb-bg-4 .breadcrumb-content ul > li > a:hover {
    color: #dd6b33;
}

.breadcrumb-area .breadcrumb-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 479px) {
    .breadcrumb-area .breadcrumb-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.breadcrumb-area .breadcrumb-content > h2 {
    text-align: center;
    font-size: 30px;
    font-style: italic;
}

@media (max-width: 1199px) {
    .breadcrumb-area .breadcrumb-content > h2 {
        font-size: 20px;
    }
}

@media (max-width: 479px) {
    .breadcrumb-area .breadcrumb-content > h2 {
        padding-bottom: 20px;
    }
}

.breadcrumb-area .breadcrumb-content ul > li {
    font-family: "Playfair Display", serif;
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-style: italic;
}

.breadcrumb-area .breadcrumb-content ul > li:first-child {
    padding-left: 0;
}

.breadcrumb-area .breadcrumb-content ul > li:before {
    content: "/";
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    right: -15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcrumb-area .breadcrumb-content ul > li:last-child:before {
    display: none;
}

/*----------------------------------------*/
/*  21 - Components - Modal
/*----------------------------------------*/
/* ---Modal--- */
.modal-wrapper {
    display: block !important;
}

.modal-wrapper.modal {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -9;
}

.modal-wrapper.show {
    background-color: rgba(0, 0, 0, 0.9);
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1051;
}

.modal-wrapper .modal-dialog {
    max-width: 55%;
}

@media (max-width: 1500px) {
    .modal-wrapper .modal-dialog {
        max-width: 80%;
    }
}

@media (max-width: 575px) {
    .modal-wrapper .modal-dialog {
        max-width: 100%;
        left: 0;
    }
}

.modal-wrapper .modal-dialog .modal-content {
    padding: 30px 30px 25px;
    overflow-y: auto;
}

.modal-wrapper .modal-dialog .modal-content .modal-body {
    padding: 0;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .close {
    font-size: 30px;
    font-weight: 400;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    position: absolute;
    right: 15px;
    top: 0;
    z-index: 99;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .close:hover {
    color: #dd6b33;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider .slick-slide img {
    width: 100%;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider-nav {
    padding: 0 60px;
    margin-top: 30px;
}

@media (max-width: 479px) {
    .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider-nav {
        padding: 0;
    }
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider-nav .slick-slide img {
    border: 1px solid #e5e5e5;
    width: 100%;
    opacity: 0.7;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider-nav .slick-slide.slick-current img {
    opacity: 1;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider-nav .slick-slide:hover img {
    opacity: 1;
}

@media (max-width: 479px) {
    .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-img_slider-nav .tty-slick-text-btn {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content {
        padding-top: 25px;
    }
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .sp-heading > h5 {
    margin-bottom: 0;
    padding-bottom: 20px;
    line-height: 24px;
}

@media (max-width: 1199px) {
    .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .sp-heading > h5 {
        font-size: 18px;
    }
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .rating-box {
    padding-bottom: 15px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .rating-box > ul > li {
    display: inline-block;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .price-box {
    padding-bottom: 10px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .price-box .new-price {
    font-size: 24px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .price-box .new-price {
    font-size: 18px;
    margin-left: 10px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .price-box .old-price {
    color: #bbbbbb;
    text-decoration: line-through;
    font-size: 15px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .essential_stuff {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .color-list_area {
    margin-top: 15px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .quantity {
    padding-top: 15px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-group_btn {
    padding-top: 22px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-group_btn > ul > li {
    display: inline-block;
    margin-left: 5px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-group_btn > ul > li:first-child {
    margin-left: 0;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-group_btn > ul > li > a {
    border: 2px solid #e5e5e5;
    width: 50px;
    height: 50px;
    line-height: 47px;
    display: block;
    text-align: center;
}

@media (max-width: 479px) {
    .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-group_btn > ul > li > a {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-group_btn > ul > li > a.add-to_cart {
    background-color: #211e1c;
    border: 2px solid #211e1c;
    color: #ffffff;
    width: 140px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-group_btn > ul > li > a > i {
    font-size: 18px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-tag-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-tag-line h6 {
    margin-bottom: 0;
    padding-right: 5px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-tag-line > span {
    padding-right: 5px;
}

@media (max-width: 575px) {
    .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-tag-line > a {
        font-size: 14px;
    }
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn {
    padding-top: 17px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li {
    display: inline-block;
    opacity: 0.8;
    position: relative;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li > a {
    background: #3b579d;
    color: #ffffff;
    padding: 2px 5px;
    border-radius: 2px;
    font-size: 14px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li > a:hover {
    color: #ffffff !important;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li > a > i {
    padding-right: 5px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li:nth-child(2) > a {
    background-color: #3acaff;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li:nth-child(3) > a {
    background-color: #fe6d4c;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li:hover {
    opacity: 1;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li .dropdown {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.2);
    width: 165px;
    padding: 4px;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    bottom: 25px;
    left: 0;
    z-index: 99;
}

@media (max-width: 575px) {
    .modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li .dropdown {
        left: auto;
        right: 0;
    }
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li .dropdown > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    cursor: pointer;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li .dropdown > li:hover {
    background-color: #3b579d;
    color: #ffffff;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li .dropdown > li > i {
    text-align: center;
    -webkit-flex-basis: 30px;
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
    width: 30px;
}

.modal-wrapper .modal-dialog .modal-content .modal-body .modal-inner-area .sp-content .yena-social_btn > ul > li:hover > .dropdown {
    opacity: 1;
    visibility: visible;
}

/*----------------------------------------*/
/*  27 - Components - Testimonial
/*----------------------------------------*/
.testimonial-bg-1 {
    background-image: url("../images/testimonial/bg/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 130px 0;
}

.testimonial-item .client-info {
    text-align: center;
}

.testimonial-item .client-info p.feedback {
    font-size: 28px;
    line-height: 44.8px;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 20px;
}

@media (max-width: 575px) {
    .testimonial-item .client-info p.feedback {
        font-size: 20px;
        line-height: 1.8;
    }
}

.testimonial-item .client-info .img-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 10px;
}

.testimonial-item .client-info .img-area img {
    border-radius: 100%;
    width: 55px;
    height: 55px;
}

/* ---Testimonial Area Two--- */
.testimonial-area-2 {
    padding: 85px 0 145px;
}

.testimonial-area-2 .custom-container {
    margin: 0 auto;
}

@media (min-width: 1501px) {
    .testimonial-area-2 .custom-container {
        max-width: 1170px;
    }
}

@media (max-width: 1500px) {
    .testimonial-area-2 .custom-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .testimonial-area-2 .custom-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.testimonial-area-2 .slick-list {
    margin: 0 -15px;
}

.testimonial-area-2 .slick-list .slick-slide {
    padding: 0 15px 40px;
}

.testimonial-area-2 .testimonial-item {
    padding-bottom: 40px;
}

.testimonial-area-2 .testimonial-item .client-info {
    text-align: left;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 45px 45px 0;
    position: relative;
}

@media (max-width: 991px) {
    .testimonial-area-2 .testimonial-item .client-info {
        padding: 25px 25px 0;
    }
}

.testimonial-area-2 .testimonial-item .client-info:before {
    background-color: #e5e5e5;
    content: "";
    width: 40px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.testimonial-area-2 .testimonial-item .client-info:after {
    background-color: #e5e5e5;
    content: "";
    width: calc(100% - 170px);
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.testimonial-area-2 .testimonial-item .client-info > p.feedback {
    font-size: 22px;
    text-align: left;
    line-height: 39.6px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

@media (max-width: 1199px) {
    .testimonial-area-2 .testimonial-item .client-info > p.feedback {
        font-size: 18px;
        line-height: 32px;
    }
}

.testimonial-area-2 .testimonial-item .client-info > p.feedback:before {
    background-color: #e5e5e5;
    width: 100px;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.testimonial-area-2 .testimonial-item .client-info > h6.client-name {
    color: #dd6b33;
    font-size: 18px;
    line-height: 32.4px;
    padding-bottom: 20px;
}

.testimonial-area-2 .testimonial-item .client-info .img-area {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 15px;
}

.testimonial-area-2 .testimonial-item .client-info .img-area img {
    width: 88px;
    height: 88px;
    margin-bottom: -50px;
}

/*----------------------------------------*/
/*  23 - Components - Instagram
/*----------------------------------------*/
.instagram-area.instagram-bg-1 {
    background-image: url("../images/instagram/bg/1.jpg");
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    padding: 130px 0;
}

@media (min-width: 1200px) {
    .instagram-area .container {
        max-width: 1330px;
    }
}

.instagram-area .instagram-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

@media (max-width: 479px) {
    .instagram-area .instagram-col-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.instagram-area .instagram-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60%;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

@media (max-width: 479px) {
    .instagram-area .instagram-col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.instagram-area .instagram-sub-col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.instagram-area .instagram-content h2.heading {
    font-size: 46px;
    line-height: 64.4px;
    margin-bottom: 0;
    max-width: 60%;
}

@media (max-width: 991px) {
    .instagram-area .instagram-content h2.heading {
        font-size: 30px;
        line-height: 1.4;
    }
}

@media (max-width: 575px) {
    .instagram-area .instagram-content h2.heading {
        font-size: 25px;
        text-transform: capitalize !important;
    }
}

@media (max-width: 479px) {
    .instagram-area .instagram-content h2.heading {
        max-width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
}

.instagram-area .instagram-img {
    margin: 5px;
    position: relative;
}

.instagram-area .instagram-img:before {
    background-color: rgba(84, 89, 95, 0.6);
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    cursor: pointer;
    pointer-events: none;
}

.instagram-area .instagram-img:hover:before {
    opacity: 0.8;
}

.instagram-area .instagram-img:hover .add-action {
    opacity: 1;
}

.instagram-area .instagram-img .add-action {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 0;
}

.instagram-area .instagram-img .add-action span,
.instagram-area .instagram-img .add-action i {
    color: #ffffff;
}

/*----------------------------------------*/
/*  25 - Components - Shipping
/*----------------------------------------*/
.shipping-area {
    padding: 65px 0;
}

@media (min-width: 1200px) {
    .shipping-area .container {
        max-width: 1300px;
    }
}

.shipping-area .shipping-item {
    text-align: center;
}

.shipping-area .shipping-item .elementor-icon {
    color: #dd6b33;
}

.shipping-area .shipping-item .shipping-content {
    padding-left: 15px;
}

.shipping-area .shipping-item .shipping-content > h3.heading {
    font-size: 18px;
    line-height: 45px;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .shipping-area .shipping-item .shipping-content > h3.heading {
        font-size: 14px;
    }
}

.shipping-area .shipping-item .shipping-content > p.short-desc {
    font-size: 15px;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .shipping-area [class*=col-]:not(:last-child) {
        padding-bottom: 30px;
    }
}

/*----------------------------------------*/
/*  24 - Components - Newsletter
/*----------------------------------------*/
.newsletter-area {
    border-bottom: 1px solid #e5e5e5;
}

.newsletter-area.newsletter-bg-1 {
    background-image: url("../images/newsletter/bg/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 130px 0;
}

.newsletter-area.newsletter-bg-1 .custom-container {
    max-width: 830px;
    margin: 0 auto;
}

.newsletter-area.newsletter-bg-1 .newsletter-info {
    text-align: center;
}

.newsletter-area.newsletter-bg-1 .newsletter-info h2.heading {
    font-size: 46px;
    line-height: 46px;
    margin-bottom: 0;
    padding-bottom: 15px;
}

@media (max-width: 479px) {
    .newsletter-area.newsletter-bg-1 .newsletter-info h2.heading {
        font-size: 30px;
        line-height: 30px;
    }
}

.newsletter-area.newsletter-bg-1 .newsletter-info p.short-desc {
    font-size: 22px;
    line-height: 44px;
}

@media (max-width: 479px) {
    .newsletter-area.newsletter-bg-1 .newsletter-info p.short-desc {
        font-size: 18px;
        line-height: 1.5;
    }
}

/* ---Newsletter Area Two--- */
.newsletter-area-2 .custom-container {
    max-width: 1170px;
    margin: 0 auto;
}

.newsletter-area-2.newsletter-bg-2 {
    background-image: url("../images/newsletter/bg/2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 75px 0 60px;
}

.newsletter-area-2 .newsletter-info .subscribe-form input.newsletter-input {
    background-color: transparent;
}

/*----------------------------------------*/
/*  28 - Components - Hot Deal
/*----------------------------------------*/
.hot-deal_area .custom-container {
    margin: 0 auto;
}

@media (min-width: 1501px) {
    .hot-deal_area .custom-container {
        max-width: 1270px;
    }
}

@media (max-width: 1500px) {
    .hot-deal_area .custom-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .hot-deal_area .custom-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.hot-deal_area .section-title {
    padding: 0 0 95px;
}

@media (max-width: 767px) {
    .hot-deal_area .section-title {
        padding: 0 0 30px;
    }
}

.hot-deal_area .hot-deal_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .hot-deal_area .hot-deal_item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_img {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .hot-deal_area .hot-deal_item .hot-deal_img {
        margin-bottom: 25px;
        margin-top: 50px;
        margin-right: 25px;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_img .inner-img {
    position: relative;
    top: 40px;
    right: -40px;
}

@media (max-width: 767px) {
    .hot-deal_area .hot-deal_item .hot-deal_img .inner-img {
        top: 25px;
        right: -25px;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content {
    border-top: 1px solid #211e1c;
    border-left: 1px solid #211e1c;
    border-right: 1px solid #211e1c;
    margin-left: 105px;
    padding: 60px 60px 0;
    position: relative;
}

@media (max-width: 1199px) {
    .hot-deal_area .hot-deal_item .hot-deal_content {
        padding: 30px 30px 0;
    }
}

@media (max-width: 991px) {
    .hot-deal_area .hot-deal_item .hot-deal_content {
        padding: 20px 20px 0;
        margin-left: 85px;
    }
}

@media (max-width: 767px) {
    .hot-deal_area .hot-deal_item .hot-deal_content {
        margin-left: 0;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content:before {
    background-color: #211e1c;
    content: "";
    width: 70px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media (max-width: 1199px) {
    .hot-deal_area .hot-deal_item .hot-deal_content:before {
        width: 30px;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content:after {
    background-color: #211e1c;
    content: "";
    width: calc(100% - 300px);
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
}

@media (max-width: 1199px) {
    .hot-deal_area .hot-deal_item .hot-deal_content:after {
        width: calc(100% - 245px);
    }
}

@media (max-width: 767px) {
    .hot-deal_area .hot-deal_item .hot-deal_content:after {
        width: calc(100% - 180px);
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content > h4 {
    font-size: 25px;
    line-height: 31.2px;
}

@media (max-width: 991px) {
    .hot-deal_area .hot-deal_item .hot-deal_content > h4 {
        font-size: 20px;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content > h2.title {
    font-size: 56px;
    line-height: 67.2px;
    padding-bottom: 20px;
}

@media (max-width: 1500px) {
    .hot-deal_area .hot-deal_item .hot-deal_content > h2.title {
        font-size: 40px;
    }
}

@media (max-width: 991px) {
    .hot-deal_area .hot-deal_item .hot-deal_content > h2.title {
        font-size: 30px;
        line-height: 1.2;
        padding-bottom: 15px;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content .product-price_wrap {
    padding-bottom: 10px;
}

.hot-deal_area .hot-deal_item .hot-deal_content .product-price_wrap > span.product-price {
    font-family: "Playfair Display", serif;
    font-size: 36px;
    color: #dd6b33;
    padding-left: 75px;
    position: relative;
}

@media (max-width: 991px) {
    .hot-deal_area .hot-deal_item .hot-deal_content .product-price_wrap > span.product-price {
        font-size: 25px;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content .product-price_wrap > span.product-price:before {
    background-color: #211e1c;
    content: "";
    width: 60px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hot-deal_area .hot-deal_item .hot-deal_content > p.short-desc {
    font-size: 18px;
    line-height: 36px;
    padding-bottom: 30px;
}

@media (max-width: 991px) {
    .hot-deal_area .hot-deal_item .hot-deal_content > p.short-desc {
        font-size: 16px;
        line-height: 1.5;
        padding-bottom: 15px;
    }
}

.hot-deal_area .hot-deal_item .hot-deal_content .hot-deal-btn_wrap {
    margin-bottom: -22px;
    padding-left: 40px;
}

@media (max-width: 1199px) {
    .hot-deal_area .hot-deal_item .hot-deal_content .hot-deal-btn_wrap {
        padding-left: 20px;
    }
}

.hot-deal_area .hot-deal_dots .slick-dots {
    top: calc(100% + 55px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hot-deal_area .hot-deal_dots .slick-dots {
        top: calc(100% + 25px);
    }
}

@media (max-width: 767px) {
    .hot-deal_area .hot-deal_dots .slick-dots {
        top: calc(100% + 15px);
    }
}

.hot-deal_area.hot-deal_bg {
    background-image: url("../images/hot-deal/bg/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 945px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hot-deal_area.hot-deal_bg {
        height: 680px;
    }
}

@media (max-width: 767px) {
    .hot-deal_area.hot-deal_bg {
        height: 960px;
    }
}

.hot-deal_area.hot-deal_area-2 {
    margin-top: -50px;
    padding-bottom: 80px;
}

@media (max-width: 991px) {
    .hot-deal_area.hot-deal_area-2 {
        margin-top: 0;
        padding: 80px 0;
    }
}

@media (max-width: 767px) {
    .hot-deal_area.hot-deal_area-2 {
        margin-top: 0;
        padding: 80px 0 0;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item {
    cursor: pointer;
}

@media (max-width: 991px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content {
    margin-left: 0;
    border: 0;
    width: 55%;
}

@media (max-width: 1500px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content {
        padding: 80px 60px 0;
    }
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content {
        padding: 80px 0 0;
    }
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content {
        padding-top: 30px;
        width: 100%;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content:before {
    content: none;
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content:after {
    content: none;
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > h4.product-offer {
    color: #dd6b33;
    font-size: 16px;
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > h4.product-offer {
        font-size: 14px;
        line-height: 25px;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > h2.title {
    position: relative;
    font-weight: 300;
    font-size: 46px;
    max-width: 70%;
    margin-bottom: 15px;
}

@media (max-width: 1500px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > h2.title {
        font-size: 36px;
        line-height: 48px;
    }
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > h2.title {
        font-size: 28px;
        line-height: 37px;
    }
}

@media (max-width: 479px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > h2.title {
        max-width: 100%;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > h2.title:before {
    background-color: #dd6b33;
    content: "";
    bottom: 0;
    left: 0;
    height: 2px;
    width: 80px;
    position: absolute;
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > p.short-desc {
    max-width: 80%;
}

@media (max-width: 1500px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > p.short-desc {
        font-size: 16px;
        line-height: 32px;
    }
}

@media (max-width: 479px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content > p.short-desc {
        max-width: 100%;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_content .hot-deal-btn_wrap {
    margin-bottom: 0;
    padding-left: 0;
    display: inline-block;
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_img {
    margin-bottom: 0;
    width: 45%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_img {
        width: 70%;
    }
}

@media (max-width: 767px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_img {
        margin-top: 0;
        width: 100%;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_img .inner-img {
    position: relative;
    top: 0;
    right: 60px;
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_img .inner-img {
        right: 0;
    }
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item .hot-deal_img .inner-img:before {
    border: 10px solid #ffffff;
    content: "";
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    top: 30px;
    left: 30px;
    pointer-events: none;
}

.hot-deal_area.hot-deal_area-2 .hot-deal_item:hover .inner-img:before {
    border: 5px solid #dd6b33;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px;
}

.hot-deal_area.hot-deal_area-3.hot-deal_bg-2 {
    background-image: url("../images/hot-deal/bg/2.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 750px;
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3.hot-deal_bg-2 {
        height: 455px;
    }
}

@media (max-width: 991px) {
    .hot-deal_area.hot-deal_area-3.hot-deal_bg-2 {
        height: 980px;
    }
}

@media (max-width: 575px) {
    .hot-deal_area.hot-deal_area-3.hot-deal_bg-2 {
        height: 770px;
    }
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-width: 991px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item {
        display: block;
    }
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_img {
    width: 50%;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

@media (max-width: 991px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_img {
        margin: 0;
    }
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_img .inner-img {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_img:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content {
    width: 50%;
    border: 0;
    padding: 0;
    margin-left: 80px;
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content {
        margin-left: 30px;
    }
}

@media (max-width: 991px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content {
        padding-top: 30px;
        margin-left: 0;
        width: 100%;
    }
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content:before {
    content: none;
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content:after {
    content: none;
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content > h4, .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content h2, .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content p {
    font-weight: 300;
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content > h4 {
        font-size: 14px;
        line-height: 16.8px;
    }
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content > h2.title {
        font-size: 28px;
        line-height: 36.4px;
    }
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content > p.short-desc {
        padding-bottom: 15px;
    }
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content .product-price_wrap span.product-price {
        font-size: 20px;
        line-height: 20px;
    }
}

.hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content .hot-deal-btn_wrap {
    padding-left: 0;
    padding-top: 40px;
}

@media (max-width: 1199px) {
    .hot-deal_area.hot-deal_area-3 .hot-deal_item .hot-deal_content .hot-deal-btn_wrap {
        padding-top: 25px;
    }
}

/*----------------------------------------*/
/*  26 - Components - Popular Categories
/*----------------------------------------*/
.popular-categories_area .custom-container {
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 992px) {
    .popular-categories_area .custom-container {
        max-width: 1400px;
    }
}

@media (max-width: 575px) {
    .popular-categories_area .custom-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.popular-categories_area.popular-categories-bg-1 {
    background-image: url("../images/popular-categories/bg/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 660px;
    position: relative;
}

@media (max-width: 767px) {
    .popular-categories_area.popular-categories-bg-1 {
        height: auto;
    }
}

.popular-categories_area.popular-categories-bg-1:before {
    background-color: #211e1c;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.3;
}

.popular-categories_area .popular-categories_item {
    position: relative;
}

@media (max-width: 767px) {
    .popular-categories_area .popular-categories_item {
        padding: 70px 0 80px;
    }
}

.popular-categories_area .popular-categories_item .popular-categories_content {
    text-align: center;
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 95px;
}

@media (max-width: 767px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category {
        padding-top: 55px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li {
    width: 25%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li {
        width: 100%;
    }

    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li:not(:last-child) {
        padding-bottom: 30px;
    }
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a {
    background-color: #ffffff;
    width: 250px;
    height: 250px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
}

@media (max-width: 1199px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 991px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a {
        width: 150px;
        height: 150px;
    }
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_icon {
    color: #dd6b33;
}

@media (max-width: 1199px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_icon .yena-svg {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_icon .yena-svg {
        width: 30%;
    }
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_text {
    padding-top: 20px;
}

@media (max-width: 1199px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_text {
        padding-top: 10px;
    }
}

@media (max-width: 991px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_text {
        padding-top: 0;
    }
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_text span {
    font-size: 25px;
}

@media (max-width: 1199px) {
    .popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li > a .product-category_text span {
        font-size: 16px;
    }
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li:hover > a {
    background-color: #dd6b33;
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li:hover > a .product-category_icon {
    color: #ffffff;
}

.popular-categories_area .popular-categories_item .popular-categories_content ul.product-category > li:hover > a .product-category_text span {
    color: #ffffff;
}

.popular-categories_area .popular-categories_item .popular-categories_content h2.title {
    font-size: 46px;
    color: #ffffff;
}

@media (max-width: 575px) {
    .popular-categories_area .popular-categories_item .popular-categories_content h2.title {
        font-size: 30px;
    }
}

.popular-categories_area.popular-categories_area-2 {
    padding-top: 85px;
}

@media (max-width: 767px) {
    .popular-categories_area.popular-categories_area-2 .popular-categories_item {
        padding: 0;
    }
}

.popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category {
    padding-top: 35px;
}

@media (max-width: 767px) {
    .popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -webkit-flex-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li {
    max-width: 16.666%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666%;
    -ms-flex: 0 0 16.666%;
    flex: 0 0 16.666%;
}

@media (max-width: 767px) {
    .popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li {
        max-width: 33.333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333%;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
    }
}

@media (max-width: 767px) {
    .popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li {
        max-width: 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}

.popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li > a {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border: 7px solid #ffffff;
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 100%;
}

@media (max-width: 1500px) {
    .popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li > a {
        width: 120px;
        height: 120px;
    }

    .popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li > a .yena-svg {
        width: 30%;
    }
}

@media (max-width: 991px) {
    .popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li > a {
        width: 100px;
        height: 100px;
    }
}

.popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li:hover > a {
    background-color: #dd6b33;
}

.popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li:hover > a .product-category_icon {
    color: #ffffff;
}

.popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content ul.product-category > li:hover > a .product-category_text span {
    color: #ffffff;
}

.popular-categories_area.popular-categories_area-2 .popular-categories_item .popular-categories_content h2.title {
    color: #211e1c;
}

/*----------------------------------------*/
/*  23 - Components - Sidebar
/*----------------------------------------*/
/* ---Sidebar Area--- */
.sidebar-area .search-box,
.filter-body .search-box {
    position: relative;
}

.sidebar-area .search-box input.search-box_input,
.filter-body .search-box input.search-box_input {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 60px;
    padding: 0 45px 0 15px;
}

.sidebar-area .search-box button.search-box_btn,
.filter-body .search-box button.search-box_btn {
    color: #494949;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sidebar-area .search-box button.search-box_btn:hover,
.filter-body .search-box button.search-box_btn:hover {
    color: #dd6b33;
}

.sidebar-area .widgets-area,
.filter-body .widgets-area {
    padding-top: 55px;
}

.sidebar-area .widgets-area > h2.heading,
.filter-body .widgets-area > h2.heading {
    font-size: 22px;
    line-height: 26.4px;
}

.sidebar-area .widgets-area > h2.heading > span,
.filter-body .widgets-area > h2.heading > span {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
    display: inline-block;
}

.sidebar-area .widgets-area > h2.heading > span:before,
.filter-body .widgets-area > h2.heading > span:before {
    background-color: #211e1c;
    width: 50%;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.sidebar-area .widgets-area .widgets-item > ul > li > a,
.filter-body .widgets-area .widgets-item > ul > li > a {
    font-family: "Playfair Display", serif;
    font-style: italic;
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    display: block;
}

.sidebar-area .widgets-area .widgets-item > ul > li:first-child > a,
.filter-body .widgets-area .widgets-item > ul > li:first-child > a {
    padding-top: 0;
}

.sidebar-area .widgets-area .instagram-area .instagram-item.instagram-col,
.filter-body .widgets-area .instagram-area .instagram-item.instagram-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 33.333%;
}

.sidebar-area .widgets-area .widgets-tags > ul > li,
.filter-body .widgets-area .widgets-tags > ul > li {
    display: inline-block;
}

.sidebar-area .widgets-area .widgets-tags > ul > li > a,
.filter-body .widgets-area .widgets-tags > ul > li > a {
    font-size: 14px;
}

.sidebar-area .widgets-area .widgets-tags.with-border,
.filter-body .widgets-area .widgets-tags.with-border {
    margin-bottom: -5px;
}

.sidebar-area .widgets-area .widgets-tags.with-border > ul > li,
.filter-body .widgets-area .widgets-tags.with-border > ul > li {
    margin-bottom: 10px;
}

.sidebar-area .widgets-area .widgets-tags.with-border > ul > li:not(:last-child),
.filter-body .widgets-area .widgets-tags.with-border > ul > li:not(:last-child) {
    margin-right: 5px;
}

.sidebar-area .widgets-area .widgets-tags.with-border > ul > li > a,
.filter-body .widgets-area .widgets-tags.with-border > ul > li > a {
    border: 1px solid #e5e5e5;
    display: block;
    padding: 10px;
}

.sidebar-area .widgets-area .widgets-banner,
.filter-body .widgets-area .widgets-banner {
    position: relative;
    cursor: pointer;
}

.sidebar-area .widgets-area .widgets-banner .widgets-banner_text,
.filter-body .widgets-area .widgets-banner .widgets-banner_text {
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
    z-index: 1;
}

.sidebar-area .widgets-area .widgets-banner .widgets-banner_text span,
.filter-body .widgets-area .widgets-banner .widgets-banner_text span {
    font-family: "Playfair Display", serif;
    color: #ffffff;
    font-size: 32px;
    line-height: 32px;
    font-style: italic;
}

.sidebar-area .widgets-area .widgets-banner .widgets-banner_text span > strong,
.filter-body .widgets-area .widgets-banner .widgets-banner_text span > strong {
    display: block;
    font-size: 100px;
    line-height: 100px;
}

@media (max-width: 991px) {
    .sidebar-area .widgets-area.archives-area,
    .filter-body .widgets-area.archives-area {
        padding-bottom: 30px;
    }
}

.sidebar-area .widgets-area.archives-area .myniceselect.wide span,
.filter-body .widgets-area.archives-area .myniceselect.wide span {
    padding: 0 60px 0 15px;
}

.sidebar-area .widgets-area .list-product_area .single-blog,
.filter-body .widgets-area .list-product_area .single-blog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.sidebar-area .widgets-area .list-product_area .single-blog .blog-img,
.filter-body .widgets-area .list-product_area .single-blog .blog-img {
    width: 80px;
}

.sidebar-area .widgets-area .list-product_area .single-blog .blog-content,
.filter-body .widgets-area .list-product_area .single-blog .blog-content {
    width: calc(100% - 80px);
    padding-left: 15px;
}

.sidebar-area .widgets-area .list-product_area .single-blog .blog-content > h3.title,
.filter-body .widgets-area .list-product_area .single-blog .blog-content > h3.title {
    font-family: "Playfair Display", serif;
    font-size: 16px;
    line-height: 22.4px;
    color: #494949;
    font-weight: 300;
}

.sidebar-area .widgets-area .list-product_area .single-blog .blog-content .post-meta > ul > li,
.filter-body .widgets-area .list-product_area .single-blog .blog-content .post-meta > ul > li {
    color: #979797;
    font-size: 10px;
    line-height: 18px;
}

.sidebar-area .widgets-area .list-product_area [class*=single-blog]:not(:last-child),
.filter-body .widgets-area .list-product_area [class*=single-blog]:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.sidebar-area .widgets-area .widgets-checkbox > li:not(:last-child),
.filter-body .widgets-area .widgets-checkbox > li:not(:last-child) {
    padding-bottom: 15px;
}

.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox] + label,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox] + label {
    font-family: "Playfair Display", serif;
    position: relative;
    padding-left: 25px;
    line-height: 15px;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    color: #494949;
}

.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox] + label:before,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox] + label:before {
    width: 15px;
    height: 15px;
    display: block;
    border: 1px solid #e5e5e5;
}

.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox] + label:after,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox] + label:after {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    content: "\ea20";
    font-family: "LaStudioIcons";
    font-weight: 300;
    font-size: 10px;
    line-height: 15px;
    opacity: 0;
    width: 15px;
    text-align: center;
    background-color: #dd6b33;
    color: #ffffff;
}

.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:before,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:before {
    border: 1px solid #e5e5e5;
}

.sidebar-area .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:after,
.filter-body .widgets-area .widgets-checkbox > li input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.sidebar-area .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label,
.filter-body .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label {
    color: #dd6b33;
}

.sidebar-area .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:before,
.filter-body .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:before {
    border: 1px solid #e5e5e5;
}

.sidebar-area .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:after,
.filter-body .widgets-area .widgets-checkbox > li:hover input[type=checkbox] + label:after {
    opacity: 1;
}

/*----------------------------------------*/
/*  29 - Section - Header
/*----------------------------------------*/
/* ---Header Top Area--- */
.header-top_area.bg-night_rider .header-shipping {
    padding: 10px 0;
}

.header-top_area.bg-night_rider .header-shipping i,
.header-top_area.bg-night_rider .header-shipping span {
    color: #dedede;
    vertical-align: middle;
    font-size: 14px;
}

/* ---Header Top Right--- */
.header-top_right .ht-menu > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-top_right .ht-menu > ul > li {
    display: inline-block;
    position: relative;
}

.header-top_right .ht-menu > ul > li:not(:last-child) {
    padding-right: 20px;
}

.header-top_right .ht-menu > ul > li:hover .ht-dropdown {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.header-top_right .ht-menu > ul > li .yena-dropdown {
    background: #211e1c;
    -webkit-box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    padding: 20px 0 24px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    top: 100%;
    width: 230px;
    z-index: 9;
}

.header-top_right .ht-menu > ul > li .yena-dropdown.two-column {
    width: 400px;
}

.header-top_right .ht-menu > ul > li .yena-dropdown > li > a {
    padding: 10px 20px;
    display: block;
    font-size: 14px;
    color: #ffffff;
}

.header-top_right .ht-menu > ul > li .yena-dropdown > li > a:hover {
    color: #dd6b33;
    text-decoration: underline;
}

.header-top_right .ht-menu > ul > li:hover .yena-dropdown {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.header-top_right .ht-menu > ul > li .yena-dropdown.ht-dropdown {
    position: absolute;
    top: 35px;
    right: 0;
    width: 100px;
    text-align: center;
    z-index: 99;
}

.header-top_right .ht-menu > ul > li .yena-dropdown.my-account_dropdown {
    width: 150px;
}

.header-top_right .ht-menu > ul > li > a {
    color: #dedede;
    font-size: 14px;
}

.header-top_right .ht-menu > ul > li > a > i {
    font-size: 10px;
    vertical-align: middle;
    padding-left: 5px;
}

/* ---Header Right Area--- */
.header-right_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (max-width: 575px) {
    .header-right_area {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px;
    }
}

.header-right_area > ul > li {
    display: inline-block;
}

.header-right_area > ul > li:nth-child(-n+2) {
    margin-right: 30px;
}

.header-right_area > ul > li .yena-dropdown {
    background: #211e1c;
    -webkit-box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    padding: 20px 0 24px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    top: 100%;
    width: 230px;
    z-index: 9;
}

.header-right_area > ul > li .yena-dropdown.two-column {
    width: 400px;
}

.header-right_area > ul > li .yena-dropdown > li > a {
    padding: 10px 20px;
    display: block;
    font-size: 14px;
    color: #ffffff;
}

.header-right_area > ul > li .yena-dropdown > li > a:hover {
    color: #dd6b33;
    text-decoration: underline;
}

.header-right_area > ul > li:hover .yena-dropdown {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.header-right_area > ul > li.user-setting_wrap {
    position: relative;
}

@media (max-width: 991px) {
    .header-right_area > ul > li.user-setting_wrap {
        display: none;
    }
}

.header-right_area > ul > li.user-setting_wrap .yena-dropdown {
    top: 60px;
    left: auto;
    right: 0;
}

.header-right_area > ul > li.user-setting_wrap .yena-dropdown > li .yena-submenu {
    left: auto;
    right: 100%;
    top: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}

.header-right_area > ul > li.user-setting_wrap .yena-dropdown > li:hover .yena-submenu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.header-right_area > ul > li.user-setting_wrap .yena-dropdown > li > ul > li:hover {
    padding-left: 0;
}

.header-right_area > ul > li.minicart-wrap > a > .minicart-count_area {
    position: relative;
}

.header-right_area > ul > li > a i {
    font-size: 20px;
}

.header-right_area.with-border-radius {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.header-right_area.with-border-radius > ul > li:not(:last-child) {
    margin-right: 15px;
}

@media (max-width: 767px) {
    .header-right_area.with-border-radius > ul > li:not(:last-child) {
        margin-right: 5px;
    }
}

.header-right_area.with-border-radius > ul > li > a {
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    border-radius: 100%;
}

@media (max-width: 767px) {
    .header-right_area.with-border-radius > ul > li > a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
}

.header-right_area.with-border-radius > ul > li > a:hover {
    background-color: #dd6b33;
    color: #ffffff;
}

.header-right_area.with-border-radius > ul > li > a i {
    font-size: 16px;
}

@media (max-width: 767px) {
    .header-right_area.with-border-radius > ul > li > a i {
        font-size: 13px;
    }
}

/* ---Header Bottom Area--- */
.main-nav > ul > li {
    display: inline-block;
    padding: 45px 10px;
}

.main-nav > ul > li .yena-dropdown {
    background: #211e1c;
    -webkit-box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    padding: 20px 0 24px;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    position: absolute;
    top: 100%;
    width: 230px;
    z-index: 9;
}

.main-nav > ul > li .yena-dropdown.two-column {
    width: 400px;
}

.main-nav > ul > li .yena-dropdown > li > a {
    padding: 10px 20px;
    display: block;
    font-size: 14px;
    color: #ffffff;
}

.main-nav > ul > li .yena-dropdown > li > a:hover {
    color: #dd6b33;
    text-decoration: underline;
}

.main-nav > ul > li:hover .yena-dropdown {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

@media (max-width: 1500px) {
    .main-nav > ul > li {
        padding: 45px 5px;
    }

    .main-nav > ul > li:last-child {
        padding-right: 0;
    }
}

.main-nav > ul > li:hover > a {
    background: #211e1c;
    color: #ffffff !important;
}

.main-nav > ul > li > ul.yena-dropdown > li .yena-submenu {
    left: auto;
    right: 100%;
    top: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
}

.main-nav > ul > li > ul.yena-dropdown > li:hover .yena-submenu {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.main-nav > ul > li > a {
    display: block;
    padding: 8px 12px;
}

.main-nav > ul > li > a.active {
    background: #211e1c;
    color: #ffffff;
}

.main-nav > ul > li > a > i {
    margin-left: 5px;
    font-size: 12px;
    vertical-align: middle;
}

.main-nav > ul > li.mh-sticker_wrap {
    position: relative;
}

.main-nav > ul > li.mh-sticker_wrap > span {
    position: relative;
}

.main-nav > ul > li.mh-sticker_wrap > span.mh-sticker {
    background-color: #dd6b33;
    color: #ffffff;
    position: absolute;
    width: 35px;
    height: 19px;
    line-height: 20px;
    display: block;
    top: 10px;
    left: 0;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    cursor: text;
}

.main-nav > ul > li.mh-sticker_wrap > span.mh-sticker:before {
    content: "";
    border-top: 2px solid transparent;
    border-bottom: 8px solid #dd6b33;
    border-left: 2px solid transparent;
    border-right: 2px solid #dd6b33;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    bottom: 3px;
    left: 3px;
    -webkit-transform: skew(0deg, 45deg);
    -ms-transform: skew(0deg, 45deg);
    transform: skew(0deg, 45deg);
    z-index: -1;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap {
    -webkit-box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    background: #211e1c;
    display: block;
    -webkit-transform-origin: 0 0 0;
    -ms-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    visibility: hidden;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;
    right: auto;
    top: 100%;
    z-index: 999;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu > li {
    width: 33.33%;
    padding: 30px;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu > li > span.megamenu-title {
    color: #ffffff;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    display: inline-block;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu > li > span.megamenu-title:before {
    background-color: #dd6b33;
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu > li > ul > li > a {
    display: block;
    padding-bottom: 20px;
    font-size: 16px;
    color: #ffffff;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu > li > ul > li:hover > a {
    color: #dd6b33;
    text-decoration: underline;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2 {
    width: 1200px;
    margin: 0 auto;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2 > li:first-child {
    background-color: rgba(167, 167, 167, 0.2);
    text-align: center;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2 > li:first-child > span.megamenu-title {
    text-transform: uppercase;
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2 > li:first-child > span.megamenu-title:before {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.main-nav > ul > li.megamenu-holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2 > li:first-child > ul > li > a {
    text-transform: uppercase;
}

.main-nav > ul > li.megamenu-holder:hover .yena-megamenu_wrap {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.main-nav > ul > li.megamenu-holder.two-column .yena-megamenu_wrap {
    width: 400px;
    left: auto;
    background-color: #211e1c;
}

.main-nav > ul > li.megamenu-holder.two-column .yena-megamenu_wrap .yena-megamenu {
    padding: 30px;
}

.main-nav > ul > li.megamenu-holder.two-column .yena-megamenu_wrap .yena-megamenu > li {
    width: 50%;
}

.main-nav > ul > li.megamenu-holder.two-column .yena-megamenu_wrap .yena-megamenu > li a {
    color: #ffffff;
}

.main-nav > ul > li.megamenu-holder.two-column .yena-megamenu_wrap .yena-megamenu > li a.active {
    color: #dd6b33;
    text-decoration: underline;
}

.main-nav > ul > li.megamenu-holder.two-column .yena-megamenu_wrap .yena-megamenu > li a:hover {
    color: #dd6b33;
    text-decoration: underline;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu {
    width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1500px) {
    .main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu {
        width: 1140px;
    }
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li {
    padding: 30px 0;
    margin: 0 15px;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li:before {
    background-color: #dd6b33;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    overflow: hidden;
    cursor: pointer;
    pointer-events: none;
    z-index: 1;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li > a {
    padding-bottom: 0;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li > a img {
    width: 100%;
    height: 100%;
    display: block;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li span.inner-text {
    position: absolute;
    bottom: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    opacity: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    z-index: 2;
    pointer-events: none;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li:hover:before {
    opacity: 0.8;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li:hover span.inner-text {
    bottom: 50%;
    opacity: 1;
}

.main-nav > ul > li.megamenu-holder.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu > li.gallery-wrap > ul > li:hover a img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08);
}

/* ---Header Contact--- */
.header-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-contact > i {
    font-size: 30px;
}

.header-contact .contact-content {
    padding-left: 15px;
}

.header-contact .contact-content p {
    margin-bottom: 0;
}

/* ---Main Header--- */
@media (max-width: 1199px) {
    .main-header {
        padding: 10px 0;
    }
}

.main-header .main-header_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* ---Header Logo--- */
.header-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 575px) {
    .header-logo {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.header-logo img {
    width: 180px;
}

/* ---Sticky Header--- */
.header-sticky {
    background-color: #ffffff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    z-index: 99;
    display: none;
}

.header-sticky.sticky {
    -webkit-animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    animation: 800ms ease-in-out 0s normal none 1 running slideInDown;
    display: block;
}

@media (max-width: 767px) {
    .header-sticky.sticky {
        display: none;
        position: static;
    }
}

.header-sticky .sticky-header_nav {
    padding: 0;
}

@media (max-width: 991px) {
    .header-sticky .sticky-header_nav {
        padding: 20px 0;
    }
}

.header-sticky .sticky-header_nav .header-logo_area > a > img {
    max-width: 120px;
}

@media (max-width: 1199px) {
    .header-sticky .sticky-header_nav .main-menu_area > nav.main-nav > ul > li {
        margin-right: 20px;
    }
}

/*----------------------------------------*/
/*  30 - Section - Footer
/*----------------------------------------*/
@media (min-width: 768px) {
    .footer-area .container {
        max-width: 900px;
        margin: 0 auto;
    }
}

.footer-area .footer-top_area {
    padding: 60px 0 50px;
}

.footer-widgets_area {
    padding-top: 45px;
}

.footer-widgets_area .logo {
    padding-bottom: 25px;
}

.footer-widgets_area .logo img {
    width: 158px;
}

.footer-widgets_area p.short-desc {
    max-width: 70%;
    margin: 0 auto;
    font-size: 17px;
    line-height: 27.2px;
}

@media (max-width: 575px) {
    .footer-widgets_area p.short-desc {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .footer-widgets_area .footer-widgets {
        text-align: center;
    }
}

.footer-widgets_area .footer-widgets > ul > li:not(:last-child) {
    margin-bottom: 5px;
}

.footer-widgets_area .footer-widgets > ul > li > a span {
    text-transform: uppercase;
    font-size: 11px;
}

/* ---Footer Bottom Area--- */
.footer-bottom_area {
    padding: 20px 0 75px;
}

.footer-bottom_area.bg-bokara_grey span,
.footer-bottom_area.bg-bokara_grey a {
    color: #ffffff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer-bottom_area.bg-bokara_grey a:hover {
    color: #dd6b33;
}

.footer-bottom_area .copyright {
    text-align: center;
}

/* ---Footer Area Two--- */
.footer-area-2 .custom-container {
    margin: 0 auto;
}

@media (min-width: 1501px) {
    .footer-area-2 .custom-container {
        max-width: 1330px;
    }
}

@media (max-width: 1919px) {
    .footer-area-2 .custom-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .footer-area-2 .custom-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.footer-area-2 .custom-container .custom-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22%;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
}

@media (max-width: 991px) {
    .footer-area-2 .custom-container .custom-col-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.footer-area-2 .custom-container .custom-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 78%;
    -ms-flex: 0 0 78%;
    flex: 0 0 78%;
    max-width: 78%;
}

@media (max-width: 991px) {
    .footer-area-2 .custom-container .custom-col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.footer-area-2 .footer-top_area {
    padding: 75px 0 50px;
}

@media (max-width: 991px) {
    .footer-area-2 .footer-top_area .footer-widgets_wrap [class*=col-]:nth-child(n+4) .footer-widgets {
        padding-top: 20px;
    }
}

@media (max-width: 575px) {
    .footer-area-2 .footer-top_area .footer-widgets_wrap [class*=col-]:not(:last-child) .footer-widgets {
        padding-top: 20px;
    }
}

@media (max-width: 991px) {
    .footer-area-2 .logo {
        text-align: center;
    }
}

.footer-area-2 .logo img {
    width: 200px;
}

.footer-area-2 .instagram-area .instagram-item.instagram-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 33.333%;
}

.footer-area-2.bg-bokara_grey .footer-widgets_area {
    padding-top: 0;
}

.footer-area-2.bg-bokara_grey .footer-widgets_area .footer-widgets > h3.heading {
    font-family: "Roboto", sans-serif;
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .footer-area-2.bg-bokara_grey .footer-widgets_area .footer-widgets > h3.heading {
        font-size: 13px;
    }
}

.footer-area-2.bg-bokara_grey .footer-widgets_area .footer-widgets > ul > li:hover > a {
    color: #ffffff;
}

.footer-area-2.bg-bokara_grey .footer-widgets_area .footer-widgets > ul > li > a {
    color: #979797;
    font-size: 12px;
    text-transform: uppercase;
}

.footer-area-2.bg-bokara_grey .footer-widgets_area .footer-widgets .social-link > ul > li > a {
    color: #ffffff;
    font-size: 18px;
}

.footer-area-2.bg-bokara_grey .footer-widgets_area .footer-widgets .social-link > ul > li > a:hover {
    color: #dd6b33;
}

.footer-area-2.bg-bokara_grey .footer-bottom_area .copyright span,
.footer-area-2.bg-bokara_grey .footer-bottom_area .copyright a {
    text-transform: uppercase;
    color: #979797;
    font-size: 12px;
    letter-spacing: 0.8px;
}

.footer-area-2.bg-bokara_grey .footer-bottom_area .copyright a:hover {
    color: #dd6b33;
}

.footer-area-2.bg-white .footer-widgets_area {
    padding-top: 0;
}

.footer-area-2.bg-white .footer-widgets_area .footer-widgets > h3.heading {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
}

.footer-area-2.bg-white .footer-widgets_area .footer-widgets .subscribe-form input.newsletter-input {
    border: 1px solid #e5e5e5;
    padding: 0 120px 0 15px;
    font-size: 14px;
}

.footer-area-2.bg-white .footer-widgets_area .footer-widgets .subscribe-form button.newsletter-btn {
    background-color: #211e1c;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    color: #ffffff;
}

.footer-area-2.bg-white .footer-widgets_area .footer-widgets .subscribe-form button.newsletter-btn:hover {
    background-color: #dd6b33;
}

.footer-area-2.bg-white .footer-widgets_area .footer-widgets > ul > li > a {
    font-size: 12px;
    text-transform: uppercase;
}

.footer-area-2.bg-white .footer-bottom_area {
    border-top: 1px solid #e5e5e5;
}

.footer-area-2.bg-white .footer-bottom_area .copyright {
    text-align: left;
}

.footer-area-2.bg-white .footer-bottom_area .payment-method {
    text-align: right;
}

.footer-area-2.bg-white .footer-bottom_area .payment-method img {
    width: auto;
    height: 100%;
}

.footer-area-2.footer-area-3 .custom-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

@media (max-width: 767px) {
    .footer-area-2.footer-area-3 .custom-col-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.footer-area-2.footer-area-3 .custom-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}

@media (max-width: 767px) {
    .footer-area-2.footer-area-3 .custom-col-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.footer-area-2.footer-area-3 .footer-top_area .footer-widgets_area p.logo-info {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 20px;
    max-width: 75%;
}

@media (max-width: 1199px) {
    .footer-area-2.footer-area-3 .footer-top_area .footer-widgets_area p.logo-info {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .footer-area-2.footer-area-3 .footer-top_area .footer-widgets_area p.logo-info {
        max-width: 65%;
        margin: 0 auto;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .footer-area-2.footer-area-3 .footer-top_area .footer-widgets_wrap .footer-widgets_area {
        padding-top: 30px;
    }
}

@media (max-width: 575px) {
    .footer-area-2.footer-area-3 .footer-bottom_area .copyright {
        text-align: center;
        padding-bottom: 15px;
    }
}

.footer-area-2.footer-area-3 .footer-bottom_area .copyright span,
.footer-area-2.footer-area-3 .footer-bottom_area .copyright a {
    font-size: 14px;
}

@media (max-width: 575px) {
    .footer-area-2.footer-area-3 .footer-bottom_area .payment-method {
        text-align: center;
    }
}

/* ---Fixed FooterBar--- */
.fixed-footerbar {
    background-color: #202020;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    z-index: 999;
}

@media (min-width: 768px) {
    .fixed-footerbar {
        display: none;
    }
}

.fixed-footerbar ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.fixed-footerbar ul li {
    width: 20%;
}

.fixed-footerbar ul li:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.fixed-footerbar ul li a {
    display: block;
}

.fixed-footerbar ul li a i {
    color: #ffffff;
}

.fixed-footerbar ul li a i:hover {
    color: #dd6b33;
}

.fixed-footerbar ul li.with-counter {
    position: relative;
}

.fixed-footerbar ul li.with-counter .cart-item_count {
    top: 5px;
    right: 35px;
}

/*----------------------------------------*/
/*  32 - Pages - Shop
/*----------------------------------------*/
/* ---Shop Main Content--- */
.shop-main_content {
    padding-top: 60px;
}

@media (max-width: 991px) {
    .shop-main_content.shop-with_sidebar {
        padding-bottom: 55px;
    }
}

@media (max-width: 1199px) {
    .shop-main_content.shop-with_sidebar .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li {
        padding: 12px 10px 12px 15px;
    }
}

.shop-main_content.shop-with_sidebar .filter-body [class*=col-]:nth-child(n+3) .filter-item_area {
    padding-top: 30px;
}

/* ---Shop Toolbar--- */
.shop-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 25px 0;
}

@media (max-width: 991px) {
    .shop-toolbar {
        display: block;
    }
}

.shop-toolbar .product-page_count {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .shop-toolbar .product-page_count {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
}

.shop-toolbar .product-page_count > p {
    margin-bottom: 0;
}

.shop-toolbar .product-selection_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 991px) {
    .shop-toolbar .product-selection_wrap {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .shop-toolbar .product-selection_wrap {
        display: block;
    }
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav {
    text-align: center;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575px) {
    .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul {
        display: block;
    }
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li {
    position: relative;
    padding: 12px 30px 12px 15px;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown {
    border: 1px solid #e5e5e5;
    background: #ffffff;
    position: absolute;
    text-align: center;
    cursor: pointer;
    width: 90px;
    top: 80px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

@media (max-width: 575px) {
    .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown {
        width: 100%;
    }
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.show-wrap {
    width: 115px;
}

@media (max-width: 575px) {
    .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.show-wrap {
        width: 100%;
    }
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.sort-wrap {
    width: 170px;
    text-align: left;
}

@media (max-width: 575px) {
    .shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown.sort-wrap {
        width: 100%;
    }
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li {
    padding: 8px 15px;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li:hover {
    background-color: #f1f0f0;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li:hover > a {
    color: #dd6b33;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li > a {
    color: #211e1c;
    font-size: 14px;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > ul.ps-dropdown > li > a.active {
    color: #dd6b33;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li:hover > ul.ps-dropdown {
    top: 50px;
    opacity: 1;
    visibility: visible;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li:hover > a {
    color: #dd6b33;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li:hover > a > i:before {
    content: "\ea13";
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > a {
    font-size: 16px;
}

.shop-toolbar .product-selection_wrap .product-selection_menu > nav.product-selection_nav > ul > li > a > i {
    vertical-align: middle;
    padding-left: 5px;
    font-size: 12px;
}

@media (max-width: 767px) {
    .shop-toolbar .product-selection_wrap .product-view-mode {
        text-align: center;
    }
}

.shop-toolbar .product-selection_wrap .product-view-mode > a {
    display: inline-block;
    cursor: pointer;
    font-size: 24px;
}

.shop-toolbar .product-selection_wrap .product-view-mode > a.active {
    color: #dd6b33;
}

.shop-toolbar .product-selection_wrap .product-view-mode > a > i {
    padding-right: 10px;
}

.shop-toolbar .product-selection_wrap .product-view-mode > a:last-child > i {
    padding-right: 0;
}

/* ---Filter Body--- */
.filter-body {
    -webkit-box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 24px 0 rgba(0, 0, 0, 0.09);
    padding: 25px 30px;
    margin-bottom: 30px;
    display: none;
}

.filter-body .widgets-area.filter-item_area {
    padding-top: 0;
}

@media (max-width: 991px) {
    .filter-body .widgets-area.filter-item_area {
        padding-top: 25px;
    }
}

@media (max-width: 479px) {
    .filter-body .widgets-area.filter-item_area .price-filter .price-slider-amount .filter-btn {
        width: 70px;
    }
}

/* ---Shop Product Wrap--- */
.shop-product-wrap.grid .list-product_item {
    display: none;
}

.shop-product-wrap.grid .product-item {
    display: block;
    margin: 0;
}

.shop-product-wrap.grid .product-item .single-product {
    overflow: hidden;
}

.shop-product-wrap.grid .product-item .single-product .product-img img {
    width: 100%;
}

@media (max-width: 991px) {
    .shop-product-wrap.grid .product-item .single-product .product-img .add-actions > ul > li > a {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}

.shop-product-wrap.grid .product-item .single-product .product-content .product-desc_info > h3.product-name {
    font-family: "Roboto", sans-serif;
    padding-bottom: 5px;
    font-weight: 600;
}

.shop-product-wrap.grid .product-item .single-product .product-content .product-desc_info > h3.product-name > a {
    font-size: 16px;
}

.shop-product-wrap.grid .product-item .single-product .product-content .product-desc_info > h4.product-brand {
    font-family: "Roboto", sans-serif;
    padding-bottom: 5px;
}

.shop-product-wrap.grid .product-item .single-product .product-content .product-desc_info > h4.product-brand > a {
    font-size: 14px;
}

.shop-product-wrap.grid.gridview-2 > [class*=col-] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (max-width: 767px) {
    .shop-product-wrap.grid.gridview-2 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .shop-product-wrap.grid.gridview-2 > [class*=col-]:not(:nth-child(n+11)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .shop-product-wrap.grid.gridview-2 > [class*=col-]:not(:last-child) .product-item {
        padding-bottom: 30px;
    }
}

.shop-product-wrap.grid.gridview-3 > [class*=col-] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -moz-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

@media (max-width: 1199px) {
    .shop-product-wrap.grid.gridview-3 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .shop-product-wrap.grid.gridview-3 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .shop-product-wrap.grid.gridview-3 > [class*=col-]:not(:nth-child(n+10)) .product-item {
        padding-bottom: 30px;
    }
}

@media (min-width: 768px) {
    .shop-product-wrap.grid.gridview-3 > [class*=col-]:not(:nth-child(n+11)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .shop-product-wrap.grid.gridview-3 > [class*=col-]:not(:last-child) .product-item {
        padding-bottom: 30px;
    }
}

.shop-product-wrap.grid.gridview-4 > [class*=col-] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media (max-width: 1199px) {
    .shop-product-wrap.grid.gridview-4 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -moz-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 991px) {
    .shop-product-wrap.grid.gridview-4 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 767px) {
    .shop-product-wrap.grid.gridview-4 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .shop-product-wrap.grid.gridview-4 > [class*=col-]:not(:nth-child(n+9)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 1199px) {
    .shop-product-wrap.grid.gridview-4 > [class*=col-]:not(:nth-child(n+10)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .shop-product-wrap.grid.gridview-4 > [class*=col-]:not(:nth-child(n+11)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .shop-product-wrap.grid.gridview-4 > [class*=col-]:not(:last-child) .product-item {
        padding-bottom: 30px;
    }
}

.shop-product-wrap.grid.gridview-5 > [class*=col-] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (max-width: 1199px) {
    .shop-product-wrap.grid.gridview-5 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        -moz-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (max-width: 991px) {
    .shop-product-wrap.grid.gridview-5 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .shop-product-wrap.grid.gridview-5 > [class*=col-] {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .shop-product-wrap.grid.gridview-5 > [class*=col-]:not(:nth-child(n+11)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 1199px) {
    .shop-product-wrap.grid.gridview-5 > [class*=col-]:not(:nth-child(n+10)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 991px) {
    .shop-product-wrap.grid.gridview-5 > [class*=col-]:not(:nth-child(n+11)) .product-item {
        padding-bottom: 30px;
    }
}

@media (max-width: 575px) {
    .shop-product-wrap.grid.gridview-5 > [class*=col-]:not(:last-child) .product-item {
        padding-bottom: 30px;
    }
}

.shop-product-wrap.listview > [class*=col-] {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 100%;
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item {
    display: block;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product {
        display: block;
        padding: 20px;
    }
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product:hover {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img {
    position: relative;
    width: 270px;
}

@media (max-width: 767px) {
    .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img {
        width: 100%;
    }
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img:before {
    background-color: #211e1c;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    pointer-events: none;
    z-index: 1;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img > a {
    display: block;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img > a img {
    width: 100%;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img > a img.secondary-img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img > a img:hover.secondary-img {
    opacity: 1;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions {
    position: absolute;
    bottom: 35%;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions > ul > li {
    display: inline-block;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions > ul > li:first-child {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions > ul > li > a {
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    width: 40px;
    height: 40px;
    line-height: 42px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions > ul > li > a:hover {
    background-color: #dd6b33;
    border-color: #dd6b33;
    color: #ffffff !important;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-img .add-actions > ul > li > a > i {
    font-size: 16px;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content {
    width: calc(100% - 270px);
    padding: 0 50px;
}

@media (max-width: 767px) {
    .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content {
        width: 100%;
        padding: 0;
    }
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .product-desc_info > h3.product-name {
    font-family: "Roboto", sans-serif;
    padding-bottom: 10px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .product-desc_info > h3.product-name > a {
        font-size: 14px;
    }
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .product-desc_info .price-box {
    padding-bottom: 10px;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .product-desc_info .price-box > span.new-price {
    color: #494949;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .product-desc_info > p.short-desc {
    font-family: "Roboto", sans-serif;
    color: #494949;
    padding-bottom: 20px;
}

@media (max-width: 991px) {
    .shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .product-desc_info > p.short-desc {
        font-size: 14px;
    }
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .add-actions-2 > ul > li {
    display: inline-block;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .add-actions-2 > ul > li:not(:last-child) {
    margin-right: 15px;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .add-actions-2 > ul > li > a {
    color: #211e1c;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 14px;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .add-actions-2 > ul > li > a > i {
    vertical-align: middle;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .add-actions-2 > ul > li > a:hover {
    color: #dd6b33;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .add-actions-2 > ul > li.add-to-cart > a {
    background-color: #211e1c;
    text-transform: uppercase;
    color: #ffffff;
    padding: 0 20px;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product .product-content .add-actions-2 > ul > li.add-to-cart > a:hover {
    background-color: #dd6b33;
    color: #ffffff;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product:hover .product-img:before {
    opacity: 0.5;
}

.shop-product-wrap.listview > [class*=col-] .list-product_item .single-product:hover .product-img .add-actions {
    bottom: 50%;
    opacity: 1;
    visibility: visible;
}

.shop-product-wrap.listview > [class*=col-] .product-item {
    display: none;
}

.shop-product-wrap.listview > [class*=col-]:not(:last-child) .list-product_item .single-product {
    margin-bottom: 30px;
}

/* ---Masonary Main Content--- */
.masonry-main_content .masonry-grid {
    width: 100%;
}

@media (max-width: 991px) {
    .masonry-main_content .masonry-grid {
        width: auto;
    }
}

.masonry-main_content .product-item {
    padding-bottom: 30px;
}

.masonry-main_content .product-item .single-product .product-img:before {
    background-color: #211e1c;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
}

.masonry-main_content .product-item .single-product .product-img > img.secondary-img {
    pointer-events: none;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text {
    position: absolute;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text .product-desc_info {
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    display: block;
    opacity: 0;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text .product-desc_info > h3.product-name {
    padding-bottom: 10px;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text .product-desc_info > h3.product-name > a {
    color: #ffffff;
    font-size: 16px;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text .product-desc_info > h3.product-name > a:hover {
    color: #dd6b33;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text .product-desc_info .price-box {
    padding-bottom: 5px;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text .product-desc_info .price-box > span.new-price {
    color: #ffffff;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text > ul > li {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
}

.masonry-main_content .product-item .single-product .product-img .add-actions.with-text > ul > li > a:hover {
    border-color: #211e1c;
}

.masonry-main_content .product-item .single-product .product-img:hover:before {
    opacity: 0.5;
}

.masonry-main_content .product-item:hover .single-product .product-img .add-actions.with-text .product-desc_info {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

.masonry-main_content .product-item:hover .single-product .product-img .add-actions.with-text > ul > li {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

/*----------------------------------------*/
/*  33 - Pages - Product Layout
/*----------------------------------------*/
.pl-main_content {
    padding-bottom: 95px;
}

.product-details_area {
    padding-top: 70px;
}

.product-details_area .product-details_img .single-img {
    position: relative;
    border: 1px solid #e5e5e5;
}

.product-details_area .product-details_img .single-img span.sticker {
    z-index: 1;
}

.product-details_area .product-details_img .single-img img {
    width: auto !important;
    height: auto !important;
}

.product-details_area .product-details_img .single-img .inner-stuff {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}

@media (max-width: 767px) {
    .product-details_area .product-details_img .single-img .inner-stuff {
        display: none;
    }
}

.product-details_area .product-details_img .single-img .inner-stuff > ul > li:not(:last-child) {
    margin-bottom: 15px;
}

.product-details_area .product-details_img .single-img .inner-stuff > ul > li > a {
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.product-details_area .product-details_img .single-img .inner-stuff > ul > li > a:hover {
    background-color: #211e1c;
    color: #ffffff;
}

.product-details_area .product-details_img .single-thumb img {
    width: 100%;
    height: 100%;
}

@media (max-width: 991px) {
    .product-details_area .product-details_content {
        padding-top: 25px;
    }
}

.product-details_area .product-details_content > h3.heading {
    font-family: "Roboto", sans-serif;
    line-height: 1.2;
    font-weight: 400;
}

@media (max-width: 991px) {
    .product-details_area .product-details_content > h3.heading {
        font-size: 20px;
    }
}

.product-details_area .product-details_content .essential-stuff {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 15px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 479px) {
    .product-details_area .product-details_content .essential-stuff {
        display: block;
    }
}

@media (max-width: 479px) {
    .product-details_area .product-details_content .essential-stuff .price-box {
        padding-bottom: 10px;
    }
}

.product-details_area .product-details_content .essential-stuff .price-box > span {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    line-height: 20px;
}

.product-details_area .product-details_content .essential-stuff .product-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 479px) {
    .product-details_area .product-details_content .essential-stuff .product-info {
        display: block;
    }
}

.product-details_area .product-details_content .essential-stuff .product-info > span.review {
    margin-left: 5px;
}

.product-details_area .product-details_content .essential-stuff .product-info > span.review > a {
    font-size: 10px;
    line-height: 10px;
}

.product-details_area .product-details_content .essential-stuff.witout-border {
    border-bottom: 0;
    padding-bottom: 0;
}

.product-details_area .product-details_content > p.short-desc {
    font-family: "Roboto", sans-serif;
    padding-top: 20px;
    line-height: 28px;
    font-size: 14px;
}

.product-details_area .product-details_content .product-size {
    padding-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-details_area .product-details_content .product-size > span {
    padding-right: 30px;
}

.product-details_area .product-details_content .product-size .nice-select {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
}

.product-details_area .product-details_content .quantity-with_btn {
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.product-details_area .product-details_content .quantity-with_btn .add-to_cart {
    margin-left: 15px;
}

.product-details_area .product-details_content .quantity-with_btn .add-to_cart .yena-btn {
    width: 250px;
}

@media (max-width: 479px) {
    .product-details_area .product-details_content .quantity-with_btn .add-to_cart .yena-btn {
        width: 150px;
    }
}

.product-details_area .product-details_content .grouped-qty {
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575px) {
    .product-details_area .product-details_content .grouped-qty {
        display: block;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .product-details_area .product-details_content .grouped-qty .quantity {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.product-details_area .product-details_content .grouped-qty .quantity .cart-plus-minus input.cart-plus-minus-box {
    border: 0;
    width: 100%;
}

.product-details_area .product-details_content .grouped-qty .quantity .cart-plus-minus .qtybutton {
    border: 0;
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    font-size: 21px;
}

.product-details_area .product-details_content .grouped-qty .quantity .cart-plus-minus .qtybutton.dec {
    right: auto;
    left: 0;
}

.product-details_area .product-details_content .grouped-qty .product-info h3.product-name {
    font-family: "Roboto", sans-serif;
}

.product-details_area .product-details_content .grouped-qty .product-info h3.product-name > a {
    color: #494949;
    line-height: 28.8px;
    font-size: 16px;
}

.product-details_area .product-details_content .grouped-qty .product-info h3.product-name > a:hover {
    color: #dd6b33;
}

.product-details_area .product-details_content .grouped-qty .product-info .price-box {
    color: #494949;
    line-height: 28.8px;
}

.product-details_area .product-details_content .grouped-qty .product-info .price-box .old-price {
    color: #bbbbbb;
    text-decoration: line-through;
    font-size: 15px;
}

.product-details_area .product-details_content .grouped-qty .in-stock_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 575px) {
    .product-details_area .product-details_content .grouped-qty .in-stock_wrap {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 575px) {
    .product-details_area .product-details_content .grouped-qty .in-stock_wrap span.in-stock {
        margin-left: 0;
    }
}

.product-details_area .product-details_content .countdown-wrap {
    padding-top: 20px;
}

.product-details_area .product-details_content .countdown-wrap .countdown.item-4 .countdown__item span.countdown__time {
    font-size: 30px;
}

.product-details_area .product-details_content .additional-btn {
    padding-top: 20px;
}

.product-details_area .product-details_content .additional-btn > li {
    display: inline-block;
}

.product-details_area .product-details_content .additional-btn > li:not(:last-child) {
    margin-right: 15px;
}

.product-details_area .product-details_content .additional-btn > li > a {
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 11px;
}

.product-details_area .product-details_content .additional-btn > li > a > i {
    vertical-align: middle;
    margin-right: 5px;
    font-size: 18px;
}

.product-details_area .product-details_content .sku {
    padding-top: 30px;
}

.product-details_area .product-details_content .sku > span {
    font-size: 12px;
    line-height: 21.6px;
}

.product-details_area .product-details_content .categories {
    padding-top: 5px;
}

.product-details_area .product-details_content .categories > li {
    text-transform: uppercase;
    color: #494949;
    display: inline-block;
    font-size: 12px;
}

.product-details_area .product-details_content .categories > li > a {
    text-transform: uppercase;
    line-height: 21.6px;
    font-size: 12px;
}

.product-details_area.custom-style-2 .single-img {
    margin-bottom: 30px;
}

/* ---Vertical Tab--- */
.vertical-tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.vertical-tab .product-details_slider {
    -webkit-flex-basis: 80%;
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
    padding-left: 30px;
}

.vertical-tab .pd-slider-nav {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
    padding: 0;
    margin-top: 0;
}

.vertical-tab.vt-right_side {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -webkit-flex-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
}

/* ---Custom Style Three--- */
.custom-style-3 {
    padding-top: 70px;
}

@media (max-width: 991px) {
    .custom-style-3 .product-details_area .pd-tab_item {
        padding-top: 30px;
    }
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li:not(:last-child) {
    margin-bottom: 20px;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > a {
    border-bottom: 2px solid #211e1c;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body {
    display: none;
    padding-top: 35px;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .brand-img {
    float: left;
    margin-right: 25px;
    width: 38.7%;
}

@media (max-width: 479px) {
    .custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .brand-img {
        width: 100%;
        margin-right: 0;
        padding-bottom: 25px;
    }
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .pd-tab_content {
    width: 100%;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .pd-tab_content > h3.heading {
    font-size: 16px;
    line-height: 19.2px;
    padding-bottom: 15px;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li.inner-body .pd-tab_content > p.short-desc {
    font-family: "Roboto", sans-serif;
    color: #494949;
    line-height: 28.8px;
    padding-bottom: 20px;
    font-size: 14px;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li .review-body form.feedback-form .group-input {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li .review-body form.feedback-form .group-input input.input-field {
    width: 100%;
}

@media (max-width: 991px) {
    .custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li .review-body form.feedback-form .group-input {
        display: block;
    }
}

@media (max-width: 991px) {
    .custom-style-3 .product-details_area .pd-tab_item > ul > li > ul.pd-tab_body > li .review-body form.feedback-form .group-input .email-field {
        padding-top: 10px;
    }
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li.active .pd-tab_body {
    display: block;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li.active.open a i:before {
    content: "\ea68";
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li.open a {
    color: #dd6b33;
}

.custom-style-3 .product-details_area .pd-tab_item > ul > li.open a i:before {
    content: "\ea68";
}

/*----------------------------------------*/
/*  34 - Pages - About Us
/*----------------------------------------*/
/* ---About Us Area--- */
@media (max-width: 767px) {
    .about-us_area .about-us_content {
        padding-top: 15px;
    }
}

.about-us_area .about-us_content > p.short-desc {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 28px;
}

@media (max-width: 991px) {
    .about-us_area .about-us_content > p.short-desc {
        font-size: 13px;
        line-height: 25px;
    }
}

@media (min-width: 768px) {
    .about-us_area .about-us_img {
        border: 1px solid #dd6b33;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .about-us_area .about-us_img {
        padding-top: 20px;
    }
}

@media (min-width: 768px) {
    .about-us_area .about-us_img .inner-img {
        margin-top: -80px;
        margin-bottom: 40px;
        margin-left: -40px;
        padding-right: 40px;
    }
}

/* ---Our History Area--- */
.our-history_area {
    padding-top: 80px;
}

@media (max-width: 991px) {
    .our-history_area .timeline-item_area {
        overflow-x: auto;
        overflow-y: hidden;
        height: 375px;
    }
}

.our-history_area .timeline-item_area .custom-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6%;
    -ms-flex: 0 0 41.6%;
    flex: 0 0 41.6%;
    max-width: 41.6%;
}

@media (max-width: 991px) {
    .our-history_area .timeline-item_area .custom-col-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 39%;
        -ms-flex: 0 0 39%;
        flex: 0 0 39%;
        max-width: 39%;
    }
}

@media (max-width: 767px) {
    .our-history_area .timeline-item_area .custom-col-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 24%;
        -ms-flex: 0 0 24%;
        flex: 0 0 24%;
        max-width: 24%;
    }
}

.our-history_area .timeline-item_area .custom-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6%;
    -ms-flex: 0 0 16.6%;
    flex: 0 0 16.6%;
    max-width: 16.6%;
}

.our-history_area .timeline-item_area .timeline-item {
    border-bottom: 2px solid #d8d8d8;
}

@media (max-width: 991px) {
    .our-history_area .timeline-item_area .timeline-item {
        width: 1200px;
    }
}

@media (max-width: 575px) {
    .our-history_area .timeline-item_area .timeline-item {
        width: 1930px;
    }
}

.our-history_area .timeline-item_area .timeline-item .timeline-item_card {
    position: relative;
}

.our-history_area .timeline-item_area .timeline-item .timeline-item_card:before {
    background-color: #dd6b33;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    left: 0;
}

.our-history_area .timeline-item_area .timeline-item .timeline-item_card:after {
    background-color: #dd6b33;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    bottom: -5px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

@media (max-width: 767px) {
    .our-history_area .timeline-item_area .timeline-item .timeline-item_card:after {
        content: none;
    }
}

.our-history_area .timeline-item_area .timeline-item .timeline-item_card > h3 {
    font-size: 26px;
    line-height: 31px;
    padding-bottom: 10px;
}

.our-history_area .timeline-item_area .timeline-item .timeline-item_card > p {
    font-family: "Roboto", sans-serif;
    line-height: 23.8px;
    font-size: 14px;
    max-width: 50%;
}

@media (max-width: 767px) {
    .our-history_area .timeline-item_area .timeline-item .timeline-item_card > p {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .our-history_area .timeline-item_area .timeline-item .timeline-item_card > p {
        max-width: 60%;
    }
}

.our-history_area .timeline-item_area .timeline-item .timeline-item_card > p.specific-desc {
    max-width: 100%;
}

.our-history_area .timeline-item_area .timeline-item [class*=col-]:last-child .timeline-item_card:after {
    content: none;
}

@media (max-width: 991px) {
    .our-history_area .timeline-item_area .timeline-item-2 {
        width: 1200px;
    }
}

@media (max-width: 575px) {
    .our-history_area .timeline-item_area .timeline-item-2 {
        width: 1930px;
    }
}

.our-history_area .timeline-item_area .timeline-item-2 .custom-offset {
    margin-left: 19.2%;
}

.our-history_area .timeline-item_area .timeline-item-2 .timeline-item_card .inner-content > h3 {
    font-size: 26px;
    line-height: 31px;
    padding-bottom: 10px;
}

.our-history_area .timeline-item_area .timeline-item-2 .timeline-item_card .inner-content > p {
    font-family: "Roboto", sans-serif;
    line-height: 23.8px;
    font-size: 14px;
    max-width: 50%;
}

@media (max-width: 767px) {
    .our-history_area .timeline-item_area .timeline-item-2 .timeline-item_card .inner-content > p {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .our-history_area .timeline-item_area .timeline-item-2 .timeline-item_card .inner-content > p {
        max-width: 60%;
    }
}

.our-history_area .timeline-item_area .timeline-item-2 .timeline-item_card .inner-content > p.specific-desc {
    max-width: 64%;
}

@media (max-width: 767px) {
    .our-history_area .timeline-item_area .timeline-item-2 .timeline-item_card .inner-content > p.specific-desc {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .our-history_area .timeline-item_area .timeline-item-2 .timeline-item_card .inner-content > p.specific-desc {
        max-width: 60%;
    }
}

/* ---Our Team Area--- */
.our-team_area {
    padding: 80px 0 100px;
}

.our-team_area .team-member_item {
    position: relative;
}

.our-team_area .team-member_item:before {
    background-color: rgba(33, 33, 33, 0.3);
    content: "";
    top: 30px;
    left: 30px;
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    opacity: 0;
    pointer-events: none;
}

.our-team_area .team-member_item:hover:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.our-team_area .team-member_item:hover .team-member_content > h3.member-name {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.our-team_area .team-member_item:hover .team-member_content .social-link {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.our-team_area .team-member_item .team-member_content {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

.our-team_area .team-member_item .team-member_content > h3.member-name {
    color: #ffffff;
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.our-team_area .team-member_item .team-member_content .social-link {
    opacity: 0;
    -webkit-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.our-team_area .team-member_item .team-member_content .social-link > ul > li {
    padding-right: 15px;
}

.our-team_area .team-member_item .team-member_content .social-link > ul > li > a {
    background-color: #ffffff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
}

.our-team_area .team-member_item .team-member_content .social-link > ul > li > a:hover {
    background-color: #dd6b33;
    color: #ffffff;
}

@media (min-width: 768px) {
    .our-team_area [class*=col-]:not(:nth-child(n+3)) .team-member_item {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .our-team_area [class*=col-]:not(:last-child) .team-member_item {
        margin-bottom: 30px;
    }
}

/* ---Counter Area--- */
.counter-area {
    padding-top: 75px;
}

.counter-area .counter-custom_col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media (max-width: 767px) {
    .counter-area .counter-custom_col {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.counter-area .counter-item {
    text-align: center;
}

.counter-area .counter-item h2.count, .counter-area .counter-item h2.number-suffix {
    font-size: 46px;
    line-height: 66.4px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .counter-area .counter-item h2.count, .counter-area .counter-item h2.number-suffix {
        font-size: 40px;
        line-height: 1.4;
    }
}

.counter-area .counter-item > h3.title {
    font-size: 14px;
    line-height: 19.6px;
}

@media (min-width: 768px) {
    .counter-area [class*=counter-custom_col]:not(:last-child) .counter-item {
        border-right: 1px solid #dd6b33;
    }
}

@media (max-width: 767px) {
    .counter-area [class*=counter-custom_col]:not(:last-child) .counter-item {
        padding-bottom: 15px;
    }
}

/*----------------------------------------*/
/*  35 - Pages - Services
/*----------------------------------------*/
/* ---Intro Area--- */
.intro-area {
    padding-top: 125px;
}

@media (max-width: 767px) {
    .intro-area {
        padding-top: 75px;
    }
}

@media (max-width: 575px) {
    .intro-area .intro-content {
        padding-bottom: 25px;
    }
}

.intro-area .intro-content > p.intro-short_desc {
    font-size: 36px;
    line-height: 46.8px;
}

@media (max-width: 1199px) {
    .intro-area .intro-content > p.intro-short_desc {
        font-size: 26px;
        line-height: 33.8px;
    }
}

.intro-area .additional-content > p {
    color: #494949;
}

.intro-area .additional-content > p.short-desc {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    line-height: 28.8px;
    padding-bottom: 25px;
}

.intro-area .additional-content > p.exception-desc {
    font-size: 14px;
    line-height: 22.4px;
}

/* ---Services Banner Area--- */
.services-banner_area {
    /* --Service Section Space-- */
    /* --End Here-- */
}

.services-banner_area.space-top-200 {
    padding-top: 200px;
}

@media (max-width: 991px) {
    .services-banner_area.space-top-200 {
        padding-top: 150px;
    }
}

@media (max-width: 767px) {
    .services-banner_area.space-top-200 {
        padding-top: 75px;
    }
}

.services-banner_area.space-top-210 {
    padding-top: 210px;
}

@media (max-width: 991px) {
    .services-banner_area.space-top-210 {
        padding-top: 155px;
    }
}

@media (max-width: 767px) {
    .services-banner_area.space-top-210 {
        padding-top: 80px;
    }
}

.services-banner_area.space-bottom-140 {
    padding-bottom: 140px;
}

@media (max-width: 767px) {
    .services-banner_area.space-bottom-140 {
        padding-bottom: 80px;
    }
}

@media (min-width: 768px) {
    .services-banner_area .services-banner_img {
        margin-left: 40px;
        border: 1px solid #dd6b33;
    }
}

@media (min-width: 768px) {
    .services-banner_area .services-banner_img .inner-img {
        margin-top: -70px;
        margin-left: -40px;
        padding-right: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .services-banner_area .services-banner_content {
        padding-top: 15px;
    }
}

.services-banner_area .services-banner_content .section-title-2 > h2.heading {
    font-size: 36px;
    line-height: 50.4px;
}

.services-banner_area .services-banner_content > p {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 23.8px;
}

.services-banner_area .services-banner_content > p.short-desc {
    padding-bottom: 20px;
}

.services-banner_area .services-banner_content > p.additional-desc {
    padding-bottom: 40px;
}

/* ---Affiliate Banner Area--- */
.affiliate-banner_area {
    padding: 80px 0;
}

.affiliate-banner_area .affiliate-banner_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 479px) {
    .affiliate-banner_area .affiliate-banner_content {
        display: block;
        text-align: center;
    }
}

.affiliate-banner_area .affiliate-banner_content > h2.heading {
    color: #ffffff;
}

@media (max-width: 479px) {
    .affiliate-banner_area .affiliate-banner_content .banner-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 30px;
    }
}

/*----------------------------------------*/
/*  36 - Pages - FAQ
/*----------------------------------------*/
.frequently-area {
    padding-top: 90px;
}

.frequently-area.section-space_bottom {
    padding-bottom: 90px;
}

.frequently-area > h2.heading {
    padding-bottom: 60px;
    font-size: 24px;
    line-height: 24px;
}

.frequently-area .frequently-item > ul > li.has-sub, .frequently-area .frequently-item > ul > li.children {
    border: 1px solid #e5e5e5;
    padding: 20px;
}

@media (max-width: 767px) {
    .frequently-area .frequently-item > ul > li.has-sub, .frequently-area .frequently-item > ul > li.children {
        margin-bottom: 20px;
    }
}

@media (min-width: 768px) {
    .frequently-area .frequently-item > ul > li.has-sub:not(:last-child), .frequently-area .frequently-item > ul > li.children:not(:last-child) {
        margin-bottom: 20px;
    }
}

.frequently-area .frequently-item > ul > li.has-sub > a, .frequently-area .frequently-item > ul > li.children > a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 20px;
    color: #494949;
    font-weight: 600;
    cursor: pointer;
}

.frequently-area .frequently-item > ul > li.has-sub > ul.frequently-body, .frequently-area .frequently-item > ul > li.children > ul.frequently-body {
    display: none;
    padding-top: 20px;
}

.frequently-area .frequently-item > ul > li.has-sub > ul.frequently-body > li, .frequently-area .frequently-item > ul > li.children > ul.frequently-body > li {
    font-size: 12px;
    line-height: 21.6px;
    color: #494949;
}

.frequently-area .frequently-item > ul > li.has-sub.open > a, .frequently-area .frequently-item > ul > li.children.open > a {
    color: #dd6b33;
}

.frequently-area .frequently-item > ul > li.has-sub.open > a > i:before, .frequently-area .frequently-item > ul > li.children.open > a > i:before {
    content: "\ea68";
}

/*----------------------------------------*/
/*  37 - Pages - Contact Us
/*----------------------------------------*/
.contact-us_area {
    padding: 90px 0 100px;
}

@media (max-width: 991px) {
    .contact-us_area {
        padding: 90px 0 95px;
    }
}

.contact-us_area .contact-form-content > h2.heading {
    font-size: 46px;
    line-height: 59.8px;
    padding-bottom: 10px;
}

.contact-us_area .contact-form-content > p {
    font-family: "Roboto", sans-serif;
    color: #494949;
    line-height: 36px;
    font-size: 18px;
    padding-bottom: 25px;
}

.contact-us_area .contact-form-content .contact-form .form-group {
    margin-bottom: 20px;
}

.contact-us_area .contact-form-content .contact-form .form-group > input.input-field {
    width: 100%;
    height: 70px;
    padding: 20px;
}

.contact-us_area .contact-form-content .contact-form .form-group > input.input-field::-webkit-input-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > input.input-field::-moz-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > input.input-field:-ms-input-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > input.input-field::-ms-input-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > input.input-field::placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > textarea.textarea-field {
    width: 100%;
    height: 150px;
    padding: 20px;
}

.contact-us_area .contact-form-content .contact-form .form-group > textarea.textarea-field::-webkit-input-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > textarea.textarea-field::-moz-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > textarea.textarea-field:-ms-input-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > textarea.textarea-field::-ms-input-placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group > textarea.textarea-field::placeholder {
    color: #211e1c;
    opacity: 1;
}

.contact-us_area .contact-form-content .contact-form .form-group.group-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 575px) {
    .contact-us_area .contact-form-content .contact-form .form-group.group-input {
        display: block;
    }
}

.contact-us_area .contact-form-content .contact-form .form-group.group-input > input[class*=input-field]:first-child {
    margin-right: 20px;
}

@media (max-width: 575px) {
    .contact-us_area .contact-form-content .contact-form .form-group.group-input > input[class*=input-field]:first-child {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

.contact-us_area .contact-form-content .contact-form .form-group.inquiry-field .nice-select {
    padding: 0 20px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
}

.contact-us_area .contact-form-content .contact-form .form-group.inquiry-field .nice-select:focus {
    border: 1px solid #e5e5e5;
}

.contact-us_area .contact-form-content .contact-form .form-group .contact-form_btn {
    background-color: #211e1c;
    color: #ffffff;
    height: 60px;
    line-height: 60px;
    width: 100%;
}

.contact-us_area .contact-form-content .contact-form .form-group .contact-form_btn:hover {
    background-color: #dd6b33;
}

@media (max-width: 991px) {
    .contact-us_area .contact-slide_content {
        padding-top: 30px;
    }
}

.contact-us_area .contact-slide_content .single-contact_block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact-us_area .contact-slide_content .single-contact_block > i {
    color: #dd6b33;
    padding-right: 30px;
    font-size: 30px;
    display: block;
}

.contact-us_area .contact-slide_content .single-contact_block[class*=single-contact_block]:not(:last-child) {
    padding-bottom: 30px;
}

/* ---Google Map Related Stuff--- */
#google-map {
    height: 400px;
}

/*----------------------------------------*/
/*  38 - Pages - Coming Soon
/*----------------------------------------*/
.coming-soon_area {
    background-image: url("../images/coming-soon/bg/1.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
    position: relative;
}

@media (max-width: 479px) {
    .coming-soon_area {
        background-position: left;
    }
}

.coming-soon_area .coming-soon_content {
    text-align: center;
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

@media (max-width: 991px) {
    .coming-soon_area .coming-soon_content {
        width: 65%;
    }
}

@media (max-width: 767px) {
    .coming-soon_area .coming-soon_content {
        width: 100%;
    }
}

.coming-soon_area .coming-soon_content > h2.heading {
    position: relative;
    color: #ffffff;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.coming-soon_area .coming-soon_content > h2.heading:before {
    background-color: #ffffff;
    content: "";
    width: 95px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.coming-soon_area .coming-soon_content .coming-soon_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 40px;
}

.coming-soon_area .coming-soon_content .coming-soon_btn > a.yena-btn:hover {
    background-color: #dd6b33;
}

.coming-soon_area .coming-soon_content .social-link {
    padding-top: 140px;
    text-align: center;
}

.coming-soon_area .coming-soon_content .social-link > ul > li {
    padding-right: 50px;
}

.coming-soon_area .coming-soon_content .social-link > ul > li:last-child {
    padding-right: 0;
}

.coming-soon_area .coming-soon_content .social-link > ul > li > a {
    color: #ffffff;
    font-size: 30px;
}

/*----------------------------------------*/
/*  39 - Pages - Error 404
/*----------------------------------------*/
.error-404_area {
    padding: 45px 0 150px;
}

@media (max-width: 1199px) {
    .error-404_area {
        padding: 55px 0 150px;
    }
}

.error-404_area .error-404_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.error-404_area .error-404_content > h1 {
    color: #dd6b33;
    line-height: 150px;
    font-size: 150px;
    padding-bottom: 35px;
}

.error-404_area .error-404_content > h2.sub-title {
    color: #494949;
    padding-bottom: 20px;
    line-height: 55.2px;
    font-size: 46px;
}

@media (max-width: 767px) {
    .error-404_area .error-404_content > h2.sub-title {
        font-size: 25px;
        line-height: 32px;
    }
}

.error-404_area .error-404_content > p {
    font-family: "Roboto", sans-serif;
    color: #494949;
}

.error-404_area .error-404_content .error-btn_wrap {
    padding-top: 35px;
}

.error-404_area .error-404_content .error-btn_wrap > a.yena-btn {
    color: #494949;
    text-transform: none;
    font-size: 14px;
}

/*----------------------------------------*/
/*  40 - Pages - My Account
/*----------------------------------------*/
.account-page-area {
    padding: 100px 0;
}

.account-page-area .myaccount-tab-trigger {
    display: block;
}

@media (max-width: 991px) {
    .account-page-area .myaccount-tab-trigger {
        padding-bottom: 30px;
    }
}

.account-page-area .myaccount-tab-trigger li {
    display: block;
}

.account-page-area .myaccount-tab-trigger li:first-child {
    margin-top: -1px;
}

.account-page-area .myaccount-tab-trigger li a {
    display: block;
    background-color: #211e1c;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 20px;
    font-size: 14px;
}

.account-page-area .myaccount-tab-trigger li a.active {
    background-color: #dd6b33;
    color: #ffffff;
}

.account-page-area .myaccount-tab-trigger li a.active:hover {
    color: #ffffff !important;
}

.account-page-area .myaccount-tab-trigger li a:hover {
    color: #dd6b33;
}

.myaccount-tab-content {
    border: 1px solid #e5e5e5;
    padding: 30px;
}

@media (max-width: 479px) {
    .myaccount-tab-content {
        padding: 0;
        border: 0;
    }
}

.myaccount-dashboard p {
    margin-bottom: 20px;
}

.myaccount-dashboard p:last-child {
    margin-bottom: 0;
}

.myaccount-orders .table {
    margin-bottom: 0;
}

.myaccount-orders .table .account-order-id:hover {
    color: #dd6b33;
}

.myaccount-orders .table.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.myaccount-orders .table td,
.myaccount-orders .table th {
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 767px) {
    .myaccount-orders .table td,
    .myaccount-orders .table th {
        min-width: 180px;
    }
}

.myaccount-orders .table td > a.yena-btn {
    margin: 0 auto;
}

.myaccount-orders .small-title {
    margin-bottom: 15px;
}

@media (max-width: 575px) {
    .myaccount-address .row {
        display: block;
    }
}

@media (max-width: 575px) {
    .myaccount-address .row [class*=col-]:last-child address {
        margin-bottom: 0;
    }
}

.myaccount-address h4.small-title {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .myaccount-address h4.small-title {
        text-transform: capitalize;
        font-size: 18px;
    }
}

/* ---My Account Form Style--- */
.yena-form,
.yena-form-boxed {
    padding: 30px;
    border-radius: 0;
    border: 1px solid #e5e5e5;
}

.yena-form .yena-form-inner,
.yena-form-boxed .yena-form-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: -20px;
}

@media (max-width: 479px) {
    .yena-form .yena-form-inner,
    .yena-form-boxed .yena-form-inner {
        display: block;
    }
}

.yena-form .yena-form-inner .single-input,
.yena-form-boxed .yena-form-inner .single-input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 20px;
}

@media (max-width: 479px) {
    .yena-form .yena-form-inner .single-input,
    .yena-form-boxed .yena-form-inner .single-input {
        max-width: 100% !important;
    }
}

.yena-form .yena-form-inner .single-input.single-input-half,
.yena-form-boxed .yena-form-inner .single-input.single-input-half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 15px);
    -webkit-flex: 0 0 calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
}

.yena-form .yena-form-inner .single-input label,
.yena-form-boxed .yena-form-inner .single-input label {
    margin-bottom: 8px;
    display: block;
}

.yena-form .yena-form-inner .single-input input,
.yena-form .yena-form-inner .single-input select,
.yena-form .yena-form-inner .single-input textarea,
.yena-form-boxed .yena-form-inner .single-input input,
.yena-form-boxed .yena-form-inner .single-input select,
.yena-form-boxed .yena-form-inner .single-input textarea {
    padding: 0 15px;
    border: 1px solid #e5e5e5;
    height: 40px;
    width: 100%;
}

.yena-form .yena-form-inner .single-input input:first-child,
.yena-form-boxed .yena-form-inner .single-input input:first-child {
    margin-top: 20px;
}

.yena-form .yena-form-inner .single-input .checkbox-input,
.yena-form-boxed .yena-form-inner .single-input .checkbox-input {
    display: inline-block;
}

.yena-form .yena-form-inner .single-input .checkbox-input label,
.yena-form-boxed .yena-form-inner .single-input .checkbox-input label {
    display: inline-block;
}

.yena-form .yena-form-inner a,
.yena-form-boxed .yena-form-inner a {
    font-size: 13px;
}

.yena-form .yena-form-inner a:hover,
.yena-form-boxed .yena-form-inner a:hover {
    color: #dd6b33;
}

/*----------------------------------------*/
/*  41 - Pages - Login | Register
/*----------------------------------------*/
.login-register_area {
    padding: 100px 0;
}

@media (max-width: 991px) {
    [class*=col-]:first-child form .login-form {
        margin-bottom: 30px;
    }
}

.login-form {
    background-color: #ffffff;
    padding: 30px;
    -webkit-box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 5px 5px rgba(0, 0, 0, 0.1);
}

.login-form .login-title {
    font-size: 20px;
    line-height: 23px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 20px;
}

.login-form label, .product_form label {
    display: block;
    font-size: 14px;
    margin-bottom: 12px;
    font-weight: 500;
    text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .login-form label, .product_form label {
        font-size: 12px;
    }
}

.login-form input, .product_form input {
    width: 100%;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    margin-bottom: 15px;
}

.login-form input[type=checkbox], .product_form input[type=checkbox] {
    width: auto;
}

.login-form textarea, .product_form textarea {
    width: 100%;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    margin-bottom: 15px;
    min-height: 100px;
}

.login-form select, .product_form select {
    width: 100%;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    line-height: 23px;
    padding: 10px 20px;
    font-size: 14px;
    margin-bottom: 15px;
}

/*.login-form .check-box {*/
/*  !*float: left;*!*/
/*  !*margin-right: 70px;*!*/
/*}*/
/*.login-form .check-box:last-child {*/
/*  margin-right: 0;*/
/*}*/

@media (max-width: 767px) {
    .forgotton-password_info {
        padding-top: 15px;
    }
}

.forgotton-password_info a {
    font-size: 14px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .forgotton-password_info a {
        font-size: 12px;
    }
}

/*-- Place Order --*/
.login_btn,
.register_btn {
    background-color: #211e1c;
    color: #ffffff;
    display: block;
    /*margin-top: 30px;*/
    width: 140px;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    border: 0;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .login_btn,
    .register_btn {
        margin-top: 25px;
    }
}

.login_btn:hover,
.register_btn:hover {
    background: #dd6b33;


    /*----------------------------------------*/
    /*  42 - Pages - Cart
/*----------------------------------------*/

    .yena-cart-area {
        padding: 100px 0;
    }

    .table-content table td.product-subtotal {
        font-size: 16px;
        font-weight: 700;
    }

    .table-content table td.quantity .cart-plus-minus {
        margin: 0 auto;
    }

    @media (max-width: 767px) {
        .yena-cart-area .table-content table td:nth-child(3) {
            padding: 45.1px 10px;
        }
    }

    .coupon-all {
        margin-top: 30px;
    }

    .coupon-all .coupon {
        float: left;
    }

    .coupon-all .coupon input {
        background-color: transparent;
        border: 1px solid #e5e5e5;
        font-size: 13px;
        border-radius: 0;
        height: 42px;
        width: 120px;
        padding: 0 10px;
    }

    .coupon-all .coupon input.button,
    .coupon-all .coupon2 input.button {
        background-color: #211e1c;
        border: 0 none;
        border-radius: 2px;
        color: #ffffff;
        display: inline-block;
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        height: 42px;
        letter-spacing: 1px;
        line-height: 42px;
        padding: 0 25px;
        text-transform: uppercase;
        width: inherit;
    }

    @media only screen and (min-width: 480px) and (max-width: 575px) {
        .coupon-all .coupon input.button,
        .coupon-all .coupon2 input.button {
            padding: 0 19.5px;
        }
    }

    .coupon-all .coupon input.button:hover,
    .coupon-all .coupon2 input.button:hover {
        background-color: #dd6b33;
    }

    .coupon-all .coupon.coupon2,
    .coupon-all .coupon2.coupon2 {
        float: right;
    }

    @media (max-width: 479px) {
        .coupon-all .coupon.coupon2,
        .coupon-all .coupon2.coupon2 {
            float: left;
            padding-top: 30px;
        }
    }

    .cart-page-total {
        padding-top: 30px;
    }

    .cart-page-total > h2 {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 20px;
        text-transform: capitalize;
    }

    .cart-page-total > ul {
        border: 1px solid #e5e5e5;
    }

    .cart-page-total > ul li {
        list-style: none;
        font-size: 15px;
        padding: 10px 30px;
        border-bottom: 1px solid #e5e5e5;
        font-weight: 700;
    }

    .cart-page-total > ul li:last-child {
        border-bottom: 0;
    }

    .cart-page-total > ul li span {
        float: right;
    }

    .cart-page-total a {
        background-color: #211e1c;
        border: 1px solid #e5e5e5;
        color: #ffffff;
        display: inline-block;
        margin-top: 30px;
        padding: 10px 20px;
        text-transform: capitalize;
    }

    .cart-page-total a:hover {
        background-color: #dd6b33;
        color: #ffffff;
    }

    /*----------------------------------------*/
    /*  34 - Pages - Checkout
/*----------------------------------------*/

    .checkout-area {
        padding: 100px 0 95px;
    }

    .coupon-accordion h3 {
        background-color: #f5f5f5;
        font-size: 14px;
        font-weight: 400;
        list-style: outside none none;
        margin: 0 0 30px;
        padding: 16px 32px 16px 56px;
        position: relative;
        width: auto;
        text-transform: none;
    }

    @media (max-width: 479px) {
        .coupon-accordion h3 {
            line-height: 24px;
        }
    }

    .coupon-accordion h3:before {
        content: "\ea1b";
        display: inline-block;
        /*font-family: "LaStudioIcons";*/
        left: 24px;
        position: absolute;
        top: 16px;
    }

    .coupon-accordion span {
        cursor: pointer;
        text-transform: none;
    }

    .coupon-accordion .coupon-content {
        border: 1px solid #e5e5e5;
        margin-bottom: 20px;
        display: none;
        padding: 20px;
    }

    .coupon-accordion .coupon-content .coupon-info p {
        margin-bottom: 0;
    }

    .coupon-accordion .coupon-content .coupon-info p.form-row-first label, .coupon-accordion .coupon-content .coupon-info p.form-row-last label {
        display: block;
    }

    .coupon-accordion .coupon-content .coupon-info p.form-row-first label span.required, .coupon-accordion .coupon-content .coupon-info p.form-row-last label span.required {
        color: #ff0000;
    }

    .coupon-accordion .coupon-content .coupon-info p.form-row-first input, .coupon-accordion .coupon-content .coupon-info p.form-row-last input {
        border: 1px solid #e5e5e5;
        height: 36px;
        margin: 0 0 14px;
        border-radius: 0;
        max-width: 100%;
        padding: 0 0 0 10px;
        width: 370px;
        background-color: transparent;
    }

    .coupon-accordion .coupon-content .coupon-info p.form-row input[type=submit] {
        background: #211e1c none repeat scroll 0 0;
        border: medium none;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        float: left;
        font-size: 12px;
        height: 40px;
        line-height: 40px;
        margin-right: 15px;
        padding: 0 30px;
        text-shadow: none;
        text-transform: uppercase;
        width: inherit;
    }

    .coupon-accordion .coupon-content .coupon-info p.form-row input[type=checkbox] {
        height: inherit;
        position: relative;
        top: 2px;
        width: inherit;
    }

    .coupon-accordion .coupon-content .coupon-info p.form-row label {
        margin-top: 7px;
    }

    .coupon-accordion .coupon-content .coupon-info p.lost-password {
        margin-top: 15px;
    }

    .coupon-accordion .coupon-content .coupon-info p.lost-password a {
        font-size: 14px;
    }

    .coupon-checkout-content {
        margin-bottom: 30px;
        display: none;
    }

    .coupon-checkout-content .coupon-info .checkout-coupon {
        margin-bottom: 0;
    }

    .coupon-checkout-content .coupon-info .checkout-coupon input[type=text] {
        background-color: transparent;
        border: 1px solid #e5e5e5;
        border-radius: 0;
        height: 36px;
        padding-left: 10px;
        width: 170px;
    }

    .coupon-checkout-content .coupon-info .checkout-coupon input[type=submit] {
        background: #211e1c;
        border: medium none;
        border-radius: 0;
        color: #ffffff;
        height: 36px;
        cursor: pointer;
        margin-left: 6px;
        padding: 5px 10px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        width: inherit;
    }

    @media (max-width: 479px) {
        .coupon-checkout-content .coupon-info .checkout-coupon .coupon-inner_btn {
            margin: 28px 0 0 !important;
        }
    }

    .coupon-checkout-content .coupon-info .checkout-coupon .coupon-inner_btn:hover {
        background-color: #dd6b33;
    }

    .checkbox-form h3 {
        border-bottom: 1px solid #e5e5e5;
        font-size: 25px;
        margin: 0 0 25px;
        padding-bottom: 10px;
        text-transform: uppercase;
        width: 100%;
    }

    @media (max-width: 479px) {
        .checkbox-form h3 {
            font-size: 18px;
        }
    }

    .checkbox-form .country-select {
        margin-bottom: 25px;
    }

    .checkbox-form .country-select .myniceselect.nice-select span {
        height: 40px;
        line-height: 40px;
        display: inline-block;
        width: 100%;
        padding: 0 0 0 15px;
    }

    .checkbox-form .checkout-form-list {
        margin-bottom: 30px;
    }

    .checkbox-form .checkout-form-list input[type=text],
    .checkbox-form .checkout-form-list input[type=password],
    .checkbox-form .checkout-form-list input[type=email] {
        background: #ffffff;
        border: 1px solid #e5e5e5;
        border-radius: 0;
        height: 42px;
        width: 100%;
        padding: 0 0 0 10px;
    }

    .checkbox-form .checkout-form-list.create-acc {
        margin-bottom: 15px !important;
    }

    .checkbox-form .checkout-form-list.create-acc label {
        display: inline-block;
    }

    .checkbox-form .country-select label, .checkbox-form.checkout-form-list label {
        margin: 0 0 5px;
        display: block;
    }

    .checkbox-form .country-select label span.required, .checkbox-form.checkout-form-list label span.required {
        display: inline-block;
        font-size: 24px;
        line-height: 16px;
        position: relative;
        top: 5px;
    }

    .different-address h3 label {
        display: inline-block;
        margin-right: 20px;
        font-size: 25px;
        margin-bottom: 10px;
    }

    @media (max-width: 479px) {
        .different-address h3 label {
            font-size: 15px;
        }
    }

    .different-address h3 input {
        height: inherit;
        line-height: normal;
        margin: 4px 0 0;
        position: relative;
        top: 0;
        width: auto;
    }

    .order-notes .checkout-form-list-2 {
        margin-bottom: 0;
    }

    @media (max-width: 991px) {
        .order-notes .checkout-form-list-2 {
            margin-bottom: 30px;
        }
    }

    .order-notes textarea {
        background-color: transparent;
        border: 1px solid #e5e5e5;
        height: 90px;
        padding: 15px;
        width: 100%;
    }

    .create-account,
    #ship-box-info {
        display: none;
    }

    .your-order {
        background: #f5f5f5;
        padding: 30px 40px 30px;
    }

    .your-order h3 {
        border-bottom: 1px solid #e5e5e5;
        font-size: 25px;
        padding-bottom: 10px;
        text-transform: uppercase;
        width: 100%;
    }

    @media (max-width: 479px) {
        .your-order h3 {
            font-size: 18px;
        }
    }

    .your-order .your-order-table table {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        width: 100%;
    }

    .your-order .your-order-table table thead {
        background-color: #f5f5f5;
    }

    .your-order .your-order-table table thead tr th {
        border-top: medium none;
        font-weight: normal;
        text-align: center;
        text-transform: uppercase;
        vertical-align: middle;
        width: 250px;
    }

    .your-order .your-order-table table thead tr th,
    .your-order .your-order-table table thead tr td {
        border-bottom: 1px solid #e5e5e5;
        border-right: medium none;
        font-size: 14px;
        padding: 15px 0;
        text-align: center;
    }

    .your-order .your-order-table table .cart_item:hover {
        background: #f5f5f5;
    }

    .your-order .your-order-table table .order-total td {
        border-bottom: medium none;
    }

    .your-order .your-order-table table .order-total td span {
        font-size: 20px;
    }

    .your-order .your-order-table table .order-total th {
        border-bottom: medium none;
        font-size: 18px;
    }

    .payment-method {
        margin-top: 20px;
    }

    .payment-method .payment-accordion .card {
        border: 0;
        border-radius: 0;
        background: #f5f5f5;
    }

    .payment-method .payment-accordion .card-header {
        padding: 0;
        margin-bottom: 0;
        background-color: #f5f5f5;
        border-bottom: 0;
    }

    .payment-method .payment-accordion .card-body {
        padding: 0;
    }

    .payment-method .payment-accordion .panel.panel-default {
        margin-bottom: 20px;
    }

    .payment-method .payment-accordion .panel-title {
        font-size: 18px;
        cursor: pointer;
    }

    .order-button-payment input {
        background: #211e1c;
        border: medium none;
        color: #ffffff;
        font-size: 17px;
        height: 50px;
        margin: 20px 0 0;
        padding: 0;
        text-transform: uppercase;
        width: 100%;
        border: 1px solid transparent;
        cursor: pointer;
    }

    /*----------------------------------------*/
    /*  43 - Pages - Wishlist
/*----------------------------------------*/

    .yena-wishlist_area {
        padding: 100px 0;
    }

    .table-content .table > :not(:last-child) > :last-child > * {
        border-bottom-color: #e5e5e5;
    }

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

    @media (max-width: 767px) {
        .table-content table thead tr {
            display: none;
        }
    }

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

    .table-content table th {
        border-top: medium none;
        font-size: 15px;
        text-transform: capitalize;
        padding: 20px 10px;
        text-align: center;
        font-weight: 500;
        vertical-align: middle;
    }

    .table-content table td {
        border-top: medium none;
        padding: 18px 10px;
        vertical-align: middle;
        font-size: 13px;
    }

    @media (max-width: 767px) {
        .table-content table td {
            width: 100%;
            display: block;
        }
    }
    @media (max-width: 767px) {
        .table-content table td:nth-child(3) {
            padding: 32.1px 10px;
            display: block;
            width: 100%;
        }
    }

    .table-content table td.yena-product_remove {
        font-size: 20px;
    }

    .table-content table td.yena-product_remove > a > i {
        font-size: 14px;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .table-content table td.yena-product-thumbnail img {
        width: auto;
        height: 100%;
    }

    .table-content table td.yena-product-name {
        font-size: 16px;
        text-transform: capitalize;
    }

    .table-content table td.yena-product-price {
        font-size: 16px;
    }

    .table-content table td.yena-product-stock-status span.in-stock, .table-content table td.yena-product-stock-status span.out-stock {
        font-size: 12px;
        text-transform: capitalize;
    }

    .table-content table td.yena-product-stock-status span.out-stock {
        color: #ff0000;
    }

    .table-content table td.yena-cart_btn a {
        font-size: 14px;
        text-transform: uppercase;
        background: #211e1c;
        color: #ffffff;
        height: 40px;
        line-height: 43px;
        width: 130px;
        display: inline-block;
    }

    .table-content table td.yena-cart_btn a:hover {
        background: #dd6b33;
        color: #ffffff !important;
    }

    /*----------------------------------------*/
    /*  44 - Pages - Compare
/*----------------------------------------*/

    .compare-area {
        padding: 100px 0;
    }

    .compare-table .table thead th {
        border-width: 1px;
        padding: 15px 10px;
    }

    .compare-table .table tbody tr:hover {
        --bs-table-accent-bg: rgba(0, 0, 0, 0.02);
        color: var(--bs-table-hover-color);
    }

    .compare-table .table tbody tr td,
    .compare-table .table tbody tr th {
        vertical-align: middle;
        text-align: center;
    }

    .compare-table .table tbody tr th {
        min-width: 200px;
    }

    .compare-table .table tbody tr td {
        min-width: 250px;
    }

    .compare-table .table tbody tr td .compare-pdoduct-image {
        max-width: 200px;
        display: inline-block;
        padding: 20px 0;
    }

    .compare-table .table tbody tr td .compare-pdoduct-image a {
        display: inline-block;
    }

    .compare-table .table tbody tr td .compare-pdoduct-image a.yena-btn {
        display: block;
        margin-top: 30px;
    }

    .compare-table .table tbody tr td .compare-pdoduct-image a.yena-btn:hover {
        color: #ffffff !important;
    }

    .compare-table .table tbody tr td .compare-product-name {
        font-size: 14px;
        margin-bottom: 0;
    }

    .compare-table .table tbody tr td .compare-product-name a {
        -webkit-transition-property: color;
        -o-transition-property: color;
        transition-property: color;
    }

    .compare-table .table tbody tr td .rating-box > ul > li {
        display: inline-block;
    }
}