@charset "utf-8";
/* CSS Document */

/******************************
Designer :Yatendra pratap singh
******************************/

/***********
1. Fonts
font-family: 'Montserrat', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Hind', sans-serif;
***********/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Poppins:wght@200;300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swa&family=Mukta:wght@500&display=swap');
/*********************************
2. Body and some general stuff
*********************************/

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    transition:linear 0.8s;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    background: #FFFFFF;
    color: #a5a5a5;
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bg-orange {
    background: #f86e1a !important;
}

ul {
    list-style: none;
    margin-bottom: 0px;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    line-height: 1.85;
    font-weight: 500;
    color: #333;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

    p a {
        display: inline;
        position: relative;
        color: inherit;
        border-bottom: solid 1px #ffa07f;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    p:last-of-type {
        margin-bottom: 0;
    }

a, a:hover, a:visited, a:active, a:link {
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

p a:active {
    position: relative;
    color: #FF6347;
}

p a:hover {
    color: #FFFFFF;
    background: #ffa07f;
}

    p a:hover::after {
        opacity: 0.2;
    }

::selection {
    background: #f86e1a;
    color: #fff;
}

p::selection {
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
    color: #384158;
    margin-bottom: 0;
}

    h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection {
    }

.form-control {
    border-radius: 0;
    border-color: #ddd;
    font-weight: 700;
    color: #111;
}

section {
    display: block;
    position: relative;
    box-sizing: border-box;
}

.clear {
    clear: both;
}

.clearfix::before, .clearfix::after {
    content: "";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.fill_height {
    height: 100%;
}

.super_container {
    width: 100%;
    overflow: hidden;
}

.prlx_parent {
    overflow: hidden;
}

.prlx {
    height: 130% !important;
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.nopadding {
    padding: 0px !important;
}

/*********************************
3. Header
*********************************/

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .header.scrolled {
        top: -31px;
        border-bottom: 1px solid #ececec;
    }

.dropdown-divider {
    margin: 0;
}

/*********************************
3.1 Top Bar
*********************************/

.page-change-sec a {
    color: #333;
    border: 1px solid #b4b4b4;
    width: 20px;
    display: block;
    height: 20px;
    line-height: 18px;
    text-align: center;
    font-size: 10px;
}


.top_bar {
    width: 100%;
    background: #e5e8ef;
}


.flag {
    background-image: url(../../images/flag.png);
    background-repeat: no-repeat;
    background-position: 4% top;
}

.header.scrolled .top_bar {
}

.main_nav_contaner p {
    font-size: 12px;
}

.top_bar_container {
    width: 100%;
    height: 100%;
}

.top_bar_content {
    width: 100%;
    height: 30px;
}

.top_bar_contact_list li {
    display: inline-block;
}

.question {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 0px;
}

.top_bar_contact_list li i, .top_bar_contact_list li > div, .top_bar_contact_list li > div a {
    display: inline-block;
    font-size: 16px;
    color: #000;
}

.top_bar_contact_list li > div {
    margin-left: 1px;
}

.top_bar_contact_list li:not(:last-child) {
    padding: 0px 5px;
    line-height: 10px;
}

.top_social ul.top_bar_contact_list li {
    border: none !important;
}

.top_bar_login {
    height: 100%;
}

.login_button {
    width: 160px;
    height: 100%;
    background: #f3f3f3;
    text-align: center;
}

    .login_button a {
        display: block;
        font-size: 14px;
        font-weight: 500;
        line-height: 40px;
        color: #384158;
    }

.accordian-boxed {
    position: relative;
    display: block;
}

.accordion-box.style-two {
    position: relative;
    display: block;
}

#navbarDropdown1:hover .dropdown-menu {
    display: block;
    margin: 0;
}

.accordion-box.style-two .block {
    margin-bottom: 20px;
    padding: 0px 0px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

    .accordion-box.style-two .block .acc-btn {
        position: relative;
        display: block;
        padding-left: 80px;
        color: #222222;
        font-size: 15px;
        line-height: 46px;
        font-weight: 700;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 500ms ease;
        font-family: 'Nunito Sans', sans-serif;
    }

        .accordion-box.style-two .block .acc-btn.active {
            color: #e6740e;
        }

    .accordion-box.style-two .block .count-box {
        position: absolute;
        left: -1px;
        top: -1px;
        bottom: -1px;
        width: 70px;
        color: #ffffff;
        font-size: 18px;
        font-weight: 700;
        text-align: center;
        background: #e6740e;
    }

    .accordion-box.style-two .block .acc-content {
        position: relative;
        display: none;
    }

        .accordion-box.style-two .block .acc-content.current {
            display: block;
        }

    .accordion-box.style-two .block .content {
        position: relative;
        padding: 0px 30px 21px 80px;
        border-top: 1px solid rgba(255, 255, 255, 0.10);
    }

        .accordion-box.style-two .block .content:before {
            position: absolute;
            top: -1px;
            left: -1px;
            bottom: -1px;
            width: 70px;
            background: #e6740e;
            content: "";
        }

    .accordion-box.style-two .block .acc-content .content-text {
        position: relative;
        display: block;
    }

.mine-btn {
    margin-top: 40px;
}

    .mine-btn.btn-group > .btn {
        position: relative;
        -ms-flex: 0 1 auto;
        flex: 1 1 auto !important;
        padding: 10px;
        border: transparent;
    }

    .mine-btn .btn-danger {
        background: #f37934;
    }

    .mine-btn .btn-secondary {
        background: #717991;
    }

/*********************************
3.2 Header Content
*********************************/

.header_container {
    width: 100%;
    background: #FFFFFF;
}

.header_content {
    height: 90px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.header.scrolled .header_content {
    height: 90px;
}

/*********************************
3.3 Logo
*********************************/

.logo, .logo_text {
    display: inline-block;
}

.logo {
    max-width: 100%;
    /* height: 60px; */
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    margin-top: 5px;
}

    .logo img {
        max-width: 100%;
    }

/* .logo_container img {
    width: 300px;
} */

.logo_text {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #384158;
    vertical-align: middle;
    margin-left: 7px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .logo_text span {
        color: #14bdee;
    }

.header.scrolled .logo {
    width: 70%;
    /* height: 40px; */
}

.header.scrolled .logo_text {
    font-size: 24px;
}

/*********************************
3.4 Main Nav
*********************************/

.main_nav_contaner {
}

.main_nav, .search_button, .shopping_cart {
    display: inline-block;
}

    .main_nav li {
        display: inline-block;
        position: relative;
    }

        .main_nav li:not(:last-child) {
            margin-right: 0px;
        }

        .main_nav li a {
            font-size: 14px;
            font-weight: 500;
            color: #384158;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

        .main_nav li .dropdown-menu a {
            padding: 5px;
        }

.header_content a.dropdown-item.disabled {
    opacity: 0.3;
}

.disabled-card {
    filter: grayscale(1);
    opacity: 0.8;
}

.main_nav li .dropdown-menu a:hover {
    background: #ffd687;
}

a.tooltips {
    margin-top: 12px;
    display: inline-block;
}

.main_nav a#dropdownMenuLink {
    background: #76869a;
    font-weight: 300;
}

.tooltip-sec a.tooltips {
    font-size: 28px;
    font-weight: bold;
    color: #e7551c;
}

ul.top_bar_contact_list-inner li a {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    line-height: 24px;
}

.helpdecsk-main a.helpdesk-no {
    color: #db5800;
    font-size: 25px;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    letter-spacing: -1px;
    vertical-align: middle;
}

.menu_mm .tooltips span {
    width: 90px;
    height: 24px;
    line-height: 25px;
}

.menu_mm .tooltips span {
    bottom: 45px;
    left: 8px;
}

.top-bar-inner {
    background: #f58634;
    padding: 20px;
}

ul.top_bar_contact_list-inner li {
    margin: 5px 0;
}

.scrolled .main_nav a.tooltips {
    font-size: 25px;
    line-height: 36px;
}

.main_nav li a:hover, .main_nav li.active a {
    color: #14bdee;
}

.main_nav li.active::after {
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #14bdee;
    content: '';
}

.tooltips span {
    position: absolute;
    width: 66px;
    color: #FFFFFF;
    background: #465e87;
    height: 18px;
    padding: 0px 4px;
    line-height: 18px;
    text-align: center;
    border-radius: 25px;
    bottom: 33px;
    left: -10%;
    z-index: 999;
    font-size: 9px;
    font-weight: 600;
}

    .tooltips span:after {
        content: '';
        position: absolute;
        top: 92%;
        left: 30%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid #465e87;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }

.search_button {
    margin-left: 18px;
    cursor: pointer;
}

.shopping_cart {
    margin-left: 18px;
    cursor: pointer;
}

    .search_button i, .shopping_cart i {
        font-size: 18px;
        color: #181818;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .search_button:hover i, .shopping_cart:hover i {
        color: #14bdee;
    }

.header_search_form {
    display: block;
    position: relative;
    width: 40%;
}

.header_search_container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: #14bdee;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
}

    .header_search_container.active {
        bottom: -73px;
        opacity: 1;
    }

.header_search_content {
    width: 100%;
    height: 73px;
}

.search_input {
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding-left: 20px;
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    border: none;
    outline: none;
    cursor: pointer;
}

.button-sec {
    margin-top: 15px;
}

    .button-sec a.btn img {
        padding: 4px 8px 0 0;
    }

    .button-sec a.btn {
        border: transparent;
        font-size: 16px;
        font-weight: 600;
        transition: linear 0.2s;
    }

        .button-sec a.btn:hover {
            transform: scale(1.03);
        }

        .button-sec a.btn.btn-success {
            background-color: #abee92;
        }

            .button-sec a.btn.btn-success:hover {
                background-color: #6db744;
            }

        .button-sec a.btn.btn-primary {
            background-color: #aacffc;
        }

            .button-sec a.btn.btn-primary:hover {
                background-color: #04a1c4;
            }

        .button-sec a.btn.btn-warning {
            background-color: #fdd76b;
        }

            .button-sec a.btn.btn-warning:hover {
                background-color: #ecb228;
            }

/*********************************
3.5 Hamburger
*********************************/

.hamburger_container {
}

.hamburger {
    display: none;
    cursor: pointer;
}

    .hamburger i {
        font-size: 20px;
        color: #353535;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

    .hamburger:hover i {
        color: #14bdee;
    }

/*********************************
4. Menu
*********************************/

.menu {
    position: fixed;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100vh;
    background: #FFFFFF;
    z-index: 101;
    padding-right: 30px;
    padding-top: 87px;
    padding-left: 20px;
}

    .menu .logo a {
        color: #000000;
    }

    .menu.active {
        right: 0;
    }

.menu_close_container {
    position: absolute;
    top: 30px;
    right: 60px;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer;
}

.menu_close {
    width: 100%;
    height: 100%;
    transform-style: preserve-3D;
}

    .menu_close div {
        width: 100%;
        height: 2px;
        background: #232323;
        top: 8px;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .menu_close div:last-of-type {
            -webkit-transform: rotate(90deg) translateX(-2px);
            -moz-transform: rotate(90deg) translateX(-2px);
            -ms-transform: rotate(90deg) translateX(-2px);
            -o-transform: rotate(90deg) translateX(-2px);
            transform: rotate(90deg) translateX(-2px);
            transform-origin: center;
        }

    .menu_close:hover div {
        background: #937c6f;
    }

.menu .logo {
    margin-bottom: 60px;
}

.menu_nav ul li {
    margin-bottom: 9px;
}

    .menu_nav ul li a {
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        color: rgba(0, 0, 0, 1);
        font-weight: 700;
        letter-spacing: 0.1em;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .menu_nav ul li a:hover {
            color: #14bdee;
        }

.menu .search {
    width: 100%;
    margin-bottom: 67px;
}

.search {
    display: inline-block;
    width: 400px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.menu .header_search_form {
    width: 100%;
}

.search form {
    position: relative;
}

.menu .search_input {
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    border: none;
    outline: none;
    padding-left: 15px;
    color: rgba(0, 0, 0, 0.5);
}

    .menu .search_input::-webkit-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0, 0, 0, 0.4) !important;
    }

    .menu .search_input:-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0, 0, 0, 0.4) !important;
    }

    .menu .search_input::-moz-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0, 0, 0, 0.4) !important;
    }

    .menu .search_input:-ms-input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0, 0, 0, 0.4) !important;
    }

    .menu .search_input::input-placeholder {
        font-family: 'Roboto', sans-serif;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(0, 0, 0, 0.4) !important;
    }

/*********************************
5. Section
*********************************/

.section_title_container {
    max-width: 600px;
    margin: 0 auto;
}

.section_title {
    line-height: 1.2;
}

.section_subtitle {
    line-height: 1.85;
    margin-top: 14px;
}

.section_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*********************************
6. Home
*********************************/

.home {
    width: 100%;
    height: 360px;
}

.home_slider_container {
    width: 100%;
    height: 100%;
}

.home_slider {
    width: 100%;
    height: 100%;
}


.home_slider_background {
    position: absolute;
    top: 83px;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home_slider_content {
    position: absolute;
    top: 44%;
    left: 0;
    width: 100%;
    height: auto;
}

.home_slider_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}

    .home_slider_title strong {
        color: #ffda10;
    }

.rounded-button .btn-warning {
    background: #d97600;
    color: #fff;
    margin: 0;
    padding: 6px 28px;
}

span.text-orange {
    color: #f58634;
}

.solution-btn {
    border: 1px solid #6c757d;
    border-radius: 38px 38px 38px 38px;
}

.main_nav li .solution-btn:hover {
    border: 1px solid transparent;
    background: #6c757d;
    color: #fff;
}

.rounded-button .btn-dark {
    color: #fff;
    margin: 0 -20px !important;
    padding: 6px 28px;
}

.question {
    font-size: 12px !important;
}

.rounded-button .btn {
    font-size: 13px;
    clip-path: polygon(9% 0, 100% 0%, 90% 100%, 0% 100%);
    font-weight: 600;
}

.home_slider_content .btn-light {
    border-radius: 0px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 500;
}

.home_slider_subtitle {
    font-size: 18px;
    color: #fff;
    margin-top: 9px;
}

.home_slider_form_container {
    width: 832px;
    margin: 0 auto;
    margin-top: 35px;
}

.home_search_form div {
    width: calc(100% - 140px);
    height: 46px;
    background: #FFFFFF;
    border-radius: 3px;
}

.home_search_input {
    width: 33.33333333%;
    border: none;
    outline: none;
    height: 25px;
    padding-left: 20px;
}

.home_slider_content a {
    font-size: 12px;
    padding: 5px 16px;
}

.home_search_input:not(:last-child) {
    border-right: solid 1px #e5e5e5;
}

.home_search_input::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.home_search_input::input-placeholder {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.dropdown_item_select {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-image: url(../../images/down.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 20px;
    padding-left: 20px;
}

.home_search_button {
    width: 120px;
    height: 46px;
    background: #14bdee;
    border: none;
    outline: none;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
}

.home_slider_nav {
    position: absolute;
    top: 55.8%;
    width: 50px;
    /* background: #b6b7bd; */
    border-radius: 50%;
    text-align: center;
    z-index: 10;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.home_slider_prev {
    left: 15px;
}

.home_slider_next {
    right: 15px;
}

.home_slider_nav i {
    line-height: 50px;
    color: #FFFFFF;
    font-size: 35px;
}

.home_slider_nav:hover {
    background: #ffc107;
    color: #000 !important;
}

.home_slider_nav i:hover {
    color: #000;
}

.brand_content .btn-dark {
    font-size: 12px;
}





.bg-section-orange {
    background: #fa8d4b;
}

.brand_content {
    background: #fff;
    /* 	background: #fff url(../../images/patch.png) no-repeat center; */
    padding: 15px;
    /*border-radius: 15px;*/
    box-shadow: 0px 10px 25.5px 4.5px rgba(208, 208, 208, 0.75);
    margin: 35px 0 0px;
    /* 	animation: animatedBackground 10s linear infinite;
	-moz-animation: animatedBackground 10s linear infinite;
	-webkit-animation: animatedBackground 10s linear infinite;
	-ms-animation: animatedBackground 10s linear infinite;
	-o-animation: animatedBackground 10s linear infinite;
   animation-direction: alternate-reverse;
 


    background-origin: content-box;*/
}





/* @keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 200px 0; }
  }
  @-moz-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 200px 0; }
  }
  @-webkit-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 200px 0; }
  }
  @-ms-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 200px 0; }
  }
  @-o-keyframes animatedBackground {
    0% { background-position: 0 0; }
    100% { background-position: 200px 0; }
  } */



.brand_text p {
    font-size: 13px;
    line-height: 20px;
    color: #0f0f0f;
    font-weight: 400;
    padding: 15px 10px 0;
    min-height: 180px;
}

.list-sec li.list-group-item.active p {
    color: #000;
    font-weight: 500;
    line-height: 18px;
}

.hindi-txt p {
    font-family: 'Mukta', sans-serif;
    font-size: 15px;
}

.hindi-txt .btn {
    font-size: 18px;
    width: 134px;
}

.list-sec {
    margin: 24px 0px;
}

    .list-sec li {
        color: #333;
        padding-left: 30px;
        font-weight: 500;
    }


    .list-sec .list-group-item.active {
        background-color: #c0f49a;
        border-color: #c0f49a;
    }

    .list-sec .fa-check {
        position: absolute;
        left: 10px;
        top: 15px;
    }


.brand_content a {
    transition: all 0.2s;
    display: inline-block;
}

    .brand_content a:hover {
        transform: scale(1.1);
    }

.section-80 {
    padding: 80px 0;
}


/*********************************
7. Features
*********************************/

.appartment_img {
    margin-bottom: 20px;
}

.img-block {
    width: 100%;
    background-size: cover !important;
    min-height: 100px;
}

.feature-box .feature-box_content p {
    font-size: 12px;
    color: #333;
    font-weight: 500;
    min-height: 52px;
    /*  border-top: 1px solid #e6e6e6; */
    padding-top: 8px;
    font-family: 'Mukta', sans-serif;
    line-height: 16px;
}


.feature-box .feature-box_content {
    position: relative;
    padding: 0 10px;
    border-top: 0px solid transparent !important;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .feature-box .feature-box_content .list-unstyled {
        margin-top: 15px;
    }

    .feature-box .feature-box_content .love_us .feature-icon {
        -webkit-transition: 0.5s;
        transition: 0.5s;
        border-radius: 3px;
        background-color: #fff;
        box-shadow: 0px 10px 25.5px 4.5px rgba(20, 48, 58, 0.1);
        width: 34px;
        height: 34px;
        display: inline-block;
        text-align: center;
        line-height: 44px;
        position: absolute;
        right: 2px;
        top: -50px;
        padding: 2px;
        color: #abaeb1;
    }

.border-b {
    background: #d25500;
    height: 3px;
    width: 50px;
}

.feature-box_part.icon-sec {
    border: 1px solid #e8ebef;
    margin-bottom: 30px;
}

/* .feature-box_part h4 {
    min-height: 40px;} */
.inner-box {
    margin: 20px 0;
    padding: 26px 5px;
}

    .inner-box.icon-sec:hover {
        background: #fff;
    }

.color-box {
    margin: 40px 0 0;
}

    .color-box h4 {
        font-size: 15px;
        margin-bottom: 8px;
    }

    .color-box h6 {
        font-family: 'Mukta', sans-serif;
        color: #5b688a;
        line-height: 29px;
    }

    .color-box p {
        font-size: 12px;
        line-height: 18px;
    }

    .color-box a.btn {
        font-size: 10px;
        padding: 2px 15px;
        margin-right: 8px;
    }

.btn-outline-dark2 {
    color: #333;
    border-color: #bdbdbd;
}

    .btn-outline-dark2:hover {
        color: #fff;
        background-color: #d97600;
        border-color: #d97600;
    }

.mt-60 {
    margin-top: -60px !important;
}

.mt-30-m {
    margin-top: -30px !important;
}

.icon-sec {
    z-index: 5;
}

.icon-sec {
    transition: ease 0.3s;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
}

.inner-box h4 {
    color: #d65700;
}

.icon-sec:hover {
    -webkit-box-shadow: 0px 10px 25.5px 4.5px rgba(20, 48, 58, 0.1);
    box-shadow: 0px 10px 25.5px 4.5px rgba(20, 48, 58, 0.1);
    transform: scale(1.11);
    z-index: 9;
}



.eq-h {
    min-height: 375px;
}




/* Facts Section
--------------------------------*/

#facts {
    /* 	background: url("../img/facts-bg.jpg") center top no-repeat fixed; */
    background-size: cover;
    padding: 30px 0 0 0;
    position: relative;
}

    #facts::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.88);
        z-index: 9;
    }

    #facts .container {
        position: relative;
        z-index: 10;
    }

    #facts .counters span {
        font-family: "Montserrat", sans-serif;
        font-weight: bold;
        font-size: 48px;
        display: block;
        color: #333;
    }

    #facts .counters p {
        padding: 0;
        margin: 0 0 20px 0;
        font-family: "Montserrat", sans-serif;
        font-size: 14px;
        color: #111;
    }

    #facts .facts-img {
        text-align: center;
        padding-top: 30px;
    }



/*********************************
 Pattner
*********************************/

.pattner-sec img:hover {
    box-shadow: 0px 5px 12px #e8ebef;
}

.pattner-sec img {
    border: 1px solid #e8ebef;
    margin-bottom: 10px;
}



/*********************************
8. Courses
*********************************/

.product {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 100px;
}

.light-bg-sec {
    background: #eef0f4;
    padding: 15px;
}


.bg-l-grey {
   background: #f8f9fa;
}
.courses_row {
    margin-top: 30px;
}

.course {
    width: 100%;
    border-radius: 6px;
    background: #FFFFFF;
    /* 	box-shadow: 0px 1px 10px rgba(29,34,47,0.1); */
}

.product_image {
    width: 100%;
    /* 	border-top-left-radius: 6px;
	border-top-right-radius: 6px; */
    overflow: hidden;
}

    .product_image img {
        max-width: 100%;
    }

.product_col {
    margin-bottom: 20px;
}

.product_body {
    padding-top: 22px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 23px;
}

.product_title a {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #333;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .product_title a:hover {
        color: #14bdee;
    }

    .product_title a span {
        font-size: 12px;
    }

.product_teacher {
    font-size: 15px;
    font-weight: 400;
    color: #384158;
    margin-top: 6px;
}

.product_text {
    margin-top: 13px;
}

.product_footer {
    padding: 0 5px;
    /* 	padding-left: 30px;
	padding-right: 30px; */
}

.product_footer_content {
    width: 100%;
    /* border-top: solid 1px #e5e5e5; */
    padding-top: 9px;
    padding-bottom: 11px;
}

.product_info {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #55555a;
}

    .product_info .btn {
        background: #7c8591;
        border-radius: 0;
        font-size: 14px;
        border-color: transparent;
    }

    .product_info:first-child {
        margin-right: 18px;
    }

    .product_info i {
        color: #ffc80a;
    }

.product_price {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    color: #333;
    cursor: pointer;
}

    .product_price .fa-check-square-o {
        color: #128e0e;
    }

    .product_price .fa {
        font-size: 25px;
        width: 20px;
    }

    .product_price span {
        font-family: 'Montserrat', sans-serif;
        font-size: 14px;
        font-weight: 400;
        text-decoration: line-through;
        color: #b5b8be;
        margin-right: 10px;
    }

.dvider {
    height: 50px;
}

.courses_button {
    width: 210px;
    height: 46px;
    border-radius: 3px;
    background: #14bdee;
    text-align: center;
    margin: 0 auto;
    margin-top: 41px;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

    .courses_button:hover {
        box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.45);
    }

    .courses_button a {
        display: block;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        line-height: 46px;
        color: #FFFFFF;
    }

/*********************************
9. Counter
*********************************/

.counter {
    width: 100%;
    background: #FFFFFF;
    z-index: 2;
}

.counter_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.counter_content {
    padding-top: 119px;
    padding-bottom: 125px;
}

.counter_title {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    font-weight: 600;
    font-size: 27px
}

.counter_text {
    margin-top: 19px;
}

    .counter_text p {
        color: #FFFFFF;
        font-size: 16px;
    }

.milestones {
    margin-top: 39px;
}

.milestone {
    text-align: center;
}

    .milestone:not(:last-child)::after {
        display: block;
        position: absolute;
        top: 0;
        right: -45px;
        width: 1px;
        height: 70px;
        background: rgba(255, 255, 255, 0.2);
        content: '';
        -webkit-transform: rotate(30deg);
        -moz-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
    }

.milestone_counter {
    font-size: 42px;
    font-weight: 700;
    line-height: 0.75;
    color: #14bdee;
}

.milestone_text {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-top: 14px;
}

.counter_form {
    position: absolute;
    top: 0;
    right: 30px;
    width: 380px;
    height: 100%;
    background: #FFFFFF;
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.counter_form_content {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.counter_form_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #384158;
    text-transform: uppercase;
    line-height: 0.75;
    margin-bottom: 41px;
}

.counter_input {
    width: 100%;
    height: 46px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    padding-left: 20px;
    outline: none;
    color: #384158;
    font-size: 14px;
}

    .counter_input:not(:last-child) {
        margin-bottom: 10px;
    }

.counter_text_input {
    height: 90px;
    padding-top: 10px;
}

.counter_options {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    background-image: url(../../images/down.png);
    background-position: center right;
    background-repeat: no-repeat;
}

.counter_input::-webkit-input-placeholder, .counter_text_input::-webkit-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-moz-placeholder, .counter_text_input:-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::-moz-placeholder, .counter_text_input::-moz-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input:-ms-input-placeholder, .counter_text_input:-ms-input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_input::input-placeholder, .counter_text_input::input-placeholder {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #b5b8be !important;
}

.counter_form_button {
    width: 100%;
    height: 46px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: #14bdee;
    cursor: pointer;
    margin-top: 30px;
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .counter_form_button:hover {
        box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.45);
    }

/*********************************
10. Events
*********************************/

.events {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 70px;
    background: #FFFFFF;
}

.events_row {
    margin-top: 47px;
}

.event_left {
    padding-right: 20px;
}

.event_mid {
    padding-left: 10px;
    padding-right: 10px;
}

.event_right {
    padding-left: 20px;
}

.event_image {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

    .event_image img {
        max-width: 100%;
    }

.event_body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.event_date {
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
}

    .event_date > div {
        width: 60px;
        height: 60px;
    }

.event_day {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    color: #14bdee;
    font-weight: 700;
    line-height: 0.75;
}

.event_month {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #14bdee;
    font-weight: 400;
    line-height: 0.75;
    margin-top: 9px;
}

.event:hover .event_date > div {
    background: #14bdee;
}

.event:hover .event_day, .event:hover .event_month {
    color: #FFFFFF;
}

.event_content {
    padding-left: 20px;
}

.event_title a {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .event_title a:hover {
        color: #14bdee;
    }

.event_info_container {
    margin-top: 11px;
}

.event_info {
    display: inline-block;
    color: #b5b8be;
    font-size: 14px;
}

    .event_info:not(:last-child) {
        margin-right: 17px;
    }

    .event_info span {
        margin-left: 4px;
    }

.event_text {
    margin-top: 12px;
}

/*********************************
11. Team
*********************************/

.team {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 60px;
}

.team_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.team_row {
    margin-top: 43px;
}

.team_col {
    margin-bottom: 40px;
}

.team_item {
    width: 100%;
}

.team_image {
    width: 180px;
    height: 160px;
    border-radius: 6px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -86px;
    z-index: 5;
}

    .team_image img {
        max-width: 100%;
    }

.team_body {
    width: 100%;
    padding-top: 108px;
    padding-bottom: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 1px 10px rgba(29, 34, 47, 0.1);
    text-align: center;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.team_item:hover .team_body {
    box-shadow: 0px 5px 40px rgba(29, 34, 47, 0.15);
}

.team_title a {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .team_title a:hover {
        color: #14bdee;
    }

.team_subtitle {
    font-size: 14px;
    font-weight: 400;
    color: #76777a;
    margin-top: 6px;
}

.social_list {
    margin-top: 16px;
}

    .social_list ul li {
        display: inline-block;
    }

        .social_list ul li:not(:last-child) {
            margin-right: 10px;
        }

        .social_list ul li a i {
            font-size: 18px;
            color: #76777a;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

        .social_list ul li:hover a i {
            color: #14bdee;
        }

.team_col .team_item {
    padding-left: 6px;
    padding-right: 6px;
}

.team_col:first-child .team_item {
    padding-left: 0;
    padding-right: 6px;
}

.team_col:nth-child(4n) .team_item {
    padding-left: 6px;
    padding-right: 0;
}

/*********************************
12. News
*********************************/

.news {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 100px;
    background: #FFFFFF;
}

.news_row {
    margin-top: 55px;
}

.news_post_large_container {
    padding-right: 30px;
}

.news_post_large {
    width: 100%;
}

.news_post_image {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

    .news_post_image img {
        max-width: 100%;
    }

.news_post_large_title {
    margin-top: 23px;
}

    .news_post_large_title a {
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
        font-weight: 700;
        color: #384158;
        line-height: 1.4;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .news_post_large_title a:hover {
            color: #14bdee;
        }

.news_post_meta {
    margin-top: 11px;
}

    .news_post_meta ul li {
        display: inline-block;
        position: relative;
    }

        .news_post_meta ul li:not(:last-of-type)::after {
            display: inline-block;
            position: relative;
            content: '|';
            margin-left: 14px;
            margin-right: 11px;
        }

        .news_post_meta ul li a {
            font-size: 14px;
            font-weight: 400;
            color: #b5b8be;
            text-transform: uppercase;
            -webkit-transition: all 200ms ease;
            -moz-transition: all 200ms ease;
            -ms-transition: all 200ms ease;
            -o-transition: all 200ms ease;
            transition: all 200ms ease;
        }

            .news_post_meta ul li a:hover {
                color: #14bdee;
            }

.news_post_text {
    margin-top: 13px;
}

.news_post_link {
    margin-top: 19px;
}

    .news_post_link a {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: #384158;
        text-decoration: underline;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .news_post_link a:hover {
            color: #14bdee;
        }

.news_posts_small {
    margin-top: -6px;
}

.news_post_small:not(:last-child) {
    padding-bottom: 31px;
    border-bottom: solid 1px #e5e5e5;
}

.news_post_small:not(:first-child) {
    padding-top: 29px;
}

.news_post_small_title a {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55;
    color: #384158;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .news_post_small_title a:hover {
        color: #14bdee;
    }

.how-register-sec {
    background: #fff8e8;
    padding: 50px 0 0;
}

.curve-bt {
    background: url(../../images/curve.png) no-repeat bottom;
    background-size: contain;
}

.move-up-img {
    transition: ease 0.3s;
}

    .move-up-img:hover {
        transform: scale(1.2);
    }

/*********************************
13. Newsletter
*********************************/

.newsletter {
    width: 100%;
}

.newsletter_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.helpdecsk-sec {
    background: #3e5e59;
    padding-top: 15px;
    padding-bottom: 15px;
}

    .helpdecsk-sec .num {
        background: #233e37;
        padding: 5px 15px;
        font-weight: 700;
        font-size: 45px;
    }

.newsletter_container {
    width: 100%;
    height: 120px;
}

.newsletter_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
}

.newsletter_subtitle {
    font-size: 36px;
    font-weight: 600;
    color: #FFFFFF;
    margin-top: -5px;
}

.newsletter_form_container {
    /* width: 450px; */
    padding-left: 20px;
}

.newsletter_form {
    display: block;
    position: relative;
    width: 100%;
}

.newsletter_input {
    width: calc(100% - 136px);
    height: 40px;
    background: #fff;
    border: none;
    outline: none;
    padding-left: 20px;
    color: #333;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

    .newsletter_input::-webkit-input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #333 !important;
    }

    .newsletter_input:-moz-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input::-moz-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input:-ms-input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

    .newsletter_input::input-placeholder {
        font-size: 14px !important;
        font-weight: 400 !important;
        color: #FFFFFF !important;
    }

.newsletter_button {
    width: 165px;
    height: 40px;
    background: #3cb878;
    border-radius: 0px;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 15px;
    /* text-transform: uppercase; */
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-left: 5px;
}

/*********************************
14. Footer
*********************************/

.footer {
    display: block;
    position: relative;
    width: 100%;
    background: #e3e6ee;
}

    .footer p {
        color: #333;
        font-size: 11px;
        font-weight: 500;
    }

.footer_background {
    /* position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center; */
}

.footer_content {
    padding-bottom: 53px;
}

.footer_logo_text {
    font-family: 'Montserrat', sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 0.75;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.footer_col {
    border-left: 1px solid #fff;
}

.footer_logo_text span {
    color: #14bdee;
}

.footer_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 25px;
}

.footer_logo_container {
    margin-top: -14px;
}

.footer_about_text {
    margin-top: 31px;
}

    .footer_about_text p {
        color: #333;
    }

.footer_social {
    /* margin-top: 23px; */
    text-align: center;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.footer-top p {
    font-size: 16px;
}

.footer-top {
    border: 1px solid #eeeeee;
    padding: 8px;
    margin-bottom: 18px;
}

.footer_social ul li {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .footer_social ul li:not(:last-child) {
        margin-right: 6px;
    }

    .footer_social ul li a {
        display: block;
        position: relative;
        text-align: center;
    }

        .footer_social ul li a i {
            color: #333333;
            line-height: 45px;
            font-size: 25px;
        }

    .footer_social ul li:hover {
        background: #d4d4d4;
    }

.footer_contact {
    padding-left: 36px;
}

.footer_contact_info {
    margin-top: 13px;
}

    .footer_contact_info ul li {
        font-size: 11px;
        font-weight: 400;
        color: #333;
    }

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

.footer_links {
    /* padding-left: 80px; */
}

/* .footer_links_container ul
{
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
} */

.footer_links_container {
    margin-top: 13px;
}

    .footer_links_container ul li a {
        font-size: 11px;
        color: #333;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
        font-weight: 500;
    }

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

    .footer_links_container ul li a:hover {
        color: #e7551c;
    }

.footer_mobile {
    display: inline-block;
    float: right;
}

.footer_mobile_content {
    padding-top: 35px;
}

.footer_image:not(:last-child) {
    margin-bottom: 10px;
}

.copyright {
    height: 54px;
}

.cr_list li {
    display: inline-block;
}

.copyright div {
    font-size: 12px;
    color: #e0e0e0;
}

.cr_text a {
    color: #333;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .cr_text a:hover {
        color: #14bdee;
    }

.cr_list li:not(:last-child) {
    margin-right: 50px;
}

.cr_list li a {
    font-size: 14px;
    color: #333;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

    .cr_list li a:hover {
        color: #14bdee;
    }

.rounded-btn {
    border-radius: 50rem !important;
}

.footer-bottom {
    background: #0a181c;
}

.page {
    width: 100%;
    height: 200px;
    background: #f1f4f9 url(../../images/Inner_banner.jpg) no-repeat center center;
    border-bottom: solid 1px #e0e0e0;
    margin-top: 80px;
    background-size: cover;
}

.breadcrumbs_container {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(3, 4, 4, 0.4);
    height: 50px;
    padding-top: 12px;
}

.breadcrumbs ul li {
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-weight: 500;
}

.breadcrumbs li:last-child {
    color: #fff;
}

.breadcrumbs ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.breadcrumbs ul li:not(:last-child)::after {
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\f105';
    margin-left: 7px;
    margin-right: 4px;
    color: #fff;
}

a.about-menu:hover span {
    color: #f58634 !important;
}

a.about-menu:hover {
    color: #000 !important;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    text-align: center;
    white-space: nowrap;
    background-color: #dfe2e4;
    border: 1px solid #a3a2a3;
    /* border-radius: .25rem; */
}

.form_title {
    font-size: 14px;
    font-weight: 500;
    color: #232323;
    margin-bottom: 8px;
}

.form-sec .form-group {
    padding: 0 15px 5px;
}

.form-btn {
    background: #32ad6d;
    border-radius: 0;
    border-color: transparent;
    text-transform: uppercase;
    font-size: 17px;
    height: 63px;
    margin-top: -118px;
    line-height: 50px;
}

.shopping_cart span {
    background: #3cb878;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    top: -12px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    width: 20px;
    height: 20px;
    text-align: center;
    left: 8px;
}

.nav-arrow-b .owl-arrow .owl-nav {
    position: absolute;
    top: -70px;
    right: 0;
    font-size: 1.2rem;
    background: transparent;
}

    .nav-arrow-b .owl-arrow .owl-nav .owl-prev, .nav-arrow-b .owl-arrow .owl-nav .owl-next {
        padding: 0.2rem 1rem !important;
        display: inline-block;
        transition: all 0.6s ease-in-out;
        color: #333;
        opacity: .9;
        background: transparent;
    }

    .nav-arrow-b .owl-arrow .owl-nav .owl-next {
        background: #3cb878;
        color: #fff;
    }

b.price {
    background: #cbf98e;
    display: inline-block;
    border: 1px solid #cbe8a3;
    padding: 2px 8px;
    font-size: 19px;
}

.btn-green {
    background: #3cb878;
    text-transform: uppercase;
}

.btn-red {
    background: #f26522;
}

.btn-signup {
    font-size: 12px;
    padding: 5px 16px;
}

.heading-sec {
    background: #e9ecf3;
}

.image-txt {
    padding: 1.78em 0;
}

.lessee-sec .table-bordered td, .lessee-sec .table-bordered th, .order-data .table-bordered td, .order-data .table-bordered th, .dasboard-table .table-bordered td, .dasboard-table .table-bordered th {
    border: 1px solid #9a9a9a;
    vertical-align: middle;
}

p.lessee-heading {
    font-weight: 600;
}

.nav-arrow .owl-nav {
    background: transparent;
    text-align: right;
    top: -72px;
    position: absolute;
    right: 0;
}

p.lessee-data .w-30 {
    width: 32%;
}

.border-none td {
    border: 0;
}

.border-table {
    border: 1px solid #9a9a9a;
    margin-top: 50px;
}

table .border-gray {
    border-color: #9a9a9a;
}

.border-top {
    border-top: 1px solid #9a9a9a;
}

.mab-2 {
    margin-bottom: .6rem !important;
}

/* login css */

.login-wrap {
    padding-top: 0px;
    margin: 0 auto;
    width: 92%;
}

.login-inner-con small {
    font-size: 9px;
    margin-top: 6px;
    display: inline-block;
}

.login-content {
    background: #fff url(../../images/mart/login-bg-s.png);
    background-repeat: no-repeat;
    /* background-position: center left;*/
    background-size: 60% 100%;
    padding: 35px 45px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
}


.login-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.login-form .btn-green {
    background: #64c856;
    border: none;
}

.sign-btn {
    background: #9fdd9f;
    border: none;
}

/* .login-form:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 300px;
	background: #e8e8e8;
	left: -55px;
	top: -25px;
	z-index: 9;
} */

.register-link {
    padding-top: 15px;
    text-align: center;
    font-size: 14px;
}

.login-logo {
    text-align: center;
    margin-bottom: 30px;
}

.login-form .form-control {
    background: rgba(255, 255, 255, 0.25);
    border: none;
    border-bottom: 1px solid #d6d6d6;
    font-size: 14px;
}

.resend {
    position: absolute;
    right: 0;
}

.sign-up-btn {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.login-sec {
    background: url(../../images/mart/login-bg.jpg);
    background-size: cover;
    background-position: bottom;
    height: 100vh;
}

.hide-header .header {
    display: none;
}

div#accordionExample .card-header .btn-link {
    color: #333;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    box-shadow: none;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
}

div#accordionExample {
    padding-right: 15px;
    margin-bottom: 30px;
}

    div#accordionExample .card-header img {
        width: 20px;
        margin-right: 5px;
    }

    div#accordionExample .card-header .btn-link:hover {
        color: #f86e1a;
    }

    div#accordionExample .card {
        background: #eceff5;
    }

    div#accordionExample .card-body {
        color: #333;
        padding: 0 20px;
    }

    div#accordionExample .card {
        border-radius: 0;
        border: none;
    }

.card-header i {
    float: right;
}

#accordionExample .list-group-item, #accordionExample .card-header {
    background: transparent;
    border-bottom: none;
    padding: 5px;
}

#accordionExample ul li.list-group-item {
    margin-left: 30px;
    font-size: 12px;
    font-weight: 600;
}

    #accordionExample ul li.list-group-item a {
        color: #333;
    }

    #accordionExample ul li.list-group-item:hover a {
        color: #f86e1a;
    }

#accordionExample ul {
    border-bottom: 1px solid #a1a1a1;
    padding-bottom: 12px;
}

.rotate {
    -webkit-transform: rotate(180deg);
    /* Chrome, Safari, Opera */
    -moz-transform: rotate(180deg);
    /* Firefox */
    -ms-transform: rotate(180deg);
    /* IE 9 */
    transform: rotate(180deg);
    /* Standard syntax */
}

/*********************************
Dashboard css
*********************************/

.top-pannel {
    text-align: center;
    background: #323542;
    color: #fff;
    font-size: 16px;
    padding: 8px;
    font-weight: 500;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.request-value {
    margin: 25px 0;
}

    .request-value p {
        margin: 10px;
        font-weight: 600;
    }

.policy_content {
    padding: 20px 2%;
    text-align: justify;
}

.three-box .card-text {
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    line-height: 35px;
}

    .three-box .card-text span {
        color: #333;
        position: absolute;
        font-size: 14px;
        top: 5px;
    }

.three-box .feature-d {
    margin-bottom: 15px;
}

.three-box .feature-d {
    border-radius: 0 !important;
}

.order-form select {
    width: 112px !important;
    margin: 1px 5px;
    border: 0;
    border-bottom: 1px solid #aaa;
}

.card.top-head-sec {
    margin-bottom: 30px;
}

.dasboard-table table th, .dasboard-table table td {
    padding: 5px;
}

    .dasboard-table table th p {
        font-size: 12px;
    }

.btn-round {
    border-radius: 17px;
}

.sm-btn .btn-sm {
    font-size: 10px;
    text-transform: unset;
}

/*********************************
 Contact
*********************************/

.contact {
    width: 100%;
    padding-bottom: 100px;
}

.contact_map {
    width: 100%;
}

.map {
    width: 100%;
}

.google_map {
    width: 100%;
    height: 500px;
}

.map_container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#map {
    width: 100%;
    height: calc(100% + 30px);
}

#content {
    width: 180px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #76777a;
    line-height: 1.71;
}

.contact_info_container {
    margin-top: 30px;
}

.contact_info_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #333;
}

.contact_form {
    padding-right: 10px;
}

.comment_form {
    margin-top: 35px;
}

.comment_input {
    width: 100%;
    height: 46px;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    padding-left: 19px;
    font-size: 16px;
    font-weight: 400;
    color: #2c3145;
}

.comment_form > div:not(:last-child) {
    margin-bottom: 25px;
}

.comment_input:focus {
    border: solid 1px #14bdee;
    outline: none;
}

.comment_textarea {
    width: 100%;
    height: 150px;
    padding-top: 15px;
}

.form_title {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

.comment_button {
    width: 150px;
    height: 46px;
    background: #14bdee;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 3px;
    margin-top: 15px;
}

    .comment_button:hover {
        box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.25);
    }

.contact_info {
    padding-left: 45px;
}

.contact_info_text {
    margin-top: 27px;
}

.contact_info_location {
    margin-top: 28px;
}

.contact_info_location_title {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #384158;
}

.location_list {
    margin-top: 14px;
}

    .location_list li {
        font-size: 14px;
        color: #5e6271;
    }

        .location_list li:not(:last-child) {
            margin-bottom: 9px;
        }

/*********************************
7. About
*********************************/

.about {
    width: 100%;
    padding-top: 93px;
    padding-bottom: 100px;
    background: #FFFFFF;
}

.about_row {
    margin-top: 56px;
}

.about_col_left {
    padding-right: 25px;
}

.about_col_right {
    padding-left: 25px;
}

.about_col_middle {
    padding-left: 20px;
    padding-right: 20px;
}

.about_item_image {
    width: 100%;
    overflow: hidden;
}

    .about_item_image img {
        max-width: 100%;
        -webkit-transition: all 2000ms ease;
        -moz-transition: all 2000ms ease;
        -ms-transition: all 2000ms ease;
        -o-transition: all 2000ms ease;
        transition: all 2000ms ease;
    }

.about_item:hover .about_item_image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.about_item_title {
    margin-top: 22px;
}

    .about_item_title a {
        font-family: 'Roboto Slab', serif;
        font-size: 20px;
        font-weight: 700;
        color: #384158;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

        .about_item_title a:hover {
            color: #14bdee;
        }

.about_item_text {
    margin-top: 12px;
}

.about_item_text {
    line-height: 2;
}

li.user-profile img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border: 1px solid #a1a1a1;
}

li.user-profile {
    display: none;
}

.dashboard-page li.user-profile {
    display: inline-block;
}

.dashboard-page li.login-btn {
    display: none;
}

.hide-footer .helpdecsk-sec, .hide-footer footer {
    display: none;
}

/* Back to top button */

.back-to-top {
    position: fixed;
    display: none;
    background: #ffc107;
    color: #fff;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 1;
    font-size: 16px;
    border-radius: 50%;
    right: 15px;
    bottom: 15px;
    transition: background 0.5s;
    z-index: 11;
}

    .back-to-top i {
        padding-top: 12px;
        color: #fff;
    }

/* Prelaoder */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
    background: #fff;
}

    #preloader:before {
        content: "";
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
        border: 6px solid #f2f2f2;
        border-top: 6px solid #18d26e;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        -webkit-animation: animate-preloader 1s linear infinite;
        animation: animate-preloader 1s linear infinite;
    }

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

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

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

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

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.wizard {
    margin: 20px auto;
    background: #fff;
}

    .wizard .nav-tabs {
        position: relative;
        margin: 40px auto;
        margin-bottom: 0;
        border-bottom-color: #fff;
    }

    .wizard > div.wizard-inner {
        position: relative;
    }

.connecting-line {
    height: 2px;
    background: #76869a;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 42%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 100px;
    background: #e58c50;
    /* border: 2px solid #e0e0e0; */
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
}

    span.round-tab i {
        color: #555555;
    }

.wizard li a.active span.round-tab {
    background: #76869a;
    border: 2px solid #76869a;
    color: #fff;
}

    .wizard li a.active span.round-tab i {
        color: #5bc0de;
    }

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
    color: #000;
}

.wizard li a:after {
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

.wizard li.active.nav-item:after {
    content: " ";
    position: relative;
    left: 46%;
    top: -20px;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}

.wizard .nav-tabs > li a {
    width: 40px;
    height: 40px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    position: relative;
}

    .wizard .nav-tabs > li a:hover {
        background: transparent;
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
}

.wizard h3 {
    margin-top: 0;
}

@media( max-width: 585px) {
    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}









.note:before {
    content: "NEWS";
    position: absolute;
    background: #262626;
    bottom: 0;
    top: 0;
    width: 80px;
    text-align: center;
    padding: 3px;
    color: #fff;
    z-index: 1;
    font-size: 10px;
    font-weight: 300;
    clip-path: polygon(0% 0%, 100% 0, 92% 50%, 100% 100%, 0% 100%);
}

.note:after {
    content: "";
    position: absolute;
    background: #6c757d;
    bottom: 0;
    top: 0;
    right: -1px;
    width: 40px;
    z-index: 1;
    clip-path: polygon(25% 0%, 100% 1%, 100% 100%, 25% 100%, 0% 50%);
}

.note {
    height: 25px;
    overflow: hidden;
    position: relative;
    background: #ffd968;
    box-shadow: 1px 2px 4px rgba(195, 195, 195, 0.50);
    margin-right: 2px;
    z-index: 99;
}

    .note p {
        font-size: 0.8em;
        color: #000;
        font-weight: 600;
        position: absolute;
        width: 100%;
        height: 100%;
        margin: 0;
        line-height: 26px;
        text-align: center;
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        -moz-animation: note 25s linear infinite;
        -webkit-animation: note 25s linear infinite;
        animation: note 25s linear infinite;
    }

@-moz-keyframes note {
    0% {
        -moz-transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
    }
}

@-webkit-keyframes note {
    0% {
        -webkit-transform: translateX(100%);
    }

    100% {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes note {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}










.gallery_item {
    position: relative;
    width: calc((100% - 60px) / 4);
    margin-bottom: 18px;
    cursor: pointer;
}

    .gallery_item img {
        width: 100%;
    }

.gallery_item_overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(72 81 88 / 88%);
    opacity: 0;
    pointer-events: none;
    font-size: 33px;
    font-weight: 300;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.gallery_item:hover .gallery_item_overlay {
    opacity: 1;
}



.counter {
    overflow: hidden;
}





@media (max-width:480px) {

    .call-us {
        top: 50%;
    }

    .whatapp-us {
        top: 60%;
    }

    .minetage_bg {
        width: 100%;
        height: 65%;
        background-position: bottom;
        right: 57px;
        top: 57%;
    }

    .counter_content {
        text-align: center;
    }

    .logo-txt img {
        width: 36px;
    }

    .counter_content .display-4 {
        font-size: 30px;
    }
}


.right-corder-container {
    position: fixed;
    right: 10px;
    top: 40%;
    z-index: 999;
}

.call-us {
    top: 47%;
}

.whatapp-us {
    top: 54%;
}

.right-corder-container .right-corder-container-button {
    height: 45px;
    width: 45px;
    border: none;
    background-color: #f36715;
    border-radius: 62px; /*Transform the square into rectangle, sync that value with the width/height*/
    transition: all 300ms; /*Animation to close the button (circle)*/
    box-shadow: 2px 2px 5px rgb(62 25 4 / 85%);
    cursor: pointer;
    display: block;
}


    .right-corder-container .right-corder-container-button span {
        font-size: 20px;
        color: white;
        position: absolute;
        left: 0px;
        top: 8px;
        line-height: 30px;
        right: 0px;
        text-align: center;
    }


    .right-corder-container .right-corder-container-button:hover span {
        left: 20px;
        text-align: inherit;
        right: auto;
    }

    .right-corder-container .right-corder-container-button:hover {
        transition: all 400ms cubic-bezier(.62,.1,.5,1);
        width: 200px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    /*
    Long text appears slowly with an animation. That code prepare the animation by hidding the text.
    The use of display is not there because it does not work well with CSS3 animation.
*/
    .right-corder-container .right-corder-container-button .long-text {
        transition: opacity 1000ms; /*Only the text fadein/fadeout is animated*/
        opacity: 0; /*By default we do not display the text, we want the text to fade in*/
        color: white;
        white-space: nowrap;
        font-size: 0; /*Set to 0 to not have overflow on the right of the browser*/
        width: 0; /*Set to 0 to not have overflow on the right of the browser*/
        margin: 0; /*Set to 0 to not have overflow on the right of the browser*/
    }

        /*
    Animation to have a text that appear progressively. We need to play with a delay
    on the width and the font-size to not have the browser have the text appears on the right
    side of the browser view port. This has the side-effect of having an horizontal bar.
*/
        .right-corder-container .right-corder-container-button .long-text.show-long-text {
            transition: opacity 700ms, width 1ms linear 270ms, /*two thirds of the animation on the container width*/
            font-size 1ms linear 270ms; /*two thirds of the animation on the container width*/
            opacity: 1;
            margin-top: 2px; /*Center the position vertically*/
            margin-left: 50px; /*Center between the + and the right end side*/
            font-size: 18px; /*Text size, cannot be defined initially without moving the scrollbar*/
            width: auto; /*Required to be set with a delay (see animation) to not have scrollbar. Delay is to wait container to size up*/
        }








/* form */

#contactus {
    font: 400 12px/16px "Roboto", Helvetica, Arial, sans-serif;
    /*  background: #F9F9F9; */
    padding: 25px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24)
}

#contactus {
}

    #contactus h3 {
        display: block;
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 10px
    }

    #contactus h4 {
        margin: 5px 0 15px;
        display: block;
        font-size: 13px;
        font-weight: 400
    }

fieldset {
    border: medium none !important;
    margin: 0 0 10px;
    min-width: 100%;
    padding: 0;
    width: 100%
}

#contactus input[type="text"],
#contactus input[type="email"],
#contactus input[type="tel"],
#contactus input[type="url"],
#contactus textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    background: #FFF;
    margin: 0 0 5px;
    padding: 10px
}

    #contactus input[type="text"]:hover,
    #contactus input[type="email"]:hover,
    #contactus input[type="tel"]:hover,
    #contactus input[type="url"]:hover,
    #contactus textarea:hover {
        -webkit-transition: border-color 0.3s ease-in-out;
        -moz-transition: border-color 0.3s ease-in-out;
        transition: border-color 0.3s ease-in-out;
        border-bottom: 1px solid #f0715f;
    }

#contactus textarea {
    height: 100px;
    max-width: 100%;
    resize: none
}

#contactus button[type="submit"] {
    cursor: pointer;
    width: 100%;
    border: none;
    background: #f0715f;
    color: #FFF;
    margin: 0 0 5px;
    padding: 10px;
    font-size: 15px
}

    #contactus button[type="submit"]:hover {
        background: #f07150;
        -webkit-transition: background 0.3s ease-in-out;
        -moz-transition: background 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out
    }

    #contactus button[type="submit"]:active {
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5)
    }

#contactus input:focus,
#contactus textarea:focus {
    outline: 0;
    border: 1px solid #aaa
}


.sec-Stock {
    background: #ffffc5;
}

.sec-Mining {
   
    background: #ffdede;
}
.sec-Ordinary {
    background: #e4ffdb;
}

.sec-Building {
    background: #fdf5e8;
}
.sec-Other {
    background: #e4ffff;
}


.right-set{ right:20px; z-index:9;}



.white-bg{
    background:#fff;
}

.dark-text{
    color:#333;
}



/* font size Start*/

    .font-increase {
    font-size: 18px;
}

    .font-increase .main_nav li a {
        font-size: 18px;
    }
    .font-increase .home {
        
        height: 400px;
    }

    .font-increase .question {
        font-size: 15px !important;
    }


    .font-increase .rounded-button .btn {
        font-size: 14px;
    }
    .font-increase .home_slider_title {
        font-size: 41px;
    }
    .font-increase .home_slider_subtitle {
        font-size: 22px;
 }

    .font-increase .color-box h4 {
        font-size: 16px;
        
    }

    .font-increase .feature-box .feature-box_content p {
        font-size: 16px;
    }

    .font-increase .color-box a.btn {
        font-size: 12px;
    }

    .font-increase .brand_text p {
        font-size: 15px;
    }

    .font-increase h2 {
    font-size: 38px;
}

    .font-increase .h5, h5 {
        font-size: 1.27rem;
    }

    .font-increase .footer-top p {
        font-size: 20px;
    }

    .font-increase .footer_title {
        font-size: 20px;
    }

    .font-increase h6 {
        font-size: 1.25rem;
    }

    .font-increase .footer p {
        font-size: 16px;
    }

    .font-increase .footer_links_container ul li a {
        font-size: 15px;
    }

    .font-increase .copyright div {
        font-size: 13px;
    }


    /* -----------------------------*/
        .font-decrease {
    font-size: 12px;
}

        .font-decrease .main_nav li a {
        font-size: 12px;
    }

        .font-decrease .home {
        height: 320px;
    }
        .font-decrease .question {
        font-size: 10px !important;
    }

        .font-decrease .rounded-button .btn {
        font-size: 12px;
    }

         .font-decrease .home_slider_title {
        font-size: 35px;
    }

        .font-decrease .home_slider_subtitle {
        font-size: 14px;
    }

        .font-decrease .color-box h4 {
        font-size: 12px;
    }


        .font-decrease .feature-box .feature-box_content p {
        font-size: 10px;
    }

        .font-decrease .font-increase .color-box a.btn {
            font-size: 9px;
        }

        .font-decrease .brand_text p {
            font-size: 11px;
        }

        .font-decrease h2 {
            font-size: 30px;
        }

        .font-decrease .h5, h5 {
            font-size: 1.20rem;
        }
        .font-decrease .footer-top p {
    font-size: 14px;
    }

        .font-decrease .footer_title {
            font-size: 14px;
        }

        .font-decrease h6 {
            font-size: 0.95rem;
        }

         .font-decrease .footer p {
                font-size: 11px;
            }

        .font-decrease .footer_links_container ul li a {
            font-size: 11px;
        }

        .font-decrease .copyright div {
            font-size: 11px;
        }

/* font size Start End*/