@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    background-color: #171819;
    letter-spacing: 0.5px;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    outline: none;
}

a {
    text-decoration: none
}

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

.hidden {display:none !important;visibility:hidden !important}

/************************************ Navbar ****************************************************************/
.separator {
    max-height: 500px;
    overflow: hidden;
    margin: 0 auto 25px auto
}

/* Responsive Mega Menu */
.header_area {
    background: #171819;
    position: fixed;
    width: 100%;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05)
}

.navigation {
    width: 100%;
    height: 70px;
    display: table;
    position: relative;
    font-family: inherit
}

.navigation * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

.navigation-portrait {
    height: 60px
}

.navigation-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19998
}

.navigation-hidden {
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important
}

.align-to-right {
    float: right
}

.nav-header {
    float: left
}

.navigation-hidden .nav-header {
    display: none
}

.nav-brand {

}

.nav-brand img{
    width: 100%;
    max-width: 250px;
    margin-top: 14px;
}

@media (max-width: 1024px) {
    .nav-brand img{
        max-width: 200px;
        margin-top: 19px;
    }
}

@media (max-width: 500px) {
    .nav-brand img{
        max-width: 200px;
    }
}

@media (max-width: 379px) {
    .nav-brand img{
        max-width: 185px;
        margin-top: 16px;
    }
}

@media (max-width: 364px) {
    .nav-brand img{
        max-width: 155px;
        margin-top: 18px;
    }
}



.nav-brand:hover, .nav-brand:focus {
    color: #fff
}

.nav-logo > img {
    height: 48px;
    margin: 11px auto;
    padding: 0 15px;
    float: left
}

.nav-logo:focus > img {
    outline: initial
}

.navigation-portrait .nav-logo > img {
    height: 36px;
    margin: 6px auto 6px 15px;
    padding: 0
}

.nav-toggle {
    width: 30px;
    height: 30px;
    padding: 6px 2px 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 0;
    display: none;
    cursor: pointer
}

.nav-toggle:before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 .5em 0 0 #fff, 0 1em 0 0 #fff
}

.navigation-portrait .nav-toggle {
    display: block
}

.navigation-portrait .nav-menus-wrapper {
    width: 320px;
    height: 100%;
    top: 0;
    left: -400px;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition-duration: .2s;
    transition-timing-function: ease
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
    left: auto;
    right: -400px
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
    left: 0
}

.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
    left: auto;
    right: 0
}

.nav-menus-wrapper-close-button {
    width: 30px;
    height: 30px;
    margin: 10px 7px;
    display: none;
    float: right;
    color: #343a40;
    font-size: 20px;
    cursor: pointer
}

.navigation-portrait .nav-menus-wrapper-close-button {
    display: block
}

.nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    font-size: 0
}

.navigation-portrait .nav-menu {
    width: 100%
}

.navigation-landscape .nav-menu.nav-menu-centered {
    float: none;
    text-align: center
}

.navigation-landscape .nav-menu.nav-menu-centered > li {
    float: none
}

.nav-menu > li {
    display: inline-block;
    float: left;
    text-align: left
}

.navigation-portrait .nav-menu > li {
    width: 100%;
    position: relative;
    border-top: solid 1px #f0f0f0
}

.navigation-portrait .nav-menu > li:last-child {
    border-bottom: solid 1px #f0f0f0
}

.nav-menu + .nav-menu > li:first-child {
    border-top: none
}

.nav-menu > li > a {
    height: 70px;
    padding: 26px 15px;
    display: inline-block;
    text-decoration: none;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #b4995e;
    transition: color .3s, background .3s
}

.navigation-portrait .nav-menu > li > a {
    width: 100%;
    height: auto;
    padding: 12px 15px 12px 26px
}

.nav-menu > li:hover > a, .nav-menu > li.active > a, .nav-menu > li.focus > a {
    background: rgba(0, 0, 0, 0.1);
    color: #fff
}

.nav-menu > li > a > i, .nav-menu > li > a > [class*=ion-] {
    width: 18px;
    height: 16px;
    line-height: 16px;
    transform: scale(1.4)
}

.nav-menu > li > a > [class*=ion-] {
    width: 16px;
    display: inline-block;
    transform: scale(1.8)
}

.navigation-portrait .nav-menu.nav-menu-social {
    width: 100%;
    text-align: center
}

.nav-menu.nav-menu-social > li {
    text-align: center;
    float: none;
    border: none !important
}

.navigation-portrait .nav-menu.nav-menu-social > li {
    width: auto
}

.nav-menu.nav-menu-social > li > a > [class*=ion-] {
    font-size: 12px
}

.nav-menu.nav-menu-social > li > a > .fa {
    font-size: 14px
}

.navigation-portrait .nav-menu.nav-menu-social > li > a {
    padding: 15px
}

.submenu-indicator {
    margin-left: 8px;
    margin-top: 4px;
    float: right;
    transition: all .2s
}

.navigation-portrait .submenu-indicator {
    width: 54px;
    height: 44px;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    z-index: 20000
}

.submenu-indicator-chevron {
    height: 6px;
    width: 6px;
    display: block;
    border-style: solid;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);
}

.navigation-portrait .submenu-indicator-chevron {
    border-color: transparent #999 #999 transparent;
    position: absolute;
    top: 18px;
    left: 24px
}

.navigation-portrait:hover .submenu-indicator-chevron {
    border-color: transparent #999 #999 transparent
}

.navigation-portrait .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg)
}

.nav-dropdown > li .submenu-indicator-chevron {
    border-color: transparent #999 #999 transparent
}

.nav-overlay-panel {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: none;
    z-index: 19999
}

.no-scroll {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.nav-search {
    height: 70px;
    float: right;
    z-index: 19998
}

.navigation-portrait .nav-search {
    height: 48px;
    padding: 0 10px;
    margin-right: 32px
}

.navigation-hidden .nav-search {
    display: none
}

.nav-search-button {
    width: 80px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.1);

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 10px;
}

.menu-settings-flag {
    width: 60px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-right: 10px;
    cursor: pointer;
}

.flag-link-box{
    width: 40%;
    cursor: pointer;
}

.settings-link{
    width: 17px;
    margin-top: 24px;
}

.flag-link{
    margin-top: 23px;
    color: white;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .menu-settings-flag {
        margin-right: 0;
    }
    .settings-link{
        margin-top: 24px;
        width: 16px;
    }
    .flag-link{
        margin-top: 20px;
    }
}

@media (max-width: 500px) {
    .flag-link{
        font-size: 12px;
        margin-top: 22px;
    }
}

/*.navigation-portrait .nav-search-button {
    width: 50px;
    height: 48px;
    line-height: 46px;
    font-size: 22px
}*/

.nav-search > form {
    width: 100%;
    height: 100%;
    padding: 0;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #3243db;
    z-index: 99
}

.nav-button {
    margin: 18px 15px 0;
    padding: 8px 14px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px
}

.nav-button:hover, .nav-button:focus {
    color: #fff;
    text-decoration: none
}

.navigation-portrait .nav-button {
    width: calc(100% - 52px);
    margin: 17px 26px
}

.nav-text {
    margin: 25px 15px;
    display: inline-block;
    color: #343a40;
    font-size: 14px
}

.navigation-portrait .nav-text {
    width: calc(100% - 52px);
    margin: 12px 26px 0
}

.navigation-portrait .nav-text + ul {
    margin-top: 15px
}

.nav-dropdown {
    min-width: 180px;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    list-style: none;
    z-index: 98;
    white-space: nowrap
}

.navigation-portrait .nav-dropdown {
    width: 100%;
    position: static;
    left: 0
}

.nav-dropdown .nav-dropdown {
    left: 100%
}

.nav-menu > li > .nav-dropdown {
    box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 20%);
}

.nav-dropdown > li {
    width: 100%;
    float: left;
    clear: both;
    position: relative;
    text-align: left
}

.nav-dropdown > li > a {
    width: 100%;
    padding: 16px 20px;
    display: inline-block;
    text-decoration: none;
    float: left;
    font-size: 13px;
    color: #343a40;
    background-color: #fdfdfd
}

.nav-dropdown > li:hover > a, .nav-dropdown > li.focus > a {
    color: #27ae60
}

.nav-dropdown.nav-dropdown-left {
    right: 0
}

.nav-dropdown > li > .nav-dropdown-left {
    left: auto;
    right: 100%
}

.navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
    text-align: right
}

.navigation-portrait .nav-dropdown > li > a {
    padding: 12px 20px 12px 30px
}

.navigation-portrait .nav-dropdown > li > ul > li > a {
    padding-left: 50px
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
    padding-left: 70px
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
    padding-left: 90px
}

.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > ul > li > a {
    padding-left: 110px
}

.nav-dropdown .submenu-indicator {
    right: 15px;
    top: 10px;
    position: absolute
}

.navigation-portrait .nav-dropdown .submenu-indicator {
    right: 0;
    top: 0
}

.nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(-45deg)
}

.navigation-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(45deg)
}

.nav-dropdown > li:hover > a .submenu-indicator-chevron, .nav-dropdown > .focus > a .submenu-indicator-chevron {
    border-color: transparent #27ae60 #27ae60 transparent
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator {
    left: 10px
}

.navigation-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron {
    transform: rotate(135deg)
}

.nav-dropdown-horizontal {
    width: 100%;
    left: 0;
    background-color: #fdfdfd;
    border-top: solid 1px #f0f0f0
}

.nav-dropdown-horizontal .nav-dropdown-horizontal {
    width: 100%;
    top: 100%;
    left: 0
}

.navigation-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal {
    border-top: none
}

.nav-dropdown-horizontal > li {
    width: auto;
    clear: none;
    position: static
}

.navigation-portrait .nav-dropdown-horizontal > li {
    width: 100%
}

.nav-dropdown-horizontal > li > a {
    position: relative
}

.nav-dropdown-horizontal .submenu-indicator {
    height: 18px;
    top: 11px;
    transform: rotate(90deg)
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator {
    height: 42px;
    top: 0;
    transform: rotate(0deg)
}

.navigation-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up {
    transform: rotate(-180deg)
}

.megamenu-panel {
    width: 100%;
    max-width: 1200px;
    padding: 15px;
    display: none;
    position: absolute;
    font-size: 14px;
    z-index: 2000;
    text-align: left;
    color: inherit;
    border-top: solid 1px #f0f0f0;
    background-color: #fff;
    box-shadow: 0 15px 20px -5px rgba(0, 0, 0, .2)
}

.navigation-portrait .megamenu-panel {
    padding: 25px;
    position: static;
    display: block
}

.megamenu-panel [class*=container] {
    width: 100%
}

.megamenu-panel [class*="container"] [class*="col-"] {
    padding: 0
}

.megamenu-panel-half {
    width: 50%
}

.megamenu-panel-quarter {
    width: 25%
}

.navigation-portrait .megamenu-panel-half, .navigation-portrait .megamenu-panel-quarter {
    width: 100%
}

.megamenu-panel-row {
    width: 100%
}

.megamenu-panel-row:before, .megamenu-panel-row:after {
    display: table;
    content: "";
    line-height: 0
}

.megamenu-panel-row:after {
    clear: both
}

.megamenu-panel-row [class*=col-] {
    display: block;
    min-height: 20px;
    float: left;
    margin-left: 3%
}

.megamenu-panel-row [class*=col-]:first-child {
    margin-left: 0
}

.navigation-portrait .megamenu-panel-row [class*=col-] {
    float: none;
    display: block;
    width: 100% !important;
    margin-left: 0;
    margin-top: 15px
}

.navigation-portrait .megamenu-panel-row:first-child [class*=col-]:first-child {
    margin-top: 0
}

.megamenu-panel-row .col-1 {
    width: 5.583333333333%
}

.megamenu-panel-row .col-2 {
    width: 14.166666666666%
}

.megamenu-panel-row .col-3 {
    width: 22.75%
}

.megamenu-panel-row .col-4 {
    width: 31.333333333333%
}

.megamenu-panel-row .col-5 {
    width: 39.916666666667%
}

.megamenu-panel-row .col-6 {
    width: 48.5%
}

.megamenu-panel-row .col-7 {
    width: 57.083333333333%
}

.megamenu-panel-row .col-8 {
    width: 65.666666666667%
}

.megamenu-panel-row .col-9 {
    width: 74.25%
}

.megamenu-panel-row .col-10 {
    width: 82.833333333334%
}

.megamenu-panel-row .col-11 {
    width: 91.416666666667%
}

.megamenu-panel-row .col-12 {
    width: 100%
}

.megamenu-tabs {
    width: 100%;
    float: left;
    display: block
}

.megamenu-tabs-nav {
    width: 20%;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

.navigation-portrait .megamenu-tabs-nav {
    width: 100%
}

.megamenu-tabs-nav > li > a {
    width: 100%;
    padding: 10px 16px;
    float: left;
    font-size: 13px;
    text-decoration: none;
    color: #343a40;
    border: solid 1px #eff0f2;
    outline: 0;
    background-color: #fff
}

.megamenu-tabs-nav > li.active a, .megamenu-tabs-nav > li:hover a {
    background-color: #f5f5f5
}

.megamenu-tabs-pane {
    width: 80%;
    min-height: 30px;
    padding: 20px;
    float: right;
    display: none;
    font-size: 13px;
    color: #343a40;
    border: solid 1px #eff0f2;
    background-color: #fff
}

.megamenu-tabs-pane.active {
    display: block
}

.navigation-portrait .megamenu-tabs-pane {
    width: 100%
}

.megamenu-lists {
    width: 100%;
    display: table
}

.megamenu-list {
    width: 100%;
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
    float: left;
    list-style: none
}

.megamenu-list:last-child {
    margin: 0;
    border: none
}

.navigation-landscape .megamenu-list {
    margin: -15px 0;
    padding: 13px 0;
    border-right: solid 1px #f0f0f0
}

.navigation-landscape .megamenu-list:last-child {
    border: none
}

.megamenu-list > li > a {
    width: 100%;
    padding: 10px 15px;
    display: inline-block;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.megamenu-list > li > a:hover {
    background-color: #232425;
    color: #fff
}

.megamenu-list > li.megamenu-list-title > a {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    color: #343a40;
}

.megamenu-list > li.megamenu-list-title > a:hover {
    background-color: transparent
}

.navigation-landscape .list-col-2 {
    width: 50%
}

.navigation-landscape .list-col-3 {
    width: 33%
}

.navigation-landscape .list-col-4 {
    width: 25%
}

.navigation-landscape .list-col-5 {
    width: 20%
}

.navigation-landscape .list-col-6 {
    width: 16.6%
}

.nav-dropdown > li > a {
    width: 100%;
    padding: 12px 15px;
    display: inline-block;
    color: #000000;
    text-decoration: none;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
}

.nav-dropdown > li > a:hover, .nav-dropdown > li > a:focus {
    color: #ffffff;
    background-color: #000000;
}

.main_header_area.sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 9999;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1)
}

.transparent-menu {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 99
}

.navigation-portrait .nav-menu > li > a {
    color: #222;
    width: 100%;
    height: auto;
    padding: 10px 10px 10px 30px
}

.menu-image-box{
    background-size: cover;
    background-position: center;
    position: relative;
}

.menu-image-box-item{
    background-color: #0000008a;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #ffffff;
    text-align: center;
    transition: all 0.3s;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu-image-box-item:focus, .menu-image-box-item:hover{
    background-color: #000000cf;
}

/* Media Query Mega Menu */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .nav-dropdown > li > a, .megamenu-list > li > a {
        width: 65%
    }
}

/************************************************************************************* End Menu **********************************************************************************/

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: 40px 0;

    border: 0;
    background-color: #e5e5e5;
}

/* Page */
.page {
    overflow: hidden;
}

/* Container */

.container {
    width: 100%;
    max-width: 1600px;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: auto;
    margin-left: auto;
    z-index: 2;
    position: relative;
}

@media (max-width: 1366px) {
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 1024px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 768px) {
    .less-padding{
        padding: 0 20px!important;
    }
}

@media (max-width: 500px) {
    .less-padding{
        padding: 0 15px!important;
    }
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}


.container-fluid {
    width: 100%;
    max-width: 1920px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

/* Intro */
.intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #333333;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}

.intro2 {
    width: 100%;
    position: relative;
    background-color: #333333;
}

.intro__inner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.intro__title {
    color: #fff;
    text-shadow: 1px 1px 2px #000000, 0 0 1em black, 0 0 0.2em black;
    font-size: 70px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.1;
}

.intro__suptitle {
    letter-spacing: 4px!important;
    line-height: 1.7;
    font-size: 15px;
    color: #ffffff;
    margin-top: 10px;
    font-weight: 500;
    text-transform: uppercase;
}

.banner-title{
    letter-spacing: 4px!important;
    line-height: 1.5;
    font-size: 60px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px #000000, 0 0 1em black, 0 0 0.2em black;

}

.btc-img{
    max-width: 100%;
    margin-top: 40px;
}

.intro-logo {
    max-width: 300px;
    width: 100%;
}

@media (max-width: 1024px) {
    .intro-logo {
        max-width: 250px;
    }
}

@media (max-width: 768px) {
    .intro-logo {
        max-width: 180px;
    }
}

@media (max-width: 600px) {
    .btc-img{
        margin-top: 120px;
    }
    .intro-logo {
        max-width: 120px;
        margin-bottom: 5px;
    }
}

@media (max-width: 320px) {
    .intro-logo {
        max-width: 100px;
    }
}

.scroll-box {
    width: 70px;
    position: absolute;
    bottom: 50px;
    left: 0;
    z-index: 1;
    padding-bottom: 20px;
    text-align: center;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.scroll-d {
    width: 80px;
}

.v-line{
    border-left: 1px solid white;
    height: 70px;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    bottom: 0;
    display: none;
}

.share{
    position: absolute;
    right: 5px;
    bottom: 80px;
    cursor: pointer;
}

.share img{
    width: 70px;
    cursor: pointer;
}

.share-box{
    position: relative;
}

.share-items{
    position: absolute;
    width: 318px;
    right: 50px;
    top: -60px;
    display: none;
}

@media (max-width: 1230px) {
    .intro__suptitle {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .intro__title {
        font-size: 40px;
    }
    .banner-title {
        font-size: 40px;
    }
}

@media (max-width: 770px) {
    .share{
        bottom: 10px
    }
    .intro {
        height: 60vh;
        background-attachment: scroll;
        margin-top: 100px;
    }
    .intro__suptitle {
        font-size: 11px;
        margin-top: 20px;
    }
    .scroll-box {
        bottom: 0;
    }
    .v-line{
        display: none;
    }
    .banner-title {
        font-size: 35px;
    }
}

@media (max-width: 575px) {
    .share-items {
        right: 20px;
        top: -43px;
    }
    .scroll-box {
        display: none;
    }
    .share img {
        width: 40px;
    }
    .scroll-d {
        width: 50px;
    }
    .intro__suptitle {
        margin-top: 0;
        font-size: 9px;
    }
    .intro__title {
        font-size: 25px;
    }
    .banner-title {
        font-size: 20px;
    }
}

/*Main content*/
.about_content {
    position: relative;
    z-index: 1;
    padding-left: 50px;
}

@media (max-width: 1366px) {
    .about_content {
        padding-left: 40px;
    }
}

@media (max-width: 1024px) {
    .about_content {
        padding-left: 20px;
    }
}

@media (max-width: 767px) {
    .about_content {
        padding-left: 0;
    }
}

/* Home box */
.home-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.home-box-item{
    width: 43%;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media(max-width: 768px) {
    .home-box-item{
        width: 100%;
    }
    .home-box-item:last-child{
        width: 100%;
        margin-top: 40px;
    }
}

/*About project*/
.bg_text {
    position: absolute;
    left: -30px;
    top: -140px;
    z-index: -1;
}

.bg_text-white {
    position: absolute;
    left: -40px;
    top: -198px;
    z-index: -1;
}

.bg_strock_text {
    font-size: 145px;
    font-weight: 700;
    color: transparent;
    letter-spacing: 3px;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
}

.bg_strock_text-white {
    font-size: 196px;
    font-weight: 700;
    color: white;
    text-shadow: 0px 10px 40px rgb(0 0 0 / 10%);
    letter-spacing: 3px;
}

.about-project{
    text-align: left;
    position: relative;
}

.why-us{
    text-align: left;
    position: relative;
    margin-top: 150px;
}

.about-project-title{
    color: #999999;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.2;
}

.about-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-container-item{
    width: 43%;
    margin-bottom: 20px;
}

.content-p{
    color: #c1c1c1;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 300;
    margin: 0;
    margin-bottom: 15px;
}

.active{
    border-top: 2px solid #999999;
    padding-top: 30px;
}

.about-container-item-two{
    width: 43%;
}

.project-features{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project-feature-items{
    width: 47%;
    padding: 10px 0;
    position: relative;
}

.project-feature-items img{
    width: 35px;
    opacity: .7;
}

.project-feature-items p {
    color: #c1c1c1;
    font-size: 16px;
    line-height: 1.5;
    font-family: "Poppins", sans-serif;
    transition: all 0.5s;
    letter-spacing: 0.5px;
}

.project-feature-items h2 {
    color: #c1c1c1;
    font-size: 18px;
    line-height: 1.3;
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    padding: 15px 0 25px 0;
}

.brand-color{
    color: #b4995e!important;
    opacity: 1!important;
}

.btn-section{
    text-align: center;
    margin-top: 40px;
}

@media(max-width: 1366px) {
    .bg_text {
        left: -3px;
        top: -158px;
    }
    .bg_text-white {
        left: -10px;
        top: -143px;
    }
    .bg_strock_text {
        font-size: 140px;
    }
    .content-p{
        font-size: 20px;
        line-height: 1.6;
    }
    .bg_strock_text-white {
        font-size: 150px;
    }
}

@media(max-width: 1024px){
    .bg_text {
        left: -5px;
        top: -135px;
    }
    .bg_text-white {
        left: -20px;
        top: -216px;
    }
    .about-project-title{
        font-size: 25px;
    }
    .bg_strock_text {
        font-size: 120px;
    }
    .content-p{
        font-size: 18px;
        line-height: 1.6;
    }
    .project-feature-items p {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .bg_text-white {
        left: -20px;
        top: -220px;
    }
    .about-project-title{
        font-size: 28px;
    }
    .about-container-item{
        width: 100%;
    }
    .about-container-item-two{
        width: 100%;
    }
}

@media (max-width: 768px) {
    .bg_strock_text-white {
        font-size: 180px;
    }
    .about-project-title {
        font-size: 25px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .bg_strock_text {
        font-size: 100px;
    }
    .bg_text {
        left: -3px;
        top: -115px;
    }
    .bg_text-white {
        left: -20px;
        top: -179px;
    }
}

@media (max-width: 575px) {
    .bg_text {
        left: -1px;
        top: -60px;
    }
    .bg_text-white {
        left: -1px;
        top: -107px;
    }
    .bg_strock_text-white {
        font-size: 100px;
    }
    .about-project-title {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .content-p{
        font-size: 13px;
    }
    .bg_strock_text {
        font-size: 50px;
    }
    .project-feature-items {
        width: 100%;
        padding: 10px 0;
        display: flex;
        flex-direction: row;
        border-bottom: 1px solid #ffffff21;
    }
    .project-feature-items-box{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .project-feature-items:last-child {
        border-bottom: none;
    }
    .project-feature-items p {
        font-size: 13px;
        margin: 0;
    }
    .why-us{
        margin-top: 100px;
    }
    .project-feature-items img{
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }
}

/* Island Green City Water */
.grids {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    max-width: 2500px;
    margin-left: auto;
    margin-right: auto;
}
.grids__item {
    width: 25%;
    min-height: 800px;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

.grids__item-link {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction:column;
    text-align: center;
    justify-content: center;
    background-color: #0000004a;
    transition: all 0.4s;
}

.grids__item-title {
    text-align: center;
    z-index: 3;
    transform: translate3d(0, 0, 0);
    transition: all 0.3s;

    font-size: 60px;
    font-weight: 700;
    color: #ffffff;
    letter-spacing: 3px;
}
.grids__item-link:hover .grids__item-title {
    transform: translate3d(0, -40px, 0);
    color: #ffffff;
}

.grids__item-link:hover{
    background-color: #000000d1;
}

.grids__item-sub-title {
    text-align: center;
    z-index: 3;
    font-size: 18px;
    font-weight: 100;
    color: white;
    padding: 0 10px;
}

@media (max-width: 1500px) {
    .grids__item {
        min-height: 600px;
    }
    .grids__item-title {
        font-size: 50px;
    }
}

@media (max-width: 1250px) {
    .grids__item-title {
        font-size: 40px;
    }
}

@media (max-width: 1024px) {
    .grids__item {
        width: 50%;
        background-position: 50% 100%;
        min-height: 500px;
    }
}

@media (max-width: 768px) {
    .grids__item {
        width: 50%;
        min-height: 400px;
    }
    .grids__item-link {
        background-color: #0000008f;
    }
}

@media (max-width: 600px) {
    .grids__item {
        width: 50%;
        min-height: 200px;
    }
    .grids__item-title {
        font-size: 20px;
        transform: translate3d(0, 0, 0);
        transition: all 0.3s;
        font-weight: 500;
        color: white;
        letter-spacing: 3px;
        -webkit-text-stroke: 1px rgb(255 255 255 / 62%);
    }
    .grids__item-sub-title {
        font-size: 13px;
        line-height: 1.3;
    }
}

/* Slider */
.slider {
    width: 100%;
}

.slider__inner {
    display: flex;
    justify-content: space-between;
}

.slider__item {
    width: 23%;
    padding: 20px 0;
    position: relative;

    border-top: 3px solid #fff;
    opacity: .7;

    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.slider__item.active {
    opacity: 1;
}

.slider__item.active:before {
    content: "";
    display: block;
    width: 70px;
    height: 3px;

    background-color: #f38181;

    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1;
}

.slider__num {
    font-size: 24px;
    font-weight: 700;
}

@media (max-width: 770px) {
    .slider__text {
        display: none;
    }

    .slider__item.active:before {
        width: 50%;
    }
}

/* Sections */
.section {
    padding: 120px 0;
}

.section-types {
    padding: 100px 0;
    background-color: #ffffff;
}

.section-image-slider{
    padding: 15px 0;
}

.section-about-project {
    padding: 220px 0 80px 0;
    position: relative;
}

.section-faq{
    padding: 220px 0 100px 0;
    position: relative;
}

.section-agent-cta{
    padding: 120px 0 80px 0;
    position: relative;
}

.section-about-us {
    padding: 100px 0 100px 0;
    position: relative;
    background-color: #ffffff;
}

.section-content {
    padding: 120px 0 120px 0;
    position: relative;
}

.section-blog{
    padding: 250px 0 160px 0;
    position: relative;
}

.section-single-blog{
    padding: 250px 0 160px 0;
    position: relative;
}

.section-areas{
    padding: 200px 0 160px 0;
    position: relative;
    background-color: white;
}

.section-unit-types {
    padding: 300px 0 100px 0;
    position: relative;
}

.search-section{
    padding: 140px 0 100px 0;
    position: relative;
}

.section-similar-projects {
    padding: 100px 0 100px 0;
    position: relative;
}

.section-project-unit-types {
    padding: 80px 0 80px 0;
    position: relative;
}

.section-seo-content {
    padding: 40px 0 100px 0;
}

.section--gray {
    background-color: #f8f8f8;
}

.section--white {
    background-color: #ffffff;
    margin: 0;
    border: none;
}

.bg-silver{
    background-color: #efefef;
}

.section--black {
    background-color: #000000;
    margin: 0;
    border: none;
}

.section--clients {
    background: #f5f5f5 url("../images/clients-bg.jpg") center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

@media (max-width: 1366px) {
    .section-similar-projects {
        padding: 80px 0 80px 0;
    }
}

@media (max-width: 1024px) {
    .section-blog {
        padding: 100px 0 50px 0;
    }
    .section-single-blog{
        padding: 200px 0 60px 0;
    }
    .section-types {
        padding: 20px 0 10px 0;
    }
    .section-content {
        padding: 160px 0 80px 0;
    }
    .section-agent-cta{
        padding: 80px 0 80px 0;
    }
    .section-similar-projects {
        padding: 50px 0 50px 0;
    }
}

@media (max-width: 770px) {
    .section {
        padding: 60px 0;
    }
    .section-about-project {
        padding: 150px 0 50px 0;
        position: relative;
    }
    .section-project-unit-types {
        padding: 50px 0 50px 0;
    }
    .section-agent-cta{
        padding: 0 0 50px 0;
    }
    .section-unit-types {
        padding: 230px 0 50px 0;
        position: relative;
    }
    .search-section{
        padding: 100px 0 50px 0;
        position: relative;
    }
}

@media (max-width: 575px){
    .section-blog {
        padding: 50px 0 50px 0;
    }
    .section-about-us {
        padding: 50px 0 50px 0;
    }
    .section-about-project {
        padding: 100px 0 50px 0;
    }
    .section-project-unit-types {
        padding: 30px 0 30px 0;
        position: relative;
    }
    .section-agent-cta{
        padding: 30px 0 50px 0;
        position: relative;
    }
    .section-content {
        padding: 100px 0 50px 0;
        position: relative;
    }
    .section-faq{
        padding: 100px 0;
    }
    .section-seo-content {
        padding: 10px 0 50px 0;
    }
}

/******Btn*****/
.btn-brand {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    color: #000000;
    transition: all 0.5s ease-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    background: linear-gradient( 270deg, rgba(223, 190, 106, 0.8), rgb(195 160 76), rgba(34, 34, 34, 0), rgba(34, 34, 34, 0) );
    background-position: 1% 50%;
    background-size: 300% 300%;
    padding: 35px 40px;
    border: 1px solid rgb(0 0 0 / 30%);

    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    line-height: 0;
    border-radius: 2px;
    font-style: normal;
    letter-spacing: 0.3em;
    margin-bottom: 10px;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}

.btn-gold {
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 600;

    border: none;
    background-color: #b4995e;
    transition: 0.5s;

    padding: 14px 30px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    border-radius: 2px;
    font-style: normal;
    letter-spacing: 1px;
    text-decoration: none;
    cursor: pointer;
}

.home-about-cta{
    margin-top: 50px;
}

.btn-sm{
    width: auto;
    padding: 14px 25px;
    margin-bottom: 0;
}

.btn-gold:hover,
.btn-gold:focus,
.btn-gold:active {
    background-color: #e4c887;
    color: #171819;
    outline: 0;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active {
    border: 1px solid rgba(223, 190, 106, 0);
    background-position: 99% 50%;
    background-color: #e4c887;
    color: #ffffff;
}

.text-center{
    text-align: center;
}

@media (max-width: 500px) {
    .btn-gold {
        padding: 12px 30px;
        font-size: 10px;
    }
    .btn-service{
        padding: 12px 20px;
        font-size: 9px;
    }

    .btn-brand {
        padding: 25px 40px;
        font-size: 10px;
        width: 100%;
    }
    .home-about-cta{
        margin-top: 35px;
    }
}


/* Card */
.card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card__item {
    width: 33.3%;
    padding: 5px;
}

.card__inner {
    position: relative;
    /*background-color: #000000;*/
}

.card__inner:hover .card__img {
    transform: translate3d(-10px, -10px, 0);
}

.card__inner:hover .card__img img {
    opacity: .4;
}

.card__inner:hover{
    opacity: 1;
}

.card__img {
    background: #000000;
    transition: transform .2s linear;
}

.card__img img {
    display: block;
    max-width: 100%;
    height: auto;
    transition: opacity .1s linear;
    opacity: 0.6;
}

.card__text {
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    transform: translate3d(0, -50%, 0);
}

.card__info {
    margin-top: 20px;

    text-align: center;
}

.card__name {
    margin-bottom: 5px;

    font-size: 14px;
    color: #333;
    text-transform: uppercase;
}

.card__prof {
    font-size: 15px;
    font-style: italic;
    font-weight: 300;
    color: #999;
}

@media (max-width: 1024px) {
    .card {
        justify-content: center;
    }
    .card__item {
        width: 33%;
        margin-bottom: 10px;
        padding: 0 5px;
    }
    .card__item:last-child {
        margin-bottom: 0;
    }
    .card__inner:hover .card__img {
        transform: translate3d(-5px, -5px, 0);
    }
}

@media (max-width: 768px) {
    .card__text {
        font-size: 13px;
    }
    .card__inner:hover .card__img {
        transform: translate3d(-5px, -5px, 0);
    }

    .card__item {
        width: 50%;
        margin-bottom: 10px;
        padding: 0 5px;
    }
}

/* Statistics */
.statistics {
    background-color: #232425;
}

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

.stat__item {
    flex: 1 1 0;
    padding: 70px 25px;
    border-left: 1px solid #b4995e;
    text-align: center;
    color: #b4995e;
    line-height: 1.3;
}

.stat__item:last-child {
    border-right: 1px solid #b4995e;
}

.stat__count {
    margin-bottom: 10px;
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
}

.stat__text {
    font-size: 14px;
    text-transform: uppercase;
}

.one-border{
    border: none;
    border-right: 1px solid #b4995e!important;
}
.one-border:last-child{
    border: none!important;
}


@media (max-width: 990px) {
    .stat {
        justify-content: center;
        padding: 20px 0;
    }
    .stat__item {
        flex: none;
        width: 33.33333%;
        padding-top: 30px;
        padding-bottom: 30px;
        border: 0;
    }
    .stat__item:last-child {
        border-right: 0;
    }
}

@media (max-width: 768px) {
    .stat__item {
        width: 49%;
    }
}

@media (max-width: 575px) {
    .stat__item:last-child {
        border-bottom: 0;
    }
    .stat__count {
        font-size: 42px;
    }
    .stat__text {
        font-size: 10px;
    }
}


/* CTA Box */
.cta-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.cta-box-items {
    flex: 1 1 0;
    padding: 5px;
    width: 100%;
    min-width: 212px;
}

.cta-box-items-box {
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    box-sizing: border-box;
    background-color: #232425;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 20px;
    border: 1px solid #b4995e61;
}

.cta-box-items-box:hover, .cta-box-items-box:focus, .cta-box-items-box:active {
    background-color: #171819;
    border: 1px solid #b4995e61;
}

.cta-box-icon img{
    width: 45px;
    padding: 7px;
    border: 1px solid #b4995e61;
    border-radius: 3px;
    margin-top: 5px;
}

.cta-box-text{
    font-size: 15px;
    letter-spacing: 1px;
    color: #b4995e;
    padding: 0 12px 0 12px;
    line-height: 1.2;
    text-align: left;
    font-weight: 600;
}

@media (max-width: 768px) {
    .cta-box-text {
        font-size: 13px;
        padding: 0 12px 0 12px;
        font-weight: 600;
    }
}

@media (max-width: 575px) {
    .cta-box-items {
        width: 100%;
    }
    .cta-box-items-box {
        height: 70px;
    }
    .cta-box-icon img {
        width: 40px;
    }
}

/* Services */
.services {
    display: flex;
    flex-wrap: wrap;
}

.services__item {
    width: 33.33333%;
    padding: 0 35px 40px 85px;
    position: relative;
    margin-bottom: 40px;
}

.services__item--border {
    border-bottom: 1px solid #e5e5e5;
}

.services__icon {
    position: absolute;
    top: 0;
    left: 28px;
    z-index: 1;
}

.services__title {
    margin-bottom: 10px;

    font-size: 14px;
    color: #333;
    text-transform: uppercase;
}

.services__text {
    font-size: 15px;
    color: #999;
}

@media (max-width: 990px) {
    .services__item {
        width: 50%;
        padding-bottom: 0;
    }

    .services__item--border {
        border-bottom: 0;
    }
}

@media (max-width: 770px) {
    .services {
        justify-content: center;
    }

    .services__item {
        width: 100%;
        max-width: 400px;
        padding-left: 55px;
        padding-right: 0;
    }

    .services__icon {
        left: 0;
    }
}

/* We do */
.wedo {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.wedo__item {
    width: 50%;
    padding: 0 15px;
}

.wedo__img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 770px) {
    .wedo__img {
        display: none;
    }
    .wedo__item {
        width: 100%;
    }
}

/* Logos */
.logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -15px;
}

.logos__item {
    padding: 0 15px;
}

.logos__img {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 575px) {
    .logos {
        flex-wrap: wrap;
        justify-content: center;
    }
    .logos__item {
        width: 50%;
        margin-bottom: 20px;
    }
    .logos__img {
        margin: 0 auto;
    }
}

/* Clients */
.clients {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
}

.clients__item {
    width: 50%;
    padding: 0 45px 0 175px;
    position: relative;
    margin-bottom: 60px;
}

.clients__photo {
    width: 110px;
    height: 110px;

    border-radius: 50%;

    position: absolute;
    top: 0;
    left: 40px;
    z-index: 1;
}

.clients__name {
    margin-bottom: 5px;

    font-size: 14px;
    color: #333;
    text-transform: uppercase;
}

.clients__prof {
    font-size: 15px;
    color: #333;
    font-style: italic;
    font-weight: 300;
}

.clients__text {
    font-size: 15px;
    color: #999;
}

.clients__text:before {
    content: "";
    display: block;
    width: 60px;
    height: 3px;
    margin: 15px 0;

    background-color: #f38181;
}

@media (max-width: 990px) {
    .clients {
        max-width: 600px;
        margin: 0 auto;
    }
    .clients__item {
        width: 100%;
        padding-right: 0;
    }
    .clients__item:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 575px) {
    .clients__photo {
        position: static;
    }
    .clients__item {
        padding-left: 0;
        text-align: center;
    }
    .clients__text:before {
        margin: 15px auto;
    }
}


/* Blog */
.blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog__item {
    width: 31%;
    background-color: #ffffff;
    border-radius: 4px;
    margin-bottom: 30px;
}

.blog__header {
    position: relative;
}

.blog-img-link{
    width: 100%;
    height: 250px;
    border-radius: 4px;
    position: relative;

    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.black-layer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    z-index: 99;
    background: linear-gradient(rgb(0 0 0 / 0%) 0%, #000000 80%);
    border-radius: 0 0 3px 3px;
}

.blog-link{
    width: 100%;
}

.blog-link-text{
    position: absolute;
    bottom: 0;
    padding: 10px 15px;
    z-index: 100;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3;
    font-size: 16px;

    transform: translate3d(0, 0, 0);
    transition: all 0.3s;
}

.blog-link:hover .blog-link-text {

    transform: translate3d(0, -10px, 0);
}

@media (max-width: 900px) {
    .blog__item {
        width: 48%;
    }
}

@media (max-width: 600px) {
    .blog__item {
        width: 100%;
        margin-bottom: 20px;
    }
}

/*blog single*/
.blog-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blog-details{
    color: #999999;
    width: 68%;
}

.blog-title{
    color: #999999;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    position: relative;
    margin-bottom: 30px;
    line-height: 1.2;
}

.blog-details img{
    max-width: 100%;
    margin-bottom: 20px;
}

.blog-right{
    width: 28%;
}

.blog-sidebar{
    background-color: #000000;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 25px;
}

.recent-posts{
    background-color: #000000;
    border-radius: 4px;
    padding: 30px;
}

.sidebar-title {
    font-size: 20px;
    font-weight: 600;
    color: #999999;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.2;
}

.sign-up-box {
    display: flex;
}

.sign-up-box-email {
    width: 70%;
}

.sign-up-email {
    height: 50px;
    box-shadow: none;
    color: #848484;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border: none;
    border-radius: 4px 0 0 4px;
}

.sign-up-email:focus, .btn-sign-btn:focus{
    outline: 0;
}

.sign-up-btn {
    width: 30%;
}

.btn-sign-btn {
    padding: 17.5px 0;
    border-radius: 0 4px 4px 0;
    width: 100%;
    float: left;
    border: none;
    background-color: #b4995e;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.3s linear;
    font-size: 12px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    letter-spacing: 1px;
}

.btn-sign-btn:hover, .btn-sign-btn:focus{
    opacity: 0.8;
}

.sidebar-blogs:last-child{
    margin-bottom: 0;
}

.sidebar-blogs{
    display: block;
    width: 100%;
}

.sidebar-blogs-item{
    width: 100%;
    margin-bottom: 30px;
}

.sidebar-blogs-item:last-child{
    margin-bottom: 0;
}


@media (max-width: 1024px) {
    .blog-details{
        width: 100%;
    }
    .blog-right{
        width: 100%;
        margin-top: 70px;
    }
    .sidebar-blogs{
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
    }

    .sidebar-blogs-item{
        width: 31%;
        padding: 10px;
    }
    .recent-posts{
        background-color: transparent;
        padding: 30px;
        margin-bottom: 0;
    }
}

@media (max-width: 500px){
    .section-areas {
        padding: 100px 0 80px 0;
    }
    .blog-title {
        font-size: 25px;
    }
    .recent-posts{
        padding: 0;
    }
}

/* Unit Types */
.feat-units{
    padding: 0 50px;
}

.unit-types {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin-top: 20px;
}

.unit-types__item {
    width: 23%;
    margin: 10px;
    padding: 15px;
    background-color: #232425;
}

.unit-types__item:focus{
    outline: 0!important;
}

.unit-types__header {
    position: relative;
    margin-bottom: 14px;
    width:100%;
    height: 250px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.unit-types__count {
    padding: 10px 20px;
    background-color: #232425;
    font-style: italic;
    font-size: 15px;
    color: #fff;
    font-weight: 300;
    text-align: center;

    position: absolute;
    bottom: 10px;
    left: -10px;
    z-index: 1;
}

.unit-types__count-value {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    font-style: normal;
}

.unit-types__content {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: center;
}

.project-name{
    margin-bottom: 25px;
    font-size: 14px;
    font-weight: 300;
    color: #bdbdbd;
    line-height: 1.3;
    text-transform: uppercase;
    display: block;
    position: relative;
}

.project-name:after{
    content: " ";
    position: absolute;
    display: block;
    width: 100px;
    height: 2px;
    background-color: #b4995e;
    bottom: -8px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.unit-icon{
    width: 20px;
    margin-right: 10px
}

.unit-types__title {
    width: 100%;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 13px;
    color: #b6c1c1;
    line-height: 1.4;
}

.unit-types__title:last-child {
    margin-bottom: 0;
}

.min-heigh-180 .unit-types__title {
    display: -webkit-inline-flex !important;
    align-items: center !important;
    -webkit-align-items: center !important;
}

.min-heigh-180{
    min-height: 180px;
}

.units-cta-box {
    height: 50px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: #232425;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 3px;
    text-decoration: none;
    border: 1px solid #b4995e61;
    margin-bottom: 10px;
}
.units-cta-box:last-child {
    margin-bottom: 0;
}

.units-cta-box:hover, .units-cta-box:focus, .units-cta-box:active {
    background-color: #171819;
    border: 1px solid #b4995e61;
}

.units-cta-box-text{
    font-size: 11px;
    letter-spacing: 1px;
    color: #b4995e;
    padding: 0 15px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 600;
}

.feat-units-cta{
    text-align: center;
    padding-top: 50px;
}

@media (max-width: 1366px) {
    .unit-types__item {
        width: 31%;
    }
}

@media (max-width: 1024px) {
    .unit-types__item {
        width: 31%;
    }
    .unit-types__header {
        height: 230px;
    }
    .feat-units{
        padding: 0 30px;
    }
    .feat-units-cta{
        text-align: center;
        padding-top: 30px;
    }
}

@media (max-width: 900px) {
    .unit-types__header {
        height: 180px;
    }
    .unit-types__item {
        width: 46%;
    }
    .unit-types__item:last-child {
        margin-bottom: 0;
    }
    .min-heigh-180{
        min-height: 180px;
    }
}

@media (max-width: 600px){
    .unit-types__item {
        width: 100%;
        max-width: 500px;
        margin: 10px auto;
    }
    .feat-units {
        padding: 0 15px;
    }
    .unit-types__header {
        height: 160px;
    }
    .min-heigh-180{
        min-height: 130px;
        margin: 20px 0 10px 0;
    }
    .project-name{
        margin-bottom: 20px;
        font-size: 12px;
    }
    .unit-types__title {
        margin-bottom: 5px;
        font-size: 11px;
    }
    .unit-icon{
        width: 15px;
        margin-right: 7px
    }
}

/* Footer */
.footer {
    padding-top: 65px;
    background-color: #232425;
}

.footer__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -15px;
    padding-bottom: 65px;
}

.footer__col {
    padding: 0 15px;
}

.footer__col--first {
    width: 30%;
}

.footer__col--second {
    width: 30%;
}

.footer__col--third {
    width: 25%;
}

.footer__logo {
    margin: 20px 0 13px 0;
}

.footer__logo img{
    max-width: 300px;
}

.footer__title {
    margin: 30px 0;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: left;
}

.footer-information a{
    display: block;
    color: #999999;
    font-size: 15px;
    margin-bottom: 10px;
    border: 1px solid;
    text-align: center;
    padding: 9px 10px;
    border-radius: 20px;
    line-height: 1.2;
}

@media (max-width: 1024px) {
    .footer__col--first {
        width: 32%;
    }
    .footer__col--second {
        width: 30%;
    }
    .footer__col--third {
        width: 30%;
    }
    .footer-information a {
        font-size: 13px;
    }
}

@media (max-width: 950px) {
    .footer__col--first {
        width: 100%;
    }
    .footer__col--second {
        width: 45%;
    }
    .footer__col--third {
        width: 45%;
    }
}

@media (max-width: 600px) {
    .footer__col--second, .footer__col--third {
        width: 100%;
    }
    .footer {
        padding-top: 30px;
        background-color: #232425;
    }
    .footer-information a{
        font-size: 15px;
    }
}

/* Instagram */
.instagram {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.instagram__item {
    width: 50%;
    padding: 0 10px 10px 0;
}

.instagram__item img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Copyright */
.copyright {
    padding: 20px 0;

    border-top: 1px solid #e5e5e575;

    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

/* Text Decoreation */
.text-white{
    color: #ffffff;
}

.text-black{
    color: #333333;
}

.opacity-1{
    opacity: 1!important;
}

.text-upper{
    text-transform: uppercase;
}

/*Footer form*/
.form-group {
    margin-bottom: 1rem;
    text-align: center;
}

.form-control {
    display: block;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-size: 15px;
    font-family: sans-serif;
    min-height: 3.2em;
    width: 100%;
    border-radius: 0;
}

.form-control:focus {
    outline: 0;
}

option{
    background-color: #232425;
}

/* PopUp Form Group*/
.pp-form-group {
    margin-bottom: 20px;
    text-align: center;
}

.pp-form-control{
    border: none;
    border-bottom: 1px solid #ffffffc9;
    min-height: 2.2em;
}

/* Select Option ********/

/*********************/

#error-msg{
    color: #ffffff;
}

@media (max-width: 600px) {
    .form-control {
        font-size: 14px;
    }
    .pp-form-group {
        margin-bottom: 15px;
        text-align: center;
    }
}

/* footer.htm contact details item*/
.footer-contact-details{
    margin-bottom: 30px;
}

.footer-contact-details_item {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.blogs__img {
    width: 20px;
}

.blogs__content {
    padding-left: 20px;
}

.blogs__title {
    display: block;
    color: #999;
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    margin: 0;
    margin-bottom: 5px;
}

/*Footer Social Icons*/
.footer-socials{
    margin-bottom: 10px;
}
.footer-smm {
    width: 30px;
    margin-right: 6px;
}

/*********************************** image gallery */
/* Slider */
.slider-wrap{
    padding: 0 70px;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: auto;
    touch-action: auto;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-list,
.slick-track,
.slick-slide,
.slick-slide img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    zoom: 1;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
.slick-slide img {
    display: block;
}
.slick-slide img.slick-loading {
    background: white url(./ajax-loader.gif) center center no-repeat;
    padding-bottom: 100%;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    background-color: transparent;
    display: block;
    height: 35px;
    width: 35px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    top: 50%;
    margin-top: -30px;
    outline: none;
    border-radius: 30px;
    background-size: cover;
    background-position: 50% 50%;
    border: none;
    transition: all 0.5s;
}

.slick-next {
    right: -30px;
    background-image: url("/themes/dubaimansions/assets/images/project/right.png");
}

.slick-prev{
    left: -30px;
    background-image: url("/themes/dubaimansions/assets/images/project/left.png");
}

.slick-prev:focus, .slick-prev:hover, .slick-prev:active
.slick-next:focus, .slick-next:hover, .slick-next:active {
    outline: none;
    background-color: #000000;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}

/* Dots */
.slick-dots {
    position: relative;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 10px;
    width: 7px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: #999999;
    display: block;
    height: 5px;
    width: 5px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
    outline: none;
    border-radius: 20px;
    padding: 0;
}
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '\2022';
    width: 5px;
    height: 5px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: 20px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: white;
}
/**/
.slider-box{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 900px;
}

@media (max-width: 1366px) {
    .slider-box{
        height: 670px;
    }
}

@media (max-width: 1024px) {
    .slider-box{
        height: 480px;
    }
    .slick-prev, .slick-next {
        height: 30px;
        width: 30px;
    }
    .slider-wrap {
        padding: 0 40px;
    }
    .slick-next {
        right: -30px;
    }
    .slick-prev {
        left: -30px;
    }
}

@media (max-width: 820px) {
    .slider-box{
        height: 340px;
    }
    .slick-next {
        right: -30px;
        height: 20px;
        width: 20px;
    }
    .slick-prev {
        left: -30px;
        height: 20px;
        width: 20px;
    }
}

@media (max-width: 500px) {
    .slider-wrap {
        padding: 0;
    }
    .slider-box{
        height: 200px;
    }
    .section-image-slider .slick-prev, .section-image-slider .slick-next {
        display: none!important;
    }
    .slick-next {
        right: -23px;
        height: 17px;
        width: 17px;
    }
    .slick-prev {
        left: -23px;
        height: 17px;
        width: 17px;
    }
}

/***************** Loading *************************/
.loading{
    display: none; /* Hidden by default */
    flex-direction: column;
    justify-content: center;
    position: fixed; /* Stay in place */
    z-index: 1100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #232425; /* Fallback color */
}

.loader {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    border: 16px solid #b4995e;
    border-radius: 50%;
    border-top: 16px solid #ffffff;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/***************** Modal **********************/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #000000c9; /* Fallback color */
    transition: opacity 2s ease-out;
    opacity: 0;
}

.modal-form{
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 800px;
    margin: 5% auto 0 auto; /* 15% from the top and centered */
    padding: 20px;
}

.modal-content {
    padding: 40px;
    width: 100%; /* Could be more or less, depending on screen size */
    position: relative;

    background-color: #232425;
    box-shadow: -2px -1px 8px rgba(255, 255, 255, 0.3), -2px 5px 12px rgba(255, 255, 255, 0.03);
    border-radius: 6px;
}

.close {
    position: absolute;
    top: -30px;
    right: 0px;
    color: #ffffff;
    font-size: 70px;
    line-height: 0;
}

.close:hover, .close:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.modal-body {
    text-align: center;
    margin: 20px 0;
}

#modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

#ctaimg{
    width: 60px;
    margin-bottom: 20px;
}

#modal-sup-title{
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 300;
    /* font-family: 'Montserrat', sans-serif; */
    letter-spacing: 1px;
}

@media (max-width: 500px){
    .modal-content {
        padding: 20px;
    }
    #modal-title {
        font-size: 16px;
    }
    #modal-sup-title{
        font-size: 12px;
    }
    .modal-form{
        margin: 15% auto 0 auto; /* 15% from the top and centered */
    }
    #ctaimg {
        width: 40px;
        margin-bottom: 20px;
    }
}

/***************** Modal 2**********************/
.modal2 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #000000c9; /* Fallback color */
}

.modal-form2{
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 800px;
    margin: 5% auto 0 auto; /* 15% from the top and centered */
    padding: 20px;
}

.modal-content2 {
    padding: 40px;
    width: 100%; /* Could be more or less, depending on screen size */
    position: relative;

    background-color: #232425;
    box-shadow: -2px -1px 8px rgba(255, 255, 255, 0.3), -2px 5px 12px rgba(255, 255, 255, 0.03);
    border-radius: 6px;
}

.close2 {
    position: absolute;
    top: -30px;
    right: 0px;
    color: #ffffff;
    font-size: 70px;
    line-height: 0;
}

.close2:hover, .close2:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.modal-body2 {
    text-align: left;
    margin: 20px 0;
}

.modal-body2 p, .modal-body2 li{
    font-size: 13px;
    color: #ffffffad;
}

.modal-body2 h2{
    font-size: 18px;
    color: #ffffffad;
}

.privacy-box{
    text-align: left;
    color: #ffffff91;
    font-size: 13px;
}

.privacy-box a{
    color: #b4995e!important;
    font-size: 13px;
    cursor: pointer;
}

@media (max-width: 500px){
    #modal-sup-title2{
        font-size: 14px;
    }
    .modal-form2{
        margin: 15% auto 0 auto; /* 15% from the top and centered */
    }
    .modal-body2 {
        margin: 20px 0;
    }
    .modal-body2 p, .modal-body2 li {
        font-size: 10px;
    }
    .privacy-box {
        font-size: 9px;
        line-height: 1.3;
    }
    .privacy-box a{
        font-size: 9px;
    }
}

/***************** Modal 3**********************/
.modal3 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1001; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #000000c9; /* Fallback color */
}

.modal-form3{
    width: 100%; /* Could be more or less, depending on screen size */
    max-width: 600px;
    margin: 5% auto 0 auto; /* 15% from the top and centered */
    padding: 20px;
}

.modal-content3 {
    width: 100%; /* Could be more or less, depending on screen size */
    position: relative;
    background-color: #232425;
    box-shadow: -2px -1px 8px rgba(255, 255, 255, 0.3), -2px 5px 12px rgba(255, 255, 255, 0.03);
    border-radius: 6px;
}

.close3 {
    position: absolute;
    top: -30px;
    right: 0px;
    color: #ffffff;
    font-size: 70px;
    line-height: 0;
}

.close3:hover, .close3:focus {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.modal-body3 {
    text-align: left;
    margin: 20px 0;
}

.modal3-form{
    padding: 30px;
    background-image: url("/themes/dubaimansions/assets/images/about/faq/faq.jpg");
}

.popup-img{
    text-align: left;
    width: 100%
}

.popup-img img{
    width: 100%;
    margin-bottom: -7px
}

@media (max-width: 500px){
    .modal-body3 {
        margin: 20px 0;
    }
}

/*Margins*/
.m-t-10{
    margin-top: 10px;
}
.m-t-20{
    margin-top: 20px;
}
.m-t-30{
    margin-top: 30px;
}
.m-t-40{
    margin-top: 40px;
}
.m-t-50{
    margin-top: 50px;
}
.padding-80-0{
    padding: 80px 0;
}
.m-b-20{
    margin-bottom: 20px;
}

/*****************************************************Youtube Modal*/
.ed-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000000c9;
    display: -webkit-box;
    display: flex;
    z-index: 111;
}

.ed-closeModal {
    position: absolute;
    top: -30px;
    right: 0px;
    cursor: pointer;
    color: #ffffff;
    font-size: 70px;
    line-height: 0;
}

.modalContent {
    width: 95%;
    max-width: 700px;
    max-height: 500px;
    margin: auto;
    box-shadow: -2px -1px 8px rgba(255, 255, 255, 0.3), -2px 5px 12px rgba(255, 255, 255, 0.03);
    border-radius: 6px;
}

.video {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    /*overflow: hidden;*/
}
.video iframe {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 6px;
}


/***************************************************** Row*/
.row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.coll-md-6{
    width: 50%;
    max-width: 600px;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.agent-box{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    box-sizing: border-box;

    padding: 20px;
}

.agent-name{
    color: #999999;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    position: relative;
    margin-bottom: 15px;
    line-height: 1.2;
    text-align: center;
    margin-top: -70px;
}

.agent-cta-img{
    max-width: 100%
}

.agent-bg-name {
    font-size: 160px;
    font-weight: 700;
    color: transparent;
    letter-spacing: 3px;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
    text-align: center;
    line-height: 1;
}

.agent-position{
    color: #999999;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    position: relative;
    line-height: 1.2;
    text-align: center;
}

.agent-position:after{
    content: "";
    display: block;
    width: 100px;
    height: 1px;
    margin: 20px auto 30px;
    background-color: #999999
}

.agent-say{
    color: #b4995e;
    font-size: 35px;
    font-weight: 200;
    letter-spacing: 1px;
    display: block;
    position: relative;
    line-height: 1.2;
    text-align: center;
}

.compas{
    text-align: center;
    padding: 30px 0 15px 0;
}

.compas img{
    width: 200px;
}

.agent-cta {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.agent-cta-box-items {
    flex: 1 1 0;
    padding: 5px;
    width: 100%;
    min-width: 212px;
}

.agent-cta-box-items-box {
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    background-color: #232425;
    cursor: pointer;
    transition: 0.5s;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 20px;
    border: 1px solid #b4995e61;
}

.agent-cta-box-items-box:hover,
.agent-cta-box-items-box:focus,
.agent-cta-box-items-box:active {
    background-color: #171819;
    border: 1px solid #b4995e61;
}

.agent-cta-box-icon img{
    width: 45px;
    padding: 7px;
    border: 1px solid #b4995e61;
    border-radius: 3px;
    margin-top: 5px;
}

.agent-cta-box-text{
    font-size: 15px;
    letter-spacing: 1px;
    color: #b4995e;
    padding: 0 12px 0 12px;
    line-height: 1.2;
    text-align: left;
    font-weight: 600;
}

.show-1024{
    display: none;
}
.hide-1024{
    display: block;
}

@media (max-width: 1366px) {
    .agent-cta-img{
        max-width: 90%;
    }
}

.error-google{
    color: #e06d6d;
}

@media (max-width: 1024px) {
    .coll-md-6{
        display: block;
        width: 100%;
        text-align: center;
    }
    .agent-say {
        margin-top: 50px;
        font-size: 30px;
    }
    .agent-position:after {
        margin: 20px auto 50px;
    }
    .agent-cta-box-items {
        flex: none;
        width: 50%;
    }
    .agent-cta-box-text{
        font-size: 13px;
    }
    .show-1024{
        display: block;
    }
    .hide-1024{
        display: none;
    }
    .agent-name {
        margin-top: -77px;
    }
    .agent-cta-img{
        width: 100%;
        max-width: 400px;
    }
    .agent-bg-name {
        font-size: 190px;
    }
}

@media (max-width: 750px) {
    .agent-bg-name {
        font-size: 150px;
    }
    .agent-name {
        margin-top: -68px;
    }
    .agent-cta-img{
        width: 100%;
        max-width: 350px;
    }
}

@media (max-width: 500px) {
    .agent-bg-name {
        font-size: 114px;
    }
    .agent-name {
        font-size: 40px;
        margin-top: -54px;
    }
    .agent-box {
        padding: 0;
    }
    .agent-cta-box-items {
        width: 100%;
    }
    .agent-cta-box-items-box {
        height: 70px;
        justify-content: start;
    }
    .agent-cta-box-icon img {
        width: 40px;
    }
    .agent-cta-img{
        width: 100%;
        max-width: 250px;
    }
    .agent-say {
        color: #b4995e;
        font-size: 20px;
        margin-top: 20px;
    }
    .compas {
        padding: 25px 0 0 0;
    }
    .compas img {
        width: 120px;
    }
}

/*Listing*/

.listing-video{
    padding: 5px 5px;
    background-color: #232425;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: -10px;
    z-index: 1;
    transition: 0.5s;
    cursor: auto;
    border-radius: 6px;
}

.listing-brochure{
    padding: 10px 10px;
    background-color: #232425;
    text-align: center;
    position: absolute;
    bottom: 10px;
    right: -10px;
    z-index: 1;
    transition: 0.5s;
    cursor: auto;
    border-radius: 6px;
}

.listing-img{
    cursor: pointer;
    width: 100%;
    border: 1px solid #b4995e61;
    padding: 10px;
    max-width: 55px;
    border-radius: 6px;
}

.listing-video-img:hover,
.listing-video-img:focus,
.listing-video-img:active{
    background-color: #171819;
    border: 1px solid #b4995e61;
}

@media (max-width: 768px) {
    .listing-video{
        padding: 5px 5px;
    }
    .listing-brochure{
        padding: 5px 5px;
    }
    .listing-img {
        padding: 5px;
        max-width: 40px;
    }
}


/*seo content*/
.seo-content p{
    color: #c1c1c1;
    font-size: 15px;
    line-height: 1.3;
    opacity: .7;
    margin: 0;
    margin-bottom: 7px;
}

.max-w-1k{
    max-width: 1000px;
    margin-top: 20px;
}

.service-title{
    color: #c1c1c1;
    font-size: 35px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px;
}

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

@media (max-width: 500px) {
    .service-title {
        font-size: 23px;
        line-height: 1.2;
    }
}

/******************************** services *********************/
.positio-rel{
    position: inherit!important;
}

.service-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}
.service-box-item {
    padding: 10px;
    width: 33%;
    min-width: 212px;
}
.box-line {
    padding: 13px 20px;
    text-align: left;
    height: 90px;
    border: 1px solid #9999993b;
}
.ext-box {
    display: table;
    height: 100%;
}
.invest-icons {
    display: table-cell;
    vertical-align: middle;
}
.invest-icons img {
    height: auto;
    width: 35px;
}
.int-box {
    display: table-cell;
    vertical-align: middle;
}
.service-text1 {
    font-size: 18px;
    color: #c0a375;
    text-align: left;
    display: -webkit-box;
    line-height: 1.3;
    margin-left: 15px;
}

@media (max-width: 1024px) {
    .service-text1 {
        font-size: 16px;
    }
    .service-box-item {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .service-text1 {
        font-size: 14px;
    }
    .box-line {
        height: 120px;
    }
}

@media (max-width: 768px) {
    .service-box-item {
        width: 50%;
    }
    .box-line {
        height: 90px;
    }
}

@media (max-width: 600px) {
    .service-box-item {
        width: 100%;
    }
}


/*Dev logos*/
.dev-logo {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.dev-logo-item {
    width: 25%;
}
.dev-logo-item img{
    width: 150px;
}

@media (max-width: 1024px) {
    .dev-logo-item img {
        width: 110px;
    }
}

@media (max-width: 768px) {
    .dev-logo-item img {
        width: 90px;
    }
}

@media (max-width: 500px) {
    .dev-logo-item img {
        width: 50px;
    }
    .dev-logo {
        margin-top: 20px;
    }
}

/*team box*/
.team-box{
    display: flex;
    flex-wrap: wrap;
}

.team-box-item{
    width: 25%;
    padding: 20px;
}

.team-box-item img{
    max-width: 100%;
}

.team-info {
    padding-top: 10px;
    height: 120px;
}

.team-info-name {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.1px;
    color: #999999;
    line-height: 1.3;
    margin-bottom: 5px;
}

.team-info-pos {
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    color: #999999;
}

.team-info-lang {
    font-size: 14px;
    color: #999999;
}

@media (max-width: 1024px){
    .team-info-name {
        font-size: 14px;
    }
    .team-info-pos {
        font-size: 13px;
    }

    .team-info-lang {
        font-size: 13px;
    }
}

@media (max-width: 768px){
    .team-box-item{
        width: 50%;
    }
    .team-info-name {
        font-size: 14px;
    }
    .team-info-pos {
        font-size: 13px;
    }
    .team-info-lang {
        font-size: 13px;
    }
}

@media (max-width: 500px){
    .team-box-item {
        padding: 10px;
    }
    .team-info-name {
        font-size: 12px;
    }
    .team-info-pos {
        font-size: 11px;
    }
    .team-info-lang {
        font-size: 11px;
    }
    .team-info {
        height: 100px;
    }
}


/*FAQ*/
.faq-p {
    padding-left: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid;
}

.lead {
    color: #c1c1c1;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    margin: 0;
    margin-bottom: 15px;
}

.content-li {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 1.3125rem;
    color: #c1c1c1;
}

.text-primary{
    color: #b4995e;
}

.mt-100{
    margin-top: 70px;
}

@media (max-width: 500px) {
    .content-li {
        font-size: 11px;
    }
    .lead {
        font-size: 13px;
    }
    .mt-100 {
        margin-top: 35px;
    }
    .faq-p {
        padding-left: 10px;
    }
}

/*acardion*/
.container-faq {
    display: table;
    margin: 0 auto;
    width: 100%;
}

.column {
    display: table-cell;
    width: 100%;
}

.accordion {
    display: block;
    font-size: inherit;
    margin: 0px;
    position: relative;
}

.accordion input {
    display: none;
    position: absolute;
    visibility: hidden;
    left: 50%;
    top: 50%;
    z-index: 1;
}

.accordion__header {
    background-color: #232425;
    border: 1px solid #c1c1c159;
    border-bottom-width: 0px;
    color: #c1c1c1;
    cursor: pointer;
    transition: background 0.2s;
    padding: 20px;
    position: relative;
    z-index: 2;
}
.accordion__header:hover {
    background-color: #000000;
    color: white;
}
.accordion__header:hover:before, .accordion__header:hover:after {
    background-color: white;
}
.accordion__header:before, .accordion__header:after {
    background-color: #c1c1c1;
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
}
.accordion__header:before {
    height: 2px;
    margin-top: -1px;
    top: 50%;
    right: 20px;
    width: 8px;
}
.accordion__header:after {
    height: 8px;
    margin-top: -4px;
    top: 50%;
    right: 23px;
    width: 2px;
}
.accordion input:checked ~ .accordion__header {
    background: #000000;
    border-color: #c1c1c159;
    color: #ffffff;
}
.accordion input:checked ~ .accordion__header:hover {
    background-color: #000000;
    border-color: #c1c1c159;
    color: white;
}
.accordion input:checked ~ .accordion__header:before {
    background-color: white;
}
.accordion input:checked ~ .accordion__header:after {
    display: none;
}
.accordion:first-child .accordion__header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.accordion:last-child .accordion__header {
    border-bottom-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.accordion:last-child input:checked ~ .accordion__header {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.accordion__content {
    background-color: white;
    display: none;
    padding: 20px;
}
.accordion__content p{
    margin: 0;
    font-size: 13px;
}

.accordion input:checked ~ .accordion__content {
    display: block;
}
.accordion:last-child .accordion__content {
    border-bottom-width: 1px;
    border-radius: 0px 0px 4px 4px;
}

/*FAQ*/
.faq-form{
    margin-top: 100px;
    padding: 70px;
    background-image: url("/themes/dubaimansions/assets/images/about/faq/faq.jpg");
}

.faq-form-box{
    max-width: 500px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.faq-title {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.faq-sup-title{
    color: #ffffff;
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 300;
    /* font-family: 'Montserrat', sans-serif; */
    letter-spacing: 1px;
}

@media (max-width: 500px) {
    .faq-form{
        padding: 70px 20px;
    }
    .faq-sup-title{
        font-size: 13px;
        margin-top: 0;
    }
    .faq-title {
        font-size: 18px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
}

/*Settings*/
#settings-form{
    display: none;
}

.settings-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.autocomplete{
    width: 100%;
}

.table-view{
    color: white;
    font-size: 10px;
    text-align: left;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
    text-align: left;
}

/*when hovering an item:*/
.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

#myInputautocomplete-list{
    background-color: black;
    position: absolute;
    width: 90%;
    z-index: 2;
}

.settings-box-item{
    width: 48%;
}

@media (max-width: 500px) {
    .settings-box-item{
        width: 100%;
    }
}

.currency-hiden,
.price-from-hiden,
.size-name-hiden,
.size-to-hiden,
.size-from-hiden{
    font-size: 0;
}

#view-time, #view-date{
    background-color: #7f7f7f;
    padding-left: 10px;
}

.label-text{
    text-align: left;
    font-size: 13px;
    color: #ffffff91;
}

@media (max-width: 500px){
    input[type="date"], input[type="time"] {
        background-color: #7f7f7f;
        width: 100%;
        min-width: 240px;
        padding: 10px;
    }
}

/*ty*/
.ty-text{
    font-size: 19px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 1px;
}

@media (max-width: 575px){
    .ty-text{
        font-size: 11px;
    }
}

/*WhatsApp*/
.whatsapp-group {
    position: fixed;
    right: 5px;
    bottom: 2px;
    z-index: 111;
    cursor: pointer;
    opacity: 1;
    transition: all 0.3s;
}

.whatsapp-group:hover {
    opacity: 0.7;
}
.grow img {
    width: 70px;
    box-shadow: 0px 0px 8px 0px rgb(255 255 255 / 56%);
    border-radius: 14px;
}

@media (max-width: 500px){
    .grow img {
        width: 60px;
    }
    .whatsapp-group {
        opacity: 1;
    }
}

/************************************** Home areas*/
.home-areas{
    background-color: #1f1f1f;
    padding: 30px 20px;
}

.h-areas{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
}

.h-areas-link-active{
    color: #ffffff!important;
    background-color:#b59b60;
}

.h-areas-link{
    padding: 0 5px;
    text-align: center;
    border-radius: 20px;
    color: #b59b60;
    cursor: pointer;
    transition: all 0.5s;
    line-height: 1.2;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    height: 50px;
    margin: 0 10px;
    border: 1px solid #b59b6045;
    font-weight: 700;
    font-size: 12px;
}

.h-areas-link:hover{
    color: #ffffff;
    background-color:#b59b60;
}

.h-areas .slick-prev, .h-areas .slick-next {
    top: 75% !important;
}

@media (max-width: 1024px) {
    .h-areas-link{
        font-size: 11px;
        height: 40px;
    }
    .h-areas .slick-prev, .h-areas .slick-next {
        top: 85% !important;
    }
}

@media (max-width: 768px) {
    .h-areas .slick-prev, .h-areas .slick-next {
        top: 100% !important;
    }
    .h-areas-link{
        font-size: 10px;
    }
}

@media (max-width: 500px) {
    .h-areas-link{
        font-size: 9px;
        margin: 0 5px;
    }
}


/*************************************** Home Service*/
.hm-service{
    background-color: #efefef;
    padding: 100px 0 100px 0;
}
.services-box{
    padding: 0 50px;
}
.hm-container {
    display: flex;
    flex-wrap: wrap;
}
.home-service-title{
    color: #2A3138;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    position: relative;
    margin-bottom: 10px;
    line-height: 1.2;
}
.home-service-subtitle{
    color: #000000;
    font-size: 25px;
    letter-spacing: 1px;
    display: block;
    position: relative;
    margin-bottom: 20px;
    line-height: 1.2;
}

.hm-item {
    width: 32%;
    height: 260px;

    display: flex!important;
    flex-direction: column;

    background-color: #232425;
    border-radius: 10px;
    padding: 40px 20px;
    margin: 10px;
    text-align: left;
    transition: all 0.3s;
}

.hm-item:hover {
    background-color: #000000;
}

.hm-item-image{
    width: 50px;
    margin-bottom: 15px;
}

.hm-item-title {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    color: #ffffff;
}

.hm-item-text {
    font-size: 14px;
    color: #ffffff;
    line-height: 1.3;
}

@media (max-width: 1024px) {
    .hm-service {
        padding: 100px 20px 100px 20px;
    }
    .hm-item {
        height: 250px;
        padding: 30px 22px;
    }
    .hm-item-title {
        font-size: 18px;
    }
    .hm-item-text {
        font-size: 13px;
    }
    .home-service-title {
        font-size: 35px;
    }
    .services-box {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .services-box{
        padding: 0;
    }
}

@media (max-width: 600px) {
    .home-service-title {
        color: #000000;
        font-size: 25px;
        margin-bottom: 10px;
        font-weight: 400;
    }
    .hm-service {
        padding: 50px 10px 50px 10px;
    }
    .home-service-subtitle {
        font-size: 14px;
    }
    .hm-item {
        height: 220px;
        margin: 5px;
    }
    .services-box .slick-prev, .services-box .slick-next {
        top: 60%;
    }
}

/************************** Table*/
.DocumentList {
    overflow-x:auto;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

thead{
    border-bottom: 1px solid;
}

th, td {
    text-align: center;
    padding: 8px;
    color: #c1c1c1;
    font-size: 13px;
}

@media (max-width: 500px) {
    th, td {
        font-size: 10px;
    }
}

/****************** Promo Sections*/

.promo-intro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #333333;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}

.promo-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: 100%;
}

.promo1{
    width: 70%;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-color: #333333;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    padding: 50px;
}

.promo2{
    width: 30%;
    height: 100%;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-color: #333333;
    text-align: center;
}

.offer-titlle{
    color: #ffffff;
    font-size: 20px;
    line-height: 1.7;
    font-weight: 300;
    margin: 20px 0;
    text-align: center;
}

.offer {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1;
    letter-spacing: 4px;
    overflow: hidden;
    background: linear-gradient(90deg, #f3f3f3, #cebf11, #ffffff);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
    0% {
        background-position: -500%;
    }
    30% {
        background-position: -100%;
    }
    65% {
        background-position: 200%;
    }
    100% {
        background-position: 500%;
    }
}

@media (max-width: 1024px) {
    .offer {
        font-size: 30px;
    }
    .offer-titlle{
        font-size: 15px;
    }
}

@media (max-width: 768px) {
    .promo-intro{
        height: 100%;
    }
    .promo1{
        width: 100%;
        height: 50vh;
        padding: 50px;
    }

    .promo2{
        width: 100%;
        padding: 50px;
    }

    .offer {
        margin-top: 10px;
        font-size: 30px;
    }
}


/* Switcher */
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.mslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.mslider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .mslider {
    background-color: #b4995e;
}

input:focus + .mslider {
    box-shadow: 0 0 1px #b4995e;
}

input:checked + .mslider:before {
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
}

.switch-lable{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    color: #ffffff;
}

.map-switch{
    display: flex;
    flex-direction: row;
    justify-content: left;
    margin-bottom: 10px;
    padding: 20px 0;
}

.switch-lable{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    color: #ffffff;
    color: #ffffff;
    line-height: 1.3;
    font-size: 13px;
}


/*map single project*/
.map-single{
    height:500px;
    width:100%;
    border: 1px solid #b4995e;
}

@media (max-width: 500px){
    .map-single{
        height:300px;
    }
}

/*map*/
.distribution-map {
    width: 100%;
    height: 100vh;
    transform-style:preserve-3d;
}

.distribution-map .gm-bundled-control {
    position: absolute;
    width: 100%;
    max-width: 1780px;
    left: 50%;
    right: 0 !important;
    bottom: 70px !important;
    transform: translateX(-50%);
    margin: 0 auto !important;
}

.distribution-map .gm-bundled-control > div {
    right: 0;
    bottom: 0;
    top: unset !important;
    left: unset !important;
}

.distribution-map .gm-style .gm-style-iw-c {
    max-width: initial !important;
    padding: 0;
    border: 1px solid #ffffff;
}

.distribution-map .gm-style .gm-style-iw-c > button {
    background: #ffffff !important;
    right: 15px !important;
    top: 15px !important;
    opacity: 1;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
}

.distribution-map .gm-style .gm-style-iw-c > button img {
    display: inline-block !important;
    vertical-align: middle;
}

.distribution-map .gm-style .gm-style-iw-d {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.distribution-map .marker-popup {
    color: #1a1a1a;
    border-radius: 20px;
    font-size: 13px;
    width: 400px;
}

.distribution-map .marker-popup .content {
    margin: 0 10px 10px 10px;
    /*max-height: 185px;*/
    overflow-y: auto;
    position: relative;
}

.distribution-map .marker-popup h2 {
    font-weight: 700;
    font-size: 24px;
    text-align: left;
    padding: 0 20px;
}

.distribution-map .marker-popup table {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 400;
}

.distribution-map .marker-popup table td:last-child {
    color: #000000;
    padding-left: 5px;
    text-align: left;
    font-size: 15px;
}


/* map */
.project-body{
    font-size: 12px;
    color: white;
    text-align: left
}

.map-img{
    height: 250px;
    background-size: cover;
}

.map-title{
    font-size: 18px;
    color: #000000;
    padding: 10px;
}

.gm-style img{
    width: 20px;
}

.map-cta{
    background: #c3a04c;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    border-radius: 2px;
    font-style: normal;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    padding: 8px 20px;
}

@media (max-width: 500px){
    .distribution-map .marker-popup {
        width: 300px;
    }
    .map-img{
        height: 180px;
        background-size: cover;
    }
    .distribution-map .marker-popup table td:last-child {
        font-size: 12px;
    }
    .map-title {
        font-size: 15px;
    }
}

/****************************** Top Filter */
.top-filter{
    position: absolute;
    top: 0;
    margin-top: 70px;
    background-color: #171819db;
    width: 100%;
    z-index: 8;
    padding: 20px 0;
}

.top-filter-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.top-search-name{
    padding: 0 20px 0 0;
    width: 90%;
}

.no-margin{
    margin: 0;
}

.top-map-switch{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#input_container {
    position:relative;
}
#myInput {
    padding-left: 35px;
}
#input_img {
    position: absolute;
    bottom: 8px;
    left: 5px;
    width: 20px;
    height: 20px;
}

.top-search-btn {
    display: inline-block;
    padding: 10px 40px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    background-color: #b4995e;
    color: #ffffff;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.3;
    width: fit-content;
    transition: all 0.3s;
}

.top-search-btn:hover {
    background-color: #6f6f6f;
}

/* Options */
.options-conteiner
{
    padding-top: 10px;
}
.options{
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #6f6f6f;
    padding: 0 10px;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 3px;
}

.options-area-map {
    width: 70%;
}

.close-search{
    width: 30%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.close-box{
    width: 30px;
    height: 30px;
    margin-top: 12px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s;
}

.close-img{
    width: 30px;
}

.close-box:hover{
    background-color: #b4995e;
}

.close-search img{
}

.options-area{
    width: 30%;
}

.sh-select{
    padding-left: 7px;
}

@media (max-width: 768px) {
    .top-filter {
        margin-top: 60px;
    }
    .top-filter {
        background-color: #171819;
    }
}

@media (max-width: 767px){
    .top-search-btn {
        padding: 10px 20px;
        font-size: 12px;
    }
    .options-area {
        width: 49%;
    }
}

/* timeline */
/**************************************************************** Timeline */


.timeline-box{
    padding-top: 80px;
}
.timeline {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 15px 0;
}

.timeline::after {
    content: "";
    position: absolute;
    width: 3px;
    background: #999999;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2.5px;
}

.conteiner-timeline {
    padding: 30px 50px;
    position: relative;
    background: inherit;
    width: 50%;
}

.conteiner-timeline.left {
    left: 0;
}

.conteiner-timeline.right {
    left: 50%;
}

.conteiner-timeline .icon {
    position: absolute;
    display: none;
    width: 60px;
    height: 60px;
    top: 30px;
    right: -30px;
    padding: 9px 0;
    background: #101012;
    border: 5px solid #a3cc6d;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    color: #e94b3c;
    z-index: 1;
}

.conteiner-timeline.right .icon {
    left: -30px;
}

.conteiner-timeline .date {
    position: absolute;
    display: inline-block;
    height: 40px;
    /* min-width: 60px; */
    top: 45px;
    width: 40px;
    padding: 10px 8px;
    background: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #101012;
    z-index: -1;
    border-radius: 70px;
}

.conteiner-timeline.left .date {
    right: -20px;
    background-color: #999999;
    z-index: 1111;
}

.conteiner-timeline.right .date {
    left: -20px;
    background-color: #999999;
    z-index: 100;
}

.conteiner-timeline::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    top: 63px;
    right: 20px;
    z-index: 1;
    background-color: #999999;
}

.conteiner-timeline.right::before {
    left: 20px;
    border-color: transparent transparent transparent #c0a375;
}

.conteiner-timeline .content {
    padding: 30px;
    background: #383840;
    position: relative;
    border: 2px solid #999999;
    border-radius: 10px;
}

.process-feat{
    color: white;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 0;
}

.conteiner-timeline.right .content {
    border-radius: 10px;
}

.conteiner-timeline .content h2 {
    margin: 10px 0 10px 0;
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
}

.conteiner-timeline .content p {
    margin: 0;
    font-size: 14px;
    line-height: 22px;
    color: #ffffff;
}

.pad-box{
    padding-bottom: 150px;
}

@media (max-width: 768px) {
    .timeline::after {
        left: 2px;
    }
    .conteiner-timeline .content h2 {
        font-size: 16px;
    }
    .process-feat {
        font-size: 13px;
    }
    .conteiner-timeline .date {
        min-width: 40px;
    }

    .conteiner-timeline {
        width: 100%;
        padding-left: 60px;
        padding-right: 20px;
    }

    .conteiner-timeline.right {
        left: 0%;
    }

    .conteiner-timeline.left .icon,
    .conteiner-timeline.right .icon {
        width: 45px;
        height: 45px;
        top: 37.5px;
        font-size: 18px;
        left: 67.5px;
    }

    .conteiner-timeline.left::before,
    .conteiner-timeline.right::before {
        left: 0px;
        border-color: transparent transparent transparent #c0a375;
        width: 60px;
    }

    .conteiner-timeline.left .date,
    .conteiner-timeline.right .date {
        right: auto;
        left: 10px;
    }

    .conteiner-timeline.left .content,
    .conteiner-timeline.right .content {
        border-radius: 10px;
    }

    .pad-box{
        padding-bottom: 50px;
    }
}

@media (max-width: 600px) {
    .header-box {
        padding-top: 80px;
    }
    .conteiner-timeline .content {
        padding: 15px;
    }
    .conteiner-timeline .content p {
        font-size: 12px;
    }
}

/**************************** Form */
.form-box{
    width: 100%;
    max-width: 900px;
    border: 3px solid #999999;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 100px 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.form-pre-box .title-pre-box{
    display: none;
}

.cta-title{
    margin: 0 0 10px 0;
    font-size: 22px;
    font-weight: 600;
    color: #999999;
}

.cta-subtitle{
    margin: 0 0 30px 0;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}

@media (max-width: 768px) {
    .form-pre-box{
        display: block;
        height: 70px;
        width: 50%;
        border-top: 3px solid #999999;
        border-right: 3px solid #999999;
    }
}

@media (max-width: 600px) {
    .form-box {
        padding: 40px 20px;
    }
    .timeline-box {
        padding-top: 30px;
    }
}

/* Section with form */
.service-intro {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: relative;
    background-color: #333333;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: fixed;
}

.section-fom {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: 100px;
}

.section-fom-title {
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
    text-shadow: 1px 1px 2px #000000, 0 0 1em black, 0 0 0.2em black;
}

.section-fom-suptitle {
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 1px 1px 2px #000000, 0 0 1em black, 0 0 0.2em black;
}

.intro_box {
    width: 40%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.intro_box2 {
    width: 40%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.top-form-box{
    padding: 100px;
    text-align: center;
}

.top-form-bg{
    background-color: #171819ed;
    padding: 40px;
}

.top-form-title {
    font-size: 17px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.g-recaptcha{
    max-width: 100%;
    overflow: hidden;
}

/*360*/
.three-sixty{
    width: 100%;
    height: 80vh
}


@media (max-width: 1366px){
    .top-form-box {
        padding: 80px;
    }
}

@media (max-width: 1250px){
    .top-form-title {
        font-size: 15px;
    }
    .section-fom-title {
        color: #ffffff;
        font-size: 40px;
    }
    .section-fom-suptitle {
        font-size: 17px;
    }
    .top-form-box {
        padding: 100px 50px;
    }
}

@media (max-width: 768px){
    .top-form-bg {
        padding: 30px;
    }
    .top-form-title {
        font-size: 13px;
    }
    .top-form-box {
        padding: 10px 30px;
    }
    .section-fom-title {
        font-size: 30px;
    }
    .section-fom-suptitle {
        font-size: 14px;
    }
    .intro_box2 {
        width: 50%;
    }
}

@media (max-width: 600px){
    .section-fom {
        width: 100%;
        display: block;
        margin-top: 180px;
    }
    .service-intro {
        min-height: 80vh;
        background-position: 30% 50%;
        background-attachment: initial;
    }
    .intro_box {
        width: 100%;
    }
    .intro_box2 {
        width: 100%;
    }
    .top-form-box {
        padding: 30px 30px;
    }
    .three-sixty{
        width: 100%;
        height: 60vh
    }
}

/*visa*/
.hm-container2 {
    display: flex;
    flex-wrap: wrap;
}

.hm-item2 {
    width: 80%;
    display: flex!important;
    flex-direction: column;
    justify-content: center;
    background-color: #232425;
    border-radius: 10px;
    padding: 40px 30px;
    margin: 10px 0;
    text-align: left;
    transition: all 0.3s;
}

.hm-item:hover {
    background-color: #000000;
}

.hm-item-image2{
    display: flex;
    flex-direction: column;
    justify-content: center;

    width: 40px;
    height: 40px;
    margin-bottom: 15px;
}

.hm-item-title2 {
    display: flex;
    flex-direction: column;
    justify-content: center;

    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.4;
    color: #ffffff;
}


@media (max-width: 600px){
    .hm-item2 {
        width: 100%;
        padding: 30px 20px;
    }
    .hm-item-title2 {
        font-size: 16px;
        font-weight: 600;
    }

}