@charset "UTF-8";
@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;
}

img.img-full.img1 {
    width: 200px !important;
}

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: none;
}

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-family: "LaStudioIcons";
    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;
}

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--- */

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

@media (max-width: 1500px) {
    .container-fluid {
        padding: 0 30px;
    }
    .myimgset {
        width: 100px !important;
        height: 100px !important;
    }
}

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


/* ---Bootstrap No Gutters--- */

@media (max-width: 575px) {
    .no-gutters-xs {
        margin-right: 0;
        margin-left: 0;
    }
}

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


/* --- 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--- */

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


/* ---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: .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: 30px 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 {
    margin-right: 5px;
}

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

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

.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;
}


/* --- 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 .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 {
    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 {
    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 {
    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 .3s ease;
    -o-transition: all .3s ease;
    transition: all .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: #000;
    border-color: #000;
}

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


/* ---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;
}

.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%;
        height: 66vw;
    }
}

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

.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;
}

.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: 40px 0 20px;
    }
}

.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;
    }
}

@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-right: 7px solid #ffffff;
    content: "";
    position: absolute;
    width: calc(100% - 170px);
    height: calc(100% + 30px);
    top: 30px;
    left: 110px;
    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 {
    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 .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: 15px;
}

.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);
}


/* --- Product Area--- */

.yena-product_area {
    padding: 90px 0 0;
}


/* --- 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: 0px 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: 60px;
}

.review-body>h3.heading {
    padding-bottom: 25px;
    font-size: 24px;
}

.review-body .user-info {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
    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 {
    padding-top: 55px;
    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 {
    opacity: 1;
}


/* .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: 15px;
        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/4.png");
    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.png");
    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/7.png");
    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: 1050;
}

.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: 35px 0 0px;
}

.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;
}


/*----------------------------------------*/


/* ---Testimonial Area Two--- */

.testimonial-area-1 {
    padding: 180px 0 0px;
}

.testimonial-area-1 .custom-container {
    margin: 0 auto;
}

@media (min-width: 1501px) {
    .testimonial-area-1 .custom-container {
        max-width: 1170px;
    }
}

@media (max-width: 1500px) {
    .testimonial-area-1 .custom-container {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .testimonial-area-1 .custom-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.testimonial-area-1 .slick-list {
    margin: 0 -15px;
}

.testimonial-area-1 .slick-list .slick-slide {
    padding: 0 15px 40px;
}

.testimonial-area-1 .testimonial-item {
    padding-bottom: 40px;
}

.testimonial-area-1 .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-1 .testimonial-item .client-info {
        padding: 25px 25px 0;
    }
}

.testimonial-area-1 .testimonial-item .client-info:before {
    background-color: #e5e5e5;
    content: "";
    width: 40px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.testimonial-area-1 .testimonial-item .client-info:after {
    background-color: #e5e5e5;
    content: "";
    width: calc(100% - 170px);
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.testimonial-area-1 .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-1 .testimonial-item .client-info>p.feedback {
        font-size: 18px;
        line-height: 32px;
    }
}

.testimonial-area-1 .testimonial-item .client-info>p.feedback:before {
    background-color: #e5e5e5;
    width: 100px;
    height: 1px;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
}

.testimonial-area-1 .testimonial-item .client-info>h6.client-name {
    color: #dd6b33;
    font-size: 18px;
    line-height: 32.4px;
    padding-bottom: 20px;
}

.testimonial-area-1 .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-1 .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: 20px 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: 25px;
    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: 70px 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: 30px 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: 250px;
}


/* ---Sticky Header--- */

.header-sticky {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 5px 0px 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: 575px) {
    .header-sticky.sticky {
        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;
    }
}


/* ---Main Header Area Two--- */

.main-header_area-2 .header-middle_area {
    padding: 60px 0 45px;
}

@media (max-width: 991px) {
    .main-header_area-2 .header-middle_area {
        padding: 30px 0;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main-header_area-2 .header-middle_area .header-logo {
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main-header_area-2 .main-header.header-sticky {
        padding: 0;
    }
}

.main-header_area-2 .main-header.header-sticky .main-nav>ul>li {
    padding: 0 10px 0;
}

.main-header_area-2 .main-header.header-sticky .main-nav>ul>li>a {
    padding: 35px 0;
}

.main-header_area-2 .main-header .main-nav>ul>li {
    padding: 0 10px 30px;
}

.main-header_area-2 .main-header .main-nav>ul>li.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu {
    width: 900px;
}

.main-header_area-2 .main-header .main-nav>ul>li.megamenu-holder .yena-megamenu_wrap .yena-megamenu-2 {
    width: 900px;
}

.main-header_area-2 .main-header .main-nav>ul>li:hover>a {
    background-color: transparent;
    color: #dd6b33 !important;
}

.main-header_area-2 .main-header .main-nav>ul>li:hover>a span:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.main-header_area-2 .main-header .main-nav>ul>li>a {
    padding: 0;
}

.main-header_area-2 .main-header .main-nav>ul>li>a.active {
    background-color: transparent;
    color: #dd6b33;
}

.main-header_area-2 .main-header .main-nav>ul>li>a.active span:before {
    background-color: #dd6b33;
    content: "";
    width: 100%;
    height: 2px;
    top: 35px;
    left: 0;
    position: absolute;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.main-header_area-2 .main-header .main-nav>ul>li>a span {
    position: relative;
}

.main-header_area-2 .main-header .main-nav>ul>li>a span:before {
    background-color: #dd6b33;
    content: "";
    width: 100%;
    height: 2px;
    top: 35px;
    left: 0;
    position: absolute;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}


/* ---Main Header Area Three--- */

.main-header_area-3 {
    padding: 40px 0;
}

.main-header_area-3 .main-header {
    padding: 0;
}

.main-header_area-3 .header-shipping {
    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;
}

.main-header_area-3 .header-shipping>ul>li {
    display: inline-block;
}

.main-header_area-3 .header-shipping>ul>li:not(:last-child) {
    padding-right: 30px;
}

@media (max-width: 1199px) {
    .main-header_area-3 .header-shipping>ul>li:not(:last-child) {
        padding-right: 15px;
    }
}

@media (max-width: 1199px) {
    .main-header_area-3 .header-shipping>ul>li>span {
        font-size: 14px;
    }
}

.main-header_area-3 .header-shipping>ul>li>i {
    vertical-align: middle;
    margin-right: 5px;
}

@media (max-width: 1199px) {
    .main-header_area-3 .header-right_area>ul>li:nth-child(-n+2) {
        margin-right: 15px;
    }
}

.main-header_area-3 .header-right_area>ul>li.minicart-wrap>a .minicart-count_area>i {
    font-size: 20px;
}

.main-header_area-3 .header-right_area>ul>li>a>i {
    font-size: 20px;
}

.main-header_area-3 .header-sticky .main-header_nav {
    padding: 40px 0;
}


/* ---Main Header Area Four--- */

.main-header_area-4 .custom-container {
    width: calc(100% - 200px);
    margin: 0 auto;
}

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

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

@media (max-width: 767px) {
    .main-header_area-4 .header-logo {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.main-header_area-4 .header-logo img {
    width: 150px;
}

@media (max-width: 767px) {
    .main-header_area-4 .header-logo img {
        width: 95px;
    }
}

.main-header_area-4 .main-header {
    padding: 0;
}

.main-header_area-4 .header-sticky {
    padding: 15px 0;
}


/* ---Transparent Header--- */

.transparent-header {
    background-color: transparent;
    top: 85px;
    left: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

@media (max-width: 991px) {
    .transparent-header {
        top: 65px;
    }
}

@media (max-width: 767px) {
    .transparent-header {
        top: 15px;
    }
}

.transparent-header .main-header_area-3 {
    padding: 0;
}


/* ---Header Area Five--- */

@media (min-width: 1200px) {
    .main-header_area-5 {
        background-color: #211e1c;
        height: 100%;
    }
    .main-header_area-5 .container-fluid {
        padding: 0 30px;
    }
    .main-header_area-5 .main-header_nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .main-header_area-5 .header-logo {
        padding-top: 60px;
    }
    .main-header_area-5 .header-right_area {
        padding-top: 60px;
    }
    .main-header_area-5 .header-right_area>ul>li>a {
        color: #ffffff;
    }
    .main-header_area-5 .main-menu_area {
        text-align: center;
        padding-top: 40px;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul {
        width: 100%;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li {
        display: block;
        padding: 0 0 20px;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li:first-child {
        position: relative;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li:last-child {
        padding-bottom: 0;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li:hover>a {
        color: #dd6b33 !important;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-holder.two-column .yena-megamenu_wrap {
        top: 0;
        left: 100%;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-holder.megamenu-fullwidth_holder .yena-megamenu_wrap {
        width: 1030px;
        top: calc(100% - 400px);
        left: calc(100% - 15px);
    }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1500px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-holder.megamenu-fullwidth_holder .yena-megamenu_wrap {
        width: 880px;
    }
}

@media (min-width: 1200px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-holder.megamenu-fullwidth_holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2 {
        width: 1000px;
    }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1500px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-holder.megamenu-fullwidth_holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2 {
        width: 880px;
    }
}

@media (min-width: 1200px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-holder.megamenu-fullwidth_holder .yena-megamenu_wrap .yena-megamenu.yena-megamenu-2>li {
        text-align: left;
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-gallery_holder .yena-megamenu_wrap {
        top: calc(100% - 400px);
        left: calc(100% - 15px);
        width: 1030px;
    }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1500px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-gallery_holder .yena-megamenu_wrap {
        width: 880px;
    }
}

@media (min-width: 1200px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu {
        width: 1000px;
    }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1500px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li.megamenu-gallery_holder .yena-megamenu_wrap .yena-megamenu {
        width: 860px;
    }
}

@media (min-width: 1200px) {
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li .yena-dropdown {
        top: calc(100% - 275px);
        left: calc(100% - 15px);
    }
    .main-header_area-5 .main-menu_area>nav.main-nav>ul>li>a {
        color: #ffffff;
    }
}


/* ---Main Header Area Eight--- */

.main-header_area-8.transparent-header {
    top: 0;
}

.main-header_area-8 .main-nav.white-text_color>ul>li>a {
    color: #ffffff;
}

.main-header_area-8 .header-right_area.white-text_color>ul>li>a {
    color: #ffffff;
}

.main-header_area-8 .header-right_area.white-text_color>ul>li>a:hover {
    color: #dd6b33;
}


/*----------------------------------------*/


/*  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;
}


/*----------------------------------------*/


/*  45 - Pages - Blog
/*----------------------------------------*/

.latest-blog_area {
    padding: 190px 0 0px;
}

.latest-blog_area .specific-gutter .slick-list {
    margin: 0 -20px;
}

.latest-blog_area .specific-gutter .slick-list .slick-slide {
    padding: 0 20px;
}

@media (max-width: 1500px) {
    .latest-blog_area .specific-gutter .slick-list {
        margin: 0 -6px;
    }
    .latest-blog_area .specific-gutter .slick-list .slick-slide {
        padding: 0 6px;
    }
}

@media (max-width: 575px) {
    .latest-blog_area .specific-gutter .slick-list {
        margin: 0 -10px;
    }
    .latest-blog_area .specific-gutter .slick-list .slick-slide {
        padding: 0;
    }
}

.latest-blog_area .container-fluid {
    padding: 0 130px;
}

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

.blog-item .single-blog {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px;
}

@media (max-width: 575px) {
    .blog-item .single-blog {
        display: block;
    }
}

.blog-item .single-blog .blog-content {
    padding: 30px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
}

.blog-item .single-blog .blog-content span {
    color: #dd6b33;
    font-size: 11px;
    text-transform: uppercase;
}

.blog-item .single-blog .blog-content>h2.title {
    margin-bottom: 0;
    line-height: 1;
    padding-bottom: 10px;
    font-size: 22px;
    font-family: 'Playfair Display', serif;
}

.blog-item .single-blog .blog-content .post-meta {
    padding-bottom: 15px;
}

.blog-item .single-blog .blog-content .post-meta>ul>li {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
}

.blog-item .single-blog .blog-content .post-meta>ul>li:not(:first-child):before {
    content: "|";
    display: inline-block;
    margin-left: 5px;
    margin-right: 10px;
    opacity: .5;
    position: relative;
    top: -1px;
}

.blog-item .single-blog .blog-content .post-meta>ul>li:hover>a {
    text-decoration: underline;
}

.blog-item .single-blog .blog-content .post-meta>ul>li>a {
    font-size: 11px;
}

.blog-item .single-blog .blog-content p.short-desc {
    font-family: 'Roboto', sans-serif;
    line-height: 28.4px;
    margin-bottom: 0;
    padding-bottom: 15px;
}

.blog-item .single-blog:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.blog-item.blog-grid_item .single-blog {
    display: block;
}

.blog-item.without-box_shadow .single-blog .blog-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 30px 0 0;
}

.blog-item.without-box_shadow .single-blog .blog-content>h2.title>a {
    font-size: 24px;
    line-height: 28.8px;
}

.blog-item.without-box_shadow .single-blog .blog-content>h2.title-2 {
    padding-bottom: 15px;
    font-weight: 600;
}

.blog-item.without-box_shadow .single-blog .blog-content>h2.title-2>a {
    font-size: 28px;
    line-height: 33.6px;
}

.blog-item.without-box_shadow .single-blog:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.blog-item.without-box_shadow .single-blog .block-quote {
    background-color: #f9f9f9;
    min-height: 270px;
    position: relative;
    text-align: center;
}

.blog-item.without-box_shadow .single-blog .block-quote .inner-block_quote {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
    .blog-item.without-box_shadow .single-blog .block-quote .inner-block_quote {
        width: 100%;
    }
}

.blog-item.without-box_shadow .single-blog .block-quote .inner-block_quote:before {
    content: '\ea7a';
    font-family: LaStudioIcons;
    font-size: 200px;
    line-height: 1;
    color: #3e3e3e;
    opacity: .1;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.blog-item.without-box_shadow .single-blog .block-quote .inner-block_quote>h2 {
    color: #3e3e3e;
    font-size: 32px;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .blog-item.without-box_shadow .single-blog .block-quote .inner-block_quote>h2 {
        font-size: 20px;
    }
}

.blog-item.without-box_shadow .single-blog .block-quote .inner-block_quote span {
    position: relative;
}

.blog-item.without-box_shadow .single-blog .block-quote .inner-block_quote span:before {
    border-top: 2px solid #d8d8d8;
    content: "";
    width: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8px;
}


/* ---Latest Blog Area Two--- */

.latest-blog_area-2 {
    padding: 90px 0;
}


/* ---Blog Area--- */

.blog-area {
    padding: 120px 0 100px;
}

.blog-area .blog-item .single-blog {
    margin: 0;
}

.blog-area .blog-item .single-blog .blog-img .inner-img {
    position: relative;
}

.blog-area .blog-item .single-blog .blog-img .inner-img .popup-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.blog-area .blog-item .single-blog .blog-img .inner-img .popup-btn>a {
    background-color: #ffffff;
    color: #211e1c;
    font-size: 20px;
    border: 1px solid #ffffff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    display: block;
    text-align: center;
}

.blog-area .blog-item .single-blog .blog-img:hover .inner-img .popup-btn>a {
    color: #dd6b33;
}

.blog-area .blog-item.border-on_hover .single-blog {
    position: relative;
}

.blog-area .blog-item.border-on_hover .single-blog:before {
    background-color: #dd6b33;
    content: "";
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    position: absolute;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
}

.blog-area .blog-item.border-on_hover .single-blog:hover:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.blog-area .side-banner_item {
    position: relative;
}

.blog-area .side-banner_item:before {
    background-color: #000000;
    content: "";
    opacity: 0.5;
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.blog-area .side-banner_item .side-banner_img img {
    height: 30.3vw;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 1500px) {
    .blog-area .side-banner_item .side-banner_img img {
        height: 38vw;
    }
}

@media (max-width: 1199px) {
    .blog-area .side-banner_item .side-banner_img img {
        height: 43.8vw;
    }
}

@media (max-width: 767px) {
    .blog-area .side-banner_item .side-banner_img img {
        height: 100%;
    }
}

.blog-area .side-banner_item .side-banner_text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 40px);
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    padding: 30px 25px;
    text-align: center;
}

.blog-area .side-banner_item .side-banner_text:before {
    background-color: #ffffff;
    content: "";
    width: calc(50% - 45px);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.blog-area .side-banner_item .side-banner_text:after {
    background-color: #ffffff;
    content: "";
    width: calc(50% - 45px);
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.blog-area .side-banner_item .side-banner_text>h3 {
    color: #ffffff;
    font-size: 22px;
}

.blog-area .side-banner_item .side-banner_text>span {
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -11px;
}

.blog-area .side-banner_item.specific-side_banner {
    position: relative;
}

.blog-area .side-banner_item.specific-side_banner:before {
    background-color: rgba(153, 133, 119, 0.9);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
}

.blog-area .side-banner_item.specific-side_banner .side-banner_text-2 {
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(100% - 270px);
}

@media (max-width: 767px) {
    .blog-area .side-banner_item.specific-side_banner .side-banner_text-2 {
        display: none;
    }
}

.blog-area .side-banner_item.specific-side_banner .side-banner_text-2 .inner-text {
    position: relative;
    padding-left: 80px;
}

.blog-area .side-banner_item.specific-side_banner .side-banner_text-2 .inner-text:before {
    content: '\ea7a';
    font-family: LaStudioIcons;
    font-size: 40px;
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
}

.blog-area .side-banner_item.specific-side_banner .side-banner_text-2 .inner-text>h3 {
    color: #ffffff;
    font-size: 22px;
    line-height: 29.3px;
    padding-bottom: 10px;
}

.blog-area .side-banner_item.specific-side_banner .side-banner_text-2 .inner-text>span {
    color: #ffffff;
    font-size: 12px;
}

@media (min-width: 992px) {
    .blog-area [class*="col-"]:not(:nth-child(n+10)) .blog-item {
        margin-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .blog-area [class*="col-"]:not(:nth-child(n+11)) .blog-item {
        margin-bottom: 30px;
    }
}

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

.blog-area.blog-with_sidebar .blog-item {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .blog-single_post .sidebar-area {
        padding-top: 60px;
    }
}

.blog-single_post .social-link {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
}

.blog-single_post .blog-page_nav {
    display: block;
    padding-top: 25px;
    text-align: right;
}

.blog-single_post .blog-page_nav>h3.title {
    font-size: 16px;
    line-height: 1.4;
    max-width: 40%;
    text-align: right;
    margin-left: auto;
}

@media (max-width: 767px) {
    .blog-single_post .blog-page_nav>h3.title {
        max-width: 100%;
    }
}

.blog-single_post .blog-page_nav>span {
    display: block;
    padding-top: 5px;
}

.blog-single_post .blog-page_nav>span>a {
    font-size: 12px;
    line-height: 21.6px;
}

.blog-single_post .blog-feedback_area {
    padding-top: 55px;
}

.blog-single_post .blog-feedback_area>h2.heading {
    font-size: 24px;
    line-height: 33.6px;
    padding-bottom: 25px;
}

.blog-single_post .blog-feedback_area>li:not(:last-child) {
    margin-bottom: 30px;
}

.blog-single_post .blog-feedback_area>li.user-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 479px) {
    .blog-single_post .blog-feedback_area>li.user-body {
        display: block;
        text-align: center;
    }
}

.blog-single_post .blog-feedback_area>li.user-body.sub-user_body {
    margin-left: 25px;
}

.blog-single_post .blog-feedback_area>li.user-body .user-pic {
    width: 75px;
}

@media (max-width: 479px) {
    .blog-single_post .blog-feedback_area>li.user-body .user-pic {
        padding-bottom: 30px;
        width: 100%;
    }
}

.blog-single_post .blog-feedback_area>li.user-body .user-content {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    border: 1px solid #d8d8d8;
    width: calc(100% - 75px);
    margin-left: 25px;
    padding: 30px;
}

@media (max-width: 479px) {
    .blog-single_post .blog-feedback_area>li.user-body .user-content {
        width: 100%;
        margin-left: 0;
        padding: 15px;
    }
}

.blog-single_post .blog-feedback_area>li.user-body .user-content>h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
}

.blog-single_post .blog-feedback_area>li.user-body .user-content>h3.user-name>a {
    font-size: 16px;
    line-height: 19.2px;
}

.blog-single_post .blog-feedback_area>li.user-body .user-content>h3 .user-meta {
    color: #979797;
    padding-left: 5px;
    font-size: 12px;
    line-height: 21px;
}

.blog-single_post .blog-feedback_area>li.user-body .user-content>p.user-feedback {
    border-bottom: 1px solid #d8d8d8;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    line-height: 25.2px;
    padding-bottom: 20px;
}

.blog-single_post .blog-feedback_area>li.user-body .user-content .reply-btn_wrap {
    padding-top: 10px;
}

.blog-single_post .blog-feedback_area>li.user-body .user-content .reply-btn_wrap>a.reply-btn {
    color: #494949;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    display: inline-block;
}

.blog-single_post .blog-feedback_area>li.user-body .user-content .reply-btn_wrap>a.reply-btn>span {
    padding-right: 5px;
    vertical-align: middle;
}

.blog-single_post .blog-feedback_area>li.user-body .user-content .reply-btn_wrap>a:hover {
    color: #dd6b33;
}

.blog-single_post .blog-comment_area {
    padding-top: 50px;
}

.blog-single_post .blog-comment_area>h2.heading {
    padding-bottom: 35px;
}

.blog-single_post .blog-comment_area .comment-field textarea {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 150px;
    padding: 15px;
}

.blog-single_post .blog-comment_area .group-input {
    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-top: 20px;
}

@media (max-width: 1199px) {
    .blog-single_post .blog-comment_area .group-input {
        display: block;
    }
}

.blog-single_post .blog-comment_area .group-input>input.input-field {
    border: 1px solid #e5e5e5;
    width: 100%;
    height: 60px;
    padding: 0 10px;
}

@media (max-width: 1199px) {
    .blog-single_post .blog-comment_area .group-input>input.input-field {
        margin-bottom: 25px;
        margin-right: 0;
    }
}

.blog-single_post .blog-comment_area .group-input>input.input-field:not(:last-child) {
    margin-right: 30px;
}

.blog-single_post .blog-comment_area .field-checkbox {
    padding-top: 15px;
}

.blog-single_post .blog-comment_area .field-checkbox>input.input-checkbox {
    margin-right: 15px;
    vertical-align: middle;
}

.blog-single_post .blog-comment_area .field-checkbox>label.label-checkbox {
    color: #494949;
    line-height: 25.2px;
    font-size: 14px;
}

.blog-single_post .blog-comment_area .comment-btn_wrap {
    padding-top: 15px;
}

.blog-single_post .blog-comment_area .comment-btn_wrap>a.yena-btn {
    font-size: 14px;
}


/*----------------------------------------*/


/*  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.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.33333%;
    -moz-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    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.33333%;
        -moz-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        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.33333%;
        -moz-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        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: 30px;
}

.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;
}

.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: 16px;
}

.product-details_area .product-details_content .categories>li>a {
    text-transform: uppercase;
    line-height: 21.6px;
    font-size: 14px;
}

.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: 30px;
        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: 0px;
    }
}

.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: 20px;
    }
}

.services-banner_area.space-bottom-140 {
    padding-bottom: 140px;
}

@media (max-width: 767px) {
    .services-banner_area.space-bottom-140 {
        padding-bottom: 5px;
    }
}

@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: 0px 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: 663px;
    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 {
    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 {
        font-size: 12px;
    }
}

.login-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"] {
    width: auto;
}

.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;
}

.register_btn {
    margin-top: 15px;
}


/*----------------------------------------*/


/*  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 {
    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;
}

h2.heading.text-uppercase.font-style_italic.brand1.mb-0 {
    margin-top: -221px;
}


/*----------------------------------------*/


/*  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 {
    background-color: rgba(0, 0, 0, 0.02);
}

.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;
}

.logo1.col-lg-12 {
    margin-top: -91px;
}

img.w-100.img2 {
    margin-top: 70px !important;
}

.about-us_area {
    margin-top: 0px;
}

.myimgset {
    display: unset;
    width: 50%;
}

.latest-blog_area.wow.fadeInUp {
    width: 75%;
    margin: auto;
}

@media all and (min-width: 768px) {
    .myimgset {
        width: 75px !important;
        height: 75px !important;
    }
}

.product-details_img {
    display: block !important;
}

.vertical-tab .product-details_slider {
    max-width: 90% !important;
}

.bg-sorbus {
    margin-top: 100px !important;
}