/***************************************************
================ Master Stylesheet =================
====================================================
Template Name: HounLare
Template URL: http://oilytheme.net/demo-html/2021/003/hounlare/preview/index.html
Description: 
Author: OilyTheme
Author URL: https://themeforest.net/user/oilytheme
Version: 1.0
****************************************************/


/***************************************************
=================== CSS INDEX ======================
====================================================
01. Google Font
02. Reset CSS
03. Animations
04. Preloader
05. Scroll To Top
06. Input
07. Button
08. Title Style
09. Header
10. Footer
11. Slider and Hero
12. Service and Feature
13. Project and Portfolio
14. Blog or News
15. Testimonial
16. Team
17. About
18. Sidebar and Page title
19. Other Sections (Author CSS End)
20. Helper classes
****************************************************/


/*==================================================
===| 01. Google Font
===================================================*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");
/*
font-family: 'Poppins', sans-serif;
*/
@import url("fontawesome-all.css");
@import url("../webfonts/themify-icons/themify-icons.css");
@import url("../webfonts/icofont/icofont.min.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");
@import url("animate.css");
@import url("slick.css");
@import url("nice-select.css");
@import url("jquery.fancybox.css");
@import url("jquery-ui.css");
@import url("default.css");


/*==================================================
===| 02. Reset CSS
===================================================*/
*,
*:before,
*:after {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
}

html,
body {
    min-height: 100%;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}

ul {
    margin: 0;
    padding: 0;
}

    ul li {
        list-style: none;
    }

img {
    max-width: 100%;
    height: auto;
    /*width: 567px;*/
}

i {
    font-style: normal;
}

figure {
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}

a,
a:active,
a:focus {
    text-decoration: none;
    outline: none;
    border: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    a:hover {
        text-decoration: none;
        outline: none;
        color: #b15733;
        border: none;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

label {
    color: #666;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    outline: 0 solid;
}

body {
    font-family: "Poppins", sans-serif;
    color: #768495;
    font-size: 16px;
}

p {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    color: #000000;
    font-size: 16px;
    line-height: 1.9;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    color: #223645;
    font-weight: 600;
}

button {
    cursor: pointer;
}

    button.button {
        background: transparent;
        border: 0px;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }

::-moz-selection {
    background: #313131;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #313131;
    color: #fff;
    text-shadow: none;
}

.auto_container {
    position: static;
    max-width: 1210px;
    padding: 0px 20px;
    margin: 0px auto;
}

.content_box_pob_120_90 {
    padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
    .content_box_pob_120_90 {
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .content_box_pob_120_90 {
        padding-bottom: 50px;
    }
}

.content_box_pob_120_70 {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
    .content_box_pob_120_70 {
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .content_box_pob_120_70 {
        padding-bottom: 30px;
    }
}

.content_box_pob_100_70 {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
    .content_box_pob_100_70 {
        padding-bottom: 50px;
    }
}

.content_box_pob_100_50 {
    padding-bottom: 50px;
}

@media only screen and (max-width: 1199px) {
    .content_box_pob_100_50 {
        padding-bottom: 30px;
    }
}

.content_box_pot_120 {
    padding-top: 120px;
}

@media only screen and (max-width: 1199px) {
    .content_box_pot_120 {
        padding-top: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .content_box_pot_120 {
        padding-top: 80px;
    }
}

.content_box_pob_120 {
    padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
    .content_box_pob_120 {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .content_box_pob_120 {
        padding-bottom: 80px;
    }
}

.content_box_pot_100 {
    padding-top: 100px;
}

@media only screen and (max-width: 767px) {
    .content_box_pot_100 {
        padding-top: 80px;
    }
}

.content_box_pob_100 {
    padding-bottom: 100px;
}

@media only screen and (max-width: 767px) {
    .content_box_pob_100 {
        padding-bottom: 80px;
    }
}

.content_box_120 {
    padding-top: 120px;
    padding-bottom: 120px;
}

@media only screen and (max-width: 1199px) {
    .content_box_120 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .content_box_120 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.content_box_120_90 {
    padding-top: 120px;
    padding-bottom: 90px;
}

@media only screen and (max-width: 1199px) {
    .content_box_120_90 {
        padding-top: 100px;
        padding-bottom: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .content_box_120_90 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
}

.content_box_120_70 {
    padding-top: 120px;
    padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
    .content_box_120_70 {
        padding-top: 100px;
        padding-bottom: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .content_box_120_70 {
        padding-top: 80px;
        padding-bottom: 30px;
    }
}

.content_box_100 {
    padding-top: 74px;
    padding-bottom: 31px;
}

@media only screen and (max-width: 1199px) {
    .content_box_100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}

.content_box_100_70 {
    padding-top: 33px;
    padding-bottom: 11px
}

@media only screen and (max-width: 1199px) {
    .content_box_100_70 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
}

.content_box_100_50 {
    padding-top: 47px;
    padding-bottom: 8px;
}

@media only screen and (max-width: 1199px) {
    .content_box_100_50 {
        padding-top: 80px;
        padding-bottom: 30px;
    }
}

.fluid_content_box {
    margin-left: 4%;
    margin-right: 4%;
}

@media only screen and (max-width: 1399px) {
    .fluid_content_box {
        margin-left: 0;
        margin-right: 0;
    }
}

.clear {
    clear: both;
}

@media only screen and (max-width: 991px) {
    .mt_laptop1_50 {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .mt_tab1_50 {
        margin-top: 50px;
    }
}

.gray_bg {
    background-color: #f7f7f7;
}

.oily_col5 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex: 0 0 20%;
    -webkit-box-flex: 0;
    flex: 0 0 20%;
    max-width: 20%;
}

@media only screen and (max-width: 1199px) {
    .oily_col5 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media only screen and (max-width: 991px) {
    .oily_col5 {
        -ms-flex: 0 0 33%;
        -webkit-box-flex: 0;
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media only screen and (max-width: 767px) {
    .oily_col5 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 400px) {
    .oily_col5 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.img_100 {
    width: 100%;
    height: 337px;
}

.f_left {
    float: left !important;
}

.f_right {
    float: right !important;
}

.fix {
    overflow: hidden !important;
}

.white_bg {
    background-color: #fff;
}

.white {
    color: #fff;
}

.vh_100 {
    height: 100vh;
}

.p18 {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    color: #768495;
}

@media only screen and (max-width: 767px) {
    .p18 {
        font-size: 16px;
    }
}

.p17 {
    font-size: 17px;
    font-family: "Poppins", sans-serif;
    color: #768495;
}

@media only screen and (max-width: 767px) {
    .p17 {
        font-size: 16px;
    }
}

.p16 {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #768495;
}

@media only screen and (max-width: 767px) {
    .p16 {
        font-size: 15px;
    }
}

.p15 {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    color: #768495;
}

@media only screen and (max-width: 767px) {
    .p15 {
        font-size: 14px;
    }
}

.p14 {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    color: #768495;
}

.p13 {
    font-size: 13px;
    font-family: "Poppins", sans-serif;
    color: #768495;
}

.h1 {
    font-size: 40px;
    color: #223645;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 575px) {
    .h1 {
        font-size: 30px;
    }
}

.h2 {
    font-size: 32px;
    color: #223645;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .h2 {
        font-size: 28px;
    }
}

@media only screen and (max-width: 575px) {
    .h2 {
        font-size: 26px;
    }
}

.h3 {
    font-size: 28px;
    color: #223645;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .h3 {
        font-size: 25px;
    }
}

@media only screen and (max-width: 575px) {
    .h3 {
        font-size: 22px;
    }
}

.h4 {
    font-size: 24px;
    color: #223645;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .h4 {
        font-size: 22px;
    }
}

@media only screen and (max-width: 575px) {
    .h4 {
        font-size: 20px;
    }
}

.h5 {
    font-size: 20px;
    color: #223645;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .h5 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 575px) {
    .h5 {
        font-size: 16px;
    }
}

.h6 {
    font-size: 16px;
    color: #223645;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}

@media only screen and (max-width: 991px) {
    .h6 {
        font-size: 15px;
    }
}

.nice-select {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #ddd;
}

    .nice-select.open,
    .nice-select:active,
    .nice-select:focus {
        border-color: #b15733;
    }

#amount_shop {
    border: 0px;
    color: #223645;
    font-weight: bold;
}

.mapouter {
    position: relative;
    width: 100%;
    height: 700px;
}

@media only screen and (max-width: 991px) {
    .mapouter {
        height: 500px;
    }
}

@media only screen and (max-width: 575px) {
    .mapouter {
        height: 400px;
    }
}

.mapouter .gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 100%;
    width: 100%;
}

    .mapouter .gmap_canvas iframe {
        width: 100%;
        height: 100%;
        border: 0px;
        overflow: hidden;
        margin: 0px;
    }

/*! #######################################################################
	MeanMenu 2.0.7
	--------
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: relative;
    background: transparent;
    padding: 4px 0;
    min-height: 42px;
    z-index: 4000;
}

.mean-container a.meanmenu-reveal {
    border: 1px solid #2B2B2B;
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px 13px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #2B2B2B;
    text-decoration: none;
    font-size: 16px;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    margin-right: 15px;
}

    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #2B2B2B;
        height: 3px;
        margin-top: 3px;
    }

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #0c1923;
    margin-top: 64px;
}

    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        list-style-type: none;
    }

        .mean-container .mean-nav ul li {
            position: relative;
            float: left;
            width: 100%;
        }

            .mean-container .mean-nav ul li a {
                display: block;
                float: left;
                width: 90%;
                padding: 13px 5%;
                margin: 0;
                text-align: left;
                color: #fff;
                border-top: 1px solid #383838;
                border-top: 1px solid rgba(255, 255, 255, 0.5);
                text-decoration: none;
                text-transform: uppercase;
                font-size: 14px;
                line-height: 1.4;
            }

            .mean-container .mean-nav ul li li a {
                width: 80%;
                padding: 13px 10%;
                border-top: 1px solid #f1f1f1;
                border-top: 1px solid rgba(255, 255, 255, 0.25);
                opacity: 0.75;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
                filter: alpha(opacity=75);
                text-shadow: none !important;
                visibility: visible;
            }

            .mean-container .mean-nav ul li.mean-last a {
                border-bottom: none;
                margin-bottom: 0;
            }

            .mean-container .mean-nav ul li li li a {
                width: 70%;
                padding: 13px 15%;
            }

            .mean-container .mean-nav ul li li li li a {
                width: 60%;
                padding: 13px 20%;
            }

            .mean-container .mean-nav ul li li li li li a {
                width: 50%;
                padding: 13px 25%;
            }

            .mean-container .mean-nav ul li a:hover {
                background: #252525;
                background: rgba(255, 255, 255, 0.1);
            }

            .mean-container .mean-nav ul li a.mean-expand {
                margin-top: 1px;
                width: 26px;
                height: 32px;
                padding: 6px 11px;
                text-align: center;
                position: absolute;
                line-height: 34px;
                right: 0;
                top: 0;
                z-index: 2;
                font-weight: 700;
                background: rgba(255, 255, 255, 0.1);
                border: none !important;
                border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
                border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
            }

                .mean-container .mean-nav ul li a.mean-expand:hover {
                    background: rgba(0, 0, 0, 0.9);
                }

.mean-container .mean-push {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    clear: both;
}

.mean-nav .wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mean-remove {
    display: none !important;
}

.mobile-menu {
    position: absolute;
    right: 0px;
    width: 100%;
    top: -68px;
}

/*==================================================
===| 03. Animations
===================================================*/
@-webkit-keyframes radial_pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
        box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
    }

    100% {
        -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@keyframes radial_pulse1 {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
        box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
    }

    100% {
        -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes radial_pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
        box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
    }

    75% {
        -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@keyframes radial_pulse2 {
    0% {
        -webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
        box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
    }

    75% {
        -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes radial_pulse3 {
    25% {
        -webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
        box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
    }

    100% {
        -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@keyframes radial_pulse3 {
    25% {
        -webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
        box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
    }

    100% {
        -webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes circling1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes circling1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sliderInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes sliderInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.sliderInDown {
    -webkit-animation-name: sliderInDown;
    animation-name: sliderInDown;
}

@-webkit-keyframes sliderOutDown {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes sliderOutDown {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.sliderOutDown {
    -webkit-animation-name: sliderOutDown;
    animation-name: sliderOutDown;
}

@-webkit-keyframes fadeInDown_2 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, -100%, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

@keyframes fadeInDown_2 {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, -100%, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

.fadeInDown_2 {
    -webkit-animation-name: fadeInDown_2;
    animation-name: fadeInDown_2;
}

@-webkit-keyframes fadeInLeft_2 {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(-100%, 0, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

@keyframes fadeInLeft_2 {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(-100%, 0, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

.fadeInLeft_2 {
    -webkit-animation-name: fadeInLeft_2;
    animation-name: fadeInLeft_2;
}

@-webkit-keyframes fadeInRight_2 {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(100%, 0, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

@keyframes fadeInRight_2 {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(100%, 0, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

.fadeInRight_2 {
    -webkit-animation-name: fadeInRight_2;
    animation-name: fadeInRight_2;
}

@-webkit-keyframes fadeInUp_2 {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, 100%, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

@keyframes fadeInUp_2 {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, 100%, 0);
    }

    to {
        -webkit-transform: translateZ(0);
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transform: translateZ(0);
    }
}

.fadeInUp_2 {
    -webkit-animation-name: fadeInUp_2;
    animation-name: fadeInUp_2;
}

@-webkit-keyframes fadeOutDown_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(0, 100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown_2 {
    -webkit-animation-name: fadeOutDown_2;
    animation-name: fadeOutDown_2;
}

@-webkit-keyframes fadeOutLeft_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft_2 {
    -webkit-animation-name: fadeOutLeft_2;
    animation-name: fadeOutLeft_2;
}

@-webkit-keyframes fadeOutRight_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight_2 {
    -webkit-animation-name: fadeOutRight_2;
    animation-name: fadeOutRight_2;
}

@-webkit-keyframes fadeOutUp_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp_2 {
    0% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    to {
        -webkit-transform: translate3d(0, -100%, 0);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp_2 {
    -webkit-animation-name: fadeOutUp_2;
    animation-name: fadeOutUp_2;
}

/*==================================================
===| 04. Pre-loader
===================================================*/
.preloader__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.preloader__spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #000000;
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
}

@media only screen and (max-width: 767px) {
    .preloader__spinner {
        height: 8em;
        width: 8em;
    }
}

@media only screen and (max-width: 575px) {
    .preloader__spinner {
        height: 7em;
        width: 7em;
    }
}

.preloader__txt {
    font: bold 5em 'Montserrat', sans-serif;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media only screen and (max-width: 767px) {
    .preloader__txt {
        font: bold 3.5em 'Montserrat', sans-serif;
    }
}

@media only screen and (max-width: 575px) {
    .preloader__txt {
        font: bold 2em 'Montserrat', sans-serif;
    }
}

.preloader__txt .letters-loading {
    color: rgba(0, 0, 0, 0.2);
    position: relative;
}

    .preloader__txt .letters-loading:before {
        -webkit-animation: letters-loading 4s infinite;
        animation: letters-loading 4s infinite;
        color: #000000;
        content: attr(data-text-preloader);
        left: 0;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: absolute;
        top: 0;
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    .preloader__txt .letters-loading:nth-child(2):before {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .preloader__txt .letters-loading:nth-child(3):before {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .preloader__txt .letters-loading:nth-child(4):before {
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .preloader__txt .letters-loading:nth-child(5):before {
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

    .preloader__txt .letters-loading:nth-child(6):before {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
    }

    .preloader__txt .letters-loading:nth-child(7):before {
        -webkit-animation-delay: 1.2s;
        animation-delay: 1.2s;
    }

    .preloader__txt .letters-loading:nth-child(8):before {
        -webkit-animation-delay: 1.4s;
        animation-delay: 1.4s;
    }

    .preloader__txt .letters-loading:nth-child(9):before {
        -webkit-animation-delay: 1.6s;
        animation-delay: 1.6s;
    }

    .preloader__txt .letters-loading:nth-child(10):before {
        -webkit-animation-delay: 1.8s;
        animation-delay: 1.8s;
    }

    .preloader__txt .letters-loading:nth-child(11):before {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
    }

    .preloader__txt .letters-loading:nth-child(12):before {
        -webkit-animation-delay: 2.2s;
        animation-delay: 2.2s;
    }

    .preloader__txt .letters-loading:nth-child(13):before {
        -webkit-animation-delay: 2.4s;
        animation-delay: 2.4s;
    }

    .preloader__txt .letters-loading:nth-child(14):before {
        -webkit-animation-delay: 2.6s;
        animation-delay: 2.6s;
    }

    .preloader__txt .letters-loading:nth-child(15):before {
        -webkit-animation-delay: 2.8s;
        animation-delay: 2.8s;
    }

    .preloader__txt .letters-loading:nth-child(16):before {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
    }

@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@-webkit-keyframes letters-loading {

    0%, 75%, 100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

@keyframes letters-loading {

    0%, 75%, 100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}

/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
    position: fixed;
    display: none;
    bottom: 50px;
    right: 35px;
    z-index: 100000;
    color: #fff;
    background: #b15733;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
    border-radius: 50%;
    font-size: 18px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 1199px) {
    .scrollToTop {
        bottom: 30px;
        right: 30px;
    }
}

.scrollToTop:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: -o-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}

.scrollToTop:hover {
    color: #fff;
    background: #222;
}

@media only screen and (max-width: 767px) {
    .scrollToTop {
        bottom: 20px;
        right: 20px;
        height: 50px;
        width: 50px;
        line-height: 50px;
    }
}

/*==================================================
===| 06. Input
===================================================*/
.form-control {
    border: 1px solid #e2e5e7;
    margin-bottom: 20px;
    padding: 28px 20px;
    border-radius: 0px;
    outline: 0 none;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
}

    .form-control:focus {
        border-color: rgba(225, 36, 84, 0.7);
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: 0 none;
        color: #768495;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control::-ms-input-placeholder {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control::-moz-placeholder {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control::placeholder {
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

    .form-control::-webkit-input-placeholder {
        /* Edge */
        color: #999;
        font-size: 12px;
        text-transform: uppercase;
    }

.quantity {
    position: relative;
}

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

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

    .quantity input {
        width: 80px;
        height: 42px;
        line-height: 1.65;
        float: left;
        display: block;
        padding: 0;
        margin: 0;
        padding-left: 20px;
        border: 1px solid #ddd;
    }

        .quantity input:focus {
            outline: 0;
        }

    .quantity .quantity-nav {
        float: left;
        position: relative;
        height: 42px;
    }

    .quantity .quantity-button {
        position: relative;
        cursor: pointer;
        border-left: 1px solid #ddd;
        width: 20px;
        text-align: center;
        color: #3e3e3e;
        font-size: 10px;
        font-family: "Trebuchet MS", Helvetica, sans-serif !important;
        line-height: 2.2;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

        .quantity .quantity-button.quantity-up {
            position: absolute;
            height: 50%;
            top: 0;
            border-bottom: 1px solid #ddd;
        }

        .quantity .quantity-button.quantity-down {
            position: absolute;
            bottom: 0px;
            height: 50%;
        }

/*==================================================
===| 07. Button
===================================================*/
.main_btn {
    position: relative;
    -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
    -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
    transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
    display: inline-block;
}

    .main_btn a,
    .main_btn button {
        text-transform: capitalize;
        color: #fff;
        font-size: 14px;
        position: relative;
        display: inline-block;
        padding: 18px 40px;
        font-weight: 500;
        z-index: 20;
    }

    .main_btn button {
        background: transparent;
        border: none;
    }

    .main_btn:after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        height: 100%;
        background: #b15733;
        width: 100%;
        z-index: 10;
    }

    .main_btn:before {
        z-index: 15;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 0;
        background: #cf1c4a;
        -webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
        -o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
        transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
    }

    .main_btn:hover {
        color: #fff;
    }

        .main_btn:hover:before {
            left: 0;
            right: auto;
            width: 100%;
        }

.btn1 {
    display: inline-block;
    text-transform: uppercase;
    padding: 19px 42px;
    font-size: 14px;
    border-radius: 3px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    background: #b15733;
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
}

    .btn1:hover,
    .btn1:focus {
        background: #0E3340;
        color: #fff;
    }

    .btn1:focus,
    .btn1.focus {
        outline: 0;
    }

.btn2 {
    display: inline-block;
    text-transform: capitalize;
    padding: 15px 35px;
    font-size: 16px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    /*background: #b15733;*/
    background:#ec3237;
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0.25px;
}

    .btn2:hover,
    .btn2:focus {
        /*background: #0E3340;*/
        background:#116e43;
        color: #fff;
    }

    .btn2:focus,
    .btn2.focus {
        outline: 0;
    }

.btn3 {
    display: inline-block;
    text-transform: capitalize;
    padding: 20px 85px 20px 35px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    background: #ec3237;
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0.25px;
    position: relative;
}

@media only screen and (max-width: 400px) {
    .btn3 > span span {
        display: none;
    }
}

.btn3 i {
    height: 54px;
    width: 54px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 54px;
    border-radius: 100px;
    background-color: #116e44;
    color: #fff;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.btn3:hover,
.btn3:focus {
    background: #126e43;
    color: #fff;
}

    .btn3:hover i,
    .btn3:focus i {
        background-color: #ed3237;
        color: #fff;
    }

.btn3:focus,
.btn3.focus {
    outline: 0;
}

.btn4 {
    display: inline-block;
    text-transform: capitalize;
    padding: 10px 45px 10px 10px;
    font-size: 16px;
    line-height: 18px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #292929;
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0.25px;
    position: relative;
}

    .btn4 i {
        display: inline-block;
        font-size: 30px;
        color: #b15733;
        position: absolute;
        right: 0px;
        top: 3px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .btn4:hover,
    .btn4:focus {
        color: #b15733;
    }

    .btn4:focus,
    .btn4.focus {
        outline: 0;
    }

.btn5 {
    display: inline-block;
    text-transform: capitalize;
    padding: 10px 0px;
    font-size: 16px;
    line-height: 18px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #292929;
    border: none;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0.25px;
    position: relative;
}

    .btn5:before {
        position: absolute;
        left: 0px;
        width: 100%;
        height: 1px;
        background-color: #292929;
        content: '';
        left: 0px;
        bottom: 8px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .btn5:hover,
    .btn5:focus {
        color: #b15733;
    }

        .btn5:hover:before,
        .btn5:focus:before {
            background-color: #b15733;
        }

    .btn5:focus,
    .btn5.focus {
        outline: 0;
    }

.btn6 {
    display: inline-block;
    text-transform: capitalize;
    padding: 20px 85px 20px 35px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #b15733;
    background: #fff;
    border: 1px solid #b15733;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0.25px;
    position: relative;
}

@media only screen and (max-width: 400px) {
    .btn6 {
        font-size: 14px;
        padding: 18px 80px 18px 30px;
    }
}

.btn6 i {
    height: 54px;
    width: 54px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 54px;
    border-radius: 100px;
    background-color: #FFD9DB;
    color: #b15733;
    position: absolute;
    right: 2px;
    top: 2px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 400px) {
    .btn6 i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

.btn6:hover,
.btn6:focus {
    background: #b15733;
    border: 1px solid #b15733;
    color: #fff;
}

    .btn6:hover i,
    .btn6:focus i {
        background-color: #FFD9DB;
        color: #b15733;
    }

.btn6:focus,
.btn6.focus {
    outline: 0;
}

.btn7 {
    display: inline-block;
    text-transform: capitalize;
    padding: 20px 85px 20px 35px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #b15733;
    background: transparent;
    border: 1px dashed #eaeaea;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    letter-spacing: 0.25px;
    position: relative;
}

@media only screen and (max-width: 400px) {
    .btn7 {
        font-size: 14px;
        padding: 18px 80px 18px 30px;
    }
}

.btn7 i {
    height: 58px;
    width: 58px;
    display: inline-block;
    font-size: 20px;
    text-align: center;
    line-height: 58px;
    border-radius: 100px;
    background-color: transparent;
    border: 1px dashed #eaeaea;
    color: #b15733;
    position: absolute;
    right: 0px;
    top: 0px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 400px) {
    .btn7 i {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

.btn7:hover,
.btn7:focus {
    background: #b15733;
    border: 1px solid #b15733;
    color: #fff;
}

    .btn7:hover i,
    .btn7:focus i {
        background-color: #FFD9DB;
        color: #b15733;
    }

.btn7:focus,
.btn7.focus {
    outline: 0;
}

.btn8 {
    display: inline-block;
    text-transform: capitalize;
    padding: 15px 40px;
    font-size: 16px;
    border-radius: 100px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #b15733;
    background: #fff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: 0.25px;
    -webkit-box-shadow: 0px 8px 29px 0px rgba(238, 238, 238, 0.88);
    box-shadow: 0px 8px 29px 0px rgba(238, 238, 238, 0.88);
    border: 1px solid #ECECEC;
}

    .btn8:hover,
    .btn8:focus {
        background: #0E3340;
        color: #fff;
        border: 1px solid #0E3340;
    }

    .btn8:focus,
    .btn8.focus {
        outline: 0;
    }

.btn9 {
    display: block;
    text-transform: capitalize;
    padding: 15px 0px;
    font-size: 16px;
    border-radius: 5px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #fff;
    background: #b15733;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: 0.25px;
    border: none;
    width: 100%;
}

    .btn9:hover,
    .btn9:focus {
        background: #0E3340;
        color: #fff;
        border: none;
    }

    .btn9:focus,
    .btn9.focus {
        outline: 0;
    }

@font-face {
    font-family: "flaticon";
    src: url("../webfonts/flaticon/flaticon.ttf") format("truetype"), url("../webfonts/flaticon/flaticon.woff") format("woff"), url("../webfonts/flaticon/flaticon.woff2") format("woff2"), url("../webfonts/flaticon/flaticon.eot") format("embedded-opentype"), url("../webfonts/flaticon/flaticon.svg") format("svg");
}

i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
    font-family: flaticon !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    font-size: 20px;
    text-transform: none;
    line-height: 2.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.flaticon-address:before {
    content: "\f101";
}

.flaticon-ambulance-1:before {
    content: "\f102";
}

.flaticon-ambulance:before {
    content: "\f103";
}

.flaticon-arrow-pointing-to-right:before {
    content: "\f104";
}

.flaticon-bacteria:before {
    content: "\f105";
}

.flaticon-calendar:before {
    content: "\f106";
}

.flaticon-chair:before {
    content: "\f107";
}

.flaticon-clocks:before {
    content: "\f108";
}

.flaticon-coworking:before {
    content: "\f109";
}

.flaticon-customer-service:before {
    content: "\f10a";
}

.flaticon-doctor-1:before {
    content: "\f10b";
}

.flaticon-doctor-2:before {
    content: "\f10c";
}

.flaticon-doctor:before {
    content: "\f10d";
}

.flaticon-drugs:before {
    content: "\f10e";
}

.flaticon-electrotherapy:before {
    content: "\f10f";
}

.flaticon-family:before {
    content: "\f110";
}

.flaticon-health:before {
    content: "\f111";
}

.flaticon-hospital-bed:before {
    content: "\f112";
}

.flaticon-landline:before {
    content: "\f113";
}

.flaticon-medical-file:before {
    content: "\f114";
}

.flaticon-medical-report:before {
    content: "\f115";
}

.flaticon-money:before {
    content: "\f116";
}

.flaticon-next-1:before {
    content: "\f117";
}

.flaticon-next:before {
    content: "\f118";
}

.flaticon-office-building:before {
    content: "\f119";
}

.flaticon-patient:before {
    content: "\f11a";
}

.flaticon-space-colony:before {
    content: "\f11b";
}

.flaticon-team-1:before {
    content: "\f11c";
}

.flaticon-team:before {
    content: "\f11d";
}

/*==================================================
===| 08. Title Style
===================================================*/
.title1 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #b15733;
    text-transform: capitalize;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .title1 h4 {
        font-size: 16px;
        margin-bottom: 18px;
    }
}

.title1 h4 span {
    color: #223645;
}

.title1 h2 {
    font-size: 40px;
    line-height: 50px;
    color: #223645;
    font-weight: bold;
}

@media only screen and (max-width: 767px) {
    .title1 h2 {
        font-size: 32px;
        line-height: 42px;
    }
}

.title1 h2 span {
    color: #b15733;
}

.title2 h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    color: #b15733;
    text-transform: capitalize;
    margin-bottom: 27px;
    letter-spacing: 0.25px;
}

@media only screen and (max-width: 767px) {
    .title2 h4 {
        font-size: 16px;
        margin-bottom: 18px;
    }
}

.title2 h2 {
    font-size: 40px;
    line-height: 50px;
    color: #223645;
    font-weight: bold;
    margin-bottom: 24px;
}

@media only screen and (max-width: 767px) {
    .title2 h2 {
        font-size: 32px;
        line-height: 42px;
    }
}

.title2 h2 span {
    color: #b15733;
}

/*==================================================
===| 09. Header
===================================================*/
.header__logo {
    margin-top: 3px;
}

.header__top1 {
    background-color: #347247;
}

.header__top1--left {
    padding: 8px 5px;
}

.header__top1--right {
    padding: 8px 5px;
}

.header__top1--left i {
    font-size: 16px;
    color: #fff;
}

.header__top1--left span {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
}

.header__top1--right i {
    color: #fff;
    font-size: 16px;
}

.header__top1--email {
    display: inline-block;
}

    .header__top1--email i {
        font-size: 16px;
    }

    .header__top1--email span {
        color: #ffffff;
        font-size: 14px;
        line-height: 24px;
        padding-right: 13px;
    }

.header__top1--social {
    display: inline-block;
    padding: 0px 10px 0px 15px;
    position: relative;
}

    .header__top1--social:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 3px;
        width: 1px;
        height: 26px;
        background-color: #FFC9CC;
    }

    .header__top1--social a {
        display: inline-block;
        padding: 4px;
    }

        .header__top1--social a i {
            font-size: 16px;
        }

.header__top1--language {
    display: inline-block;
    position: relative;
}

    .header__top1--language:before {
        position: absolute;
        content: '';
        right: 0px;
        top: 11px;
        width: 1px;
        height: 26px;
        background-color: #FFC9CC;
    }

    .header__top1--language:after {
        position: absolute;
        content: '';
        left: 0px;
        top: 11px;
        width: 1px;
        height: 26px;
        background-color: #FFC9CC;
    }

    .header__top1--language ul.language-ul > li {
        position: relative;
    }

        .header__top1--language ul.language-ul > li > a {
            padding: 13px 20px;
            display: inline-block;
        }

            .header__top1--language ul.language-ul > li > a img {
                width: 21px;
            }

            .header__top1--language ul.language-ul > li > a span {
                font-weight: 500;
                font-size: 14px;
                color: #223645;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

                .header__top1--language ul.language-ul > li > a span i {
                    color: #223645;
                    font-size: 14px;
                    -webkit-transition: 0.3s;
                    -o-transition: 0.3s;
                    transition: 0.3s;
                }

        .header__top1--language ul.language-ul > li:hover ul.language-ul2 {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            visibility: visible;
            right: 0px;
        }

        .header__top1--language ul.language-ul > li:hover a span {
            color: #b15733;
        }

            .header__top1--language ul.language-ul > li:hover a span i {
                color: #b15733;
            }

        .header__top1--language ul.language-ul > li ul.language-ul2 {
            position: absolute;
            right: 30px;
            top: 50px;
            -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
            box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            z-index: 5000;
        }

            .header__top1--language ul.language-ul > li ul.language-ul2 li {
                display: inline-block;
                width: 200px;
                background-color: #fff;
                text-align: left;
            }

                .header__top1--language ul.language-ul > li ul.language-ul2 li:not(:last-child) a {
                    border-bottom: 1px dashed #e2e2e2;
                }

                .header__top1--language ul.language-ul > li ul.language-ul2 li a {
                    padding: 10px 20px 10px 20px;
                    display: block;
                }

                    .header__top1--language ul.language-ul > li ul.language-ul2 li a:hover span {
                        color: #b15733;
                    }

                    .header__top1--language ul.language-ul > li ul.language-ul2 li a img {
                        width: 21px;
                    }

                    .header__top1--language ul.language-ul > li ul.language-ul2 li a span {
                        font-weight: 500;
                        font-size: 14px;
                        color: #223645;
                        -webkit-transition: 0.3s;
                        -o-transition: 0.3s;
                        transition: 0.3s;
                    }

                        .header__top1--language ul.language-ul > li ul.language-ul2 li a span i {
                            color: #223645;
                            font-size: 14px;
                        }

.header__middle1 {
    padding-top: 11px;
    padding-bottom: 11px;
}

@media only screen and (max-width: 319px) {
    .header__middle1 .header__logo {
        max-width: 190px;
    }
}

.header__middle1--right i {
    /*color: #b15733;*/
    color:white;
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    /*background-color: #FFD9DB;*/
    background:#ed3237;
    text-align: center;
    line-height: 45px;
}

.header__middle1--right span {
    margin-left: 5px;
    color: #545454;
}

.header__middle1--phone {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
}

    .header__middle1--phone:before {
        position: absolute;
        right: 0px;
        top: 8px;
        content: '';
        background-color: #EDEDED;
        width: 1px;
        height: 25px;
    }

@media only screen and (max-width: 1199px) {
    .header__middle1--phone {
        display: none;
    }
}

.header__middle1--clock {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
}

    .header__middle1--clock:before {
        position: absolute;
        right: 0px;
        top: 8px;
        content: '';
        background-color: #EDEDED;
        width: 1px;
        height: 25px;
    }

@media only screen and (max-width: 991px) {
    .header__middle1--clock {
        display: none;
    }
}

.header__middle1--btn {
    display: inline-block;
}

@media only screen and (max-width: 991px) {
    .header__middle1--btn {
        display: none;
    }
}

.header.home1 .header__menu {
    /*background-color: #b15733;*/
    background-color: #fff;
    /*border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;*/
}

.header.home1 .header__side-nav ul li {
    display: inline-block;
    margin-top: 5px;
}

    .header.home1 .header__side-nav ul li.search_box_container {
        position: relative;
    }

        .header.home1 .header__side-nav ul li.search_box_container > button {
            height: 56px;
            width: 56px;
            background-color: #FFC9CC;
            text-align: center;
            line-height: 56px;
            color: #223645;
            margin-right: -5px;
        }

        .header.home1 .header__side-nav ul li.search_box_container .search_form {
            position: absolute;
            top: 87px;
            right: -5px;
            width: 300px;
            padding: 20px 30px;
            background-color: #fff;
            border-top: 3px solid #b15733;
            -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
            box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            z-index: 5000;
        }

            .header.home1 .header__side-nav ul li.search_box_container .search_form.search_form_toggle {
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                visibility: visible;
                top: 57px;
            }

            .header.home1 .header__side-nav ul li.search_box_container .search_form form {
                position: relative;
            }

                .header.home1 .header__side-nav ul li.search_box_container .search_form form input {
                    width: 100%;
                    border: 1px solid #f1f1f1;
                    display: inline-block;
                    padding: 10px 20px;
                    font-size: 13px;
                }

                    .header.home1 .header__side-nav ul li.search_box_container .search_form form input::-webkit-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home1 .header__side-nav ul li.search_box_container .search_form form input:-ms-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home1 .header__side-nav ul li.search_box_container .search_form form input::-ms-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home1 .header__side-nav ul li.search_box_container .search_form form input::-webkit-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home1 .header__side-nav ul li.search_box_container .search_form form input::-moz-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home1 .header__side-nav ul li.search_box_container .search_form form input:-ms-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home1 .header__side-nav ul li.search_box_container .search_form form input::placeholder {
                        color: #c9c9c9;
                    }

                .header.home1 .header__side-nav ul li.search_box_container .search_form form button {
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    background: none;
                    border: none;
                    color: #999;
                    display: inline-block;
                    padding: 10px;
                }

    .header.home1 .header__side-nav ul li.extra_info_btn button {
        height: 45px;
        width: 56px;
        background-color:#107949;;
        text-align: center;
        line-height: 56px;
        color: #fff;
    }

.header.home1 .main-menu nav > ul > li {
    display: inline-block;
    position: relative;
}

    .header.home1 .main-menu nav > ul > li a {
        font-size: 15px;
        display: inline-block;
        color: black;
        line-height: 20px;
        font-weight: 400;
        letter-spacing: 0.75px;
        padding: 16px 28px 16px 0px;
    }

.header.home1 .main-menu nav ul li:hover > a {
    color: #000000;
}

.header.home1 .main-menu nav ul li ul {
    position: absolute;
    left: 0px;
    width: 250px;
    text-align: left;
    background: #fff;
    z-index: 900;
    border-top: 3px solid #b15733;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 5px 0px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    top: calc(100% + 30px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

@media only screen and (max-width: 1199px) {
    .header.home1 .main-menu nav ul li ul {
        width: 230px;
    }
}

.header.home1 .main-menu nav ul li ul li {
    position: relative;
}

    .header.home1 .main-menu nav ul li ul li ul {
        position: absolute;
        left: 250px;
        top: 30px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
    }

@media only screen and (max-width: 1199px) {
    .header.home1 .main-menu nav ul li ul li ul {
        left: 230px;
    }
}

.header.home1 .main-menu nav ul li ul li:hover ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 0px;
}

.header.home1 .main-menu nav ul li ul li a {
    font-weight: 400;
    padding: 5px 20px;
    display: block;
    font-size: 14px;
    border-bottom: 1px solid;
    color: #666;
}

.header.home1 .main-menu nav ul li ul li:hover > a {
    color: #b15733;
}

.header.home1 .main-menu nav ul li ul li.sub_menu_li > a {
    position: relative;
}

    .header.home1 .main-menu nav ul li ul li.sub_menu_li > a:before {
        position: absolute;
        content: '\f054';
        right: 28px;
        top: 9px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 13px;
    }

.header.home1 .main-menu nav ul li:hover > ul {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.header.home2 .header__menu {
    background-color: #fff;
}

.header.home2 .header__side-nav2 .extra_info_btn button {
    height: 56px;
    width: 56px;
    background-color: #b15733;
    text-align: center;
    line-height: 56px;
    color: #fff;
}

.header.home2 .header__side-nav ul li {
    display: inline-block;
}

    .header.home2 .header__side-nav ul li.search_box_container {
        position: relative;
    }

        .header.home2 .header__side-nav ul li.search_box_container > button {
            height: 56px;
            width: 56px;
            background-color: #b15733;
            text-align: center;
            line-height: 56px;
            color: #fff;
            margin-right: -5px;
        }

        .header.home2 .header__side-nav ul li.search_box_container .search_form {
            position: absolute;
            top: 87px;
            right: -5px;
            width: 300px;
            padding: 20px 30px;
            background-color: #fff;
            border-top: 3px solid #b15733;
            -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
            box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            visibility: hidden;
            z-index: 5000;
        }

            .header.home2 .header__side-nav ul li.search_box_container .search_form.search_form_toggle {
                opacity: 1;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
                visibility: visible;
                top: 57px;
            }

            .header.home2 .header__side-nav ul li.search_box_container .search_form form {
                position: relative;
            }

                .header.home2 .header__side-nav ul li.search_box_container .search_form form input {
                    width: 100%;
                    border: 1px solid #f1f1f1;
                    display: inline-block;
                    padding: 10px 20px;
                    font-size: 13px;
                }

                    .header.home2 .header__side-nav ul li.search_box_container .search_form form input::-webkit-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home2 .header__side-nav ul li.search_box_container .search_form form input:-ms-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home2 .header__side-nav ul li.search_box_container .search_form form input::-ms-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home2 .header__side-nav ul li.search_box_container .search_form form input::-webkit-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home2 .header__side-nav ul li.search_box_container .search_form form input::-moz-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home2 .header__side-nav ul li.search_box_container .search_form form input:-ms-input-placeholder {
                        color: #c9c9c9;
                    }

                    .header.home2 .header__side-nav ul li.search_box_container .search_form form input::placeholder {
                        color: #c9c9c9;
                    }

                .header.home2 .header__side-nav ul li.search_box_container .search_form form button {
                    position: absolute;
                    right: 0px;
                    top: 0px;
                    background: none;
                    border: none;
                    color: #999;
                    display: inline-block;
                    padding: 10px;
                }

.header.home2 .main-menu nav > ul > li {
    display: inline-block;
    position: relative;
}

    .header.home2 .main-menu nav > ul > li a {
        font-size: 16px;
        display: inline-block;
        color: #223645;
        line-height: 24px;
        font-weight: 500;
        letter-spacing: 0.75px;
        padding: 16px 28px 16px 0px;
    }

.header.home2 .main-menu nav ul li:hover > a {
    color: #b15733;
}

.header.home2 .main-menu nav ul li ul {
    position: absolute;
    left: 0px;
    width: 250px;
    text-align: left;
    background: #fff;
    z-index: 900;
    border-top: 3px solid #b15733;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 17px 0px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    top: calc(100% + 30px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

@media only screen and (max-width: 1199px) {
    .header.home2 .main-menu nav ul li ul {
        width: 230px;
    }
}

.header.home2 .main-menu nav ul li ul li {
    position: relative;
}

    .header.home2 .main-menu nav ul li ul li ul {
        position: absolute;
        left: 250px;
        top: 30px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
    }

@media only screen and (max-width: 1199px) {
    .header.home2 .main-menu nav ul li ul li ul {
        left: 230px;
    }
}

.header.home2 .main-menu nav ul li ul li:hover ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 0px;
}

.header.home2 .main-menu nav ul li ul li a {
    font-weight: 500;
    padding: 6px 28px;
    display: block;
    font-size: 15px;
    color: #666;
}

.header.home2 .main-menu nav ul li ul li:hover > a {
    color: #b15733;
}

.header.home2 .main-menu nav ul li ul li.sub_menu_li > a {
    position: relative;
}

    .header.home2 .main-menu nav ul li ul li.sub_menu_li > a:before {
        position: absolute;
        content: '\f054';
        right: 28px;
        top: 9px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 13px;
    }

.header.home2 .main-menu nav ul li:hover > ul {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.extra_info {
    position: fixed;
    width: 550px;
    background: #fff;
    right: 0px;
    top: 0px;
    height: 100%;
    z-index: 6000;
    padding: 24px 50px 50px;
    overflow-y: scroll;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

    .extra_info.extra_info_open {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
    }

.extra_info--icon button {
    background: none;
    border: none;
    color: #545454;
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 10px;
    display: inline-block;
}

.extra_info--title {
    margin-bottom: 30px;
}

    .extra_info--title h3 {
        font-size: 40px;
        font-weight: 400;
    }

.extra_info--address {
    margin-top: 40px;
}

    .extra_info--address ul li {
        margin-bottom: 10px;
    }

        .extra_info--address ul li i {
            color: #b15733;
            margin-right: 5px;
        }

        .extra_info--address ul li span {
            font-size: 15px;
            color: #223645;
        }

.extra_info--social a {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 100px;
    background-color: #ed3237;
    text-align: center;
    line-height: 45px;
    color: #fff;
    margin: 0px 3px;
    padding-top:15px;
}

    .extra_info--social a:hover {
        background-color: #116e44;
        color: #fff;
    }

.header.home2 .header__padding {
    padding: 0px 85px;
}

@media only screen and (max-width: 767px) {
    .header.home2 .header__padding {
        padding: 0px 30px;
    }
}

@media only screen and (max-width: 575px) {
    .header.home2 .header__padding {
        padding: 0px 15px;
    }
}

@media only screen and (max-width: 319px) {
    .header.home2 .header__padding {
        padding: 0px 0px;
    }
}

@media only screen and (max-width: 479px) {
    .header.home2 .header__logo img {
        max-width: 160px;
    }
}

@media only screen and (max-width: 479px) {
    .header.home2 .mean-container a.meanmenu-reveal {
        top: 7px;
    }
}

.header__top2 {
    background: #223645;
}

.header__top2--left {
    padding-top: 12px;
}

    .header__top2--left i {
        font-size: 14px;
        color: #fff;
    }

    .header__top2--left span {
        font-size: 14px;
        font-weight: 500;
        color: #fff;
        margin-left: 5px;
    }

@media only screen and (max-width: 1399px) {
    .header__top2--left span {
        font-size: 12px;
    }
}

.header__top2--middle {
    padding: 12px 0px;
}

@media only screen and (max-width: 991px) {
    .header__top2--middle {
        padding: 0px 0px 12px;
    }
}

.header__top2--middle p {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

@media only screen and (max-width: 1399px) {
    .header__top2--middle p {
        font-size: 12px;
    }
}

.header__top2--middle p a {
    color: #b15733;
    text-decoration: underline;
}

.header__top2--right {
    padding-top: 12px;
}

@media only screen and (max-width: 1199px) {
    .header__top2--right {
        display: none;
    }
}

.header__top2--right .header__top2--email {
    display: inline-block;
}

@media only screen and (max-width: 1599px) {
    .header__top2--right .header__top2--email {
        display: none;
    }
}

.header__top2--right .header__top2--email i {
    font-size: 14px;
    color: #fff;
}

.header__top2--right .header__top2--email span {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    margin-left: 5px;
}

.header__top2--right .header__top2--language {
    display: inline-block;
    margin-left: 28px;
}

    .header__top2--right .header__top2--language .language-ul {
        position: relative;
    }

        .header__top2--right .header__top2--language .language-ul > li > a {
            color: #fff;
            font-size: 14px;
            padding: 16px 0px;
        }

@media only screen and (max-width: 1399px) {
    .header__top2--right .header__top2--language .language-ul > li > a {
        font-size: 12px;
    }
}

.header__top2--right .header__top2--language .language-ul > li > a img {
    width: 20px;
}

.header__top2--right .header__top2--language .language-ul > li > a span {
    font-weight: 600;
}

.header__top2--right .header__top2--language .language-ul > li ul.language-ul2 {
    position: absolute;
    right: 30px;
    top: 38px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    z-index: 5000;
}

    .header__top2--right .header__top2--language .language-ul > li ul.language-ul2 li {
        display: inline-block;
        width: 160px;
        background-color: #fff;
        text-align: left;
    }

        .header__top2--right .header__top2--language .language-ul > li ul.language-ul2 li:not(:last-child) a {
            border-bottom: 1px dashed #e2e2e2;
        }

        .header__top2--right .header__top2--language .language-ul > li ul.language-ul2 li a {
            padding: 10px 20px 10px 20px;
            display: block;
        }

            .header__top2--right .header__top2--language .language-ul > li ul.language-ul2 li a:hover span {
                color: #b15733;
            }

            .header__top2--right .header__top2--language .language-ul > li ul.language-ul2 li a img {
                width: 21px;
            }

            .header__top2--right .header__top2--language .language-ul > li ul.language-ul2 li a span {
                font-weight: 500;
                font-size: 14px;
                color: #223645;
                -webkit-transition: 0.3s;
                -o-transition: 0.3s;
                transition: 0.3s;
            }

                .header__top2--right .header__top2--language .language-ul > li ul.language-ul2 li a span i {
                    color: #223645;
                    font-size: 14px;
                }

.header__top2--right .header__top2--language .language-ul > li:hover ul.language-ul2 {
    right: 0px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.header__top2--right .header__top2--language .language-ul > li:hover a {
    color: #b15733;
}

.header__middle2 {
    padding: 28px 0px;
    border-bottom: 1px solid #ededed;
}

@media only screen and (max-width: 991px) {
    .header__middle2 {
        padding: 20px 0px 20px;
    }
}

@media only screen and (max-width: 991px) {
    .header__middle2--left .header__middle2--phone {
        display: none;
    }
}

.header__middle2--left .header__middle2--phone i {
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #FFD9DB;
    text-align: center;
    line-height: 50px;
    border-radius: 100%;
    color: #b15733;
}

@media only screen and (max-width: 1399px) {
    .header__middle2--left .header__middle2--phone i {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .header__middle2--left .header__middle2--phone i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
}

.header__middle2--left .header__middle2--phone span {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #223645;
    margin-left: 10px;
}

@media only screen and (max-width: 1399px) {
    .header__middle2--left .header__middle2--phone span {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1199px) {
    .header__middle2--left .header__middle2--phone span {
        font-size: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .header__middle2--right .header__middle2--clock {
        display: none;
    }
}

.header__middle2--right .header__middle2--clock i {
    font-size: 18px;
    width: 50px;
    height: 50px;
    background: #FFD9DB;
    text-align: center;
    line-height: 50px;
    border-radius: 100%;
    color: #b15733;
}

@media only screen and (max-width: 1399px) {
    .header__middle2--right .header__middle2--clock i {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1199px) {
    .header__middle2--right .header__middle2--clock i {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
}

.header__middle2--right .header__middle2--clock span {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #223645;
    margin-left: 10px;
}

@media only screen and (max-width: 1399px) {
    .header__middle2--right .header__middle2--clock span {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1199px) {
    .header__middle2--right .header__middle2--clock span {
        font-size: 15px;
    }
}

.header.home3 .header__top3 {
    background: #223645;
}

@media only screen and (max-width: 991px) {
    .header.home3 .header__top3 {
        padding: 15px 0px;
    }
}

.header.home3 .header__top3--content {
    padding-top: 12px;
}

@media only screen and (max-width: 991px) {
    .header.home3 .header__top3--content {
        padding-top: 0px;
    }
}

.header.home3 .header__top3--content p {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
}

    .header.home3 .header__top3--content p a {
        color: #b15733;
    }

.header.home3 .header__top3--btn a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    background: #b15733;
    padding: 12px 24px;
    display: inline-block;
}

    .header.home3 .header__top3--btn a span {
        margin-left: 10px;
    }

    .header.home3 .header__top3--btn a:hover {
        color: #223645;
    }

@media only screen and (max-width: 991px) {
    .header.home3 .header__top3--btn a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .header.home3 .header__top3--btn a {
        margin-top: 10px;
    }
}

.header.home3 .header__logo {
    display: inline-block;
}

@media only screen and (max-width: 319px) {
    .header.home3 .header__logo {
        width: 180px;
        padding-top: 5px;
    }
}

@media only screen and (max-width: 991px) {
    .header.home3 .header__menu-wrapper {
        padding: 15px 0px;
    }
}

@media only screen and (max-width: 319px) {
    .header.home3 .header__menu-wrapper {
        padding: 15px 0px 18px;
    }
}

.header.home3 .main-menu {
    display: inline-block;
    margin-left: 130px;
}

@media only screen and (max-width: 1199px) {
    .header.home3 .main-menu {
        margin-left: 30px;
    }
}

.header.home3 .main-menu > nav > ul > li {
    display: inline-block;
}

    .header.home3 .main-menu > nav > ul > li > a {
        font-size: 16px;
        font-weight: 600;
        color: #b15733;
        line-height: 24px;
        display: inline-block;
        padding: 30px 15px;
    }

@media only screen and (max-width: 1199px) {
    .header.home3 .main-menu > nav > ul > li > a {
        padding: 30px 10px;
        font-size: 15px;
    }
}

.header.home3 .main-menu > nav ul li {
    position: relative;
}

    .header.home3 .main-menu > nav ul li ul {
        position: absolute;
        left: 0px;
        width: 250px;
        text-align: left;
        background: #fff;
        z-index: 900;
        border-top: 3px solid #b15733;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        padding: 17px 0px;
        -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
        box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
        top: calc(100% + 30px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
    }

@media only screen and (max-width: 1199px) {
    .header.home3 .main-menu > nav ul li ul {
        width: 230px;
    }
}

.header.home3 .main-menu > nav ul li ul li {
    position: relative;
}

    .header.home3 .main-menu > nav ul li ul li ul {
        position: absolute;
        left: 250px;
        top: 30px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
    }

@media only screen and (max-width: 1199px) {
    .header.home3 .main-menu > nav ul li ul li ul {
        left: 230px;
    }
}

.header.home3 .main-menu > nav ul li ul li:hover ul {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 0px;
}

.header.home3 .main-menu > nav ul li ul li a {
    font-weight: 500;
    padding: 6px 28px;
    display: block;
    text-transform: uppercase;
    font-size: 15px;
    color: #768495;
}

.header.home3 .main-menu > nav ul li ul li:hover > a {
    color: #b15733;
}

.header.home3 .main-menu > nav ul li ul li.sub_menu_li > a {
    position: relative;
}

    .header.home3 .main-menu > nav ul li ul li.sub_menu_li > a:before {
        position: absolute;
        content: '\f054';
        right: 28px;
        top: 9px;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 13px;
    }

.header.home3 .main-menu > nav ul li:hover > ul {
    top: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

@media only screen and (max-width: 991px) {
    .header.home3 .mean-container {
        top: 0px;
    }
}

.header.home3 .mean-container .mean-nav {
    margin-top: 58px;
}

.header.home3 .header__side-nav > ul > li {
    display: inline-block;
}

.header.home3 .header__side-nav .extra_info_btn .button {
    display: inline-block;
    background: #b15733;
    height: 50px;
    width: 50px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    margin-top: 18px;
}

.header.home3 .header__side-nav .search_box_container {
    position: relative;
}

    .header.home3 .header__side-nav .search_box_container .search_btn {
        display: inline-block;
        color: #223645;
        font-size: 18px;
        margin-right: 35px;
    }

    .header.home3 .header__side-nav .search_box_container .search_form {
        position: absolute;
        width: 350px;
        top: 55px;
        right: 80px;
        background: #f9f9f9;
        border-bottom: 3px solid #b15733;
        z-index: 1000;
        padding: 25px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        -webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
        box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
    }

        .header.home3 .header__side-nav .search_box_container .search_form input {
            border: 1px solid #ececec;
            width: 100%;
            display: inline-block;
            padding: 10px 20px;
            font-size: 14px;
        }

            .header.home3 .header__side-nav .search_box_container .search_form input::-webkit-input-placeholder {
                color: #666;
                font-size: 14px;
            }

            .header.home3 .header__side-nav .search_box_container .search_form input:-ms-input-placeholder {
                color: #666;
                font-size: 14px;
            }

            .header.home3 .header__side-nav .search_box_container .search_form input::-ms-input-placeholder {
                color: #666;
                font-size: 14px;
            }

            .header.home3 .header__side-nav .search_box_container .search_form input::-webkit-input-placeholder {
                color: #666;
                font-size: 14px;
            }

            .header.home3 .header__side-nav .search_box_container .search_form input::-moz-placeholder {
                color: #666;
                font-size: 14px;
            }

            .header.home3 .header__side-nav .search_box_container .search_form input:-ms-input-placeholder {
                color: #666;
                font-size: 14px;
            }

            .header.home3 .header__side-nav .search_box_container .search_form input::placeholder {
                color: #666;
                font-size: 14px;
            }

        .header.home3 .header__side-nav .search_box_container .search_form form {
            position: relative;
        }

        .header.home3 .header__side-nav .search_box_container .search_form button {
            position: absolute;
            right: 0px;
            top: 1px;
            display: inline-block;
            padding: 8px 15px 10px 6px;
            color: #223645;
            border: none;
            background: transparent;
        }

        .header.home3 .header__side-nav .search_box_container .search_form.search_form_toggle {
            right: 0px;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            visibility: visible;
        }

.header__menu {
    min-height: 50px;
}

@media only screen and (max-width: 991px) {
    .header__menu {
        min-height: 0px;
    }
}

.header__menu-wrapper {
    position: relative;
}

.header .menu_sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /*background: #b15733;*/
    background:#fff;
    z-index: 1010;
    -webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
    box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
}

@media only screen and (max-width: 991px) {
    .header .menu_sticky {
        background: #fff;
    }
}

.header.home1 .menu_sticky .header__side-nav {
    margin-top: 4px;
}

    .header.home1 .menu_sticky .header__side-nav ul li button {
        color: #fff;
        background-color: #126f44;
    }

        .header.home1 .menu_sticky .header__side-nav ul li button:hover {
            color: #b15733;
        }

    .header.home1 .menu_sticky .header__side-nav ul li.search_box_container .search_form {
        top: 97px;
    }

        .header.home1 .menu_sticky .header__side-nav ul li.search_box_container .search_form.search_form_toggle {
            top: 67px;
        }

.header.home1 .menu_sticky .main-menu nav > ul > li > a {
    padding: 15px 28px 15px 0px;
}

.header.home2 .menu_sticky .main-menu nav > ul > li > a {
    padding: 30px 28px 30px 0px;
}

.header.home2 .menu_sticky .header__side-nav {
    margin-top: 15px;
}

.header.home2 .menu_sticky .header__side-nav2 {
    margin-top: 15px;
}

/*==================================================
===| 10. Footer
===================================================*/
.footer1 {
    background: #0E3340;
}

.footer1__top {
    border-top: 1px solid #4B575B;
    border-bottom: 1px solid #3D5B65;
}

.footer1__item h3 {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    color: #ebebeb;
    margin-bottom: 53px;
}

.footer1__item--02 {
    padding-left: 35px;
}

@media only screen and (max-width: 1199px) {
    .footer1__item--02 {
        padding-left: 0px;
    }
}

.footer1__item--03 {
    padding-left: 10px;
}

@media only screen and (max-width: 1199px) {
    .footer1__item--03 {
        padding-left: 0px;
    }
}

.footer1__item--logo {
    margin-bottom: 45px;
}

.footer1__item ul li:not(:last-child) {
    margin-bottom: 12px;
}

.footer1__item ul li span {
    font-size: 17px;
    color: #c8c8c8;
    line-height: 1;
}

.footer1__item ul li a {
    font-size: 17px;
    color: #c8c8c8;
    line-height: 1;
    display: inline-block;
}

    .footer1__item ul li a:hover {
        color: #b15733;
    }

.footer1__item--email {
    position: relative;
    margin-top: 40px;
}

    .footer1__item--email input {
        background: #1e4d70;
        width: 100%;
        border: none;
        padding: 15px 50px 16px 20px;
    }

        .footer1__item--email input::-webkit-input-placeholder {
            color: #508ea3;
            font-style: italic;
        }

        .footer1__item--email input:-ms-input-placeholder {
            color: #508ea3;
            font-style: italic;
        }

        .footer1__item--email input::-ms-input-placeholder {
            color: #508ea3;
            font-style: italic;
        }

        .footer1__item--email input::-webkit-input-placeholder {
            color: #508ea3;
            font-style: italic;
        }

        .footer1__item--email input::-moz-placeholder {
            color: #508ea3;
            font-style: italic;
        }

        .footer1__item--email input:-ms-input-placeholder {
            color: #508ea3;
            font-style: italic;
        }

        .footer1__item--email input::placeholder {
            color: #508ea3;
            font-style: italic;
        }

    .footer1__item--email button {
        position: absolute;
        top: 0px;
        right: 0px;
        background: #b15733;
        color: #fff;
        border: none;
        font-size: 26px;
        display: inline-block;
        padding: 8px 14px;
    }

.footer1__item--instagram a {
    display: inline-block;
    width: 75px;
    height: 75px;
    margin-right: 10px;
    margin-bottom: 13px;
}

.footer1__bottom {
    padding: 19px 0px 11px;
}

.footer1__social a {
    display: inline-block;
    font-size: 21px;
    color: #fff;
}

    .footer1__social a:not(:last-child) {
        margin-right: 20px;
    }

@media only screen and (max-width: 991px) {
    .footer1__social a {
        font-size: 18px;
    }
}

.footer1__copyright p {
    color: #c7c7c7;
    font-size: 18px;
}

@media only screen and (max-width: 991px) {
    .footer1__copyright p {
        font-size: 15px;
    }
}

.footer1__copyright p a {
    color: #b15733;
}

/*==================================================
===| 11. Slider and Hero
===================================================*/
.slider1__height {
    height: 539px;
}

@media only screen and (max-width: 1199px) {
    .slider1__height {
       /*height: 650px;*/
        height: 176px;
    }
}

.slider1__img-01 {
    background: url(../img/bann1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider1__img-02 {
    background: url(../img/banner/1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider1__img-03 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slider1__img-04 {
    background: url(../img/banner/1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider1__img-05 {
    background: url(../img/bann5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider1__img-06 {
    background: url(../img/bann6.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.slider1__content {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1199px) {
    .slider1__content {
        padding-bottom: 0px;
    }
}

.slider1__content h5 {
    font-size: 20px;
    color: #292929;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 3px;
}

@media only screen and (max-width: 575px) {
    .slider1__content h5 {
        font-size: 18px;
    }
}

.slider1__content h2 {
    font-size: 60px;
    line-height: 72px;
    color: #223645;
    font-weight: bold;
}

@media only screen and (max-width: 575px) {
    .slider1__content h2 {
        font-size: 45px;
        line-height: 50px;
    }
}

.slider1__content h2 span {
    font-weight: 300;
    color: #b15733;
}

.slider1__content p {
    color: #292929;
    font-size: 16px;
    line-height: 30px;
}

@media only screen and (max-width: 575px) {
    .slider1__content p {
        font-size: 14px;
    }
}

.slider1.home3 .slider1__content {
    padding-bottom: 0px;
}

.slider1.home3 .slider-section-dots .owl-dots {
    margin-bottom: 30px;
}

@media only screen and (max-width: 319px) {
    .slider1.home3 .slider-section-dots .owl-dots {
        display: none;
    }
}

.slider1 .slider-section-dots {
    position: relative;
}

    .slider1 .slider-section-dots .owl-dots {
        position: absolute;
        bottom: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 auto;
        margin-bottom: 110px;
    }

@media only screen and (max-width: 1199px) {
    .slider1 .slider-section-dots .owl-dots {
        margin-bottom: 20px;
    }
}

.slider1 .slider-section-dots .owl-dots .owl-dot.active span,
.slider1 .slider-section-dots .owl-dots .owl-dot:hover span {
    background: #b15733;
}

.slider1 .slider-section-dots .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    border-radius: 100px;
    border: 1px dashed #b15733;
    background: transparent;
    margin: 0px 9px;
}

.slider2__height {
    height: 788px;
}

@media only screen and (max-width: 1199px) {
    .slider2__height {
        height: 650px;
    }
}

@media only screen and (max-width: 767px) {
    .slider2__height {
        height: 500px;
    }
}

.slider2__img-01 {
    background: url(../img/hero/hero-04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider2__img-02 {
    background: url(../img/hero/hero-05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider2__img-03 {
    background: url(../img/hero/hero-06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slider2__item {
    padding-bottom: 70px;
}

@media only screen and (max-width: 1399px) {
    .slider2__item {
        padding-bottom: 0px;
    }
}

.slider2 .slider2__thumb--wrapper {
    width: 90px;
    height: 90px;
    border: 1px solid #e0e0e0;
    margin: 0px auto;
    border-radius: 100%;
    margin-bottom: 25px;
}

.slider2__thumb {
    width: 78px;
    height: 78px;
    border: 1px solid #e0e0e0;
    margin: 0px auto;
    border-radius: 100%;
    margin-top: 5px;
    line-height: 78px;
}

    .slider2__thumb img {
        width: 48px !important;
        height: auto;
        margin: 18px auto 0px;
    }

.slider2 .slider2__content--wrapper {
    width: 720px;
    margin: 0px auto;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 991px) {
    .slider2 .slider2__content--wrapper {
        width: 600px;
    }
}

@media only screen and (max-width: 767px) {
    .slider2 .slider2__content--wrapper {
        width: 500px;
    }
}

@media only screen and (max-width: 575px) {
    .slider2 .slider2__content--wrapper {
        width: 400px;
    }
}

@media only screen and (max-width: 479px) {
    .slider2 .slider2__content--wrapper {
        width: 350px;
    }
}

@media only screen and (max-width: 400px) {
    .slider2 .slider2__content--wrapper {
        width: 250px;
    }
}

.slider2 .slider2__content--wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    top: -10px;
    left: -10px;
    z-index: 0;
}

.slider2__content {
    background: #fff;
    padding: 55px;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 10px 10px 0px rgba(255, 255, 255, 0.8);
    box-shadow: 10px 10px 0px rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 767px) {
    .slider2__content {
        padding: 40px 20px;
    }
}

.slider2__content h4 {
    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #292929;
    letter-spacing: 4px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .slider2__content h4 {
        font-size: 18px;
        letter-spacing: 1px;
    }
}

@media only screen and (max-width: 479px) {
    .slider2__content h4 {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 400px) {
    .slider2__content h4 {
        font-size: 16px;
        letter-spacing: 0px;
    }
}

.slider2__content h2 {
    font-size: 48px;
    line-height: 55px;
    font-weight: bold;
    color: #223645;
}

@media only screen and (max-width: 767px) {
    .slider2__content h2 {
        font-size: 32px;
        line-height: 42px;
    }
}

@media only screen and (max-width: 479px) {
    .slider2__content h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 400px) {
    .slider2__content h2 {
        font-size: 22px;
        line-height: 32px;
    }
}

.slider2 .owl-carousel .owl-nav button.owl-prev,
.slider2 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    background: #fff;
    color: #b15733;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    line-height: 64px;
}

    .slider2 .owl-carousel .owl-nav button.owl-prev:hover,
    .slider2 .owl-carousel .owl-nav button.owl-next:hover {
        background: #b15733;
        color: #fff;
    }

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

    .slider2 .owl-carousel .owl-nav button.owl-prev,
    .slider2 .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.slider2 .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 30px;
}

/*==================================================
===| 12. Service and Feature
===================================================*/
.service1 {
    background: url(../img/png-img/png-img-01.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.service1__item {
    background-color: #fff;
    position: relative;
    -webkit-box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.004);
    box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.004);
    padding: 40px 40px 45px 40px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .service1__item {
        padding: 40px 20px 45px 20px;
    }
}

@media only screen and (max-width: 400px) {
    .service1__item {
        padding: 40px 20px 45px 20px;
    }
}

.service1__item:hover .btn6 {
    background: #b15733;
    border: 1px solid #b15733;
    color: #fff;
}

.service1__item:hover .service1__star i {
    color: #fff;
}

.service1__item:hover .service1__star:before {
    border-top-color: #b15733;
}

.service1__star {
    position: absolute;
    left: 0px;
    top: 0px;
}

    .service1__star:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 0;
        height: 0;
        border-top: 59px solid #FFD9DB;
        border-right: 55px solid transparent;
        z-index: 0;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .service1__star i {
        z-index: 5;
        position: relative;
        top: 5px;
        left: 8px;
        color: #b15733;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

.service1__thumb {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 0 auto 50px;
}

    .service1__thumb:before {
        position: absolute;
        content: url(../img/png-img/png-img-02.png);
        z-index: 5;
        left: 50%;
        -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    .service1__thumb img {
        position: relative;
        z-index: 10;
    }

.service1__content {
    position: relative;
    padding-top: 40px;
    padding-bottom: 9px;
}

    .service1__content:before {
        position: absolute;
        content: '';
        left: 50%;
        top: 0px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1px;
        width: 80px;
        background: #b15733;
    }

    .service1__content:after {
        position: absolute;
        content: '';
        left: 50%;
        bottom: 0px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1px;
        width: 80px;
        background: #b15733;
    }

    .service1__content h3 {
        font-size: 24px;
        color: #223645;
        line-height: 30px;
        letter-spacing: 0.25px;
        text-transform: capitalize;
        font-weight: 600;
        margin-bottom: 21px;
    }

    .service1__content p {
        font-size: 16px;
        line-height: 26px;
        color: #768495;
    }

.service1__bottom-text p {
    font-size: 16px;
    line-height: 26px;
    color: #768495;
    margin: 0px;
}

    .service1__bottom-text p a {
        color: #b15733;
    }

        .service1__bottom-text p a:hover {
            color: #cf1c4a;
        }

.service1 .owl-item img {
    display: inline-block;
    width: auto;
}

.service1 .owl-carousel .owl-nav button.owl-prev,
.service1 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    background: #fff;
    color: #223645;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -90px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    .service1 .owl-carousel .owl-nav button.owl-prev:hover,
    .service1 .owl-carousel .owl-nav button.owl-next:hover {
        background: #b15733;
        color: #fff;
    }

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

    .service1 .owl-carousel .owl-nav button.owl-prev,
    .service1 .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.service1 .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -90px;
}

.service2 {
    background: #EBF5F5;
}

.service2__item {
    padding: 50px 40px 45px;
    background: #fff;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .service2__item {
        padding: 50px 20px 45px;
    }
}

@media only screen and (max-width: 400px) {
    .service2__item {
        padding: 50px 20px 45px;
    }
}

.service2__item:hover .service2__thumb {
    background: #b15733;
    -webkit-box-shadow: 0px 15px 24px 0px rgba(225, 36, 84, 0.23);
    box-shadow: 0px 15px 24px 0px rgba(225, 36, 84, 0.23);
}

    .service2__item:hover .service2__thumb i {
        color: #fff;
    }

.service2__thumb {
    background: #ffd9db;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin: 0px auto 22px;
    line-height: 90px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding-top: 12px;
}

    .service2__thumb i {
        color: #b15733;
    }

        .service2__thumb i:before {
            font-size: 45px;
        }

.service2__content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    position: relative;
    margin-bottom: 48px;
}

    .service2__content h3:before {
        position: absolute;
        width: 80px;
        height: 1px;
        background: #ffd9db;
        content: '';
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: -25px;
    }

.service2__content p {
    margin-bottom: 24px;
}

.service2__content a {
    font-size: 16px;
    line-height: 18px;
    font-weight: 500;
    color: #b15733;
    display: inline-block;
    position: relative;
}

    .service2__content a:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 1px;
        background: #b15733;
        bottom: -5px;
    }

.service2 .slider-section-dots {
    position: relative;
}

    .service2 .slider-section-dots .owl-dots {
        position: absolute;
        bottom: 0px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 auto;
        margin-bottom: -5px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .service2 .slider-section-dots .owl-dots .owl-dot.active span,
        .service2 .slider-section-dots .owl-dots .owl-dot:hover span {
            background: #b15733;
        }

        .service2 .slider-section-dots .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            border-radius: 100%;
            border: none;
            background: #d9dbde;
            margin: 0px 5px;
        }

.service3 {
    background: url(../img/png-img/png-img-25.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .service3.other_page {
        background: #fff;
    }

        .service3.other_page .service3__item {
            -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
        }

.service3__item {
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
}

    .service3__item:hover .service3__thumb a {
        top: 50%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
    }

    .service3__item:hover .service3__thumb:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
    }

    .service3__item:hover .service3__content {
        border-color: #fff;
    }

.service3__thumb {
    position: relative;
}

    .service3__thumb:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(225, 36, 84, 0.8);
        z-index: 100;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .service3__thumb a {
        position: absolute;
        top: calc(50% - 20px);
        left: 50%;
        z-index: 200;
        color: #fff;
        font-size: 20px;
        width: 50px;
        height: 50px;
        border: 1px dashed #fff;
        text-align: center;
        line-height: 50px;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
    }

.service3__content {
    padding: 27px 20px 18px;
    border-bottom: 2px solid #b15733;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 575px) {
    .service3__content {
        padding: 27px 25px 18px;
    }
}

.service3__content h3 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: #0E3340;
    margin-bottom: 13px;
}

.service3__content p {
    color: #768495;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 10px;
}

@media only screen and (max-width: 575px) {
    .service3__content p {
        padding: 0px;
    }
}

.service3__bottom-text p {
    font-size: 16px;
    line-height: 26px;
    color: #768495;
}

    .service3__bottom-text p a {
        color: #b15733;
    }

.service3 .owl-item img {
    display: inline-block;
    width: auto;
}

.service3 .owl-carousel .owl-nav button.owl-prev,
.service3 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    background: #fff;
    color: #223645;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -90px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    .service3 .owl-carousel .owl-nav button.owl-prev:hover,
    .service3 .owl-carousel .owl-nav button.owl-next:hover {
        background: #b15733;
        color: #fff;
    }

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

    .service3 .owl-carousel .owl-nav button.owl-prev,
    .service3 .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.service3 .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -90px;
}

.feature1 {
    background: #FFCDD0;
}

.feature1__bg-01 {
    background: #FDB4B7;
}

.feature1__bg-02 {
    background: #FFCDD0;
}

@media only screen and (max-width: 991px) {
    .feature1 {
        background: #fff;
    }
}

.feature1__item {
    padding: 30px 0px 35px;
}

    .feature1__item h4 {
        margin: 10px 0px 0px;
        font-size: 24px;
        line-height: 1;
    }

.feature1__thumb i {
    line-height: 1;
}

    .feature1__thumb i:before {
        font-size: 40px;
        color: #b15733;
    }

.feature1 .owl-item img {
    display: inline-block;
    width: auto;
}

.feature1 .owl-carousel .owl-nav button.owl-prev,
.feature1 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    background: #fff;
    color: #223645;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -90px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    .feature1 .owl-carousel .owl-nav button.owl-prev:hover,
    .feature1 .owl-carousel .owl-nav button.owl-next:hover {
        background: #b15733;
        color: #fff;
    }

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

    .feature1 .owl-carousel .owl-nav button.owl-prev,
    .feature1 .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.feature1 .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -90px;
}

@media only screen and (max-width: 1199px) {
    .service_details1__wrapper {
        margin-bottom: 60px;
    }
}

.service_details1__wrapper .profile1__appointment {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 25px;
}

.service_details1__content {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 15px;
}

    .service_details1__content p {
        line-height: 30px;
    }

.service_details1__title h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: bold;
}

@media only screen and (max-width: 479px) {
    .service_details1__title h2 {
        font-size: 28px;
        line-height: 40px;
    }
}

.service_details1__title h2 span {
    color: #b15733;
}

.service_details1__items {
    padding-top: 30px;
}

/*==================================================
===| 13. Project and Portfolio
===================================================*/
.profile1 {
    background: url(../img/png-img/png-img-34.png);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 1599px) {
    .profile1 {
        background: #fff;
    }
}

.profile1__Wrapper {
    padding-left: 20px;
}

@media only screen and (max-width: 1199px) {
    .profile1__Wrapper {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .profile1__Wrapper {
        margin-bottom: 60px;
    }
}

.profile1__title h2 {
    font-size: 36px;
    line-height: 50px;
    font-weight: bold;
    margin-bottom: 12px;
}

@media only screen and (max-width: 479px) {
    .profile1__title h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

.profile1__title h6 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
}

.profile1__content {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 15px;
}

.profile1__item {
    background: #F2F2F2;
    position: relative;
}

.profile1__item--thumb {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 76px;
    position: absolute;
    left: 30px;
    top: 25px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 400px) {
    .profile1__item--thumb {
        left: 20px;
        top: 20px;
    }
}

.profile1__item--thumb i:before {
    color: #223645;
    font-size: 30px;
}

.profile1__item--content {
    padding: 20px 50px 8px 110px;
}

@media only screen and (max-width: 1199px) {
    .profile1__item--content {
        padding: 20px 20px 8px 110px;
    }
}

@media only screen and (max-width: 400px) {
    .profile1__item--content {
        padding: 100px 20px 8px 20px;
    }
}

.profile1__item--content h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
}

.profile1__item--content p {
    line-height: 28px;
}

.profile1__item:hover .profile1__item--thumb {
    background: #b15733;
    -webkit-box-shadow: 0px 10px 35px 0px rgba(225, 36, 84, 0.53);
    box-shadow: 0px 10px 35px 0px rgba(225, 36, 84, 0.53);
}

    .profile1__item:hover .profile1__item--thumb i:before {
        color: #fff;
    }

.profile1__appointment > h2 {
    font-size: 36px;
    font-weight: 600;
    line-height: 50px;
}

@media only screen and (max-width: 479px) {
    .profile1__appointment > h2 {
        font-size: 28px;
        line-height: 38px;
    }
}

/*==================================================
===| 14. Blog or News
===================================================*/
.blog1__top {
    background: url(../img/background/bg-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 100px;
    padding-bottom: 165px;
}

@media only screen and (max-width: 1199px) {
    .blog1__top {
        padding-top: 80px;
    }
}

@media only screen and (max-width: 1450px) {
    .blog1__top {
        padding-bottom: 150px;
    }
}

.blog1__top .title2 h4 {
    color: #fff;
}

.blog1__top .title2 h2 {
    color: #fff;
}

.blog1__top .title2 p {
    color: #fff;
}

.blog1__wrapper {
    width: 1444px;
    margin: 0px auto;
    padding-top: 80px;
    position: relative;
    top: -120px;
    margin-bottom: -20px;
}

@media only screen and (max-width: 1450px) {
    .blog1__wrapper {
        width: auto;
        top: -195px;
        margin-bottom: -97px;
    }
}

@media only screen and (max-width: 1199px) {
    .blog1__wrapper {
        margin-bottom: -117px;
    }
}

.blog1__wrapper:before {
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 800px;
    content: '';
    border-radius: 10px 10px 0px 0px;
}

@media only screen and (max-width: 1450px) {
    .blog1__wrapper:before {
        display: none;
    }
}

.blog1__wrapper:after {
    background: #fff;
    position: absolute;
    left: 0px;
    top: 120px;
    width: 100%;
    height: 800px;
    content: '';
    z-index: -1;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(237, 237, 237, 0.74);
    box-shadow: 0px 0px 20px 0px rgba(237, 237, 237, 0.74);
}

@media only screen and (max-width: 1450px) {
    .blog1__wrapper:after {
        display: none;
    }
}

.blog1__item {
    -webkit-box-shadow: 0px 0px 18px 2px rgba(202, 202, 202, 0.26);
    box-shadow: 0px 0px 18px 2px rgba(202, 202, 202, 0.26);
}

.blog1__content {
    padding: 22px 22px 24px;
}

    .blog1__content h3 a {
        font-size: 18px;
        display: inline-block;
        font-weight: 600;
        color: #292929;
        line-height: 30px;
    }

        .blog1__content h3 a:hover {
            color: #b15733;
        }

.blog1__data {
    margin-bottom: 17px;
}

    .blog1__data span {
        font-size: 16px;
    }

        .blog1__data span:first-child {
            margin-right: 30px;
        }

        .blog1__data span i {
            color: #7f7f7f;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            display: inline-block;
            margin-right: 6px;
        }

        .blog1__data span a {
            color: #768495;
        }

        .blog1__data span:hover i {
            color: #b15733;
        }

        .blog1__data span:hover a {
            color: #b15733;
        }

.blog2 {
    background: url(../img/png-img/png-img-19.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .blog2.other_page {
        background: #F9F8FF;
    }

.blog2__item {
    border-bottom: 2px solid #b15733;
    background: #fff;
}

.blog2__thumb {
    position: relative;
}

    .blog2__thumb a {
        position: absolute;
        background: #b15733;
        bottom: 10px;
        left: 10px;
        padding: 6px 12px;
        color: #fff;
        font-size: 12px;
        line-height: 12px;
        font-weight: 600;
    }

        .blog2__thumb a:hover {
            background: #2D3A58;
        }

.blog2__content {
    padding: 20px 20px 40px 20px;
}

    .blog2__content h3 {
        font-size: 18px;
        line-height: 30px;
        font-weight: 600;
        margin-bottom: 23px;
    }

    .blog2__content > a {
        background: #ed3237;
        color: #fff;
        padding: 18px 85px 18px 35px;
    }

        .blog2__content > a i {
            background: #126f44;
            height: 50px;
            width: 50px;
            line-height: 50px;
        }

        .blog2__content > a:hover {
            background: #126f44;
            color: #fff;
        }

            .blog2__content > a:hover i {
                background: #ed3237;
                color: #fff;
            }

.blog2__content--data {
    margin-bottom: 15px;
}

    .blog2__content--data span {
        color: #768495;
    }

        .blog2__content--data span:not(:last-child) {
            margin-right: 30px;
        }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .blog2__content--data span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 400px) {
    .blog2__content--data span {
        font-size: 14px;
    }
}

.blog2__content--data span i {
    color: #7f7f7f;
}

.blog2__content--data span a {
    color: #768495;
}

.blog2 .owl-item img {
    display: inline-block;
    width: auto;
}

.blog2 .owl-carousel .owl-nav button.owl-prev,
.blog2 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    background: #fff;
    color: #223645;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -90px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    .blog2 .owl-carousel .owl-nav button.owl-prev:hover,
    .blog2 .owl-carousel .owl-nav button.owl-next:hover {
        background: #b15733;
        color: #fff;
    }

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

    .blog2 .owl-carousel .owl-nav button.owl-prev,
    .blog2 .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.blog2 .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -90px;
}

.blog_details1__content {
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 15px;
}

.blog_details1__quote {
    border-top: 1px solid #F1F1F1;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .blog_details1__quote > h3 {
        font-size: 36px;
        line-height: 50px;
        font-weight: 600;
        padding-top: 15px;
        margin-bottom: 25px;
    }

.blog_details1__quote--item {
    background: #F8FDFC;
    position: relative;
}

.blog_details1__quote--icon {
    width: 60px;
    height: 60px;
    background: #b15733;
    border-radius: 100%;
    line-height: 65px;
    text-align: center;
    position: absolute;
    top: 25px;
    left: 30px;
}

@media only screen and (max-width: 479px) {
    .blog_details1__quote--icon {
        left: 25px;
    }
}

.blog_details1__quote--icon i {
    font-size: 18px;
    color: #fff;
}

.blog_details1__quote--content {
    padding: 20px 50px 25px 110px;
}

@media only screen and (max-width: 479px) {
    .blog_details1__quote--content {
        padding: 100px 25px 25px;
    }
}

.blog_details1__quote--content h4 {
    font-size: 24px;
    font-weight: bold;
    line-height: 34px;
}

.blog_details1__quote--content p {
    color: #768495;
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    font-style: italic;
}

.blog_details1__comment {
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 70px;
}

.blog_details1__comment--item-box {
    -webkit-box-shadow: 0px 0px 32px 0px rgba(241, 241, 241, 0.57);
    box-shadow: 0px 0px 32px 0px rgba(241, 241, 241, 0.57);
    position: relative;
    border-left: 2px solid #b15733;
}

    .blog_details1__comment--item-box.reply {
        margin-left: 65px;
        margin-top: 30px;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #F7F7F7;
    }

@media only screen and (max-width: 575px) {
    .blog_details1__comment--item-box.reply {
        margin-left: 20px;
    }
}

.blog_details1__comment--item-thumb {
    width: 96px;
    height: 96px;
    border: 1px dashed #b15733;
    border-radius: 100%;
    padding: 7px;
    position: absolute;
    top: 18px;
    left: 32px;
}

@media only screen and (max-width: 575px) {
    .blog_details1__comment--item-thumb {
        left: 20px;
        width: 80px;
        height: 80px;
    }
}

.blog_details1__comment--item-thumb img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}

@media only screen and (max-width: 575px) {
    .blog_details1__comment--item-thumb img {
        width: 65px;
        height: 65px;
    }
}

.blog_details1__comment--item-content {
    padding: 21px 100px 30px 152px;
    position: relative;
}

@media only screen and (max-width: 575px) {
    .blog_details1__comment--item-content {
        padding: 21px 50px 30px 120px;
    }
}

@media only screen and (max-width: 400px) {
    .blog_details1__comment--item-content {
        padding: 120px 40px 25px 20px;
    }
}

.blog_details1__comment--item-content p {
    color: #636363;
    line-height: 24px;
}

.blog_details1__comment--item-content > a {
    position: absolute;
    top: 23px;
    right: 20px;
    display: inline-block;
    color: #b15733;
    font-weight: 600;
}

@media only screen and (max-width: 1199px) {
    .blog_details1__reply .comment-reply1 {
        margin-bottom: 60px;
    }
}

.blog_details1__reply #comment-reply1-form .form-control {
    background: #EFEFEF;
    border: 1px solid #CFCFCF;
    color: #636363;
    font-size: 16px;
}

    .blog_details1__reply #comment-reply1-form .form-control::-webkit-input-placeholder {
        color: #636363;
        font-size: 16px;
        text-transform: inherit;
    }

    .blog_details1__reply #comment-reply1-form .form-control:-ms-input-placeholder {
        color: #636363;
        font-size: 16px;
        text-transform: inherit;
    }

    .blog_details1__reply #comment-reply1-form .form-control::-ms-input-placeholder {
        color: #636363;
        font-size: 16px;
        text-transform: inherit;
    }

    .blog_details1__reply #comment-reply1-form .form-control::-webkit-input-placeholder {
        color: #636363;
        font-size: 16px;
        text-transform: inherit;
    }

    .blog_details1__reply #comment-reply1-form .form-control::-moz-placeholder {
        color: #636363;
        font-size: 16px;
        text-transform: inherit;
    }

    .blog_details1__reply #comment-reply1-form .form-control:-ms-input-placeholder {
        color: #636363;
        font-size: 16px;
        text-transform: inherit;
    }

    .blog_details1__reply #comment-reply1-form .form-control::placeholder {
        color: #636363;
        font-size: 16px;
        text-transform: inherit;
    }

.blog_details1__reply .checkbox-style-01 {
    margin: 5px 0px 18px;
}

    .blog_details1__reply .checkbox-style-01 .checkbox-item {
        position: relative;
    }

        .blog_details1__reply .checkbox-style-01 .checkbox-item input {
            position: absolute;
            left: 0px;
            top: 5px;
        }

        .blog_details1__reply .checkbox-style-01 .checkbox-item label {
            padding-left: 20px;
        }

/*==================================================
===| 15. Testimonial
===================================================*/
.testimonial1 {
    background: #E6F1F7;
    position: relative;
}

    .testimonial1 .title2 {
        margin-bottom: 32px;
    }

        .testimonial1 .title2 h2 {
            line-height: 60px;
        }

            .testimonial1 .title2 h2 span {
                font-weight: 300;
            }

.testimonial1__padding {
    padding-top: 220px;
    padding-bottom: 275px;
}

@media only screen and (max-width: 1199px) {
    .testimonial1__padding {
        padding-top: 170px;
        padding-bottom: 225px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial1__padding {
        padding-top: 120px;
        padding-bottom: 175px;
    }
}

@media only screen and (max-width: 479px) {
    .testimonial1__padding {
        padding-top: 100px;
        padding-bottom: 155px;
    }
}

.testimonial1__item p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    border-left: 3px solid #f43b4b;
    padding-left: 20px;
    padding-right: 50px;
    font-style: italic;
}

@media only screen and (max-width: 991px) {
    .testimonial1__item p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .testimonial1__item p {
        padding-right: 0px;
    }
}

.testimonial1__item p span {
    font-size: 16px;
    line-height: 26px;
    color: #9a9fa5;
}

.testimonial1__item ul {
    margin-top: 45px;
    margin-bottom: 45px;
}

    .testimonial1__item ul li {
        display: inline-block;
    }

        .testimonial1__item ul li a {
            color: #FED533;
        }

.testimonial1__btn a {
    -webkit-box-shadow: 0px 8px 21px 0px rgba(255, 152, 161, 0.9);
    box-shadow: 0px 8px 21px 0px rgba(255, 152, 161, 0.9);
}

.testimonial1__thumb1 {
    position: absolute;
    top: 100px;
    right: 275px;
    border-radius: 100%;
    overflow: hidden;
    border: 10px solid #fff;
    width: 400px;
    height: 400px;
}

@media only screen and (max-width: 1599px) {
    .testimonial1__thumb1 {
        right: 150px;
    }
}

@media only screen and (max-width: 1199px) {
    .testimonial1__thumb1 {
        width: 300px;
        height: 300px;
        right: 80px;
    }
}

@media only screen and (max-width: 991px) {
    .testimonial1__thumb1 {
        display: none;
    }
}

.testimonial1__thumb1--btn {
    position: relative;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0px;
}

    .testimonial1__thumb1--btn a {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 30px;
        width: 51px;
        height: 51px;
        border-radius: 100%;
        color: #fff;
        background: rgba(225, 36, 84, 0.8);
        text-align: center;
        line-height: 53px;
        -webkit-animation: radial_pulse2 2.5s infinite;
        animation: radial_pulse2 2.5s infinite;
    }

        .testimonial1__thumb1--btn a:before {
            width: 51px;
            height: 51px;
            position: absolute;
            background: transparent;
            content: '';
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-radius: 100%;
            -webkit-animation: radial_pulse3 2.5s infinite;
            animation: radial_pulse3 2.5s infinite;
        }

.testimonial1__thumb2 {
    position: absolute;
    right: 575px;
    bottom: 100px;
    border-radius: 100%;
    width: 300px;
    height: 300px;
    border: 10px solid #fff;
    overflow: hidden;
}

@media only screen and (max-width: 1599px) {
    .testimonial1__thumb2 {
        display: none;
    }
}

.testimonial1__thumb3 {
    position: absolute;
    right: 140px;
    bottom: 120px;
    border-radius: 100%;
    width: 300px;
    height: 300px;
    border: 10px solid #fff;
    overflow: hidden;
}

@media only screen and (max-width: 1599px) {
    .testimonial1__thumb3 {
        right: 80px;
    }
}

@media only screen and (max-width: 1199px) {
    .testimonial1__thumb3 {
        bottom: 100px;
    }
}

@media only screen and (max-width: 991px) {
    .testimonial1__thumb3 {
        display: none;
    }
}

.testimonial1 .owl-theme .owl-dots {
    text-align: left;
    bottom: -135px;
    left: 0%;
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.testimonial2 {
    background: url(../img/background/bg-14.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .testimonial2 .title2 h4 {
        color: #fff;
    }

    .testimonial2 .title2 h2 {
        color: #fff;
    }

.testimonial2__thumb {
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
}

.testimonial2__thumb--imgbox {
    width: 86px;
    height: 86px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
}

.testimonial2__thumb--content {
    padding-left: 102px;
}

    .testimonial2__thumb--content h5 {
        font-size: 24px;
        line-height: 24px;
        font-weight: 600;
        color: #fff;
    }

    .testimonial2__thumb--content p {
        color: #b7b7b7;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
    }

.testimonial2__content {
    margin-top: 45px;
}

    .testimonial2__content p {
        font-size: 18px;
        line-height: 30px;
        font-weight: 500;
        color: #ededed;
        font-style: italic;
        position: relative;
        padding-left: 20px;
    }

        .testimonial2__content p:before {
            position: absolute;
            content: '';
            left: 0px;
            top: 4px;
            height: calc(100% - 10px);
            width: 3px;
            background: #f43b4b;
        }

.testimonial2__content--star {
    margin-top: 21px;
}

    .testimonial2__content--star a {
        color: #fed533;
    }

.testimonial2__bottom p {
    font-size: 24px;
    line-height: 30px;
    color: #ededed;
    font-weight: 600;
    margin-bottom: 45px;
}

@media only screen and (max-width: 767px) {
    .testimonial2__bottom p {
        font-size: 18px;
        line-height: 28px;
    }
}

.testimonial2__carousel {
    position: relative;
    margin-bottom: 98px;
}

    .testimonial2__carousel:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 10px;
        background: #b15733;
        bottom: -54px;
        left: 0px;
    }

.testimonial2 .slider-section-dots {
    position: relative;
}

    .testimonial2 .slider-section-dots .owl-dots {
        position: absolute;
        bottom: -58px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .testimonial2 .slider-section-dots .owl-dots .owl-dot.active span,
        .testimonial2 .slider-section-dots .owl-dots .owl-dot:hover span {
            background: #b15733;
            width: 20px;
            height: 20px;
            border: 3px solid #d9dbde;
        }

        .testimonial2 .slider-section-dots .owl-dots .owl-dot span {
            width: 20px;
            height: 20px;
            border-radius: 100%;
            border: none;
            background: #d9dbde;
            margin: 0px 5px;
        }

.testimonial3 {
    background: url(../img/png-img/png-img-30.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.testimonial3__wrapper {
    padding: 20px;
    background: #fff;
    background: url(../img/png-img/png-img-31.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border: 1px solid #eeecec;
}

.testimonial3__item {
    position: relative;
    min-height: 445px;
}

.testimonial3__thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 355px;
}

@media only screen and (max-width: 991px) {
    .testimonial3__thumb {
        width: 120px;
    }
}

.testimonial3__content {
    padding-left: 405px;
    padding-top: 28px;
    padding-right: 50px;
}

@media only screen and (max-width: 991px) {
    .testimonial3__content {
        padding-left: 0px;
        padding-top: 185px;
        padding-right: 0px;
    }
}

.testimonial3__content h6 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #b15733;
    margin-bottom: 16px;
}

@media only screen and (max-width: 991px) {
    .testimonial3__content h6 {
        margin-bottom: 10px;
    }
}

.testimonial3__content h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: bold;
    color: #223645;
    margin-bottom: 30px;
}

@media only screen and (max-width: 991px) {
    .testimonial3__content h3 {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 15px;
    }
}

.testimonial3__content h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #223645;
    position: relative;
    margin-bottom: 46px;
}

@media only screen and (max-width: 991px) {
    .testimonial3__content h4 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 30px;
    }
}

.testimonial3__content h4:before {
    position: absolute;
    content: '';
    width: 150px;
    height: 1px;
    background: #f2f2f2;
    left: 0px;
    bottom: -10px;
}

.testimonial3__content h4 span {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #b7b7b7;
    margin-left: 10px;
}

@media only screen and (max-width: 991px) {
    .testimonial3__content h4 span {
        font-size: 14px;
        line-height: 24px;
    }
}

.testimonial3__content p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    color: #768495;
}

@media only screen and (max-width: 479px) {
    .testimonial3__content p {
        font-size: 16px;
        line-height: 26px;
    }
}

.testimonial3 .owl-item img {
    display: inline-block;
    width: auto;
}

.testimonial3 .owl-carousel .owl-nav button.owl-prev,
.testimonial3 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    background: #EBE9F0;
    color: #223645;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 420px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    .testimonial3 .owl-carousel .owl-nav button.owl-prev:hover,
    .testimonial3 .owl-carousel .owl-nav button.owl-next:hover {
        background: #b15733;
        color: #fff;
    }

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

    .testimonial3 .owl-carousel .owl-nav button.owl-prev,
    .testimonial3 .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.testimonial3 .owl-carousel .owl-nav button.owl-next {
    left: 500px;
}

/*==================================================
===| 16. Team
===================================================*/
.team1 {
    background: url(../img/png-img/png-img-08.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.team1__item {
    -webkit-box-shadow: 0px 5px 20px 0px rgba(230, 230, 230, 0.6);
    box-shadow: 0px 5px 20px 0px rgba(230, 230, 230, 0.6);
}

    .team1__item:hover .team1__btn {
        top: 0px;
    }

.team1__content {
    padding: 23px 0px 30px;
    border-bottom: 3px solid #b15733;
    position: relative;
    overflow: hidden;
}

    .team1__content h4 {
        font-size: 18px;
        line-height: 20px;
        color: #292929;
        font-weight: bold;
        border-bottom: 5px;
    }

    .team1__content p {
        font-size: 14px;
    }

.team1__btn {
    position: absolute;
    text-align: center;
    width: 100%;
    background: #b15733;
    height: 100%;
    top: 110px;
    left: 0px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

    .team1__btn a {
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        color: #b15733;
        background: #FFEDF0;
        padding: 12px 30px;
        border-radius: 100px;
        margin-top: 30px;
    }

.team1.other_page {
    background: #fff;
}

/*==================================================
===| 17. About
===================================================*/
.about1 {
    padding-bottom: 130px;
}

@media only screen and (max-width: 1199px) {
    .about1 {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .about1 {
        padding-bottom: 80px;
    }
}

.about1__left {
    position: relative;
}

.about1__left--thumb1 {
    position: absolute;
    left: 50px;
    top: 115px;
    width: 450px;
    height: 450px;
    line-height: 420px;
    border: 1px dashed #ffb2b6;
    border-radius: 100%;
    text-align: center;
    padding: 15px;
}

@media only screen and (max-width: 1199px) {
    .about1__left--thumb1 {
        width: 350px;
        height: 350px;
        line-height: 330px;
        padding: 10px;
    }
}

@media only screen and (max-width: 991px) {
    .about1__left--thumb1 {
        left: 140px;
    }
}

@media only screen and (max-width: 575px) {
    .about1__left--thumb1 {
        left: 70px;
    }
}

@media only screen and (max-width: 479px) {
    .about1__left--thumb1 {
        left: 20px;
    }
}

@media only screen and (max-width: 400px) {
    .about1__left--thumb1 {
        width: 200px;
        height: 200px;
        line-height: 180px;
        left: 45px;
        top: 100px;
    }
}

.about1__left--thumb1 img {
    border-radius: 100%;
}

.about1__left--thumb2 {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 184px;
    height: 184px;
    line-height: 184px;
    border-radius: 100%;
    border: 1px dashed #ffb2b6;
    text-align: center;
    background-color: #fff;
}

@media only screen and (max-width: 400px) {
    .about1__left--thumb2 {
        width: 140px;
        height: 140px;
        line-height: 140px;
    }
}

.about1__left--thumb2 a {
    display: inline-block;
    height: 106px;
    width: 106px;
    border-radius: 100%;
    line-height: 106px;
    text-align: center;
    background-color: #FFE9EA;
    -webkit-animation: radial_pulse1 2.5s infinite;
    animation: radial_pulse1 2.5s infinite;
}

@media only screen and (max-width: 400px) {
    .about1__left--thumb2 a {
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
}

.about1__left--thumb3 {
    position: absolute;
    left: 0px;
    top: 495px;
    width: 184px;
    height: 184px;
    line-height: 184px;
    border-radius: 100%;
    border: 1px dashed #ffb2b6;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}

@media only screen and (max-width: 1199px) {
    .about1__left--thumb3 {
        top: 400px;
    }
}

@media only screen and (max-width: 400px) {
    .about1__left--thumb3 {
        top: 250px;
        width: 140px;
        height: 140px;
        line-height: 140px;
    }
}

.about1__wrapper {
    padding-left: 70px;
    padding-top: 30px;
}

@media only screen and (max-width: 1199px) {
    .about1__wrapper {
        padding-top: 0px;
        padding-left: 40px;
    }
}

@media only screen and (max-width: 991px) {
    .about1__wrapper {
        margin-top: 635px;
    }
}

@media only screen and (max-width: 767px) {
    .about1__wrapper {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .about1__wrapper {
        margin-top: 420px;
    }
}

.about1__content {
    padding-right: 55px;
}

@media only screen and (max-width: 1199px) {
    .about1__content {
        padding-right: 0px;
    }
}

.about1__item {
    position: relative;
}

.about1__item--thumb {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    text-align: center;
    line-height: 80px;
}

    .about1__item--thumb.about1__item--bg1 {
        background-color: #C9FFF3;
    }

    .about1__item--thumb.about1__item--bg2 {
        background-color: #FFEDF0;
    }

.about1__item p {
    padding-left: 105px;
    font-size: 14px;
    line-height: 24px;
    padding-top: 13px;
}

@media only screen and (max-width: 575px) {
    .about1__item p {
        padding-top: 0px;
    }
}

.about2 {
    background: #223645;
}

    .about2 .title2 h2 {
        color: #fff;
    }

    .about2 .title2 p {
        color: #fff;
    }

.about2__item:hover .about2__item--thumb:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.about2__item:hover .about2__item--thumb a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    top: 50%;
}

.about2__item:hover .about2__item--content p {
    color: #fff;
}

.about2__item--thumb {
    position: relative;
}

    .about2__item--thumb:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(225, 36, 84, 0.8);
        z-index: 100;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
        -webkit-transition: 0.6s ease-in-out;
        -o-transition: 0.6s ease-in-out;
        transition: 0.6s ease-in-out;
    }

    .about2__item--thumb a {
        position: absolute;
        left: 50%;
        top: 65%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 200;
        font-size: 30px;
        color: #fff;
        width: 100px;
        height: 100px;
        border: 1px dashed #fff;
        text-align: center;
        line-height: 100px;
        border-radius: 100%;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: hidden;
        -webkit-transition: 0.6s ease-in-out;
        -o-transition: 0.6s ease-in-out;
        transition: 0.6s ease-in-out;
    }

.about2__item--content {
    margin-top: 21px;
}

    .about2__item--content h4 {
        color: #fff;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 17px;
    }

    .about2__item--content p {
        font-size: 14px;
        line-height: 24px;
        padding: 0px 20px;
        color: #7a8a9e;
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }

.about2__bottom p {
    color: #7a8a9e;
}

    .about2__bottom p a {
        color: #b15733;
    }

.about2.other_page {
    background: #fff;
}

    .about2.other_page .about2__item--content h4 {
        color: #223645;
    }

    .about2.other_page .about2__item {
        -webkit-box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.53);
        box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.53);
    }

    .about2.other_page .about2__item--content {
        padding-bottom: 10px;
    }

.about3 {
    position: relative;
}

    .about3:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        z-index: -1000;
        background: url(../img/png-img/png-img-22.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-position: top;
    }

.about3__left-area {
    position: relative;
}

.about3__thumb {
    position: relative;
}

    .about3__thumb:before {
        position: absolute;
        content: '';
        right: 47px;
        top: -20px;
        width: 145px;
        height: 130px;
        background: url(../img/png-img/png-img-23.png);
        z-index: -1;
    }

@media only screen and (max-width: 1199px) {
    .about3__thumb:before {
        display: none;
    }
}

.about3__thumb:after {
    position: absolute;
    content: '';
    bottom: -20px;
    left: -30px;
    width: 145px;
    height: 130px;
    background: url(../img/png-img/png-img-23.png);
    z-index: -1;
}

@media only screen and (max-width: 1199px) {
    .about3__thumb:after {
        display: none;
    }
}

.about3__thumb img {
    width: 500px;
}

@media only screen and (max-width: 1199px) {
    .about3__thumb img {
        width: 100%;
    }
}

.about3__video {
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100;
}

@media only screen and (max-width: 1199px) {
    .about3__video {
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
        transform: translate(50%, -50%);
    }
}

.about3__video--thumb-wrapper {
    background: #E8587D;
    width: 88px;
    height: 88px;
    border-radius: 100%;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(244, 59, 75, 0.78);
    box-shadow: 0px 0px 21px 0px rgba(244, 59, 75, 0.78);
    padding: 12px;
}

.about3__video--thumb {
    background: #b15733;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    text-align: center;
    line-height: 64px;
}

.about3__right-area {
    position: relative;
    left: 10px;
}

@media only screen and (max-width: 1199px) {
    .about3__right-area {
        left: 0px;
        margin-top: 60px;
    }
}

.about3__right-area .title1 h2 {
    font-size: 38px;
}

.about3__content h4 {
    font-size: 24px;
    line-height: 30px;
    color: #7a8a9e;
    letter-spacing: 0.25px;
    margin-top: 30px;
}

    .about3__content h4 span {
        color: #b15733;
    }

@media only screen and (max-width: 400px) {
    .about3__content h4 {
        font-size: 20px;
    }
}

.about3__content img {
    margin-top: 15px;
}

.about4 {
    background: url(../img/png-img/png-img-32.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.about4__content {
    padding-right: 50px;
}

@media only screen and (max-width: 1199px) {
    .about4__content {
        padding-right: 0px;
    }
}

.about4__content h6 {
    font-size: 18px;
    color: #b15733;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 20px;
}

.about4__content h3 {
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
    margin-bottom: 38px;
}

@media only screen and (max-width: 767px) {
    .about4__content h3 {
        font-size: 28px;
        line-height: 38px;
    }
}

@media only screen and (max-width: 400px) {
    .about4__content h3 {
        font-size: 24px;
        line-height: 34px;
    }
}

.about4__content h3 span {
    color: #b15733;
}

.about5 {
    background: #F8FDFC;
}

    .about5.other_page {
        background: #F8FDFC;
    }

        .about5.other_page .appointment4__item {
            -webkit-box-shadow: none;
            box-shadow: none;
            background: #FFC9CC;
        }

        .about5.other_page .appointment4__thumb-wrapper {
            background: #fff;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .about5.other_page .about5__content ul {
            margin-top: 50px;
        }

        .about5.other_page .owl-item img {
            display: inline-block;
            width: auto;
        }

        .about5.other_page .owl-carousel .owl-nav button.owl-prev,
        .about5.other_page .owl-carousel .owl-nav button.owl-next {
            height: 60px;
            width: 60px;
            background: #fff;
            color: #223645;
            text-align: center;
            position: absolute;
            top: 50%;
            left: -90px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            font-size: 20px;
            border-radius: 50%;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s;
            border: 1px solid #f1f1f1;
        }

            .about5.other_page .owl-carousel .owl-nav button.owl-prev:hover,
            .about5.other_page .owl-carousel .owl-nav button.owl-next:hover {
                background: #b15733;
                color: #fff;
                border-color: #b15733;
            }

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

    .about5.other_page .owl-carousel .owl-nav button.owl-prev,
    .about5.other_page .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.about5.other_page .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -90px;
}

@media only screen and (max-width: 400px) {
    .about5 {
        background: #fff;
    }
}

.about5__title h5 {
    font-size: 18px;
    line-height: 28px;
    color: #b15733;
    font-weight: 600;
    margin-bottom: 22px;
}

.about5__title h3 {
    font-size: 36px;
    font-weight: bold;
    line-height: 48px;
}

    .about5__title h3 span {
        color: #b15733;
    }

@media only screen and (max-width: 575px) {
    .about5__title h3 {
        font-size: 26px;
        line-height: 36px;
    }
}

.about5__content {
    margin-top: 38px;
}

    .about5__content > p {
        padding-right: 50px;
        line-height: 30px;
    }

@media only screen and (max-width: 1199px) {
    .about5__content > p {
        padding-right: 0px;
    }
}

.about5__content ul {
    margin-top: 34px;
}

    .about5__content ul li {
        display: inline-block;
    }

        .about5__content ul li a {
            display: inline-block;
            font-size: 24px;
            line-height: 34px;
            font-weight: 600;
            color: #223645;
        }

            .about5__content ul li a span {
                color: #b15733;
                margin: 0px 13px;
            }

@media only screen and (max-width: 575px) {
    .about5__content ul li a span {
        margin: 0px 5px;
    }
}

.about5__content ul li a:hover {
    color: #b15733;
}

@media only screen and (max-width: 991px) {
    .about5__content ul li a {
        font-size: 20px;
        line-height: 30px;
    }
}

/*==================================================
===| 18. Sidebar and Page title
===================================================*/
.page_title__img-01 {
    background: url(../img/header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-02 {
    background: url(../img/header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-03 {
    background: url(../img/header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-04 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-05 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-06 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-07 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-08 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-09 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-10 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__img-11 {
    background: url(../img/bann3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page_title__padding {
    padding: 29px 0px;
}

@media only screen and (max-width: 767px) {
    .page_title__padding {
        padding: 120px 0px;
    }
}

@media only screen and (max-width: 400px) {
    .page_title__padding {
        padding: 100px 0px;
    }
}

.page_title__content h1 {
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    color: #223645;
    margin-bottom: 17px;
}

.page_title__bread-crumb ul li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
}

    .page_title__bread-crumb ul li:before {
        position: absolute;
        content: '';
        width: 10px;
        height: 2px;
        background: #292929;
        right: -18px;
        top: 14px;
    }

    .page_title__bread-crumb ul li a {
        font-size: 20px;
        font-weight: 600;
        color: #223645;
        color: #292929;
    }

    .page_title__bread-crumb ul li:last-child {
        margin-right: 0px;
    }

        .page_title__bread-crumb ul li:last-child:before {
            display: none;
        }

        .page_title__bread-crumb ul li:last-child a {
            color: #b15733;
        }

.sidebar1__info--content {
    background: #b15733;
    padding: 28px 20px 30px;
}

    .sidebar1__info--content h3 {
        margin-bottom: 0px;
    }

        .sidebar1__info--content h3 a {
            color: #fff;
            display: inline-block;
            font-size: 24px;
            line-height: 34px;
            font-weight: bold;
        }

@media only screen and (max-width: 400px) {
    .sidebar1__info--content h3 a {
        font-size: 20px;
        line-height: 30px;
    }
}

.sidebar1__info--content p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: 600;
}

@media only screen and (max-width: 400px) {
    .sidebar1__info--content p {
        font-size: 16px;
        line-height: 26px;
    }
}

.sidebar1__social {
    -webkit-box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
    box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
    padding: 24px 0px;
}

    .sidebar1__social ul li {
        display: inline-block;
    }

        .sidebar1__social ul li a {
            display: inline-block;
            font-size: 21px;
            line-height: 1;
            margin: 0px 12px;
        }

            .sidebar1__social ul li a.social-01 {
                color: #3b5998;
            }

            .sidebar1__social ul li a.social-02 {
                color: #1da1f2;
            }

            .sidebar1__social ul li a.social-03 {
                color: #0e76a8;
            }

            .sidebar1__social ul li a.social-04 {
                color: #c8232c;
            }

.sidebar1__qualification {
    -webkit-box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
    box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
    background: #fff;
}

.sidebar1__qualification--title {
    background: #F2F2F2;
    padding: 22px 30px 18px;
}

    .sidebar1__qualification--title h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
    }

.sidebar1__qualification--content {
    background: #fff;
    padding: 22px 30px;
}

    .sidebar1__qualification--content p {
        font-size: 18px;
        line-height: 30px;
        font-weight: 600;
        color: #565656;
    }

.sidebar1__category {
    background: #fff;
}

.sidebar1__category--bg-01 {
    background: #F2F2F2;
}

.sidebar1__category--bg-02 {
    background: #FFF4F5;
}

.sidebar1__category--item {
    padding: 22px 10px 15px;
}

    .sidebar1__category--item h6 a {
        display: inline-block;
        color: #292929;
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
    }

        .sidebar1__category--item h6 a:hover {
            color: #b15733;
        }

    .sidebar1__category--item:hover .sidebar1__category--thumb {
        background: #b15733;
        border-color: #b15733;
    }

        .sidebar1__category--item:hover .sidebar1__category--thumb i:before {
            color: #fff;
        }

.sidebar1__category--title {
    background: #b15733;
    padding: 22px 30px 18px;
}

    .sidebar1__category--title h3 {
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
        color: #fff;
    }

.sidebar1__category--content ul {
    position: relative;
}

    .sidebar1__category--content ul:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 10px;
        background: #b15733;
        left: 0px;
        bottom: -362px;
        z-index: -5;
    }

    .sidebar1__category--content ul li {
        width: 50%;
        float: left;
    }

.sidebar1__category--thumb-box {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #fff;
    display: inline-block;
    margin: 0px auto 15px;
    padding: 21px;
}

.sidebar1__category--thumb {
    width: 58px;
    height: 58px;
    line-height: 74px;
    border: 1px solid #bababa;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .sidebar1__category--thumb i:before {
        font-size: 30px;
    }

.sidebar2__recent-post {
    border-bottom: 3px solid #b15733;
    background: #F1F1F1;
}

.sidebar2__title {
    background: #b15733;
    padding: 22px 20px 13px 27px;
}

    .sidebar2__title h3 {
        color: #fff;
        font-size: 24px;
        line-height: 30px;
        font-weight: 600;
    }

@media only screen and (max-width: 575px) {
    .sidebar2__title h3 {
        font-size: 20px;
    }
}

.sidebar2__post_item {
    min-height: 10px;
    margin-top: 14px;
    margin-left: 20px;
    margin-right: 12px;
    position: relative;
}

.sidebar2__post_item--thumb {
    width: 80px;
    height: auto;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 3px;
    overflow: hidden;
}

@media only screen and (max-width: 400px) {
    .sidebar2__post_item--thumb {
        width: 60px;
    }
}

.sidebar2__post_item--content {
    padding-left: 7px;
    padding-right: 9px;
}

@media only screen and (max-width: 1199px) {
    .sidebar2__post_item--content {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .sidebar2__post_item--content {
        padding-left: 80px;
    }
}

.sidebar2__post_item--content h4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 4px;
    margin-top: 3px;
}

.sidebar2__post_item--content p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #223645;
}

.sidebar2__search {
    -webkit-box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
    box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
    padding: 25px 30px;
    position: relative;
}

    .sidebar2__search input {
        border: none;
        width: 100%;
        font-size: 18px;
        color: #888;
        padding-right: 50px;
    }

        .sidebar2__search input::-webkit-input-placeholder {
            color: red;
            font-size: 24px;
            color: #949494;
            line-height: 30px;
            font-weight: 600;
        }

        .sidebar2__search input:-ms-input-placeholder {
            color: red;
            font-size: 24px;
            color: #949494;
            line-height: 30px;
            font-weight: 600;
        }

        .sidebar2__search input::-ms-input-placeholder {
            color: red;
            font-size: 24px;
            color: #949494;
            line-height: 30px;
            font-weight: 600;
        }

        .sidebar2__search input::-webkit-input-placeholder {
            color: red;
            font-size: 24px;
            color: #949494;
            line-height: 30px;
            font-weight: 600;
        }

        .sidebar2__search input::-moz-placeholder {
            color: red;
            font-size: 24px;
            color: #949494;
            line-height: 30px;
            font-weight: 600;
        }

        .sidebar2__search input:-ms-input-placeholder {
            color: red;
            font-size: 24px;
            color: #949494;
            line-height: 30px;
            font-weight: 600;
        }

        .sidebar2__search input::placeholder {
            color: red;
            font-size: 24px;
            color: #949494;
            line-height: 30px;
            font-weight: 600;
        }

@media only screen and (max-width: 400px) {
    .sidebar2__search input::-webkit-input-placeholder {
        font-size: 20px;
    }

    .sidebar2__search input:-ms-input-placeholder {
        font-size: 20px;
    }

    .sidebar2__search input::-ms-input-placeholder {
        font-size: 20px;
    }

    .sidebar2__search input::-webkit-input-placeholder {
        font-size: 20px;
    }

    .sidebar2__search input::-moz-placeholder {
        font-size: 20px;
    }

    .sidebar2__search input:-ms-input-placeholder {
        font-size: 20px;
    }

    .sidebar2__search input::placeholder {
        font-size: 20px;
    }
}

.sidebar2__search button {
    border: none;
    background: none;
    position: absolute;
    right: 30px;
    top: 22px;
}

    .sidebar2__search button i {
        color: #949494;
        font-size: 24px;
        line-height: 30px;
    }

@media only screen and (max-width: 400px) {
    .sidebar2__search button i {
        font-size: 20px;
    }
}

.sidebar2__tags {
    border-bottom: 3px solid #b15733;
    background: #F1F1F1;
}

.sidebar2__tags--content {
    padding: 30px 30px 20px;
}

    .sidebar2__tags--content a {
        display: inline-block;
        background: #fff;
        color: #223645;
        padding: 7px 12px;
        font-weight: 600;
        font-size: 16px;
        margin-right: 5px;
        margin-bottom: 10px;
        border-radius: 3px;
    }

        .sidebar2__tags--content a:hover {
            background: #b15733;
            color: #fff;
        }

.sidebar2__questions {
    border-bottom: 3px solid #b15733;
    background: #F1F1F1;
}

.sidebar2__questions--thumb {
    position: relative;
}

.sidebar2__questions--btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

    .sidebar2__questions--btn a {
        display: inline-block;
        background: rgba(255, 255, 255, 0.7);
        border-radius: 3px;
        padding: 14px 35px;
        color: #b15733;
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        width: 162px;
    }

/*==================================================
===| 19. Other Sections (Author CSS End)
===================================================*/
.appointment1 {
    position: relative;
    z-index: 500;
    margin-top: -68px;
}

@media only screen and (max-width: 1199px) {
    .appointment1 {
        display: none;
    }
}

.appointment1__wrapper {
    -webkit-box-shadow: 0px 20px 27px 0px rgba(238, 238, 238, 0.47);
    box-shadow: 0px 20px 27px 0px rgba(238, 238, 238, 0.47);
    position: relative;
    background-color: #fff;
}

    .appointment1__wrapper:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 2px;
        background-color: #b15733;
    }

.appointment1__item {
    position: relative;
    padding: 40px 0px 75px 40px;
}

.appointment1__item--thumb {
    position: absolute;
    left: 40px;
    top: 40px;
    height: 60px;
    width: 60px;
    border-radius: 100px;
    text-align: center;
    line-height: 57px;
    border: 1px dashed #bababa;
    background-color: #fff;
    z-index: 300;
}

.appointment1__item--content {
    padding-left: 80px;
}

    .appointment1__item--content h4 {
        font-size: 16px;
        font-weight: 500;
        line-height: 18px;
        color: #292929;
        text-transform: uppercase;
        margin: 5px 0px 0px 0px;
    }

    .appointment1__item--content input {
        border: none;
        color: #bababa;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        margin-top: 12px;
    }

        .appointment1__item--content input::-webkit-input-placeholder {
            color: #999;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
        }

        .appointment1__item--content input:-ms-input-placeholder {
            color: #999;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
        }

        .appointment1__item--content input::-ms-input-placeholder {
            color: #999;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
        }

        .appointment1__item--content input::-webkit-input-placeholder {
            color: #999;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
        }

        .appointment1__item--content input::-moz-placeholder {
            color: #999;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
        }

        .appointment1__item--content input:-ms-input-placeholder {
            color: #999;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
        }

        .appointment1__item--content input::placeholder {
            color: #999;
            font-size: 14px;
            line-height: 18px;
            font-weight: 500;
        }

    .appointment1__item--content .nice-select {
        padding: 0px;
        border: none;
        font-size: 14px;
        color: #999;
        font-weight: 500;
    }

        .appointment1__item--content .nice-select:after {
            border: none;
            content: '\f078';
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            top: 5px;
            right: 0px;
            color: #999;
            font-size: 14px;
        }

.appointment1__item.item-01 .nice-select:after {
    right: -15px;
}

.appointment1__btn {
    position: relative;
    width: 100%;
}

    .appointment1__btn a {
        position: absolute;
        top: 40px;
        right: 40px;
    }

    .appointment1__btn:before {
        width: 100%;
        height: 138px;
        background: #FFD9DB;
        border-radius: 100px 0px 0px 100px;
        position: absolute;
        content: '';
    }

@media only screen and (max-width: 400px) {
    .home1.conference {
        display: none;
    }
}

.home1 .appointment1__wrapper:before {
    height: 1px;
}

.home1 .appointment1__btn:before {
    display: none;
}

.home1 .appointment1__item--thumb {
    border-radius: 0px;
    border: 1px solid #ECECEC;
}

.home1 .appointment1__item.input1 {
    padding: 40px 0px 45px 40px;
}

@media only screen and (max-width: 1199px) {
    .home1 .appointment1__item.input1 {
        padding: 0px 0px 0px 40px;
    }

        .home1 .appointment1__item.input1 .appointment1__item--thumb {
            top: 0px;
        }
}

@media only screen and (max-width: 1199px) {
    .home1 .appointment1__btn {
        min-height: 140px;
        margin-top: 10px;
    }

        .home1 .appointment1__btn a {
            right: auto;
            left: 120px;
        }
}

.home1 .appointment1__btn .appointment1__item--thumb {
    background-color: #FFD9DB;
    border: none;
    left: 0px;
}

@media only screen and (max-width: 1199px) {
    .home1 .appointment1__btn .appointment1__item--thumb {
        left: 40px;
    }
}

.home1 .appointment1__item.item-01 .nice-select:after {
    right: 50px;
}

.appointment2 {
    background: url(../img/background/bg-05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.appointment2__item {
    position: relative;
    background: #E8E8E8;
    width: 100%;
    padding: 26px;
    border-radius: 72px;
}

@media only screen and (max-width: 400px) {
    .appointment2__item {
        padding: 0px;
    }
}

.appointment2__item:hover .appointment2__thumb {
    background: #b15733;
    border-color: #fff;
}

    .appointment2__item:hover .appointment2__thumb i {
        color: #fff;
    }

.appointment2__thumb-wrapper {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: #fff;
    text-align: center;
    line-height: 100px;
    padding-left: 20px;
    padding-top: 20px;
    position: absolute;
    left: 20px;
    top: 20px;
}

@media only screen and (max-width: 400px) {
    .appointment2__thumb-wrapper {
        width: 80px;
        height: 80px;
        top: 4px;
        left: 5px;
        background: #b15733;
        padding-top: 10px;
        padding-left: 10px;
    }
}

.appointment2__thumb {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px dashed #bababa;
    text-align: center;
    line-height: 74px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 400px) {
    .appointment2__thumb {
        border-color: #fff;
    }
}

.appointment2__thumb i {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

@media only screen and (max-width: 400px) {
    .appointment2__thumb i {
        color: #fff;
    }
}

.appointment2__thumb i:before {
    font-size: 30px;
}

.appointment2__content {
    background: #fff;
    padding-left: 95px;
    padding-top: 22px;
    padding-bottom: 22px;
    border-radius: 72px;
}

    .appointment2__content h4 {
        font-size: 16px;
        font-weight: 500;
        color: #292929;
        line-height: 18px;
        text-transform: uppercase;
    }

    .appointment2__content p {
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        color: #797979;
    }

.appointment3 {
    overflow: hidden;
    position: relative;
    height: 758px;
}

@media only screen and (max-width: 1199px) {
    .appointment3 {
        height: auto;
    }
}

.appointment3__thumb {
    position: absolute;
    background: url(../img/background/bg-12.jpg);
    height: 100%;
    width: calc(50% - 73px);
    left: calc(50% + 73px);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 1199px) {
    .appointment3__thumb {
        display: none;
    }
}

.appointment3__thumb2 {
    position: absolute;
    background: url(../img/png-img/png-img-14.png);
    height: 100%;
    width: calc(50% + 73px);
    left: 0px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 1199px) {
    .appointment3__thumb2 {
        width: 100%;
    }
}

.appointment3 .form-control {
    border: none;
    font-size: 16px;
    border-radius: 5px;
}

    .appointment3 .form-control::-webkit-input-placeholder {
        color: #818181;
        text-transform: capitalize;
        font-size: 16px;
    }

    .appointment3 .form-control:-ms-input-placeholder {
        color: #818181;
        text-transform: capitalize;
        font-size: 16px;
    }

    .appointment3 .form-control::-ms-input-placeholder {
        color: #818181;
        text-transform: capitalize;
        font-size: 16px;
    }

    .appointment3 .form-control::-webkit-input-placeholder {
        color: #818181;
        text-transform: capitalize;
        font-size: 16px;
    }

    .appointment3 .form-control::-moz-placeholder {
        color: #818181;
        text-transform: capitalize;
        font-size: 16px;
    }

    .appointment3 .form-control:-ms-input-placeholder {
        color: #818181;
        text-transform: capitalize;
        font-size: 16px;
    }

    .appointment3 .form-control::placeholder {
        color: #818181;
        text-transform: capitalize;
        font-size: 16px;
    }

.appointment4 {
    padding-bottom: 0px;
    position: relative;
}

    .appointment4:after {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: url(../img/png-img/png-img-21.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        z-index: -500;
        content: '';
    }

@media only screen and (max-width: 1199px) {
    .appointment4:after {
        display: none;
    }
}

.appointment4:before {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: #f1f1f1;
    content: '';
    z-index: -1000;
}

.appointment4__item {
    background: #f9f9f9;
    padding: 30px 0px;
    -webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
    box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
}

    .appointment4__item h5 {
        font-size: 16px;
        line-height: 18px;
        font-weight: 600;
        color: #292929;
        margin-top: 20px;
    }

    .appointment4__item:hover h5 a {
        color: #b15733;
    }

    .appointment4__item:hover .appointment4__thumb {
        border-color: #b15733;
        background: #b15733;
    }

        .appointment4__item:hover .appointment4__thumb i {
            color: #fff;
        }

.appointment4__thumb-wrapper {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    text-align: center;
    line-height: 100px;
    -webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
    box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
    padding: 20px;
    margin: 0px auto;
}

.appointment4__thumb {
    width: 60px;
    height: 60px;
    border: 1px solid #bababa;
    border-radius: 100%;
    text-align: center;
    line-height: 72px;
    background: #fff;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

    .appointment4__thumb i {
        color: #b15733;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .appointment4__thumb i:before {
            font-size: 25px;
        }

.appointment4__content {
    margin-top: 20px;
}

    .appointment4__content h3 {
        font-size: 36px;
        line-height: 48px;
        font-weight: bold;
    }

        .appointment4__content h3 span {
            color: #b15733;
        }

@media only screen and (max-width: 991px) {
    .appointment4__content h3 {
        font-size: 26px;
        line-height: 36px;
    }
}

.appointment4__content ul {
    margin-top: 31px;
}

@media only screen and (max-width: 991px) {
    .appointment4__content ul {
        margin-top: 20px;
    }
}

.appointment4__content ul li {
    display: inline-block;
}

    .appointment4__content ul li a {
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #292929;
    }

@media only screen and (max-width: 991px) {
    .appointment4__content ul li a {
        font-size: 18px;
        line-height: 28px;
    }
}

.appointment4__content ul li a:hover {
    color: #b15733;
}

.appointment4__content ul li a span {
    color: #b15733;
    margin: 0px 15px;
}

@media only screen and (max-width: 991px) {
    .appointment4__content ul li a span {
        margin: 0px 10px;
    }
}

.care1 {
    position: relative;
    overflow: hidden;
}

.care1__thumb1 {
    background: url(../img/about/about-04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

@media only screen and (max-width: 991px) {
    .care1__thumb1 {
        display: none;
    }
}

.care1__thumb2 {
    background: url(../img/about/about-05.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
}

@media only screen and (max-width: 991px) {
    .care1__thumb2 {
        width: 100%;
    }
}

.care1__thumb3 {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 1px dashed #ff4555;
    margin: 0px auto;
    background-color: #fff;
    position: relative;
    line-height: 70px;
}

    .care1__thumb3:before {
        position: absolute;
        content: '';
        left: 9px;
        top: 9px;
        width: 50px;
        height: 50px;
        background-color: #b15733;
        z-index: 0;
        border-radius: 100%;
    }

    .care1__thumb3 span {
        position: absolute;
        right: 15px;
        top: 1px;
        height: 5px;
        width: 5px;
        background-color: #ff4555;
        z-index: 50;
        content: '';
        border-radius: 100%;
    }

        .care1__thumb3 span:before {
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #ff4555;
            content: '';
            left: -51px;
            top: 35px;
            border-radius: 100%;
        }

        .care1__thumb3 span:after {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #ff4555;
            content: '';
            left: -38px;
            top: 57px;
            border-radius: 100%;
        }

    .care1__thumb3 img {
        position: relative;
        z-index: 10;
        top: 16px;
    }

.care1__content h4 {
    font-size: 24px;
    line-height: 24px;
    color: #292929;
    font-weight: 400;
    margin-bottom: 32px;
}

@media only screen and (max-width: 991px) {
    .care1__content h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .care1__content h4 {
        font-size: 18px;
    }
}

.care1__content h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 65px;
    color: #223645;
    margin-bottom: 45px;
}

@media only screen and (max-width: 991px) {
    .care1__content h2 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 479px) {
    .care1__content h2 {
        font-size: 32px;
    }
}

.care2 {
    position: relative;
    background: url(../img/png-img/png-img-09.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.care2__thumb1 {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 1px dashed #ff4555;
    margin: 0px auto;
    background-color: #fff;
    position: relative;
    line-height: 70px;
}

    .care2__thumb1:before {
        position: absolute;
        content: '';
        left: 9px;
        top: 9px;
        width: 50px;
        height: 50px;
        background-color: #b15733;
        z-index: 0;
        border-radius: 100%;
    }

    .care2__thumb1 span {
        position: absolute;
        right: 15px;
        top: 1px;
        height: 5px;
        width: 5px;
        background-color: #ff4555;
        z-index: 50;
        content: '';
        border-radius: 100%;
    }

        .care2__thumb1 span:before {
            position: absolute;
            width: 5px;
            height: 5px;
            background-color: #ff4555;
            content: '';
            left: -51px;
            top: 35px;
            border-radius: 100%;
        }

        .care2__thumb1 span:after {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #ff4555;
            content: '';
            left: -38px;
            top: 57px;
            border-radius: 100%;
        }

    .care2__thumb1 img {
        position: relative;
        z-index: 10;
    }

.care2__content h4 {
    font-size: 24px;
    line-height: 24px;
    color: #292929;
    font-weight: 400;
    margin-bottom: 32px;
}

@media only screen and (max-width: 991px) {
    .care2__content h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .care2__content h4 {
        font-size: 18px;
    }
}

.care2__content h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 65px;
    color: #223645;
    margin-bottom: 45px;
}

@media only screen and (max-width: 991px) {
    .care2__content h2 {
        font-size: 45px;
        line-height: 50px;
        margin-bottom: 35px;
    }
}

@media only screen and (max-width: 479px) {
    .care2__content h2 {
        font-size: 32px;
    }
}

.working_process1 {
    position: relative;
}

.working_process1__thumb1 {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    top: 315px;
    z-index: -5;
}

.working_process1__thumb2 {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: -5;
}

.working_process1__item:hover .working_process1__thumb:before {
    background-color: #b15733;
}

.working_process1__thumb {
    padding: 15px;
    border: 1px dashed #e3e3e3;
    border-radius: 100%;
    background-color: #fff;
    position: relative;
}

    .working_process1__thumb:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        background-color: #FFEDF0;
        top: 10px;
        left: 0px;
        border-radius: 100%;
        z-index: -1;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .working_process1__thumb img {
        border: 1px solid #e3e3e3;
        border-radius: 100%;
    }

.working_process1__content {
    padding: 0px 20px;
}

@media only screen and (max-width: 767px) {
    .working_process1__content {
        padding: 0px 0px;
    }
}

.working_process1__content h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    color: #292929;
    margin-bottom: 19px;
}

.working_process1__content p {
    font-size: 14px;
    line-height: 24px;
}

.working_process1__bottom-text {
    background-color: #fff;
    -webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    border: 1px solid #ffedf0;
    padding: 30px 100px;
}

@media only screen and (max-width: 1199px) {
    .working_process1__bottom-text {
        padding: 30px 60px;
    }
}

@media only screen and (max-width: 767px) {
    .working_process1__bottom-text {
        padding: 30px 20px;
    }
}

.working_process1__bottom-text p {
    font-size: 16px;
    line-height: 24px;
}

    .working_process1__bottom-text p a {
        color: #b15733;
    }

        .working_process1__bottom-text p a:hover {
            color: #cf1c4a;
        }

.gallery1 {
    background: url(../img/png-img/png-img-06.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .gallery1 .title2 h4 {
        color: #eaeaea;
    }

    .gallery1 .title2 h2 {
        color: #eaeaea;
    }

    .gallery1 .title2 p {
        color: #eaeaea;
    }

.gallery1__item {
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

    .gallery1__item a {
        position: absolute;
        font-size: 30px;
        color: #fff;
        bottom: 40%;
        left: 50%;
        -webkit-transform: translate(-50%, 50%);
        -ms-transform: translate(-50%, 50%);
        transform: translate(-50%, 50%);
        width: 100px;
        height: 100px;
        border: 1px dashed #fff;
        border-radius: 100%;
        text-align: center;
        line-height: 100px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        visibility: visible;
    }

    .gallery1__item:hover .gallery1__thumb:before {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .gallery1__item:hover a {
        bottom: 50%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        visibility: visible;
    }

.gallery1__thumb {
    position: relative;
}

    .gallery1__thumb:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(225, 36, 84, 0.85);
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

.gallery1__bottom p {
    color: #eaeaea;
    font-weight: 500;
    line-height: 30px;
    margin-top: 40px;
    margin-bottom: 0px;
}

    .gallery1__bottom p a {
        color: #b15733;
    }

.slider-section-dots {
    position: relative;
}

    .slider-section-dots .owl-dots {
        position: absolute;
        bottom: -26px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        margin: 0 auto;
        margin-bottom: 10px;
    }

        .slider-section-dots .owl-dots .owl-dot.active span,
        .slider-section-dots .owl-dots .owl-dot:hover span {
            background: #b15733;
            border: 1px solid #b15733;
        }

        .slider-section-dots .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            border-radius: 100px;
            border: 1px dashed #b15733;
            background: transparent;
            margin: 0px 3px;
        }

.gallery2 {
    background: url(../img/png-img/png-img-26.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.gallery2__content {
    padding-right: 50px;
}

@media only screen and (max-width: 1199px) {
    .gallery2__content {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .gallery2__content {
        margin-top: 40px;
    }
}

.gallery2__content h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: bold;
    margin-bottom: 30px;
}

@media only screen and (max-width: 479px) {
    .gallery2__content h3 {
        font-size: 28px;
        line-height: 38px;
    }
}

.gallery2__content h3 span {
    color: #b15733;
    font-size: 36px;
    font-weight: bold;
    line-height: 46px;
}

@media only screen and (max-width: 479px) {
    .gallery2__content h3 span {
        font-size: 28px;
        line-height: 38px;
    }
}

.gallery2__content > span {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #223645;
    margin-bottom: 7px;
    display: block;
}

.gallery2__thumb {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

    .gallery2__thumb > img {
        width: 100%;
    }

    .gallery2__thumb .about3__video--thumb-wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.counter1__bg-01 {
    background: url(../img/png-img/png-img-07.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.counter1__bg-02 {
    background: url(../img/png-img/png-img-33.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.counter1__item:hover .counter1__thumb {
    border-color: #b15733;
}

    .counter1__item:hover .counter1__thumb i {
        color: #fff;
    }

    .counter1__item:hover .counter1__thumb:before {
        background: #b15733;
    }

.counter1__thumb {
    width: 124px;
    height: 124px;
    border: 1px dashed #3d8080;
    margin: 0 auto;
    border-radius: 100%;
    position: relative;
    padding-top: 20px;
    margin-bottom: 24px;
}

    .counter1__thumb:before {
        position: absolute;
        content: '';
        left: 10px;
        top: 10px;
        width: 103px;
        height: 103px;
        background: #fff;
        z-index: 10;
        border-radius: 100%;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .counter1__thumb i {
        color: #000;
        position: absolute;
        z-index: 20;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .counter1__thumb i:before {
            font-size: 55px;
        }

.counter1__content h3 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
    color: #347247;
    margin-bottom: 14px;
    position: relative;
    display: inline-block;
}

    .counter1__content h3:before {
        position: absolute;
        content: '+';
        color: #347247;
        font-size: 36px;
        top: 0px;
        right: -25px;
    }

.counter1__content p {
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #b15733;;
}

.counter2 {
    background: url(../img/png-img/png-img-15.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.counter2__item {
    padding: 0px 50px 34px;
    position: relative;
}

@media only screen and (max-width: 1199px) {
    .counter2__item {
        padding: 0px 0px 34px;
    }
}

.counter2__item:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0px;
    width: 115px;
    height: 3px;
    background: #b15733;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.counter2__item h3 {
    color: #b15733;
    font-size: 72px;
    line-height: 72px;
    font-weight: 800;
    margin-bottom: 20px;
}

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

.cta1 {
    background: #b15733;
    padding: 33px 50px;
}

    .cta1 p {
        color: #fff;
        font-size: 16px;
        line-height: 26px;
    }

        .cta1 p a {
            color: #292929;
        }

.cta2 {
    background: url(../img/png-img/png-img-18.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cta2__padding {
    padding: 60px 0px;
}

    .cta2__padding p {
        font-size: 24px;
        font-weight: 600;
        line-height: 34px;
        color: #fff;
    }

@media only screen and (max-width: 1199px) {
    .cta2__padding p {
        font-size: 18px;
        line-height: 28px;
    }
}

@media only screen and (max-width: 991px) {
    .cta2__padding p {
        font-size: 16px;
        line-height: 26px;
    }
}

@media only screen and (max-width: 767px) {
    .cta2__padding p {
        line-height: 26px;
    }
}

.cta2__padding p a {
    color: #000;
}

.cta3 {
    background: url(../img/background/bg-16.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.cta3__content h3 {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
    .cta3__content h3 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
}

.cta3__content p {
    font-size: 18px;
    line-height: 28px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
    .cta3__content p {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 30px;
    }
}

.cta3 a {
    background: #DFF3FD;
    color: #b15733;
    padding: 18px 85px 18px 35px;
}

    .cta3 a i {
        background: #b15733;
        height: 50px;
        width: 50px;
        line-height: 50px;
        color: #fff;
    }

    .cta3 a:hover {
        background: #b15733;
        color: #fff;
    }

        .cta3 a:hover i {
            background: #ffd9db;
            color: #b15733;
        }

.cta4 {
    background: url(../img/png-img/png-img-28.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .cta4 .title2 p {
        color: #223645;
        letter-spacing: 1px;
        word-spacing: 2px;
        margin-bottom: 40px;
    }

.pricing1 {
    background: url(../img/png-img/png-img-10.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pricing1__row {
    -webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    border: 1px solid #FFEDF0;
    margin-top: 110px;
    margin-bottom: 50px;
}

@media only screen and (max-width: 991px) {
    .pricing1__row {
        margin-bottom: 0px;
        margin-top: 64px;
    }
}

.pricing1__item {
    position: relative;
    z-index: 10;
}

.pricing1__thumb--style {
    position: absolute;
    z-index: 40;
    width: 124px;
    height: 124px;
    border: 1px dashed #b7b7b7;
    top: -150px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 100%;
    background: #fff;
}

    .pricing1__thumb--style:before {
        position: absolute;
        width: 100px;
        height: 100px;
        content: '';
        border: 1px dashed #b7b7b7;
        top: 11px;
        left: 11px;
        border-radius: 100%;
        background: #fff;
    }

.pricing1__thumb {
    -webkit-box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    line-height: 60px;
    position: relative;
    z-index: 50;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
}

.pricing1__content {
    padding: 0px 50px 50px;
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .pricing1__content {
        padding: 0px 30px 50px;
    }
}

@media only screen and (max-width: 400px) {
    .pricing1__content {
        padding: 0px 20px 50px;
    }
}

.pricing1__content > h4 {
    font-size: 30px;
    line-height: 36px;
    color: #2D3A58;
    font-weight: 500;
}

.pricing1__content > p {
    color: #bababa;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.pricing1__content > h3 {
    border-top: 2px solid #E0E0E0;
    border-left: 2px solid #E0E0E0;
    border-right: 2px solid #E0E0E0;
    margin-top: 20px;
    color: #292929;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    padding-top: 10px;
}

.pricing1__content > ul {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 50px;
}

    .pricing1__content > ul li {
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 8px;
        margin-bottom: 14px;
    }

        .pricing1__content > ul li span {
            font-size: 16px;
        }

.pricing1__middle {
    position: relative;
    z-index: 100;
}

@media only screen and (max-width: 991px) {
    .pricing1__middle {
        margin-top: 210px;
        margin-bottom: 175px;
    }
}

.pricing1__middle:before {
    position: absolute;
    width: 100%;
    height: 755px;
    content: '';
    -webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
    border: 1px solid #FFEDF0;
    background: #fff;
    z-index: 5;
    top: -200px;
}

.pricing1__middle:after {
    position: absolute;
    width: 100%;
    height: 44px;
    content: '';
    background: #FFBED3;
    z-index: 6;
    left: 0px;
    top: -108px;
}

.pricing1__middle .pricing1__thumb {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
}

.pricing1__middle .pricing1__thumb--style:before {
    background: #FFBED3;
    border: none;
}

.pricing2 {
    background: url(../img/png-img/png-img-27.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

    .pricing2.other_page {
        background: #F9F9F9;
    }

.pricing2__item {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 12px;
}

.pricing2__thumb {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

    .pricing2__thumb img {
        width: 100%;
        height: auto;
    }

.pricing2__data1 {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50px;
}

    .pricing2__data1 span {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 600;
        color: #3d8080;
        display: inline-block;
        padding: 6px 20px;
    }

.pricing2__data1--box {
    background: rgba(255, 255, 255, 0.6);
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50px;
    margin-left: 5px;
}

.pricing2__data2 {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(244, 59, 75, 0.7);
    border-radius: 50px;
}

    .pricing2__data2 span {
        font-size: 16px;
        line-height: 1.5;
        font-weight: 500;
        color: #fff;
        display: inline-block;
        padding: 6px 20px;
    }

.pricing2__data2--box {
    background: rgba(244, 59, 75, 0.7);
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 50px;
    margin-left: 5px;
}

.pricing2__content {
    position: relative;
    padding: 12px 0px 8px;
}

    .pricing2__content h4 a {
        font-size: 22px;
        line-height: 32px;
        font-weight: bold;
        color: #223645;
        margin-left: 15px;
        margin-top: 14px;
        display: inline-block;
    }

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .pricing2__content h4 a {
        font-size: 18px;
    }
}

@media only screen and (max-width: 400px) {
    .pricing2__content h4 a {
        font-size: 18px;
        margin-left: 0px;
    }
}

.pricing2__content h4 a:hover {
    color: #b15733;
}

.pricing2__content > a {
    width: 55px;
    height: 55px;
    display: inline-block;
    border-radius: 100%;
    background: #DEDEDE;
    line-height: 57px;
    text-align: center;
    color: #3d8080;
    font-size: 16px;
    position: absolute;
    right: 5px;
    top: 15px;
}

    .pricing2__content > a:hover {
        background: #b15733;
        color: #fff;
    }

.pricing2 .owl-item img {
    display: inline-block;
    width: auto;
}

.pricing2 .owl-carousel .owl-nav button.owl-prev,
.pricing2 .owl-carousel .owl-nav button.owl-next {
    height: 60px;
    width: 60px;
    background: #fff;
    color: #223645;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -90px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 20px;
    border-radius: 50%;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

    .pricing2 .owl-carousel .owl-nav button.owl-prev:hover,
    .pricing2 .owl-carousel .owl-nav button.owl-next:hover {
        background: #b15733;
        color: #fff;
    }

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

    .pricing2 .owl-carousel .owl-nav button.owl-prev,
    .pricing2 .owl-carousel .owl-nav button.owl-next {
        display: none;
    }
}

.pricing2 .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -90px;
}

.client1__thumb {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .client1__thumb:hover {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

.client1.home2 {
    border-bottom: 1px solid #e2e5e7;
}

.client1.home2 {
    background: url(../img/png-img/png-img-20.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.client1.home3 {
    background: #FCFCFC;
}

.contact1 {
    background: url(../img/png-img/png-img-12.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact1__info {
    border: 1px solid #4a495a;
    padding: 75px 50px 68px;
}

@media only screen and (max-width: 479px) {
    .contact1__info {
        padding: 50px 30px;
    }
}

@media only screen and (max-width: 400px) {
    .contact1__info {
        padding: 50px 20px;
    }
}

.contact1__info h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 34px;
}

.contact1__info h4 {
    color: #b15733;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 25px;
}

.contact1__info p {
    color: #768495;
    line-height: 30px;
}

.contact1__thumb-wrapper {
    width: 124px;
    height: 124px;
    margin: 0px auto 30px;
    border: 1px dashed #b7b7b7;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contact1__thumb {
    border: 1px dashed #b7b7b7;
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

    .contact1__thumb img {
        margin-top: 20px;
    }

.contact2 {
    position: relative;
    background: #243338;
    height: 775px;
    overflow: hidden;
}

@media only screen and (max-width: 1399px) {
    .contact2 {
        height: 740px;
    }
}

@media only screen and (max-width: 991px) {
    .contact2 {
        height: auto;
        padding: 80px;
    }
}

@media only screen and (max-width: 640px) {
    .contact2 {
        padding: 80px 20px;
    }
}

.contact2__thumb {
    background: url(../img/background/bg-15.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 65%;
}

@media only screen and (max-width: 1599px) {
    .contact2__thumb {
        width: 60%;
    }
}

@media only screen and (max-width: 1399px) {
    .contact2__thumb {
        display: none;
    }
}

.contact2__thumb a.contact2__logo {
    display: inline-block;
    margin-bottom: 32px;
}

.contact2__thumb--content {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 734px;
    height: 440px;
    background: #fff;
    padding: 75px 60px;
}

@media only screen and (max-width: 991px) {
    .contact2__thumb--content {
        position: relative;
    }
}

.contact2__thumb--content h4 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
}

.contact2__thumb a.btn9 {
    position: absolute;
    bottom: 0px;
    border-radius: 0px;
    left: 0px;
}

.contact2__wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 35%;
}

@media only screen and (max-width: 1599px) {
    .contact2__wrapper {
        width: 40%;
    }
}

@media only screen and (max-width: 1399px) {
    .contact2__wrapper {
        position: static;
        width: 100%;
    }
}

.contact2__content {
    width: 470px;
    border-top: 5px solid #b15733;
    border-left: 5px solid #b15733;
    border-right: 1px solid #4A495A;
    border-bottom: 1px solid #4A495A;
    padding: 75px 60px 70px;
}

@media only screen and (max-width: 1399px) {
    .contact2__content {
        width: 600px;
    }
}

@media only screen and (max-width: 575px) {
    .contact2__content {
        padding: 55px 20px 50px;
    }
}

@media only screen and (max-width: 479px) {
    .contact2__content {
        padding: 50px 20px;
    }
}

.contact2__content h3 {
    font-size: 36px;
    color: #fff;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 35px;
}

@media only screen and (max-width: 479px) {
    .contact2__content h3 {
        font-size: 24px;
        margin-bottom: 25px;
    }
}

.contact2__content h4 {
    font-size: 36px;
    line-height: 1;
    color: #f43b4b;
    font-weight: 600;
    margin-bottom: 23px;
}

@media only screen and (max-width: 479px) {
    .contact2__content h4 {
        font-size: 24px;
    }
}

.contact2__content p {
    color: #7a8a9e;
    font-size: 16px;
    line-height: 30px;
}

.contact2__content--thumb-box {
    width: 124px;
    height: 124px;
    line-height: 124px;
    border: 1px dashed #b7b7b7;
    margin: 0px auto;
    border-radius: 100%;
    margin-bottom: 36px;
}

.contact2__content--thumb {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px dashed #b7b7b7;
    border-radius: 100%;
    line-height: 100px;
    margin: 0px auto;
}

.contact_page2__form {
    background: #296363;
    padding: 65px 80px 0px;
    border-radius: 0px 20px 20px 0px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 1199px) {
    .contact_page2__form {
        padding: 50px 40px 0px;
    }
}

@media only screen and (max-width: 991px) {
    .contact_page2__form {
        padding: 50px 40px 40px;
        border-radius: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .contact_page2__form {
        padding: 50px 20px 40px;
    }
}

.contact_page2__form:before {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    height: 0px;
    width: 0px;
    border-bottom: 120px solid #b15733;
    border-left: 120px solid transparent;
}

.contact_page2__form > h3 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 52px;
}

@media only screen and (max-width: 1199px) {
    .contact_page2__form > h3 {
        margin-bottom: 30px;
    }
}

.contact_page2__form form .form-control {
    background: #243338;
    border: none;
    border-radius: 30px;
    padding: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

    .contact_page2__form form .form-control::-webkit-input-placeholder {
        color: #909090;
        text-transform: capitalize;
        font-size: 16px;
    }

    .contact_page2__form form .form-control:-ms-input-placeholder {
        color: #909090;
        text-transform: capitalize;
        font-size: 16px;
    }

    .contact_page2__form form .form-control::-ms-input-placeholder {
        color: #909090;
        text-transform: capitalize;
        font-size: 16px;
    }

    .contact_page2__form form .form-control::-webkit-input-placeholder {
        color: #909090;
        text-transform: capitalize;
        font-size: 16px;
    }

    .contact_page2__form form .form-control::-moz-placeholder {
        color: #909090;
        text-transform: capitalize;
        font-size: 16px;
    }

    .contact_page2__form form .form-control:-ms-input-placeholder {
        color: #909090;
        text-transform: capitalize;
        font-size: 16px;
    }

    .contact_page2__form form .form-control::placeholder {
        color: #909090;
        text-transform: capitalize;
        font-size: 16px;
    }

.contact_page2__form form .btn8 {
    -webkit-box-shadow: 0px 3px 20px 0px rgba(238, 238, 238, 0.5);
    box-shadow: 0px 3px 20px 0px rgba(238, 238, 238, 0.5);
    background: #f1f1f1;
}

    .contact_page2__form form .btn8:hover {
        background: #b15733;
        color: #fff;
        border-color: #b15733;
        -webkit-box-shadow: 0px 3px 20px 0px rgba(225, 36, 84, 0.5);
        box-shadow: 0px 3px 20px 0px rgba(225, 36, 84, 0.5);
    }

.history1 {
    background: url(../img/png-img/png-img-13.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 1199px) {
    .history1 {
        padding: 60px 0px;
        background: none;
    }
}

.history1__left {
    border-top: 3px solid #b15733;
    background: #fff;
    padding: 25px 30px 12px;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
    box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
    position: relative;
    /*top: -75px;*/
    z-index: 1000;
}

@media only screen and (max-width: 1199px) {
    .history1__left {
        top: 0px;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .history1__left {
        padding: 25px 30px 30px;
    }
}

@media only screen and (max-width: 400px) {
    .history1__left {
        padding: 25px 20px;
    }
}

.history1__left--content {
    height: 100%;
}

    .history1__left--content h3 {
        font-size: 24px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 23px;
    }

@media only screen and (max-width: 400px) {
    .history1__left--content h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .history1__left--content ul {
        margin-bottom: 40px;
    }
}

.history1__left--content ul li {
    border-bottom: 1px solid #ebf5f5;
    padding-bottom: 11px;
    margin-bottom: 16px;
}

@media only screen and (max-width: 400px) {
    .history1__left--content ul li span {
        font-size: 14px;
    }
}

.history1__left--thumb {
    background: url(../img/about/about-06.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 140px;
    position: relative;
}

    .history1__left--thumb a {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 52px;
        color: #b15733;
        border-radius: 100%;
        background: #fff;
        position: absolute;
        -webkit-animation: radial_pulse1 2.5s infinite;
        animation: radial_pulse1 2.5s infinite;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.history1__right {
    border-top: 3px solid #b15733;
    background: #fff;
    padding: 25px 30px 28px;
    -webkit-box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
    box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
    position: relative;
    /*top: -75px;*/
    z-index: 1000;
}

@media only screen and (max-width: 1199px) {
    .history1__right {
        top: 0px;
    }
}

@media only screen and (max-width: 400px) {
    .history1__right {
        padding: 25px 20px;
    }
}

.history1__right h3 {
    font-size: 24px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

@media only screen and (max-width: 400px) {
    .history1__right h3 {
        font-size: 20px;
    }
}

.history1__right p {
    font-size: 16px;
    line-height: 24px;
    color: #768495;
    margin-bottom: 17px;
}

@media only screen and (max-width: 400px) {
    .history1__right p {
        font-size: 14px;
    }
}

.accordion_style_01 .card {
    border: none;
    margin-bottom: 22px;
    border-radius: 0px;
}

.accordion_style_01 .card-header {
    padding: 0px;
    border: none;
    background-color: #fff;
}

    .accordion_style_01 .card-header h5 {
        margin-bottom: 1px;
    }

    .accordion_style_01 .card-header a {
        display: block;
        padding: 13px 42px 12px 20px;
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        color: #223645;
        border: none;
        background: #fff;
        position: relative;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        cursor: pointer;
    }

        .accordion_style_01 .card-header a span {
            color: #b15733;
            margin-right: 8px;
        }

        .accordion_style_01 .card-header a:hover {
            border-color: #b15733;
        }

        .accordion_style_01 .card-header a i {
            position: absolute;
            right: 20px;
            top: 14px;
            color: #223645;
            -webkit-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .accordion_style_01 .card-header a:hover i {
            color: #b15733;
        }

        .accordion_style_01 .card-header a[aria-expanded="true"] {
            border-color: #b15733;
        }

            .accordion_style_01 .card-header a[aria-expanded="true"] i {
                color: #b15733;
                -webkit-transform: rotate(-180deg);
                -ms-transform: rotate(-180deg);
                transform: rotate(-180deg);
            }

.accordion_style_01 .card-body {
    padding: 0px 50px 20px 20px;
    margin-top: 1px;
}

@media only screen and (max-width: 575px) {
    .accordion_style_01 .card-body {
        padding: 0px 20px 20px 20px;
    }
}

.accordion_style_01 .card-body p {
    margin: 0px;
}

.faq1 {
    position: relative;
    overflow: hidden;
    height: 720px;
}

@media only screen and (max-width: 1199px) {
    .faq1 {
        height: auto;
    }
}

.faq1__thumb1 {
    background: url(../img/background/bg-13.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: calc(48% + 7px);
    position: absolute;
    left: 0px;
    top: 0px;
}

@media only screen and (max-width: 1199px) {
    .faq1__thumb1 {
        display: none;
    }
}

.faq1__thumb2 {
    background: url(../img/png-img/png-img-16.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    width: calc(52% - 7px);
    position: absolute;
    top: 0px;
    right: 0px;
}

@media only screen and (max-width: 1199px) {
    .faq1__thumb2 {
        width: 100%;
    }
}

.faq1__thumb3 {
    background: url(../img/png-img/png-img-17.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    padding: 45px 48px 50px;
}

@media only screen and (max-width: 1199px) {
    .faq1__thumb3 {
        display: none;
    }
}

.faq1__thumb3 h3 {
    color: #fff;
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    margin-bottom: 30px;
}

.faq1__thumb3 a {
    border: 1px solid #fff;
}

.faq1__wrapper h3 {
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    margin-bottom: 42px;
}

.faq2 {
    background: url(../img/png-img/png-img-29.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.faq2__item {
    position: relative;
}

.faq2__thumb {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #b15733;
    text-align: center;
    line-height: 32px;
    position: absolute;
    left: 0px;
    top: 0px;
}

    .faq2__thumb i {
        color: #fff;
    }

.faq2__content {
    padding-left: 40px;
    padding-right: 50px;
}

    .faq2__content h5 {
        font-size: 16px;
        line-height: 30px;
        font-weight: 600;
        margin-bottom: 13px;
    }

    .faq2__content p {
        font-size: 14px;
        line-height: 24px;
        color: #768495;
    }

.why_choose_us1 {
    background: #223645;
}

    .why_choose_us1 .title2 h2 {
        color: #fff;
    }

.why_choose_us1__item {
    border: 1px solid #b15733;
    border-radius: 5px;
    padding: 23px 10px 28px;
}

.why_choose_us1__thumb {
    text-align: center;
    margin-bottom: 6px;
}

    .why_choose_us1__thumb i:before {
        font-size: 60px;
        color: #b15733;
    }

.why_choose_us1__content h4 {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    margin-bottom: 10px;
}

.why_choose_us1__content p {
    font-size: 14px;
    line-height: 24px;
}

.info1__item:hover .info1__icon-box {
    background: #b15733;
}

.info1__thumb {
    border: 10px solid #F1F1F1;
    margin-bottom: 21px;
}

.info1__content {
    position: relative;
    padding-bottom: 8px;
}

    .info1__content:before {
        position: absolute;
        content: '';
        width: 300px;
        height: 1px;
        background: #E5E5E5;
        left: 50%;
        top: 105px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: -5;
    }

@media only screen and (max-width: 991px) {
    .info1__content:before {
        width: 260px;
    }
}

@media only screen and (max-width: 400px) {
    .info1__content:before {
        width: 220px;
    }
}

.info1__content:after {
    position: absolute;
    content: '';
    width: 80px;
    height: 1px;
    background: #E5E5E5;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -5;
}

.info1__content h4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    color: #223645;
    margin-bottom: 22px;
}

.info1__content p {
    font-size: 16px;
    line-height: 24px;
}

.info1__icon-box {
    width: 91px;
    height: 91px;
    border: 1px dashed #d0f6ff;
    border-radius: 100%;
    padding: 12px;
    margin: 0px auto 25px;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.info1__icon {
    width: 65px;
    height: 65px;
    border: 1px solid #F1F1F1;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .info1__icon i:before {
        font-size: 40px;
        color: #b15733;
    }

.contact_page1__title h2 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 600;
    color: #223645;
}

@media only screen and (max-width: 479px) {
    .contact_page1__title h2 {
        font-size: 26px;
        line-height: 36px;
    }
}

.contact_page1__left {
    -webkit-box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.8);
    box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.8);
    background: #fff;
}

.contact_page1__left--heading {
    background: #b15733;
    padding: 26px 30px 20px;
}

@media only screen and (max-width: 319px) {
    .contact_page1__left--heading {
        padding: 26px 25px 20px;
    }
}

.contact_page1__left--heading h4 {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

@media only screen and (max-width: 479px) {
    .contact_page1__left--heading h4 {
        font-size: 20px;
    }
}

.contact_page1__left p {
    padding: 35px 30px;
}

@media only screen and (max-width: 319px) {
    .contact_page1__left p {
        padding: 30px 25px;
    }
}

.contact_page1__form .form-control {
    background: #F1F1F1;
    border: none;
    font-size: 16px;
    line-height: 15px;
    color: #223645;
}

    .contact_page1__form .form-control::-webkit-input-placeholder {
        color: #223645;
        font-size: 16px;
        line-height: 26px;
        text-transform: inherit;
    }

    .contact_page1__form .form-control:-ms-input-placeholder {
        color: #223645;
        font-size: 16px;
        line-height: 26px;
        text-transform: inherit;
    }

    .contact_page1__form .form-control::-ms-input-placeholder {
        color: #223645;
        font-size: 16px;
        line-height: 26px;
        text-transform: inherit;
    }

    .contact_page1__form .form-control::-webkit-input-placeholder {
        color: #223645;
        font-size: 16px;
        line-height: 26px;
        text-transform: inherit;
    }

    .contact_page1__form .form-control::-moz-placeholder {
        color: #223645;
        font-size: 16px;
        line-height: 26px;
        text-transform: inherit;
    }

    .contact_page1__form .form-control:-ms-input-placeholder {
        color: #223645;
        font-size: 16px;
        line-height: 26px;
        text-transform: inherit;
    }

    .contact_page1__form .form-control::placeholder {
        color: #223645;
        font-size: 16px;
        line-height: 26px;
        text-transform: inherit;
    }

.contact_page1__form button.btn9 {
    border-radius: 0px;
}

.pagination ul {
    display: inline-block;
}

    .pagination ul li {
        display: inline-block;
    }

        .pagination ul li a {
            font-size: 16px;
            font-weight: bold;
            color: #768495;
            display: inline-block;
            width: 40px;
            height: 40px;
            border: 1px solid #EBEBEB;
            text-align: center;
            line-height: 40px;
            border-radius: 100px;
            margin: 0px 4px;
        }

@media only screen and (max-width: 479px) {
    .pagination ul li a {
        margin: 0px 4px 8px;
    }
}

.pagination ul li a:hover {
    color: #fff;
    border-color: #b15733;
    background: #b15733;
}

.pagination ul li.active a {
    background: #b15733;
    border-color: #b15733;
    color: #fff;
}

/*==================================================
===| 20. Helper classes
===================================================*/
/*
 * Hide visually and from screen readers
 */
.hidden {
    display: none !important;
}

/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
*    causes content to wrap 1 word per line:
*    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
    /* 1 */
}

    /*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit;
    }

/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
    visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
*    `contenteditable` attribute is included anywhere else in the document.
*    Otherwise it causes space to appear at the top and bottom of elements
*    that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
*    `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {

    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " ("attr(href) ")";
        }

    abbr[title]:after {
        content: " ("attr(title) ")";
    }

    /*
 * Don't show links that are fragment identifiers,
 * or use the `javascript:` pseudo protocol
 */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
 * Printing Tables:
 * http://css-discuss.incutio.com/wiki/Printing_Tables
 */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*==================================================
===| Style CSS End
===================================================*/