@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@700;800&display=swap');
.col-lg-offset-right-1, .col-md-offset-right-1 {
    margin-right: 8.33333333%
}

.cons_contact_info_two a {
    color: #7e8288;
}

a {
    color: #000;
    text-decoration: none;
    transition: all .3s ease-in-out
}

    a:focus, a:hover {
        color: #7d4219;
        text-decoration: none;
        outline: 0
    }

body {
    line-height: 32px;
    font-size: 18px;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    color: #7e8288;
    height: 100%
}

:focus {
    outline: 0
}

i:before {
    margin-left: 0 !important
}

button:focus {
    outline: 0
}

@media (min-width:1150px) {
    .container {
        max-width: 1150px
    }
}

.body_wrapper {
    overflow: hidden
}

h1, h2, h3, h4, h5, h6 {
    font-family: Outfit,sans-serif;
    color: #1e2228
}

.section_title_one {
    margin-bottom: 20px
}

.title_top {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 2.1px;
    color: #7d4219;
    font-weight: 600;
    margin-bottom: 10px
}

.title_head {
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}
.aboutus {
   
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 15px;
}
.mb_100 {
    margin-bottom: 100px
}

.pl_100 {
    padding-left: 100px
}

.pt_100 {
    padding-top: 100px
}

.pb_100 {
    padding-bottom: 100px
}

.sec_pad {
    padding: 100px 0
}

.text_btn {
    font-size: 16px;
    font-weight: 600;
    color: #f3e79e;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    align-items: center
}

    .text_btn:before {
        content: attr(data-text);
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        color: #7d4219;
        overflow: hidden;
        z-index: 0;
        transition: all 1s cubic-bezier(.165,.84,.44,1);
        white-space: nowrap
    }

    .text_btn:hover {
        color: #7d4219;
        transition: color 1s linear
    }

        .text_btn:hover:before {
            width: 100%
        }

.theme_btn {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    background: #f3e79e;
    border-radius: 3px;
    padding: 10px 48px;
    text-align: center
}

.theme_btn_two {
    background: #f2e1c2;
    font-size: 14px;
    font-weight: 600;
    color: #7d4219;
    padding: 8px 61px;
    border-radius: 3px;
    color: #7d4219
}

    .theme_btn_two:hover {
        color: #fff
    }

.hover_style1 {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

    .hover_style1:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .hover_style1:after {
        transform: scaleX(0);
        transform-origin: right;
        transition: all .5s linear;
        transition-timing-function: cubic-bezier(.075,.82,.165,1);
        transition-property: transform;
        z-index: -1;
        background: #7d4219
    }

    .hover_style1 i {
        margin-left: 15px
    }

    .hover_style1:hover {
        color: #7d4219
    }

        .hover_style1:hover:after {
            transform: scaleX(1);
            transform-origin: left
        }

.theme_btn_three {
    background: #7d4219;
    padding: 10px 56px
}

    .theme_btn_three:after {
        background: #f3e79e
    }

.theme_btn_white:after {
    background: #fff
}

.theme_btn_white:hover {
    color: #7d4219
}

.more_btn {
    color: #7d4219;
    font: 600 14px Outfit,sans-serif
}

    .more_btn i {
        margin-left: 15px;
        transition: all .3s linear 0s
    }

    .more_btn:hover {
        color: #7d4219
    }

        .more_btn:hover i {
            margin-left: 10px
        }

.yellow_btn {
    background: #fe8a00
}

.text_btn_two {
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

    .text_btn_two:hover {
        color: #7d4219
    }

.pace {
    pointer-events: none;
    user-select: none;
    z-index: 99999999999;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    border: 0;
    height: 2px;
    overflow: hidden;
    background: rgba(255,255,255,.2);
    transition: all 1.2s
}

    .pace .pace-progress {
        transform: translate3d(0,0,0);
        max-width: 400px;
        position: fixed;
        z-index: 999999999999;
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        height: 100%;
        width: 100%;
        background: #ccc
    }

    .pace.pace-inactive {
        width: 100vw;
        opacity: 0
    }

        .pace.pace-inactive .pace-progress {
            max-width: 100vw
        }

#preloader {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    z-index: 9999999
}

    #preloader:after, #preloader:before {
        content: "";
        position: fixed;
        left: 0;
        height: 50vh;
        width: 100%;
        background: #333;
        transition-timing-function: cubic-bezier(.19,1,.22,1)
    }

    #preloader:before {
        top: 0
    }

    #preloader:after {
        bottom: 0
    }

    #preloader.load_coplate {
        visibility: hidden;
        transition-delay: 1.3s
    }

        #preloader.load_coplate:after, #preloader.load_coplate:before {
            height: 0;
            transition: all .7s cubic-bezier(1,0,.55,1);
            transition-delay: .7s
        }

.product_name {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 10px;
    position: absolute;
    font-size: 70px;
    font-family: Outfit,sans-serif;
    top: 40%;
    left: 50%;
    color: #fff;
    transform: translate(-50%,-50%)
}

    .product_name.load_coplate {
        top: 36%;
        opacity: 0;
        transition: all .8s cubic-bezier(.19,1,.22,1);
        transition-delay: .5s
    }

header {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    z-index: 100
}

    header + div, header + section {
        padding-top: 145px
    }

.header_top_gap {
    top: 3px
}

    .header_top_gap + div, .header_top_gap + section {
        padding-top: 137px
    }

.border_bottom .navbar {
    border-bottom: 1px solid rgba(255,255,255,.15)
}

.header_top {
    padding: 8px 0;
    background: #fbfbfb
}

    .header_top .menu_contact_info {
        margin-bottom: 0
    }

        .header_top .menu_contact_info li {
            display: inline-block;
            margin-right: 55px
        }

            .header_top .menu_contact_info li a {
                font-size: 13px;
                font-weight: 500;
                color: #a8aaad
            }

                .header_top .menu_contact_info li a i {
                    font-size: 14px;
                    margin-right: 8px
                }

                .header_top .menu_contact_info li a:hover {
                    color: #7d4219
                }

            .header_top .menu_contact_info li:last-child {
                margin-right: 0
            }

    .header_top .f_social {
        margin-bottom: 0
    }

.header_top_two {
    padding: 20px 0 70px
}

.heder_contact_info {
    margin-bottom: 0
}

    .heder_contact_info li {
        font-size: 14px;
        font-weight: 500;
        color: #7e8288;
        margin-right: 80px;
        display: inline-block
    }

        .heder_contact_info li a {
            color: #7e8288
        }

            .heder_contact_info li a:hover {
                color: #7d4219
            }

        .heder_contact_info li:last-child {
            margin-right: 0
        }

.navbar {
    box-shadow: 0 5px 40px 0 rgba(30,34,40,.05);
    background: #fff;
    padding: 0
}

.menu > .nav-item {
    padding: 27px 0;
    transition: all .2s linear
}

    .menu > .nav-item > .nav-link {
        font-size: 16px;
        font-family: Outfit,sans-serif;
        color: #7e8288;
        font-weight: 700;
        line-height: 36px;
        padding: 0;
        text-transform: uppercase;
        position: relative;
        transition: color .3s linear
    }

        .menu > .nav-item > .nav-link:after {
            display: none
        }

    .menu > .nav-item.submenu .dropdown-menu {
        border: 0;
        margin: 0;
        border-radius: 0;
        left: -30px;
        min-width: 180px;
        padding: 20px 0;
        background: #fff;
        box-shadow: -1px 2px 19px 3px rgba(14,0,40,.05)
    }

@media (min-width:992px) {
    .menu > .nav-item.submenu .dropdown-menu {
        transform: translateY(20px);
        transition: all .3s ease-in;
        opacity: 0;
        visibility: hidden;
        display: block
    }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item {
    display: block;
    width: 100%;
    margin-right: 0;
    padding: 0 30px;
    position: relative
}

    .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
        padding: 0;
        white-space: nowrap;
        font: 600 13px/36px Outfit,sans-serif;
        display: block;
        color: #7e8288;
        transition: color .2s linear
    }

        .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
            display: none
        }

    .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link {
        color: #f3e79e
    }

    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
        transition: all .3s ease-in;
        padding: 0
    }

@media (min-width:992px) {
    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
        position: absolute;
        left: 100%;
        top: -25px;
        opacity: 0;
        display: block;
        visibility: hidden;
        transform: translateY(20px);
        transition: all .3s ease-in
    }
}

.menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu {
    min-width: 710px;
    width: 100%;
    left: -70px;
    padding: 20px 40px;
    box-shadow: 0 6px 20px 0 rgba(1,6,33,.08);
    display: flex;
    flex-wrap: wrap
}

    .menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col {
        width: 33.33%
    }

        .menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li a {
            font: 500 15px/36px Outfit,sans-serif;
            color: #7e8288
        }

        .menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li.active a, .menu > .nav-item.submenu .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li:hover a {
            color: #f3e79e
        }

.menu > .nav-item.active .nav-link {
    color: #f3e79e;
    opacity: 1
}

.menu > .nav-item:hover .nav-link {
    color: #f3e79e
}

@media (min-width:992px) {
    .menu > .nav-item:hover .dropdown-menu {
        opacity: 1;
        transform: translateY(0);
        visibility: visible
    }
}

@media (min-width:992px) and (min-width:992px) {
    .menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
        transform: scaleY(1);
        opacity: 1;
        visibility: visible
    }
}

.menu > .nav-item + .nav-item {
    margin-left: 50px
}

.navright {
    margin-left: 100px
}

    .navright li {
        margin-left: 38px;
        line-height: 18px;
        padding: 32px 0;
        position: relative
    }

        .navright li a {
            font-size: 24px;
            color: #a8aaad;
            transition: color .2s linear
        }

        .navright li:hover a {
            color: #f3e79e
        }

        .navright li:first-child {
            margin-left: 0
        }

        .navright li.shoping-cart > a {
            position: relative
        }

            .navright li.shoping-cart > a:before {
                content: "";
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #f31c49;
                position: absolute;
                top: 0;
                right: -3px;
                display: block
            }

        .navright li.shoping-cart .dropdown-menu {
            margin: 0;
            border: 0;
            border-radius: 0;
            left: auto;
            right: 0;
            min-width: 350px;
            padding: 30px;
            background: #fff;
            box-shadow: -1px 2px 19px -3px rgba(14,0,40,.05);
            transform: translateY(20px);
            transition: all .3s ease-in;
            opacity: 0;
            visibility: hidden;
            display: block
        }

@media (max-width:991px) {
    .navright li.shoping-cart .dropdown-menu {
        position: absolute
    }
}

.navright li.shoping-cart .dropdown-menu .cart-single-item {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 0
}

    .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-img {
        display: block;
        width: 30%;
        transition: all .3s linear
    }

    .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content {
        width: 60%;
        padding-left: 15px;
        align-self: center
    }

        .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content .cart-title a {
            font-size: 15px;
            font-weight: 600;
            line-height: 22px;
            margin-bottom: 10px;
            display: inline-block;
            transition: color .3s linear;
            color: #f3e79e
        }

        .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content p {
            font-size: 14px;
            line-height: 22px;
            color: #f3e79e;
            font-weight: 700;
            margin-bottom: 0
        }

            .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-content p del {
                color: #7e8288;
                font-weight: 600
            }

    .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-remove {
        width: 10%;
        text-align: right;
        align-self: center
    }

        .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-remove a {
            font-size: 18px;
            font-family: Outfit,sans-serif;
            font-weight: 600;
            transition: color .2s linear
        }

            .navright li.shoping-cart .dropdown-menu .cart-single-item .cart-remove a:hover {
                color: #7d4219
            }

    .navright li.shoping-cart .dropdown-menu .cart-single-item:hover .cart-img {
        opacity: .5
    }

    .navright li.shoping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
        color: #7d4219
    }

.navright li.shoping-cart .dropdown-menu .cart_f {
    margin-left: 0;
    border-top: 1px solid #ededed;
    padding: 0
}

    .navright li.shoping-cart .dropdown-menu .cart_f .cart-pricing .total {
        margin-bottom: 0;
        font-size: 18px;
        font-weight: 600;
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex;
        justify-content: space-between
    }

.navright li.shoping-cart .dropdown-menu .cart-button {
    display: flex;
    justify-content: space-between
}

    .navright li.shoping-cart .dropdown-menu .cart-button .theme_btn {
        border: 0;
        padding: 14px 20px;
        width: 48%
    }

@media (min-width:992px) {
    .navright li.shoping-cart:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

.navright li.shoping-cart.open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.navright li.search .search-form {
    position: absolute;
    width: 370px;
    box-shadow: 0 6px 20px 0 rgba(1,6,33,.08),-3px 0 0 0 rgba(238,144,81,.004);
    top: 100%;
    left: auto;
    right: -62px;
    z-index: 20;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear;
    border-left: 3px solid #7d4219
}

    .navright li.search .search-form .form-control {
        font-size: 18px;
        border: 0;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        padding-left: 30px;
        height: 60px
    }

        .navright li.search .search-form .form-control.placeholder {
            color: #7e8288
        }

        .navright li.search .search-form .form-control:-moz-placeholder {
            color: #7e8288
        }

        .navright li.search .search-form .form-control::-moz-placeholder {
            color: #7e8288
        }

        .navright li.search .search-form .form-control::-webkit-input-placeholder {
            color: #7e8288
        }

    .navright li.search .search-form button {
        border: 0;
        background: #fff;
        margin-left: -1px;
        padding-right: 20px;
        color: #7d4219
    }

.navright li.search.open .search-form {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.main_menu {
    margin-top: -45px
}

    .main_menu .navbar {
        background: #f3e79e;
        border-radius: 2px;
        padding-left: 40px;
        padding-right: 40px
    }

@media (min-width:991px) {
    .main_menu .navbar .navbar-brand {
        display: none
    }
}

.main_menu .navbar .menu > .nav-item > .nav-link {
    color: #b7b9bc
}

.main_menu .navbar .menu > .nav-item.active > .nav-link, .main_menu .navbar .menu > .nav-item:hover > .nav-link {
    color: #fff
}

.main_menu .navbar .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .main_menu .navbar .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
    color: #f3e79e
}

.main_menu .navbar .navright li a {
    color: #b7b9bc
}

.main_menu .navbar .navright li:hover a {
    color: #fff
}

.custom_container {
    padding-left: 70px;
    padding-right: 70px
}

.header_tranparent {
    top: 0
}

    .header_tranparent + div, .header_tranparent + section {
        padding-top: 0
    }

    .header_tranparent .header_top {
        border-bottom: 1px solid rgba(255,255,255,.1);
        background: 0 0
    }

        .header_tranparent .header_top .f_social li a, .header_tranparent .header_top .menu_contact_info li a {
            color: #fff
        }

            .header_tranparent .header_top .f_social li a:hover, .header_tranparent .header_top .menu_contact_info li a:hover {
                color: #7d4219
            }

    .header_tranparent .navbar {
        background: #fff;
        box-shadow: none
    }

.ml-166 {
    margin-left: 166px
}

.white_menu .menu > .nav-item > .nav-link {
    color: #000
}

.white_menu .menu > .nav-item.active > .nav-link, .white_menu .menu > .nav-item:hover > .nav-link {
    color: #7d4219
}

.white_menu .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .white_menu .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
    color: #7d4219
}

.white_menu .menu > .nav-item .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li.active a, .white_menu .menu > .nav-item .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li:hover a {
    color: #7d4219
}

.white_menu .navright li a {
    color: #000
}

.white_menu .navright li:hover a {
    color: #7d4219
}

.white_menu.hover_color .menu > .nav-item.active > .nav-link, .white_menu.hover_color .menu > .nav-item:hover > .nav-link {
    color: #f3e79e
}

.white_menu.hover_color .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .white_menu.hover_color .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
    color: #f3e79e
}

.white_menu.hover_color .navright li:hover a {
    color: #f3e79e
}

.black_menu .menu > .nav-item > .nav-link {
    color: #363d48
}

.black_menu .menu > .nav-item.active > .nav-link, .black_menu .menu > .nav-item:hover > .nav-link {
    color: #7d4219
}

.black_menu .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .black_menu .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
    color: #7d4219
}

.black_menu .navright li a {
    color: #363d48
}

.black_menu .navright li:hover a {
    color: #7d4219
}

.header_top_gap_two {
    top: 0
}

    .header_top_gap_two + div, .header_top_gap_two + section {
        margin-top: 89px;
        padding-top: 0
    }

.phone {
    font-size: 14px;
    color: #f3e79e;
    font-weight: 500
}

    .phone:hover {
        color: #7d4219
    }

.menu_style_three .navright li a {
    color: #f3e79e
}

.menu_style_three .navright li:hover a {
    color: #7d4219
}

.header_top_gap_three + div, .header_top_gap_three + section {
    padding-top: 56px
}

.header_top_gap_three .navbar {
    background: 0 0;
    box-shadow: none
}

.dark_menu .header_top {
    background: #272d34
}

.dark_menu .navbar {
    background: #f3e79e
}

    .dark_menu .navbar .menu > .nav-item > .nav-link {
        color: #b7b9bc
    }

    .dark_menu .navbar .menu > .nav-item.active > .nav-link, .dark_menu .navbar .menu > .nav-item:hover > .nav-link {
        color: #fff
    }

    .dark_menu .navbar .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .dark_menu .navbar .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
        color: #7d4219
    }

    .dark_menu .navbar .menu > .nav-item .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li.active a, .dark_menu .navbar .menu > .nav-item .dropdown-menu.dropdown_mega_menu .mega_menu_col ul li:hover a {
        color: #7d4219
    }

    .dark_menu .navbar .navright li a {
        color: #b7b9bc
    }

    .dark_menu .navbar .navright li:hover a {
        color: #fff
    }

.header_big_logo .menu_contact_info {
    margin-left: 270px
}

.header_big_logo .big_logo {
    padding: 0;
    margin-top: -52px;
    margin-bottom: -30px
}

.header_big_logo .navbar-brand {
    margin-right: 0
}

    .header_big_logo .navbar-brand + .navbar-brand {
        display: none
    }

.header_big_logo .menu {
    margin-left: 100px
}

.language_list {
    margin-bottom: 0
}

    .language_list li {
        display: inline-block;
        margin-right: 8px
    }

        .language_list li a {
            font-size: 13px;
            color: #a8aaad;
            font-weight: 600;
            position: relative
        }

            .language_list li a:before {
                content: "";
                width: 0;
                height: 1px;
                position: absolute;
                left: auto;
                right: 0;
                bottom: 0;
                background: #363d48;
                transition: width .2s linear
            }

            .language_list li a:hover {
                color: #363d48
            }

                .language_list li a:hover:before {
                    width: 100%;
                    right: auto;
                    left: 0
                }

        .language_list li:last-child {
            margin-right: 0
        }

.header_top_gap_four {
    top: 0
}

    .header_top_gap_four + div, .header_top_gap_four + section {
        margin-top: 120px
    }

    .header_top_gap_four .menu > .nav-item {
        padding-top: 42px;
        padding-bottom: 42px
    }

    .header_top_gap_four .navright li {
        padding: 47px 0
    }

.menu-is-opened .mobile_menu {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.menu-is-opened .body_capture {
    opacity: 1;
    visibility: visible
}

.mobile_menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 400px;
    background: #f3e79e;
    padding: 50px 50px 50px 70px;
    z-index: 999999;
    height: 100%;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: all .5s ease
}

    .mobile_menu .close_btn {
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 30px;
        color: #000;
        font-size: 25px;
        font-weight: 600;
        cursor: pointer;
        transition: all .2s linear
    }

        .mobile_menu .close_btn:hover {
            color: #7d4219
        }

.mb_menu {
    width: 100%;
    overflow-y: auto;
    height: 460px
}

    .mb_menu li {
        margin-bottom: 28px
    }

        .mb_menu li a {
            display: inline-block;
            color: #000000;
            font-size: 20px;
            font-weight: 600;
            position: relative;
            padding-left: 0;
            width: auto;
            padding-right: 30px;
            transition: color .2s linear
        }

            .mb_menu li a:after {
                content: "\f105";
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                position: absolute;
                top: 50%;
                right: 0;
                font-size: 16px;
                transform: translateY(-50%);
                opacity: 0;
                visibility: hidden;
                margin-top: 1px
            }

        .mb_menu li ul {
            padding: 15px 30px 0;
            display: none;
            width: 100%
        }

            .mb_menu li ul li {
                margin-bottom: 14px
            }

                .mb_menu li ul li:last-child {
                    margin-bottom: 0
                }

                .mb_menu li ul li a {
                    font-size: 16px;
                    padding-left: 0;
                    padding-right: 0
                }

        .mb_menu li.active > a, .mb_menu li:hover > a {
            color: #7d4219
        }

        .mb_menu li.menu-item-has-children > a:after {
            opacity: 1;
            visibility: visible
        }

.body_capture {
    position: fixed;
    background: rgba(0,0,0,.5);
    height: 100%;
    width: 100%;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in;
    top: 0
}

.social_links {
    margin-bottom: 0
}

    .social_links li {
        display: inline-block;
        margin-right: 35px
    }

        .social_links li a {
            width: auto;
            height: auto;
            line-height: inherit;
            background-color: inherit;
            position: static;
            color: #7d4219;
            font-size: 20px;
            transition: color .2s linear
        }

            .social_links li a:hover {
                color: #000000
            }

.copyright p {
    margin-bottom: 0;
    color: #7e8288;
    font-size: 16px;
    line-height: 24px
}

    .copyright p a {
        color: #7d4219
    }

.sticky_logo img {
    display: inline-block;
    height: 58px;
}
.f_logo img{
    height: 58px;
}
    .sticky_logo img + img {
        display: none
    }

.navbar_fixed #header {
    position: fixed;
    width: 100%;
    top: -71px;
    left: 0;
    right: 0;
    background: 0 0;
    transform: translateY(70px);
    transition: transform .5s ease,background .5s ease;
    z-index: 100;
    margin-top: 0;
    background: #fff;
    box-shadow: 0 5px 40px 0 rgba(30,34,40,.05)
}

    .navbar_fixed #header .navright li {
        padding: 25px 0
    }

    .navbar_fixed #header .menu > .nav-item {
        padding: 20px 0
    }

    .navbar_fixed #header .sticky_logo img {
        display: none
    }

        .navbar_fixed #header .sticky_logo img + img {
            display: inline-block
        }

    .navbar_fixed #header .big_logo {
        display: none
    }

.navbar_fixed .main_menu#header {
    background: 0 0;
    box-shadow: none
}

.navbar_fixed .white_menu .menu > .nav-item > .nav-link {
    color: #000
}

.navbar_fixed .white_menu .menu > .nav-item.active > .nav-link, .navbar_fixed .white_menu .menu > .nav-item:hover > .nav-link {
    color: #7d4219
}

.navbar_fixed .white_menu .menu > .nav-item .dropdown-menu .nav-item.active .nav-link, .navbar_fixed .white_menu .menu > .nav-item .dropdown-menu .nav-item:hover .nav-link {
    color: #7d4219
}

.navbar_fixed .white_menu .navright li a {
    color: #000
}

.navbar_fixed .white_menu .navright li:hover a {
    color: #7d4219
}

.navbar_fixed.dark_menu #header {
    background: #f3e79e
}

.navbar_fixed.header_big_logo #header .navbar-brand + .navbar-brand {
    display: block
}

.main_slider_area {
    position: relative
}

    .main_slider_area .slider-progress {
        width: 100%;
        height: 5px;
        background: #ebe5e5;
        position: absolute;
        top: 0
    }

        .main_slider_area .slider-progress .slider_progress_bar {
            width: 0;
            height: 100%;
            background-image: linear-gradient(90deg,#7d4219 0,#f2bf27 100%);
            transition: all 0s linear
        }

            .main_slider_area .slider-progress .slider_progress_bar.active {
                width: 100%
            }

        .main_slider_area .slider-progress.dark {
            background: #f3e79e
        }

    .main_slider_area:hover .slider_left_arrow {
        left: 30px;
        opacity: 1
    }

    .main_slider_area:hover .slider_right_arrow {
        opacity: 1;
        right: 30px
    }

.slider_left_arrow, .slider_right_arrow {
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    top: 57%;
    border-radius: 50%;
    transform: translateY(-50%);
    z-index: 1;
    transition: all .2s linear;
    opacity: 0;
    cursor: pointer
}

    .slider_left_arrow:hover, .slider_right_arrow:hover {
        background: #fff;
        color: #732f03
    }

.slider_left_arrow {
    left: 0
}

.slider_right_arrow {
    right: 0
}

.main_slider {
    height: 935px
}

    .main_slider .slick-list, .main_slider .slick-track {
        height: 100%
    }

    .main_slider .slider_item {
        background-size: cover !important;
        background-position: center 0 !important;
        position: relative;
        padding-top: 180px
    }

        .main_slider .slider_item .overlay_bg {
            background-image: linear-gradient(90deg,rgba(30,34,40,.4) 0,rgba(30,34,40,.1) 100%);
            opacity: 1
        }

.slider_text {
    max-width: 520px;
    position: relative;
    z-index: 1
}

    .slider_text h2, .slider_text p {
        color: #fff
    }

    .slider_text h5 {
        color: #fff;
        font-size: 36px;
        line-height: 42px;
        letter-spacing: -.72px;
        font-weight: 700;
        margin-bottom: 15px
    }

    .slider_text h2 {
        font-size: 50px;
        line-height: 76px;
        letter-spacing: -1.2px;
        font-weight: 700;
        margin-bottom: 40px
    }

        .slider_text h2 .light {
            font-weight: 300
        }

    .slider_text p {
        font-size: 24px;
        line-height: 36px;
        font-weight: 500;
        margin-bottom: 85px
    }

    .slider_text .theme_btn {
        font-size: 18px;
        padding: 13px 68px
    }

    .slider_text.slider_text_width {
        max-width: 630px
    }

.main_slider_area_two .main_slider {
    height: 100vh
}

    .main_slider_area_two .main_slider .slider_item {
        padding-top: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

    .main_slider_area_two .main_slider .slider_text {
        max-width: 610px
    }

        .main_slider_area_two .main_slider .slider_text .theme_btn {
            background: #e78318;
            padding: 13px 59px
        }

.main_slider_area_two .slider_left_arrow, .main_slider_area_two .slider_right_arrow {
    top: 50%
}

.main_slider_area_four .main_slider .slider_item .overlay_bg {
    background-image: linear-gradient(-90deg,rgba(47,31,23,.88) 0,rgba(47,31,23,0) 100%)
}

.main_slider_area_five .main_slider {
    height: 100vh
}

    .main_slider_area_five .main_slider .slider_item {
        padding-top: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        background-image: linear-gradient(-90deg,rgba(237,236,233,.99608) 0,#e3e7f2 100%)
    }

    .main_slider_area_five .main_slider .slider_text {
        max-width: initial;
        margin-right: -30px
    }

        .main_slider_area_five .main_slider .slider_text h2 {
            color: #f3e79e
        }

            .main_slider_area_five .main_slider .slider_text h2 .color_yellow {
                color: #ffbd01
            }

        .main_slider_area_five .main_slider .slider_text p {
            color: #7e8288
        }

        .main_slider_area_five .main_slider .slider_text .theme_btn {
            color: #f3e79e;
            background: #ffbd01
        }

            .main_slider_area_five .main_slider .slider_text .theme_btn:hover {
                color: #fff
            }

    .main_slider_area_five .main_slider .slider_img {
        margin-left: -90px
    }

        .main_slider_area_five .main_slider .slider_img img {
            display: inline-block
        }

.main_slider_area_five .slick-arrow {
    border-color: #f3e79e;
    color: #f3e79e
}

    .main_slider_area_five .slick-arrow:hover {
        border-color: #ffbd01;
        background: #ffbd01
    }

.main_slider_area_six .slider-progress {
    height: 3px
}

.main_slider_area_six .main_slider {
    height: 940px
}

    .main_slider_area_six .main_slider .slider_item .overlay_bg {
        background-image: linear-gradient(90deg,rgba(30,34,40,.7) 0,rgba(30,34,40,.05) 100%)
    }

    .main_slider_area_six .main_slider .slider_text h2 {
        font-size: 100px;
        line-height: 110px;
        letter-spacing: -2px;
        margin-bottom: 14px
    }

.cons_banner_area_seven {
    position: relative;
    z-index: 1
}

    .cons_banner_area_seven .overlay_bg {
        background: linear-gradient(90deg,#1e2228 0,rgba(30,34,40,.1) 100%);
        opacity: .35
    }

    .cons_banner_area_seven .slider_text {
        max-width: 100%;
        top: 55px
    }

.banner_content_seven {
    top: 40px;
    position: relative
}

    .banner_content_seven h2, .banner_content_seven h5 {
        color: #fff;
        font-weight: 700
    }

    .banner_content_seven h5 {
        font-size: 36px;
        line-height: 46px;
        letter-spacing: -.72px
    }

    .banner_content_seven h2 {
        font-size: 100px;
        line-height: 110px;
        letter-spacing: -2px
    }

    .banner_content_seven .video_btn .icon {
        border-color: #fb9402;
        color: #fb9402
    }

    .banner_content_seven .video_btn:hover .icon {
        border-color: #fb9402;
        background: #fb9402;
        color: #fff
    }

.main_slider_area_eight .main_slider .slider_item .overlay_bg {
    background-image: linear-gradient(90deg,rgba(30,34,40,.5) 0,rgba(30,34,40,.05) 100%)
}

.main_slider_area_eight .main_slider .slider_text {
    max-width: 620px
}

    .main_slider_area_eight .main_slider .slider_text .theme_btn {
        background: #db5f08
    }

    .main_slider_area_eight .main_slider .slider_text .text_btn_two {
        margin-left: 40px;
        transition: all .2s linear
    }

        .main_slider_area_eight .main_slider .slider_text .text_btn_two:hover {
            color: #db5f08
        }

.banner_nine_area {
    height: 100vh;
    min-height: 770px;
    background: url(../img/home-nine/banner_img.jpg) no-repeat scroll center 0/cover;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

    .banner_nine_area .overlay_bg {
        background-image: linear-gradient(0deg,#f3a409 0,#f3593b 100%);
        opacity: .9
    }

.banner_nine_content {
    max-width: 580px
}

    .banner_nine_content h2, .banner_nine_content p {
        color: #fff
    }

    .banner_nine_content h2 {
        font-size: 60px;
        line-height: 76px;
        letter-spacing: -1.2px;
        margin-bottom: 40px
    }

        .banner_nine_content h2 span {
            font-weight: 700
        }

    .banner_nine_content p {
        font-size: 24px;
        line-height: 44px;
        font-weight: 500;
        margin-bottom: 85px
    }

.baner_area_ten {
    height: calc(100vh - 90px);
    position: relative;
    z-index: 1;
    min-height: 600px
}

    .baner_area_ten .overlay_bg {
        background: #f3e79e
    }

.overlay_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: .3
}

.banner_content_ten h2, .banner_content_ten h3, .banner_content_ten p {
    font-weight: 700;
    color: #fff
}

.banner_content_ten h3 {
    font-size: 36px;
    letter-spacing: -.72px
}

.banner_content_ten h2 {
    font-size: 100px;
    letter-spacing: -2px
}

.banner_content_ten p {
    font-size: 24px;
    line-height: 44px;
    font-weight: 400
}

.banner_content_ten .arrow_btn_link {
    width: 45px;
    height: 78px;
    border: 2px solid #fff;
    border-top-left-radius: 45px;
    border-top-right-radius: 45px;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    display: inline-block;
    margin-top: 120px
}

    .banner_content_ten .arrow_btn_link .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #fff;
        top: 13px;
        left: 50%;
        transform: translateX(-50%);
        position: relative
    }

.cons_banner_area_thirteen .overlay_bg {
    opacity: .6
}

.cons_banner_area_thirteen .slider_text .theme_btn {
    background: #363d48
}

.cons_banner_area_thirteen .slider_text .text_btn_two {
    margin-left: 50px
}

    .cons_banner_area_thirteen .slider_text .text_btn_two:hover {
        color: #f3e79e
    }

.main_slider_area_fifteen .main_slider {
    height: 940px
}

    .main_slider_area_fifteen .main_slider .slider_item .overlay_bg {
        background-image: linear-gradient(90deg,rgba(30,34,40,.65) 0,rgba(30,34,40,.05) 100%)
    }

    .main_slider_area_fifteen .main_slider .slider_text {
        top: 40px
    }

        .main_slider_area_fifteen .main_slider .slider_text .yellow_btn {
            background: #ef9c0c
        }

.cons_banner_area_sixten {
    height: 100vh;
    display: flex;
    align-items: center
}

.banner_content_sixten {
    position: relative;
    top: 30px
}

    .banner_content_sixten h2 {
        font-size: 60px;
        line-height: 76px;
        font-weight: 700;
        letter-spacing: -.2px;
        margin-bottom: 42px
    }

    .banner_content_sixten p {
        font-size: 24px;
        line-height: 44px;
        font-weight: 500;
        margin-bottom: 88px
    }

    .banner_content_sixten h2, .banner_content_sixten p {
        color: #fff
    }

    .banner_content_sixten .scroll_btn {
        width: 77px;
        height: 77px;
        border-radius: 50%;
        line-height: 77px;
        text-align: center;
        font-size: 24px;
        color: #fff;
        position: relative;
        display: block
    }

        .banner_content_sixten .scroll_btn:before {
            content: "";
            animation: spinner 3s infinite linear;
            border-radius: 50%;
            border: 3px solid #fff;
            border-left-color: #7d4219;
            border-top-color: #7d4219;
            margin: 0 auto 0 auto;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0
        }

.cons_banner_area_eighteen {
    position: relative;
    z-index: 1
}

    .cons_banner_area_eighteen .overlay_bg {
        background: linear-gradient(90deg,#f3e79e 0,rgba(30,34,40,.3) 100%);
        opacity: .65
    }

    .cons_banner_area_eighteen .banner_content_sixten h2 {
        letter-spacing: -1.4px
    }

.video_btn {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-top: 85px;
    display: inline-flex
}

    .video_btn .icon {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 1px solid #fff;
        font-size: 25px;
        color: #fff;
        text-align: center;
        line-height: 100px;
        transition: all .2s linear;
        margin-right: 30px
    }

    .video_btn:hover {
        color: #fff
    }

        .video_btn:hover .icon {
            background: #fff;
            color: #7d4219
        }

.cons_shop_banner_area {
    display: flex;
    flex-wrap: wrap
}

    .cons_shop_banner_area .cons_shop_banner_left {
        width: calc(50% - 285px);
        display: flex;
        align-items: center
    }

        .cons_shop_banner_area .cons_shop_banner_left .shop_banner_content {
            max-width: 410px;
            margin-left: auto;
            margin-right: -100px;
            position: relative;
            z-index: 1
        }

            .cons_shop_banner_area .cons_shop_banner_left .shop_banner_content h3 {
                font-size: 36px;
                color: #7d4219;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 20px
            }

            .cons_shop_banner_area .cons_shop_banner_left .shop_banner_content h2 {
                font-size: 60px;
                line-height: 76px;
                font-weight: 700;
                color: #f3e79e;
                letter-spacing: -1.2px;
                margin-bottom: 70px
            }

            .cons_shop_banner_area .cons_shop_banner_left .shop_banner_content .text_btn {
                font-size: 18px
            }

    .cons_shop_banner_area .cons_shop_banner_right {
        width: calc(50% + 285px)
    }

.slider_tweenty_area {
    background-image: linear-gradient(0deg,#f6f4f4 0,#f2f1f1 45%,#f7f7f9 82%)
}

    .slider_tweenty_area .slider_item {
        padding-top: 16vh;
        height: 100%
    }

        .slider_tweenty_area .slider_item .container, .slider_tweenty_area .slider_item .row {
            height: 100%
        }

    .slider_tweenty_area .slider_img {
        margin-right: -170px;
        margin-left: -90px
    }

        .slider_tweenty_area .slider_img img {
            max-width: 100%
        }

.slider_tweenty_content {
    padding-top: 120px
}

    .slider_tweenty_content h2 {
        font-size: 60px;
        line-height: 76px;
        letter-spacing: -1.2px;
        font-weight: 700;
        margin-bottom: 42px
    }

    .slider_tweenty_content p {
        font-size: 24px;
        line-height: 44px;
        font-weight: 500
    }

    .slider_tweenty_content .theme_btn {
        margin-top: 65px
    }

.cons_about_area {
    padding-top: 150px;
    padding-bottom: 100px;
    position: relative;
    z-index: 1
}

.shape {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1
}

.cons_about_img {
    position: relative;
    text-align: center;
    padding-top: 50px;
    z-index: 1
}

    .cons_about_img .one {
        border-radius: 2px;
        background-color: #a8aaad;
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
    }

    .cons_about_img .dot, .cons_about_img .two {
        position: absolute;
        z-index: -1
    }

    .cons_about_img .two {
        top: 0;
        left: 0
    }

    .cons_about_img .dot {
        right: 0;
        bottom: -70px;
        z-index: -2
    }

.cons_about_content .title_head {
    margin-bottom: 20px
}

.cons_about_content .text_btn {
    margin-top: 35px
}

.cons_about_content ul {
    padding-top: 40px;
    margin-bottom: 0
}

    .cons_about_content ul li {
        font-size: 18px;
        font-weight: 500;
        line-height: 25px;
        position: relative;
        padding-left: 25px
    }

        .cons_about_content ul li:before {
            content: "\f00c";
            position: absolute;
            left: 0;
            top: 0;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: 16px;
            color: #7d4219
        }

        .cons_about_content ul li + li {
            margin-top: 35px
        }

.cons_about_content .theme_btn {
    padding-left: 41px;
    padding-right: 41px;
    margin-top: 44px
}

.expreence_info {
    display: flex;
    flex-wrap: wrap;
    padding-top: 30px
}

    .expreence_info .expreence_item {
        padding-right: 70px;
        width: calc(100% / 2)
    }

        .expreence_info .expreence_item h3 {
            font-size: 60px;
            font-weight: 600;
            color: #7d4219
        }

        .expreence_info .expreence_item h5 {
            margin-bottom: 0;
            font-size: 18px;
            font-weight: 500;
            line-height: 34px
        }

.cons_about_area_two {
    padding: 150px 0 50px
}

.cons_about_area_three .cons_about_img .one {
    background: 0 0;
    box-shadow: none
}

.cons_about_area_three .cons_about_img .dot {
    bottom: 100px;
    right: 0;
    left: 0
}

.cons_about_area_five {
    padding-top: 100px;
    padding-bottom: 150px
}

    .cons_about_area_five .cons_about_img {
        padding-top: 0;
        text-align: right
    }

        .cons_about_area_five .cons_about_img .two {
            left: -30px;
            top: -130px
        }

.cons_mission_area {
    padding: 100px 0
}

    .cons_mission_area .mission_content {
        padding-left: 100px
    }

.cons_mission_img {
    position: relative;
    z-index: 1
}

    .cons_mission_img .mission_img_one {
        border-radius: 2px;
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
    }

    .cons_mission_img .mission_img_two {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        z-index: -1
    }

.introduction_img {
    position: relative;
    padding-top: 160px
}

.instraction_gallery {
    margin-left: -15px;
    margin-right: -15px
}

    .instraction_gallery li {
        width: 50%;
        padding: 15px
    }

        .instraction_gallery li img {
            border-radius: 2px;
            box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
        }

        .instraction_gallery li:nth-child(2) {
            margin-top: 70px
        }

.cons_exprence_area {
    padding-bottom: 50px
}

    .cons_exprence_area .introduction_img .text {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        text-transform: uppercase;
        font-size: 48px;
        color: #d4d4d4;
        font-weight: 700;
        letter-spacing: -.96px;
        position: absolute;
        right: 70px;
        bottom: 60px
    }

        .cons_exprence_area .introduction_img .text span {
            display: block;
            color: #a8aaad;
            font-size: 36px;
            padding-top: 115px;
            padding-right: 30px
        }

.cons_about_area_four {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 30px
}

    .cons_about_area_four .cons_about_four_left {
        padding: 0
    }

    .cons_about_area_four .about_img {
        position: relative;
        padding-right: 150px
    }

        .cons_about_area_four .about_img img {
            max-width: 100%
        }

        .cons_about_area_four .about_img .two {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            box-shadow: 0 45px 150px 0 rgba(30,34,40,.2);
            border-radius: 2px
        }

    .cons_about_area_four .cons_about_four_right {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0
    }

    .cons_about_area_four .cons_about_content {
        padding-left: 30px;
        max-width: 600px;
        margin-left: 0;
        margin-right: auto
    }

.cons_about_area_six {
    padding: 150px 0 100px
}

    .cons_about_area_six .container {
        position: relative
    }

.cons_about_area_seven .team_img_info {
    padding-right: 0;
    padding-top: 100px
}

    .cons_about_area_seven .team_img_info .dot_middle {
        top: 0;
        transform: translateY(0)
    }

    .cons_about_area_seven .team_img_info .cons_team_col {
        padding: 0 15px
    }

        .cons_about_area_seven .team_img_info .cons_team_col .cons_team_item {
            box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
        }

        .cons_about_area_seven .team_img_info .cons_team_col:nth-child(1) {
            flex: 0 0 55%
        }

        .cons_about_area_seven .team_img_info .cons_team_col:nth-child(2) {
            flex: 0 0 45%
        }

.cons_introduction_area {
    padding: 150px 0 100px
}

    .cons_introduction_area .cons_about_content p {
        margin-bottom: 0;
        margin-top: 37px
    }

.con_introduction_title .text_btn {
    margin-top: 75px
}

.cons_vision_area {
    padding: 150px 0 50px
}

.img_shadow {
    display: block;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.2);
    border-radius: 2px;
    overflow: hidden
}

.page_head {
    font-size: 24px;
    font-weight: 700;
    line-height: 38px
}

.vision_item .content {
    padding-top: 42px
}

    .vision_item .content .page_head {
        margin-bottom: 30px
    }

    .vision_item .content h2 {
        font-size: 36px;
        line-height: 56px;
        font-weight: 700;
        margin-bottom: 45px;
        margin-top: 15px
    }

    .vision_item .content .text_btn {
        margin-top: 25px
    }

.vision_item.two {
    margin-top: 300px
}

.cons_features_area {
    padding-top: 100px
}

    .cons_features_area .cons_about_content {
        padding-right: 100px
    }

.features_img {
    position: relative;
    z-index: 1
}

.dot_middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1
}

.cons_action_info {
    box-shadow: 0 45px 150px 0 rgba(242,225,194,.2);
    border-radius: 2px;
    background: #7d4219;
    display: flex;
    flex-wrap: wrap;
    padding: 86px 100px;
    align-items: center
}

    .cons_action_info .text {
        color: #fff;
        font-size: 24px;
        line-height: 36px;
        font-weight: 500;
        flex: 1;
        max-width: 65%
    }

    .cons_action_info .a_btn {
        max-width: 35%;
        flex: 1
    }

        .cons_action_info .a_btn .theme_btn {
            min-width: 220px
        }

    .cons_action_info h2 {
        font-size: 36px;
        color: #7e8288;
        flex: 1;
        margin-bottom: 0;
        font-weight: 700
    }

.cons_action_area_two {
    padding: 70px 0
}

.cons_action_info_two {
    border-radius: 2px;
    background-image: linear-gradient(0deg,rgba(253,168,33,.99608) 0,#f28607 100%);
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.2);
    position: relative;
    z-index: 1;
    margin-top: 150px
}

    .cons_action_info_two .sitting_img {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .cons_action_info_two .action_img {
        margin-top: -220px;
        margin-left: -90px
    }

    .cons_action_info_two .action_text {
        display: flex;
        align-items: center;
        padding-right: 100px
    }

        .cons_action_info_two .action_text h4 {
            font-size: 24px;
            color: #fff;
            font-weight: 500;
            line-height: 36px;
            flex: 1
        }

        .cons_action_info_two .action_text .theme_btn {
            background: #7d4219;
            padding: 10px 70px;
            margin-left: 70px
        }

            .cons_action_info_two .action_text .theme_btn:after {
                background: #fff
            }

            .cons_action_info_two .action_text .theme_btn:hover {
                color: #7d4219
            }

.cons_action_area_four {
    padding: 50px 0
}

.cons_action_info_white {
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
}

    .cons_action_info_white .text {
        color: #f3e79e
    }

.cons_action_area_five .cons_action_info {
    margin-top: -130px;
    position: relative;
    z-index: 1
}

    .cons_action_area_five .cons_action_info .text {
        color: #7e8288
    }

.cons_action_area_six .cons_action_info {
    margin-top: -61px;
    background: #f2e1c2
}

    .cons_action_area_six .cons_action_info .text {
        color: #7d4219
    }

.cons_work_area {
    display: flex;
    flex-wrap: wrap
}

    .cons_work_area .cons_work_left {
        width: calc(50% + 85px);
        display: flex;
        align-items: center
    }

        .cons_work_area .cons_work_left .cons_about_content {
            max-width: 670px;
            margin-left: auto;
            margin-right: 0;
            padding-right: 225px
        }

    .cons_work_area .cons_work_right {
        width: calc(50% - 85px);
        position: relative;
        border-radius: 2px;
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
    }

        .cons_work_area .cons_work_right img {
            max-width: 100%
        }

        .cons_work_area .cons_work_right .video_icon {
            position: absolute;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: rgba(242,117,7,.2);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            color: #fff;
            top: 50%;
            transform: translateY(-50%);
            transition: all .2s linear;
            left: -100px;
            z-index: 1
        }

            .cons_work_area .cons_work_right .video_icon:after, .cons_work_area .cons_work_right .video_icon:before {
                position: absolute;
                content: "";
                border-radius: 50%;
                z-index: -1
            }

            .cons_work_area .cons_work_right .video_icon:before {
                width: 144px;
                height: 144px;
                background: rgba(242,117,7,.3);
                transition: all .2s linear
            }

            .cons_work_area .cons_work_right .video_icon:after {
                left: 50%;
                top: 50%;
                width: 45px;
                height: 45px;
                border-radius: 50%;
                background: rgba(242,117,7,.7);
                animation: scalePlus 3s infinite;
                transform: translate(-50%,-50%);
                animation-delay: 1.5s;
                will-change: transform
            }

            .cons_work_area .cons_work_right .video_icon i {
                width: 120px;
                height: 120px;
                border-radius: 50%;
                background: #7d4219;
                text-align: center;
                line-height: 120px;
                transition: all .2s linear
            }

            .cons_work_area .cons_work_right .video_icon:hover i, .cons_work_area .cons_work_right .video_icon:hover:before {
                transform: scale(1.2)
            }

.progress-element {
    margin-top: -15px
}

    .progress-element p {
        font-size: 16px;
        font-weight: 600;
        color: #f3e79e;
        margin-bottom: 6px;
        margin-top: 50px
    }

    .progress-element .progress {
        height: 5px;
        background: #ebe5e5;
        border-radius: 0;
        overflow: visible
    }

        .progress-element .progress .progress-bar {
            position: relative;
            background-image: linear-gradient(90deg,rgba(242,117,7,.99608) 0,#f2ad07 100%);
            left: 0;
            width: 0;
            transition: width 1.3s linear;
            overflow: visible
        }

            .progress-element .progress .progress-bar .count-tip {
                color: #7e8288;
                position: absolute;
                right: 0;
                font-weight: 500;
                top: -20px;
                font-size: 14px;
                display: table
            }

.cons_video_area {
    padding: 100px 0
}

.cons_work_area_two {
    display: flex;
    flex-wrap: wrap
}

    .cons_work_area_two .cons_work_right .video_icon {
        left: auto;
        right: -100px
    }

    .cons_work_area_two .cons_work_left .cons_about_content {
        margin-left: 0;
        margin-right: auto;
        padding-left: 225px;
        padding-right: 0
    }

.cons_achievment_area {
    padding: 50px 0
}

.achievment_list {
    margin-bottom: -90px
}

.achievment_item {
    margin-bottom: 88px
}

    .achievment_item .date {
        font-size: 16px;
        font-weight: 600;
        margin-right: 60px;
        color: #f3e79e
    }

    .achievment_item .media-body h5 {
        font-size: 24px;
        font-weight: 700;
        color: #7d4219;
        margin-bottom: 15px
    }

    .achievment_item .media-body p {
        font-size: 18px;
        line-height: 36px;
        color: #363d48;
        margin-bottom: 0
    }

        .achievment_item .media-body p a {
            color: #7e8288;
            transition: color .2s linear
        }

            .achievment_item .media-body p a:hover {
                color: #7d4219
            }

.cons_features_area_one {
    padding: 100px 0
}

    .cons_features_area_one .row {
        margin-bottom: -90px
    }

.cons_features_item {
    padding: 0 30px;
    margin-bottom: 90px
}

    .cons_features_item img {
        margin-bottom: 55px
    }

    .cons_features_item h3 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 30px
    }

    .cons_features_item p {
        margin-bottom: 0
    }

.cons_features_area_two {
    padding: 40px 0 100px
}

.cons_features_area_three {
    padding: 150px 0 100px
}

.cons_features_inner {
    margin-left: -165px;
    margin-right: -165px
}

    .cons_features_inner .custom_col {
        padding-left: 35px;
        padding-right: 35px
    }

.cons_features_item_two {
    background: #fafafa;
    text-align: center;
    padding: 100px 55px
}

    .cons_features_item_two i {
        font-size: 80px;
        color: #7d4219;
        margin-bottom: 45px;
        display: block
    }

    .cons_features_item_two .page_head {
        margin-bottom: 0;
        transition: color .2s linear
    }

        .cons_features_item_two .page_head:hover {
            color: #7d4219
        }

.cons_service_area {
    padding-bottom: 150px
}

.service_tab {
    background-color: #fff;
    box-shadow: 0 5px 40px 0 rgba(30,34,40,.05);
    margin-bottom: 150px
}

    .service_tab ul {
        max-width: 1170px;
        margin: 0 auto;
        border: 0
    }

        .service_tab ul .nav-item {
            width: calc(100% / 3);
            margin-bottom: 0
        }

            .service_tab ul .nav-item .nav-link {
                font-size: 16px;
                font-weight: 600;
                color: #7e8288;
                border: 0;
                border-radius: 0;
                text-align: center;
                position: relative;
                padding: 43px 20px;
                background: 0 0
            }

                .service_tab ul .nav-item .nav-link:before {
                    content: "";
                    width: 0;
                    height: 3px;
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    left: auto;
                    background: #7d4219;
                    transition: width .5s linear
                }

                .service_tab ul .nav-item .nav-link.active, .service_tab ul .nav-item .nav-link:hover {
                    color: #f3e79e
                }

                    .service_tab ul .nav-item .nav-link.active:before, .service_tab ul .nav-item .nav-link:hover:before {
                        width: 100%;
                        right: auto;
                        left: 0
                    }

.service_teb_item .cons_about_content {
    padding-left: 70px
}

.service_teb_item.flex-row-reverse .cons_about_content {
    padding-left: 0;
    padding-right: 70px
}

.service_teb_item + .service_teb_item {
    margin-top: 150px
}

.service_img {
    border-radius: 2px;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.2);
    overflow: hidden
}

.cons_service_area_two {
    padding: 50px 0
}

    .cons_service_area_two .service_tab {
        background: 0 0;
        box-shadow: none;
        border-bottom: 3px solid #f7f5f9;
        margin-bottom: 100px
    }

        .cons_service_area_two .service_tab ul {
            max-width: inherit
        }

            .cons_service_area_two .service_tab ul .nav-item .nav-link:before {
                bottom: -3px
            }

            .cons_service_area_two .service_tab ul .nav-item .nav-link h2 {
                font-size: 140px;
                font-weight: 700;
                background-image: url(../img/home-three/service1.jpg);
                background-clip: text;
                -webkit-background-clip: text;
                color: transparent;
                background-position: 61%;
                background-size: contain
            }

            .cons_service_area_two .service_tab ul .nav-item:nth-child(2) .nav-link h2 {
                background-image: url(../img/home-three/service3.jpg)
            }

            .cons_service_area_two .service_tab ul .nav-item:nth-child(3) .nav-link h2 {
                background-image: url(../img/home-three/service2.jpg)
            }

    .cons_service_area_two .service_img {
        box-shadow: none
    }

.cons_service_quality_area {
    padding-bottom: 0px
}

.cons_service_quality_item {
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.1);
    padding: 30px 15px 30px;
    margin-top: -148px
}

    .cons_service_quality_item i {
        font-size: 80px;
        color: #7d4219;
        margin-bottom: 30px;
        display: block
    }

    .cons_service_quality_item h4 {
        color: #7d4219;
        font-size: 24px;
        line-height: 38px;
        font-weight: 700;
        margin-bottom: 20px;
        transition: color .2s linear
    }

        /*.cons_service_quality_item h4:hover {
            color: #7d4219
        }*/

    .cons_service_quality_item p {
        font-size: 18px;
        line-height: 34px;
        color: #7e8288;
        margin-bottom: 0
    }

.cons_accordian_area {
    padding: 50px 0
}

.cons_accordian_info {
    padding-left: 100px
}

.cons_accordian .card {
    border: 0;
    border-radius: 2px !important;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.1);
    padding: 40px
}

    .cons_accordian .card .card-header {
        padding: 0;
        margin-bottom: 0;
        background: 0 0;
        border: 0
    }

        .cons_accordian .card .card-header button {
            box-shadow: none;
            padding: 10px 0 10px 90px;
            font-size: 18px;
            font-weight: 700;
            color: #f3e79e;
            text-decoration: none;
            position: relative
        }

            .cons_accordian .card .card-header button .icon {
                width: 50px;
                height: 50px;
                line-height: 52px;
                border-radius: 50%;
                background: #7d4219;
                color: #fff;
                text-align: center;
                display: inline-block;
                position: absolute;
                transition: all .2s linear;
                left: 0;
                top: 0
            }

                .cons_accordian .card .card-header button .icon i {
                    transform: rotate(90deg);
                    transition: all .4s linear
                }

            .cons_accordian .card .card-header button.collapsed .icon {
                background: #f2e1c2;
                color: #7d4219
            }

                .cons_accordian .card .card-header button.collapsed .icon i {
                    transform: rotate(0)
                }

    .cons_accordian .card .card-body {
        padding-left: 90px;
        padding-top: 8px;
        padding-bottom: 0
    }

    .cons_accordian .card + .card {
        margin-top: 30px
    }

.cons_work_process_area {
    padding: 100px 0 150px
}

.work_process_item {
    position: relative;
    padding: 0 30px
}

    .work_process_item i {
        font-size: 90px;
        color: #7d4219
    }

    .work_process_item .arrow {
        position: absolute;
        width: 50px;
        height: 50px;
        background: #f2e1c2;
        border-radius: 50%;
        line-height: 50px;
        color: #7d4219;
        right: -40px;
        top: 25px;
        text-align: center
    }

        .work_process_item .arrow:before {
            content: "";
            position: absolute;
            width: 170px;
            height: 3px;
            background-image: linear-gradient(90deg,#fbfbfb 0,#f2e1c2 25%,#f2e1c2 50%,#f9f0e1 74%,#fff 100%);
            left: -58px;
            top: 23px;
            z-index: -1
        }

        .work_process_item .arrow i {
            font-size: 18px
        }

        .work_process_item .arrow.last {
            display: none
        }

    .work_process_item .img {
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2);
        border-radius: 2px;
        display: inline-block;
        overflow: hidden
    }

    .work_process_item h3 {
        font-size: 18px;
        font-weight: 700;
        margin-top: 45px;
        margin-bottom: 27px
    }

    .work_process_item p {
        margin-bottom: 0
    }

.cons_work_process_area_three {
    padding: 50px 0
}

    .cons_work_process_area_three .work_process_item {
        width: 23%;
        padding: 0;
        margin-right: 15%
    }

        .cons_work_process_area_three .work_process_item .arrow {
            right: -44%
        }

        .cons_work_process_area_three .work_process_item:last-child {
            margin-right: 0
        }

.cons_offer_service_area {
    padding: 50px 0 100px
}

    .cons_offer_service_area .offer_service_item:before {
        background: #f3e79e;
        opacity: .5;
        transition: all .3s linear
    }

    .cons_offer_service_area .offer_service_item .hover-content .icon {
        font-size: 74px;
        color: #fff;
        margin-bottom: 40px;
        display: inline-block;
        transition: color .2s linear
    }

    .cons_offer_service_area .offer_service_item:hover:before {
        opacity: .9;
        background: #7d4219
    }

    .cons_offer_service_area .offer_service_item:hover .icon {
        color: #ffb500
    }

.cons_service_area_six {
    padding: 50px 0
}

    .cons_service_area_six .col-md-6 {
        margin-bottom: 30px
    }

    .cons_service_area_six .cons_service_quality_item {
        margin-top: 0;
        padding: 68px 55px 65px;
        position: relative;
        overflow: hidden;
        transition: all .2s linear;
        cursor: pointer
    }

        .cons_service_area_six .cons_service_quality_item .shap {
            position: absolute;
            right: -173px;
            top: -145px;
            font-size: 280px;
            color: #f7f5f9;
            margin-bottom: 0
        }

        .cons_service_area_six .cons_service_quality_item:hover {
            background: #fff;
            box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
        }

    .cons_service_area_six .full_btn {
        width: 100%;
        height: 100%;
        font-size: 36px;
        font-weight: 700
    }

.cons_build_area {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0 100px
}

    .cons_build_area .cons_build_left {
        border-radius: 2px;
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2);
        width: calc(50% - 15px);
        overflow: hidden
    }

        .cons_build_area .cons_build_left img {
            max-width: 100%
        }

    .cons_build_area .cons_build_right {
        width: calc(50% + 15px);
        display: flex;
        align-items: center
    }

    .cons_build_area .cons_about_content {
        max-width: 600px;
        margin-left: 0;
        margin-right: auto;
        padding-left: 130px
    }

.cons_offer_service_area_two .offer_service_item {
    background: #fafafa;
    padding-top: 50px;
    padding-bottom: 60px;
    border-radius: 2px
}

    .cons_offer_service_area_two .offer_service_item:before {
        opacity: 0
    }

    .cons_offer_service_area_two .offer_service_item .hover-content {
        position: relative;
        bottom: -76px
    }

        .cons_offer_service_area_two .offer_service_item .hover-content .icon {
            color: #7d4219
        }

        .cons_offer_service_area_two .offer_service_item .hover-content h4 {
            color: #f3e79e
        }

        .cons_offer_service_area_two .offer_service_item .hover-content .text_btn {
            margin-top: 18px;
            opacity: 0;
            transition: opacity .3s linear
        }

    .cons_offer_service_area_two .offer_service_item:hover .hover-content {
        bottom: -10px
    }

        .cons_offer_service_area_two .offer_service_item:hover .hover-content .icon {
            color: #ffb500
        }

        .cons_offer_service_area_two .offer_service_item:hover .hover-content h4 {
            color: #fff
        }

        .cons_offer_service_area_two .offer_service_item:hover .hover-content .text_btn {
            opacity: 1
        }

.cons_offer_service_area_three .offer_service_item {
    padding: 120px 40px 50px;
    max-height: 472px
}

    .cons_offer_service_area_three .offer_service_item .hover-content {
        padding-left: 0;
        bottom: 0;
        overflow: hidden
    }

        .cons_offer_service_area_three .offer_service_item .hover-content h4 {
            margin-bottom: 15px
        }

        .cons_offer_service_area_three .offer_service_item .hover-content .theme_btn_two {
            transform: translateY(100%)
        }

            .cons_offer_service_area_three .offer_service_item .hover-content .theme_btn_two:after {
                background: #f3e79e
            }

    .cons_offer_service_area_three .offer_service_item:hover {
        padding-bottom: 70px
    }

        .cons_offer_service_area_three .offer_service_item:hover .hover-content {
            bottom: 0;
            margin-top: -140px
        }

            .cons_offer_service_area_three .offer_service_item:hover .hover-content p {
                color: #fff
            }

            .cons_offer_service_area_three .offer_service_item:hover .hover-content i {
                font-size: 150px
            }

            .cons_offer_service_area_three .offer_service_item:hover .hover-content .theme_btn_two {
                transform: translateY(0);
                margin-top: 45px
            }

.cons_offer_service_area_four {
    padding: 0;
    margin-top: -140px
}

    .cons_offer_service_area_four .offer_service_item {
        border-radius: 2px;
        background-color: #fff;
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.1)
    }

        .cons_offer_service_area_four .offer_service_item:before {
            display: none
        }

        .cons_offer_service_area_four .offer_service_item .hover-content {
            bottom: -64px
        }

        .cons_offer_service_area_four .offer_service_item:hover .hover-content h4 {
            color: #f3e79e
        }

        .cons_offer_service_area_four .offer_service_item:hover .hover-content .icon, .cons_offer_service_area_four .offer_service_item:hover .hover-content .text_btn {
            color: #7d4219
        }

.cons_service_area_three {
    display: flex;
    flex-wrap: wrap
}

    .cons_service_area_three .section_title_one {
        padding-left: 12px;
        margin-bottom: 25px
    }

    .cons_service_area_three .cons_service_slider {
        margin-top: -70px
    }

        .cons_service_area_three .cons_service_slider .item .testimonial_content {
            padding: 70px;
            opacity: 1;
            box-shadow: 0 10px 40px 0 rgba(30,34,40,.08);
            transition: all .3s linear
        }

            .cons_service_area_three .cons_service_slider .item .testimonial_content .service_icon {
                font-size: 24px;
                font-weight: 700;
                color: #f3e79e;
                line-height: 38px;
                align-items: center;
                margin-bottom: 40px
            }

                .cons_service_area_three .cons_service_slider .item .testimonial_content .service_icon i {
                    font-size: 55px;
                    color: #7d4219;
                    margin-right: 55px
                }

            .cons_service_area_three .cons_service_slider .item .testimonial_content .theme_btn_two {
                min-width: 220px;
                margin-top: 44px
            }

                .cons_service_area_three .cons_service_slider .item .testimonial_content .theme_btn_two:after {
                    background: #f3e79e
                }

            .cons_service_area_three .cons_service_slider .item .testimonial_content:hover {
                background: #7d4219
            }

                .cons_service_area_three .cons_service_slider .item .testimonial_content:hover .service_icon, .cons_service_area_three .cons_service_slider .item .testimonial_content:hover .service_icon i, .cons_service_area_three .cons_service_slider .item .testimonial_content:hover p {
                    color: #fff
                }

    .cons_service_area_three .cons_service_slider_two .item {
        padding-right: 30px
    }

    .cons_service_area_three .cons_service_slider_two .cons_service_item {
        border-radius: 2px;
        box-shadow: 0 15px 100px 0 rgba(30,34,40,.1);
        padding: 70px 70px 50px
    }

        .cons_service_area_three .cons_service_slider_two .cons_service_item img {
            margin-bottom: 45px
        }

        .cons_service_area_three .cons_service_slider_two .cons_service_item .page_head {
            margin-bottom: 28px
        }

    .cons_service_area_three .slick-arrow {
        display: none !important
    }

.cons_work_process_area_two {
    padding: 100px 0
}

.cons_services_area_four {
    padding: 100px 0
}

    .cons_services_area_four .container {
        position: relative
    }

    .cons_services_area_four .project_title {
        margin-bottom: -40px
    }

.service_step_item {
    padding-bottom: 170px;
    position: relative
}

    .service_step_item .number_circle {
        position: relative;
        right: auto;
        top: 90px;
        transform: translateY(0);
        margin: 0 auto;
        background: rgba(54,61,72,.2);
        color: #7d4219
    }

        .service_step_item .number_circle:before {
            background: rgba(54,61,72,.3)
        }

        .service_step_item .number_circle:after {
            background: rgba(54,61,72,.7)
        }

        .service_step_item .number_circle span {
            background: #363d48
        }

    .service_step_item .cons_about_content {
        text-align: left
    }

    .service_step_item.flex-row-reverse .cons_about_content {
        text-align: right
    }

    .service_step_item .line {
        position: absolute;
        left: 50%;
        top: 0;
        width: 0;
        height: 100%;
        border-right: 3px solid #f1e0c1
    }

    .service_step_item:last-child {
        padding-bottom: 0
    }

.cons_choose_area .section_title_one {
    padding-left: 390px;
    margin-bottom: -40px
}

.cons_choose_info {
    padding-top: 60px
}

.cons_choose_item {
    margin-top: 120px
}

    .cons_choose_item i {
        font-size: 72px;
        color: #7d4219;
        display: block;
        margin-bottom: 44px
    }

    .cons_choose_item h5 {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        margin-bottom: 24px;
        transition: color .2s linear
    }

        .cons_choose_item h5:hover {
            color: #7d4219
        }

    .cons_choose_item p {
        margin-bottom: 0
    }

.choose_img {
    position: relative
}

    .choose_img .section_title_one {
        position: absolute;
        right: 70px;
        top: 0
    }

.cons_how_work_area_two {
    position: relative;
    z-index: 1
}

    .cons_how_work_area_two .pattern {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .cons_how_work_area_two p {
        margin-top: 30px
    }

    .cons_how_work_area_two .play_btn .icon {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        text-align: center;
        font-size: 30px;
        border: 2px solid #7d4219;
        color: #7d4219;
        line-height: 120px;
        display: block;
        margin: 90px auto 40px;
        transition: all .2s linear
    }

        .cons_how_work_area_two .play_btn .icon:hover {
            background: #7d4219;
            color: #fff
        }

    .cons_how_work_area_two .play_btn span {
        font-size: 16px;
        font-weight: 600;
        color: #7d4219
    }

.cons_shop_service_area {
    padding: 150px 0 100px
}

.cons_service_item {
    padding-right: 80px;
    cursor: pointer
}

    .cons_service_item i {
        font-size: 72px;
        color: #e1e1e1;
        margin-bottom: 35px;
        display: inline-block;
        transition: color .2s linear
    }

    .cons_service_item h4 {
        font-size: 24px;
        line-height: 38px;
        font-weight: 700;
        margin-bottom: 20px
    }

    .cons_service_item p {
        margin-bottom: 0
    }

    .cons_service_item:hover i {
        color: #7d4219
    }

.cons_service_area_five .cons_custom_right {
    position: relative
}

.cons_service_area_five .cons_service_slider .item .testimonial_content {
    opacity: .3;
    cursor: pointer
}

    .cons_service_area_five .cons_service_slider .item .testimonial_content i {
        font-size: 60px;
        color: #7d4219
    }

    .cons_service_area_five .cons_service_slider .item .testimonial_content h3 {
        font-size: 24px;
        font-weight: 700;
        line-height: 35px;
        margin-bottom: 20px;
        margin-top: 30px
    }

    .cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn {
        color: #7d4219;
        margin-top: 20px
    }

        .cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn i {
            font-size: 12px;
            margin-left: 5px;
            transition: all .2s linear;
            opacity: 0
        }

        .cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn:before {
            display: none
        }

        .cons_service_area_five .cons_service_slider .item .testimonial_content .text_btn:hover i {
            margin-left: 12px
        }

    .cons_service_area_five .cons_service_slider .item .testimonial_content:hover {
        opacity: 1
    }

        .cons_service_area_five .cons_service_slider .item .testimonial_content:hover i {
            color: #ffb500
        }

        .cons_service_area_five .cons_service_slider .item .testimonial_content:hover h3 {
            color: #fff
        }

        .cons_service_area_five .cons_service_slider .item .testimonial_content:hover .text_btn {
            color: #fff
        }

            .cons_service_area_five .cons_service_slider .item .testimonial_content:hover .text_btn i {
                color: #fff;
                opacity: 1
            }

.cons_service_area_five .slick-arrow {
    display: block !important
}

    .cons_service_area_five .slick-arrow.slick-prev {
        display: none !important
    }

    .cons_service_area_five .slick-arrow.arrow_next {
        position: absolute;
        right: 235px;
        top: 165px;
        width: 60px;
        height: 60px;
        background: 0 0;
        text-align: center;
        font-size: 14px;
        border-radius: 50%;
        color: #f3e79e;
        border: 2px solid #7d4219
    }

        .cons_service_area_five .slick-arrow.arrow_next:hover {
            background: #7d4219;
            color: #fff
        }

.cons_projects_area {
    padding: 150px 0 50px
}

    .cons_projects_area .theme_btn_two {
        margin-top: 80px
    }

    .cons_projects_area .custom_arrow {
        text-align: right;
        position: absolute;
        width: auto;
        bottom: 70px;
        right: 70px;
        z-index: 1
    }

.cons_project_slider, .cons_project_slider_six {
    position: relative;
    z-index: 1
}

    .cons_project_slider:before, .cons_project_slider_six:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        background: #fff;
        position: absolute;
        z-index: 1
    }

    .cons_project_slider .slick-list, .cons_project_slider_six .slick-list {
        overflow: visible
    }

.pr_slider_item {
    position: relative;
    overflow: hidden;
    cursor: grab;
    z-index: 1
}

    .pr_slider_item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(90deg,rgba(30,34,40,.7) 0,rgba(30,34,40,.1) 100%)
    }

    .pr_slider_item img {
        max-width: 100%;
        transition: all .3s linear;
        position: relative;
        z-index: -1
    }

    .pr_slider_item .hover-content {
        position: absolute;
        bottom: -40px;
        right: 0;
        padding-left: 70px;
        transition: all .3s linear
    }

        .pr_slider_item .hover-content h6 {
            font-size: 14px;
            letter-spacing: 2.1px;
            font-weight: 600;
            text-transform: uppercase;
            color: #fff;
            margin-bottom: 30px
        }

        .pr_slider_item .hover-content h4 {
            font-size: 20px;
            line-height: 25px;
            font-weight: 700;
            color: #fff;
            background: #732f03;
            padding: 10px;
        }

        .pr_slider_item .hover-content .text_btn {
            color: #fff;
            font-size: 14px;
            margin-top: 42px;
            background: #7d4219;
            padding: 10px;
        }

            .pr_slider_item .hover-content .text_btn:before {
                display: none
            }

            .pr_slider_item .hover-content .text_btn i {
                margin-left: 10px;
                font-size: 10px;
                transition: all .2s linear
            }

            .pr_slider_item .hover-content .text_btn:hover i {
                margin-left: 15px
            }

    .pr_slider_item:hover img {
        transform: scale(1.03)
    }

    .pr_slider_item:hover .hover-content {
        bottom: 45px
    }

    .pr_slider_item:hover .text_btn {
        margin-bottom: 0
    }

.project_item:hover .hover-content h4 {
    background: transparent;
    text-shadow: 1px 2px 5px #050505;
}

.cons_project_info {
    position: relative
}

.custom_arrow .slick-arrow {
    width: 60px;
    height: 60px;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    color: #7d4219;
    background: #f2e1c2;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    transition: all .2s linear;
    cursor: pointer
}

    .custom_arrow .slick-arrow.border_color {
        border: 1px solid #f2e1c2;
        background: 0 0;
        color: #f2e1c2
    }

    .custom_arrow .slick-arrow:hover {
        background: #7d4219;
        color: #fff
    }

.cons_projects_area_two {
    padding-top: 100px
}

    .cons_projects_area_two .custom_arrow .custom_next, .cons_projects_area_two .custom_arrow .custom_prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }

        .cons_projects_area_two .custom_arrow .custom_next:before, .cons_projects_area_two .custom_arrow .custom_prev:before {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid #7d4219;
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 50%;
            transform: scale(.9);
            z-index: -1;
            opacity: 0;
            transition: transform .3s,opacity .2s
        }

        .cons_projects_area_two .custom_arrow .custom_next:hover::before, .cons_projects_area_two .custom_arrow .custom_prev:hover::before {
            transform: scale(1.3);
            opacity: 1
        }

    .cons_projects_area_two .custom_arrow .custom_prev {
        left: 333px
    }

    .cons_projects_area_two .custom_arrow .custom_next {
        right: 333px
    }

.cons_project_slider_two:before {
    display: none
}

.cons_project_slider_two .col-lg-12 {
    padding-left: 50px;
    padding-right: 50px
}

.cons_projects_area_three {
    padding: 30px 0 15px
}

    .cons_projects_area_three .theme_btn_two {
        margin-top: 80px
    }

.cons_project_slider_three {
    padding-top: 0px;
    margin-left: -122px;
    margin-right: -122px
}

    .cons_project_slider_three .item {
        padding: 1.5px
    }

    .cons_project_slider_three .pr_slider_item {
        border-radius: 2px;
        overflow: hidden
    }

        .cons_project_slider_three .pr_slider_item:before {
            background: linear-gradient(0deg,rgba(30,34,40,0) 0,rgba(30,34,40,.1) 100%)
        }

        .cons_project_slider_three .pr_slider_item .hover-content {
            padding-left: 50px
        }

            .cons_project_slider_three .pr_slider_item .hover-content .text_btn i {
                transform: rotate(45deg);
                padding-right: 4px
            }

.portfolio_area {
    padding: 100px 0
}

.portfolio_gallery {
    margin-left: -35px;
    margin-right: -35px
}

    .portfolio_gallery .custom_col_1 {
        width: 46%;
        height: 400px
    }

    .portfolio_gallery .custom_col_2 {
        width: 54%;
        height: 400px
    }

    .portfolio_gallery .portfolio_col {
        padding-left: 35px;
        padding-right: 35px;
        margin-top: 70px
    }

        .portfolio_gallery .portfolio_col img {
            max-width: 100%
        }

.portfolio_filter .portfolio_filter_item {
    font-weight: 600;
    font-size: 16px;
    color: #7e8288;
    display: inline-flex;
    margin-right: 50px;
    cursor: pointer
}

    .portfolio_filter .portfolio_filter_item:last-child {
        margin-right: 0
    }

    .portfolio_filter .portfolio_filter_item.active, .portfolio_filter .portfolio_filter_item:hover {
        color: #7d4219
    }

.portfolio_item {
    position: relative;
    height: 100%;
    border-radius: 3px;
    overflow: hidden
}

    .portfolio_item img {
        display: none
    }

    .portfolio_item .hover_content {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        display: flex;
        align-items: flex-end;
        padding-left: 50px;
        padding-bottom: 38px;
        padding-right: 20px;
        background: linear-gradient(0deg,rgba(30,34,40,.7) 0,rgba(30,34,40,.1) 100%)
    }

        .portfolio_item .hover_content .title_top {
            display: block;
            color: #fff;
            margin-bottom: 28px
        }

        .portfolio_item .hover_content h5 {
            font-size: 24px;
            font-weight: 700;
            line-height: 38px;
            color: #fff
        }

.portfolio_gallery_two {
    margin-top: -70px;
    margin-bottom: 100px
}

    .portfolio_gallery_two .portfolio_col {
        height: 450px
    }

        .portfolio_gallery_two .portfolio_col .portfolio_item .hover_content {
            background: linear-gradient(0deg,rgba(30,34,40,.6) 0,rgba(30,34,40,.01) 100%)
        }

.cons_projects_gallery_area {
    padding: 100px 0
}

    .cons_projects_gallery_area .theme_btn_two {
        margin-top: 60px
    }

.gallery_item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    cursor: pointer
}

    .gallery_item .img_hover {
        position: relative;
        z-index: 1
    }

        .gallery_item .img_hover::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(0deg,rgba(30,34,40,.7) 10%,rgba(30,34,40,.01) 100%);
            z-index: 1;
            opacity: 0;
            transition: opacity .3s linear
        }

        .gallery_item .img_hover img {
            position: relative;
            z-index: 0;
            transition: all .5s linear
        }

    .gallery_item .hover_content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 50px 50px 30px;
        z-index: 2
    }

        .gallery_item .hover_content .tag, .gallery_item .hover_content h3 {
            color: #fff
        }

        .gallery_item .hover_content .tag {
            font-size: 14px;
            text-transform: uppercase;
            letter-spacing: 2.1px;
            font-weight: 600;
            margin-bottom: 20px;
            overflow: hidden
        }

            .gallery_item .hover_content .tag span {
                transform: translateY(100%);
                display: block;
                transition: all .3s linear
            }

        .gallery_item .hover_content a {
            display: block;
            overflow: hidden
        }

        .gallery_item .hover_content h3 {
            font-size: 24px;
            line-height: 38px;
            font-weight: 700;
            transform: translateY(100%);
            transition: all .4s linear
        }

    .gallery_item:hover .img_hover img {
        transform: scale(1.03)
    }

    .gallery_item:hover .img_hover::before {
        opacity: 1
    }

    .gallery_item:hover .hover_content .tag span, .gallery_item:hover .hover_content h3 {
        transform: translateY(0)
    }

.cons_projects_area_four {
    padding-top: 30px
}

.project_title {
    font-size: 150px;
    color: #f7f5f9;
    font-weight: 700
}

    .project_title.p_title {
        position: absolute;
        right: 0;
        top: 0
    }

.cons_projects_info {
    padding-right: 100px;
    position: relative
}

    .cons_projects_info:before {
        content: "";
        width: 3px;
        height: 100%;
        background: #7d4219;
        position: absolute;
        right: 30px
    }

.cons_projects_item {
    position: relative
}

    .cons_projects_item img {
        border-radius: 2px
    }

    .cons_projects_item .media-body .title_head {
        color: #2f3640;
        margin-bottom: 55px
    }

    .cons_projects_item + .cons_projects_item {
        margin-top: 100px
    }

.number_circle {
    position: absolute;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    background: rgba(242,117,7,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s linear;
    right: -108px;
    z-index: 1
}

    .number_circle:after, .number_circle:before {
        position: absolute;
        content: "";
        border-radius: 50%;
        z-index: -1
    }

    .number_circle:before {
        width: 65px;
        height: 65px;
        background: rgba(242,117,7,.3)
    }

    .number_circle:after {
        left: 50%;
        top: 50%;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: rgba(242,117,7,.7);
        animation: scalePlus 3s infinite;
        transform: translate(-50%,-50%);
        animation-delay: 1.5s;
        will-change: transform
    }

    .number_circle span {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #7d4219;
        text-align: center;
        line-height: 52px;
        transition: all .2s linear
    }

.cons_projects_gallery_two {
    padding: 150px 0 100px
}

.pr_gallery_slider {
    height: 600px
}

    .pr_gallery_slider .slick-list, .pr_gallery_slider .slick-track {
        height: 100%
    }

    .pr_gallery_slider .item {
        display: flex;
        align-items: flex-end
    }

    .pr_gallery_slider .content {
        padding-bottom: 90px
    }

        .pr_gallery_slider .content h3, .pr_gallery_slider .content h6 {
            color: #fff
        }

        .pr_gallery_slider .content h6 {
            text-transform: uppercase;
            font-size: 14px;
            letter-spacing: 2.1px;
            font-weight: 600;
            margin-bottom: 30px
        }

        .pr_gallery_slider .content h3 {
            font-size: 24px;
            line-height: 38px;
            font-weight: 700;
            margin-bottom: 0
        }

.cons_projects_area_six {
    padding: 100px 0
}

    .cons_projects_area_six.pt_200 {
        padding: 150px 0
    }

    .cons_projects_area_six .cons_project_slider_four {
        overflow: visible
    }

        .cons_projects_area_six .cons_project_slider_four:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            left: -102%;
            top: 0;
            background: #fff;
            z-index: 2
        }

        .cons_projects_area_six .cons_project_slider_four .swiper-wrapper {
            margin-left: -350px
        }

        .cons_projects_area_six .cons_project_slider_four .swiper-slide img {
            max-width: 100%
        }

        .cons_projects_area_six .cons_project_slider_four .swiper-slide.w1 {
            width: 40.2%
        }

            .cons_projects_area_six .cons_project_slider_four .swiper-slide.w1 .project_slider_item .content {
                padding: 70px
            }

        .cons_projects_area_six .cons_project_slider_four .swiper-slide.w2 {
            width: 19.3%
        }

        .cons_projects_area_six .cons_project_slider_four .swiper-slide.w3 {
            width: 18%
        }

        .cons_projects_area_six .cons_project_slider_four .project_slider_item {
            position: relative;
            z-index: 1;
            overflow: hidden;
            border-radius: 2px;
            cursor: pointer
        }

            .cons_projects_area_six .cons_project_slider_four .project_slider_item:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: #f3e79e;
                opacity: 0;
                z-index: 0;
                transition: opacity .3s linear
            }

            .cons_projects_area_six .cons_project_slider_four .project_slider_item .content {
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                padding: 40px 30px;
                transform: translateY(10%);
                opacity: 0;
                transition: all .4s linear
            }

                .cons_projects_area_six .cons_project_slider_four .project_slider_item .content h3, .cons_projects_area_six .cons_project_slider_four .project_slider_item .content h5 {
                    color: #fff
                }

                .cons_projects_area_six .cons_project_slider_four .project_slider_item .content h5 {
                    text-transform: uppercase;
                    font-size: 14px;
                    letter-spacing: 2.1px;
                    margin-bottom: 30px
                }

                .cons_projects_area_six .cons_project_slider_four .project_slider_item .content h3 {
                    font-size: 24px;
                    font-weight: 700;
                    line-height: 38px;
                    margin-bottom: 0
                }

            .cons_projects_area_six .cons_project_slider_four .project_slider_item:hover:before {
                opacity: .7
            }

            .cons_projects_area_six .cons_project_slider_four .project_slider_item:hover .content {
                opacity: 1;
                transform: translateY(0)
            }

    .cons_projects_area_six .theme_btn_two {
        margin-top: 90px
    }

    .cons_projects_area_six .cons_project_slider_six .slick-list {
        padding-left: 0 !important;
        overflow: visible
    }

        .cons_projects_area_six .cons_project_slider_six .slick-list .slick-slide {
            padding-left: 50px;
            padding-right: 50px
        }

    .cons_projects_area_six .cons_project_slider_six .pr_gallery_item {
        position: relative
    }

        .cons_projects_area_six .cons_project_slider_six .pr_gallery_item .content {
            position: absolute;
            left: 0;
            bottom: 45px
        }

            .cons_projects_area_six .cons_project_slider_six .pr_gallery_item .content h2 {
                font-size: 36px;
                font-weight: 700;
                line-height: 56px
            }

    .cons_projects_area_six .cons_project_slider_six.cons_project_slider_text .pr_gallery_item .content {
        top: 50%;
        transform: translateY(-50%);
        bottom: auto
    }

        .cons_projects_area_six .cons_project_slider_six.cons_project_slider_text .pr_gallery_item .content .theme_btn_two:hover {
            box-shadow: 0 15px 50px 0 rgba(242,117,7,.6)
        }

.cons_projects_area_seven {
    padding: 30px 0
}

.cons_project_slider_five {
    margin-bottom: 30px
}

    .cons_project_slider_five .swiper-slide.w1 {
        width: 24.5%
    }

    .cons_project_slider_five .swiper-slide.w2 {
        width: 40.13%
    }

    .cons_project_slider_five .swiper-slide .pr_slider_item {
        border-radius: 2px;
        overflow: hidden
    }

        .cons_project_slider_five .swiper-slide .pr_slider_item:before {
            background: linear-gradient(0deg,rgba(30,34,40,.7) 0,rgba(30,34,40,.1) 100%);
            opacity: 0;
            transition: opacity .2s linear
        }

        .cons_project_slider_five .swiper-slide .pr_slider_item .hover-content {
            opacity: 0;
            transition: all .3s linear
        }

        .cons_project_slider_five .swiper-slide .pr_slider_item img {
            max-width: 100%
        }

        .cons_project_slider_five .swiper-slide .pr_slider_item:hover .hover-content, .cons_project_slider_five .swiper-slide .pr_slider_item:hover:before {
            opacity: 1
        }

.portfolio_area_three {
    padding: 100px 0
}

    .portfolio_area_three .row {
        margin-bottom: -40px
    }

    .portfolio_area_three .portfolio_item {
        height: 400px;
        margin-bottom: 40px
    }

.cons_projects_info_two .cons_projects_item {
    cursor: pointer
}

    .cons_projects_info_two .cons_projects_item .img {
        display: flex
    }

        .cons_projects_info_two .cons_projects_item .img .number_circle {
            background: rgba(242,225,194,.2);
            transition: all .2s linear
        }

            .cons_projects_info_two .cons_projects_item .img .number_circle:before {
                background: rgba(242,225,194,.3);
                transition: all .2s linear
            }

            .cons_projects_info_two .cons_projects_item .img .number_circle:after {
                background: #f2e1c2
            }

            .cons_projects_info_two .cons_projects_item .img .number_circle span {
                background: #f2e1c2;
                transition: all .2s linear
            }

        .cons_projects_info_two .cons_projects_item .img:hover .number_circle {
            background: rgba(242,117,7,.2)
        }

            .cons_projects_info_two .cons_projects_item .img:hover .number_circle:before {
                background: rgba(242,117,7,.3)
            }

            .cons_projects_info_two .cons_projects_item .img:hover .number_circle:after {
                background: #7d4219
            }

            .cons_projects_info_two .cons_projects_item .img:hover .number_circle span {
                background: #7d4219
            }

        .cons_projects_info_two .cons_projects_item .img:hover .pr_img:before {
            transform: translateX(0)
        }

        .cons_projects_info_two .cons_projects_item .img:hover .pr_img img {
            transform: scale(1.03)
        }

    .cons_projects_info_two .cons_projects_item .pr_img {
        position: relative;
        z-index: 1;
        overflow: hidden;
        border-radius: 2px
    }

        .cons_projects_info_two .cons_projects_item .pr_img:before {
            content: "";
            width: 170px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            transition: all .2s linear;
            transform: translateX(-100%);
            z-index: 1;
            background: #7d4219
        }

        .cons_projects_info_two .cons_projects_item .pr_img img {
            transition: all .4s linear
        }

    .cons_projects_info_two .cons_projects_item .pr_number {
        font-size: 36px;
        color: #a8aaad;
        font-weight: 600;
        margin-left: 30px
    }

        .cons_projects_info_two .cons_projects_item .pr_number sup {
            font-size: 18px;
            top: -.7em
        }

    .cons_projects_info_two .cons_projects_item .media-body {
        overflow: hidden
    }

        .cons_projects_info_two .cons_projects_item .media-body h5 {
            font-size: 15px;
            letter-spacing: 2.1px;
            color: #7e8288;
            margin-bottom: 25px
        }

        .cons_projects_info_two .cons_projects_item .media-body h2 {
            font-size: 24px;
            line-height: 38px;
            margin-bottom: 48px;
            transition: color .2s linear
        }

            .cons_projects_info_two .cons_projects_item .media-body h2:hover {
                color: #7d4219
            }

        .cons_projects_info_two .cons_projects_item .media-body .btn_explor {
            color: #7d4219;
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
            overflow: hidden;
            position: relative;
            transform: translateX(-80%);
            transition: all .2s linear
        }

            .cons_projects_info_two .cons_projects_item .media-body .btn_explor i {
                margin-left: 8px
            }

            .cons_projects_info_two .cons_projects_item .media-body .btn_explor span {
                left: -100%;
                position: relative;
                transition: all .2s linear
            }

            .cons_projects_info_two .cons_projects_item .media-body .btn_explor:hover {
                transform: translateX(0)
            }

                .cons_projects_info_two .cons_projects_item .media-body .btn_explor:hover span {
                    left: 0
                }

.cons_projects_area_eight .cons_project_slider_five .pr_slider_item .hover-content {
    padding-bottom: 24px
}

    .cons_projects_area_eight .cons_project_slider_five .pr_slider_item .hover-content h5 {
        text-transform: uppercase;
        color: #7d4219;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 25px
    }

    .cons_projects_area_eight .cons_project_slider_five .pr_slider_item .hover-content .theme_btn {
        margin-top: 50px
    }

.cons_projects_area_eight .cons_project_slider_five .w1 .pr_slider_item .hover-content {
    padding-left: 40px
}

.cons_projects_area_nine .custom_arrow {
    margin-top: 20px
}

.cons_projects_area_nine .pr_slider_item {
    overflow: hidden;
    border-radius: 2px
}

    .cons_projects_area_nine .pr_slider_item:before {
        background: linear-gradient(0deg,rgba(30,34,40,.9) 0,rgba(30,34,40,0) 100%);
        transition: all .3s linear
    }

    .cons_projects_area_nine .pr_slider_item .hover-content {
        bottom: -52px
    }

    .cons_projects_area_nine .pr_slider_item .theme_btn {
        margin-top: 50px;
        padding: 8px 36px
    }

        .cons_projects_area_nine .pr_slider_item .theme_btn:after {
            background: #f3e79e
        }

    .cons_projects_area_nine .pr_slider_item:hover::before {
        background: #7d4219;
        opacity: .95
    }

    .cons_projects_area_nine .pr_slider_item:hover .hover-content {
        bottom: 60px
    }

.cons_testimonial_area {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0
}

.cons_custom_left {
    width: calc(50% - 595px)
}

.cons_custom_right {
    width: calc(50% + 595px)
}

.cons_testimonial_slider {
    margin-bottom: 0 !important
}

    .cons_testimonial_slider .slick-list {
        padding-left: 35px !important;
        margin-left: -20px
    }

    .cons_testimonial_slider .item {
        padding: 70px 35px 90px 0
    }

        .cons_testimonial_slider .item .testimonial_content {
            border-radius: 2px;
            background-color: #fff;
            box-shadow: 35px 18px 150px 0 rgba(30,34,40,.1);
            opacity: .3;
            padding: 25px 100px 70px;
            transition: opacity .3s linear
        }

            .cons_testimonial_slider .item .testimonial_content .quote_icon {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                background: #f2e1c2;
                text-align: center;
                font-size: 18px;
                color: #7d4219;
                line-height: 60px;
                display: inline-block;
                position: relative;
                top: -50px
            }

                .cons_testimonial_slider .item .testimonial_content .quote_icon:before {
                    position: absolute;
                    content: "";
                    width: 100%;
                    border-radius: 50%;
                    border: 1px solid #f2e1c2;
                    height: 100%;
                    left: 0;
                    top: 0;
                    transform: scale(1.3)
                }

        .cons_testimonial_slider .item.slick-center .testimonial_content {
            opacity: 1
        }

    .cons_testimonial_slider.testimonial_round .item .testimonial_content .quote_icon {
        background: #7d4219;
        color: #fff
    }

        .cons_testimonial_slider.testimonial_round .item .testimonial_content .quote_icon:before {
            border-color: #7d4219
        }

.slick-dots {
    bottom: 0
}

    .slick-dots li {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 3px
    }

        .slick-dots li button {
            width: 8px;
            height: 8px;
            padding: 0;
            border-radius: 50%;
            background: #ecdcbd;
            transition: all .2s linear
        }

            .slick-dots li button:before {
                content: "";
                width: 14px;
                height: 14px;
                top: 50%;
                left: 50%;
                border-radius: 50%;
                opacity: 1;
                border: 1px solid #7d4219;
                margin-top: -7px;
                margin-left: -7px;
                transform: scale(0);
                transition: all .3s linear
            }

        .slick-dots li.slick-active button, .slick-dots li:hover button {
            background: #7d4219
        }

            .slick-dots li.slick-active button:before, .slick-dots li:hover button:before {
                transform: scale(1)
            }

.testimonail_text {
    font-size: 20px;
    font-weight: 400;
    line-height: 46px;
    font-family: Roboto,sans-serif;
}

    .testimonail_text strong {
        font-weight: 600
    }

.testimonail_author {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    color: #7d4219;
    margin-top: 50px
}

    .testimonail_author .img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 30px
    }

.cons_testimonail_area_two {
    padding: 15px 0 30px
}

    .cons_testimonail_area_two .section_title_one {
        margin-bottom: 20px
    }

.cons_testimonail_slider_two {
    max-width: 770px;
    margin: 0 auto;
    text-align: center
}

    .cons_testimonail_slider_two .testimonail_author {
        justify-content: center
    }

.slick-next, .slick-prev {
    width: 80px;
    height: 80px;
    background: #7d4219;
    border-radius: 50%;
    color: #fff;
    opacity: 1;
    z-index: 1;
    transition: all .3s linear;
    top: auto;
    bottom: 0;
    transform: translateY(0)
}

    .slick-next:before, .slick-prev:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        opacity: 1
    }

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        background: #f3e79e;
        color: #fff
    }

    .slick-next.slick-prev, .slick-prev.slick-prev {
        left: 0
    }

        .slick-next.slick-prev:before, .slick-prev.slick-prev:before {
            content: "\f0d9"
        }

    .slick-next.slick-next, .slick-prev.slick-next {
        right: 0
    }

        .slick-next.slick-next:before, .slick-prev.slick-next:before {
            content: "\f0da"
        }

.testimonail_arrow .slick-next, .testimonail_arrow .slick-prev {
    border: 1px solid #f2e1c2;
    color: #f2e1c2;
    background: 0 0
}

    .testimonail_arrow .slick-next:before, .testimonail_arrow .slick-prev:before {
        color: #f2e1c2
    }

    .testimonail_arrow .slick-next:hover, .testimonail_arrow .slick-prev:hover {
        border-color: #7d4219;
        background: #7d4219
    }

        .testimonail_arrow .slick-next:hover:before, .testimonail_arrow .slick-prev:hover:before {
            color: #fff

        }

.testimonial_info {
    position: relative
}

    .testimonial_info .custom_next, .testimonial_info .custom_prev {
        position: absolute;
        top: 100px
    }

    .testimonial_info .custom_prev {
        left: 0
    }

    .testimonial_info .custom_next {
        right: 0
    }

.testimonial_thumbnil {
    max-width: 180px;
    margin: 45px auto 0
}

    .testimonial_thumbnil .slick-list {
        overflow: visible
    }

    .testimonial_thumbnil .item .round_img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        overflow: hidden;
        border: 2px solid transparent;
        margin-right: 0;
        margin-left: auto;
        opacity: .4;
        transition: all .2s linear
    }

    .testimonial_thumbnil .item .content {
        width: 150px;
        text-align: center;
        transform: scale(.3);
        transition: all .3s linear;
        margin-left: -30px;
        padding-top: 28px
    }

        .testimonial_thumbnil .item .content h6 {
            font-size: 18px;
            font-weight: 700;
            color: #f3e79e;
            opacity: 0;
            margin-bottom: 3px
        }

        .testimonial_thumbnil .item .content p {
            font-size: 14px;
            color: #7e8288;
            opacity: 0;
            margin-bottom: 0
        }

    .testimonial_thumbnil .item.slick-center {
        margin-right: 0;
        z-index: 2;
        position: relative
    }

        .testimonial_thumbnil .item.slick-center .round_img {
            transform: scale(1.15);
            opacity: 1;
            border-color: #fff
        }

        .testimonial_thumbnil .item.slick-center .content {
            transform: scale(1)
        }

            .testimonial_thumbnil .item.slick-center .content h6, .testimonial_thumbnil .item.slick-center .content p {
                opacity: 1
            }

.cons_action_area_three {
    padding: 80px 0 100px
}

.cons_action_info_three {
    display: flex;
    flex-wrap: wrap;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    align-items: center
}

    .cons_action_info_three .cons_action_content {
        flex: 1;
        display: flex;
        padding-right: 100px
    }

        .cons_action_info_three .cons_action_content i {
            font-size: 50px;
            color: #7e8288;
            margin-right: 30px;
            margin-top: 5px
        }

        .cons_action_info_three .cons_action_content p {
            margin-bottom: 0
        }

.cons_action_info_five p {
    font-size: 24px;
    line-height: 44px
}

.cons_action_area_five {
    padding-bottom: 100px
}

.cons_testimonial_area_six {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0 150px
}

    .cons_testimonial_area_six .cons_testimonial_slider .item {
        padding-top: 0
    }

        .cons_testimonial_area_six .cons_testimonial_slider .item .testimonial_content {
            box-shadow: none;
            padding: 0;
            opacity: 1;
            padding-right: 150px
        }

            .cons_testimonial_area_six .cons_testimonial_slider .item .testimonial_content .quote_icon {
                top: 0;
                border: 1px solid #7d4219;
                background: 0 0;
                margin-bottom: 57px
            }

                .cons_testimonial_area_six .cons_testimonial_slider .item .testimonial_content .quote_icon:before {
                    display: none
                }

    .cons_testimonial_area_six .cons_testimonial_slider .slick-dots {
        text-align: left;
        position: relative;
        margin-top: 0
    }

.cons_twitter_area {
    padding: 150px 0 0
}

.twitter_info {
    background: #faf9fb;
    padding: 45px 70px;
    display: flex
}

    .twitter_info .twitter_slider {
        max-width: 630px;
        font-size: 16px;
        font-weight: 400;
        line-height: 30px
    }

        .twitter_info .twitter_slider a {
            font-weight: 500;
            color: #7d4219
        }

        .twitter_info .twitter_slider i {
            font-size: 50px;
            margin-right: 30px
        }

    .twitter_info .custom_arrow {
        flex: 1;
        text-align: right
    }

.cons_twitter_area_two {
    padding-top: 100px
}

.cons_testimonail_area_seven {
    padding: 50px 0 100px
}

    .cons_testimonail_area_seven .quote_icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        text-align: center;
        text-align: center;
        color: #7d4219;
        font-size: 15px;
        background: #fafafa;
        line-height: 60px;
        margin-bottom: 25px
    }

.cons_action_content_five h2 {
    font-size: 60px;
    line-height: 76px;
    letter-spacing: -.2px;
    font-weight: 700
}

.cons_action_content_five .contact_btn {
    font-size: 18px;
    background: url(../img/home-18/btn_bg.png) no-repeat scroll center 0/cover;
    display: inline-block;
    font-weight: 600;
    color: #fff;
    padding: 15px 74px;
    border-radius: 2px;
    margin-top: 90px
}

    .cons_action_content_five .contact_btn:hover {
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
    }

.cons_team_area {
    padding: 100px 0 150px
}

.team_img_info {
    padding-left: 100px;
    padding-right: 100px;
    position: relative;
    z-index: 1
}

    .team_img_info .dot_middle {
        right: 0;
        left: auto
    }

    .team_img_info .cons_team_col:nth-child(even) {
        margin-top: 140px
    }

.cons_team_item {
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 3px;
    display: block
}

    .cons_team_item:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #7d4219;
        z-index: 0;
        opacity: 0;
        transition: opacity .4s
    }

    .cons_team_item img {
        transition: all .4s linear;
        position: relative;
        z-index: -1
    }

    .cons_team_item:hover:before {
        opacity: .55
    }

    .cons_team_item:hover img {
        transform: scale(1.05)
    }

.team_img_info_two .cons_team_col .cons_team_item {
    display: inline-block
}

    .team_img_info_two .cons_team_col .cons_team_item img {
        width: 100%
    }

.team_img_info_two .cons_team_col.col-sm-5 {
    padding-left: 5px
}

.cons_team_area_two {
    padding: 100px 0
}

.cons_team_item_two {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    transition: all .3s linear;
    cursor: pointer
}

    .cons_team_item_two .team_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: center;
        background: #7d4219;
        transition: opacity .3s linear;
        opacity: 0
    }

        .cons_team_item_two .team_content .text {
            width: 100%
        }

            .cons_team_item_two .team_content .text ul {
                margin-bottom: 52px
            }

                .cons_team_item_two .team_content .text ul li {
                    display: inline-flex;
                    margin: 0 7px;
                    transform: scale(0)
                }

                    .cons_team_item_two .team_content .text ul li:nth-child(1) {
                        transition: 250ms
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(2) {
                        transition: .5s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(3) {
                        transition: 750ms
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(4) {
                        transition: 1s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(5) {
                        transition: 1.25s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(6) {
                        transition: 1.5s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(7) {
                        transition: 1.75s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(8) {
                        transition: 2s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(9) {
                        transition: 2.25s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(10) {
                        transition: 2.5s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(11) {
                        transition: 2.75s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(12) {
                        transition: 3s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(13) {
                        transition: 3.25s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(14) {
                        transition: 3.5s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(15) {
                        transition: 3.75s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(16) {
                        transition: 4s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(17) {
                        transition: 4.25s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(18) {
                        transition: 4.5s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(19) {
                        transition: 4.75s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(20) {
                        transition: 5s
                    }

                    .cons_team_item_two .team_content .text ul li:nth-child(21) {
                        transition: 5.25s
                    }

                    .cons_team_item_two .team_content .text ul li a {
                        width: 40px;
                        height: 40px;
                        border-radius: 50%;
                        text-align: center;
                        font-size: 14px;
                        color: #fff;
                        background: #f28b2c;
                        line-height: 40px
                    }

                        .cons_team_item_two .team_content .text ul li a:hover {
                            background: #363d48;
                            color: #fff
                        }

            .cons_team_item_two .team_content .text h5 {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 12px;
                opacity: 0
            }

            .cons_team_item_two .team_content .text .position {
                font-size: 12px;
                font-weight: 500;
                text-transform: uppercase;
                opacity: 0
            }

            .cons_team_item_two .team_content .text .position, .cons_team_item_two .team_content .text h5 {
                color: #fff
            }

    .cons_team_item_two:hover {
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
    }

        .cons_team_item_two:hover .team_content {
            opacity: 1
        }

            .cons_team_item_two:hover .team_content .text ul li {
                transform: scale(1)
            }

            .cons_team_item_two:hover .team_content .text h5 {
                animation: fadeInUp .3s linear both;
                opacity: 1
            }

            .cons_team_item_two:hover .team_content .text .position {
                animation: fadeInUp .5s linear both;
                opacity: 1
            }

.cons_subscribe_info {
    max-width: 1170px;
    border-radius: 2px;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.1);
    margin: 0 auto;
    padding: 120px 0 130px;
    position: relative;
    z-index: 1
}

    .cons_subscribe_info .cons_subscribe_content {
        max-width: 570px;
        margin: 0 auto
    }

    .cons_subscribe_info .section_title_one h2, .cons_subscribe_info .section_title_one p {
        color: #fff
    }

    .cons_subscribe_info .section_title_one .title_head {
        margin-bottom: 28px
    }

    .cons_subscribe_info.bg_white {
        background: #fff
    }

        .cons_subscribe_info.bg_white .section_title_one h2 {
            color: #f3e79e
        }

        .cons_subscribe_info.bg_white .section_title_one p {
            color: #7e8288
        }

        .cons_subscribe_info.bg_white .cons_subscribe_form .form-control {
            border-color: #e5e5e6;
            color: #7e8288
        }

            .cons_subscribe_info.bg_white .cons_subscribe_form .form-control.placeholder {
                color: #7e8288
            }

            .cons_subscribe_info.bg_white .cons_subscribe_form .form-control:-moz-placeholder {
                color: #7e8288
            }

            .cons_subscribe_info.bg_white .cons_subscribe_form .form-control::-moz-placeholder {
                color: #7e8288
            }

            .cons_subscribe_info.bg_white .cons_subscribe_form .form-control::-webkit-input-placeholder {
                color: #7e8288
            }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3e79e;
    opacity: .6;
    z-index: -1
}

.cons_subscribe_form {
    display: flex;
    flex-wrap: wrap
}

    .cons_subscribe_form .form-control {
        flex: 1;
        height: 60px;
        border: 2px solid rgba(255,255,255,.3);
        border-radius: 2px;
        background: 0 0;
        padding-left: 30px;
        font-size: 15px;
        font-family: Outfit,sans-serif;
        color: #ffff;
        box-shadow: none
    }

        .cons_subscribe_form .form-control.placeholder {
            color: #fff
        }

        .cons_subscribe_form .form-control:-moz-placeholder {
            color: #fff
        }

        .cons_subscribe_form .form-control::-moz-placeholder {
            color: #fff
        }

        .cons_subscribe_form .form-control::-webkit-input-placeholder {
            color: #fff
        }

    .cons_subscribe_form .theme_btn {
        border: 0;
        margin-left: 20px;
        background: #7d4219;
        padding-left: 67px;
        padding-right: 67px;
        color: #fff
    }

        .cons_subscribe_form .theme_btn:after {
            background: #222
        }

.cons_clients_logo_area {
    padding-top: 150px
}

.clients_logo_inner {
    display: flex;
    flex-wrap: wrap
}

.clients_logo {
    width: calc(100% / 5);
    position: relative;
    overflow: hidden;
    text-align: center;
    display: flex;
    justify-content: center
}

    .clients_logo img {
        opacity: .5;
        transition: all .4s ease-in-out;
        max-width: 100%
    }

        .clients_logo img + img {
            top: 150%;
            opacity: 0;
            left: 50%;
            transform: translateX(-50%);
            visibility: hidden;
            position: absolute
        }

    .clients_logo:hover img {
        opacity: 1;
        transform: translateY(-100%)
    }

        .clients_logo:hover img + img {
            top: 0;
            opacity: 1;
            visibility: visible;
            transform: translate(-50%,0)
        }

.cons_logo_area_three {
    padding: 100px 0 150px
}

    .cons_logo_area_three .clients_logo {
        width: calc(100% / 4)
    }

.cons_logo_area_four {
    padding: 100px 0
}

    .cons_logo_area_four .clients_logo_inner {
        margin-bottom: -100px
    }

    .cons_logo_area_four .clients_logo {
        width: calc(100% / 3);
        margin-bottom: 100px
    }

.pt_200 {
    padding-top: 150px
}

.cons_fact_area {
    padding-top: 50px
}

.fact_item {
    text-align: center
}

    .fact_item h3 {
        font-size: 60px;
        font-weight: 600;
        color: #7d4219;
        margin-bottom: 15px
    }

    .fact_item p {
        margin-bottom: 0
    }

.cons_subscribe_area_two .cons_subscribe_info .section_title_one h2 {
    color: #f3e79e
}

.cons_subscribe_area_two .cons_subscribe_info .section_title_one p {
    color: #7e8288
}

.cons_subscribe_area_two .cons_subscribe_info .cons_subscribe_form .form-control {
    border-color: rgba(168,170,173,.3);
    background-color: rgba(255,255,255,.3);
    color: #f3e79e
}

    .cons_subscribe_area_two .cons_subscribe_info .cons_subscribe_form .form-control.placeholder {
        color: #7e8288
    }

    .cons_subscribe_area_two .cons_subscribe_info .cons_subscribe_form .form-control:-moz-placeholder {
        color: #7e8288
    }

    .cons_subscribe_area_two .cons_subscribe_info .cons_subscribe_form .form-control::-moz-placeholder {
        color: #7e8288
    }

    .cons_subscribe_area_two .cons_subscribe_info .cons_subscribe_form .form-control::-webkit-input-placeholder {
        color: #7e8288
    }

.cons_subscribe_area_two .cons_subscribe_info_two .section_title_one .title_head, .cons_subscribe_area_two .cons_subscribe_info_two .section_title_one .title_top, .cons_subscribe_area_two .cons_subscribe_info_two .section_title_one p {
    color: #fff
}

.cons_subscribe_area_two .cons_subscribe_info_two .cons_subscribe_form .form-control {
    background: 0 0;
    color: #fff
}

    .cons_subscribe_area_two .cons_subscribe_info_two .cons_subscribe_form .form-control.placeholder {
        color: #fff
    }

    .cons_subscribe_area_two .cons_subscribe_info_two .cons_subscribe_form .form-control:-moz-placeholder {
        color: #fff
    }

    .cons_subscribe_area_two .cons_subscribe_info_two .cons_subscribe_form .form-control::-moz-placeholder {
        color: #fff
    }

    .cons_subscribe_area_two .cons_subscribe_info_two .cons_subscribe_form .form-control::-webkit-input-placeholder {
        color: #fff
    }

.cons_subscribe_area_three {
    padding: 100px 0 0
}

    .cons_subscribe_area_three .cons_subscribe_info_two {
        padding: 150px 0
    }

.cons_subscribe_area_four .cons_subscribe_info_two {
    padding: 100px 0
}

.cons_subscribe_area_two .cons_ecommerce_subscribe {
    max-width: 570px;
    margin-left: 100px
}

    .cons_subscribe_area_two .cons_ecommerce_subscribe .section_title_one {
        margin-bottom: 60px
    }

    .cons_subscribe_area_two .cons_ecommerce_subscribe .cons_subscribe_form .form-control {
        background-color: rgba(255,255,255,.42);
        border-color: rgba(255,255,255,.32)
    }

.cons_fact_area_two {
    padding: 100px 0
}

.cons_facts_area_three .cons_facts_info {
    margin-top: -80px
}

.cons_facts_area_three .fact_item {
    margin-top: 80px
}

.exprence_number {
    display: inline-block
}

    .exprence_number .number {
        font-size: 350px;
        font-weight: 700;
        background: url(../img/home-17/text_img.jpg) no-repeat;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        line-height: 274px;
        background-size: contain;
        display: inline-block
    }

    .exprence_number h4 {
        font-size: 36px;
        font-weight: 700;
        color: #f3e79e;
        position: absolute;
        top: 50%;
        right: 90px;
        transform: translateY(-50%)
    }

.cons_subscribe_area_three .cons_contact_info_two {
    background: #7d4219;
    padding: 138px 150px
}

.cons_subscribe_area_three .cons_subscribe_form .form-control {
    border-color: #fff
}

.cons_subscribe_area_three .cons_subscribe_form .theme_btn_two {
    border: 0;
    margin-left: 20px
}

    .cons_subscribe_area_three .cons_subscribe_form .theme_btn_two:after {
        background: #f3e79e
    }

.subscribe_content h5 {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2.1px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 40px
}

.subscribe_content p {
    color: #fff;
    margin-bottom: 0
}

.cons_logo_area_five {
    padding-bottom: 150px
}

.cons_team_area_three {
    display: flex;
    flex-wrap: wrap;
    padding: 100px 0 100px
}

    .cons_team_area_three .cons_team_left {
        width: calc(50% + 85px)
    }

    .cons_team_area_three .cons_team_right {
        width: calc(50% - 85px);
        padding-left: 130px
    }

        .cons_team_area_three .cons_team_right .custom_arrow {
            margin-top: 50px
        }

.cons_team_slider {
    max-width: 670px;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 0 !important
}

    .cons_team_slider .cons_team_slider_item {
        flex-direction: row-reverse;
        align-items: center;
        margin-bottom: 0
    }

        .cons_team_slider .cons_team_slider_item img {
            border-radius: 2px;
            margin-left: 30px;
            transform: translateX(50%);
            opacity: 0;
            transform-origin: 100% 50%;
            transition: transform .8s ease-out .1s,opacity .5s ease
        }

        .cons_team_slider .cons_team_slider_item p {
            margin-bottom: 0
        }

        .cons_team_slider .cons_team_slider_item h2, .cons_team_slider .cons_team_slider_item h6, .cons_team_slider .cons_team_slider_item p {
            animation: slideOutLeft .6s both
        }

    .cons_team_slider .slick-active .cons_team_slider_item img {
        transform: translateX(0);
        opacity: 1
    }

    .cons_team_slider .slick-active .cons_team_slider_item h6 {
        animation: slideInLeft .7s both .7s
    }

    .cons_team_slider .slick-active .cons_team_slider_item h2 {
        animation: slideInLeft .7s both 1s
    }

    .cons_team_slider .slick-active .cons_team_slider_item p {
        animation: slideInLeft .7s both 1.2s
    }

    .cons_team_slider .slick-dots {
        text-align: right;
        position: relative;
        padding-top: 50px
    }

.cons_team_thum_slider {
    margin-left: -15px
}

    .cons_team_thum_slider .slick-list {
        padding-left: 0 !important
    }

    .cons_team_thum_slider img {
        margin: 0 15px;
        border-radius: 3px
    }

.team_member {
    position: relative;
    padding-top: 70px;
    padding-bottom: 160px;
    z-index: 1
}

    .team_member .item {
        display: inline-block
    }

        .team_member .item:nth-child(1), .team_member .item:nth-child(3) {
            position: absolute
        }

        .team_member .item:nth-child(2) {
            z-index: 2;
            position: relative
        }

        .team_member .item:nth-child(1) {
            right: 0;
            top: 0;
            z-index: 0
        }

        .team_member .item:nth-child(3) {
            right: 130px;
            bottom: -100px;
            z-index: 3
        }

.error_area {
    text-align: center
}

    .error_area .logo {
        padding-top: 60px
    }

    .error_area h5 {
        font: 600 14px Outfit,sans-serif;
        color: #7d4219;
        letter-spacing: 2.1px;
        text-transform: uppercase;
        margin-top: 150px;
        margin-bottom: 25px
    }

    .error_area h4 {
        font: 700 36px Outfit,sans-serif;
        margin-bottom: 65px
    }

    .error_area .error_text {
        display: block;
        margin: auto
    }

    .error_area .theme_btn_two {
        margin-top: 85px;
        font: 600 16px Outfit,sans-serif;
        height: 54px;
        width: 220px;
        padding: 0
    }

.pad_btm {
    padding-bottom: 150px
}

.breadcrumb_area {
    background: #f7f5f9;
    padding: 180px 0 100px
}

    .breadcrumb_area h4 {
        color: #fff;
        font-size: 40px !important;
        margin-bottom: 0;
        font: 600 24px Outfit,sans-serif
    }

    .breadcrumb_area .nav li a {
        color: #ffffff;
        font: 16px Roboto,sans-serif;
        position: relative
    }

        .breadcrumb_area .nav li a:after {
            content: "\f101";
            font-family: "Font Awesome 5 Free";
            display: inline-block;
            color: #fff;
            margin: 0 6px;
            font-weight: 900
        }

    .breadcrumb_area .nav li:last-child {
        margin-right: 0;
        
    }
    .breadcrumb_area .nav li {
        font: 16px Roboto, sans-serif;
        position: relative;
        color: #ffff;
    }

        .breadcrumb_area .nav li a:hover {
            
            text-decoration: underline
        }


.breadcrumb_area .nav li:last-child a:after {
    display: none
}

.about_main_area {
    padding-top: 190px
}

    .about_main_area .about_inner {
        text-align: center;
        max-width: 770px;
        margin: auto
    }

        .about_main_area .about_inner .title_head {
            margin-bottom: 40px
        }

        .about_main_area .about_inner p {
            font: 400 18px/34px Outfit,sans-serif;
            margin-bottom: 30px
        }

    .about_main_area .about_img {
        border-radius: 2px;
        background-color: #a8aaad;
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2);
        margin-top: 80px;
        position: relative
    }

        .about_main_area .about_img:before {
            content: "";
            background: url(../img/about/about-texture.png) no-repeat;
            height: 270px;
            width: 300px;
            position: absolute;
            left: -130px;
            top: -130px;
            z-index: -1
        }

.team_three .team_inner {
    position: relative;
    overflow: hidden
}

.team_three .team_name {
    margin-top: 36px
}

    .team_three .team_name h6 {
        color: #7e8288;
        font: 500 12px Outfit,sans-serif;
        text-transform: uppercase;
        margin-bottom: 20px
    }

    .team_three .team_name h3 {
        color: #f3e79e;
        font: 700 18px Outfit,sans-serif;
        margin-bottom: 0
    }

.team_three:hover {
    box-shadow: none
}

.work_offers {
    padding-bottom: 40px
}

    .work_offers .cons_contact_info_two {
        color: #fff
    }

        .work_offers .cons_contact_info_two h4 {
            color: #fff;
            font: 700 36px Outfit,sans-serif;
            margin-bottom: 30px
        }

        .work_offers .cons_contact_info_two p {
            font: 400 18px/34px Outfit,sans-serif;
            margin-bottom: 80px
        }

        .work_offers .cons_contact_info_two .theme_btn {
            font-size: 18px;
            padding: 13px 81px
        }

.services_area {
    padding-bottom: 100px
}

    .services_area .services_inner {
        margin-bottom: -60px
    }

.service_item {
    padding: 70px;
    opacity: 1;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.1);
    transition: all .3s linear 0s;
    background: #fff;
    margin-bottom: 60px
}

    .service_item .service_icon {
        font-size: 24px;
        font-weight: 700;
        color: #f3e79e;
        line-height: 38px;
        align-items: center;
        margin-bottom: 40px
    }

        .service_item .service_icon i {
            font-size: 55px;
            color: #7d4219;
            margin-right: 55px
        }

    .service_item .theme_btn_two {
        min-width: 220px;
        margin-top: 44px
    }

        .service_item .theme_btn_two:after {
            background: #7d4219
        }

    .service_item:hover {
        background: #7d4219
    }

        .service_item:hover .service_icon, .service_item:hover .service_icon i, .service_item:hover p {
            color: #fff
        }

    .service_item:hover {
        background: url(../img/about/service-item-bg.jpg) no-repeat scroll center center;
        background-size: cover;
        transition: all .3s linear 0s
    }

.service_details_area {
    padding-bottom: 100px
}

    .service_details_area .service_details_img {
        margin-bottom: -30px
    }

        .service_details_area .service_details_img img {
            margin-bottom: 30px
        }

.service_details_text {
    margin-top: 65px
}

    .service_details_text .left {
        max-width: 560px
    }

        .service_details_text .left h3 {
            color: #f3e79e;
            font: 700 36px Outfit,sans-serif;
            margin-bottom: 45px
        }

        .service_details_text .left p {
            margin-bottom: 40px
        }

        .service_details_text .left .nav {
            margin-bottom: 45px
        }

            .service_details_text .left .nav li {
                margin-bottom: 25px
            }

                .service_details_text .left .nav li a {
                    font: 400 20px Outfit,sans-serif;
                    color: #7e8288;
                    position: relative;
                    padding-left: 25px;
                    display: block;
                    transition: all .3s linear 0s
                }

                    .service_details_text .left .nav li a i {
                        position: absolute;
                        left: 0;
                        color: #7d4219;
                        top: 5px;
                        font-size: 14px
                    }

                    .service_details_text .left .nav li a:hover {
                        color: #7d4219
                    }

                .service_details_text .left .nav li:last-child {
                    margin-bottom: 0
                }

        .service_details_text .left .theme_btn {
            margin-top: 50px;
            padding: 10px 33px
        }

.right_brochure h5 {
    color: #f3e79e;
    font: 700 18px Outfit,sans-serif;
    margin-bottom: 20px
}

.right_brochure a {
    display: block;
    border: 2px solid #f4f4f4;
    margin-bottom: 20px;
    border-radius: 3px;
    padding: 0 25px 0 30px;
    color: #7e8288;
    font: 400 15px/62px Outfit,sans-serif
}

    .right_brochure a i {
        float: right;
        line-height: 62px
    }

.right_brochure img {
    margin-top: 10px
}

.price_item {
    border-radius: 2px;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.1);
    padding: 56px 65px 65px 65px;
    text-align: center;
    transition: all .3s linear 0s;
    cursor: pointer
}

    .price_item h5 {
        color: #7d4219;
        font: 600 60px Outfit,sans-serif;
        margin-bottom: 23px;
        transition: all .3s linear 0s
    }

        .price_item h5 span {
            font-size: 18px
        }

        .price_item h5 .dollar {
            vertical-align: top;
            position: relative;
            top: 12px
        }

    .price_item h3 {
        font: 700 24px Outfit,sans-serif;
        color: #f3e79e;
        margin-bottom: 45px;
        transition: all .3s linear 0s
    }

    .price_item p {
        font-size: 18px;
        margin-bottom: 55px;
        transition: all .3s linear 0s
    }

    .price_item .theme_btn_two {
        font-size: 16px;
        padding: 11px 74px
    }

        .price_item .theme_btn_two:after {
            background: #fff
        }

        .price_item .theme_btn_two:hover {
            color: #7d4219
        }

    .price_item:hover {
        background: #7d4219
    }

        .price_item:hover h5 {
            color: #fff
        }

        .price_item:hover h3 {
            color: #fff
        }

        .price_item:hover p {
            color: #fff
        }

.testi_single_area {
    padding-bottom: 100px
}

    .testi_single_area .col-lg-6 {
        align-self: center
    }

.ts_img {
    border-radius: 2px;
    background-color: #a8aaad;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
}

.ts_text {
    padding-left: 100px
}

    .ts_text i {
        background: #fafafa;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        text-align: center;
        line-height: 60px;
        color: #7d4219;
        margin-bottom: 50px
    }

    .ts_text h4 {
        font: 400 30px/56px Outfit,sans-serif;
        color: #f3e79e;
        margin-bottom: 50px
    }

        .ts_text h4 strong {
            font-weight: 600
        }

    .ts_text .media .d-flex {
        padding-right: 25px
    }

    .ts_text .media .media-body {
        align-self: center
    }

        .ts_text .media .media-body h5 {
            color: #7e8288;
            font: 700 18px Outfit,sans-serif
        }

.projects_area {
    padding-bottom: 30px
}

    .projects_area .portfolio_filter {
        margin-bottom: 95px
    }

    .projects_area .projects_inner {
        margin-bottom: -30px
    }

.project_item {
    margin-bottom: 30px;
    cursor: auto;
}

    .project_item:before {
        background: rgba(32,32,32,.45);
        opacity: 0;
        transition: all .3s linear 0s
    }

    .project_item h4 {
        margin-bottom: 75px
    }

    .project_item .theme_btn_two {
        opacity: 0;
        margin-top: 8px;
        padding: 8px 37px
    }

    .project_item:hover .hover-content {
        bottom: 65px
    }

    .project_item:hover:before {
        opacity: 1
    }

    .project_item:hover .theme_btn_two {
        opacity: 1
    }

.pagination_area {
    text-align: center;
    margin-top: 95px
}

    .pagination_area nav .pagination {
        justify-content: center
    }

        .pagination_area nav .pagination li {
            margin-right: 3px
        }

            .pagination_area nav .pagination li a {
                padding: 0;
                font: 500 14px/48px Outfit,sans-serif;
                color: #7e8288;
                height: 48px;
                width: 48px;
                border-radius: 50%;
                border: 1px solid transparent
            }

            .pagination_area nav .pagination li.active a {
                border-color: #f3e4c8;
                background: 0 0;
                color: #7e8288
            }

            .pagination_area nav .pagination li:nth-child(5) a {
                color: #f3e79e;
                text-decoration: underline
            }

            .pagination_area nav .pagination li:first-child {
                margin-right: 70px
            }

            .pagination_area nav .pagination li:last-child {
                margin-left: 70px;
                margin-right: 0
            }

            .pagination_area nav .pagination li:hover a {
                background: 0 0;
                outline: 0;
                box-shadow: none
            }

.project_details_area {
    padding-bottom: 50px
}

    .project_details_area .project_details_img img {
        margin-bottom: 30px
    }

        .project_details_area .project_details_img img:last-child {
            margin-bottom: 0
        }

    .project_details_area .single_pagination {
        margin-top: 60px !important;
        max-width: 670px
    }

        .project_details_area .single_pagination .theme_btn_two {
            font-size: 16px;
            padding: 10px 82px
        }

        .project_details_area .single_pagination .left .theme_btn_two i {
            margin-right: 6px;
            margin-left: 0
        }

        .project_details_area .single_pagination .right .theme_btn_two i {
            margin-left: 6px
        }

.project_details_text {
    margin-top: 35px
}

    .project_details_text h4 {
        font: 700 36px/56px Outfit,sans-serif;
        margin-bottom: 40px
    }

    .project_details_text p {
        margin-bottom: 35px
    }

        .project_details_text p + p {
            margin-bottom: 0
        }

    .project_details_text .nav {
        margin-top: 75px
    }

.share_icon li {
    margin-left: 20px;
    color: #f3e79e;
    font: 700 18px Outfit,sans-serif;
    align-self: center
}

    .share_icon li a {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        text-align: center;
        background: #f2e1c2;
        display: inline-block;
        line-height: 42px;
        color: #7d4219;
        transition: all .3s linear 0s
    }

        .share_icon li a:hover {
            color: #fff;
            background: #7d4219
        }

    .share_icon li:first-child {
        margin-left: 0;
        margin-right: 10px
    }

.p_details_info {
    margin-top: 80px
}

    .p_details_info .info_item {
        margin-bottom: 45px
    }

        .p_details_info .info_item h5 {
            font: 700 18px Outfit,sans-serif;
            margin-bottom: 10px
        }

        .p_details_info .info_item p {
            margin-bottom: 0
        }

        .p_details_info .info_item:last-child {
            margin-bottom: 0
        }

.blog_list_area .pagination_area {
    margin-top: 100px;
    margin-bottom: 45px
}

    .blog_list_area .pagination_area .pagination {
        margin-bottom: 0
    }

.blog_l_item {
    margin-bottom: 70px
}

    .blog_l_item .col-lg-6 {
        align-self: center
    }

    .blog_l_item .blog_l_img {
        margin-right: -15px;
        border-radius: 3px;
        overflow: hidden
    }

    .blog_l_item .blog_l_text {
        padding-left: 55px
    }

        .blog_l_item .blog_l_text h6 {
            font: 600 14px Outfit,sans-serif;
            text-transform: uppercase;
            color: #7e8288;
            letter-spacing: 2.1px;
            margin-bottom: 20px
        }

        .blog_l_item .blog_l_text h4 {
            color: #f3e79e;
            font: 700 36px/56px Outfit,sans-serif;
            margin-bottom: 40px;
            transition: all .3s linear 0s
        }

            .blog_l_item .blog_l_text h4:hover {
                color: #7d4219
            }

        .blog_l_item .blog_l_text p {
            margin-bottom: 50px
        }

.blog_d_top_text {
    max-width: 770px;
    margin: auto;
    text-align: center
}

    .blog_d_top_text h3 {
        color: #f3e79e;
        font: 700 60px Outfit,sans-serif;
        margin-bottom: 45px
    }

    .blog_d_top_text .nav {
        justify-content: center;
        margin-bottom: 45px
    }

        .blog_d_top_text .nav li {
            margin-right: 50px
        }

            .blog_d_top_text .nav li a {
                font: 600 14px Outfit,sans-serif;
                text-transform: uppercase;
                color: #a8aaad;
                letter-spacing: 2.1px;
                position: relative
            }

                .blog_d_top_text .nav li a:before {
                    content: "";
                    background: #eee;
                    height: 14px;
                    width: 2px;
                    position: absolute;
                    right: -25px;
                    top: 50%;
                    transform: translateY(-50%)
                }

                .blog_d_top_text .nav li a span {
                    color: #7e8288
                }

            .blog_d_top_text .nav li:last-child {
                margin-right: 0
            }

                .blog_d_top_text .nav li:last-child a:before {
                    display: none
                }

                .blog_d_top_text .nav li:last-child a span {
                    color: #7d4219
                }

    .blog_d_top_text p {
        margin-bottom: 55px
    }

.blog_d_bottom_text {
    max-width: 770px;
    margin: auto;
    margin-top: 55px
}

    .blog_d_bottom_text h4 {
        color: #f3e79e;
        font: 700 24px Outfit,sans-serif;
        margin-bottom: 40px
    }

    .blog_d_bottom_text p {
        margin-bottom: 35px
    }

        .blog_d_bottom_text p:last-child {
            margin-bottom: 0
        }

    .blog_d_bottom_text .blockquote {
        font: 300 30px/56px Outfit,sans-serif;
        color: #f3e79e;
        font-style: italic;
        padding-left: 95px;
        margin-bottom: 50px;
        margin-top: 40px
    }

.simple_single {
    margin-top: 50px;
    margin-bottom: 50px
}

    .simple_single .col-lg-5 {
        align-self: center
    }

    .simple_single .simple_text {
        padding-left: 65px
    }

        .simple_single .simple_text h4 {
            color: #f3e79e;
            font: 700 24px Outfit,sans-serif;
            margin-bottom: 40px
        }

        .simple_single .simple_text p a {
            color: #7d4219
        }

.conclusion_text {
    max-width: 770px;
    margin: auto
}

    .conclusion_text h4 {
        color: #f3e79e;
        font: 700 24px Outfit,sans-serif;
        margin-bottom: 50px
    }

    .conclusion_text p {
        margin-bottom: 30px
    }

    .conclusion_text .share_icon {
        margin-top: 50px
    }

.like_post h2 {
    max-width: 770px;
    margin: auto;
    font-size: 36px;
    color: #f3e79e;
    font-weight: 700;
    margin-bottom: 80px;
    margin-top: 180px
}

.like_post .cons_blog_item h3 {
    font-size: 18px;
    line-height: 28px
}

.cm_title_br {
    font: 700 36px Outfit,sans-serif;
    margin-bottom: 75px
}

.s_comment_list {
    max-width: 770px;
    margin: auto
}

    .s_comment_list .s_comment_list_inner .media {
        margin-top: 35px
    }

        .s_comment_list .s_comment_list_inner .media .d-flex {
            padding-right: 35px
        }

        .s_comment_list .s_comment_list_inner .media .media-body {
            border-bottom: 1px solid #f7f5f9;
            padding-bottom: 35px
        }

            .s_comment_list .s_comment_list_inner .media .media-body h4 {
                font: 700 18px Outfit,sans-serif;
                margin-bottom: 0
            }

            .s_comment_list .s_comment_list_inner .media .media-body .time {
                color: #7e8288;
                font: 500 14px Outfit,sans-serif;
                margin-bottom: 25px;
                display: inline-block
            }

            .s_comment_list .s_comment_list_inner .media .media-body p {
                margin-bottom: 20px
            }

            .s_comment_list .s_comment_list_inner .media .media-body .more_btn i {
                margin-left: 0
            }

            .s_comment_list .s_comment_list_inner .media .media-body .media {
                padding-top: 35px;
                border-top: 1px solid #f7f5f9
            }

                .s_comment_list .s_comment_list_inner .media .media-body .media .media-body {
                    border-bottom: 0;
                    padding-bottom: 0
                }

        .s_comment_list .s_comment_list_inner .media:first-child {
            margin-top: 0
        }

.s_comment_area {
    max-width: 770px;
    margin: auto;
    margin-bottom: 50px
}

.contact_us_form .form-group {
    margin-bottom: 30px
}

    .contact_us_form .form-group input {
        border: 2px solid #e5e5e6;
        height: 60px;
        padding: 0 25px;
        border-radius: 3px;
        line-height: 60px;
        outline: 0;
        box-shadow: none;
        font: 400 15px/60px Outfit,sans-serif;
        color: #7e8288;
        transition: all .1s linear
    }

        .contact_us_form .form-group input.placeholder {
            font: 400 15px/60px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group input:-moz-placeholder {
            font: 400 15px/60px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group input::-moz-placeholder {
            font: 400 15px/60px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group input::-webkit-input-placeholder {
            font: 400 15px/60px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group input:focus {
            border-color: #7d4219
        }

    .contact_us_form .form-group textarea {
        border: 2px solid #e5e5e6;
        height: 100px;
        padding: 0 25px;
        border-radius: 3px;
        outline: 0;
        box-shadow: none;
        font: 400 15px/50px Outfit,sans-serif;
        color: #7e8288
    }

        .contact_us_form .form-group textarea.placeholder {
            font: 400 15px/50px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group textarea:-moz-placeholder {
            font: 400 15px/50px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group textarea::-moz-placeholder {
            font: 400 15px/50px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group textarea::-webkit-input-placeholder {
            font: 400 15px/50px Outfit,sans-serif;
            color: #7e8288
        }

        .contact_us_form .form-group textarea:focus {
            border-color: #7d4219
        }

    .contact_us_form .form-group .theme_btn_three {
        width: 270px;
        background: #7d4219;
        color: #fff;
        height: 65px;
        font: 600 18px Outfit,sans-serif;
        border: none
    }

    .contact_us_form .form-group:last-child {
        margin-bottom: 0
    }

.map_area {
    margin: 30px 0
}

.our_founder_area .row {
    margin-bottom: -100px
}

.our_f_item {
    margin-bottom: 100px
}

    .our_f_item .team_name {
        text-align: center;
        margin-top: 30px
    }

        .our_f_item .team_name h6 {
            font: 500 12px Outfit,sans-serif;
            text-transform: uppercase;
            color: #7e8288;
            margin-bottom: 12px
        }

        .our_f_item .team_name h3 {
            font: 700 18px Outfit,sans-serif;
            margin-bottom: 30px
        }

        .our_f_item .team_name .nav {
            justify-content: center
        }

            .our_f_item .team_name .nav li {
                margin-right: 20px
            }

                .our_f_item .team_name .nav li a {
                    height: 40px;
                    width: 40px;
                    border: 1px solid #f2e2c4;
                    text-align: center;
                    line-height: 40px;
                    display: inline-block;
                    border-radius: 50%;
                    color: #7d4219;
                    transition: all .3s linear 0s
                }

                    .our_f_item .team_name .nav li a:hover {
                        background: #7d4219;
                        color: #fff
                    }

                .our_f_item .team_name .nav li:last-child {
                    margin-right: 0
                }

.team_details_area .col-lg-5 {
    align-self: center
}

.team_details_area .team_d_text h4 {
    font: 700 36px Outfit,sans-serif;
    margin-bottom: 12px
}

.team_details_area .team_d_text h6 {
    font: 500 18px Outfit,sans-serif;
    color: #7d4219;
    margin-bottom: 45px
}

.team_details_area .team_d_text p {
    margin-bottom: 45px
}

.team_details_area .team_d_text .theme_btn {
    background: #7d4219;
    color: #fff;
    height: 65px;
    width: 270px;
    display: inline-block;
    text-align: center;
    padding: 0;
    font: 600 18px/65px Outfit,sans-serif
}

    .team_details_area .team_d_text .theme_btn:after {
        background: #222
    }

.team_list {
    margin-top: 50px;
    margin-bottom: 35px
}

    .team_list li {
        font: 700 18px Outfit,sans-serif;
        color: #f3e79e;
        margin-bottom: 28px
    }

        .team_list li a {
            color: #7e8288;
            font: 400 18px Outfit,sans-serif
        }

        .team_list li:last-child {
            margin-bottom: 0
        }

.feature_skill_area {
    margin-top: 90px;
    margin-bottom: 140px
}

    .feature_skill_area .section_title_one {
        margin-bottom: 65px
    }

.cons_shop_featured_pr_area {
    padding: 100px 0
}

    .cons_shop_featured_pr_area .theme_btn {
        margin-top: 70px
    }

.shop_pr_item {
    margin-bottom: 30px
}

    .shop_pr_item .shop_img {
        display: block;
        overflow: hidden
    }

        .shop_pr_item .shop_img img {
            border-radius: 2px;
            transition: all .3s linear
        }

    .shop_pr_item .shop_content {
        text-align: center;
        padding-top: 40px
    }

        .shop_pr_item .shop_content h3 {
            font-size: 18px;
            font-weight: 700;
            transition: all .2s linear;
            margin-bottom: 2px
        }

            .shop_pr_item .shop_content h3:hover {
                color: #7d4219
            }

        .shop_pr_item .shop_content .price {
            font-weight: 600;
            margin-top: 12px
        }

            .shop_pr_item .shop_content .price .offer {
                display: inline-block;
                font-size: 10px;
                background: #e3fbc7;
                padding: 4px 15px;
                border-radius: 2px;
                line-height: 17px;
                color: #407402;
                margin-right: 4px
            }

            .shop_pr_item .shop_content .price del {
                font-size: 14px;
                color: #a8aaad
            }

                .shop_pr_item .shop_content .price del:after {
                    content: "";
                    width: 5px;
                    height: 2px;
                    display: inline-block;
                    background: #a8aaad;
                    vertical-align: middle;
                    margin-left: 5px
                }

            .shop_pr_item .shop_content .price ins {
                font-size: 18px;
                color: #7d4219;
                text-decoration: none
            }

        .shop_pr_item .shop_content .rate {
            font-size: 18px;
            font-weight: 500;
            color: #7e8288
        }

    .shop_pr_item:hover .shop_img img {
        transform: scale(1.03)
    }

.cons_shop_promo_area {
    display: flex;
    flex-wrap: wrap
}

.cons_shop_promo_left {
    width: calc(50% - 585px)
}

.cons_shop_promo_right {
    width: calc(50% + 585px)
}

.pr_promo_info {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

    .pr_promo_info .col_custome {
        width: 50%;
        padding-left: 15px;
        padding-right: 15px
    }

    .pr_promo_info .promo_pr_item {
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center right !important;
        border-radius: 2px;
        padding: 140px 0 70px 70px
    }

        .pr_promo_info .promo_pr_item .content {
            max-width: 215px
        }

            .pr_promo_info .promo_pr_item .content .price {
                font-size: 72px;
                font-weight: 600;
                color: #cd716f;
                margin-bottom: 35px
            }

                .pr_promo_info .promo_pr_item .content .price sup {
                    font-weight: 700;
                    font-size: 47px
                }

                .pr_promo_info .promo_pr_item .content .price sub {
                    text-transform: uppercase;
                    font-size: 18px;
                    right: 38px;
                    bottom: 0
                }

                .pr_promo_info .promo_pr_item .content .price.yellow {
                    color: #7d4219
                }

            .pr_promo_info .promo_pr_item .content h3 {
                font-size: 24px;
                line-height: 38px;
                font-weight: 700;
                margin-bottom: 60px
            }

        .pr_promo_info .promo_pr_item.one .content .theme_btn {
            background: #cd716f
        }

.product_area .section_title_one {
    margin-bottom: 80px
}

.product_area .product_inner {
    margin-bottom: -100px
}

.product_area .pagination_area {
    margin-top: 115px;
    margin-bottom: 50px
}

    .product_area .pagination_area .pagination {
        margin-bottom: 0
    }

.product_item {
    overflow: hidden;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 0.5rem rgb(0 0 0 / 10%);
    box-shadow: 0 0 0.5rem rgb(0 0 0 / 10%);
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
}

    .product_item:hover {
        transform: translateY(-25px);
        box-shadow: 0 36px 35px 0 rgb(12 12 12 / 10%);
    }

    .product_item .product_img {
        position: relative;
        overflow: hidden;
        width: 100%
    }

        .product_item .product_img img {
            transform: scale(1);
            transition: all .3s linear 0s
        }

        .product_item .product_img:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
            opacity: 0;
            transition: all .3s ease
        }

        .product_item .product_img .heart_icon {
            position: absolute;
            right: 30px;
            top: 30px;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
            font-size: 14px;
            color: #7d4219;
            background: #f2e1c2;
            transform: scale(.9);
            opacity: 0;
            transition: all .3s linear 0s
        }

        .product_item .product_img .theme_btn_two {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 10px;
            padding: 0;
            width: 170px;
            height: 50px;
            opacity: 0;
            transition: all .3s linear 0s
        }

    .product_item .product_text {
        text-align: center;
        margin-top: 30px
    }

        .product_item .product_text h4 {
            font: 700 18px Outfit,sans-serif;
            margin-bottom: 12px
        }

        .product_item .product_text p {
            font: 500 18px Outfit,sans-serif;
            margin-bottom: 0
        }

    .product_item:hover .product_img:before {
        opacity: 1
    }

    .product_item:hover .product_img img {
        transform: scale(1.1)
    }

    .product_item:hover .product_img .heart_icon {
        transform: scale(1);
        opacity: 1;
        z-index: 2
    }

    .product_item:hover .product_img .theme_btn_two {
        bottom: 30px;
        opacity: 1
    }

.p_details_img {
    margin-right: -30px
}

.p_details_text {
    margin-left: 100px;
    margin-top: 0
}

    .p_details_text h3 {
        font: 700 36px Outfit,sans-serif;
        margin-bottom: 35px;
        margin-top: 10px
    }

    .p_details_text h5 {
        font: 400 24px Outfit,sans-serif;
        color: #f3e79e;
        margin-bottom: 35px
    }

    .p_details_text p {
        margin-bottom: 50px
    }

    .p_details_text .product_count {
        position: relative;
        display: inline-block
    }

        .p_details_text .product_count input {
            width: 170px;
            height: 65px;
            border: 2px solid #f4f4f4;
            outline: 0;
            box-shadow: none;
            text-align: center;
            font: 400 15px/65px Outfit,sans-serif;
            color: #7e8288;
            padding: 0 60px
        }

            .p_details_text .product_count input.placeholder {
                font: 400 15px/65px Outfit,sans-serif;
                color: #7e8288
            }

            .p_details_text .product_count input:-moz-placeholder {
                font: 400 15px/65px Outfit,sans-serif;
                color: #7e8288
            }

            .p_details_text .product_count input::-moz-placeholder {
                font: 400 15px/65px Outfit,sans-serif;
                color: #7e8288
            }

            .p_details_text .product_count input::-webkit-input-placeholder {
                font: 400 15px/65px Outfit,sans-serif;
                color: #7e8288
            }

        .p_details_text .product_count button {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            border: none;
            padding: 0;
            background: 0 0
        }

            .p_details_text .product_count button i {
                font-style: normal;
                font: 400 15px Outfit,sans-serif;
                color: #7e8288;
                cursor: pointer
            }

        .p_details_text .product_count .reduced {
            left: 30px
        }

        .p_details_text .product_count .increase {
            right: 30px
        }

    .p_details_text .theme_btn_two {
        background: #7d4219;
        color: #fff;
        height: 65px;
        width: 270px;
        font-size: 18px
    }

        .p_details_text .theme_btn_two:after {
            background: #222
        }

    .p_details_text .team_list {
        margin-top: 50px
    }

    .p_details_text .share_icon {
        margin-top: 65px
    }

.p_details_tab {
    margin-top: 85px;
    margin-bottom: 180px
}

    .p_details_tab .nav-tabs li {
        margin-bottom: 0;
        margin-right: 10px
    }

        .p_details_tab .nav-tabs li:last-child {
            margin-right: 0
        }

        .p_details_tab .nav-tabs li a {
            border: none;
            font: 700 18px Outfit,sans-serif;
            color: #7e8288;
            padding: 16px 30px;
            position: relative
        }

            .p_details_tab .nav-tabs li a:before {
                content: "";
                width: 0;
                height: 1px;
                background: #7d4219;
                position: absolute;
                bottom: -1px;
                left: 0;
                transition: all .3s linear 0s
            }

            .p_details_tab .nav-tabs li a.active, .p_details_tab .nav-tabs li a:hover {
                color: #f3e79e !important
            }

                .p_details_tab .nav-tabs li a.active:before, .p_details_tab .nav-tabs li a:hover:before {
                    width: 100%
                }

    .p_details_tab .tab-pane {
        margin-top: 90px
    }

        .p_details_tab .tab-pane h4 {
            color: #f3e79e;
            font: 700 24px Outfit,sans-serif;
            margin-bottom: 40px
        }

        .p_details_tab .tab-pane p {
            margin-bottom: 0
        }

.interested_product {
    margin-bottom: 50px
}

    .interested_product .product_inner {
        margin-bottom: -100px
    }

.cons_blog_area {
    padding: 15px 0 15px
}

    .cons_blog_area.pb_200 {
        padding-bottom: 150px
    }

.cons_blog_item .img_hover {
    margin-bottom: 20px
}




.cons_blog_item .post_date {
    margin-bottom: 21px
}

.cons_blog_item h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 38px;
    margin-bottom: 0;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    transition: color .3s linear
}

/*.cons_blog_item:hover .img_hover:before {
    opacity: 1
}*/

.cons_blog_item:hover .img_hover img {
    transform: scale(1.06)
}

/*.cons_blog_item:hover h3 {
    color: #7d4219
}*/

.post_date {
    font-size: 14px;
    color: #7e8288;
    text-transform: uppercase;
    letter-spacing: 2.1px;
    font-weight: 600
}

.img_hover {
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 1
}

    .img_hover:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(242,117,7,.6);
        z-index: 1;
        opacity: 0;
        transition: opacity .3s linear
    }

    .img_hover img {
        transition: all .6s linear;
        position: relative;
        z-index: 0
    }

.cons_blog_area_two {
    padding: 100px 0
}

.cons_blog_item_two {
    align-items: center;
    cursor: pointer
}

    .cons_blog_item_two .img {
        border-radius: 2px;
        overflow: hidden;
        margin-right: 50px;
        transition: all .2s linear
    }

    .cons_blog_item_two .media-body {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

        .cons_blog_item_two .media-body .text {
            flex: 1;
            padding-right: 97px
        }

            .cons_blog_item_two .media-body .text h4 {
                font-weight: 700;
                font-size: 18px;
                margin-bottom: 25px;
                transition: color .2s linear
            }

                .cons_blog_item_two .media-body .text h4:hover {
                    color: #7d4219
                }

            .cons_blog_item_two .media-body .text p {
                margin-bottom: 0
            }

    .cons_blog_item_two:hover .img {
        box-shadow: 0 45px 150px 0 rgba(30,34,40,.2)
    }

    .cons_blog_item_two + .cons_blog_item_two {
        margin-top: 50px
    }

.cons_blog_item_three {
    align-items: center;
    cursor: pointer
}

    .cons_blog_item_three .media-left {
        border-radius: 2px;
        margin-right: 50px;
        overflow: hidden
    }

    .cons_blog_item_three .post_date {
        width: 150px;
        background: #f2e1c2;
        text-align: center;
        font-size: 60px;
        line-height: 60px;
        font-weight: 400;
        color: #7d4219;
        text-transform: capitalize;
        padding: 60px 10px
    }

        .cons_blog_item_three .post_date span {
            display: block;
            font-size: 18px;
            line-height: 19px
        }

    .cons_blog_item_three .media-body {
        align-items: center
    }

        .cons_blog_item_three .media-body .text {
            width: calc(100% - 150px);
            padding-right: 100px
        }

        .cons_blog_item_three .media-body h4 {
            font-size: 18px;
            line-height: 28px;
            font-weight: 700;
            margin-bottom: 24px;
            transition: color .3s linear
        }

        .cons_blog_item_three .media-body p {
            font-size: 18px;
            margin-bottom: 0
        }

        .cons_blog_item_three .media-body .theme_btn_two {
            max-width: 170px;
            padding: 8px 34px;
            text-align: center
        }

    .cons_blog_item_three:hover .media-body .text h4 {
        color: #7d4219
    }

    .cons_blog_item_three + .cons_blog_item_three {
        margin-top: 50px
    }

.cons_contact_area_two {
    position: relative;
    padding: 30px 0;
}

    .cons_contact_area_two a {
        color: #7e8288;
    }

        .cons_contact_area_two a:hover {
            color: #7d4219;
        }

    .cons_contact_area_two .map {
        margin-bottom: -150px
    }

.map_dot .map_marker {
    background: rgba(253,168,33,0)
}

    .map_dot .map_marker:before {
        display: none
    }

    .map_dot .map_marker.one {
        top: -380px;
        right: 700px
    }

    .map_dot .map_marker.two {
        top: -230px;
        right: 150px
    }

    .map_dot .map_marker.three {
        top: -230px;
        left: 150px
    }

.cons_contact_info_two {
    margin-left: -165px;
    margin-right: -165px;
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.1);
    border-radius: 2px;
    padding: 20px 150px;
    background: #fff;
    position: relative;
    z-index: 1
}

.contact_form .form-group {
    margin-bottom: 15px
}

    .contact_form .form-group:last-child {
        margin-bottom: 0
    }

.contact_form .form-control {
    height: 60px;
    border: 2px solid #e5e5e6;
    font-size: 18px;
    border-radius: 2px;
    line-height: 60px;
    padding: 0;
    padding-left: 30px;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    color: #f3e79e;
    transition: all .2s linear;
    box-shadow: none
}

    .contact_form .form-control.placeholder {
        color: #7e8288
    }

    .contact_form .form-control:-moz-placeholder {
        color: #7e8288
    }

    .contact_form .form-control::-moz-placeholder {
        color: #7e8288
    }

    .contact_form .form-control::-webkit-input-placeholder {
        color: #7e8288
    }

    .contact_form .form-control:focus {
        border-color: #7d4219
    }

.contact_form textarea.form-control {
    height: 100px
}

.contact_form .theme_btn {
    border: 0;
    width: 100%;
    justify-content: center;
    padding: 13px 56px
}

.cons_contact_area_three {
    position: relative;
    z-index: 1;
    padding: 150px 0
}

    .cons_contact_area_three:after, .cons_contact_area_three:before {
        position: absolute;
        content: "";
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0
    }

    .cons_contact_area_three:before {
        background: url(../img/home-nine/dot_top.png) no-repeat scroll center top
    }

    .cons_contact_area_three:after {
        background: url(../img/home-nine/dot_bottom.png) no-repeat scroll center bottom
    }

    .cons_contact_area_three .cons_contact_info_two {
        margin-left: -15px;
        margin-right: -15px;
        padding: 0;
        box-shadow: none
    }

.cons_contact_area_four {
    padding-top: 100px
}

    .cons_contact_area_four .cons_contact_info_two {
        background: url(../img/home-ten/subscribe_bg.jpg) no-repeat scroll center 0/cover
    }

        .cons_contact_area_four .cons_contact_info_two .overlay_bg {
            background: #f3e79e;
            opacity: .7
        }

        .cons_contact_area_four .cons_contact_info_two .cons_about_content .text_btn, .cons_contact_area_four .cons_contact_info_two .cons_about_content .title_head, .cons_contact_area_four .cons_contact_info_two .cons_about_content .title_top, .cons_contact_area_four .cons_contact_info_two .cons_about_content p {
            color: #fff
        }

        .cons_contact_area_four .cons_contact_info_two .contact_form .form-control {
            background: 0 0;
            border-color: #8c8f92;
            color: #fff
        }

            .cons_contact_area_four .cons_contact_info_two .contact_form .form-control.placeholder {
                color: #fff
            }

            .cons_contact_area_four .cons_contact_info_two .contact_form .form-control:-moz-placeholder {
                color: #fff
            }

            .cons_contact_area_four .cons_contact_info_two .contact_form .form-control::-moz-placeholder {
                color: #fff
            }

            .cons_contact_area_four .cons_contact_info_two .contact_form .form-control::-webkit-input-placeholder {
                color: #fff
            }

        .cons_contact_area_four .cons_contact_info_two.bg_gradient {
            background-image: linear-gradient(90deg,rgba(253,168,33,.99608) 0,#f28607 100%)
        }

            .cons_contact_area_four .cons_contact_info_two.bg_gradient .contact_form .form-control {
                border-color: #f9b65b
            }

.footer_top {
    padding: 30px 0 30px;
    background: #e3e3e3;
    border-top: 5px solid #743004;
}

.f_widget .f_title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 46px;
    color: #7d4219;
}

.f_about_widget .f_logo {
    display: inline-block;
    margin-bottom: 17px
}

.f_about_widget p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0
}

.f_about_widget .f_social {
    margin-top: 32px
}

.f_social li {
    display: inline-block;
    margin-right: 35px
}

    .f_social li a {
        font-size: 14px;
        color: #a8aaad
    }

        .f_social li a:hover {
            color: #7d4219
        }

    .f_social li:last-child {
        margin-right: 0
    }

.f_link {
    margin-bottom: -15px
}

    .f_link li {
        margin-bottom: 15px
    }

        .f_link li a {
            font-size: 16px;
            line-height: 30px;
            display: inline-block;
            font-weight: 500;
            color: #7e8288
        }

            .f_link li a:hover {
                color: #7d4219
            }

.f_link_two {
    display: flex;
    flex-wrap: wrap
}

    .f_link_two li {
        width: 50%
    }

.contact_info_link {
    margin-bottom: 0
}

    .contact_info_link li {
        font-size: 16px;
        line-height: 30px;
        font-weight: 400;
        color: #7e8288
    }

        .contact_info_link li span {
            font-weight: 500
        }

        .contact_info_link li a {
            font-weight: 500;
            color: #7e8288
        }

            .contact_info_link li a:hover {
                color: #7d4219
            }

        .contact_info_link li + li {
            margin-top: 30px
        }

.f_subscribe_widget .f_title {
    margin-bottom: 55px
}

.f_subscribe_widget p {
    font-size: 16px;
    padding-top: 22px
}

.f_subscribe {
    position: relative
}

    .f_subscribe .form-control {
        height: 60px;
        border: 2px solid #e5e5e6;
        border-radius: 3px;
        padding-left: 30px;
        padding-right: 45px;
        font-size: 15px;
        color: #f3e79e;
        transition: all .2s linear;
        background: 0 0;
        box-shadow: none
    }

        .f_subscribe .form-control.placeholder {
            color: #7e8288
        }

        .f_subscribe .form-control:-moz-placeholder {
            color: #7e8288
        }

        .f_subscribe .form-control::-moz-placeholder {
            color: #7e8288
        }

        .f_subscribe .form-control::-webkit-input-placeholder {
            color: #7e8288
        }

        .f_subscribe .form-control:focus {
            border-color: #7d4219
        }

    .f_subscribe .s_btn {
        padding: 0;
        border: 0;
        background: 0 0;
        position: absolute;
        right: 30px;
        color: #7e8288;
        font-size: 25px;
        top: 50%;
        transform: translateY(-50%)
    }

.footer_bottom {
    padding: 10px 0
}
.footer_top, .footer_top .f_link_widget a {
    color: #000
}
.footer_bottom.border_top {
    border-top: 1px solid #e9e9e9;
    background: #7d4219
}

    .footer_bottom .copy_text {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 500;
        color:#fff;
        font-family: Arial;
    }

        .footer_bottom .copy_text a {
            color: #f3e79e;
            font-family: Arial;
        }

    .go_top {
        font-size: 16px;
        font-weight: 500;
        color: #7d4219
    }

         .go_top i {
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 58px;
            color: #7d4219;
            border: 2px solid #7d4219;
            transition: all .2s linear;
            border-radius: 50%;
            margin-left: 28px
        }

             .go_top i:hover {
                background: #7d4219;
                color: #fff
            }

.footer_bottom_white.border_top {
    border-color: rgba(255,255,255,.1)
}

.footer_bottom_white .copy_text {
    color: #fff
}

.footer_area_two {
    background: url(../img/home-two/footer_bg.png) no-repeat scroll center 0/cover;
    position: relative;
    z-index: 1
}

    .footer_area_two:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(30,34,40,0) 20%)
    }

.cons_contact_info_area {
    padding: 200px 0 570px
}

.cons_contact_info {
    padding-left: 100px
}

    .cons_contact_info .title_head {
        font-size: 60px;
        line-height: 76px;
        margin-bottom: 50px
    }

    .cons_contact_info p {
        margin-bottom: 90px
    }

.pr_100 {
    padding-right: 100px
}

.footer_top_two {
    padding-top: 150px;
    padding-bottom: 100px
}

    .footer_top_two .footer_top_content {
        max-width: 550px;
        margin: 0 auto
    }

        .footer_top_two .footer_top_content .f_logo {
            display: inline-block;
            margin-bottom: 50px
        }

        .footer_top_two .footer_top_content p {
            font-size: 16px;
            line-height: 30px;
            padding-bottom: 15px
        }

        .footer_top_two .footer_top_content .f_social {
            margin-bottom: 0
        }

.cons_contact_info_area_two {
    padding: 150px 0;
    position: relative
}

    .cons_contact_info_area_two:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/home-three/map.png) no-repeat scroll center right;
        width: 100%;
        height: 100%
    }

    .cons_contact_info_area_two .cons_contact_info {
        padding-left: 0;
        position: relative
    }

.map_marker {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(242,117,7,.1);
    position: absolute;
    right: 270px;
    top: 45px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .map_marker:before {
        content: "";
        position: absolute;
        border: 1px solid rgba(242,117,7,.5);
        border-radius: 50%;
        width: 100%;
        height: 100%;
        transform: scale(1.3)
    }

    .map_marker:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        background: rgba(242,117,7,.7);
        animation: scalePlus 3s infinite;
        transform: translate(-50%,-50%);
        animation-delay: 1.5s;
        will-change: transform
    }

    .map_marker span {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: rgba(242,117,7,.1);
        display: inline-block;
        position: relative
    }

        .map_marker span:after, .map_marker span:before {
            content: "";
            position: absolute;
            border-radius: 50%
        }

        .map_marker span:before {
            background: rgba(242,117,7,.3);
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px
        }

        .map_marker span:after {
            top: 20px;
            left: 20px;
            right: 20px;
            bottom: 20px;
            background: #7d4219
        }

.dark_bg {
    background: #f3e79e
}

    .dark_bg .cons_accordian .card .card-header button, .dark_bg .cons_action_info_white .text, .dark_bg .footer_bottom .copy_text a, .dark_bg .service_tab ul .nav-item .nav-link.active, .dark_bg .service_tab ul .nav-item .nav-link:hover, .dark_bg .testimonail_author, .dark_bg .text_btn, .dark_bg h1, .dark_bg h2, .dark_bg h3, .dark_bg h4, .dark_bg h5, .dark_bg h6 {
        color: #fff
    }

    .dark_bg .cons_project_slider:before, .dark_bg .cons_project_slider_six:before {
        background: #f3e79e
    }

    .dark_bg .cons_testimonial_slider .item .testimonial_content {
        background: #7d4219
    }

    .dark_bg .fact_item h3, .dark_bg .title_top {
        color: #7d4219
    }

    .dark_bg .cons_offer_service_area_four .offer_service_item {
        background: #21252c
    }

        .dark_bg .cons_offer_service_area_four .offer_service_item .hover-content h4 {
            color: #fff
        }

    .dark_bg .footer_bottom.border_top {
        border-top-color: #363d48
    }

    .dark_bg .f_subscribe .form-control {
        border-color: #363d48
    }

    .dark_bg .cons_action_info_white, .dark_bg .cons_service_quality_item, .dark_bg .service_tab, .dark_bg .twitter_info {
        background: #21252c
    }

    .dark_bg .cons_about_content .theme_btn:after, .dark_bg .cons_action_info_three .theme_btn_three:after, .dark_bg .cons_contact_info .theme_btn_three:after {
        background: #fff
    }

    .dark_bg .cons_about_content .theme_btn:hover, .dark_bg .cons_action_info_three .theme_btn_three:hover, .dark_bg .cons_contact_info .theme_btn_three:hover {
        color: #7d4219
    }

    .dark_bg .cons_service_area_two .service_tab {
        border-color: #363d48
    }

    .dark_bg .cons_accordian .card, .dark_bg .cons_testimonial_slider.testimonial_round .item .testimonial_content {
        background: #21252c
    }

    .dark_bg .main_slider_area .slider-progress {
        background: #f3e79e
    }

    .dark_bg .work_process_item .arrow {
        z-index: 1
    }

        .dark_bg .work_process_item .arrow:before {
            background-image: linear-gradient(90deg,#f3e79e 0,#f2e1c2 25%,#f2e1c2 50%,#f9f0e1 74%,#f3e79e 100%)
        }


.contact-widget ul {
    margin-top: 25px;
    list-style: none;
    padding-left: 10px;
}

    .contact-widget ul li {
        position: relative;
        margin-left: 25px;
        font-family: 'Font Awesome 5 Free';
    }
        .contact-widget ul li p {
            font-family: Roboto,sans-serif;
        }

        .contact-widget ul li i {
            margin-left: -34px;
            position: absolute;
            margin-top: 10px;
            color: #7d4219;
        }


.footer_top .contact-widget p{
    font-size: 16px;
}

.aboutus .two{
    width: 100%
}


#result .pagination li a {
    padding: 10px;
    margin: 0 5px;
    background-color: #7d4219;
    color: #fff;
}

    #result .pagination li.active a, #result .pagination li a:hover {
        background-color: #f3e79e;
        color: #fff;
    }


@media(max-width: 360px) {
    .sticky_logo img {
        height: 33px !important;
    }

    .main_slider, .main_slider_area_fifteen .main_slider, .main_slider_area_six .main_slider {
        padding-top: 88px !important;
    }

        .main_slider .slick-list .slider_item, .main_slider .slick-track .slider_item {
            padding-top: 28px !important;
        }

    .main_slider_area_eight.main_slider_area_fifteen .main_slider .slider_text h2, .main_slider_area_five .main_slider .slider_text h2, .slider_text h2 {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 4px !important;
        line-height: 30px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .slider_text p {
        margin-bottom: 50px !important;
    }
}

@media(min-width: 361px) and (max-width: 480px) {
    .sticky_logo img {
        height: 50px !important;
    }

    .main_slider, .main_slider_area_fifteen .main_slider, .main_slider_area_six .main_slider {
        padding-top: 88px !important;
    }

        .main_slider .slick-list .slider_item, .main_slider .slick-track .slider_item {
            padding-top: 28px !important;
        }

    .main_slider_area_eight.main_slider_area_fifteen .main_slider .slider_text h2, .main_slider_area_five .main_slider .slider_text h2, .slider_text h2 {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 4px !important;
        line-height: 30px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .slider_text p {
        margin-bottom: 50px !important;
    }
}

@media(min-width: 481px) and (max-width: 640px) {
    .sticky_logo img {
        height: 50px !important;
    }

    .main_slider, .main_slider_area_fifteen .main_slider, .main_slider_area_six .main_slider {
        padding-top: 88px !important;
    }

        .main_slider .slick-list .slider_item, .main_slider .slick-track .slider_item {
            padding: 53px 0 !important;
        }

    .main_slider_area_eight.main_slider_area_fifteen .main_slider .slider_text h2, .main_slider_area_five .main_slider .slider_text h2, .slider_text h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .slider_text p {
        margin-bottom: 50px !important;
    }
}

@media(min-width: 641px) and (max-width: 768px) {
    .sticky_logo img {
        height: 50px !important;
    }

    .main_slider, .main_slider_area_fifteen .main_slider, .main_slider_area_six .main_slider {
        padding-top: 88px !important;
    }

        .main_slider .slick-list .slider_item, .main_slider .slick-track .slider_item {
            padding: 96px 0 !important;
        }

    .main_slider_area_eight.main_slider_area_fifteen .main_slider .slider_text h2, .main_slider_area_five .main_slider .slider_text h2, .slider_text h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .slider_text p {
        margin-bottom: 50px !important;
    }
}

@media(min-width: 769px) and (max-width: 1024px) {
    .sticky_logo img {
        height: 50px !important;
    }

    .main_slider, .main_slider_area_fifteen .main_slider, .main_slider_area_six .main_slider {
        padding-top: 88px !important;
    }

        .main_slider .slick-list .slider_item, .main_slider .slick-track .slider_item {
            padding: 178px 0 !important;
        }

    .main_slider_area_eight.main_slider_area_fifteen .main_slider .slider_text h2, .main_slider_area_five .main_slider .slider_text h2, .slider_text h2 {
        font-size: 30px !important;
        line-height: 40px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .main_slider_area_five .main_slider .slider_text p, .slider_text p {
        font-size: 12px !important;
        line-height: 30px !important;
    }

    .slider_text p {
        margin-bottom: 50px !important;
    }

    .cons_contact_info_two .pr_100 {
        padding-right: 61px;
    }
}

@media(max-width: 768px) {
    .slick-slide {
        height: auto;
    }

    .cons_about_area_four .about_img {
        padding-bottom: 20px;
    }

    .mobile_menu .close_btn {
        top: 0px;
        right: 15px;
    }
}

.cons_about_area_four .two{
    width: 100%;
}


@media(max-width: 768px){
    .cons_about_area_four .two {
        padding-bottom: 20px;
    }
    .f_logo img {
        height: 46px;
    }
    .cons_blog_area a{
        margin-top: 30px;
    }
    .pr_100.contact-widget {
        padding-right: 0px;
    }
    .cons_blog_item img {
        width: 100%;
    }

    .project_item img {
        width: 100%;
    }
    .cons_blog_item h3 {
        font-size: 19px;
    }
    .title_top {
        
        margin-bottom: 5px;
    }
    .mobhide{
        display: none !important;
    }
    .contact-widget{
        margin-bottom: 20px;
    }
}
.cons_blog_item {
    box-shadow: 0 45px 150px 0 rgba(30,34,40,.1);
    margin-bottom: 20px;
}

@media (max-width: 490px) {
    .title_head {
        font-size: 28px;
        line-height: 35px;
    }

}

@media (min-width: 641px) and (max-width: 768px) {
    .desk .mobhide {
        display: block !important;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .mobhide.extra {
        display: block !important;
    }
    .mobhide.ex1 {
        display: block !important;
    }
}
@media(max-width: 1024px){
    .title_top {
        margin-bottom: 5px;
    }
}

.mobhide{
    display: block;
}

.ex1, .extra{
    display: none;
}

@media (min-width: 640px) and (max-width: 768px){
    .slider_text {
       
        margin: 0 35px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .slider_text {
        margin: 0 55px;
    }
}

@media (max-width: 320px) {
    .sticky_logo img {
        height: 32px !important;
    }
}

.welcome{
    padding-bottom: 0px !important;
}

#button {
    display: inline-block;
    background-color: #7d4219;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    bottom: 80px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #button i {
        line-height: 50px;
        font-size: 25px;
        color: #fff;
    }

    #button:hover {
        cursor: pointer;
        background-color: #f3e79e;
    }

    #button:hover i{
        color: #7d4219;
    }


    #button:active {
        background-color: #f3e79e;
    }

    #button.show {
        opacity: 1;
        visibility: visible;
    }