﻿/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Common
# Topbar
# Main Menu
# Footer
# Search Popup
# Sidemenu
# Banner
# Blog
	## Blog Details
	## Comments
# Page Header
# Contact
	## Contact Info
# Sidebar
# Mailchimp
# Brand
# Team
# Call To Action
# Gallery
# Error 404
# Video
# Testimonials
# FAQ
# Tour
	## Tour Sidebar
# Destinations
# Features
# Funfact
# Tour Search
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Common
--------------------------------------------------------------*/

/*font-family: 'Barlow', sans-serif;
font-family: 'Amatic SC', cursive;*/
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;1,200;1,300;1,400;1,500;1,600&display=swap');
:root {
    --thm-font: "Helvetica Neue", sans-serif;
    --heading-font: "Helvetica Neue", sans-serif;
    --thm-base: #2db7ff;
    --thm-base-rgb: 237, 221, 94;
    --thm-primary: #5b8c51;
    --thm-primary-rgb: 91, 140, 81;
    --thm-black: #404a3d;
    --thm-black-rgb: 64, 74, 61;
    --thm-gray: #eceeef;
}

body {
    font-family: var(--thm-font);
    color: #171A1B;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}

button:focus {
    outline: none;
}
a,
a:active,
a:focus,
a:visited {
    text-decoration: none;
    color: #545557;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
    a:hover {
        color: #2db7ff;
    }
::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
    background: none;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #f2f2f2;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #2db7ff #fff;
}
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: var(--heading-font);
        color: #545557;
    }
h2{
    font-size:28px;
}
img{
    max-width:100%;
}
.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}
.image-layer{position: relative;}
.auto-container {
    position: absolute;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
    top: 0;
    left: 0; right: 0;
}

.block-title {
    margin-bottom: 60px;
    margin-top: -6px;
}

    .block-title p {
        margin: 0;
        text-transform: uppercase;
        color: var(--thm-primary);
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.2em;
        line-height: 24px;
    }

    .block-title h3 {
        margin: 0;
        color: var(--thm-black);
        font-size: 70px;
        font-weight: 700;
        font-family: var(--heading-font);
        line-height: 1em;
    }

@media (max-width: 425px) {
    .block-title h3 {
        font-size: 45px;
        line-height: 1.2;
    }
}

.block-title .leaf {
    padding-top: 5px;
}

.thm-btn {
    display: inline-block;
    vertical-align: middle;
    border: none;
    outline: none;
    background-color: var(--thm-base);
    font-size: 20px;
    color: var(--thm-black);
    font-weight: 600;
    padding: 23px 50px;
    border-radius: 5px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .thm-btn:hover {
        background-color: var(--thm-primary);
        color: #ffffff;
    }

.owl-carousel.owl-dot-type1 .owl-stage-outer {
    position: relative;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}

.owl-carousel.owl-dot-type1 .owl-dots {
    position: relative;
    display: block;
    text-align: center;
    line-height: 12px;
    margin: 0 !important;
}

    .owl-carousel.owl-dot-type1 .owl-dots .owl-dot {
        position: relative;
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #ffffff;
        border: 1px solid #2e343a;
        margin: 0px 5px;
        padding: 0px;
        border-radius: 50%;
        transition: all 100ms linear;
        transition-delay: 0.1s;
    }

        .owl-carousel.owl-dot-type1 .owl-dots .owl-dot span {
            display: none;
        }

        .owl-carousel.owl-dot-type1 .owl-dots .owl-dot.active {
            border-color: #2e343a;
            background: #2e343a;
        }

.bootstrap-select .btn-light:not(:disabled):not(.disabled).active,
.bootstrap-select .btn-light:not(:disabled):not(.disabled):active,
.bootstrap-select .show > .btn-light.dropdown-toggle {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.bootstrap-select > .dropdown-toggle {
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: none !important;
}

.bootstrap-select .dropdown-menu {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    z-index: 991;
    border-radius: 0;
}

    .bootstrap-select .dropdown-menu > li + li > a {
        border-top: 1px solid var(--thm-gray);
    }

    .bootstrap-select .dropdown-menu > li.selected > a {
        background: var(--thm-primary);
        color: #fff;
    }

    .bootstrap-select .dropdown-menu > li > a {
        font-size: 16px;
        font-weight: 500;
        padding: 4px 20px;
        color: #ffffff;
        background: var(--thm-black);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .bootstrap-select .dropdown-menu > li > a:hover {
            background: var(--thm-primary);
            color: #fff;
            cursor: pointer;
        }

/* datepicker */

.datepicker.dropdown-menu {
    min-width: 17rem;
}

.datepicker table {
    width: 100%;
}

.post-pagination {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

    .post-pagination a {
        border-radius: 50%;
        background-color: var(--thm-gray);
        color: #9ca3a9;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        padding: 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        width: 57px;
        height: 57px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .post-pagination a:hover {
            background-color: var(--thm-primary);
            color: #fff;
        }

        .post-pagination a.active {
            background-color: var(--thm-base);
            color: #fff;
            cursor: auto;
        }

        .post-pagination a + a {
            margin-left: 15px;
        }

/* owl dots style */

.thm__owl-carousel .owl-dots {
    margin-top: 20px;
}

    .thm__owl-carousel .owl-dots .owl-dot {
        outline: none;
    }

        .thm__owl-carousel .owl-dots .owl-dot span {
            margin: 0 2.5px;
            padding: 0;
            width: 14px;
            height: 14px;
            background-color: var(--thm-gray);
            border-radius: 50%;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

        .thm__owl-carousel .owl-dots .owl-dot:hover span,
        .thm__owl-carousel .owl-dots .owl-dot.active span {
            background-color: var(--thm-primary);
        }

.thm__owl-carousel.light-dots .owl-dots .owl-dot span {
    background-color: #fff;
}

.thm__owl-carousel.light-dots .owl-dots .owl-dot:hover span,
.thm__owl-carousel.light-dots .owl-dots .owl-dot.active span {
    background-color: var(--thm-primary);
}

.preloader {
    position: fixed;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999991;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

.preloader__image {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scroll-to-top {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: var(--thm-primary);
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: none;
    border-radius: 50%;
    transition: all 0.4s ease;
}

    .scroll-to-top i {
        color: #ffffff;
        font-size: 18px;
        line-height: 45px;
    }

    .scroll-to-top:hover {
        background-color: #ebd954;
    }

        .scroll-to-top:hover i {
            color: #fff;
        }

.thm-base-bg {
    background-color: var(--thm-primary);
}

.thm-base-bg-2 {
    background-color: var(--thm-base);
}

.thm-gray-bg {
    background-color: var(--thm-gray);
}

/* home 5 */

.home-5__content-wrap {
    background-color: var(--thm-black);
    position: relative;
}

.home-5__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-5__bg-inner {
    height: 100% !important;
}

.home-5__social {
    position: absolute;
    top: 50%;
    left: 120px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    z-index: 100;
}

    .home-5__social a {
        color: #fff;
        font-size: 22px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .home-5__social a:hover {
            color: var(--thm-primary);
        }

        .home-5__social a + a {
            margin-top: 15px;
        }

.home-5__floated-text {
    font-size: 400px;
    font-weight: 200;
    color: #ffffff;
    letter-spacing: 0.2em;
    position: absolute;
    top: 50%;
    left: 50%;
    text-transform: uppercase;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 10;
    text-align: center;
    opacity: 0.05;
}

/* home 7 */

.home-7-content-wrap {
    position: relative;
}

.home-7-content__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: -37px;
    background-position: top;
    background-repeat: no-repeat;
    background-position: bottom center;
    opacity: 0.07;
    background-color: #004c85;
    background-blend-mode: multiply;
    z-index: 10;
}

.home-7-content-wrap .container {
    position: relative;
    z-index: 11;
}

/* Cursor Style */
.cursor {
    position: absolute;
    background-color: #fff;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: hidden;
}

.cursor {
    visibility: visible;
}

    .cursor.active {
        opacity: 0.5;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    .cursor.hovered {
        opacity: 0.08;
    }

.cursor-follower {
    position: absolute;
    background-color: RGBA(255, 255, 255, 0.3);
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 1;
    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    z-index: 10000;
    visibility: hidden;
}

.cursor-follower {
    visibility: visible;
}

    .cursor-follower.active {
        opacity: 0.7;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .cursor-follower.hovered {
        opacity: 0.08;
    }

    .cursor-follower.close-cursor:before {
        position: absolute;
        content: "";
        height: 25px;
        width: 2px;
        background: #fff;
        left: 48%;
        top: 12px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        display: inline-block;
    }

    .cursor-follower.close-cursor:after {
        position: absolute;
        content: "";
        height: 25px;
        width: 2px;
        background: #fff;
        right: 48%;
        top: 12px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.site-header__header-one-wrap {
    position: relative;
    display: block;
}

.topbar-one {
    position: relative;
    background-color: #ffffff;
}

    .topbar-one .topbar_bg {
        position: absolute;
        left: 0;
        bottom: -16px;
        right: 0;
        height: 16px;
        z-index: 1;
    }

    .topbar-one .container {
        min-height: 126px;
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

.topbar-one__left {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .topbar-one__left a {
        color: #878986;
        font-size: 18px;
        font-weight: 500;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .topbar-one__left a span {
            position: relative;
            top: 1px;
            display: inline-block;
            padding-right: 10px;
            color: var(--thm-primary);
            font-size: 18px;
        }

        .topbar-one__left a:hover {
            color: var(--thm-base);
        }

        .topbar-one__left a + a {
            margin-left: 30px;
        }

.topbar-one__middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

    .topbar-one__middle a {
        display: inline-block;
    }

.topbar-one__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.topbar-one__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .topbar-one__social a + a {
        margin-left: 10px;
    }

    .topbar-one__social a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        width: 45px;
        height: 45px;
        background-color: #f5f0e9;
        color: #878986;
        font-size: 14px;
        border-radius: 50%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .topbar-one__social a:hover {
            background-color: var(--thm-primary);
            color: #fff;
        }

    .topbar-one__social.home-four a {
        opacity: 0.3;
    }

        .topbar-one__social.home-four a:hover {
            opacity: 1;
            color: #878986;
            background-color: #f5f0e9;
        }

/*--------------------------------------------------------------
# Main Menu
--------------------------------------------------------------*/
.main-nav__header-one {
    position: fixed;
    z-index: 9;
    width: 100%;
    background: #2db7ff;
}

    .main-nav__header-one .container {
        position: relative;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

.main-nav__left {
    /*width: 100%;
    max-width: 190px;*/
    display: block;
    margin-right: 40px;
    padding: 15px 0 15px;
}

.main-nav__search {
    position: relative;
    color: var(--thm-black);
    font-size: 25px;
    transition: all 500ms ease;
}

    .main-nav__search:hover {
        color: var(--thm-base);
    }

.main-nav__right .side-menu__toggler {
    position: relative;
    display: inline-block;
    font-size: 20px;
}

.main_nav__left_four .side-menu__toggler {
    color: #fff;
}

.main-nav__main-navigation .main-nav__navigation-box {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-box-align: center;
    align-items: center;
}

    .main-nav__main-navigation .main-nav__navigation-box,
    .main-nav__main-navigation .main-nav__navigation-box ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /*.main-nav__main-navigation .main-nav__navigation-box > li + li {
            margin-left: 45px;
        }*/

        .main-nav__main-navigation .main-nav__navigation-box > li {
            position: relative;
            display:inline-block;
        }

            .main-nav__main-navigation .main-nav__navigation-box > li > a {
                position: relative;
                display: inline-block;
                margin: 0px 14px;
                padding: 25px 0;
                font-size: 17px;
                line-height: 40px;
                font-weight: 500;
/*                text-transform: capitalize;*/
                -webkit-transition: all 500ms ease;
                transition: all 500ms ease;
                z-index: 1;
                color: #fff;
            }

                .main-nav__main-navigation .main-nav__navigation-box > li > a:before {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 20px;
                    right: 0;
                    border-bottom: 1px solid #2db7ff;
                    content: "";
                    transform: scaleX(0.5);
                    opacity: 0;
                    transition: all 500ms ease;
                    z-index: -1;
                }

           /* .main-nav__main-navigation .main-nav__navigation-box > li:hover > a,
            .main-nav__main-navigation .main-nav__navigation-box > li.current > a,
            .main-nav__main-navigation
            .main-nav__navigation-box > li.current-menu-item > a {
                color: var(--thm-black);
            }*/

                .main-nav__main-navigation .main-nav__navigation-box > li:hover > a:before,
                .main-nav__main-navigation .main-nav__navigation-box > li.current > a:before,
                .main-nav__main-navigation
                .main-nav__navigation-box > li.current-menu-item > a:before {
                    opacity: 1;
                    transform: scaleX(1);
                }

/* Dropdown menu */
.main-nav__main-navigation .dropdown-btn {
    display: none;
}

.main-nav__main-navigation .main-nav__navigation-box > li ul {
    position: absolute;
    width: 270px;
    background-color: #FFF;
    border-top: 0px solid #f7f6f6;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -webkit-transform-origin: top;
    transform-origin: top;
    visibility: hidden;
    opacity: 0;
    z-index: 991;
    -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
   /* border-top: 2px solid #E50019;*/
    padding: 5px 0;
}

    .main-nav__main-navigation .main-nav__navigation-box > li ul > li {
        position: relative;
    }

        /*.main-nav__main-navigation .main-nav__navigation-box > li ul > li + li {
            border-top: 1px solid #f7f6f6;
        }*/

        .main-nav__main-navigation .main-nav__navigation-box > li ul > li > a {
            display: block;
            color: #545557;
            font-size: 17px;
            word-break: break-all;
            padding: 5px 20px;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

        .main-nav__main-navigation .main-nav__navigation-box > li ul > li:hover > a {
            text-decoration: underline;
        }

/* Second level menu */
.main-nav__main-navigation .main-nav__navigation-box > li > ul {
    top: 100%;
    left: 14px;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    visibility: hidden;
    opacity: 0;
    padding:15px 0;
}

.main-nav__main-navigation .main-nav__navigation-box > li:hover > ul {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

/* Third level menu */
.main-nav__main-navigation .main-nav__navigation-box > li > ul > li > ul {
    top: 0;
    left: 100%;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    visibility: hidden;
    opacity: 0;
}

.main-nav__main-navigation .main-nav__navigation-box > li > ul > li:hover > ul {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
    opacity: 1;
}

/* After Third level menu */
.main-nav__main-navigation
.main-nav__navigation-box > li > ul > li > ul > li
ul {
    display: none;
}

.main-nav__right {
    margin-left: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .main-nav__right .icon_cart_box {
        position: relative;
        display: block;
        padding: 32px 0 15px;
    }

        .main-nav__right .icon_cart_box a {
            color: var(--thm-black);
            font-size: 25px;
        }

/* stricky Menu Css */
.stricked-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);
    opacity: 0;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .stricked-menu.stricky-fixed {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
        .stricked-menu.stricky-fixed .main-nav__main-navigation .main-nav__navigation-box > li > a {
            color: #545557;
        }
        /*.stricked-menu.stricky-fixed
        .main-nav__main-navigation
        .main-nav__navigation-box > li {
            position: relative;
            padding: 25px 0px 25px;
        }*/

        .stricked-menu.stricky-fixed .main-nav__left {
            padding: 10px 0 20px;
        }

        .stricked-menu.stricky-fixed .main-nav__right .icon_cart_box {
            padding: 29px 0 23px;
            top: 0;
        }

/*--------------------------------------------------------------
# Site Header Header Two Wrap
--------------------------------------------------------------*/
.site_header__header_two_wrap {
    position: relative;
}

.topbar-two {
    position: relative;
    display: block;
}

.topbar_two_content {
    position: relative;
}

.logo-box-two {
    position: relative;
    display: block;
    width: 200px;
    z-index: 10;
    padding: 29.5px 0;
}

    .logo-box-two:before {
        position: absolute;
        top: 0;
        left: -50000px;
        bottom: 0;
        right: 0;
        background: #f5f0e9;
        content: "";
        z-index: -1;
    }

    .logo-box-two a {
        position: relative;
        display: inline-block;
    }

.header_address_two {
    position: relative;
    display: block;
    padding: 40px 0;
}

    .header_address_two ul {
        margin: 0;
    }

        .header_address_two ul li {
            position: relative;
            display: block;
            float: left;
            border-right: 1px solid #f5f0e9;
            padding-left: 36px;
            padding-right: 30px;
            margin-right: 26px;
        }

            .header_address_two ul li:first-child {
                margin-left: 37px;
            }

            .header_address_two ul li:last-child {
                margin-right: 0;
                border-right: none;
                padding-right: 0;
            }

            .header_address_two ul li .address_icon {
                position: absolute;
                top: 2px;
                left: 0;
                color: var(--thm-primary);
                font-size: 20px;
            }

            .header_address_two ul li .address_title {
                position: relative;
            }

                .header_address_two ul li .address_title h6 {
                    color: var(--thm-black);
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 600;
                    margin: 0 0 5px;
                    font-family: var(--thm-font);
                }

                .header_address_two ul li .address_title p {
                    color: #878986;
                    font-size: 14px;
                    line-height: 20px;
                    margin: 5px 0 0;
                }

                    .header_address_two ul li .address_title p a {
                        color: #878986;
                    }

.header_btn_two {
    position: relative;
    display: block;
    padding: 32.5px 0;
}

    .header_btn_two a.thm-btn {
        padding: 13px 40.5px;
        font-size: 16px;
    }

.main-nav__header_two {
    position: relative;
    display: block;
    background: var(--thm-black);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.main-nav__main-navigation.two .main-nav__navigation-box > li {
    padding: 15px 0px 15px;
}

    .main-nav__main-navigation.two .main-nav__navigation-box > li > a {
        color: #c5c9c4;
        font-weight: 600;
    }

    .main-nav__main-navigation.two .main-nav__navigation-box > li:hover > a,
    .main-nav__main-navigation.two .main-nav__navigation-box > li.current > a,
    .main-nav__main-navigation.two
    .main-nav__navigation-box > li.current-menu-item > a {
        color: var(--thm-black);
    }

.main_nav_right_two {
    position: relative;
    display: block;
}

    .main_nav_right_two .icon_search_box {
        position: relative;
        float: left;
        line-height: 0;
        padding: 20px 0;
        margin-right: 40px;
    }

        .main_nav_right_two .icon_search_box a {
            color: #ffffff;
            line-height: 30px;
        }

    .main_nav_right_two .icon_cart_box {
        position: relative;
        float: right;
        line-height: 0;
        padding: 20px 0;
    }

        .main_nav_right_two .icon_cart_box a {
            color: #ffffff;
            font-size: 25px;
            line-height: 30px;
        }

.main-nav__header_two .stricked-menu {
    background-color: var(--thm-black);
    box-shadow: none;
}

.stricked-menu .main_nav_right_two .icon_search_box {
    padding: 30px 0;
}

.stricked-menu .main_nav_right_two .icon_cart_box {
    padding: 30px 0;
}

/*--------------------------------------------------------------
# Site Header Header three Wrap
--------------------------------------------------------------*/
.site_header__header_three_wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
    transition: all 500ms ease;
}

.topbar-three {
    position: relative;
    display: block;
}

    .topbar-three:before {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.15);
        content: "";
        z-index: 10;
    }

    .topbar-three .container-box {
        position: relative;
    }

.topbar_three_content {
    position: relative;
}

.logo-box-three {
    position: relative;
    display: block;
    max-width: 345px;
    width: 100%;
    text-align: center;
    background: var(--thm-black);
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    padding: 30px 0;
}

    .logo-box-three a {
        position: relative;
        display: inline-block;
    }

.topbar_three_nav_box {
    position: relative;
    display: block;
    max-width: 1140px;
    width: 100%;
}

.main_nav_header_three_content {
    position: relative;
    display: block;
    padding-left: 30px;
}

.main-nav__main-navigation.three .main-nav__navigation-box > li {
    position: relative;
    padding: 43px 0px 43px;
}

    .main-nav__main-navigation.three .main-nav__navigation-box > li + li {
        margin-left: 35px;
    }

    .main-nav__main-navigation.three .main-nav__navigation-box > li > a {
        color: #ffffff;
    }

    .main-nav__main-navigation.three .main-nav__navigation-box > li:hover > a,
    .main-nav__main-navigation.three .main-nav__navigation-box > li.current > a,
    .main-nav__main-navigation.three
    .main-nav__navigation-box > li.current-menu-item > a {
        color: var(--thm-black);
    }

.main_nav_right_three {
    position: relative;
    display: block;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    padding-right: 60px;
}

.stricked-menu .main_nav_right_three {
    padding-right: 0;
    border-right: 0;
}

.main_nav_right_three .icon_search_box {
    position: relative;
    float: left;
    line-height: 0;
    padding: 48px 0;
    margin-right: 40px;
}

    .main_nav_right_three .icon_search_box a {
        color: #ffffff;
        line-height: 30px;
    }

.main_nav_right_three .icon_cart_box {
    position: relative;
    float: right;
    line-height: 0;
    padding: 48px 0;
}

    .main_nav_right_three .icon_cart_box a {
        color: #ffffff;
        font-size: 25px;
        line-height: 30px;
    }

.topbar_three_right_box {
    position: relative;
    display: block;
    float: right;
    width: 20%;
}

    .topbar_three_right_box .topbar-one__social {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 40px 0 41px;
    }

.topbar_three_nav_box .stricked-menu {
    background-color: var(--thm-black);
}

.stricked-menu .main_nav_header_three_content {
    padding-left: 0px;
}

.stricked-menu .main_nav_right_three .icon_search_box {
    padding: 30px 0;
}

.stricked-menu .main_nav_right_three .icon_cart_box {
    padding: 30px 0;
}

/*--------------------------------------------------------------
# Site Header Header Four Wrap
--------------------------------------------------------------*/
.site_header__header_four_wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
    transition: all 500ms ease;
}

.topbar_four {
    background-color: transparent;
}

    .topbar_four .topbar-one__left a {
        color: #ffffff;
    }

        .topbar_four .topbar-one__left a span {
            color: var(--thm-base);
        }

.main-nav__header-four .container {
    position: relative;
}

    .main-nav__header-four .container:before {
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.2);
        content: "";
    }

    .main-nav__header-four .container:after {
        position: absolute;
        bottom: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.2);
        content: "";
    }

.main-nav__header-four {
    background: transparent;
}

.main_nav__left_four {
    padding: 0;
}

    .main_nav__left_four .main-nav__search {
        color: #ffffff;
    }

.main-nav__main-navigation.four .main-nav__navigation-box > li {
    padding: 17.5px 0;
}

    .main-nav__main-navigation.four .main-nav__navigation-box > li + li {
        margin-left: 35px;
    }

    .main-nav__main-navigation.four .main-nav__navigation-box > li > a {
        color: #ffffff;
    }

    .main-nav__main-navigation.four .main-nav__navigation-box > li:hover > a,
    .main-nav__main-navigation.four .main-nav__navigation-box > li.current > a,
    .main-nav__main-navigation.four
    .main-nav__navigation-box > li.current-menu-item > a {
        color: var(--thm-black);
    }

.main-nav__right.four .icon_cart_box {
    padding: 0;
}

    .main-nav__right.four .icon_cart_box a {
        color: #ffffff;
    }

.stricked-menu
.main-nav__main-navigation.four
.main-nav__navigation-box > li > a {
    color: var(--thm-black);
}

.stricked-menu .main_nav__left_four .main-nav__search {
    color: var(--thm-black);
}

.stricked-menu .main-nav__right.four .icon_cart_box a {
    color: var(--thm-black);
}

/*--------------------------------------------------------------
# Site Header Header Five Wrap
--------------------------------------------------------------*/
.site_header__header_five_wrap {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 999;
    transition: all 500ms ease;
}

.topbar-five {
    position: relative;
    display: block;
    background: transparent;
}

    .topbar-five:before {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background-color: #f5f6f5;
        content: "";
        z-index: 10;
    }

.logo-box-five {
    background: transparent;
    border-right: 1px solid #f5f6f5;
}

.main-nav__main-navigation.five .main-nav__navigation-box > li {
    position: relative;
    padding: 43px 0px 43px;
}

    .main-nav__main-navigation.five .main-nav__navigation-box > li + li {
        margin-left: 35px;
    }

    .main-nav__main-navigation.five .main-nav__navigation-box > li > a {
        color: #878986;
    }

    .main-nav__main-navigation.five .main-nav__navigation-box > li:hover > a,
    .main-nav__main-navigation.five .main-nav__navigation-box > li.current > a,
    .main-nav__main-navigation.five
    .main-nav__navigation-box > li.current-menu-item > a {
        color: var(--thm-black);
    }

.main_nav_right_three.five {
    position: relative;
    display: block;
}

    .main_nav_right_three.five .icon_search_box a {
        color: var(--thm-black);
    }

    .main_nav_right_three.five .icon_cart_box a {
        color: var(--thm-black);
    }

.topbar_three_right_box.five {
    border-left: 1px solid rgba(64, 74, 61, 0.05);
}

    .topbar_three_right_box.five .topbar-one__social a {
        opacity: 1;
    }

        .topbar_three_right_box.five .topbar-one__social a:hover {
            background-color: var(--thm-primary);
            color: #fff;
        }

.stricked-menu
.main-nav__main-navigation.five
.main-nav__navigation-box > li > a {
    color: #ffffff;
}

.stricked-menu
.main-nav__main-navigation.five
.main-nav__navigation-box > li:hover > a,
.stricked-menu
.main-nav__main-navigation.five
.main-nav__navigation-box > li.current > a,
.stricked-menu
.main-nav__main-navigation.five
.main-nav__navigation-box > li.current-menu-item > a {
    color: var(--thm-black);
}

.stricked-menu .main_nav_right_three.five .icon_search_box a {
    color: #ffffff;
}

.stricked-menu .main_nav_right_three.five .icon_cart_box a {
    color: #ffffff;
}

@media (min-width: 1200px) {
    .main-nav__left .side-menu__toggler {
        display: none;
    }

    .main-nav__main-navigation {
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
    }

    .mobile_menu_icon_two .side-menu__toggler {
        display: none;
    }

    .mobile_menu_icon_three .side-menu__toggler {
        display: none;
    }
}

@media (max-width: 1199px) {
    .main-nav__logo-box {
        padding: 20px 0;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

    .main-nav__main-navigation {
        display: none;
    }
}

/*--------------------------------------------------------------
# Search Popup
--------------------------------------------------------------*/

.search-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

    .search-popup.active {
        -webkit-transform-origin: top center;
        transform-origin: top center;
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

.search-popup__overlay {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0.7;
    cursor: none;
}

.search-popup__inner {
    position: absolute;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.search-popup__form {
    position: relative;
    z-index: 9991;
    width: 100%;
    padding: 15px;
    max-width: 600px;
    position: relative;
}

    .search-popup__form input {
        background-color: transparent;
        border: none;
        outline: none;
        width: 100%;
        height: 60px;
        color: var(--thm-black);
        font-size: 18px;
        background-color: white;
        padding-left: 30px;
    }

        .search-popup__form input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: var(--thm-black);
        }

        .search-popup__form input::-moz-placeholder {
            /* Firefox 19+ */
            color: var(--thm-black);
        }

        .search-popup__form input:-ms-input-placeholder {
            /* IE 10+ */
            color: var(--thm-black);
        }

        .search-popup__form input:-moz-placeholder {
            /* Firefox 18- */
            color: var(--thm-black);
        }

    .search-popup__form button[type="submit"] {
        border: none;
        outline: none;
        width: 60px;
        height: 60px;
        color: #fff;
        background-color: var(--thm-base);
        cursor: pointer;
        position: absolute;
        top: 50%;
        right: 15px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

        .search-popup__form button[type="submit"]:hover {
            background-color: var(--thm-black);
            color: var(--thm-base);
        }

/*--------------------------------------------------------------
# Sidemenu
--------------------------------------------------------------*/

.side-menu__block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}

    .side-menu__block.active {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

.side-menu__block-overlay {
    width: 100%;
    height: 100%;
    background-color: var(--thm-black);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0.7;
}

    .side-menu__block-overlay .cursor-follower {
        background-color: rgba(var(--thm-black-rgb), 0.3);
    }

.side-menu__block-inner {
    position: relative;
    max-width: 532px;
    width: 100%;
    margin-right: auto;
    height: 100vh;
    background-color: #fff;
    z-index: 999999;
    overflow-y: auto;
    padding: 40px 0;
    padding-top: 0;
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    align-content: space-between;
}
.mobile-nav__container {
    width: 100%;
    height: 100vh;
    margin-top: 40px;
    border-left: 3px solid #E50019;
    padding-left: 25px;
    padding-right: 0px;
}
@media only screen and (min-width: 1024px) {
    .logobrand{
        height: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mobile-nav__container {
        max-width: 480px;
    }

}
@media (max-width: 768px) {
    .pxl-item--title{
        font-size: 35px;
        letter-spacing: 1px;
    }
    .content-detail h2{
        font-size: 20px !important;
    }
}

@media (max-width: 575px) {
    .side-menu__block-inner {
        max-width: 480px;
    }
}

@media (max-width: 480px) {
    .side-menu__block-inner {
        max-width: 400px;
    }
}

@media (max-width: 375px) {
    .side-menu__block-inner {
        max-width: 300px;
    }
}

.side-menu__block-inner .mCustomScrollBox {
    width: 100%;
}

.side-menu__top {
    
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding-left: 100px;
    padding-right: 40px;
    position:absolute;
    top:0; right: 0;
}

.mobile-nav__container {
    padding-right: 100px;
    padding-top: 50px;
}

    .mobile-nav__container ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-nav__container li.dropdown ul {
        display: none;
        margin:15px 0 20px;
    }
    .mobile-nav__container li.dropdown ul li{
        position:relative;
        padding-left:20px;
    }
        .mobile-nav__container li.dropdown ul li a{
            text-transform:inherit;
        }
        .mobile-nav__container li.dropdown ul li::before {
            content: '';
            background: url(/images/arrow-right.png) left center no-repeat;
            position: absolute;
            width: 10px;
            height: 10px;
            top: 7px;
            left: 0;
        }
    .mobile-nav__container li.dropdown {
        position: relative;
    }

        .mobile-nav__container li.dropdown .dropdown-btn {
            border: none;
            outline: none;
            background-color: transparent;
            color: #878986;
            font-size: 14px;
            padding-left: 10px;
            padding-right: 10px;
            width: auto;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            -webkit-transition: transfrom 500ms ease;
            transition: transfrom 500ms ease;
            float:right;
        }

            .mobile-nav__container li.dropdown .dropdown-btn.open {
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }

    .mobile-nav__container li + li {
        margin-top: 10px;
    }

    .mobile-nav__container li a {
        text-transform: uppercase;
        font-size: 16px;
        font-weight: 300;
        display: block;
        font-family: var(--thm-font);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        position: relative;
    }
    .mobile-nav__container > li > ul > li > a {
        font-size: 14px;
    }
        .mobile-nav__container li a:hover {
            color: #E50019;
        }

    .mobile-nav__container li.current-menu-item > a,
    .mobile-nav__container li.current > a {
        color: #E50019;
    }

.side-menu__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
}

    .side-menu__social a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        width: 57px;
        height: 57px;
        background-color: #fff;
        color: #9ca3a9;
        font-size: 16px;
        border-radius: 50%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .side-menu__social a + a {
            margin-left: 10px;
        }

        .side-menu__social a:hover {
            background-color: var(--thm-primary);
            color: #ffffff;
        }

.side-menu__content {
    padding-left: 100px;
    padding-right: 100px;
}

    .side-menu__content p {
        margin: 0;
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
        color: #9ca3a9;
        letter-spacing: 0.02em;
    }

        .side-menu__content p + p {
            margin-top: 30px;
        }

        .side-menu__content p a {
            color: var(--thm-primary);
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

            .side-menu__content p a:hover {
                color: #000000;
            }

.side-menu__sep {
    width: calc(100% - 200px);
    margin-left: auto;
    margin-right: auto;
    height: 1px;
    background-color: #fff;
    margin-top: 70px;
    margin-bottom: 70px;
}

.side-menu__text p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #9ca3a9;
    margin: 0;
    margin-bottom: 25px;
}

.side-menu__text a {
    font-size: 20px;
    color: var(--thm-secondary);
    line-height: 30px;
    font-weight: 500;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .side-menu__text a:hover {
        color: var(--thm-primary);
    }

.side-menu__block__copy {
    text-transform: uppercase;
    font-size: 16px;
    color: #9ca3a9;
    font-weight: 400;
    letter-spacing: 0.2em;
}

@media (max-width: 575px) {
    .side-menu__top,
    .side-menu__content,
    .mobile-nav__container {
        padding-left: 50px;
        padding-right: 50px;
    }

    .side-menu__sep {
        margin-top: 40px;
        margin-bottom: 40px;
        width: calc(100% - 100px);
    }
}

@media (max-width: 480px) {
    .side-menu__top,
    .side-menu__content {
        padding-left: 0px;
        padding-right: 0px;
    }
    .mobile-nav__container {
        padding-left: 25px;
        padding-right: 0px;
        border-left: 3px solid #2db7ff;
    }
    .side-menu__sep {
        width: calc(100% - 50px);
    }

    .side-menu__social {
        margin-top: 40px;
    }

        .side-menu__social a {
            width: 45px;
            height: 45px;
        }
}

/***
====================================================================
	Banner Section
====================================================================
***/
.banner-section {
    position: relative;
    z-index: 1;
}

.banner-carousel {
    position: relative;
    z-index: 1;
}

    .banner-carousel .slide-item {
        position: relative;
        display: block;
        background-color: #111111;
        color: #ffffff;
        overflow: hidden;
        height:80vh;
    }

        .banner-carousel .slide-item:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            /*background-color: #000;
            opacity: 0.6;*/
            z-index: 1;
        }

        .banner-carousel .slide-item .image-layer {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            z-index: 0;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

    .banner-carousel .active .slide-item .image-layer {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-transition: all 7000ms linear;
        -moz-transition: all 7000ms linear;
        -ms-transition: all 7000ms linear;
        -o-transition: all 7000ms linear;
        transition: all 7000ms linear;
    }

    .banner-carousel .content-box {
        position: relative;
        z-index: 11;
    }

        .banner-carousel .content-box .content {
            position: relative;
            padding: 200px 0px 160px;
        }

        .banner-carousel .content-box .inner {
            position: relative;
            display: block;
            max-width: 700px;
        }
        .banner-carousel .content-box .inner h2{
            font-size:40px;
            margin-bottom:30px;
            font-weight:600;
            letter-spacing:4px;
            line-height:60px;
        }
        .banner-carousel .content-box .sub-title {
            position: relative;
            display: inline-block;
            font-size: 14px;
            line-height: 26px;
            color: #ffffff;
            font-weight: 200;
            letter-spacing: 0.1em;
            margin-bottom: 0px;
            opacity: 0;
            -webkit-transform: translateY(80px);
            -moz-transform: translateY(80px);
            -ms-transform: translateY(80px);
            -o-transform: translateY(80px);
            transform: translateY(80px);
        }

            .banner-carousel .content-box .sub-title:before {
                position: absolute;
                left: -5px;
                bottom: -21px;
                right: 0;
                height: 23px;
                width: 365px;
                background-repeat: no-repeat;
                content: "";
            }

    .banner-carousel .active .content-box .sub-title {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
        -webkit-transition-delay: 800ms;
        -moz-transition-delay: 800ms;
        -ms-transition-delay: 800ms;
        -o-transition-delay: 800ms;
        transition-delay: 800ms;
    }

    .banner-carousel .content-box h2 {
        position: relative;
        display: block;
        margin: 19px 0 43px;
        font-size: 150px;
        line-height: 149px;
        color: #ffffff;
        font-weight: 700;
        opacity: 0;
        text-transform: uppercase;
        letter-spacing: 0;
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -o-transform: translateY(80px);
        transform: translateY(80px);
    }

    .banner-carousel .active .content-box h2 {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 1000ms ease;
        -webkit-transition-delay: 1300ms;
        -moz-transition-delay: 1300ms;
        -ms-transition-delay: 1300ms;
        -o-transition-delay: 1300ms;
        transition-delay: 1300ms;
    }

    .banner-carousel .content-box .link-box {
        position: relative;
        display: block;
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
    }

    .banner-carousel .active .content-box .link-box {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
        -webkit-transition-delay: 1800ms;
        -moz-transition-delay: 1800ms;
        -ms-transition-delay: 1800ms;
        -o-transition-delay: 1800ms;
        transition-delay: 1800ms;
    }

    .banner-carousel .owl-nav {
        position: absolute;
        bottom: 0;
        width: 350px;
        height: 90px;
        text-align: right;
        right: 0;
        margin: 0;
        display:none;
    }

        .banner-carousel .owl-nav .owl-next,
        .banner-carousel .owl-nav .owl-prev {
            position: relative;
            display: block;
            float: left;
            width: 175px;
            height: 90px;
            background: #ffffff !important;
            padding: 0;
            margin: 0;
            font-size: 12px;
            line-height: 90px;
            text-align: center;
            opacity: 1;
            border-radius: 0%;
            outline: none;
            -webkit-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            -ms-transition: all 500ms ease;
            -o-transition: all 500ms ease;
            transition: all 500ms ease;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
            letter-spacing: 0.2em;
        }

        .banner-carousel .owl-nav .owl-next {
            background: var(--thm-black) !important;
            border-radius: 0 !important;
        }

            .banner-carousel .owl-nav .owl-next span,
            .banner-carousel .owl-nav .owl-prev span {
                vertical-align: middle;
            }

            .banner-carousel .owl-nav .owl-next p,
            .banner-carousel .owl-nav .owl-prev p {
                position: relative;
                display: inline-block;
                color: #ffffff;
                font-size: 12px;
                line-height: 20px;
                font-weight: 600;
                text-transform: uppercase;
                margin: 0;
            }

            .banner-carousel .owl-nav .owl-next p {
                display: inline-block;
                padding-right: 10px;
            }

        .banner-carousel .owl-nav .owl-prev span {
            color: var(--thm-black);
        }

        .banner-carousel .owl-nav .owl-prev p {
            color: var(--thm-black);
            padding-left: 10px;
        }

        .banner-carousel .owl-nav .owl-next:hover,
        .banner-carousel .owl-nav .owl-prev:hover {
            opacity: 1;
        }

.banner-section .owl-dots {
    position: absolute;
    bottom: 50px;
    /*left: 50%;
    text-align: center;
    transform: translateY(50%) translateX(-50%);*/
    width: 100%;
    /*max-width: 1170px;
    margin-left: auto;
    margin-right: auto;*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*flex-direction: column;*/
}

.banner-section .owl-theme .owl-dots .owl-dot {
    position: relative;
    display: block;
    vertical-align: top;
    margin: 0 4px;
    outline: none;
}

    .banner-section .owl-theme .owl-dots .owl-dot span {
        position: relative;
        display: block;
        width: 40px;
        height: 3px;
        background: rgb(45 183 255 / 50%);
    }

    .banner-section .owl-theme .owl-dots .owl-dot.active span {
        background: #2db7ff;
    }

/*--------------------------------------------------------------
# Banner Two
--------------------------------------------------------------*/

.banner-carousel-two {
    position: relative;
    z-index: 1;
}

    .banner-carousel-two .slide-item {
        position: relative;
        display: block;
        background-color: #111111;
        color: #ffffff;
        overflow: hidden;
    }

        .banner-carousel-two .slide-item:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(35, 42, 33, 0.6);
            z-index: 1;
        }

        .banner-carousel-two .slide-item .image-layer {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            z-index: 0;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

    .banner-carousel-two .active .slide-item .image-layer {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-transition: all 7000ms linear;
        -moz-transition: all 7000ms linear;
        -ms-transition: all 7000ms linear;
        -o-transition: all 7000ms linear;
        transition: all 7000ms linear;
    }

    .banner-carousel-two .content-box {
        position: relative;
        z-index: 11;
    }

        .banner-carousel-two .content-box .content {
            position: relative;
            padding: 215px 0px 215px;
        }

        .banner-carousel-two .content-box .inner {
            position: relative;
            display: block;
            max-width: 800px;
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }

        .banner-carousel-two .content-box .sub-title {
            position: relative;
            display: inline-block;
            font-size: 16px;
            line-height: 26px;
            color: #ffffff;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            margin: 0 0 13px;
            padding: 12px 40px;
            background: rgba(255, 255, 255, 0.1);
            opacity: 0;
            -webkit-transform: translateY(80px);
            -moz-transform: translateY(80px);
            -ms-transform: translateY(80px);
            -o-transform: translateY(80px);
            transform: translateY(80px);
        }

    .banner-carousel-two .active .content-box .sub-title {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
        -webkit-transition-delay: 800ms;
        -moz-transition-delay: 800ms;
        -ms-transition-delay: 800ms;
        -o-transition-delay: 800ms;
        transition-delay: 800ms;
    }

    .banner-carousel-two .content-box .big_text {
        position: relative;
        display: block;
        margin-bottom: 40px;
    }

        .banner-carousel-two .content-box .big_text h2 {
            position: relative;
            display: inline-block;
            margin: 0;
            font-size: 150px;
            line-height: 170px;
            color: #ffffff;
            font-weight: 700;
            opacity: 0;
            text-transform: uppercase;
            letter-spacing: 0;
            -webkit-transform: translateY(80px);
            -moz-transform: translateY(80px);
            -ms-transform: translateY(80px);
            -o-transform: translateY(80px);
            transform: translateY(80px);
        }

            .banner-carousel-two .content-box .big_text h2:before {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: #ffffff;
                width: 100%;
                height: 10px;
                content: "";
            }

    .banner-carousel-two .active .content-box .big_text h2 {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 1000ms ease;
        -webkit-transition-delay: 1300ms;
        -moz-transition-delay: 1300ms;
        -ms-transition-delay: 1300ms;
        -o-transition-delay: 1300ms;
        transition-delay: 1300ms;
    }

    .banner-carousel-two .content-box .link-box {
        position: relative;
        display: block;
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
    }

    .banner-carousel-two .active .content-box .link-box {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
        -webkit-transition-delay: 1800ms;
        -moz-transition-delay: 1800ms;
        -ms-transition-delay: 1800ms;
        -o-transition-delay: 1800ms;
        transition-delay: 1800ms;
    }

.banner-section.banner-two .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}

.banner-section.banner-two .owl-theme .owl-prev span,
.banner-section.banner-two .owl-theme .owl-next span {
    display: block;
}

    .banner-section.banner-two .owl-theme .owl-next span.right-arrow {
        position: relative;
        transform: rotate(180deg);
    }

.banner-section.banner-two .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 30px;
    top: 0;
    background: #74736c;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: none;
    text-align: center;
    color: #3a3d32;
    font-size: 22px;
    line-height: 60px;
    font-weight: 700;
    opacity: 1;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .banner-section.banner-two .owl-theme .owl-nav .owl-prev:hover {
        background: #ffffff;
    }

    .banner-section.banner-two .owl-theme .owl-nav .owl-prev:focus {
        outline: none;
    }

.banner-section.banner-two .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 30px;
    top: 0;
    background: #74736c;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: none;
    text-align: center;
    color: #3a3d32;
    font-size: 22px;
    line-height: 60px;
    font-weight: 700;
    opacity: 1;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .banner-section.banner-two .owl-theme .owl-nav .owl-next:hover {
        background: #ffffff;
    }

    .banner-section.banner-two .owl-theme .owl-nav .owl-next:focus {
        outline: none;
    }

/*--------------------------------------------------------------
# Banner Three
--------------------------------------------------------------*/

.banner-carousel-two {
    position: relative;
    z-index: 1;
}

.banner-carousel-three .slide-item {
    position: relative;
    display: block;
    background-color: #111111;
    color: #ffffff;
    overflow: hidden;
}

    .banner-carousel-three .slide-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 1;
    }

    .banner-carousel-three .slide-item .image-layer {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        z-index: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

.banner-carousel-three .active .slide-item .image-layer {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    -webkit-transition: all 7000ms linear;
    -moz-transition: all 7000ms linear;
    -ms-transition: all 7000ms linear;
    -o-transition: all 7000ms linear;
    transition: all 7000ms linear;
}

.banner-carousel-three .content-box {
    position: relative;
    z-index: 11;
}

    .banner-carousel-three .content-box .content {
        position: relative;
        padding: 282px 0px 170px;
    }

    .banner-carousel-three .content-box .inner {
        position: relative;
        display: block;
        max-width: 800px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .banner-carousel-three .content-box .big_text {
        position: relative;
        display: block;
        margin-bottom: 40px;
    }

        .banner-carousel-three .content-box .big_text h2 {
            position: relative;
            display: inline-block;
            margin: 0;
            font-size: 120px;
            line-height: 110px;
            color: #ffffff;
            font-weight: 600;
            opacity: 0;
            text-transform: uppercase;
            letter-spacing: 0;
            -webkit-transform: translateY(80px);
            -moz-transform: translateY(80px);
            -ms-transform: translateY(80px);
            -o-transform: translateY(80px);
            transform: translateY(80px);
            font-family: var(--thm-font);
        }

            .banner-carousel-three .content-box .big_text h2:before {
                position: absolute;
                left: 0;
                bottom: -57px;
                right: 0;
                content: "";
                background: url(../images/main-slider/slider-3-leafs.png);
                height: 24px;
                width: 167px;
                margin: 0 auto;
            }

.banner-carousel-three .active .content-box .big_text h2 {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 1000ms ease;
    -webkit-transition-delay: 1300ms;
    -moz-transition-delay: 1300ms;
    -ms-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.banner-carousel-three .content-box .sub-title {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 500;
    margin: 41px 0 48px;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.banner-carousel-three .active .content-box .sub-title {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}

.banner-carousel-three .content-box .link-box {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.banner-carousel-three .active .content-box .link-box {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.banner-carousel-three .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
}

.banner-section.banner-three .owl-theme .owl-prev span,
.banner-section.banner-three .owl-theme .owl-next span {
    display: block;
}

    .banner-section.banner-three .owl-theme .owl-next span.right-arrow {
        position: relative;
        transform: rotate(180deg);
    }

.banner-section.banner-three .owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: 30px;
    top: 0;
    background: #fff;
    opacity: 0.3;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: none;
    text-align: center;
    color: #404a3d;
    font-size: 22px;
    line-height: 60px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .banner-section.banner-three .owl-theme .owl-nav .owl-prev:hover {
        background: #ffffff;
    }

    .banner-section.banner-three .owl-theme .owl-nav .owl-prev:focus {
        outline: none;
    }

.banner-section.banner-three .owl-theme .owl-nav .owl-next {
    position: absolute;
    right: 30px;
    top: 0;
    background: #ffff;
    opacity: 0.3;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: none;
    text-align: center;
    color: #404a3d;
    font-size: 22px;
    line-height: 60px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    margin-top: -30px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

    .banner-section.banner-three .owl-theme .owl-nav .owl-next:hover {
        background: #ffffff;
    }

    .banner-section.banner-three .owl-theme .owl-nav .owl-next:focus {
        outline: none;
    }

    .banner-section.banner-three .owl-theme .owl-nav .owl-prev:hover,
    .banner-section.banner-three .owl-theme .owl-nav .owl-next:hover {
        opacity: 1;
    }

/*--------------------------------------------------------------
# About One
--------------------------------------------------------------*/
.about_one {
    position: relative;
    display: block;
    padding: 60px 0 90px;
}

.about1_img {
    position: relative;
}

.about1_shape_1 {
    position: absolute;
    left: -215px;
    top: 70px;
    height: 430px;
    width: 430px;
    background: #f5f0e9;
    border-radius: 50%;
    z-index: -1;
}

.about1_img > img {
    border-radius: 5px;
}

.about1_icon-box {
    position: absolute;
    top: 50%;
    left: -60px;
    transform: translateY(-57.5px);
}

    .about1_icon-box .circle {
        height: 115px;
        width: 115px;
        background: var(--thm-base);
        border-radius: 50%;
        position: absolute;
        text-align: center;
    }

        .about1_icon-box .circle:before {
            content: "";
            position: absolute;
            top: -15px;
            left: -15px;
            right: -15px;
            bottom: -15px;
            border-radius: 50%;
            border: 1px dashed #fff;
        }

        .about1_icon-box .circle span {
            color: var(--thm-black);
            font-size: 61px;
            line-height: 115px;
        }

.about-img-2 {
    position: absolute;
}

.about_img_2 {
    position: absolute;
    left: 170px;
    bottom: -112px;
}

    .about_img_2 img {
        width: 100%;
        border-radius: 5px;
    }

.about_one .block-title {
    margin-bottom: 42px;
}

.about_content .text p {
    margin: 0;
}

.about1_icon_wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 39px;
    margin-top: 40px;
}

.about1_icon_single {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .about1_icon_single + .about1_icon_single {
        margin-left: 18px;
    }

    .about1_icon_single .about1_icon {
        height: 60px;
        width: 60px;
        margin-right: 16px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        justify-content: center;
    }

        .about1_icon_single .about1_icon span {
            color: #5f8f55;
            font-size: 61px;
        }

    .about1_icon_single p {
        color: var(--thm-black);
        font-size: 20px;
        font-weight: 600;
        margin: 0;
    }

.bottom_text p {
    margin: 0;
}

.about1__button-block {
    margin-top: 49px;
}

/*--------------------------------------------------------------
# Service One
--------------------------------------------------------------*/
.service_one {
    position: relative;
    display: block;
    padding: 0 0 80px;
}

.service_1_single {
    position: relative;
    display: block;
    overflow: hidden;
}

    .service_1_single .content {
        padding: 44px 50px 62px;
        background: #ffffff;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .service_1_single .content h3 {
            color: var(--thm-black);
            font-size: 30px;
            font-weight: 700;
            padding-bottom: 36px;
            margin: 0;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

        .service_1_single .content p {
            margin: 0;
        }

.service_1_img {
    position: relative;
    display: block;
}

    .service_1_img img {
        width: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
    }

    .service_1_img .hover_box {
        position: absolute;
        top: -25px;
        left: -50px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .service_1_img .hover_box span {
            color: var(--thm-black);
            font-size: 15px;
            line-height: 50px;
            transform: rotate(180deg);
            position: absolute;
            display: inline-block;
            height: 50px;
            width: 50px;
            background: var(--thm-base);
            border-radius: 50%;
            text-align: center;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

            .service_1_img .hover_box span:hover {
                color: var(--thm-base);
                background: var(--thm-primary);
            }

.service_1_single:hover .content h3 {
    color: var(--thm-primary);
}

.service_1_single:hover .service_1_img img {
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.service_1_single:hover .hover_box {
    left: 50px;
}

/*--------------------------------------------------------------
# Brand One
--------------------------------------------------------------*/
.brand-one {
    position: relative;
    display: block;
    padding: 125px 0 125px;
    border-bottom: 1px solid #f5f0e9;
}

.single_brand_item img {
    opacity: 0.3;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .single_brand_item img:hover {
        opacity: 0.6;
    }

/*--------------------------------------------------------------
# Featured One
--------------------------------------------------------------*/
.featured-one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.single_featured_box {
    background: var(--thm-primary);
    display: block;
    padding: 55px 67px 49px;
    border-radius: 5px;
}

    .single_featured_box img {
        position: relative;
        top: -5px;
    }

    .single_featured_box span {
        color: #ffffff;
        font-size: 30px;
        font-weight: 700;
        padding: 0 18px;
        font-family: var(--heading-font);
    }

/*--------------------------------------------------------------
# Video
--------------------------------------------------------------*/

.video-one {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding-top: 135px;
    padding-bottom: 115px;
    background-attachment: fixed;
}

    .video-one::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(57, 67, 54, 0.5);
    }

    .video-one .container {
        position: relative;
    }

    .video-one p {
        color: var(--thm-base);
        font-size: 18px;
        margin: 0px;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
    }

.video-one__btn {
    position: relative;
    width: 94px;
    height: 94px;
    background-color: var(--thm-base);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    color: var(--thm-black);
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    margin-bottom: 63px;
    border-radius: 5px;
}

    .video-one__btn:before {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        right: -15px;
        bottom: -15px;
        border-radius: 5px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .video-one__btn:hover {
        background-color: var(--thm-primary);
        color: var(--thm-base);
    }

.video-one h3 {
    color: #fff;
    margin: 0;
    font-size: 100px;
    margin-top: 14px;
    font-weight: 700;
    line-height: 1;
}

/*--------------------------------------------------------------
# Testimonials One
--------------------------------------------------------------*/
.testimonials-one {
    position: relative;
    display: block;
    background: #f5f0e9;
    padding: 120px 0 0px;
}

    .testimonials-one:before {
        position: absolute;
        content: "";
        height: 210px;
        width: 100%;
        left: 0;
        bottom: 0;
        background: #ffffff;
    }

    .testimonials-one .block-title {
        margin-bottom: 42px;
    }

.testimonials_one_left {
    max-width: 500px;
    float: left;
}

.testimonials_one_text {
    padding-bottom: 47px;
}

    .testimonials_one_text p {
        margin: 0;
    }

.project_counted {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #f5f0e9;
    margin-top: 106px;
    padding-bottom: 50px;
}

    .project_counted .icon_box {
        height: 115px;
        width: 115px;
        background: var(--thm-black);
        border-radius: 50%;
        text-align: center;
        margin-right: 36px;
    }

        .project_counted .icon_box span {
            font-size: 60px;
            color: var(--thm-base);
            line-height: 115px;
        }

.project-content h3 {
    color: var(--thm-black);
    font-size: 70px;
    font-weight: 700;
    margin: 0;
}

.project-content p {
    color: var(--thm-primary);
    font-size: 16px;
    margin: 0;
    line-height: 26px;
}

.testimonials_one_content {
    position: relative;
    display: block;
    background: var(--thm-primary);
    border-radius: 5px;
    padding: 67px 80px 80px;
}

    .testimonials_one_content:before {
        position: absolute;
        content: "";
        height: 20px;
        right: 20px;
        left: 20px;
        bottom: -20px;
        background: #f8f4ef;
        border-radius: 3px;
    }

    .testimonials_one_content:after {
        position: absolute;
        content: "";
        height: 20px;
        right: 40px;
        left: 40px;
        bottom: -40px;
        background: #fbf9f6;
        border-radius: 3px;
    }

.testimonials_one_single_item {
    position: relative;
    display: block;
}

    .testimonials_one_single_item .text {
        position: relative;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 49px;
        margin-bottom: 50px;
    }

        .testimonials_one_single_item .text:before {
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            background-image: url(../images/icon/quote_2.png);
            width: 46px;
            height: 50px;
            opacity: 0.1;
            z-index: -1;
        }

        .testimonials_one_single_item .text p {
            color: #fff;
            font-size: 30px;
            margin: 0;
            line-height: 45px;
            font-weight: 300;
        }

    .testimonials_one_single_item .client_thumbnail {
        display: flex;
        -webkit-box-align: center;
        flex-direction: row;
    }

        .testimonials_one_single_item .client_thumbnail .client_img {
            height: 90px;
            width: 90px;
        }

            .testimonials_one_single_item .client_thumbnail .client_img img {
                width: 100%;
            }

        .testimonials_one_single_item .client_thumbnail .client_title {
            padding-left: 20px;
            padding-top: 20px;
        }

            .testimonials_one_single_item .client_thumbnail .client_title h4 {
                color: #ffffff;
                font-size: 26px;
                font-weight: 700;
                margin: 0;
            }

            .testimonials_one_single_item .client_thumbnail .client_title p {
                color: #ffffff;
                font-size: 12px;
                line-height: 20px;
                font-weight: 600;
                margin: 0;
                text-transform: uppercase;
                letter-spacing: 0.2em;
            }

.testimonials_one_carousel.owl-carousel .owl-stage-outer {
    position: relative;
    display: block;
    padding-top: 0px;
    padding-bottom: 0px;
}

.testimonials_one_carousel.owl-carousel .owl-dots {
    position: absolute;
    bottom: 30px;
    right: 0px;
}

    .testimonials_one_carousel.owl-carousel .owl-dots .owl-dot {
        position: relative;
        display: inline-block;
        width: 15px;
        height: 15px;
        background: #7ca374;
        border: 1px solid #ffffff;
        margin: 0px 5px;
        padding: 0px;
        border-radius: 50%;
        transition: all 100ms linear;
        transition-delay: 0.1s;
    }

        .testimonials_one_carousel.owl-carousel .owl-dots .owl-dot span {
            display: none;
        }

.testimonials_one_carousel.owl-carousel .owl-dot.active {
    border-color: #ffffff;
    background: #ffffff;
}

/*--------------------------------------------------------------
# Recent Project
--------------------------------------------------------------*/
.recent-project {
    position: relative;
    display: block;
    padding: 120px 0 0px;
    z-index: 10;
}

    .recent-project .block-title {
        margin-bottom: 54px;
    }

.recent_project_single {
    position: relative;
    display: block;
    overflow: hidden;
}

.project_img_box {
    position: relative;
    display: block;
}

    .project_img_box img {
        width: 100%;
        border-radius: 5px;
    }

.project_content {
    position: absolute;
    bottom: 40px;
    left: 49px;
}

    .project_content h3 {
        color: #ffffff;
        font-size: 50px;
        font-weight: 700;
        margin: 0;
    }

.recent_project_single:hover .hover_box {
    bottom: 50px;
}

.recent_project_single .hover_box {
    position: absolute;
    bottom: -50px;
    right: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .recent_project_single .hover_box span {
        color: var(--thm-black);
        font-size: 15px;
        line-height: 50px;
        transform: rotate(180deg);
        display: inline-block;
        height: 50px;
        width: 50px;
        background: var(--thm-base);
        border-radius: 50%;
        text-align: center;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .recent_project_single .hover_box span:hover {
            color: var(--thm-base);
            background: var(--thm-primary);
        }

/*--------------------------------------------------------------
# Benefits
--------------------------------------------------------------*/
.benefits {
    position: relative;
    display: block;
    padding: 240px 0 120px;
    background: var(--thm-black);
    margin-top: -120px;
}

.benefits_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 441px;
    opacity: 0.03;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.benefits .block-title {
    margin-bottom: 54px;
}

    .benefits .block-title p {
        color: #c5c9c4;
    }

    .benefits .block-title h3 {
        letter-spacing: -0.03em;
        color: #ffffff;
    }

.benefits_text {
    margin-left: 58px;
}

    .benefits_text p {
        margin: 0;
        color: #c5c9c4;
    }

.benefits .block-title {
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .benefits .block-title {
        margin-bottom: 40px;
    }
}

.benefits_bottom_part {
    margin-top: 60px;
}

.benefits_single {
    position: relative;
    display: block;
    background: var(--thm-black);
    padding: 35px 40px 34px;
    border: 1px solid #5c655a;
    border-radius: 5px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .benefits_single .icon-box span {
        color: var(--thm-base);
        font-size: 60px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .benefits_single h3 {
        color: #ffffff;
        font-size: 26px;
        font-weight: 700;
        margin: 0;
        margin-top: 9px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .benefits_single:hover {
        background: var(--thm-base);
        border-color: var(--thm-base);
    }

        .benefits_single:hover .icon-box span {
            color: var(--thm-black);
        }

        .benefits_single:hover h3 {
            color: var(--thm-black);
        }

.benefits.why_choose_us_benefits {
    padding-top: 120px;
    margin-top: 0;
}
/*--------------------------------------------------------------
# Product One
--------------------------------------------------------------*/
.product-one {
    position: relative;
    display: block;
    padding: 120px 0 0px;
    background: #f5f0e9;
}

.product_img {
    position: relative;
    display: block;
}

    .product_img img {
        width: 100%;
    }

.experience_box {
    position: absolute;
    left: 30px;
    bottom: -60px;
    height: 172px;
    width: 270px;
    background: var(--thm-base);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

    .experience_box h2 {
        color: var(--thm-black);
        font-size: 60px;
        text-transform: uppercase;
        margin: 0;
    }

    .experience_box p {
        letter-spacing: 0.2em;
        color: var(--thm-black);
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0;
        line-height: 26px;
    }

.growing_product {
    background: #ffffff;
    position: relative;
    display: block;
    padding: 120px 120px 0px;
    margin-top: 120px;
    margin-left: -149px;
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .growing_product:before {
        position: absolute;
        bottom: -120px;
        left: 0;
        right: 0;
        height: 120px;
        content: "";
        background: #ffffff;
        z-index: 1;
    }

    .growing_product:after {
        position: absolute;
        bottom: -120px;
        left: 0;
        right: 0;
        height: 120px;
        content: "";
        background: #ffffff;
        z-index: -1;
        -webkit-box-shadow: 0px 5px 11px 2px rgba(0, 0, 0, 0.04);
        box-shadow: 0px 5px 11px 2px rgba(0, 0, 0, 0.04);
    }

    .growing_product .block-title {
        margin-bottom: 33px;
    }

.growing_product_text {
    margin-bottom: 10px;
}

    .growing_product_text p {
        margin: 0;
    }

.progress-levels {
    position: relative;
    display: block;
}

    .progress-levels .progress-box {
        position: relative;
        display: block;
        margin-bottom: 8px;
    }

        .progress-levels .progress-box.last-child {
            margin-bottom: 0;
        }

        .progress-levels .progress-box .inner {
            position: relative;
            display: block;
        }

        .progress-levels .progress-box .bar {
            position: relative;
            display: block;
        }

            .progress-levels .progress-box .bar .bar-innner {
                position: relative;
                width: 100%;
                height: 13px;
                background: #f5f0e9;
                border-radius: 10px;
            }

            .progress-levels .progress-box .bar .bar-fill {
                position: absolute;
                top: 0%;
                left: 0px;
                bottom: 0%;
                width: 0px;
                height: 13px;
                border-radius: 10px;
                background: var(--thm-primary);
                transition: all 2000ms ease 300ms;
            }

            .progress-levels .progress-box .bar .bar-innner .skill-percent {
                position: absolute;
                top: -43px;
                right: 0;
                width: 40px;
                height: 25px;
                display: block;
                text-align: center;
                padding: 0;
                z-index: 1;
            }

        .progress-levels .progress-box .inner .count-text {
            position: relative;
            color: #878986;
            font-size: 18px;
            line-height: 20px;
            font-weight: 600;
            display: inline-block;
            float: none;
        }

        .progress-levels .progress-box .inner .percent {
            position: relative;
            color: #878986;
            font-size: 18px;
            line-height: 20px;
            font-weight: 600;
            display: inline-block;
            float: none;
            margin-left: -2px;
        }

        .progress-levels .progress-box .inner .text {
            position: relative;
            color: var(--thm-black);
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 0.5px;
            text-transform: capitalize;
            padding-bottom: 15px;
        }

/*--------------------------------------------------------------
# Product One
--------------------------------------------------------------*/
.blog-one {
    position: relative;
    display: block;
    /*padding: 232px 0 120px;*/
}

.blog_one_single {
    position: relative;
    display: block;
}

.blog_one_image {
    position: relative;
    display: block;
}

    .blog_one_image .blog_image {
        position: relative;
        overflow: hidden;
    }

        .blog_one_image .blog_image img {
            width: 100%;
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
            -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
            transition: opacity 500ms ease, -webkit-transform 500ms ease;
            transition: transform 500ms ease, opacity 500ms ease;
            transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
        }

.blog_one_single:hover .blog_image img {
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog_one_date_box {
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 113px;
    background: var(--thm-base);
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    right: 0;
    margin: 0 auto;
}

    .blog_one_date_box p {
        margin: 0;
        color: var(--thm-black);
        font-size: 14px;
        font-weight: 600;
        line-height: 42px;
    }

.blog-one__content {
    position: relative;
    text-align: center;
    background: #ffffff;
    padding: 30px 50px 34px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -10px;
    border-radius: 5px;
    transition: all 500ms ease;
}

.blog_one_single:hover .blog-one__content {
    -webkit-box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 4px 12px 2px rgba(0, 0, 0, 0.06);
}

.blog-one__meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}

    .blog-one__meta li a {
        letter-spacing: 0.2em;
        color: var(--thm-primary);
        font-size: 12px;
        text-transform: uppercase;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .blog-one__meta li a:hover {
            color: var(--thm-base);
        }

    .blog-one__meta li i {
        color: #66945d;
        font-size: 15px;
        margin-right: 10px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .blog-one__meta li a:hover i {
        color: var(--thm-base);
    }

    .blog-one__meta li + li {
        margin-left: 25px;
    }

.blog-one__content h3 {
    text-transform: unset;
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin: 0;
    line-height: 38px;
}

.blog-one__content a {
    font-size: 24px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .blog-one__content a:hover {
        color: #66945d;
    }

.blog_one_text {
    margin-top: 8px;
    margin-bottom: 29px;
}

    .blog_one_text p {
        margin: 0;
    }

.read_more_btn a {
    color: var(--thm-black);
    font-size: 16px;
}

.read_more_btn i {
    height: 18px;
    width: 18px;
    background: var(--thm-base);
    border-radius: 50%;
    display: inline-block;
    line-height: 18px;
    font-size: 12px;
    margin-right: 10px;
}

/*--------------------------------------------------------------
# Cta One
--------------------------------------------------------------*/
.cta-one {
    position: relative;
    display: block;
    padding: 108px 0 120px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
}

    .cta-one:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(91, 140, 81, 0.9);
        z-index: -1;
    }

.cta_one_content {
    text-align: center;
}

    .cta_one_content h1 {
        color: #ffffff;
        font-size: 70px;
        line-height: 78px;
        font-weight: 700;
        margin: 0;
        margin-bottom: 22px;
    }

    .cta_one_content p {
        color: #ffffff;
        font-size: 20px;
        margin: 0;
    }

.cta_one__button-block {
    margin-top: 55px;
}

    .cta_one__button-block .cta_one__btn:hover {
        color: #ffffff;
        background: var(--thm-black);
    }
/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer {
    position: relative;
    display: block;
    background: #171A1B;
    /*padding: 50px 0 0px;*/
    
}

.site-footer_farm_image {
    position: absolute;
    bottom: -22%;
    right: -1%;
    opacity: 0.07;
}

.footer-widget__column.margin_left_30 {
    margin-left: 30px;
}

.footer-widget__about {
    padding-right: 70px;
}

.footer-widget__title {
    position: relative;
    display: block;
    margin-bottom: 36px;
}

    .footer-widget__title h3 {
        color: #ffffff;
        font-size: 30px;
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
    }

    .footer-widget__title:before {
        position: absolute;
        bottom: -8px;
        left: 0;
        height: 4px;
        width: 20px;
        background: var(--thm-base);
        content: "";
        border-radius: 5px;
    }

.footer-widget_about_text p {
    color: #c5c9c4;
    font-size: 16px;
    margin: 0;
}

.footer_input-box {
    position: relative;
    display: block;
    margin-top: 29px;
}

    .footer_input-box input {
        height: 70px;
        width: 100%;
        background: #394336;
        border: none;
        padding: 0 30px;
        border-radius: 5px;
    }

        .footer_input-box input[type="Email"] {
            font-size: 16px;
            color: #c5c9c4;
            height: 70px;
            width: 100%;
            background: #394336;
            border: none;
            padding: 0 30px;
            border-radius: 5px;
        }

    .footer_input-box .button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        border-radius: 5px;
        background: #394336;
    }

        .footer_input-box .button i {
            color: var(--thm-base);
        }

    .footer_input-box input[type="email"]:focus {
        outline: none;
    }

    .footer_input-box input[type="email"]::-webkit-input-placeholder {
        color: #c5c9c4;
    }

    .footer_input-box input[type="email"]:-moz-placeholder {
        color: #c5c9c4;
    }

    .footer_input-box input[type="email"]::-moz-placeholder {
        color: #c5c9c4;
    }

    .footer_input-box input[type="email"]:-ms-input-placeholder {
        color: #c5c9c4;
    }

.footer-widget__links-list li a {
    position: relative;
    color: #c5c9c4;
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .footer-widget__links-list li a:hover {
        padding-left: 15px;
        color: var(--thm-primary);
    }

    .footer-widget__links-list li a::before {
        content: "\f101";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 12px;
        color: var(--thm-base);
        opacity: 0;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .footer-widget__links-list li a:hover::before {
        opacity: 1;
    }

.footer-widget__news {
    position: relative;
    display: block;
    margin: 0;
    padding-top: 2px;
    margin-left: 7px;
}

    .footer-widget__news li {
        position: relative;
        display: block;
        padding-left: 70px;
        padding-bottom: 28px;
    }

.footer-widget__news_image {
    position: absolute;
    left: 0;
    top: 10px;
    display: block;
    overflow: hidden;
    height: 50px;
    width: 50px;
    border-radius: 5px;
}

    .footer-widget__news_image img {
        width: 100%;
        opacity: 1;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .footer-widget__news_image img:hover {
            opacity: 0.5;
        }

.footer-widget__news_text p {
    margin: 0;
    line-height: 29px;
}

.footer-widget__news_text a {
    color: #c5c9c4;
    font-size: 16px;
    transition: 500ms;
}

    .footer-widget__news_text a:hover {
        color: #fff;
    }

.footer-widget__news_date_box p {
    font-size: 14px;
    color: var(--thm-base);
    font-weight: 600;
    margin: 0;
}

.footer-widget__contact {
    padding-left: 50px;
}

.footer-widget_contact p {
    color: #c5c9c4;
    font-size: 16px;
    margin: 0;
    margin-bottom: 14px;
}

.footer-widget_contact a {
    color: var(--thm-base);
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .footer-widget_contact a:hover {
        color: var(--thm-primary);
    }

.site-footer__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .site-footer__social a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        width: 35px;
        height: 35px;
        background-color: #2db7ff;
        color: #fff;
        font-size: 14px;
        border-radius: 50%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .site-footer__social a + a {
            margin-left: 10px;
        }

        .site-footer__social a:hover {
            background-color: #878986;
            color: #ffffff;
        }

.site-footer_bottom {
    position: relative;
    display: block;
    padding: 28px 0 29px;
    background: #394336;
}

    .site-footer_bottom .container {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
    }

.site-footer_bottom_copyright p {
    color: #c5c9c4;
    font-size: 16px;
    margin: 0;
}

.site-footer_bottom_copyright a {
    color: #c5c9c4;
    font-size: 16px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .site-footer_bottom_copyright a:hover {
        color: var(--thm-base);
    }

.site-footer_bottom_menu ul {
    margin: 0;
}

    .site-footer_bottom_menu ul li {
        display: inline-block;
        margin-right: 20px;
    }

        .site-footer_bottom_menu ul li:last-child {
            margin-right: 0;
        }

        .site-footer_bottom_menu ul li a {
            color: #c5c9c4;
            font-size: 16px;
            display: inline-block;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

            .site-footer_bottom_menu ul li a:hover {
                color: var(--thm-base);
            }

.site-footer.site-footer_two {
    background: none;
}

.site-footer_farm_image.site-footer_two_img {
    opacity: 1;
}

.site-footer.site-footer_two .footer-widget__title h3 {
    color: var(--thm-black);
}

.site-footer.site-footer_two .footer-widget_about_text p {
    color: #878986;
}

.site-footer.site-footer_two .footer_input-box input[type="Email"] {
    background: #f5f0e9;
}

.site-footer.site-footer_two .footer_input-box .button {
    background: #f5f0e9;
}

    .site-footer.site-footer_two .footer_input-box .button i {
        color: var(--thm-primary);
    }

.site-footer.site-footer_two .footer_input-box input[type="email"]:focus {
    outline: none;
}

.site-footer.site-footer_two
.footer_input-box
input[type="email"]::-webkit-input-placeholder {
    color: #878986;
}

.site-footer.site-footer_two
.footer_input-box
input[type="email"]:-moz-placeholder {
    color: #878986;
}

.site-footer.site-footer_two
.footer_input-box
input[type="email"]::-moz-placeholder {
    color: #878986;
}

.site-footer.site-footer_two
.footer_input-box
input[type="email"]:-ms-input-placeholder {
    color: #878986;
}

.footer-widget__links-list.type2 li a {
    color: #878986;
}

.site-footer.site-footer_two .footer-widget__news_text a {
    color: #878986;
}

.site-footer.site-footer_two .footer-widget__news_date_box p {
    color: var(--thm-primary);
}

.site-footer.site-footer_two .footer-widget_contact p {
    color: #878986;
}

.site-footer.site-footer_two .footer-widget_contact a {
    color: var(--thm-primary);
}

    .site-footer.site-footer_two .footer-widget_contact a:hover {
        color: var(--thm-base);
    }

.site-footer.site-footer_two .site-footer__social a {
    background: var(--thm-black);
    color: #ffffff;
}

    .site-footer.site-footer_two .site-footer__social a:hover {
        color: #ffffff;
        background: var(--thm-primary);
    }

.site-footer_bottom.site-footer-bottom-two {
    background: #f5f0e9;
}

    .site-footer_bottom.site-footer-bottom-two .site-footer_bottom_copyright p {
        color: #878986;
    }

    .site-footer_bottom.site-footer-bottom-two .site-footer_bottom_copyright a {
        color: #878986;
    }

    .site-footer_bottom.site-footer-bottom-two .site-footer_bottom_menu ul li a {
        color: #878986;
    }

        .site-footer_bottom.site-footer-bottom-two
        .site-footer_bottom_menu
        ul
        li
        a:hover {
            color: var(--thm-primary);
        }
/*--------------------------------------------------------------
# Need All
--------------------------------------------------------------*/
.need_all {
    position: relative;
    display: block;
    padding: 108px 0 120px;
    background: var(--thm-base);
}

.left_content h2 {
    font-size: 50px;
    color: var(--thm-black);
    margin: 0;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 53px;
}

.need_image img {
    width: 100%;
    border-radius: 5px;
    max-height: 261px;
}

.need_text {
    margin-bottom: 55px;
}

    .need_text p {
        color: var(--thm-black);
        font-size: 16px;
        margin: 0;
    }

.need_icon_single {
    position: relative;
    display: block;
    background: var(--thm-black);
    padding: 43.5px 22px 34px 40px;
    border-radius: 5px;
}

    .need_icon_single .need_icon {
        margin-bottom: 16px;
    }

        .need_icon_single .need_icon span {
            font-size: 60px;
            color: var(--thm-base);
        }

    .need_icon_single h3 {
        font-size: 20px;
        text-transform: unset;
        color: #ffffff;
        margin: 0;
        margin-bottom: 9px;
        font-weight: 600;
        font-family: var(--thm-font);
    }

    .need_icon_single p {
        color: #c5c9c4;
        margin: 0;
    }
/*--------------------------------------------------------------
# Service Two
--------------------------------------------------------------*/
.service_two {
    position: relative;
    display: block;
    padding: 120px 0 0;
}

    .service_two hr {
        border-color: #f5f0e9;
        border-width: 1px;
        margin: 0;
        margin-top: 113px;
    }

    .service_two .block-title {
        margin-bottom: 55px;
    }

.service_2_top {
    margin: 0;
    text-align: center;
    overflow: hidden;
}

    .service_2_top .service_2_single {
        width: 288px;
        margin: 0 auto;
        float: left;
        border-right: 1px solid #f5f0e9;
    }

        .service_2_top .service_2_single:last-child {
            border-right: none;
        }

    .service_2_top h3 {
        color: var(--thm-black);
        font-size: 30px;
        margin: 0;
        margin-top: 21px;
        font-weight: 700;
    }

        .service_2_top h3 a {
            color: inherit;
            transition: all 500ms ease;
        }

            .service_2_top h3 a:hover {
                color: var(--thm-primary);
            }

.service_2_image {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background-color: var(--thm-black);
    border-radius: 50%;
    width: 214px;
}

    .service_2_image > img {
        transition: 500ms;
        opacity: 1;
        width: 100%;
    }

    .service_2_image:hover > img {
        opacity: 0.5;
    }
/*--------------------------------------------------------------
# Cta Two
--------------------------------------------------------------*/
.cta_two {
    position: relative;
    display: block;
    padding: 120px 0 115px;
}

.cta_two_icon_wrap {
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.cta_two_icon_box {
    padding-right: 28px;
}

    .cta_two_icon_box span {
        font-size: 60px;
        color: var(--thm-primary);
    }

.cta_two_content h2 {
    color: var(--thm-black);
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    line-height: 43px;
}

.cta_two_text {
    margin-left: 43px;
}

    .cta_two_text p {
        margin: 0;
        font-size: 18px;
        line-height: 34px;
    }

.cta_two_btn {
    float: right;
}
/*--------------------------------------------------------------
# Producto Two
--------------------------------------------------------------*/
.product-two {
    position: relative;
    display: block;
    padding: 120px 0 0px;
    background: var(--thm-black);
    z-index: 1;
}

    .product-two:before {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 120px;
        background: #ffffff;
        content: "";
        z-index: -1;
    }

.product_tow_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 441px;
    opacity: 0.03;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.product-two .block-title {
    margin-bottom: 55px;
}

    .product-two .block-title p {
        color: #c5c9c4;
    }

    .product-two .block-title h3 {
        color: #ffffff;
    }

.product_two_thum {
    position: relative;
    display: block;
    overflow: hidden;
}

    .product_two_thum img {
        width: 100%;
        border-radius: 5px;
    }

.product_two_thum_hover {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--thm-base);
    text-align: center;
    padding: 30px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    opacity: 0;
    transition: 500ms;
    transform: translateY(50%);
}

.product_two_thum:hover .product_two_thum_hover {
    opacity: 1;
    transform: translateY(0);
}

.product_two_thum_hover h2 {
    color: var(--thm-black);
    font-size: 50px;
    margin: 0;
    font-weight: 700;
}
/*--------------------------------------------------------------
# Testimonial Two
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# brand Two
--------------------------------------------------------------*/
.brand-one.brand-two {
    background: var(--thm-primary);
    border-bottom: none;
    padding-bottom: 236px;
}
/*--------------------------------------------------------------
# Get Quote
--------------------------------------------------------------*/
.get_quote {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 100px;
}

    .get_quote .container {
        margin-top: -120px;
    }

    .get_quote .inner-container {
        border-radius: 5px;
        box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
    }

.get_quote_one_form_inner {
    background: #ffffff;
    position: relative;
    display: block;
    padding: 93.5px 100px 100px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .get_quote_one_form_inner h3 {
        color: var(--thm-black);
        font-size: 50px;
        font-weight: 700;
        margin: 0;
        margin-bottom: 35px;
    }

    .get_quote_one_form_inner .input_box input[type="text"] {
        height: 80px;
        width: 100%;
        border: none;
        background: #f5f0e9;
        padding: 0 40px;
        margin-bottom: 20px;
        border-radius: 5px;
        outline: none;
    }

    .get_quote_one_form_inner .input_box textarea {
        height: 170px;
        width: 100%;
        background: #f5f0e9;
        padding: 30px 40px 30px;
        border: none;
        border-radius: 5px;
        outline: none;
    }

.get_quote__btn {
    background: var(--thm-primary);
    margin-top: 10px;
    color: #ffffff;
}

    .get_quote__btn:hover {
        background: var(--thm-base);
        color: var(--thm-primary);
    }

.get_quote_right {
    display: flex;
    width: 100%;
    height: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    justify-content: center;
    align-items: center;
}

    .get_quote_right h3 {
        color: var(--thm-black);
        font-size: 44px;
        font-weight: 700;
        margin: 0;
    }
/*--------------------------------------------------------------
# Google_map
--------------------------------------------------------------*/
.google_map {
    position: relative;
    display: block;
    background: #f8f8f8;
}

    .google_map .map-outer {
        position: relative;
        display: block;
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0 auto;
    }

        .google_map .map-outer .map-canvas {
            position: relative;
            width: 100%;
            height: 700px;
        }
/*--------------------------------------------------------------
# Gallery One
--------------------------------------------------------------*/
.gallery_one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    border-bottom: 1px solid #f5f0e9;
}

    .gallery_one .container-fullwidth {
        position: relative;
        display: block;
        padding: 0 120px;
    }

@media (max-width: 1440px) {
    .gallery_one .container-fullwidth {
        padding-left: 60px;
        padding-right: 60px;
    }
}

@media (max-width: 1199px) {
    .gallery_one .container-fullwidth {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media (max-width: 575px) {
    .gallery_one .container-fullwidth {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.gallery_one_single {
    position: relative;
    display: block;
    max-width: 315px;
}

.gallery_one_image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

    .gallery_one_image img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
    }

.gallery_one_single:hover .gallery_one_image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.gallery_one_hover_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0;
    z-index: 1;
}

    .gallery_one_hover_box:before {
        position: absolute;
        top: 340px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(91, 140, 81, 0.9);
        content: "";
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        z-index: -1;
    }

.gallery_one_single:hover .gallery_one_hover_box:before {
    top: 0;
}

.gallery_one_icon {
    position: absolute;
    top: -420px;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.gallery_one_single:hover .gallery_one_icon {
    top: 0px;
}

.gallery_one_icon span {
    height: 80px;
    width: 80px;
    background: var(--thm-base);
    display: inline-block;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    font-size: 22px;
    color: #656a44;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .gallery_one_icon span:hover {
        background: #ffffff;
        color: var(--thm-primary);
    }

/*--------------------------------------------------------------
# Welcome One
--------------------------------------------------------------*/
.welcome_one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    z-index: 1;
}

    .welcome_one:before {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 240px;
        background: #f5f0e9;
        content: "";
        z-index: -1;
    }

.growing_box {
    background: var(--thm-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 60px 60px 52px;
    border-radius: 5px;
    margin-top: -5px;
}

.growing_icon_box {
    margin-right: 20px;
}

    .growing_icon_box span {
        font-size: 60px;
        color: var(--thm-base);
    }

.growing_text p {
    color: #ffffff;
    font-size: 20px;
    margin: 0;
    font-weight: 600;
}

.welcome_text {
    border-bottom: 1px solid #f5f0e9;
    padding-bottom: 49px;
    margin-bottom: 50px;
}

    .welcome_text p {
        margin: 0;
        font-size: 18px;
        line-height: 34px;
        color: #878986;
        position: relative;
        top: -10px;
    }

.welcome_video_box {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    border-radius: 5px;
    padding: 103px 0;
    overflow: hidden;
}

    .welcome_video_box:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(64, 74, 61, 0.5);
    }

.welcome_video_btn {
    position: relative;
    width: 94px;
    height: 94px;
    background-color: var(--thm-base);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    font-size: 24px;
    color: var(--thm-black);
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 5px;
}

    .welcome_video_btn:before {
        content: "";
        position: absolute;
        top: -15px;
        left: -15px;
        right: -15px;
        bottom: -15px;
        border-radius: 5px;
        border: 1px solid rgba(255, 255, 255, 0.2);
    }

    .welcome_video_btn:hover {
        background-color: var(--thm-primary);
        color: var(--thm-base);
    }
/*--------------------------------------------------------------
# Service Three
--------------------------------------------------------------*/
.service_three {
    position: relative;
    display: block;
    z-index: 1;
    border-bottom: 1px solid #f5f0e9;
    padding: 0 0 74px;
}

    .service_three:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 290px;
        background: #f5f0e9;
        content: "";
        z-index: -1;
    }

.service_three_single {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

.service_three_image {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
}

    .service_three_image img {
        width: 100%;
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
    }

.service_three_single:hover .service_three_image img {
    opacity: 0.7;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.service_three_content {
    position: relative;
    display: block;
    text-align: center;
    padding: 35px 20px 35px;
}

    .service_three_content h2 {
        font-size: 30px;
        margin: 0;
        font-weight: 700;
        padding-bottom: 21px;
    }

        .service_three_content h2 a {
            color: var(--thm-black);
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

    .service_three_content a:hover {
        color: var(--thm-primary);
    }

    .service_three_content p {
        margin: 0;
    }

.service_three_read_more {
    padding-top: 22px;
}

    .service_three_read_more a {
        color: var(--thm-black);
        font-size: 16px;
        text-align: center;
    }

    .service_three_read_more i {
        height: 18px;
        width: 18px;
        background: var(--thm-base);
        border-radius: 50%;
        display: inline-block;
        line-height: 18px;
        font-size: 12px;
        margin-right: 10px;
    }
/*--------------------------------------------------------------
# Recent Project Three
--------------------------------------------------------------*/
.recent_project_three {
    position: relative;
    display: block;
    padding: 120px 0 0;
}

.project_three_single {
    position: relative;
    display: block;
    overflow: hidden;
}

.project_three_image {
    position: relative;
    display: block;
}

    .project_three_image img {
        width: 100%;
        border-radius: 5px;
    }

.project_three_content {
    position: absolute;
    bottom: 50px;
    left: 60px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project_three_single:hover .project_three_content {
    bottom: -100%;
}

.project_three_content h2 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
    margin: 0;
}

.project_three_hover_box {
    position: absolute;
    bottom: -100%;
    left: 60px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.project_three_single:hover .project_three_hover_box {
    bottom: 60px;
}

.project_three_hover_box h2 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 12px;
}

.project_three_hover_box p {
    color: #ffffff;
    font-size: 16px;
    margin: 0;
}

.project_three_btn {
    margin-top: 29px;
}

.project_three_btn_hover {
    padding: 13px 40px;
    font-size: 16px;
}
/*--------------------------------------------------------------
# Work One
--------------------------------------------------------------*/
.work_one {
    position: relative;
    display: block;
    padding: 120px 0 89px;
}

.work_one_single {
    position: relative;
    display: block;
    text-align: center;
}

    .work_one_single:before {
        position: absolute;
        content: "\e914";
        top: 85px;
        right: -45px;
        font-family: "icomoon" !important;
        font-size: 60px;
        color: var(--thm-base);
    }

    .work_one_single.last_box:before {
        display: none;
    }

.work_one_icon_box {
    position: relative;
    height: 188px;
    width: 188px;
    border-radius: 50%;
    border: 10px solid #f5f0e9;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

    .work_one_icon_box span {
        color: var(--thm-primary);
        font-size: 60px;
    }

.work_one_count_box {
    position: absolute;
    height: 58px;
    width: 58px;
    background: var(--thm-primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    right: -12px;
    color: #ffffff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .work_one_count_box h5 {
        font-size: 24px;
        font-weight: 700;
        margin: 0;
    }

    .work_one_count_box:hover {
        color: var(--thm-black);
        background: var(--thm-base);
    }

.work_one_content h2 {
    color: var(--thm-black);
    font-size: 30px;
    margin: 0;
    font-weight: 700;
    padding-top: 31px;
    padding-bottom: 29px;
}

.work_one_content p {
    margin: 0;
}
/*--------------------------------------------------------------
# Quote One
--------------------------------------------------------------*/
.quote_one {
    position: relative;
    display: block;
    padding: 105px 0 110px;
    background: var(--thm-primary);
}

.quote_one_bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 421px;
    opacity: 0.05;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.quote_one_content {
    text-align: center;
}

    .quote_one_content h2 {
        font-size: 70px;
        color: #ffffff;
        font-weight: 700;
        margin: 0;
        margin-bottom: 33px;
        text-transform: uppercase;
    }

    .quote_one_content p {
        color: var(--thm-base);
        font-size: 18px;
        margin: 0;
        font-weight: 600;
        text-transform: uppercase;
    }
/*--------------------------------------------------------------
# Why Choose One
--------------------------------------------------------------*/
.why_choose_one {
    position: relative;
    display: block;
    overflow: hidden;
}

    .why_choose_one .block-title {
        margin-bottom: 45px;
    }

.why_choose_one_left_content {
    position: relative;
    display: block;
    padding: 120px 0;
}

    .why_choose_one_left_content:before {
        position: absolute;
        content: "";
        top: 0px;
        left: -50000px;
        right: -30px;
        bottom: 0px;
        background: #f5f0e9;
        z-index: -1;
    }

.why_choose_list {
    margin: 0;
}

    .why_choose_list li {
        position: relative;
        display: block;
        padding-left: 68px;
        padding-bottom: 24px;
    }

        .why_choose_list li:last-child {
            padding-bottom: 0;
        }

        .why_choose_list li .choose_count {
            position: absolute;
            top: 10px;
            left: 0;
            height: 48px;
            width: 48px;
            background: var(--thm-primary);
            border-radius: 50%;
            text-align: center;
        }

            .why_choose_list li .choose_count h2 {
                font-size: 24px;
                color: #ffffff;
                font-weight: 700;
                margin: 0;
                line-height: 48px;
            }

        .why_choose_list li .choose_text p {
            margin: 0;
            color: #878986;
            font-size: 18px;
        }

.why_choose_btn {
    margin-top: 55px;
}

.why_choose_image_top {
    position: relative;
    padding-top: 120px;
    width: 100%;
    height: 100%;
}

.why_choose_image {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

    .why_choose_image:before {
        height: 530px;
        width: 530px;
        content: "";
        background: #f5f0e9;
        top: 50%;
        right: -265px;
        position: absolute;
        border-radius: 50%;
        transform: translateY(-50%);
        z-index: -1;
    }

    .why_choose_image:after {
        position: absolute;
        height: 220px;
        width: 220px;
        content: "";
        background: #ffffff;
        border-radius: 50%;
        top: 50%;
        right: -110px;
        transform: translateY(-50%);
        z-index: -1;
    }

    .why_choose_image img {
        width: 100%;
    }
/*--------------------------------------------------------------
# Team One
--------------------------------------------------------------*/
.team_one {
    position: relative;
    display: block;
    padding: 120px 0 90px;
}

    .team_one .block-title {
        margin-bottom: 55px;
    }

.team_one_single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 30px;
}

.team_one_image img {
    width: 100%;
    border-radius: 5px;
}

.team_one_deatils {
    background: #ffffff;
    padding: 24px 40px 30px;
    margin-top: -20px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    display: block;
    border-radius: 5px;
    transition: all 500ms ease;
}

.team_one_single:hover .team_one_deatils {
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03);
}

.team_one_deatils p {
    color: #878986;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    line-height: 20px;
    letter-spacing: 0.2em;
}

.team_one_deatils h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
}

.team_one_deatils a {
    color: #232323;
}

.team_one_social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    margin-top: 13px;
}

    .team_one_social a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        width: 45px;
        height: 45px;
        background-color: #f5f0e9;
        color: #878986;
        font-size: 16px;
        border-radius: 50%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .team_one_social a + a {
            margin-left: 10px;
        }

        .team_one_social a:hover {
            background-color: var(--thm-primary);
            color: #ffffff;
        }

.team_one.about_team_one {
    padding-top: 232px;
}
/*--------------------------------------------------------------
# Brand Three
--------------------------------------------------------------*/
.brand-one.brand-three {
    border-top: 1px solid #f5f0e9;
    border-bottom: none;
}
/*--------------------------------------------------------------
# What Makes
--------------------------------------------------------------*/
.what_makes {
    position: relative;
    display: block;
    padding: 110px 0 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

    .what_makes:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        background: rgba(64, 74, 61, 0.5);
    }

.what_makes_content {
    position: relative;
    display: block;
    text-align: center;
}

    .what_makes_content p {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        margin: 0;
    }

    .what_makes_content h2 {
        font-size: 100px;
        color: #ffffff;
        font-weight: 700;
        margin: 0;
        line-height: 108px;
        margin-top: 5px;
    }

.what_makes_btn {
    margin-top: 45px;
}
/*--------------------------------------------------------------
# Blog Two
--------------------------------------------------------------*/
.blog_two {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

    .blog_two .block-title {
        float: left;
        margin-bottom: 55px;
    }

.all_posts_btn {
    float: right;
    margin-top: 37px;
}

    .all_posts_btn .thm-btn {
        font-size: 16px;
        padding: 13px 40px;
    }

.blog_two_single {
    position: relative;
    display: block;
}

.blog_two_image {
    position: relative;
    display: block;
}

    .blog_two_image img {
        width: 100%;
        border-radius: 5px;
    }

.blog_two_date_box {
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 113px;
    background: var(--thm-base);
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    right: 0;
    margin: 0 auto;
}

    .blog_two_date_box p {
        margin: 0;
        color: var(--thm-black);
        font-size: 14px;
        font-weight: 600;
        line-height: 42px;
    }

.blog-two_meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 30px;
}

    .blog-two_meta li + li {
        margin-left: 25px;
    }

    .blog-two_meta li a {
        letter-spacing: 0.2em;
        color: var(--thm-primary);
        font-size: 12px;
        text-transform: uppercase;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .blog-two_meta li i {
        color: #66945d;
        font-size: 15px;
        margin-right: 10px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

.blog-two_content h3 {
    text-transform: unset;
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin: 0;
    line-height: 38px;
    margin-bottom: 18px;
}

.blog-two_content .blog_two_title {
    font-size: 24px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog_two_text p {
    margin: 0;
}

.blog_two_read_more_btn {
    margin-top: 29px;
}

    .blog_two_read_more_btn a {
        color: var(--thm-black);
        font-size: 16px;
    }

    .blog_two_read_more_btn i {
        height: 18px;
        width: 18px;
        background: var(--thm-base);
        border-radius: 50%;
        display: inline-block;
        line-height: 18px;
        font-size: 12px;
        margin-right: 10px;
        text-align: center;
    }

.blog_two_right {
    position: relative;
    display: block;
    background: #f5f0e9;
    padding: 50px 60px 50px;
}

.blog_three_single {
    border-bottom: 1px solid #fefefe;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

    .blog_three_single.blgo_three_last {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

.blog-three_meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .blog-three_meta li + li {
        margin-left: 25px;
    }

    .blog-three_meta li a {
        letter-spacing: 0.2em;
        color: var(--thm-primary);
        font-size: 12px;
        text-transform: uppercase;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .blog-three_meta li i {
        color: #66945d;
        font-size: 15px;
        margin-right: 10px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

.blog_three_single h3 {
    text-transform: unset;
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin: 0;
    line-height: 38px;
}

    .blog_three_single h3 a {
        color: var(--thm-black);
    }

.blog_three_title {
    font-size: 24px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
/*--------------------------------------------------------------
# Cta Three
--------------------------------------------------------------*/
.cta_three {
    position: relative;
    display: block;
    padding: 0 0 120px;
}

.cta_three_content {
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    background: var(--thm-base);
    padding: 60px 60px;
}

.cta_three_text h2 {
    font-size: 50px;
    color: var(--thm-black);
    font-weight: 700;
    margin: 0;
}

.cta_three_btn .thm-btn {
    background: var(--thm-black);
    color: #ffffff;
}

    .cta_three_btn .thm-btn:hover {
        background-color: #fff;
        color: var(--thm-black);
    }
/*--------------------------------------------------------------
# Details One
--------------------------------------------------------------*/

.details_one_single {
    position: relative;
    background: var(--thm-primary);
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    padding: 47px 40px 40px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index: 1;
}

    .details_one_single:before {
        position: absolute;
        content: "";
        top: -5px;
        left: 0;
        right: 0;
        background: var(--thm-base);
        height: 5px;
        transition: 500ms;
    }

    .details_one_single:hover:before {
        height: calc(100% + 5px);
    }

.details_one_icon {
    margin-right: 20px;
    position: relative;
}

    .details_one_icon span {
        color: var(--thm-base);
        font-size: 60px;
        transition: 500ms;
    }

.details_one_single:hover .details_one_icon span {
    color: var(--thm-black);
}

.details_one_content h2 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    position: relative;
    transition: 500ms;
}

.details_one_single:hover .details_one_content h2 {
    color: var(--thm-black);
}

.details_one_count_box {
    position: absolute;
    bottom: -50px;
    right: 0;
    opacity: 0.1;
}

    .details_one_count_box h3 {
        font-size: 100px;
        font-weight: 700;
        color: #ffffff;
        margin: 0;
    }
/*--------------------------------------------------------------
# Welcome Two
--------------------------------------------------------------*/
.welcome_two {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.welcome_two_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 440px;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}

.welcome_two .block-title {
    margin-bottom: 33px;
}

.welcome_two_text {
    margin-bottom: 48px;
}

    .welcome_two_text p {
        margin: 0;
    }

.welcome_two_image_left {
    margin-left: 100px;
}

    .welcome_two_image_left img {
        width: 100%;
        border-radius: 5px;
    }

.welcome_two_image_right {
    margin-right: 100px;
}

    .welcome_two_image_right img {
        width: 100%;
        border-radius: 5px;
    }
/*--------------------------------------------------------------
# Eco Friendly
--------------------------------------------------------------*/
.eco_friendly {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    display: block;
    padding: 135px 0 232px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .eco_friendly:before {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        background: rgba(57, 67, 54, 0.5);
    }

.eco_friendly_content {
    position: relative;
    display: block;
    text-align: center;
}

.eco_friendly_icon_box {
    position: relative;
    height: 115px;
    width: 115px;
    background: var(--thm-base);
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 500ms;
}

    .eco_friendly_icon_box:hover {
        background-color: var(--thm-black);
        color: #fff;
    }

        .eco_friendly_icon_box:hover span {
            color: #fff;
        }

    .eco_friendly_icon_box:before {
        position: absolute;
        content: "";
        top: -15px;
        left: -15px;
        right: -15px;
        bottom: -15px;
        border: 2px dashed #ece9e3;
        border-radius: 50%;
    }

    .eco_friendly_icon_box span {
        color: var(--thm-black);
        font-size: 60px;
        transition: 500ms;
    }

.eco_friendly_title {
    margin-top: 57px;
}

    .eco_friendly_title h2 {
        color: #ffffff;
        font-size: 80px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0;
        line-height: 77px;
    }
/*--------------------------------------------------------------
# Service Four
--------------------------------------------------------------*/
.service_four {
    position: relative;
    display: block;
    padding: 0px 0 143px;
    border-bottom: 1px solid #f5f0e9;
}

    .service_four.service_page {
        padding: 120px 0 144px;
    }

        .service_four.service_page .service_four_top:before {
            display: none;
        }

.service_four_top {
    position: relative;
    display: block;
}

    .service_four_top:before {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        position: absolute;
        content: "";
        top: -114px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% + 100px);
        height: 120px;
        background: #ffffff;
    }

.service_four .block-title {
    margin-bottom: 55px;
}

.service_four_single {
    border-radius: 5px;
    position: relative;
    display: block;
    text-align: center;
    border: 1px solid #f5f0e9;
    padding: 60px 60px 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .service_four_single:hover {
        box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
    }

.service_four_icon {
    height: 135px;
    width: 135px;
    background: #f5f0e9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service_four_single:hover .service_four_icon {
    background: var(--thm-primary);
}

.service_four_icon span {
    color: var(--thm-primary);
    font-size: 60px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.service_four_single:hover .service_four_icon span {
    color: var(--thm-base);
}

.service_four_deatils h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    padding-top: 31px;
    padding-bottom: 13px;
}

.service_four_deatils .service_four_title {
    color: var(--thm-black);
}

.service_four_deatils p {
    margin: 0;
    margin-bottom: 49px;
}

.service_four_read_more {
    height: 50px;
    width: 50px;
    background: var(--thm-base);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    margin-bottom: -25px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .service_four_read_more:hover {
        background: var(--thm-primary);
    }

        .service_four_read_more:hover a {
            color: var(--thm-base);
        }

    .service_four_read_more a {
        color: var(--thm-black);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .service_four_read_more span {
        position: relative;
        transform: rotate(180deg);
        display: block;
    }
/*--------------------------------------------------------------
# Faq One
--------------------------------------------------------------*/
.faq_one {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.faq_one_left {
    position: relative;
    display: block;
    margin-right: 30px;
}

.faq_one .block-title {
    margin-bottom: 55px;
}

.faq_one_image {
    position: relative;
    display: block;
    width: 100%;
    height: 242px;
    background-repeat: no-repeat;
    background-size: cover;
}

.phone_number {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: var(--thm-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .phone_number p {
        color: #ffffff;
        margin: 0;
        display: flex;
    }

    .phone_number a {
        color: var(--thm-base);
        font-size: 26px;
        font-weight: 700;
        margin-left: 10px;
        font-family: var(--heading-font);
    }

.faq-one-accrodion .accrodion {
    position: relative;
    display: block;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion-title {
    position: relative;
    display: block;
    cursor: pointer;
    background: #f5f0e9;
    padding: 25px 30px 25px;
    padding-right: 20px;
    border-radius: 5px;
}

    .faq-one-accrodion .accrodion-title h4 {
        text-transform: unset;
        margin: 0;
        font-size: 18px;
        font-weight: 600;
        line-height: 30px;
        color: var(--thm-black);
        position: relative;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        font-family: var(--thm-font);
    }

.faq-one-accrodion .accrodion + .accrodion {
    margin-top: 10px;
}

.faq-one-accrodion .accrodion.active .accrodion-title {
    background: var(--thm-primary);
}

    .faq-one-accrodion .accrodion.active .accrodion-title h4 {
        color: #ffffff;
    }

.faq-one-accrodion .accrodion-title h4::before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    right: 0;
    height: 45px;
    width: 45px;
    background: var(--thm-primary);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.faq-one-accrodion .accrodion.active .accrodion-title h4::before {
    content: "\f068";
    color: var(--thm-black);
    height: 45px;
    width: 45px;
    background: var(--thm-base);
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.faq-one-accrodion .accrodion-content {
    position: relative;
    padding: 36px 30px 26px;
    padding-right: 0;
}

    .faq-one-accrodion .accrodion-content p {
        margin: 0;
        font-size: 16px;
        color: #878986;
    }

/*--------------------------------------------------------------
# Testimonials Three
--------------------------------------------------------------*/

.testimonials-three {
    background-color: #f5f0e9;
    padding-top: 120px;
    padding-bottom: 75px;
}

    .testimonials-three .block-title {
        margin-bottom: 55px;
    }

.testimonials-three__carousel .owl-stage-outer {
    overflow: visible;
}

.testimonials-three__carousel .owl-item {
    visibility: hidden;
    opacity: 0;
    transition: 500ms;
}

    .testimonials-three__carousel .owl-item.active {
        opacity: 1;
        visibility: visible;
    }

.testimonials-three__single {
    margin-bottom: 40px;
    text-align: center;
}

.testimonials-three__content {
    border-radius: 5px;
    background-color: #fff;
    position: relative;
    padding-left: 65px;
    padding-right: 65px;
    padding-bottom: 50px;
    padding-top: 60px;
    margin-bottom: 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.testimonials-three__single:hover .testimonials-three__content {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.05);
}

.testimonials-three__content::after {
    content: "";
    width: 72px;
    height: 20px;
    background-image: url(../images/shapes/testi-arrow-3-1.png);
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonials-three_icon {
    height: 43px;
    width: 43px;
    background: var(--thm-primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 20px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .testimonials-three_icon:hover {
        background: var(--thm-base);
    }

.testimonials-three__content p {
    position: relative;
    margin: 0;
    font-size: 18px;
    color: #878986;
}

.testimonials-three__info img {
    border-radius: 50%;
}

.testimonials-three__info h3 {
    color: var(--thm-black);
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    margin-top: 14px;
    text-transform: uppercase;
}

.testimonials-three__info p {
    color: #878986;
    font-size: 14px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 20px;
}

.testimonials-three__carousel .owl-item img {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.testimonials-three__carousel .owl-nav button.owl-next,
.testimonials-three__carousel .owl-nav button.owl-prev {
    display: none;
}

/*--------------------------------------------------------------
# Brand Four
--------------------------------------------------------------*/
.brand-one.brand-four {
    background: var(--thm-base);
    border-bottom: none;
}
/*--------------------------------------------------------------
# Achieved One
--------------------------------------------------------------*/
.achieved_one {
    position: relative;
    display: block;
    padding: 120px 0 0;
    margin-bottom: -120px;
    z-index: 1;
}

.achieved_one_left_img img {
    width: 100%;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.achieved_one_right-content {
    position: relative;
    display: block;
    text-align: center;
    background: #ffffff;
    padding-left: 90px;
    padding-right: 120px;
    margin-left: -30px;
}

    .achieved_one_right-content:before {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        position: absolute;
        bottom: -112px;
        left: 0;
        right: 0;
        height: 120px;
        content: "";
        background: #ffffff;
        z-index: -1;
    }

.achieved_one_right_img img {
    width: 100%;
}

.achieved_one_right-content .block-title {
    margin-top: 40px;
    margin-bottom: 20px;
}

.achieved_one_text p {
    margin: 0;
}

.achieved_one_btn {
    margin-top: 42px;
}

    .achieved_one_btn .thm-btn {
        padding: 13px 40px;
        font-size: 16px;
        color: var(--thm-black);
    }

        .achieved_one_btn .thm-btn:hover {
            background-color: var(--thm-primary);
            color: #fff;
        }
/*--------------------------------------------------------------
# Funfact One
--------------------------------------------------------------*/
.funfact_one {
    position: relative;
    display: block;
    padding: 240px 0 120px;
    background: var(--thm-primary);
}

.counter_one_box {
    margin: 0;
}

.funfact_one_single {
    position: relative;
    text-align: center;
    display: inline-block;
    max-width: 285px;
    width: 100%;
}

    .funfact_one_single:before {
        position: absolute;
        top: -120px;
        right: 0;
        bottom: 0;
        width: 1px;
        background: #6c9863;
        content: "";
    }

    .funfact_one_single:last-child:before {
        display: none;
    }

    .funfact_one_single .funfact_one_icon {
        height: 135px;
        width: 135px;
        background: #ffffff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        transition: 500ms;
    }

    .funfact_one_single:hover .funfact_one_icon {
        background-color: var(--thm-black);
    }

    .funfact_one_single .funfact_one_icon i {
        font-size: 65px;
        color: var(--thm-primary);
        transition: 500ms;
    }

    .funfact_one_single:hover .funfact_one_icon i {
        color: #fff;
    }

    .funfact_one_single h3 {
        color: #ffffff;
        font-size: 70px;
        font-weight: 700;
        margin: 0;
        margin-top: 17px;
    }

    .funfact_one_single p {
        font-size: 16px;
        color: var(--thm-base);
        font-weight: 600;
        text-transform: uppercase;
        margin: 0;
        letter-spacing: 2px;
    }
/*--------------------------------------------------------------
# Blog Four
--------------------------------------------------------------*/
.blog_four {
    position: relative;
    display: block;
    padding: 120px 0 114px;
}

    .blog_four .block-title {
        margin-bottom: 55px;
    }

.blog-four_btn .thm-btn {
    font-size: 16px;
    color: var(--thm-black);
    font-weight: 600;
    padding: 13px 40px;
}

    .blog-four_btn .thm-btn:hover {
        color: #fff;
    }

.blog_four_single {
    position: relative;
    display: block;
}

.blog_four_image {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    display: block;
    background-color: var(--thm-black);
}

.blog_four_single:hover .blog_four_image img {
    transform: scale(1.05);
    opacity: 0.6;
}

.blog_four_image img {
    width: 100%;
    transition: 500ms;
}

.blog_four_date_box {
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 113px;
    background: var(--thm-base);
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    right: 0;
    margin: 0 auto;
}

    .blog_four_date_box p {
        margin: 0;
        color: var(--thm-black);
        font-size: 14px;
        font-weight: 600;
        line-height: 42px;
    }

.blog-four_meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 30px;
}

    .blog-four_meta li + li {
        margin-left: 25px;
    }

    .blog-four_meta li a {
        letter-spacing: 0.2em;
        color: var(--thm-primary);
        font-size: 12px;
        text-transform: uppercase;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .blog-four_meta li i {
        color: #66945d;
        font-size: 15px;
        margin-right: 10px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

.blog-four_content h3 {
    text-transform: unset;
    color: var(--thm-black);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--thm-font);
    margin: 0;
    line-height: 38px;
    margin-bottom: 18px;
}

.blog-four_content .blog_four_title {
    font-size: 24px;
    color: var(--thm-black);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.blog_four_read_more_btn {
    margin-top: 29px;
}

    .blog_four_read_more_btn a {
        color: var(--thm-black);
        font-size: 16px;
    }

    .blog_four_read_more_btn i {
        height: 18px;
        width: 18px;
        background: var(--thm-base);
        border-radius: 50%;
        display: inline-block;
        line-height: 18px;
        font-size: 12px;
        margin-right: 10px;
        text-align: center;
    }

.blog_five {
    padding-top: 120px;
}
/*--------------------------------------------------------------
# Service Five
--------------------------------------------------------------*/
.service_two.service_five {
    border-bottom: none;
    padding-bottom: 120px;
}
/*--------------------------------------------------------------
# Trusted One
--------------------------------------------------------------*/
.trusted_one {
    position: relative;
    display: block;
    padding: 120px 0 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .trusted_one:before {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        content: "";
        background: rgba(57, 67, 54, 0.5);
    }

.trusted_one_text {
    margin-top: -25px;
}

    .trusted_one_text h2 {
        font-size: 80px;
        color: #ffffff;
        margin: 0;
        font-weight: 700;
    }

    .trusted_one_text span {
        color: var(--thm-base);
    }

.trusted_one_counter_box {
    position: relative;
    margin: 0;
    background: var(--thm-base);
    border-radius: 5px;
    margin-bottom: -105px;
    z-index: 10;
}

.trusted_one_couter_single {
    max-width: 279px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 80px 0 70px;
    border-right: 1px solid rgba(64, 74, 61, 0.1);
    margin: 0;
}

    .trusted_one_couter_single:last-child {
        border-right: 0;
    }

.trusted_one_couter_icon {
    height: 135px;
    width: 135px;
    background: var(--thm-black);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

    .trusted_one_couter_icon i {
        font-size: 65px;
        color: #ffffff;
    }

.trusted_one_couter_single h3 {
    font-size: 70px;
    color: var(--thm-black);
    margin: 0;
    font-weight: 700;
    margin-top: 17px;
}

.trusted_one_couter_single p {
    color: var(--thm-black);
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin: 0;
}
/*--------------------------------------------------------------
# Two Boxes
--------------------------------------------------------------*/
.two_boxes {
    position: relative;
    display: block;
}

    .two_boxes .col-xl-6 {
        padding: 0;
    }

.left_box {
    background: var(--thm-base);
}

    .left_box:before {
        position: absolute;
        bottom: 107px;
        right: -40px;
        content: "\e906";
        font-family: "icomoon";
        font-size: 297px;
        color: var(--thm-black);
        opacity: 0.05;
    }

.left_box,
.right_box {
    position: relative;
    display: block;
    text-align: center;
    padding: 106px 0 120px;
}

    .left_box h2 {
        font-size: 60px;
        color: var(--thm-black);
        font-weight: 700;
        margin: 0;
    }

.left_box_btn {
    margin-top: 37px;
}

    .left_box_btn .thm-btn {
        background: var(--thm-black);
        color: #ffffff;
    }

        .left_box_btn .thm-btn:hover {
            background: var(--thm-primary);
            color: var(--thm-base);
        }

.right_box {
    background: var(--thm-primary);
}

    .right_box:before {
        position: absolute;
        bottom: 112px;
        right: 8px;
        content: "\e90e";
        font-family: "icomoon";
        font-size: 297px;
        color: #ffffff;
        opacity: 0.1;
    }

    .right_box h2 {
        font-size: 60px;
        color: #ffffff;
        font-weight: 700;
        margin: 0;
    }

.right_box_btn {
    margin-top: 37px;
}

    .right_box_btn .thm-btn:hover {
        background: var(--thm-black);
    }
/*--------------------------------------------------------------
# Healthy Food
--------------------------------------------------------------*/
.healthy_food {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    background: #f5f0e9;
    z-index: 1;
}

.healthy_food_bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: cover;
}

.healthy_food .block-title {
    margin-bottom: 40px;
}

.healthy_food_text {
    max-width: 463px;
    margin-bottom: 49px;
}

    .healthy_food_text p {
        margin: 0;
    }

.healthy_food_box {
    margin: 0;
}

.healthy_food_single {
    position: relative;
    text-align: center;
    background: #ffffff;
    padding: 35px 0 29px;
    border-radius: 5px;
    display: inline-block;
    width: 170px;
    margin-right: 7px;
    transition: 500ms;
}

    .healthy_food_single:hover {
        box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    }

    .healthy_food_single:last-child {
        margin-right: 0;
    }

    .healthy_food_single span {
        font-size: 62px;
        color: var(--thm-primary);
    }

    .healthy_food_single h3 {
        font-size: 26px;
        color: var(--thm-black);
        margin: 0;
        font-weight: 700;
        margin-top: 4px;
    }

/*--------------------------------------------------------------
# Contact One
--------------------------------------------------------------*/
.contact_one {
    position: relative;
    display: block;
    padding: 0px 0 0px;
    background: #ffffff;
}

.contact_one_form_box {
    position: relative;
    display: block;
    padding: 120px 0;
    z-index: 1;
}

    .contact_one_form_box:before {
        border-top-right-radius: 5px;
        position: absolute;
        top: 0;
        left: -50000px;
        bottom: 0;
        right: -40px;
        background: var(--thm-primary);
        content: "";
        z-index: -1;
    }

    .contact_one_form_box .block-title {
        margin-bottom: 55px;
    }

        .contact_one_form_box .block-title p {
            color: #ffffff;
        }

        .contact_one_form_box .block-title h3 {
            color: #ffffff;
        }

.contact_one_form {
    position: relative;
    display: block;
    margin-right: 200px;
}

    .contact_one_form .input_box input[type="text"] {
        height: 80px;
        width: 100%;
        border: none;
        background: #ffffff;
        padding: 0 40px;
        margin-bottom: 20px;
        border-radius: 5px;
        outline: none;
    }

    .contact_one_form .input_box textarea {
        display: block;
        height: 170px;
        width: 100%;
        background: #ffffff;
        padding: 30px 40px 30px;
        border: none;
        border-radius: 5px;
        outline: none;
    }

.contact_one_btn {
    background: var(--thm-base);
    margin-top: 20px;
    color: var(--thm-black);
}

    .contact_one_btn:hover {
        background: var(--thm-black);
        color: #ffffff;
    }

.google_map_home5 {
    position: relative;
    display: block;
    margin-top: 120px;
    z-index: 10;
}

.google-map__home5 {
    border-radius: 5px;
    margin-left: -100px;
    width: 480px;
    border: none;
    outline: none;
    display: block;
    height: 650px;
    z-index: 10;
}

/*--------------------------------------------------------------
#  Page Header
--------------------------------------------------------------*/
.page-header {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    overflow: hidden;
    padding: 180px 0 0px;
    background-size: cover;
}

    .page-header::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: var(--thm-black);
        opacity: 0.3;
    }

    .page-header .container {
        position: relative;
        text-align: center;
    }

    .page-header h2 {
        color: #ffffff;
        font-size: 70px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
        padding-bottom: 56px;
    }

.thm-breadcrumb {
    display: -webkit-box;
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    position:inherit;
    z-index:5;
}

    .thm-breadcrumb li a.shop_style {
        color: #ffffff;
        background: var(--thm-primary);
        border-top-left-radius: 0;
    }

    .thm-breadcrumb li a,
    .thm-breadcrumb li span {
        font-size: 12px;
        display: inline-block;
        padding: 0 0 30px;
    }

/*--------------------------------------------------------------
#  Service Detail
--------------------------------------------------------------*/
.service_detail {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.service_all_list {
    overflow: hidden;
    border-radius: 5px;
    margin: 0;
    margin-bottom: 30px;
}

    .service_all_list li a {
        position: relative;
        display: block;
        font-size: 18px;
        color: var(--thm-black);
        padding-left: 50px;
        line-height: 79px;
        background: #f5f0e9;
        text-transform: capitalize;
        border-bottom: 1px solid #ffffff;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .service_all_list li.active a {
        color: var(--thm-primary);
        background: #ffffff;
    }

    .service_all_list li a:hover {
        color: var(--thm-primary);
        background: #ffffff;
    }

.need_help_box {
    border-radius: 5px;
    position: relative;
    display: block;
    padding: 44px 50px;
    background: var(--thm-primary);
}

    .need_help_box h2 {
        font-size: 36px;
        color: #ffffff;
        font-weight: 700;
        margin: 0;
        padding-bottom: 35px;
    }

    .need_help_box p {
        font-size: 16px;
        color: #ffffff;
        margin: 0;
    }

    .need_help_box h3 {
        color: var(--thm-base);
        font-size: 40px;
        font-weight: 700;
        margin: 0;
        padding-top: 33px;
    }

    .need_help_box span {
        margin-right: 20px;
    }

.download_file_box {
    border-radius: 5px;
    background: var(--thm-base);
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding: 30px 40px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .download_file_box a {
        color: var(--thm-black);
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        display: flex;
        align-items: center;
    }

    .download_file_box:hover {
        background: var(--thm-primary);
        color: #ffffff;
    }

        .download_file_box:hover a {
            color: #ffffff;
        }

        .download_file_box:hover i {
            color: #ffffff;
        }

    .download_file_box i {
        color: var(--thm-black);
        font-size: 40px;
        margin-right: 20px;
    }

.service_details_One_img {
    margin-bottom: 45px;
}

    .service_details_One_img img {
        width: 100%;
        border-radius: 5px;
    }

.harvest_innovations {
    margin-bottom: 49px;
}

    .harvest_innovations h2 {
        font-size: 70px;
        color: var(--thm-black);
        font-weight: 700;
        margin: 0;
        margin-bottom: 33px;
        text-transform: uppercase;
    }

.harvest_innovations_bottom_text {
    padding-top: 11px;
}

.service_details_single_img_box {
    margin-bottom: 52px;
}

    .service_details_single_img_box img {
        width: 100%;
        border-radius: 5px;
    }

.agriculture_solutions h3 {
    font-size: 40px;
    color: var(--thm-black);
    font-weight: 700;
    margin: 0;
    margin-bottom: 44px;
    text-transform: uppercase;
}

.agriculture_solutions p {
    margin: 0;
}

.service_details_right ul {
    margin: 0;
    padding-top: 28px;
    padding-bottom: 29px;
}

    .service_details_right ul li {
        font-size: 16px;
        color: var(--thm-black);
        font-weight: 600;
        line-height: 41px;
    }

    .service_details_right ul i {
        color: var(--thm-primary);
        font-size: 12px;
        margin-right: 10px;
    }

.service_details_last_text {
    margin: 0;
    margin-bottom: 49px;
}
/*--------------------------------------------------------------
#  Our Projects
--------------------------------------------------------------*/
.recent-project.our_projects {
    padding-bottom: 120px;
}

.recent_project_single.mrb-30 {
    margin-bottom: 30px;
}

.our_projects_btn {
    margin-top: 30px;
    text-align: center;
}

/*--------------------------------------------------------------
# Projects Details
--------------------------------------------------------------*/
.project_detail {
    position: relative;
    display: block;
    padding: 120px 0 93px;
}

.project_detail_image {
    margin-bottom: 45px;
}

    .project_detail_image img {
        width: 100%;
        border-radius: 5px;
    }

.harvest_innovations_detail h2 {
    font-size: 70px;
    color: var(--thm-black);
    font-weight: 700;
    margin: 0;
    margin-bottom: 33px;
    text-transform: uppercase;
}

.harvest_innovations_detail_bottom_text {
    padding-top: 11px;
    padding-bottom: 18px;
}

.project_challenges {
    border-bottom: 1px solid #f5f0e9;
    margin-bottom: 49px;
    padding-bottom: 48px;
}

    .project_challenges h2 {
        font-size: 70px;
        color: var(--thm-black);
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 65px;
    }

.project_challenges_box {
    margin: 0;
}

    .project_challenges_box li {
        position: relative;
        display: block;
        padding-left: 95px;
        padding-bottom: 69px;
    }

        .project_challenges_box li:last-child {
            padding-bottom: 0;
        }

.project_challenges_icon {
    position: absolute;
    top: 0;
    left: 0;
}

    .project_challenges_icon span {
        color: var(--thm-primary);
        font-size: 60px;
    }

.project_challenges_content h4 {
    color: var(--thm-black);
    font-size: 24px;
    margin: 0;
    padding-bottom: 38px;
    font-family: var(--thm-font);
}

.project_challenges_content p {
    margin: 0;
}

.project_information_box {
    border-radius: 5px;
    position: relative;
    display: block;
    background: #f5f0e9;
    padding: 54px 60px 40px;
}

    .project_information_box h3 {
        font-size: 26px;
        color: var(--thm-black);
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 23px;
    }

.project_information_list {
    margin: 0;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 50px;
    margin-bottom: 40px;
}

    .project_information_list li {
        color: var(--thm-black);
        padding-bottom: 17px;
    }

    .project_information_list span {
        color: #878986;
    }

    .project_information_list li:last-child {
        color: var(--thm-primary);
        padding-bottom: 0;
    }

.project_information__social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .project_information__social a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        width: 45px;
        height: 45px;
        background-color: #ffffff;
        color: #878986;
        font-size: 14px;
        border-radius: 50%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .project_information__social a + a {
            margin-left: 10px;
        }

        .project_information__social a:hover {
            color: #ffffff;
            background-color: var(--thm-primary);
        }

.recent-project.recent_project_detail {
    position: relative;
    display: block;
    background: #f5f0e9;
}

    .recent-project.recent_project_detail:before {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 120px;
        width: 100%;
        content: "";
        background: var(--thm-primary);
    }

.brand-one.brand_project_detail {
    background: var(--thm-primary);
    border-bottom: none;
    padding: 116px 0 116px;
}
/*--------------------------------------------------------------
# News
--------------------------------------------------------------*/
.blog-one.news {
    padding-bottom: 30px;
}
    .blog-one.news
    .blog_one_single.mb-30 {
        margin-bottom: 30px;
    }
/*--------------------------------------------------------------
# News Details
--------------------------------------------------------------*/
.news_detail {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.news_detail_left {
    position: relative;
    display: block;
}

.news_detail_image_box {
    position: relative;
    display: block;
}

    .news_detail_image_box img {
        width: 100%;
        border-radius: 5px;
    }

.news_detail_date_box {
    position: absolute;
    top: 0;
    left: 0;
    height: 42px;
    width: 113px;
    background: var(--thm-base);
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    right: 0;
    margin: 0 auto;
}

    .news_detail_date_box p {
        margin: 0;
        color: var(--thm-black);
        font-size: 14px;
        font-weight: 600;
        line-height: 42px;
    }

.news_detail__meta {
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 20px;
}

    .news_detail__meta li + li {
        margin-left: 25px;
    }

    .news_detail__meta li a {
        color: var(--thm-primary);
        font-size: 12px;
        text-transform: uppercase;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .news_detail__meta li a:hover {
            color: var(--thm-base);
        }

    .news_detail__meta li i {
        color: #66945d;
        font-size: 15px;
        margin-right: 10px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

    .news_detail__meta li a:hover i {
        color: var(--thm-base);
    }

.news_detail_content {
    border-bottom: 1px solid #f6f1ea;
    padding-bottom: 50px;
}

    .news_detail_content h2 {
        text-transform: unset;
        color: var(--thm-black);
        font-size: 34px;
        font-weight: 600;
        margin: 0;
        font-family: var(--thm-font);
        line-height: 33px;
        margin-bottom: 35px;
    }

.news_detail_two_text {
    padding-top: 16px;
    padding-bottom: 16px;
}

.news_detail__bottom {
    margin-top: 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .news_detail__bottom p {
        margin: 0;
        padding-bottom: 6px;
    }

.news_detail__tags span {
    color: var(--thm-black);
    font-size: 30px;
    margin: 0;
    font-family: var(--heading-font);
}

.news_detail__tags a {
    color: #878986;
}

.news_detail__social-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .news_detail__social-list a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        width: 45px;
        height: 45px;
        background-color: #f5f0e9;
        color: #878986;
        font-size: 14px;
        border-radius: 50%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .news_detail__social-list a + a {
            margin-left: 10px;
        }

        .news_detail__social-list a:hover {
            color: #ffffff;
            background-color: var(--thm-primary);
        }
/* author */

.author-one {
    background-color: #f5f0e9;
    padding: 60px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 60px;
}

.author-one__content {
    margin-left: 40px;
}

    .author-one__content h3 {
        margin: 0;
        color: var(--thm-black);
        font-size: 32px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .author-one__content p {
        margin: 0;
        margin-top: 16px;
    }
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-one__title,
.comment-form__title {
    margin: 0;
    color: var(--thm-black);
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 48px;
    margin-top: -10px;
    text-transform: uppercase;
}

.comment-one__single {
    display: -webkit-box;
    display: flex;
    border-bottom: 1px solid #f5f0e9;
    padding-bottom: 50px;
    margin-bottom: 60px;
}

.comment-one__content {
    position: relative;
    margin-left: 32px;
}

    .comment-one__content h3 {
        margin: 0;
        font-size: 26px;
        color: var(--thm-black);
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .comment-one__content p {
        margin: 0;
    }

.comment-one__btn {
    font-size: 14px;
    color: var(--thm-black);
    line-height: 40px;
    padding: 0 20px;
    margin-top: 24px;
}

.comment-one__image img {
    border-radius: 50%;
}

.comment_input_box input[type="text"] {
    height: 80px;
    width: 100%;
    border: none;
    background: #f5f0e9;
    padding: 0 40px;
    margin-bottom: 20px;
    border-radius: 5px;
    outline: none;
    font-size: 16px;
    color: #878986;
}

.comment_input_box textarea {
    font-size: 16px;
    color: #878986;
    height: 170px;
    width: 100%;
    background: #f5f0e9;
    padding: 30px 40px 30px;
    border: none;
    border-radius: 10px;
    outline: none;
    margin-bottom: 10px;
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

@media (max-width: 991px) {
    .sidebar {
        margin-top: 50px;
    }
}

.sidebar__single {
    border-radius: 5px;
}

    .sidebar__single + .sidebar__single {
        margin-top: 30px;
    }

.sidebar__title {
    margin: 0;
    color: var(--thm-black);
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 23px;
}

.sidebar__search {
    background-color: var(--thm-base);
    border-radius: 5px;
}

.sidebar__search-form {
    position: relative;
}

    .sidebar__search-form input[type="search"] {
        display: block;
        border: none;
        outline: none;
        background-color: transparent;
        color: var(--thm-black);
        font-size: 16px;
        font-weight: 500;
        padding-left: 50px;
        height: 100px;
    }

    .sidebar__search-form ::-webkit-input-placeholder {
        color: var(--thm-black);
        opacity: 1;
    }

    .sidebar__search-form ::-moz-placeholder {
        color: var(--thm-black);
        opacity: 1;
    }

    .sidebar__search-form :-ms-input-placeholder {
        color: var(--thm-black);
        opacity: 1;
    }

    .sidebar__search-form ::-ms-input-placeholder {
        color: var(--thm-black);
        opacity: 1;
    }

    .sidebar__search-form ::placeholder {
        color: var(--thm-black);
        opacity: 1;
    }

    .sidebar__search-form :-ms-input-placeholder {
        color: var(--thm-black);
    }

    .sidebar__search-form ::-ms-input-placeholder {
        color: var(--thm-black);
    }

    .sidebar__search-form button[type="submit"] {
        background-color: transparent;
        color: var(--thm-black);
        font-size: 20px;
        position: absolute;
        top: 50%;
        right: 50px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        outline: none;
        border: none;
    }

.sidebar__post {
    position: relative;
    display: block;
    padding: 44px 50px 50px;
    background: #f5f0e9;
}

.sidebar__post-list {
    margin: 0;
}

    .sidebar__post-list li {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

        .sidebar__post-list li:last-child {
            border-bottom: none;
            padding-bottom: 0;
            margin-bottom: 0;
        }

.sidebar__post-image {
    margin-right: 20px;
}

    .sidebar__post-image > img {
        width: 80px;
    }

.sidebar__post-content h3 {
    color: var(--thm-black);
    font-size: 16px;
    margin: 0;
    font-weight: 600;
    font-family: var(--thm-font);
    line-height: 26px;
}

.sidebar__post-content .sidebar__post-content_meta {
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--thm-primary);
    font-size: 12px;
    display: block;
}

    .sidebar__post-content .sidebar__post-content_meta i {
        margin-right: 4px;
    }

.sidebar__post-content h3 {
    text-transform: unset;
}

    .sidebar__post-content h3 a {
        color: var(--thm-black);
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .sidebar__post-content h3 a:hover {
            color: var(--thm-base);
        }

.sidebar__category {
    position: relative;
    display: block;
    background: #f5f0e9;
    padding: 44px 50px 40px;
}

.sidebar__category-list {
    margin: 0;
    margin-top: -11px;
}

    .sidebar__category-list li + li {
        margin-top: 15px;
    }

    .sidebar__category-list li a {
        color: #878986;
        font-size: 16px;
        font-weight: 500;
        position: relative;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .sidebar__category-list li a:hover {
            padding-left: 15px;
            color: var(--thm-primary);
        }

        .sidebar__category-list li a::before {
            content: "\f101";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            position: absolute;
            top: 50%;
            left: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 12px;
            color: var(--thm-black);
            opacity: 0;
            -webkit-transition: all 500ms ease;
            transition: all 500ms ease;
        }

        .sidebar__category-list li a:hover::before {
            opacity: 1;
        }

.sidebar__tags {
    position: relative;
    display: block;
    background: #f5f0e9;
    padding: 44px 50px 40px;
}

.sidebar__tags-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -10px;
}

    .sidebar__tags-list a {
        font-size: 14px;
        color: #9ca3a9;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        display: -webkit-box;
        margin-right: 5px;
    }

        .sidebar__tags-list a:hover {
            color: var(--thm-primary);
        }
/*--------------------------------------------------------------
# Location
--------------------------------------------------------------*/
.location {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.location_single {
    position: relative;
    display: block;
    padding: 44px 50px 39px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .location_single:hover {
        background: #f5f0e9;
    }

    .location_single h2 {
        font-size: 30px;
        color: var(--thm-black);
        font-weight: 700;
        margin: 0;
        margin-bottom: 16px;
        text-transform: uppercase;
    }

    .location_single p {
        color: #7c7c82;
        margin: 0;
    }

    .location_single a {
        color: #7c7c82;
        font-size: 16px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .location_single a:hover {
            color: var(--thm-primary);
        }
/*--------------------------------------------------------------
# Contact One
--------------------------------------------------------------*/

.contact-one__form__wrap {
    position: relative;
    display: block;
    padding: 120px 0 120px;
    margin-right: -20px;
    z-index: 1;
}

    .contact-one__form__wrap:before {
        border-top-right-radius: 5px;
        position: absolute;
        content: "";
        top: 0;
        left: -10000px;
        bottom: 0;
        right: 0;
        background: var(--thm-primary);
        z-index: -1;
    }

    .contact-one__form__wrap .block-title {
        margin-bottom: 55px;
    }

        .contact-one__form__wrap .block-title p {
            color: #ffffff;
        }

        .contact-one__form__wrap .block-title h3 {
            color: #ffffff;
        }

.contact-one__form {
    margin-right: 114px;
}

    .contact-one__form .row.low-gutters {
        margin-left: -5px;
        margin-right: -5px;
    }

        .contact-one__form .row.low-gutters > [class*="col-"] {
            padding-left: 10px;
            padding-right: 10px;
        }

    .contact-one__form .input-group {
        margin-bottom: 20px;
    }

.input-group.contact__btn {
    margin-bottom: 0;
}

.contact-one__form
.input-group
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="reset"]),
.contact-one__form .input-group textarea {
    width: 100%;
    height: 80px;
    display: block;
    border: none;
    outline: none;
    background-color: #eceeef;
    font-size: 16px;
    font-weight: 500;
    color: #878986;
    padding-left: 30px;
    border-radius: 5px;
}

.contact-one__form .input-group textarea {
    height: 170px;
    padding-top: 20px;
}

.contact-one__btn:hover {
    background: var(--thm-black);
}

.contact-one__form .input-group ::-webkit-input-placeholder {
    color: #878986;
    opacity: 1;
}

.contact-one__form .input-group ::-moz-placeholder {
    color: #878986;
    opacity: 1;
}

.contact-one__form .input-group :-ms-input-placeholder {
    color: #878986;
    opacity: 1;
}

.contact-one__form .input-group ::-ms-input-placeholder {
    color: #878986;
    opacity: 1;
}

.contact-one__form .input-group ::placeholder {
    color: #878986;
    opacity: 1;
}

.contact-one__form .input-group :-ms-input-placeholder {
    color: #878986;
}

.contact-one__form .input-group ::-ms-input-placeholder {
    color: #878986;
}

.have_questions {
    position: relative;
    display: block;
    text-align: center;
    margin-left: 110px;
}

    .have_questions .image_box {
        margin-bottom: 50px;
    }

        .have_questions .image_box img {
            width: 100%;
            border-radius: 5px;
        }

    .have_questions .block-title {
        margin-bottom: 23px;
    }

.have_questions_btn {
    margin-top: 42px;
}

    .have_questions_btn .thm-btn {
        font-size: 16px;
        padding: 13px 40px;
    }

/*--------------------------------------------------------------
# Product
--------------------------------------------------------------*/
.product {
    position: relative;
    display: block;
    padding: 120px 0 90px;
}

.sidebar-search-box {
    position: relative;
    display: block;
    margin-bottom: 0px;
}

.single-sidebar {
    position: relative;
    overflow: hidden;
}

    .single-sidebar .title h3 {
        color: var(--thm-black);
        font-size: 26px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
    }

.sidebar-search-box form.search-form {
    position: relative;
    display: block;
    width: 100%;
}

.sidebar-search-box .search-form input[type="text"] {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    border-radius: 5px;
    background: var(--thm-base);
    color: var(--thm-black);
    border: none;
    outline: none;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    transition: all 500ms ease 0s;
}

.sidebar-search-box .search-form button {
    position: absolute;
    top: 0px;
    right: 9px;
    width: 60px;
    height: 80px;
    color: var(--thm-black);
    background: var(--thm-base);
    display: block;
    text-align: center;
    border: 0;
    transition: all 500ms ease 0s;
    line-height: 80px;
}

    .sidebar-search-box .search-form button i {
        font-size: 22px;
    }

.sidebar-search-box .search-form input[type="text"]:focus {
    color: #000;
    border-color: #337ce8;
}

    .sidebar-search-box .search-form input[type="text"]:focus + button,
    .sidebar-search-box .search-form button:hover {
        outline: none;
    }

.sidebar-search-box .search-form input::-webkit-input-placeholder {
    color: var(--thm-black);
}

.sidebar-search-box .search-form input:-moz-placeholder {
    color: var(--thm-black);
}

.sidebar-search-box .search-form input::-moz-placeholder {
    color: var(--thm-black);
}

.sidebar-search-box .search-form input:-ms-input-placeholder {
    color: var(--thm-black);
}

.price_sidebar {
    position: relative;
    overflow: hidden;
    padding: 34px 30px 26px;
    margin: 30px 0 30px;
    border: 1px solid #f5f0e9;
    border-radius: 5px;
}

    .price_sidebar h3 {
        font-size: 26px;
        color: var(--thm-black);
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .price_sidebar.price-ranger {
        margin-top: 7px;
        margin-bottom: 0px;
    }

        .price_sidebar .price-ranger .ui-widget-content {
            background: #eaeceb;
            border: none;
            height: 4px;
        }

        .price_sidebar .price-ranger .ui-slider-handle {
            position: absolute;
            top: -7px;
            background: #ffffff;
            border: 2px solid var(--thm-primary);
            height: 18px;
            width: 4px !important;
            border-radius: 0%;
            margin-left: -4px;
            outline: medium none;
            cursor: pointer;
            z-index: 2;
        }

        .price_sidebar .price-ranger .ui-slider .ui-slider-range {
            background: var(--thm-primary);
        }

        .price_sidebar .price-ranger #slider-range {
            margin-left: 4px;
            margin-right: 6px;
            margin-top: 0;
        }

        .price_sidebar .price-ranger .ranger-min-max-block {
            position: relative;
            display: block;
            margin-top: 10px;
        }

            .price_sidebar .price-ranger .ranger-min-max-block input {
                display: inline-block;
            }

                .price_sidebar .price-ranger .ranger-min-max-block input[type="submit"] {
                    position: relative;
                    display: inline-block;
                    background: var(--thm-base);
                    float: right;
                    text-align: center;
                    width: 70px;
                    border: none;
                    color: var(--thm-black);
                    font-size: 14px;
                    font-weight: 600;
                    margin-top: 0;
                    border-radius: 5px;
                    text-transform: capitalize;
                    cursor: pointer;
                }

                .price_sidebar .price-ranger .ranger-min-max-block input[type="text"] {
                    position: relative;
                    display: inline-block;
                    color: #878986;
                    font-size: 14px;
                    width: 40px;
                    line-height: 40px;
                    border: none;
                    padding: 0;
                    text-align: center;
                }

            .price_sidebar .price-ranger .ranger-min-max-block span {
                position: relative;
                display: inline-block;
                color: #25283a;
                font-size: 14px;
                font-weight: 500;
                line-height: 40px;
            }

.single-sidebar .categories-box {
    position: relative;
    display: block;
    border: 1px solid #f5f0e9;
    border-radius: 5px;
    padding: 35px 30px 9px;
}

    .single-sidebar .categories-box p {
        margin: -9px 0 6px;
    }

.single-sidebar .categories {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
    margin-top: 7px;
}

    .single-sidebar .categories li {
        position: relative;
        display: block;
        line-height: 50px;
    }

        .single-sidebar .categories li a {
            color: #878986;
            font-size: 16px;
            -webkit-transition: all 0.4s linear;
            -o-transition: all 0.4s linear;
            transition: all 0.4s linear;
        }

        .single-sidebar .categories li:hover a {
            color: var(--thm-primary);
        }

.single-sidebar .top_sellers {
    position: relative;
    display: block;
    border: 1px solid #f5f0e9;
    border-radius: 5px;
    padding: 34px 0 0;
    margin-top: 30px;
}

    .single-sidebar .top_sellers .title {
        padding-left: 30px;
        margin-bottom: 25px;
    }

.single-sidebar .top-products {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}

    .single-sidebar .top-products li {
        position: relative;
        display: block;
        padding: 0 30px 22px;
        border-bottom: 1px solid #f5f0e9;
        margin-bottom: 30px;
    }

        .single-sidebar .top-products li .product_item {
            overflow: hidden;
            position: relative;
            display: block;
            padding-left: 71px;
        }

        .single-sidebar .top-products li:last-child {
            margin-bottom: 0;
        }

        .single-sidebar .top-products li .img-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 70px;
            height: 70px;
            overflow: hidden;
            border-radius: 10px;
        }

            .single-sidebar .top-products li .img-box img {
                width: 100%;
            }

            .single-sidebar .top-products li .img-box .overlay-content {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 100%;
                background: rgba(91, 140, 81, 0.5);
                border-radius: 10px;
                transform: translate3d(0px, -71px, 0px);
                transform-origin: top;
                transition: all 0.5s ease-in-out 0s;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center;
                z-index: 2;
            }

        .single-sidebar .top-products li:hover .img-box .overlay-content {
            transform: translate3d(0px, 0px, 0px);
        }

        .single-sidebar .top-products li .img-box .overlay-content a {
            color: #ffffff;
            font-size: 20px;
            transition: all 200ms linear;
            transition-delay: 0.1s;
        }

        .single-sidebar .top-products li .title-box {
            position: relative;
            display: block;
            padding-top: 5px;
            padding-left: 20px;
            min-height: 75px;
        }

            .single-sidebar .top-products li .title-box h4 {
                font-size: 16px;
                color: var(--thm-black);
                font-family: var(--thm-font);
                font-weight: 600;
            }

                .single-sidebar .top-products li .title-box h4 a {
                    color: var(--thm-black);
                    transition: all 200ms linear;
                    transition-delay: 0.1s;
                }

                    .single-sidebar .top-products li .title-box h4 a:hover {
                        color: #337ce8;
                    }

            .single-sidebar .top-products li .title-box .value {
                color: var(--thm-primary);
                font-size: 14px;
                text-transform: capitalize;
                line-height: 26px;
            }

.showing-result-shorting {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

    .showing-result-shorting .left {
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .showing-result-shorting .showing p {
        color: var(--thm-black);
        margin: 0;
    }

    .showing-result-shorting
    .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 300px !important;
        height: 70px;
    }

    .showing-result-shorting .bootstrap-select > .dropdown-toggle {
        max-width: 300px;
        width: 100%;
        height: 70px;
        line-height: 70px;
        border: 1px solid #f5f0e9;
        padding: 0 30px;
        outline: none;
        border-radius: 5px;
        background: transparent;
        color: #878986;
        font-size: 16px;
    }

.all_products_single {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 26px;
}

.all_product_item_image {
    overflow: hidden;
    border-radius: 5px;
    position: relative;
    display: block;
}

    .all_product_item_image img {
        width: 100%;
        border-radius: 5px;
    }

.all_product_hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0;
    z-index: 1;
}

    .all_product_hover:before {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(91, 140, 81, 0.5);
        content: "";
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        transform: translate3d(-100%, 0px, 0px);
        z-index: -1;
    }

.all_product_icon span {
    height: 70px;
    width: 70px;
    color: #ecdc5e;
    font-size: 25px;
    background: var(--thm-black);
    display: inline-block;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
    transform: scale(0);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .all_product_icon span:hover {
        background: var(--thm-primary);
        color: #ffffff;
    }

.all_products_single h4 {
    font-size: 30px;
    color: var(--thm-black);
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    line-height: 30px;
    margin-top: 27px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .all_products_single h4 a {
        color: inherit;
        transition: 500ms;
    }

        .all_products_single h4 a:hover {
            color: var(--thm-primary);
        }

.all_products_single p {
    font-size: 20px;
    color: #878986;
    margin: 0;
    line-height: 28px;
}

.all_products_single:hover .all_product_hover:before {
    transform: translate3d(0px, 0px, 0px);
}

.all_products_single:hover .all_product_icon span {
    transform: scale(1);
}

.all_products_single:hover h4 {
    color: var(--thm-primary);
}
/*--------------------------------------------------------------
# Product Detail
--------------------------------------------------------------*/
.product_detail {
    position: relative;
    display: block;
    padding-top: 120px;
}

.product_detail_image img {
    width: 100%;
    border-radius: 5px;
}

.product_detail_content {
    margin-top: -11px;
}

    .product_detail_content h2 {
        font-size: 50px;
        color: var(--thm-black);
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
    }

.product_detail_review_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f5f0e9;
    border-bottom: 1px solid #f5f0e9;
    padding: 18px 0 22px;
    margin: 21px 0 22px;
}

.product_detail_price_box p {
    color: #878986;
    font-size: 20px;
    margin: 0;
}

.product_detail_review a {
    color: var(--thm-base);
    font-size: 16px;
}

    .product_detail_review a.deactive {
        color: #f5f0e9;
    }

    .product_detail_review a + a {
        margin-left: 5px;
    }

.product_detail_review span {
    margin-left: 6px;
}

.product_detail_address {
    margin: 0;
    padding-top: 6px;
}

    .product_detail_address li {
        position: relative;
        display: block;
        padding-left: 17px;
    }

        .product_detail_address li:before {
            position: absolute;
            top: 17px;
            left: 0;
            right: 0;
            width: 7px;
            height: 1px;
            background: #878986;
            content: "";
        }

.product-quantity-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 28px 0 28px;
}

    .product-quantity-box .input-group.bootstrap-touchspin {
        position: relative;
        width: 60px;
        height: 60px;
    }

    .product-quantity-box input.quantity-spinner.form-control {
        position: relative;
        display: block;
        padding: 0;
        width: 60px;
        flex: none;
        height: 60px;
        color: #878986;
        font-size: 16px;
        outline: none;
        margin: 0 auto;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        text-align: center;
        border: 1px solid #f5f0e9;
    }

    .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
    }

        .product-quantity-box .bootstrap-touchspin .input-group-btn-vertical .btn {
            position: relative;
            display: block;
            margin-left: 0px;
            background: #ffffff;
            border: 1px solid #f5f0e9;
            color: #878986;
            cursor: pointer;
            height: 30px;
            width: 30px;
            margin: 0;
            padding: 0;
        }

        .product-quantity-box
        .bootstrap-touchspin
        .input-group-btn-vertical
        .bootstrap-touchspin-up {
            border-top-right-radius: 5px;
            position: absolute;
            top: 0;
            right: -50%;
            border-left: none;
        }

        .product-quantity-box
        .bootstrap-touchspin
        .input-group-btn-vertical
        .bootstrap-touchspin-down {
            border-bottom-right-radius: 5px;
            position: absolute;
            bottom: 0;
            right: -50%;
            border-left: none;
        }

        .product-quantity-box
        .bootstrap-touchspin
        .input-group-btn-vertical
        .btn.bootstrap-touchspin-up:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            content: "-";
            color: #878986;
            font-size: 30px;
            padding: 0;
            line-height: 30px;
        }

        .product-quantity-box
        .bootstrap-touchspin
        .input-group-btn-vertical
        .btn.bootstrap-touchspin-down:before {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            font-family: "icomoon" !important;
            content: "\e910";
            color: #878986;
            font-size: 12px;
            padding: 0;
            line-height: 30px;
        }

.addto-cart-box {
    position: relative;
    display: block;
    margin-left: 40px;
    padding-right: 10px;
}

    .addto-cart-box button.thm-btn {
        padding: 13px 40px;
        font-size: 16px;
    }

.product-quantity-box .wishlist_btn {
    position: relative;
    display: block;
}

    .product-quantity-box .wishlist_btn .thm-btn {
        padding: 13px 40px;
        font-size: 16px;
        color: #878986;
        background: #f5f0e9;
    }

        .product-quantity-box .wishlist_btn .thm-btn:hover {
            color: #ffffff;
            background: var(--thm-primary);
        }

.category_tag_list {
    margin: 0;
}

.product_detail_share_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f5f0e9;
    border-bottom: 1px solid #f5f0e9;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 35px;
}

.share_box_title h2 {
    color: var(--thm-black);
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.share_box_social {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .share_box_social a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        text-align: center;
        width: 45px;
        height: 45px;
        background-color: #f5f0e9;
        color: #878986;
        font-size: 14px;
        border-radius: 50%;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .share_box_social a + a {
            margin-left: 10px;
        }

        .share_box_social a:hover {
            color: #ffffff;
            background-color: var(--thm-primary);
        }

.product-tab-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin-top: 115px;
}

    .product-tab-box .tab-btns {
        position: relative;
        display: block;
        z-index: 1;
        margin: 0;
    }

        .product-tab-box .tab-btns .tab-btn {
            position: relative;
            display: inline-block;
            float: left;
            margin-right: 10px;
        }

            .product-tab-box .tab-btns .tab-btn:last-child {
                margin-right: 0;
            }

            .product-tab-box .tab-btns .tab-btn span {
                position: relative;
                display: block;
                background: #f5f0e9;
                margin: 0;
                padding: 23px 80px;
                color: #8a8d91;
                font-size: 26px;
                font-weight: 700;
                border-top-left-radius: 5px;
                border-top-right-radius: 5px;
                text-transform: uppercase;
                transition: all 500ms ease;
                font-family: var(--heading-font);
                cursor: pointer;
            }

            .product-tab-box .tab-btns .tab-btn.active-btn span,
            .product-tab-box .tab-btns .tab-btn:hover span {
                color: #ffffff;
                background: var(--thm-primary);
            }

    .product-tab-box .tabs-content {
        position: relative;
        display: block;
        padding: 0;
    }

        .product-tab-box .tabs-content .tab {
            position: relative;
            padding: 0px;
            display: none;
        }

            .product-tab-box .tabs-content .tab.active-tab {
                display: block;
            }

.product-details-content {
    position: relative;
    display: block;
    overflow: hidden;
    border: 1px solid #f5f0e9;
    padding: 48px 60px 33px;
}

    .product-details-content .desc-content-box {
        position: relative;
        display: block;
    }

        .product-details-content .desc-content-box p {
            font-size: 18px;
            color: #878986;
            margin: 0;
        }

        .product-details-content .desc-content-box .desc-content-box_bottom {
            margin-top: 38px;
        }

.additionali_nfo {
    position: relative;
    display: block;
    border: 1px solid #f5f0e9;
    padding: 48px 60px 120px;
    margin: 0;
}

    .additionali_nfo li {
        font-size: 18px;
        color: #878986;
    }

        .additionali_nfo li span {
            color: var(--thm-black);
            font-size: 18px;
            margin-right: 3px;
        }

.product-tab-box .review-form {
    position: relative;
    display: block;
}

    .product-tab-box .review-form .shop-page-title {
        position: relative;
        display: block;
        margin-top: -8px;
        padding-bottom: 25px;
    }

        .product-tab-box .review-form .shop-page-title h2 {
            color: #25283a;
            font-size: 30px;
            line-height: 40px;
            font-weight: 600;
            margin: 0 0 11px;
        }

        .product-tab-box .review-form .shop-page-title p {
            font-weight: 500;
            margin: 0;
        }

.reviews-box {
    position: relative;
    display: block;
    border: 1px solid #f5f0e9;
    padding: 55px 60px 60px;
}

.product_reviews_title {
    color: var(--thm-black);
    font-size: 40px;
    margin: 0;
    font-weight: 700;
    margin-bottom: 52px;
    text-transform: uppercase;
}

.product_reviews_single {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 1px solid #f5f0e9;
    padding-bottom: 60px;
    margin-bottom: 60px;
}

.product_reviews_image img {
    border-radius: 50%;
}

.product_reviews_content {
    position: relative;
    margin-left: 30px;
}

    .product_reviews_content h3 {
        font-size: 26px;
        color: var(--thm-black);
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
        margin-bottom: 17px;
    }

    .product_reviews_content span {
        font-size: 16px;
        color: var(--thm-primary);
        font-weight: 500;
        margin-left: 12px;
        font-family: var(--thm-font);
    }

    .product_reviews_content p {
        margin: 0;
    }

.product_reviews_rating {
    position: absolute;
    top: 0;
    right: 0;
}

.add_review_title {
    font-size: 40px;
    color: var(--thm-black);
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    margin-bottom: 24px;
    margin-top: -8px;
}

.add_review_rating {
    margin-bottom: 19px;
}

    .add_review_rating a {
        color: var(--thm-base);
        font-size: 16px;
    }

        .add_review_rating a + a {
            margin-left: 5px;
        }

        .add_review_rating a.deactive {
            color: #f5f0e9;
        }

    .add_review_rating span {
        font-size: 18px;
        color: #878986;
        margin-right: 5px;
    }

.add_review_form .input-box {
    margin-bottom: 10px;
}

    .add_review_form .input-box textarea {
        color: #878986;
        font-size: 16px;
        width: 100%;
        height: 170px;
        background: #f5f0e9;
        border-radius: 5px;
        border: none;
        outline: none;
        padding: 35px 40px;
    }

.add_review_form input[type="text"],
.add_review_form input[type="email"] {
    color: #878986;
    font-size: 16px;
    width: 100%;
    height: 80px;
    background: #f5f0e9;
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 0px 40px;
}

.review_submit_btn {
    margin-top: 10px;
}

.add_review_form input[type="text"]::-webkit-input-placeholder {
    color: #878986;
}

.add_review_form input[type="text"]:-moz-placeholder {
    color: #878986;
}

.add_review_form input[type="text"]::-moz-placeholder {
    color: #878986;
}

.add_review_form input[type="text"]:-ms-input-placeholder {
    color: #878986;
}

.add_review_form input[type="email"]::-webkit-input-placeholder {
    color: #878986;
}

.add_review_form input[type="email"]:-moz-placeholder {
    color: #878986;
}

.add_review_form input[type="email"]::-moz-placeholder {
    color: #878986;
}

.add_review_form input[type="email"]:-ms-input-placeholder {
    color: #878986;
}

.add_review_form .input-box textarea::-webkit-input-placeholder {
    color: #878986;
}

.add_review_form .input-box textarea:-moz-placeholder {
    color: #878986;
}

.add_review_form .input-box textarea::-moz-placeholder {
    color: #878986;
}

.add_review_form .input-box textarea:-ms-input-placeholder {
    color: #878986;
}

.all_products_two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
}

    .all_products_two .block-title {
        margin-bottom: 55px;
    }

/*--------------------------------------------------------------
# Cart
--------------------------------------------------------------*/
.cart {
    position: relative;
    display: block;
    padding: 81px 0 120px;
}

.cart_table_box {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.cart_table {
    min-width: 1024px;
    width: 100%;
}

.cart_table_head {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f5f0e9;
}

    .cart_table_head tr th {
        color: var(--thm-black);
        font-size: 30px;
        font-weight: 700;
        text-transform: uppercase;
        min-width: 160px;
        padding: 34px 0px;
        border: 0px solid #ededed;
        font-family: var(--heading-font);
    }

.cart_table tbody tr {
    border-bottom: 1px solid #f5f0e9;
}

    .cart_table tbody tr td {
        min-width: 160px;
        padding: 40px 20px 40px 0;
        border: 0px solid #ededed;
    }

    .cart_table tbody tr .colum_box {
        position: relative;
        min-height: 115px;
    }

        .cart_table tbody tr .colum_box .prod_thum {
            width: 115px;
        }

        .cart_table tbody tr .colum_box .title {
            padding-left: 40px;
        }

            .cart_table tbody tr .colum_box .title .prod-title {
                color: var(--thm-black);
                font-size: 30px;
                font-weight: 700;
                margin: 0;
                text-transform: uppercase;
            }

        .cart_table tbody tr .colum_box .prod_thum,
        .cart_table tbody tr .colum_box .title {
            display: table-cell;
            vertical-align: middle;
        }

    .cart_table tbody tr td.pro_price,
    .cart_table tbody tr td.pro_sub_total {
        font-size: 18px;
        color: var(--thm-primary);
    }

    .cart_table tbody tr td .pro_remove i {
        color: var(--thm-black);
        font-size: 15px;
    }

.cart_apply_coupon_box {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-bottom: 1px solid #f5f0e9;
    padding-bottom: 70px;
    padding-top: 38px;
}

.apply_coupon {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.apply_coupon_input_box input[type="text"] {
    font-size: 16px;
    color: #878986;
    height: 80px;
    max-width: 365px;
    width: 100%;
    padding: 0 30px;
    background: #f5f0e9;
    border-radius: 5px;
    border: none;
    outline: none;
}

.apply-coupon-button {
    margin-left: 10px;
}

.total_box {
    margin: 0;
    float: right;
    text-align: right;
}

    .total_box li {
        color: #878986;
        font-size: 18px;
        padding-bottom: 6px;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .total_box li:hover {
            color: var(--thm-primary);
        }

        .total_box li:last-child {
            padding-bottom: 0;
        }

        .total_box li span {
            font-size: 26px;
            color: var(--thm-black);
            font-weight: 700;
            margin-right: 65px;
            text-transform: uppercase;
            font-family: var(--heading-font);
        }

.button_box {
    position: relative;
    display: block;
    float: right;
    margin-top: 60px;
}

    .button_box .update_btn {
        margin-right: 5px;
        background: #f5f0e9;
        color: #878986;
    }

        .button_box .update_btn:hover {
            color: #ffffff;
            background: var(--thm-primary);
        }

/*--------------------------------------------------------------
# Bx Testimonial
--------------------------------------------------------------*/
.bx-testimonial {
    position: relative;
    background: #f5f0e9;
    padding: 200px 0 110px;
}

.bx-testimonial_title {
    font-size: 70px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 80px;
    font-weight: 700;
    transform: rotate(-90deg);
    display: inline-block;
    font-family: var(--heading-font);
    position: absolute;
    top: 0;
    left: 35px;
    bottom: 0;
}

.bx_testimonial_slider {
    position: relative;
    display: block;
}

.bx-testimonial_bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 420px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    opacity: 0.3;
}

.bx_testimonial_slider .slider-pager {
    position: relative;
    display: block;
}

    .bx_testimonial_slider .slider-pager .thumb-box {
        position: relative;
        display: block;
        margin-top: -8px;
        margin-bottom: -8px;
    }

        .bx_testimonial_slider .slider-pager .thumb-box li {
            position: relative;
            display: inline-block;
            margin: 0 8px 0;
        }

            .bx_testimonial_slider .slider-pager .thumb-box li a {
                position: relative;
                display: block;
                overflow: hidden;
            }

                .bx_testimonial_slider .slider-pager .thumb-box li a .img-holder {
                    position: relative;
                    display: block;
                    overflow: hidden;
                }

                    .bx_testimonial_slider .slider-pager .thumb-box li a .img-holder img {
                        transition: all 0.5s ease-in-out 0.6s;
                        width: 100%;
                        border-radius: 50%;
                        opacity: 0.4;
                    }

                .bx_testimonial_slider .slider-pager .thumb-box li a.active .img-holder img {
                    transform: scale(1);
                    opacity: 1;
                }

.bx_testimonial_slider .quote_testimonial {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: var(--thm-primary);
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
}

    .bx_testimonial_slider .quote_testimonial img {
        width: auto !important;
    }

.bx_testimonial_slider .bx-wrapper {
    position: relative;
    margin: 0;
    padding: 0;
}

    .bx_testimonial_slider .bx-wrapper .bx-viewport {
        box-shadow: none;
        border: 0px solid;
        left: 0px;
        background: transparent;
        transform: translatez(0);
        max-width: 800px;
        margin: 41px auto 0;
    }

.bx_testimonial_single {
    position: relative;
    display: block;
}

.bx_testimonial_text {
    position: relative;
}

    .bx_testimonial_text p {
        color: var(--thm-black);
        font-size: 30px;
        line-height: 50px;
        margin: 0;
        font-weight: 300;
    }

    .bx_testimonial_text h3 {
        color: var(--thm-primary);
        font-size: 26px;
        line-height: 34px;
        font-weight: 700;
        margin: 27px 0 4px;
    }

    .bx_testimonial_text h6 {
        letter-spacing: 0.2em;
        color: #878986;
        font-size: 12px;
        line-height: 16px;
        font-weight: 600;
        text-transform: uppercase;
        font-family: var(--thm-font);
    }

.bx-testimonial2 {
    position: relative;
    padding: 248px 0 110px;
    margin-top: -120px;
}

    .bx-testimonial2.about_bx-testimonial2 {
        padding: 120px 0 109px;
        margin-top: 0;
    }

#testi-bx-pager {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    list-style: none;
}

    #testi-bx-pager li + li {
        margin-top: 6px;
    }

    #testi-bx-pager li a {
        display: block;
        cursor: pointer;
        width: 16px;
        height: 16px;
        background-color: #fff;
        border-radius: 50%;
    }

        #testi-bx-pager li a.active {
            background-color: var(--thm-base);
        }

.google-map__contact {
    width: 100%;
    border: none;
    outline: none;
    display: block;
    height: 560px;
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/
.checkout {
    position: relative;
    display: block;
    padding: 110px 0 120px;
}

.billing_title {
    margin-bottom: 49px;
}

    .billing_title p {
        font-size: 16px;
        color: #878986;
        line-height: 26px;
        margin: 0;
    }

    .billing_title span {
        font-size: 16px;
        color: var(--thm-primary);
        line-height: 26px;
    }

    .billing_title h2 {
        font-size: 50px;
        color: var(--thm-black);
        line-height: 60px;
        margin: 0;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 3px;
    }

.billing_details_form
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
}

.billing_details_form .bootstrap-select > .dropdown-toggle {
    position: relative;
    display: block;
    outline: none !important;
    border-radius: 5px;
    background-color: #f5f0e9 !important;
    max-width: 100%;
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    color: #848484 !important;
    font-size: 16px;
    line-height: 80px;
    letter-spacing: normal;
    text-transform: capitalize;
    box-shadow: none !important;
}

.billing_details_form .btn-light {
    border: none;
}

    .billing_details_form .btn-light:hover {
        border: none;
    }

.billing_input_box input[type="text"],
.billing_input_box input[type="email"],
.billing_input_box input[type="tel"] {
    height: 80px;
    width: 100%;
    border: none;
    outline: none;
    background: #f5f0e9;
    padding: 0 30px;
    margin-bottom: 30px;
}

.ship_different_address_title {
    margin-top: 30px;
}

.ship_different_address_form .ship_different_input textarea {
    height: 190px;
    width: 100%;
    border: none;
    outline: none;
    background: #f5f0e9;
    padding: 30px 30px;
    border-radius: 5px;
}

.your_order {
    padding-top: 40px;
}

    .your_order h2 {
        color: var(--thm-black);
        font-size: 50px;
        font-weight: 700;
        margin: 0;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

.order_table_box {
    position: relative;
    width: 100%;
}

.order_table_detail {
    width: 100%;
}

.order_table_head {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f5f0e9;
    border-top: 1px solid #f5f0e9;
}

    .order_table_head th {
        font-size: 26px;
        color: var(--thm-black);
        font-weight: 700;
        margin: 0;
        padding: 21px 0 22px;
        text-transform: uppercase;
        font-family: var(--heading-font);
    }

.order_table_detail tbody td {
    padding: 10px 0 2px;
}

    .order_table_detail tbody td.pro__title {
        color: var(--thm-black);
        font-size: 16px;
    }

    .order_table_detail tbody td.pro__price {
        color: #878986;
        font-size: 16px;
        text-align: right;
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
    }

        .order_table_detail tbody td.pro__price:hover {
            color: var(--thm-primary);
        }

.payments_part {
    position: relative;
    display: block;
    background: #f5f0e9;
    padding: 52px 50px 46px;
}

.direct .checkbox span {
    color: var(--thm-black);
    font-size: 26px;
    font-weight: 700;
    font-family: var(--heading-font);
    margin-left: 10px;
    text-transform: uppercase;
}

.payments_part_text {
    padding-left: 27px;
    line-height: 28px;
    margin: 12px 0 24px;
}

    .payments_part_text p {
        margin: 0;
    }

.paypal_payment .checkbox span {
    color: var(--thm-black);
    font-size: 26px;
    font-weight: 700;
    font-family: var(--heading-font);
    margin-left: 10px;
    text-transform: uppercase;
}

.paypal_payment .checkbox .paypal_card {
    position: relative;
    top: -6px;
    padding-left: 12px;
}

.place_order_btn {
    margin-top: 20px;
    float: right;
}

/*--------------------------------------------------------------
# About Two
--------------------------------------------------------------*/
.about_two {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

    .about_two .block-title {
        margin-bottom: 55px;
    }

.about_two_text {
    margin-top: 28px;
}

    .about_two_text p {
        margin: 0;
    }

.about_two_left {
    margin-right: 70px;
}

    .about_two_left img {
        width: 100%;
        border-radius: 5px;
    }

.about_two_middle {
    margin-right: 140px;
    margin-left: -70px;
}

    .about_two_middle img {
        width: 100%;
        border-radius: 5px;
    }

.about_two-right {
    position: relative;
    display: block;
    margin-left: -140px;
}

    .about_two-right img {
        width: 100%;
        border-radius: 5px;
    }

.about_two_content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

    .about_two_content h2 {
        color: var(--thm-base);
        font-size: 50px;
        line-height: 60px;
        font-weight: 700;
        margin: 0;
    }
/*--------------------------------------------------------------
# Best Company
--------------------------------------------------------------*/
.best_company {
    position: relative;
    display: block;
    padding: 120px 0 120px;
}

.company_image {
    margin-right: 82px;
}

    .company_image img {
        width: 100%;
        border-radius: 5px;
    }

.company_content .block-title {
    margin-bottom: 33px;
}

.company_list_box {
    margin: 0;
    margin-bottom: 40px;
}

    .company_list_box li {
        color: #878986;
        font-size: 18px;
        padding-bottom: 8px;
    }

        .company_list_box li:last-child {
            padding-bottom: 0;
        }

        .company_list_box li i {
            color: var(--thm-primary);
            font-size: 16px;
            margin-right: 20px;
        }

.company_button_box {
    display: flex;
    align-items: center;
    flex-direction: row;
    background: var(--thm-base);
    max-width: 270px;
    padding: 16px 30px;
    border-radius: 5px;
}

.company_text {
    margin-left: 20px;
}

    .company_text p {
        color: var(--thm-black);
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
    }
/*--------------------------------------------------------------
# Company Solutions
--------------------------------------------------------------*/
.company_solutions {
    position: relative;
    display: block;
    padding: 120px 0 79px;
}

    .company_solutions .block-title {
        margin-bottom: 55px;
    }

.company_solutions_single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.company_solutions_image img {
    width: 100%;
    border-radius: 5px;
}

.company_solutions_single h2 {
    font-size: 36px;
    color: var(--thm-black);
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
    line-height: 44px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.company_solutions_single p {
    margin: 0;
}

/*--------------------------------------------------------------
# Gallery Two
--------------------------------------------------------------*/
.gallery_two {
    position: relative;
    display: block;
    padding: 120px 0 90px;
}

.gallery_two_single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

.gallery_two_image {
    position: relative;
    overflow: hidden;
}

    .gallery_two_image img {
        width: 100%;
        border-radius: 5px;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: opacity 500ms ease, -webkit-transform 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease;
        transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
    }

.gallery_two_single:hover .gallery_two_image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.gallery_two_hover_box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0;
    z-index: 1;
}

    .gallery_two_hover_box:before {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(91, 140, 81, 0.9);
        content: "";
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        z-index: -1;
    }

.gallery_two_single:hover .gallery_two_hover_box:before {
    top: 0;
}

.gallery_two_icon {
    position: absolute;
    top: -150%;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    bottom: 0;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.gallery_two_single:hover .gallery_two_icon {
    top: 0px;
}

.gallery_two_icon span {
    height: 80px;
    width: 80px;
    background: var(--thm-base);
    display: inline-block;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    font-size: 22px;
    color: #656a44;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .gallery_two_icon span:hover {
        background: #ffffff;
        color: var(--thm-primary);
    }

/***
====================================================================
	Banner Four Section
====================================================================
***/
.banner_four_section {
    position: relative;
    z-index: 1;
}

.banner-carousel-four {
    position: relative;
    z-index: 1;
}

    .banner-carousel-four .slide-item {
        position: relative;
        display: block;
        background-color: #111111;
        color: #ffffff;
        overflow: hidden;
    }

        .banner-carousel-four .slide-item:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #232a21;
            opacity: 0.6;
            z-index: 1;
        }

        .banner-carousel-four .slide-item .image-layer {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 1;
            z-index: 0;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
        }

    .banner-carousel-four .active .slide-item .image-layer {
        -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
        transform: scale(1.15);
        -webkit-transition: all 7000ms linear;
        -moz-transition: all 7000ms linear;
        -ms-transition: all 7000ms linear;
        -o-transition: all 7000ms linear;
        transition: all 7000ms linear;
    }

    .banner-carousel-four .content-box {
        position: relative;
        z-index: 11;
    }

        .banner-carousel-four .content-box .content {
            position: relative;
            padding: 334px 0px 160px;
        }

        .banner-carousel-four .content-box .inner {
            position: relative;
            display: block;
        }

        .banner-carousel-four .content-box h1 {
            position: relative;
            display: block;
            margin: 0 0 32px;
            color: #ffffff;
            font-size: 120px;
            line-height: 1.1em;
            font-weight: 400;
            opacity: 0;
            text-transform: uppercase;
            letter-spacing: 0;
            -webkit-transform: translateY(80px);
            -moz-transform: translateY(80px);
            -ms-transform: translateY(80px);
            -o-transform: translateY(80px);
            transform: translateY(80px);
        }

            .banner-carousel-four .content-box h1 span {
                position: relative;
                display: inline-block;
                padding: 0 10px;
                color: var(--thm-black);
                z-index: 1;
            }

                .banner-carousel-four .content-box h1 span:before {
                    position: absolute;
                    top: 6px;
                    left: 0;
                    bottom: 6px;
                    right: 0;
                    background: var(--thm-base);
                    border-radius: 7px;
                    content: "";
                    z-index: -1;
                }

    .banner-carousel-four .active .content-box h1 {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 1000ms ease;
        -webkit-transition-delay: 800ms;
        -moz-transition-delay: 800ms;
        -ms-transition-delay: 800ms;
        -o-transition-delay: 800ms;
        transition-delay: 800ms;
    }

    .banner-carousel-four .content-box .link-box {
        position: relative;
        display: block;
        opacity: 0;
        -webkit-transform: translateY(50px);
        -moz-transform: translateY(50px);
        -ms-transform: translateY(50px);
        -o-transform: translateY(50px);
        transform: translateY(50px);
    }

        .banner-carousel-four .content-box .link-box a {
            color: var(--thm-black);
            background: #ffffff;
        }

            .banner-carousel-four .content-box .link-box a:hover {
                background: var(--thm-base);
            }

    .banner-carousel-four .active .content-box .link-box {
        opacity: 1;
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        -webkit-transition: all 700ms ease;
        -moz-transition: all 700ms ease;
        -ms-transition: all 700ms ease;
        -o-transition: all 700ms ease;
        transition: all 700ms ease;
        -webkit-transition-delay: 1300ms;
        -moz-transition-delay: 1300ms;
        -ms-transition-delay: 1300ms;
        -o-transition-delay: 1300ms;
        transition-delay: 1300ms;
    }

.banner_four_section .owl-dots {
    position: absolute;
    bottom: 50%;
    left: 50%;
    text-align: center;
    transform: translateY(50%) translateX(-50%);
    width: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.banner_four_section .owl-theme .owl-dots .owl-dot {
    position: relative;
    display: block;
    vertical-align: top;
    margin: 4px 0px;
    outline: none;
}

    .banner_four_section .owl-theme .owl-dots .owl-dot span {
        position: relative;
        display: block;
        width: 16px;
        height: 16px;
        border: 2px solid #ffffff;
        border-radius: 50%;
        background: none;
    }

    .banner_four_section .owl-theme .owl-dots .owl-dot.active span {
        background: var(--thm-base);
    }

/***
====================================================================
	Banner Five Section
====================================================================
***/
.banner-section {
    position: relative;
    z-index: 1;
}

.banner_five_bg {
    border-bottom-left-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    z-index: 10;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-carousel.five .slide-item {
    position: relative;
    display: block;
    background-color: #ffffff;
    overflow: hidden;
}

    .banner-carousel.five .slide-item:before {
        display: none;
    }

.banner-carousel.five .active .slide-item {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}

.banner-carousel.five .content-box {
    position: relative;
    z-index: 11;
}

    .banner-carousel.five .content-box .content {
        position: relative;
        padding: 100px 0px 110px;
    }

    .banner-carousel.five .content-box .inner {
        position: relative;
        display: block;
    }

    .banner-carousel.five .content-box .large-title {
        position: relative;
        display: block;
        color: var(--thm-black);
        font-size: 110px;
        line-height: 1em;
        font-weight: 700;
        text-transform: uppercase;
        opacity: 0;
        -webkit-transform: translateY(80px);
        -moz-transform: translateY(80px);
        -ms-transform: translateY(80px);
        -o-transform: translateY(80px);
        transform: translateY(80px);
        font-family: var(--heading-font);
    }

        .banner-carousel.five .content-box .large-title:before {
            position: absolute;
            left: 0px;
            bottom: -43px;
            height: 24px;
            width: 167px;
            background: url(../images/main-slider/slider-5-leafs.png);
            background-repeat: no-repeat;
            content: "";
        }

.banner-carousel.five .active .content-box .large-title {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transition-delay: 800ms;
    -moz-transition-delay: 800ms;
    -ms-transition-delay: 800ms;
    -o-transition-delay: 800ms;
    transition-delay: 800ms;
}

.banner-carousel.five .content-box p {
    position: relative;
    display: block;
    margin: 81px 0 40px;
    color: #878986;
    font-size: 18px;
    line-height: 34px;
    font-weight: 500;
    opacity: 0;
    -webkit-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -ms-transform: translateY(80px);
    -o-transform: translateY(80px);
    transform: translateY(80px);
}

.banner-carousel.five .active .content-box p {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 1000ms ease;
    -webkit-transition-delay: 1300ms;
    -moz-transition-delay: 1300ms;
    -ms-transition-delay: 1300ms;
    -o-transition-delay: 1300ms;
    transition-delay: 1300ms;
}

.banner-carousel.five .content-box .link-box {
    position: relative;
    display: block;
    opacity: 0;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.banner-carousel.five .active .content-box .link-box {
    opacity: 1;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    -webkit-transition-delay: 1800ms;
    -moz-transition-delay: 1800ms;
    -ms-transition-delay: 1800ms;
    -o-transition-delay: 1800ms;
    transition-delay: 1800ms;
}

.banner-section.banner-five .owl-dots {
    display: none;
}

.banner-section.banner-five .round_1 {
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 2;
    -webkit-animation: planeMove 5s ease-in infinite;
    animation: planeMove 5s ease-in infinite;
}

.banner-section.banner-five .round_2 {
    position: absolute;
    left: 5%;
    bottom: 10px;
    z-index: 2;
    -webkit-animation: planeMove 5s ease-in infinite;
    animation: planeMove 5s ease-in infinite;
}

.banner-section.banner-five .certified_logo {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 2;
    -webkit-animation: sunMove 10s linear infinite;
    animation: sunMove 10s linear infinite;
}

@-webkit-keyframes sunMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes sunMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes planeMove {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    25% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    75% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@keyframes planeMove {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    25% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    50% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    75% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes bridMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    75% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes bridMove {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    50% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

    75% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.google-map__contact1 {
    width: 100%;
    border: none;
    outline: none;
    display: block;
    height: 560px;
    z-index: 10;
}
@media (max-width: 600px) {
    #new-banner {
        display:none;
    }
    .footer-subscribe{
        width:350px !important;
    }
    footer ul li {
        margin-left: 0px !important;
        margin-right:15px;
    }
}
    #new-banner {
        width: 100%;
        bottom: 0;
        z-index: 99;
    }

        #new-banner h3 {
            font-size: 21px;
        }

    .section-title-right {
        margin-bottom: 1.7rem;
        border-right: 4px solid #E50019
    }

    .section-title-left {
        margin-bottom: 1.7rem;
        border-left: 4px solid #E50019
    }

    .service_bg1 {
        background: #EF5713;
    }

    .service_bg2 {
        background: #62AF31;
    }

    .service_bg3 {
        background: #28BEF3;
    }

    .service_bg1, .service_bg2, .service_bg3 {
        border-radius: 20px;
    }

    #subscribe {
        background: #E50019;
        margin-top: 80px;
    }

    .footer-subscribe {
        padding: 40px 0 30px 0;
        width: 450px;
        margin: 0 auto;
    }

        .footer-subscribe .btn {
            height: 38px;
            line-height: 24px;
            background: #fff !important;
            color: #E50019 !important;
            border-radius: 50px;
            position: absolute;
            z-index: 100;
            width: 120px;
            transition: 0.3s;
            right: 0;
            border-top-left-radius: 50px !important;
            border-bottom-left-radius: 50px !important;
            font-size: 13px;
        }

    #subscribe .form-control {
        border-radius: 50px !important;
        background: rgba(255, 255, 255, 0.5);
        border: none;
        font-size: 13px;
        padding: 10px 15px 9px;
        font-style: italic;
    }

        #subscribe .form-control::placeholder {
            color: #fff;
        }

        #subscribe .form-control:-ms-input-placeholder {
            color: #fff;
        }

        #subscribe .form-control::-ms-input-placeholder {
            color: #fff;
        }

.coppyright {
    background: #1E2021;
    /*font-size: 12px;
    padding: 9px;*/
    color: #B2B2B2;
}

    .coppyright a {
        color: #2db7ff;
    }

    .top-footer {
        border-bottom: 1px solid #E5E3E3;
    }
footer {
    color: #B2B2B2;
    background: url(/images/bg-footer1.png),url(/images/bg-footer2.png);
    background-position: bottom left, bottom right;
    background-repeat: no-repeat, no-repeat;
    background-size: 60%,20%;
    /*padding-bottom: 50px !important;*/
}
footer h4 {
    font-size: 17px;
    font-weight: 700;
    color: #2db7ff;
}
footer ul {
    margin-bottom: 0;
    padding-left: 0;
}

        footer ul li {
            list-style: none;
            margin-top: 10px;
        }

            footer ul li a {
                -webkit-transition: all 500ms ease;
                transition: all 500ms ease;
                color: #B2B2B2 !important;
            }

                footer ul li a:hover {
                    color: #2db7ff !important;
                }
footer .fa-solid {
    color: #2db7ff;
}
    footer a {
        color: #B2B2B2;
    }
.nav-tabs {
    border-bottom: none;
}

        .nav-tabs .nav-item {
            border-bottom: 1px solid #E5E3E3;
        }

            .nav-tabs .nav-item:last-child {
                border-bottom: none;
            }

        .nav-tabs .nav-link {
            border-radius: unset;
            color: #818386;
            border: none;
        }

            .nav-tabs .nav-link h4 {
                color: #818386;
                font-size: 16px;
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                border: none;
                background: #F5F5F5;
                color: #818386;
            }

            .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
                background: #F5F5F5;
                border: none;
            }

    .nav-item:first-child .nav-link {
        margin-top: 0 !important;
    }
#news-mobile h4{font-size:15px;}
.title-new{
    font-size:16px;
    line-height:30px;
}
.rounded-3 {
    border-radius: 1rem !important;
}
.rounded-4 {
    border-radius: 2rem !important;
}
.overlay {
    background: rgba(0, 0, 0, 0.5);
    top: 0;
}
ul#newother {
    padding-left: 0;
}

    ul#newother li {
        list-style: none;
        position: relative;
        padding: 0 0 10px 20px;
    }
        ul#newother li a {
            color: #818386;
        }
        ul#newother li a:hover {
            color: #E50019;
        }
        ul#newother li::before {
            content: '';
            background: url(/images/md-arrow-dropright.png) left center no-repeat;
            position: absolute;
            width: 9px;
            height: 18px;
            top: 3px;
            left: 0;
        }
.pagination {
    display: inline-block;
}
    .pagination li {
        display: inline-block;
    }
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2db7ff;
    border-color: #2db7ff;
}
.new-content{
    text-align:justify;
}
.new-content img{
    max-width:100%;
}
    .new-content h1 {
        font-size:28px;
    }
.price-list {
    border-bottom: 5px solid #E50019;
    color:#878986;
}
.btn-download {
    background: #E50019;
    border-radius: 50px;
    padding: 3px 0;
    min-width: 100px;
    text-align: center;
    margin: 0 auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.btn-download a{
    font-size: 12px;
    color: #fff;
}
    .btn-download:hover {
        background: #878986;
    }
/*table tr:last-child{
    border:none !important;
}
table tr:last-child td{
    border: none !important;
}*/
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .upload-btn-wrapper input[type=file] {
        font-size: 100px;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
    }
.modal-header .btn-close{
    position:absolute;
    top:15px; right:15px;
}
.btn-close {
    background:#ccc url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/0.5em auto no-repeat;
border-radius:50%;
width:0.5em;
height:0.5em;
}
.modal-body, .form-control {
    font-size: 13px;
}
.modal-header {
    border-bottom: 1px solid #E50019;
    display: block;
}
.modal-title{
    font-size:14px;
    text-align:center;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 580px;
    }
}
.title-sitemap {
    border-bottom: 3px solid #E50019;
    font-size: 14px;
    padding-bottom: 5px;
    width:210px;
    margin-bottom:15px;
}

ul.sitemap {
    padding-left: 0;
}

    ul.sitemap li {
        list-style: none;
        position: relative;
        padding: 0 0 10px 20px;
    }

        ul.sitemap li a {
            color: #818386;
        }

            ul.sitemap li a:hover {
                color: #E50019;
            }

        ul.sitemap li::before {
            content: '';
            background: url(/images/return-right.svg) left center no-repeat;
            position: absolute;
            width: 9px;
            height: 18px;
            top: 3px;
            left: 0;
        }
        #map{
            height:500px;
        }
.page-link {
    color: #545557;
}
.picframe {
    overflow: hidden;
}

    .picframe img {
        -o-transition: 1s;
        -ms-transition: 1s;
        -moz-transition: 1s;
        -webkit-transition: 1s;
        transition: all 1s;
        outline: none;
    }

    .picframe:hover img {
        outline: none;
        transform: scale(1.3);
    }
.service_bg1:hover, .service_bg2:hover, .service_bg3:hover {
    box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
}
.service_bg1, .service_bg2, .service_bg3 {
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.pxl-button-theme .btn span.pxl--btn-text {
    padding: 0 25px 0 10px;
    font-weight:100;
}
.pxl-button-theme .btn i.pxl-icon-plus {
    width: 55px;
    position: relative;
}
    .pxl-button-theme .btn i.pxl-icon-plus:before, .pxl-button-theme .btn i.pxl-icon-plus:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 16px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -khtml-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        transform-origin: 50% 50%;
        -webkit-transition: all .15s cubic-bezier(.645,.045,.355,1);
        -khtml-transition: all .15s cubic-bezier(.645,.045,.355,1);
        -moz-transition: all .15s cubic-bezier(.645,.045,.355,1);
        -ms-transition: all .15s cubic-bezier(.645,.045,.355,1);
        -o-transition: all .15s cubic-bezier(.645,.045,.355,1);
        transition: all .15s cubic-bezier(.645,.045,.355,1);
        background-color: #fff
    }

    .pxl-button-theme .btn i.pxl-icon-plus:before {
        -webkit-transform: translate(-50%,-50%)rotate(90deg);
        -khtml-transform: translate(-50%,-50%)rotate(90deg);
        -moz-transform: translate(-50%,-50%)rotate(90deg);
        -ms-transform: translate(-50%,-50%)rotate(90deg);
        -o-transform: translate(-50%,-50%)rotate(90deg);
        transform: translate(-50%,-50%)rotate(90deg)
    }

    .pxl-button-theme .btn i.pxl-icon-plus:after {
        -webkit-transform: translate(-50%,-50%)rotate(0);
        -khtml-transform: translate(-50%,-50%)rotate(0);
        -moz-transform: translate(-50%,-50%)rotate(0);
        -ms-transform: translate(-50%,-50%)rotate(0);
        -o-transform: translate(-50%,-50%)rotate(0);
        transform: translate(-50%,-50%)rotate(0)
    }
.pxl-button-theme .btn:hover {
    color: #fff
}

    .pxl-button-theme .btn:hover span {
        border-color: transparent
    }

    .pxl-button-theme .btn:hover i.pxl-icon-plus:before {
        -webkit-transform: translate(-50%,-50%)rotate(45deg);
        -khtml-transform: translate(-50%,-50%)rotate(45deg);
        -moz-transform: translate(-50%,-50%)rotate(45deg);
        -ms-transform: translate(-50%,-50%)rotate(45deg);
        -o-transform: translate(-50%,-50%)rotate(45deg);
        transform: translate(-50%,-50%)rotate(45deg);
        margin-top: -4px;
        width: 12px
    }

    .pxl-button-theme .btn:hover i.pxl-icon-plus:after {
        -webkit-transform: translate(-50%,-50%)rotate(-45deg);
        -khtml-transform: translate(-50%,-50%)rotate(-45deg);
        -moz-transform: translate(-50%,-50%)rotate(-45deg);
        -ms-transform: translate(-50%,-50%)rotate(-45deg);
        -o-transform: translate(-50%,-50%)rotate(-45deg);
        transform: translate(-50%,-50%)rotate(-45deg);
        margin-top: 4px;
        width: 12px
    }

.pxl-button-theme .btn:hover, .pxl-button-theme .btn:active, .pxl-button-theme .btn:focus {
    background-color: #171A1B;
    color: #fff;
}

    .pxl-button-theme .btn:hover span, .pxl-button-theme .btn:active span, .pxl-button-theme .btn:focus span {
        border-color: transparent
    }

.elementor-121 .elementor-element.elementor-element-7fd972d .pxl-button-theme .btn {
    font-weight: 600;
    text-transform: uppercase;
}

.pxl-button-theme .btn {
    display: inline-flex;
    padding: 0;
    position: relative;
    z-index: 1;
    padding-left: 20px;
}

.elementor a {
    box-shadow: none;
    text-decoration: none;
}

.btn-banner {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 0 30px;
    line-height: 52px;
    -webkit-transition: all 200ms linear 0ms;
    -khtml-transition: all 200ms linear 0ms;
    -moz-transition: all 200ms linear 0ms;
    -ms-transition: all 200ms linear 0ms;
    -o-transition: all 200ms linear 0ms;
    transition: all 200ms linear 0ms;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
    -khtml-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -moz-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -ms-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    position: relative;
    cursor: pointer;
    border: none;
    background-color: #2db7ff;
    height: auto;
    overflow: hidden;
}
.pxl-button-theme .btn:before {
    width: 55px;
    height: 100%;
    position: absolute;
    content: "";
    z-index: -1;
    top: 0;
    right: 0;
    background-color: #3B4042;
}
.pxl-scroll-top {
    width: 40px;
    height: 45px;
    position: fixed;
    bottom: 110px;
    right: 35px;
    background-color: #2db7ff
    z-index: 9999;
    font-size: 38px;
    visibility: hidden;
    -webkit-transform: translateX(130%);
    -khtml-transform: translateX(130%);
    -moz-transform: translateX(130%);
    -ms-transform: translateX(130%);
    -o-transform: translateX(130%);
    transform: translateX(130%);
    -webkit-transition: all 300ms linear 0ms;
    -khtml-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -ms-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
    overflow: hidden;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
    .pxl-scroll-top.pxl-on {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -khtml-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
        visibility: visible;
    }
.pxl-scroll-top:before, .pxl-scroll-top:after {
    content: "";
    display: block;
    width: 0;
    background-color: initial;
    height: 80%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-left: 2px dashed rgba(255, 255, 255, 0.3);
}
    .pxl-scroll-top:after {
        right: 6px;
    }
    .pxl-scroll-top:before {
        left: 6px;
    }
.pxl-scroll-top i {
    line-height: 1;
    font-size: 16px;
    display: flex;
    align-items: center;
}
.pxl-image-effect2 {
    animation: pxl_bottom_top_small 3s ease-out infinite;
    -webkit-animation: pxl_bottom_top_small 3s ease-out infinite;
}
@keyframes pxl_bottom_top_small {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateY(10px)
    }

    50% {
        transform: translateY(0)
    }

    75% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}
.px-sub-title-default {
    margin-bottom: 4px;
    color: #3B4042;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
.pxl-item--title {
    font-size: 48px;
    margin-bottom: 0px;
    letter-spacing: 3px;
    color: #3b4042;
    font-weight:600;
}
.px-title--divider6 {
    width: 88px;
    height: 2px;
    display: inline-flex;
    position: relative;
    top: 2px;
}
    .px-title--divider6:before, .px-title--divider6:after, .px-title--divider6 span {
        content: '';
        flex-grow: 1;
        margin-left: 2px;
        margin-right: 2px;
        display: inline-block;
        background-color: #3b4042;
        height: 2px;
        width: 24px;
    }
    .px-title--divider6:before, .px-title--divider6:after, .px-title--divider6 span {
        content: '';
        flex-grow: 1;
        margin-left: 2px;
        margin-right: 2px;
        display: inline-block;
        background-color: #3b4042;
        height: 2px;
        width: 24px;
    }
.title-pdcat{
    font-size:18px;
    font-weight:bold;
}
.color1 {
    color: #545557;
}
#list-distribution {
    max-height: 430px;
    overflow-y: scroll;
}

    #list-distribution ul li {
        list-style: none;
    }
    #list-distribution ul li a{
        cursor: pointer;
    }
#list-distribution ul li a.item-map p:first-child{
    color:#2db7ff;
}
#list-distribution ul li p {
    margin-bottom: 0.5em;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #2db7ff !important;
    border-radius: 20px;
}

.select2-dropdown {
    border: 1px solid #2db7ff !important;
    border-top: none !important;
}
/* SHARE LINKS */
.share-links {
    margin: 3em 0;
    font-size: 14px;
}

    .share-links h3 {
        font-size: 13px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

        .share-links h3:before {
            content: "— ";
        }

    .share-links a {
        display: inline-block;
        padding: 5px 8px;
        color: inherit;
    }
.nav-pills {
    background: #fff;
    border-bottom: 1px solid #3B4042;
    padding-bottom:1px;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        background: #2db7ff;
        border-radius: 0;
        padding: 10px 40px;
    }
.icon-zalo {
    background-image: url(/images/zalo-logo.png) !important;
}

.fff-multicontact-icon {
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    background-position: 0% 50% !important;
    filter: invert(1);
    /*    width: 20px;*/
    height: 20px;
    color: #fff;
    cursor: pointer;
}

.icon-facebook {
    background-image: url(/images/facebook-messenger-brands.svg) !important;
}

.icon-hotline {
    background-image: url(/images/phone-brands.png) !important;
}

.fff-multicontact-icon span {
    filter: inherit;
    padding-left: 30px;
}

.zalo-detail {
    background: rgb(33, 150, 243);
    width: 150px;
    padding: 10px 20px 11px 20px;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.facebook-detail {
    background: rgba(0,132,255,1);
    width: 150px;
    padding: 10px 20px 11px 20px;
    float: left;
    margin-top: 10px;
    margin-right: 15px;
}

.hotline-detail {
    background: #f0483e;
    width: 150px;
    padding: 10px 20px 11px 20px;
    float: left;
    margin-top: 10px;
}

.zalo-detail, .facebook-detail, .hotline-detail {
    color: #fff;
    text-align: center;
}
@media (max-width: 768px) {
    .pxl-item--title{
        font-size: 35px;
        letter-spacing: 1px;
    }
}
@media all and (max-width: 600px) {
    .zalo-detail, .facebook-detail, .hotline-detail {
        width: 100%;
        float: inherit;
    }

    .full-description {
        padding: 40px 10px;
    }
    .banner-carousel .content-box .content{
        padding: 50px 0px 60px;
    }
    .banner-carousel .content-box .inner h2 {
    font-size: 30px;
    margin-bottom: 30px;
    font-weight: 600;
    letter-spacing: 4px;
    line-height: 40px;
}
.banner-carousel .slide-item{
    height: 450px;
}
.banner-section .owl-dots{
    bottom: 20px;
}
}
/*####################################
  ---------- 12. ERROR PAGE ----------
  ####################################*/
.error-page-bg{
   background-image: url("../img/images/404-bg.jpg");
    height: 800px; 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.error-page-bg:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #000, #000);
  opacity: 0.4;
}

.error-page .container{
    margin: 0px auto;
}

.error-page .middle {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #FFF;
}

.error-page .middle .error-number{
    font-weight: 600;
    font-size: 6rem;
    color: #FFF;
}

.error-page .middle h4{
    color: #2db7ff;
    margin-top: -20px;
    font-weight: 400;
}

.error-page .middle p {
    color: #FFF;
}
.media-list{
    margin-top: 1.3rem;
    clear: both;
    height: 80px;
}

.media-thumb{
    width: 150px;
    
    float: left;
    margin-right: 15px;
}

.media-thumb img{
    width: 100%;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.media-post h4{
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 1.4;
    color: #333;
}
.content-detail{
    text-align: justify;
}
.content-detail h2{
    color: #2db7ff;
    font-size: 23px;
}
.content-detail h3{
    font-size: 1.3rem;
}
.picture-thumbs button+.slick-list {
    margin: 40px 0
}

.picture-thumbs .slick-prev,.picture-thumbs .slick-next {
    position: absolute;
    left: 0;
    right: 0;
    width: 40px;
    height: 37px;
    margin: auto;
    border: none;
    background-color: #ededed;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 0;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /*font-family: 'Font Awesome 6 Free';*/
    font-size: 15px;
}

.picture-thumbs .slick-prev:before,.picture-thumbs .slick-next:before {
    
    text-transform: none;
    /*content: "\f077";*/
    font-size: 7px;
    width: 8px;
    height: 9px;
    color: #767676;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.picture-thumbs .slick-prev:hover,.picture-thumbs .slick-next:hover {
    background: #e6e6e6
}

.picture-thumbs .slick-prev:hover:before,.picture-thumbs .slick-next:hover:before {
    color: #2c2c2c
}

.picture-thumbs .slick-prev {
    top: -36px
}

.picture-thumbs .slick-next {
    bottom: -36px
}

/*.picture-thumbs .slick-next:before {
    content: "\f078"
}*/
.sevenspikes-cloudzoom-gallery:hover .slick-prev,.sevenspikes-cloudzoom-gallery:hover .slick-next {
    opacity: 1
}

.picture-thumbs .slick-prev.slick-disabled,.picture-thumbs .slick-next.slick-disabled {
    opacity: .3;
    cursor: default
}

.sevenspikes-cloudzoom-gallery .slick-dots {
    margin: 20px 0
}

.sevenspikes-cloudzoom-gallery .slick-dots button {
    background-color: #ababab;
    width: 9px;
    height: 9px;
    border: none;
    border-radius: 50%;
    font-size: 0
}

.sevenspikes-cloudzoom-gallery .slick-dots li {
    display: inline-block;
    padding: 5px
}

.sevenspikes-cloudzoom-gallery .slick-dots .slick-active button {
    background: #f3cc2e;
}
table thead{
    background:#2db7ff;
    color:#fff;
}
tbody, td, tfoot, th, thead, tr {
    border-width: 1px;
}
table thead th {
    padding: .5rem .5rem;
    font-weight: 500;
    text-align: center;
    background: #2db7ff !important;
}
tbody td {
    padding: .5rem .5rem;
    border: 1px solid #DFE0DF;
}
.table>thead {
    vertical-align: middle;
}
/* --- TOC container --- */
.toc {
    border: 1px solid #ddd;
    background: #f9f9f9;
    padding: 15px;
    margin: 20px 0;
    font-size: 15px;
    line-height: 1.6;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0,0,0,0.05);
}

.toc-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
    position: relative;
    padding-left:25px;
}
    .toc-title:before {
        font-size: 20px;
        font-family: "Font Awesome 6 Free";
        content: "\f0ca";
        padding-right: 10px;
        position: absolute;
        left: 0;
        top: 52%;
        transform: translateY(-50%);
    }
    /* --- TOC list --- */
    .toc ul {
        margin: 0;
        padding-left: 20px;
    }

.toc li {
    /*list-style: none;*/
    margin: 5px 0;
}

/* --- Depth classes --- */
.toc-h1 a {
    font-weight: bold;
}

.toc-h2 {
    margin-left: 10px;
}

.toc-h3 {
    margin-left: 20px;
}

.toc-h4 {
    margin-left: 30px;
}

.toc-h5 {
    margin-left: 40px;
}

.toc-h6 {
    margin-left: 50px;
}

/* --- Link style --- */
.toc a {
    text-decoration: none;
    color: #0073aa;
    transition: color 0.2s ease-in-out;
}

    .toc a:hover {
        color: #005177;
        text-decoration: underline;
    }
.toc-highlight {
    background-color: #ffffcc;
    transition: background-color 0.5s ease;
}