html {
    font-size: 15px
}

body {
    font-family: Lato, sans-serif;
    font-size: 14px;
    font-weight: 300;
    color: #666;
    overflow-x: hidden!important
}

p {
    line-height: 26px
}

h1 {
    font-family: Montserrat, sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 2rem;
    text-transform: uppercase
}

h2 {
    font-family: Montserrat, sans-serif;
    color: #222;
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase
}

h2 span {
    font-weight: 600;
    color: #23bbbb
}

h3 {
    font-family: Montserrat, sans-serif;
    font-size: 1.5rem;
    color: #444;
    font-weight: 600
}

h5 {
    color: #444
}

.top-headings-section {
    padding-bottom: 2rem
}

.top-headings-section p {
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    color: #555;
    max-width: 550px
}

.top-headings-section h2::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 100px;
    margin: 0 auto;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-title {
    padding-left: 35px;
    position: relative;
    margin-bottom: 2.5rem
}

.section-title:before {
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;
    content: '';
    border-radius: 3px;
    position: absolute;
    background-color: #23bbbb
}

.section-title h3 {
    font-size: 18px;
    color: #111;
    text-transform: uppercase
}

.section-title h2 {
    font-size: 36px;
    color: #23bbbb;
    text-transform: uppercase
}

.section-title.col-md-5 {
    margin-left: 1rem
}

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

.header {
    background: linear-gradient(to right, #303f9f, #23bbbb)
}

.header-top {
    color: #7f8997;
    display: block;
    padding: 1rem 0
}

.header.head-tr {
    position: absolute;
    width: 100%;
    z-index: 99999
}

.header-top.head-tr {
    background: rgba(255, 255, 255, .06);
    color: #7f8997;
    display: block;
    padding: 1rem 0
}

.heading.head-tr {
    background: rgba(255, 255, 255, .06);
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    position: relative;
    padding: 1rem 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (max-width:767px) {
    .header-top {
        padding: 0
    }
}

.header-top .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto
}

.top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-top p {
    margin-right: 2rem;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0
}

.header-top p i {
    color: #fff;
    margin-right: .5rem;
    font-size: 1.3rem
}

.top-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-social .login-wrap ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    list-style: none;
    margin-bottom: 0
}

.top-social .login-wrap ul li {
    padding: 0 12px;
    position: relative
}

.top-social .login-wrap ul li a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.top-social .login-wrap ul li a:hover {
    color: #121b22
}

.top-social .login-wrap ul li a i {
    margin-right: 5px
}

.header-top .social-icons {
    text-align: right;
    margin-left: .6rem
}

.header-top .social-icons i {
    line-height: 26px;
    font-size: 1.2rem;
    margin-right: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.social-icons-header i {
    color: #fff!important
}

.header-top .social-icons:hover {
    color: #23bbbb
}

.header-top .dropdown {
    display: inline-block;
    background: 0 0
}

.header-top .dropdown button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.header-top .dropdown button:hover {
    color: #121b22
}

.header-top .dropdown .dropdown-menu {
    border-radius: 0;
    left: auto;
    margin: 0;
    min-width: 115px;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 9999999
}

.header-top .dropdown-menu img {
    margin-right: 5px
}

.header-top .dropdown-menu li {
    color: #333;
    cursor: pointer;
    padding: 5px 10px
}

.header-top .dropdown-menu li:hover {
    background: #eee none repeat scroll 0 0
}

.heading {
    color: #fff;
    position: relative;
    padding: 1.5rem 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.sticky,
.sticky.head-tr {
    -webkit-animation: .6s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .6s ease-in-out 0s normal none 1 running fadeInDown;
    background: #121b22 none repeat scroll 0 0;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

@media screen and (max-width:991px) {
    .heading.head-tr {
        background: rgba(255, 255, 255, .06);
        padding-bottom: 0
    }
    .header.head-tr #main-menu {
        background: #fff;
        width: 100%
    }
    .header.head-tr #main-menu .po a::after,
    .header.head-tr #main-menu ul a {
        color: #000!important
    }
    .sticky.head-tr {
        background: #121b22 none repeat scroll 0 0
    }
    .header.head-tr .heading .logo img {
        padding-left: 15px;
        padding-bottom: 1rem
    }
    .header.head-tr .button-menu {
        padding-right: 18px!important
    }
    .heading.head-tr .container {
        padding-left: 0;
        padding-right: 0
    }
    .header.head-tr .button-menu,
    .header.head-tr .search-button {
        margin-bottom: 1rem!important
    }
}

.heading .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.heading .logo img {
    width: 60px
}

@media screen and (max-width:414px) {
    .heading .logo img {
        width: 60px
    }
}

@media screen and (max-width:575px) {
    .header.head-tr #bloq-search {
        padding-left: 15px;
        padding-right: 15px
    }
    .tp-caption.slid-2 {
        padding-top: 7.7rem
    }
}

.button-menu,
.search-button {
    border: 0;
    font-size: 1.5rem;
    margin: 0;
    padding: 0 .5rem;
    background: 0 0;
    color: #fff
}

.button-menu:focus,
.search-button:focus {
    outline: 0
}

.search-button {
    color: #fff;
    margin-left: auto;
    margin-right: .8rem
}

.get-quote {
    background: #121b22;
    margin-left: 2rem;
    color: #fff;
    padding: 1rem;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.get-quote:hover {
    background: #121b22;
    color: #fff!important
}

.get-quote p {
    text-transform: uppercase;
    margin: 0;
    font-weight: 600
}

.get-quote a {
    text-decoration: none;
    color: #fff
}

.get-quote a:hover {
    color: #fff
}

#bloq-search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.bloq-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    margin: 1.3rem 0;
    z-index: 1
}

.bloq-search input[type=text] {
    border: 1px solid #23bbbb;
    border-radius: 5px 0 0 5px;
    margin-bottom: 0;
    padding: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.bloq-search input[type=submit] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 0;
    width: auto;
    border-radius: 0 5px 5px 0;
    background: #23bbbb;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.bloq-search input[type=submit]:hover {
    background: #121b22;
    color: #fff
}

#main-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

#main-menu ul {
    padding: 0;
    list-style: none;
    margin: 1rem 0 0 0
}

#main-menu ul a {
    display: block;
    padding: .8rem 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #e5e5e5;
    text-decoration: none
}

#main-menu ul a:hover,
#main-menu ul li.active a {
    color: #23bbbb
}

#main-menu .card {
    background: 0 0
}

#main-menu .card a:hover {
    background: 0 0
}

#main-menu .po a::after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #fff;
    margin-left: .3rem
}

.text-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.arrow-down a {
    display: inline-block;
    color: #fff;
    font-size: 3rem;
    -webkit-animation: animate-arrow 2s ease-in-out infinite;
    animation: animate-arrow 2s ease-in-out infinite
}

@-webkit-keyframes animate-arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes animate-arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.rev_slider_wrapper {
    width: 100%
}

.slotholder {
    position: relative
}

.slotholder:after {
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.tp-leftarrow {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.tp-leftarrow:hover {
    background: #23bbbb
}

.tp-rightarrow {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.tp-rightarrow:hover {
    background: #23bbbb
}

.tp-parallax-wrap {
    top: 10px
}

.tp-bannertimer {
    z-index: 21
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 48px
}

.mfp-bg {
    z-index: 1112
}

.mfp-wrap {
    z-index: 1113
}

.rev_slider a {
    -webkit-box-shadow: none;
    box-shadow: none
}

.text-theme-colored2 {
    color: #23bbbb!important
}

.tp-caption.font-p {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width:496px) {
    .tp-caption.font-p {
        margin-top: .8rem
    }
}

.btn-default.btn-theme-colored2 {
    color: #fff;
    font-weight: 600;
    background-color: #121b22;
    border-color: #fff;
    font-size: 16px;
    padding: 13px 32px;
    margin-top: .8rem;
    margin-right: 1rem;
    line-height: 1.3;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.btn-default.btn-theme-colored2:hover {
    background: #23bbbb;
    color: #fff;
    border-color: #fff
}

.btn-dark.btn-theme-colored {
    color: #fff;
    background-color: #23bbbb;
    border-color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 32px;
    margin-top: .8rem;
    line-height: 1.3;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.btn-dark.btn-theme-colored:hover {
    background: #121b22;
    color: #fff;
    border-color: #fff
}

.bg-1 {
    background: #23bbbb;
    color: #fff;
    display: inline-block;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0
}

.bg-2 {
    background: #fff;
    color: #000;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bg-3 {
    background: 0 0;
    color: #e54242;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.bg-4 {
    background: 0 0;
    color: #fff;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box .button {
    float: left;
    min-width: 150px;
    max-width: 250px;
    display: block;
    margin-bottom: 0;
    padding: 1em 2em;
    border: 2px solid;
    background: 0 0;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.button:focus {
    outline: 0
}

.button>span {
    vertical-align: middle
}

.bg-1 .button {
    color: #fff;
    border-color: #fff
}

.bg-2 .button {
    color: #000;
    border-color: #23bbbb
}

.bg-4 .button {
    color: #fff;
    border-color: transparent
}

.bg-3 .button {
    color: #23bbbb;
    border-color: #23bbbb
}

.bg-3 .button:hover {
    border-color: #23bbbb;
    color: #fff
}

@media screen and (max-width:768px) {
    .bg-3 {
        padding-top: 1rem
    }
}

.button--size-s {
    font-size: 15px;
    font-weight: 700
}

.button--size-m {
    font-size: 16px
}

.button--size-l {
    font-size: 18px
}

.button--text-upper {
    letter-spacing: 2px;
    text-transform: uppercase
}

.button--text-thin {
    font-weight: 300
}

.button--text-medium {
    font-weight: 500
}

.button--text-thick {
    font-weight: 600
}

.button--round-s {
    border-radius: 5px
}

.button--round-m {
    border-radius: 15px
}

.button--round-l {
    border-radius: 40px
}

.button--border-thin {
    border: 1px solid
}

.button--border-medium {
    border: 2px solid
}

.button--border-thick {
    border: 3px solid
}

.button--wayra {
    overflow: hidden;
    cursor: pointer;
    width: 210px;
    -webkit-transition: border-color .3s, color .3s;
    transition: border-color .3s, color .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--wayra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #23bbbb;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
    transition: opacity .3s, background-color .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s, background-color .3s;
    transition: transform .3s, opacity .3s, background-color .3s, -webkit-transform .3s
}

.button--wayra:hover {
    color: #fff;
    border-color: #fff
}

.button--wayra.button--inverted:hover {
    color: #fff;
    border-color: #23bbbb
}

.button--wayra:hover::before {
    opacity: 1;
    background-color: #23bbbb;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--wayra.button--inverted:hover::before {
    background-color: #23bbbb
}

.portfolio .box a {
    background: #121b22;
    text-decoration: none;
    text-align: center
}

.button--moema {
    padding: 1.5em 3em;
    border-radius: 50px;
    background: #7986cb;
    color: #fff;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.button--moema.button--inverted {
    background: #eceff1;
    color: #37474f
}

.button--moema::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: .4;
    -webkit-transform: scale3d(.8, .5, 1);
    transform: scale3d(.8, .5, 1)
}

.button--moema:hover {
    -webkit-transition: background-color .1s .3s, color .1s .3s;
    transition: background-color .1s .3s, color .1s .3s;
    color: #eceff1;
    background-color: #3f51b5;
    -webkit-animation: anim-moema-1 .3s forwards;
    animation: anim-moema-1 .3s forwards
}

.button--moema.button--inverted:hover {
    color: #eceff1;
    background-color: #7986cb
}

.button--moema:hover::before {
    -webkit-animation: anim-moema-2 .3s .3s forwards;
    animation: anim-moema-2 .3s .3s forwards
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

section.recently.portfolio {
    padding: 1.5rem 0;
    background: #edeff1
}

.portfolio .sec-title {
    margin-left: 0
}

.portfolio .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.portfolio .sec-title h2 {
    color: #23bbbb;
    margin-bottom: .5rem
}

.homes.no-mb {
    margin-bottom: 0
}

.homes-img {
    /* display: block;
    -webkit-transition: -webkit-transform .6s ease-in;
    transition: -webkit-transform .6s ease-in;
    transition: transform .6s ease-in;
    transition: transform .6s ease-in, -webkit-transform .6s ease-in */
}

.homes,
.homes-img {
    position: relative;
    overflow: hidden;
    transition: transform 0.2s ease-in-out;
    /* Smooth transition on hover */
}

.homes-tag.featured {
    width: 155px!important;
    background: #ff680b
}

.recently .homes .button {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    color: #fff;
    border: none;
    background-color: #23bbbb;
    display: inline-block;
    z-index: 99
}

.recently .homes-tag.featured {
    left: 15px;
    margin-top: 15px
}

.recently .homes-price,
.recently .homes-tag {
    position: absolute;
    z-index: 99
}

.recently .homes-tag.sale {
    background: #e54242!important;
    width: 120px!important;
    height: 31px
}

.recently .homes-tag.sale {
    right: 15px;
    margin-top: 15px;
    top: 0
}

.recently .homes-tag.sale.rent {
    background: #ffb200!important;
    color: #fff;
    z-index: 99
}

.recently .price-properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem
}

.recently .compare {
    margin-top: 1.1rem;
    line-height: 0
}

.recently .compare a {
    margin-right: 1.5rem
}

.recently .compare a:last-child {
    margin-right: 0
}

.recently .compare i {
    font-size: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.recently .fa-exchange-alt {
    color: #666
}

.recently .fa-exchange-alt:hover {
    color: #18ba60
}

.recently .fa-share-alt {
    color: #666
}

.recently .fa-share-alt:hover {
    color: #ffb200
}

.recently .fa-heart-o {
    color: #666
}

.recently .fa-heart-o:hover {
    color: #e54242
}

.recently .homes-price {
    color: #fff;
    font-size: 13px!important;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    background: #3a2c5f;
    bottom: 15px;
    left: 15px;
    z-index: 99
}

.recently .homes-content {
    background: #fff!important;
    padding: 20px 20px!important
}

.recently .homes-content h3.title a {
    font-size: 1.1rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    text-decoration: none
}

.recently .homes-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 3px
}

.price-properties h3 {
    margin-bottom: 0
}

.recently .homes-content .homes-address {
    margin-top: 0
}

.recently .homes-content .homes-address .fa-map-marker {
    font-size: 1rem;
    text-decoration: none;
    color: #18ba60
}

.recently .homes-content .homes-address a span {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 1px;
    text-decoration: none
}

.recently .homes-address span {
    color: #666
}

.recently .homes-content .homes-address a i {
    margin-right: 10px
}

.recently .homes-content .homes-list {
    padding: 0;
    margin: 0
}

.recently .homes-content .homes-list li {
    width: 45%;
    float: left;
    font-size: 14px;
    line-height: 40px;
    list-style: none;
    color: #23bbbb
}

.recently .homes-content .homes-list li i {
    font-size: 1rem;
    margin-right: 5px;
    color: #23bbbb
}

.recently .homes-content .homes-list span {
    color: #666
}

.recently.portfolio .item {
    padding-bottom: 0
}

.recently.portfolio .homes {
    margin-bottom: 0
}

.recently .footer {
    background: 0 0;
    border-top: 1px solid #ebebeb;
    padding-top: 1rem;
    font-size: 13px;
    color: #666
}

.recently .footer a {
    color: #666;
    text-decoration: none
}

.recently .footer span {
    float: right
}

.recently .footer i {
    margin-right: 5px;
    font-size: 1rem;
    color: #666
}

.recently .project-single {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #23bbbb
}

.recently .project-inner {
    position: relative;
    overflow: hidden
}

.recently .project-head {
    position: relative;
    text-align: center
}

.recently .project-head:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    z-index: 33;
    background: #121b22;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.recently .project-single:hover .project-head:before {
    opacity: .8
}

.recently .project-head img {
    width: 100%;
    z-index: 2
}

.recently .project-bottom {
    text-align: center;
    padding: 10px 0 0;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 333;
    text-align: center;
    top: 50%;
    margin-top: -23.5px
}

.recently .project-bottom h4 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.recently .project-bottom h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: ""
}

.recently .project-single:hover .project-bottom h4 {
    opacity: 1;
    visibility: visible
}

.recently .project-bottom h4 a {
    color: #fff;
    text-decoration: none
}

.recently .project-bottom h4 span {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400
}

.recently .button-effect {
    position: absolute;
    text-align: left;
    bottom: 0;
    right: 0;
    z-index: 33;
    background: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    padding: 8px 15px;
    border-radius: 20px 0 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: .7rem
}

.recently .project-single:hover .button-effect {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.recently .button-effect .btn {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-right: 15px;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #fff;
    z-index: 99
}

.recently .button-effect .btn:hover {
    color: #fff
}

.recently .button-effect .btn:last-child {
    margin: 0
}

.recently .load-button {
    margin-top: 50px
}

.recently .load-button .btn {
    padding: 14px 30px;
    color: #fff;
    font-weight: 500;
    border: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0
}

.recently .load-button .btn:hover {
    background: #353535
}

.recently .button-effect .fa-link:before {
    content: "\f0c1";
    font-family: FontAwesome;
    color: #000
}

.recently .button-effect .fa-video:before {
    content: "\f03d";
    font-family: FontAwesome;
    color: #000
}

.recently .button-effect .fa-photo:before {
    content: "\f03e";
    font-family: FontAwesome;
    color: #000
}

.recently.portfolio .item {
    padding-bottom: 0
}

.recently.portfolio .project-single {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .recently.portfolio .item.no-pb.pbp-3 {
        padding-bottom: 1.6rem!important
    }
    .recently.portfolio .item.landscapes.no-pb {
        padding-bottom: 0;
        margin-bottom: 10px!important
    }
    .recently.portfolio .item.landscapes.no-pb:last-child {
        margin-bottom: 0!important
    }
}

@media screen and (max-width:991px) {
    .recently.portfolio .item {
        padding-bottom: 1.6rem
    }
    .recently.portfolio .project-single {
        margin-bottom: 10px
    }
    .recently.portfolio .item.no-pb {
        padding-bottom: 0
    }
    .recently.portfolio .project-single.no-mb {
        margin-bottom: 0
    }
    .recently.portfolio .item.landscapes.no-pb {
        padding-bottom: 0;
        margin-bottom: 0
    }
    .recently .compare {
        margin-top: .8rem;
        margin-right: .2rem
    }
}

@media screen and (max-width:420px) {
    .recently .compare {
        margin-right: 0
    }
}

section.welcome {
    padding: 6rem 0;
    background: #fff
}

.welcome-title h2 {
    color: #121b22;
    font-size: 36px;
    font-weight: 600
}

.welcome-img {
    text-align: right
}

.welcome-title h2 span {
    color: #23bbbb;
    font-weight: 800
}

.welcome-title h4 {
    color: #000;
    font-size: 20px;
    text-transform: uppercase
}

.welcome-title {
    padding-bottom: 17px
}

.welcome-content>p {
    color: #666;
    font-weight: 400
}

.welcome-content>p span {
    color: #666;
    font-size: 16px;
    font-weight: 600
}

.services-desc,
.services-img {
    display: inline-block
}

.services-img {
    float: left;
    margin-right: 16px
}

.services-desc>h6 {
    color: #555;
    font-weight: 600
}

.services-desc>p {
    color: #666;
    font-weight: 400;
    margin: 0
}

.w-single-services {
    margin-bottom: 31px
}

.w-single-services.no-mb {
    margin-bottom: 0
}

.welcome-services {
    padding-top: 34px
}

.single-services .welcome-title {
    padding-top: 43px
}

.single-services .welcome-content {
    padding-top: 17px
}

.welcome .popup-youtube {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #23bbbb;
    font-size: 30px;
    height: 70px;
    left: 50%;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    z-index: 9
}

.welcome .popup-youtube i {
    margin-left: 5px
}

.welcome .wprt-image-video .iq-waves {
    height: 352px;
    height: 22rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 352px;
    width: 22rem;
    z-index: 2
}

.welcome .wprt-image-video .iq-waves .waves {
    -webkit-animation: 3s ease-in-out 0s normal none infinite running waves;
    animation: 3s ease-in-out 0s normal none infinite running waves;
    background: #23bbbb none repeat scroll 0 0 padding-box;
    border-radius: 320px;
    height: 352px;
    height: 22rem;
    opacity: 0;
    position: absolute;
    width: 352px;
    width: 22rem
}

.welcome .wprt-image-video .iq-waves .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.welcome .wprt-image-video .iq-waves .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.welcome .wprt-image-video .iq-waves .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0
    }
    50% {
        opacity: .9
    }
    100% {
        -webkit-transform: scale(.6, .6);
        transform: scale(.6, .6);
        opacity: 0
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0
    }
    50% {
        opacity: .9
    }
    100% {
        -webkit-transform: scale(.6, .6);
        transform: scale(.6, .6);
        opacity: 0
    }
}

@media screen and (max-width:991px) {
    .welcome .wprt-image-video {
        margin-top: 2.5rem
    }
}

@media screen and (max-width:767px) {
    .w-single-services.no-mb.mbx {
        margin-bottom: 31px
    }
}

@media screen and (max-width:575px) {
    .w-single-services.no-mb.mbx {
        margin-bottom: 31px
    }
    .welcome-title h2 {
        font-size: 20px
    }
    .welcome-title h4 {
        font-size: 16px
    }
    .welcome-content>p span {
        font-size: 15px
    }
}

section.services-home {
    padding: 6rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, .8))), url(img/bg-counter.jpg) no-repeat center center;
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(img/bg-counter.jpg) no-repeat center center;
    background-attachment: fixed
}

.services-home .service .media {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 50px;
    height: 75px;
    margin-top: -40px;
    width: 75px
}

.services-home .service .media img {
    width: 100%
}

.services-home .service .media i {
    font-size: 34px;
    width: 100%;
    text-align: center;
    height: 100%;
    line-height: 65px
}

.services-home .bg-base {
    background: #23bbbb
}

.services-home .text-white {
    color: #fff!important
}

.box-shadow-1-hover:hover,
.box-shadow-1.focus,
.box-shadow-1:focus,
.services-home .box-shadow-1 {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .06)!important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .06)!important
}

.services-home .rounded-100 {
    border-radius: 100px
}

.services-home .p-left-5 {
    padding-left: 5px!important
}

.services-home .p-bottom-5 {
    padding-bottom: 5px!important
}

.p-right-5 {
    padding-right: 5px!important
}

.services-home .p-top-5 {
    padding-top: 5px!important
}

.services-home .p-left-25 {
    padding-left: 25px!important
}

.services-home .p-right-25 {
    padding-right: 25px!important
}

.services-home .p-top-35 {
    padding-top: 35px!important
}

.services-home .p-bottom-30 {
    padding-bottom: 30px!important
}

.agency-section,
.agent-section,
.profile-section,
.services-home .blog-section {
    display: inline-block;
    width: 100%
}

.services-home .text-bold-700 {
    color: #fff;
    font-weight: 700
}

.services-home .m-bottom-15 {
    margin-bottom: 15px
}

.services-home .agent-section p {
    color: #fff
}

.services-home a.text-base {
    color: #23bbbb;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.services-home .border-light {
    border-color: #eaeaea!important
}

.services-home .border-1 {
    border-style: solid;
    border-width: 1px!important
}

.bg-light-2,
.services-home .badge-light-2 {
    background: #121b22
}

.services-home a.text-base:hover {
    color: #fff
}

@media screen and (max-width:991px) {
    .services-home .m-bottom-40 {
        margin-top: 4.5rem
    }
    .services-home .m-top-0 {
        margin-top: 0
    }
}

section.portfolio {
    padding: 2rem 0;
    background: #edeff1
}

.portfolio .sec-title {
    margin-left: 0
}

.portfolio .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.portfolio .sec-title h2 {
    color: #23bbbb;
    margin-bottom: .5rem
}

.portfolio .item {
    padding-bottom: 1.6rem
}

.portfolio .filters-group {
    margin-top: 1.4rem;
    margin-bottom: 0;
    padding-left: 0;
    text-align: right;
    border-radius: 5px
}

.portfolio .filters-group ul {
    padding-left: 0;
    margin-bottom: 0
}

.portfolio .filters-group ul li {
    list-style: none;
    color: #000;
    display: inline-block;
    padding: 10px 15px;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.portfolio .filters-group ul li:hover {
    background: #23bbbb;
    color: #fff
}

@media screen and (max-width:543px) {
    .portfolio .filters-group ul {
        padding-left: 0
    }
    .portfolio .filters-group ul li:hover {
        background: 0 0;
        color: #000
    }
}

.portfolio .filters-group .active {
    background: #121b22;
    color: #fff
}

.project-single {
    margin-bottom: 10px
}

.project-single.no-mb {
    margin-bottom: 0
}

.portfolio .item.no-pb {
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    .project-single.no-mb.last:last-child {
        margin-bottom: 0
    }
    .portfolio .filters-group {
        text-align: left;
        margin-bottom: 2rem
    }
    .filters-group.col-md-6 {
        margin-left: 1rem
    }
    .portfolio .item.sale.no-pb {
        padding-bottom: 1.6rem;
        margin-bottom: 10px
    }
}

@media screen and (max-width:991px) {
    .portfolio .item.landscapes.no-pb {
        padding-bottom: 1.6rem;
        margin-bottom: 10px
    }
    .project-single.mbx-10 {
        margin-bottom: 10px
    }
    .featured .compare {
        margin-top: .9rem!important
    }
}

.homes-img {
    display: block
}

.homes,
.homes-img {
    position: relative;
    overflow: hidden
}

.homes-tag.featured {
    width: 160px!important;
    background: #ff680b
}

.portfolio .homes .button {
    font-size: 15px;
    font-weight: 500;
    padding: 5px 5px;
    border-radius: 10px;
    color: #fff;
    border: none;
/*    background-color: #23b8ba;*/
    background-color: #ff680b;
    display: inline-block;
    z-index: 99;
}

.portfolio .homes-tag.featured {
    left: 10px;
    margin-top: 10px;
}

.portfolio .homes-price,
.portfolio .homes-tag {
    position: absolute;
    z-index: 99
}

.portfolio .homes-tag.sale {
    background: #e54242!important;
    width: 84px!important;
    height: 31px
}

.portfolio .homes-tag.sale {
    right: 15px;
    margin-top: 15px;
    top: 0
}

.portfolio .homes-tag.sale.rent {
    background: #ffb200!important;
    color: #fff;
    z-index: 99
}

.portfolio .price-properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem
}

.portfolio .compare {
    margin-top: 1.1rem;
    line-height: 0
}

.portfolio .compare a {
    margin-right: 1.5rem
}

.portfolio .compare a:last-child {
    margin-right: 0
}

.portfolio .compare i {
    font-size: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.portfolio .fa-exchange-alt {
    color: #666
}

.portfolio .fa-exchange-alt:hover {
    color: #18ba60
}

.portfolio .fa-share-alt {
    color: #666
}

.portfolio .fa-share-alt:hover {
    color: #ffb200
}

.portfolio .fa-heart-o {
    color: #666
}

.portfolio .fa-heart-o:hover {
    color: #e54242
}

.portfolio .homes-price {
    color: #fff;
    font-size: 13px!important;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    background: #3a2c5f;
    bottom: 15px;
    left: 15px;
    z-index: 99
}

.portfolio .homes-content {
    background: #fff!important;
    padding: 10px 10px!important
}

.portfolio .homes-content h3.title a {
    font-size: 1.1rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    text-decoration: none
}

.portfolio .homes-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 3px
}

.price-properties h3 {
    margin-top: 1.3!important;
    margin-bottom: 0
}

.portfolio .homes-content .homes-address {
    margin-top: 0
}

.portfolio .homes-content .homes-address .fa-map-marker {
    font-size: 1rem;
    text-decoration: none;
    color: #18ba60
}

.portfolio .homes-content .homes-address a {
    text-decoration: none
}

.portfolio .homes-content .homes-address a span {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 1px;
    text-decoration: none
}

.portfolio .homes-address span {
    color: #666
}

.portfolio .homes-content .homes-address a i {
    margin-right: 10px
}

.portfolio .homes-content .homes-list {
    padding-left: 0;
    padding-bottom: .9rem;
    margin: 0
}

.portfolio .homes-content .homes-list li {
    width: 50%;
    float: left;
    font-size: 13px;
    line-height: 40px;
    list-style: none;
    color: #23bbbb
}

.portfolio .homes-content .homes-list li i {
    font-size: 1rem;
    margin-right: 5px;
    color: #23bbbb
}

.portfolio .homes-content .homes-list span {
    color: #666
}

.portfolio .footer {
    background: 0 0;
    border-top: 1px solid #d8d8d8;
    padding-top: 1rem;
    font-size: 13px;
    color: #666
}

.portfolio .footer a {
    color: #666;
    text-decoration: none
}

.portfolio .footer i {
    margin-right: 5px;
    font-size: 1rem;
    color: #666
}

.portfolio .project-single {
    padding: 10px;
    background: #FFF;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #23bbbb
}

.portfolio .project-inner {
    position: relative;
    overflow: hidden
}

.portfolio .project-head {
    border-radius: 10px;
    position: relative;
    text-align: center
}

.portfolio .project-single:hover {
    transform: scale(1.1);
}

.portfolio .project-head img {
    width: 100%;
    z-index: 2
}

.portfolio .project-bottom {
    text-align: center;
    padding: 10px 0 0;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 100;
    text-align: center;
    top: 50%;
    margin-top: -23.5px
}

.portfolio .project-bottom h4 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.portfolio .project-bottom h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: ""
}

.portfolio .project-single:hover .project-bottom h4 {
    opacity: 1;
    visibility: visible
}

.portfolio .project-bottom h4 a {
    color: #fff;
    text-decoration: none
}

.portfolio .project-bottom h4 span {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400
}

.portfolio .button-effect {
    position: absolute;
    text-align: left;
    bottom: 0;
    right: 0;
    z-index: 33;
    background: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    padding: 8px 15px;
    border-radius: 20px 0 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: .7rem
}

.portfolio .project-single:hover .button-effect {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.portfolio .button-effect .btn {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-right: 15px;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #fff;
    z-index: 99
}

.portfolio .button-effect .btn:hover {
    color: #fff
}

.portfolio .button-effect .btn:last-child {
    margin: 0
}

.portfolio .load-button {
    margin-top: 50px
}

.portfolio .load-button .btn {
    padding: 14px 30px;
    color: #fff;
    font-weight: 500;
    border: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0
}

.portfolio .load-button .btn:hover {
    background: #353535
}

.portfolio .button-effect .fa-link:before {
    content: "\f0c1";
    font-family: FontAwesome;
    color: #000
}

.portfolio .button-effect .fa-video:before {
    content: "\f03d";
    font-family: FontAwesome;
    color: #000
}

.portfolio .button-effect .fa-photo:before {
    content: "\f03e";
    font-family: FontAwesome;
    color: #000
}

.bg-all {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.7rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.btn-outline-light {
    background-color: #fa2964;
    color: #fff;
    border-color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3rem;
    padding: .9rem 2.5rem .9rem 2rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.btn-outline-light:hover {
    background: #121b22;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.btn-outline-light:after {
    content: '\f0a9';
    font-family: FontAwesome;
    position: relative;
    left: .5rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.btn.btn-outline-light:hover:after {
    left: 1rem;
    color: #fff;
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg)
}

section.popular-places {
    padding: 6rem 0;
    background: #fff
}

.popular-places .img-box {
    height: 240px;
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.5rem;
    z-index: 90;
    border-radius: 20px
}

.popular-places .img-box.no-mb {
    margin-bottom: 0
}

.popular-places .img-box:hover {
    background: #23bbbb
}

.popular-places .img-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #121b22;
    opacity: .3;
    z-index: 99;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.popular-places .listing-badges {
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    overflow: hidden;
    height: 100px
}

.popular-places .listing-badges .featured {
    background-color: #18ba60;
    float: left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -67px;
    top: 17px;
    position: relative;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0
}

.popular-places .listing-badges span {
    color: #fff;
    display: inline-block;
    padding: 1px 10px;
    float: right;
    background-color: rgba(74, 74, 76, .7);
    border-radius: 3px;
    top: 15px;
    right: 15px;
    position: absolute
}

.popular-places .img-box-content {
    position: absolute;
    z-index: 101;
    top: 50%;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    -webkit-transform: translate(0, -50.5%);
    transform: translate(0, -50.5%)
}

.popular-places .img-box-content h4 {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin: 0
}

.popular-places .img-box-content span {
    font-size: 16px;
    color: #fff
}

.popular-places .img-box img {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    -webkit-transition: all .55s;
    transition: all .55s;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .35s ease-out;
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
    transition: transform .35s ease-out, -webkit-transform .35s ease-out
}

@media screen and (max-width:767px) {
    .popular-places .img-box.no-mb {
        margin-bottom: 1.5rem
    }
    .popular-places .img-box.no-mb.x3 {
        margin-bottom: 0
    }
}

.popular-places .hover-effect img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.popular-places .hover-effect:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

section.team {
    padding: 6rem 0;
    background: #edeff1
}

.team .sec-title {
    margin-left: 1rem
}

.team .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.team .sec-title h2 {
    color: #23bbbb;
    margin-bottom: .5rem
}

.team .team-all {
    padding: 0;
    margin: 0
}

.team-wrap {
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.team-img {
    position: relative;
    z-index: 9
}

.team-img img {
    width: 100%
}

.team-content {
    height: 80px;
    width: 100%;
    bottom: 0;
    border: 1px solid #ccc;
    position: absolute;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 9;
    background: #fff
}

.team-wrap:hover .team-content {
    height: 150px
}

.team-info {
    background: #fff;
    padding: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.team-wrap:hover .team-content .team-info {
    background: #fff
}

.team-content h3 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #444;
    font-size: 16px
}

.team-content p {
    color: #666;
    font-style: italic;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px
}

.team-content ul {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s
}

.team-wrap:hover .team-content ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s;
    margin-bottom: 10px
}

.team-content ul li {
    opacity: 0;
    padding: .3rem 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .1s, -webkit-transform .6s;
    transition: opacity .1s, -webkit-transform .6s;
    transition: transform .6s, opacity .1s;
    transition: transform .6s, opacity .1s, -webkit-transform .6s;
    display: inline-block
}

.team-wrap:hover .team-content ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.team-wrap:hover .team-content ul li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.team-wrap:hover .team-content ul li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.team-wrap:hover .team-content ul li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.team-wrap:hover .team-content ul li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.team-wrap:hover .team-content ul li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.team-socials ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-content span a {
    color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: relative;
    text-transform: uppercase;
    font-size: 12px
}

.team-wrap:hover .team-content span a {
    bottom: 6px
}

.team-content span a:hover {
    color: #121b22
}

.team .team-pro ul {
    padding: 0;
    margin: 0
}

.team .team-pro ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team .team-pro .fa {
    font-size: 1.2rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin: 0 .5rem;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2.1rem
}

.team .team-all.padding {
    padding-bottom: 2.5rem
}

@media screen and (max-width:991px) {
    .team .team-pro {
        padding-bottom: 2.5rem
    }
    .team .team-pro:last-child {
        padding-bottom: 0
    }
    .team .pb-none {
        padding-bottom: 0
    }
    .team .team-all.padding {
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .team .pb-none {
        padding-bottom: 2.5rem
    }
}

.team .team-pro .fa.fa-facebook {
    background: #3b5998
}

.team .team-pro .fa.fa-twitter {
    background: #1da1f2
}

.team .team-pro .fa.fa-instagram {
    background: #e1306c
}

section.top-location {
    padding: 6rem 0;
    background: #fff;
    text-align: center
}

.top-location .item {
    position: relative;
    overflow: hidden;
    text-align: left;
    cursor: pointer
}

.top-location .item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 37, 46, 0)), color-stop(150%, #10252e));
    background: linear-gradient(to bottom, rgba(16, 37, 46, 0) 0, #10252e 150%)
}

.top-location .tp-caption {
    position: absolute;
    left: 0;
    bottom: -50px;
    padding: 20px;
    width: 100%;
    z-index: 99;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.top-location .tp-caption h6 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 0 5px
}

.top-location .tp-caption strong {
    color: #fff;
    font-weight: 400;
    margin: 0 0 10px;
    display: block
}

.top-location .tp-caption p {
    color: #18ba60;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.top-location .item:hover .tp-caption {
    bottom: 0
}

.top-location .item:hover .tp-caption p {
    opacity: 1
}

.top-location h4 {
    font-weight: 600;
    font-size: 1.2rem;
    top: 27px;
    z-index: 9;
    color: #fff;
    margin: 0!important;
    padding: 0!important;
    line-height: 0!important;
    position: relative
}

.top-location .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    width: 18%;
    margin: auto;
    background: #121b22;
    height: 54px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden
}

@media screen and (max-width:991px) {
    .top-location .owl-theme .owl-nav {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .top-location .owl-theme .owl-nav {
        width: 70%
    }
}

@media screen and (max-width:400px) {
    .top-location h4 {
        font-size: .9rem
    }
}

.top-location .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
    background: #23bbbb;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    font-size: 0
}

.top-location .owl-prev {
    width: 54px;
    height: 54px;
    background: #fff;
    position: relative;
    float: left;
    border-right: 1px solid #121b22
}

.top-location .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff!important
}

.top-location .owl-next {
    width: 54px;
    height: 54px;
    background: #fff;
    position: relative;
    float: right;
    border-left: 1px solid #121b22
}

.top-location .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 36px;
    color: #fff!important;
    line-height: 52px
}

.top-location .owl-next:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 36px;
    color: #fff!important;
    line-height: 52px
}

section.blog-section {
    padding: 6rem 0;
    background: #edeff1
}

.blog-section .news-item {
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    overflow: hidden
}

.blog-section .news-item.-news-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.blog-section .news-item-descr.big-news {
    height: 106px
}

.blog-section .news-item h3 {
    color: #222;
    -webkit-transition: all .25s;
    transition: all .25s
}

.blog-section .news-item.-news-slider-item {
    height: 100%
}

.blog-section .news-item.-news-slider {
    height: auto
}

.blog-section .news-item a:hover {
    text-decoration: none
}

.blog-section .news-item a:hover h3 {
    color: #23bbbb;
    -webkit-transition: all .25s;
    transition: all .25s
}

.blog-section .news-item .news-img-link.-news-page {
    display: block;
    position: relative;
    padding-bottom: 69%;
    width: 100%
}

.blog-section .news-item .news-img-link.-news-page .resp-img {
    background-size: cover
}

.blog-section .resp-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-section .news-item-img .resp-img {
    background-size: cover
}

.blog-section .news-item-img {
    position: relative;
    width: 100%
}

.blog-section .news-item-img .resp-img {
    background-size: cover
}

.blog-section .news-item-text {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blog-section .news-item-text-header {
    display: block
}

.blog-section .news-item .date {
    display: block;
    margin-bottom: 9px;
    font-size: 13px;
    color: #333
}

.blog-section .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .3rem
}

.blog-section .news-item-bottom img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.blog-section .admin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-section .admin p {
    font-size: 13px;
    font-weight: 600;
    margin-top: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

.blog-section .news-item-descr {
    margin: 6px 0 20px 0;
    height: 80px
}

.blog-section .news-item-descr p {
    color: #666;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

.blog-section .news-item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-section .action-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .8rem;
    color: #333
}

.blog-section .action-list .fa-comment {
    color: #23bbbb
}

.blog-section .action-list .fa-share-alt {
    color: #23bbbb
}

.blog-section .action-list .fa-heart {
    color: #23bbbb
}

.blog-section ul.action-list {
    margin-bottom: 0
}

.blog-section .action-item {
    display: inline-block;
    padding-left: 15px
}

.blog-section .news-slider-wrap .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-section .news-item-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 29px
}

.blog-section .news-item-sm:last-child {
    margin-bottom: 0
}

.blog-section .news-item-sm .news-img-link {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    position: relative
}

.blog-section .news-item-sm .news-img-link .news-item-img {
    position: absolute;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.blog-section .news-item-sm .news-item-text {
    -ms-flex-preferred-size: 66.6%;
    flex-basis: 66.6%;
    padding: 15px 20px
}

.blog-section .news-item-sm .news-item-descr {
    height: 52px
}

.blog-section .news-link {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    color: #23bbbb;
    -webkit-transition: all .25s;
    transition: all .25s
}

.blog-section .news-link:hover {
    color: #121b22;
    text-decoration: none;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media screen and (max-width:1199px) {
    .blog-section .news-item,
    .blog-section .news-item.news-item-sm.mb {
        margin-bottom: 2.5rem
    }
    .blog-section .news-item.no-mb {
        margin-bottom: 0
    }
}

@media screen and (max-width:991px) {
    .blog-section .news-item {
        margin-bottom: 2.5rem
    }
    .blog-section .news-item.no-mb:last-child {
        margin-bottom: 0
    }
    .blog-section .news-item-sm .news-img-link {
        -ms-flex-preferred-size: 33.5%;
        flex-basis: 33.5%
    }
}

@media screen and (max-width:577px) {
    .blog-section .news-item-sm {
        display: block
    }
    .blog-section .news-item-sm .news-img-link .news-item-img {
        position: relative;
        padding-bottom: 69%
    }
    .blog-section .news-item-sm {
        border-radius: 0
    }
}

@media screen and (max-width:414px) {
    .blog-section .news-item-descr,
    .blog-section .news-item-descr p {
        overflow: hidden
    }
    .blog-section ul.action-list {
        padding-left: 0
    }
    .blog-section .news-link {
        font-size: .9rem
    }
}

section.testimonials {
    background: #fff;
    padding: 6rem 0
}

.testimonials .title-style h2,
.testimonials .title-style p {
    color: #23bbbb
}

.testimonials .title-style span {
    color: #000
}

.testimonials .title-icon:before {
    content: "";
    width: 100px;
    height: 2px;
    background: #121b22;
    position: absolute;
    top: 14px;
    left: -80px
}

.testimonials .title-icon:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #121b22;
    position: absolute;
    top: 14px;
    right: -80px
}

.testimonials .title-icon i {
    color: #23bbbb;
    font-size: 1.8rem;
    margin-top: 1px
}

.testimonials .owl-carousel .test-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    color: #000;
    padding: 2rem;
    border-radius: 10px
}

.testimonials .test-1 img {
    width: 90px;
    border-radius: 50%;
    margin: 0 auto
}

.testimonials .test-1 p {
    text-align: justify;
    font-weight: 400;
    font-style: italic;
    margin: .1rem auto 0;
    max-width: 500px;
    color: #666
}

.testimonials .test-1 h3 {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: .8rem;
    color: #23bbbb;
    font-weight: 600
}

.testimonials .test-1 h6 {
    text-align: center;
    font-weight: 400;
    margin-bottom: 0;
    color: #000
}

.owl-dots {
    text-align: center;
    margin-top: 1.3rem;
    line-height: 0
}

.owl-dot {
    border-radius: 50px;
    height: 10px;
    width: 10px;
    display: inline-block;
    background: #121b22!important;
    margin-left: 5px;
    margin-right: 5px
}

.owl-dot.active {
    background: #23bbbb!important
}

.starts {
    list-style: none;
    margin-top: .4rem;
    padding: 0
}

.starts li {
    text-align: center;
    display: inline-block;
    margin-bottom: .1rem
}

.starts .fa {
    color: #fe4f4f!important
}

@media screen and (max-width:767px) {
    .testimonials .test-1 p::before {
        left: 190px!important
    }
}

@media screen and (max-width:414px) {
    .testimonials .test-1 p::before {
        left: 135px!important
    }
}

@media screen and (max-width:360px) {
    .testimonials .test-1 p::before {
        left: 105px!important
    }
}

div.partners,
div.partners-1 {
    padding: 3rem 0;
    background: #edeff1;
    color: #000
}

.partners .style2 .owl-item img,
.partners-1 .style2 .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.partners-1 .style2 img {
    background: #fff;
    width: 100px;
    border-radius: 10px
}

.partners .style2 img {
    width: 100%;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

section.counterup {
    padding: 6rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, .8))), url(img/bg-counter2.jpg) no-repeat center center;
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(img/bg-counter2.jpg) no-repeat center center;
    background-attachment: fixed;
    color: #fff;
    text-align: center
}

.counterup .section-title {
    padding-bottom: 3.5rem
}

.counterup .title-icon:before {
    content: "";
    width: 100px;
    height: 2px;
    background: #23bbbb;
    position: absolute;
    top: 14px;
    left: -80px
}

.counterup .title-icon:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #23bbbb;
    position: absolute;
    top: 14px;
    right: -80px
}

.counterup .title-icon i {
    color: #121b22;
    font-size: 1.8rem;
    margin-top: 1px
}

.counterup .countr .fa {
    font-size: 3rem;
    color: #23bbbb;
    border-radius: 5px;
    margin-right: 1.5rem
}

.counterup .countr p {
    font-size: 2.5rem;
    font-weight: 800;
    color: #121b22
}

.counterup .title-style h2,
.counterup .title-style p {
    color: #23bbbb
}

.counterup .title-style span {
    color: #121b22
}

.counterup .countr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.counterup .count-me h3 {
    font-family: Montserrat, sans-serif;
    text-transform: capitalize;
    color: #121b22;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .counterup .countr h3 {
        margin-bottom: 5rem
    }
    .counterup .countr.mb-0 h3 {
        margin-bottom: 0
    }
    .counterup .countr {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .counterup .countr p {
        padding: 0
    }
    h3.specific:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .counterup .countr.mb-0 h3 {
        margin-bottom: 5rem
    }
    .counterup .countr.mb-0.last {
        margin-right: 1rem
    }
    .counterup .countr.mb-0.last h3 {
        margin-bottom: 0
    }
    .counterup .countr .fa {
        margin-top: 0
    }
}

section.subscribe {
    padding: 3rem 0;
    background: #e0e0e0;
    text-align: center
}

.realhome_subscribe input {
    font-size: 16px;
    padding: 11px 0 12px 22px;
    line-height: 26px;
    font-weight: 300;
    background: 0 0;
    border: 2px solid;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    letter-spacing: 3px;
    vertical-align: top;
    border-color: #23bbbb;
    border-radius: 0;
    color: #fff;
    height: auto;
    margin-bottom: 0;
    -webkit-appearance: none
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.realhome_subscribe h2 {
    font-size: 1.9rem;
    text-align: center;
    font-weight: 500;
    color: #121b21;
    margin-bottom: 2rem
}

input {
    margin-right: 0!important
}

@media screen and (max-width:767px) {
    .realhome_subscribe h2 {
        font-size: 1.3rem
    }
    .realhome_subscribe input {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }
    .realhome_form_subscribe button {
        margin-right: 0
    }
}

@media screen and (max-width:575px) {
    .realhome_subscribe h2 {
        font-size: 1.2rem
    }
}

@media screen and (max-width:360px) {
    .realhome_subscribe input {
        font-size: 14px
    }
}

@media screen and (max-width:320px) {
    .realhome_form_subscribe button {
        padding: 11px 11px 12px 11px!important
    }
}

.realhome_form_subscribe {
    position: relative;
    width: 100%
}

.realhome_form_subscribe button {
    background: #23bbbb;
    border-color: #fff;
    color: #fff;
    font-size: 16px;
    border: 2px solid #23bbbb;
    line-height: 26px;
    letter-spacing: 3px;
    min-height: 40px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 18px 12px 23px;
    text-transform: uppercase;
    border-radius: 0;
    vertical-align: middle;
    -webkit-appearance: none
}

.first-footer .top-footer {
    padding: 6rem 0
}

.first-footer .logo img {
    width: 220px;
    height: auto;
    margin-bottom: 1.6rem
}

@media screen and (max-width:991px) {
    .first-footer .netabout {
        margin-bottom: 0
    }
    .first-footer .netabout p {
        margin-bottom: 2rem!important
    }
}

.first-footer .netabout h3 {
    margin-bottom: 2rem
}

.first-footer .netabout h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.first-footer .netabout p {
    margin-bottom: 1.5rem;
    font-weight: 400;
    color: #fff
}

.first-footer .netsocials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.first-footer .netsocials a .fa {
    font-size: 1rem;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: 1.5rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.first-footer .netsocials a .fa-facebook {
    background: #3b5998;
    color: #fff;
    border: 1px dotted #3b5998
}

.first-footer .netsocials a .fa-facebook:hover {
    background: #3b5998;
    color: #fff
}

.first-footer .netsocials a .fa-twitter {
    background: #1da1f2;
    color: #fff;
    border: 1px dotted #1da1f2
}

.first-footer .netsocials a .fa-twitter:hover {
    background: #1da1f2;
    color: #fff
}

.first-footer .netsocials a .fa-google-plus {
    background: #dd4b39;
    color: #fff;
    border: 1px dotted #dd4b39
}

.first-footer .netsocials a .fa-google-plus:hover {
    background: #dd4b39;
    color: #fff
}

.first-footer .netsocials a .fa-youtube {
    background: #cd201f;
    color: #fff;
    border: 1px dotted #cd201f
}

.first-footer .netsocials a .fa-youtube:hover {
    background: #cd201f;
    color: #fff
}

.first-footer .netsocials a .fa-pinterest-p {
    background: #cd201f;
    color: #fff;
    border: 1px dotted #cd201f
}

.first-footer .netsocials a .fa-pinterest-p:hover {
    background: #cd201f;
    color: #fff
}

.navigation h3 {
    margin-bottom: 2rem
}

.first-footer .nav-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.first-footer .navigation h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:991px) {
    .first-footer .navigation h3 {
        margin-top: 0
    }
    .navigation ul {
        margin-bottom: 0
    }
    .navigation ul li.no-mgb {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .first-footer .navigation h3 {
        margin-top: 3rem
    }
}

.navigation ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.navigation ul li {
    margin-bottom: 1rem;
    border-bottom: 1px dotted #666
}

.navigation ul li.no-mgb {
    margin-bottom: 0
}

.navigation ul li a {
    text-decoration: none;
    font-weight: 300;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.navigation ul li a:hover {
    color: #23bbbb
}

.navigation a {
    display: block;
    margin-bottom: .6rem
}

.navigation .nav-right {
    margin-left: 2rem
}

.first-footer .widget h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.twitter-widget.contuct .single-item {
    position: relative;
    margin-bottom: 25px
}

.twitter-widget.contuct .single-item:last-child {
    margin-bottom: 0
}

.twitter-widget.contuct .twitter-area .icon-holder {
    position: absolute;
    left: 0;
    top: 0
}

.twitter-widget.contuct .twitter-area .icon-holder i {
    color: #23bbbb
}

.twitter-widget.contuct .twitter-area .text {
    padding: 0 0 0 30px
}

.inner-pages .twitter-widget.contuct .twitter-area .text h5,
.twitter-widget.contuct .twitter-area .text h5 {
    font-size: 15px;
    color: #bbb;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 1.3rem
}

.inner-pages .twitter-widget.contuct .twitter-area .text h5 a,
.twitter-widget.contuct .twitter-area .text h5 a {
    color: #fff;
    font-weight: 600
}

.inner-pages .twitter-widget.contuct .twitter-area .text h4,
.twitter-widget.contuct .twitter-area .text h4 {
    font-size: 14px;
    color: #23bbbb;
    font-weight: 500;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .first-footer .widget,
    .inner-pages .first-footer .widget {
        padding-top: 0!important
    }
    .first-footer .widget h3 {
        margin-top: 3rem
    }
}

.inner-pages .first-footer .twitter-widget.contuct h5::after {
    display: none
}

.first-footer h3 {
    margin-bottom: 2rem
}

.first-footer .contactus h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:991px) {
    .first-footer .contactus h3 {
        margin-top: 3rem
    }
}

@media screen and (max-width:767px) {
    .first-footer .contactus {
        margin-top: 2rem
    }
    .first-footer .top-footer {
        padding-bottom: 6rem
    }
}

.first-footer .contactus .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .6rem
}

.first-footer .contactus .ti {
    margin-bottom: 0
}

.first-footer .contactus .info p {
    margin: 0;
    margin-left: 1.5rem;
    font-weight: 400
}

.first-footer .contactus ul li {
    margin-bottom: 1rem;
    border-bottom: 1px dotted #666
}

.first-footer .contactus ul {
    list-style: none;
    margin-bottom: 2.5rem!important;
    padding: 0;
    margin: 0
}

.first-footer .contactus ul li .fa {
    font-size: 1.6rem
}

.hover-effect figure {
    position: relative;
    overflow: hidden;
    margin: 0
}

.hover-effect figure::before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.hover-effect:hover figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.hover-effect figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.hover-effect:hover figure img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.second-footer {
    padding: 1.5rem 0
}

.second-footer h3 {
    margin: 0;
    font-weight: 300
}

.second-footer p {
    margin: 0;
    font-weight: 400
}

.second-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto
}

.second-footer p .fa-heart:before {
    color: #fff
}

.go-up {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    font-size: 2.1rem;
    background: #23bbbb;
    padding: .4rem;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    z-index: 99999;
    line-height: 0;
    display: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.go-up:focus,
.go-up:hover {
    outline: 0;
    text-decoration: none;
    color: #fff
}

.main-search-field {
    padding: 3rem 0;
    background: #23bbbb;
    background-repeat: repeat
}

.main-search-field.mt10 {
    margin-top: -10px
}

.main-search-field h3 {
    font-size: 2rem;
    margin-bottom: 2.5rem!important;
    color: #fff;
    font-weight: 800;
    margin: 0 auto 15px
}

.main-search-field h3 span {
    color: #222;
    font-weight: 300
}

.main-search-field select {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #9e9e9e38;
    color: #607d8b;
    font-size: 1rem;
    border-radius: 0;
    background: 0 0;
    text-transform: capitalize;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.main-search-field .at-col-default-mar.no-mb,
.main-search-field .at-input,
.main-search-field .no-mb select {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .main-search-field .at-input,
    .main-search-field .no-mb select {
        margin-bottom: 20px
    }
}

.main-search-field select:focus {
    outline: 0
}

.main-search-field option {
    background: #000
}

.main-search-field select:focus {
    background: 0 0
}

.main-search-field .at-input {
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    color: #000!important;
    border: 1px solid #fff;
    border-radius: 0;
    background: #fff
}

.main-search-field .at-input:focus {
    outline: 0
}

.main-search-field .at-col-default-mar {
    margin-bottom: 10px
}

.main-search-field .at-input-price {
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: #fff;
    height: 25px;
    width: 180px
}

.at-pricing-range h4 {
    color: #fff
}

.main-search-field .hvr-bounce-to-right {
    width: 100%
}

.main-search-field .hide {
    display: none!important
}

.main-search-field .at-pricing-range label {
    color: #fff
}

.main-search-field .at-btn-default {
    font-size: 18px;
    background: #fff;
    color: #fff;
    border: none;
    height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main-search-field .hvr-bounce-to-right {
    font-size: 14px;
    background: #121b22;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    padding: 12px 22px;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main-search-field .hvr-bounce-to-right:hover {
    background: #fff;
    color: #000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-search-field .hvr-bounce-to-right:before {
    background-color: #bf864f
}

button[disabled],
html input[disabled] {
    cursor: default
}

.slider_amount {
    border: none;
    background: 0 0;
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
    color: #fff
}

.ui-widget.ui-widget-content {
    border-radius: 2px;
    background: #fff;
    border: none
}

.ui-slider-horizontal {
    height: 10px
}

.ui-widget-header {
    background: #121b22
}

@media screen and (max-width:767px) {
    .hvr-bounce-to-right {
        margin-top: 5px
    }
    .input-group {
        margin-bottom: 5px
    }
}

@media screen and (max-width:990px) {
    .input-group {
        margin-bottom: 5px
    }
}

.parallax-search {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .25)), to(rgba(0, 0, 0, .25))), url(img/bg-demo.jpg) no-repeat center top;
    background: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url(img/bg-demo.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed!important;
    width: 100%
}

.parallax-search .hero-inner {
    text-align: center;
    margin: 80px 0
}

.parallax-search .welcome-text p {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500
}

.parallax-search .welcome-text h1 {
    font-size: 50px;
    color: #fff;
    text-transform: capitalize
}

.parallax-search .trip-search {
    padding: 0;
    text-align: left;
    margin-top: 50px
}

.parallax-search .trip-search .form {
    line-height: 0
}

.parallax-search .form-group {
    width: 190px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 0
}

.parallax-search .form-group:last-child {
    margin-right: 0
}

.parallax-search .form-group .nice-select {
    margin: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #757575;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px
}

.parallax-search .form-group .nice-select:hover {
    color: #23bbbb
}

.parallax-search .form-group .nice-select::after {
    right: 20px;
    color: #757575
}

.parallax-search .form-group .nice-select i {
    color: #23bbbb;
    font-size: 1.2rem;
    margin-top: 5px;
    margin-right: 10px
}

.parallax-search .form-group .list li {
    color: #757575
}

.parallax-search .form-group .list li.selected {
    color: #757575;
    font-weight: 400
}

.parallax-search .form-group .list li:hover {
    color: #fff;
    background: #23bbbb
}

.parallax-search .form-group.location {
    width: 150px
}

.parallax-search .form-group.button {
    width: 145px;
    position: relative;
    height: 50px
}

.parallax-search .form-group .btn,
.special-search {
    display: block;
    width: 100%;
    background: #ffef01;
    cursor: pointer;
    margin: 0;
    height: 80px;
    line-height: 80px;
    padding: 0 15px 0 36px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 100;
    font-size: 16px;
    border: 0 solid #c5c5c5
}

.parallax-search .form-group .btn:hover,
.special-search:hover {
    background: #ffe000;
    color: #000;
}

@media only screen and (max-width:991px) {
    .parallax-search .trip-search .form-group {
        margin-top: 15px;
        margin-right: 20px
    }
    .parallax-search .hero-inner {
        margin: 97px 0
    }
}

@media only screen and (max-width:767px) {
    .parallax-search .welcome-text h1 {
        font-size: 48px
    }
    .parallax-search .hero-inner {
        margin: 69px 0
    }
    .parallax-search .trip-search .form-group {
        margin-top: 10px;
        width: 100%
    }
}

@media only screen and (max-width:450px) {
    .parallax-search .welcome-text h1 {
        font-size: 35px!important
    }
    .parallax-search .welcome-text p {
        font-size: 14px
    }
    .parallax-search .hero-inner {
        margin: 70px 0
    }
    .parallax-search .trip-search {
        margin-top: 30px
    }
}

.hero-area.style2 .owl-controls .owl-nav div {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    padding: 0;
    font-size: 25px;
    border-radius: 25px;
    background: 0 0;
    border: 1px solid #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0
}

.hero-area.style2 .owl-controls .owl-nav div:hover {
    background: #ff7550;
    border-color: transparent;
    color: #fff
}

.hero-area.style2 .owl-controls .owl-nav div.owl-prev {
    left: 0
}

.hero-area.style2 .owl-controls .owl-nav div.owl-next {
    right: 0
}

.hero-area .owl-item.active .welcome-text p {
    -webkit-animation: fadeInDown .8s both 1s;
    animation: fadeInDown .8s both 1s
}

.hero-area .owl-item.active .welcome-text h1 {
    -webkit-animation: fadeInLeft .8s both 1.4s;
    animation: fadeInLeft .8s both 1.4s
}

.hero-area .owl-item.active .welcome-text .btn {
    -webkit-animation: fadeInRight .8s both 1.6s;
    animation: fadeInRight .8s both 1.6s
}

.inner-pages .blog .block-heading {
    background: #edeff1;
    border-radius: 3px;
    height: 52px;
    margin-bottom: 30px
}

.inner-pages .properties-list.full .project-single {
    border-bottom: 0
}

.inner-pages .properties-list.full .my-44 {
    margin: 2.5rem 0
}

@media screen and (max-width:991px) {
    .inner-pages .properties-list.full .my-44.ft {
        margin: 0
    }
    .inner-pages .properties-list.full .pr-0 {
        padding-left: 0
    }
    .inner-pages .properties-list.full .col-lg-8 {
        padding-left: 15px;
        padding-right: 15px
    }
    .inner-pages .properties-list.full .mb-44 {
        margin-bottom: 2.5rem!important
    }
    .inner-pages .properties-list.full .row.featured {
        padding-left: 15px;
        padding-right: 15px
    }
}

.inner-pages .blog .block-heading {
    background: #edeff1;
    border-radius: 3px;
    height: 52px;
    margin-bottom: 30px
}

.inner-pages .properties-right.list .homes-img img {
    height: 272px
}

.inner-pages .properties-right.list .project-single {
    border-bottom: 0
}

.inner-pages .properties-right.list .my-44 {
    margin: 2.5rem 0
}

@media screen and (max-width:991px) {
    .inner-pages .properties-right.list .my-44.ft {
        margin: 0
    }
    .inner-pages .properties-right.list .homes-img img {
        height: auto
    }
    .inner-pages .properties-right.list .pr-0 {
        padding-left: 0
    }
    .inner-pages .properties-right.list .col-lg-8 {
        padding-left: 15px;
        padding-right: 15px
    }
    .inner-pages .properties-right.list .mb-44 {
        margin-bottom: 2.5rem!important
    }
    .inner-pages .properties-right.list .row.featured {
        padding-left: 15px;
        padding-right: 15px
    }
}

.inner-pages .blog .block-heading {
    background: #edeff1;
    border-radius: 3px;
    height: 52px;
    margin-bottom: 30px
}

.inner-pages .blog .block-heading h4 {
    line-height: 52px;
    color: #121b22;
    display: inline-block;
    padding-right: 20px;
    border-radius: 3px 0 0 3px;
    margin: 0 0 0;
    font-weight: 600
}

.inner-pages .blog .space-3 {
    margin-bottom: 1.6rem
}

.inner-pages .blog .block-heading .heading-icon {
    background: #121b22;
    width: 50px;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    position: relative;
    color: #fff
}

.inner-pages .project-single .homes-content .homes-list li i {
    font-size: 1rem
}

.inner-pages .project-single .fa-calendar,
.inner-pages .project-single .fa-user {
    color: #666!important
}

.inner-pages .portfolio .homes-content .homes-list li {
    width: 45%!important;
    line-height: 40px!important
}

.properties-list .item {
    padding-bottom: 0rem
}

@media screen and (max-width:767px) {
    .inner-pages .blog .item {
        padding-bottom: 1rem
    }
    .inner-pages .portfolio.blog .item.no-pb.x2 {
        padding-bottom: 0
    }
}

.inner-pages .blog .block-heading .sorting {
    padding: 8px 12px;
    width: auto;
    background: #fff;
    border: 1px solid #eee;
    color: #999;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 300;
    outline: 0
}

@media screen and (max-width:380px) {
    .inner-pages .blog .block-heading .sorting {
        float: left;
        width: 120px
    }
}

.inner-pages .blog .block-heading .sorting-options {
    margin: 10px 15px 0 0;
    text-align: right
}

.inner-pages .blog .block-heading .sorting {
    font-size: 13px;
    font-weight: 300;
    padding: 5px 12px;
    border: solid 1px #e7e7e7
}

.inner-pages .blog .block-heading a {
    text-decoration: none
}

.inner-pages .blog .block-heading .change-view-btn.lde .fa {
    color: #121b22!important
}

.inner-pages .blog .block-heading .change-view-btn.lde:hover {
    background: #23bbbb;
    color: #fff!important
}

.inner-pages .blog .sorting-options a .active-view-btn .fa {
    color: #fff!important
}

.inner-pages .blog .change-view-btn {
    color: #121b22!important;
    border: 1px solid #121b22;
    margin-left: 5px;
    border-radius: 2px;
    background: 0 0;
    padding: 5px 9px
}

.inner-pages .change-view-btn:hover {
    color: #23bbbb!important
}

.inner-pages .active-view-btn {
    background: #121b22!important;
    color: #fff!important;
    margin-left: 5px;
    padding: 5px 9px
}

.inner-pages .blog .active-view-btn:hover {
    background: #23bbbb!important;
    color: #fff
}

.inner-pages .blog .block-heading .fa {
    color: #fff;
    margin-right: 0
}

.inner-pages .blog .homes .fa {
    color: #23bbbb
}

.inner-pages .properties-list .compare,
.inner-pages .properties-right .compare {
    margin-top: 1.1rem!important
}

.inner-pages .properties-right .fa-heart-o {
    color: #666!important
}

.inner-pages .blog .single-block {
    padding: 3rem 0
}

.inner-pages .blog .section-heading .media .media-left i {
    background: #23bbbb;
    color: #fff;
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 25px;
    float: left
}

.inner-pages .blog .section-heading .media .media-left {
    padding-right: 15px
}

.inner-pages .blog .section-heading .media .media-body h5::after {
    margin-bottom: 16px
}

.inner-pages .blog .section-heading .media .media-body p {
    margin: 0 0 0;
    color: #666;
    line-height: 0
}

.inner-pages .blog .main-search-field h5,
.inner-pages .blog .main-search-field-2 h5,
.inner-pages .blog .section-heading .media .media-body h5 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.inner-pages .blog .main-search-field {
    background: linear-gradient(to right, #303f9f, #23bbbb);
    padding-bottom: 0;
    padding: 15px;
    margin-top: 15px
}

.inner-pages .blog .main-search-field select {
    background: #fff
}

.inner-pages .blog .main-search-field .at-col-default-mar {
    margin-bottom: 0
}

.inner-pages .blog .at-input {
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    color: #000;
    border: 2px solid #23bbbb;
    border-radius: 0;
    background: 0 0
}

@media screen and (max-width:991px) {
    .inner-pages .blog .at-input {
        margin-bottom: 0
    }
}

.inner-pages .blog .col-lg-12.no-pds {
    padding-left: 0;
    padding-right: 0
}

.inner-pages .blog .slider_amount {
    color: #000;
    font-weight: 400
}

.inner-pages .blog .ui-widget.ui-widget-content {
    background: #23bbbb
}

.inner-pages .blog .hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 1rem;
    font-size: 17px;
    cursor: pointer;
    background: #ff680b;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 8px 22px;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .blog .hvr-bounce-to-right:hover {
    background: #ff680b
}

.google-maps-right {
    position: fixed;
    top: 1;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 0!important;
    margin-bottom: 0
}

.google-maps-right #map-leaflet {
    height: 867px
}

section.google-map-right {
    padding: 100px 0 30px 0!important
}

.header.google-map-right {
    z-index: 99999
}

.header.google-map-right .header-bottom {
    position: fixed;
    width: 100%;
    z-index: 99999
}

@media screen and (max-width:991px) {
    .google-maps-right {
        position: relative;
        margin-top: 2rem
    }
    .mt-5.pagi {
        display: none
    }
}

@media screen and (max-width:767px) {
    .google-maps-right {
        margin-top: 0
    }
}

.header-map.google-maps.properties,
.header-map.google-maps.properties #map-leaflet {
    height: 450px
}

section.blog.details {
    background: #fff
}

.inner-pages .blog .block-heading.details h4 {
    color: #000
}

.inner-pages .blog .blog-info.details h5 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.inner-pages .blog .blog-info.details {
    padding: 0;
    border-bottom: 0
}

.inner-pages .blog .homes-content .homes-list {
    padding: 0;
    margin: 0;
    width: 95%
}

.inner-pages .blog .homes-content .homes-list li {
    width: 25%;
    float: left;
    font-size: 14px;
    line-height: 36px;
    list-style: none;
    color: #23bbbb
}

.inner-pages .blog .homes-content.details-2 {
    background: #121b22;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .2rem 0
}

@media screen and (max-width:767px) {
    .inner-pages .blog .homes-content.details-2 {
        padding-left: .5rem
    }
    .inner-pages .carousel.slide .carousel-inner img {
        width: 100%;
        height: 280px
    }
}

@media screen and (max-width:500px) {
    .inner-pages .carousel.slide .carousel-inner img {
        width: 100%;
        height: 280px
    }
}

@media screen and (max-width:450px) {
    .inner-pages .blog .homes-content.details-2 {
        padding-left: .5rem
    }
}

@media screen and (max-width:360px) {
    .inner-pages .blog .homes-content.details-2 {
        padding-left: .3rem
    }
}

.inner-pages .blog .homes-content.details-2 span {
    color: #fff;
    font-size: .75rem
}

.inner-pages .blog .homes-content.details-2 .fa {
    color: #23bbbb
}

.inner-pages .blog .blog-info p.mb-3 {
    color: #666;
    font-weight: 400
}

.inner-pages .blog .blog-info.details {
    background: #edeff1
}

.inner-pages .blog .sorting-options span {
    color: #121b22;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.inner-pages .blog .sorting-options h5 {
    color: #23bbbb;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-top: 0
}

.inner-pages .blog .sorting-options h6 {
    color: #18ba60;
    font-weight: 700;
    margin-right: 3.2rem
}

.inner-pages .blog .wprt-image-video.w50 {
    margin-bottom: 5rem
}

.inner-pages .blog .homes-content h5,
.inner-pages .blog .property-location h5,
.inner-pages .blog .team.assigned h5 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.inner-pages .blog .blog-info.details h5::after,
.inner-pages .blog .homes-content h5::after,
.inner-pages .blog .property-location h5::after,
.inner-pages .blog .team.assigned h5::after {
    color: #23bbbb;
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .blog .homes-content.details .fa {
    color: #23bbbb;
    font-size: 1.5rem;
    font-weight: 700
}

.inner-pages .blog .homes-content.details span {
    font-size: 1rem;
    color: #000
}

#map-contact {
    width: 100%;
    height: 300px
}

.contact-map {
    width: 100%;
    height: 300px
}

.inner-pages .info-box-img {
    width: 180px!important;
    margin-right: 20px;
    float: left
}

.inner-pages section.team.assigned {
    padding: 0
}

.inner-pages section.team {
    padding: 6rem 0;
    background: #edeff1
}

.inner-pages .team .team-all {
    padding: 0;
    margin: 0
}

.inner-pages .team-wrap {
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.inner-pages .team-img {
    position: relative;
    z-index: 9
}

.inner-pages .team-img img {
    width: 100%
}

.inner-pages .team-content {
    height: 80px;
    width: 100%;
    bottom: 0;
    position: absolute;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 9;
    background: #23bbbb
}

.inner-pages .team-wrap:hover .team-content {
    height: 150px
}

.inner-pages .team-content .team-info {
    background: #fff!important
}

.inner-pages .team-info {
    background: #23bbbb;
    padding: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.inner-pages .team-wrap:hover .team-content .team-info {
    background: #23bbbb
}

.inner-pages .team-content h3 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #444;
    font-size: 16px
}

.inner-pages .team-content p {
    color: #000;
    font-style: italic;
    margin-bottom: 10px;
    font-size: .97rem;
    font-weight: 400;
    letter-spacing: 1px
}

.inner-pages .team-content ul {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s
}

.inner-pages .team-wrap:hover .team-content ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s;
    margin-bottom: 10px
}

.inner-pages .team-content ul li {
    opacity: 0;
    padding: .3rem 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .1s, -webkit-transform .6s;
    transition: opacity .1s, -webkit-transform .6s;
    transition: transform .6s, opacity .1s;
    transition: transform .6s, opacity .1s, -webkit-transform .6s;
    display: inline-block
}

.inner-pages .team-wrap:hover .team-content ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.inner-pages .team-socials ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-pages .team-content span a {
    color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: relative;
    text-transform: uppercase;
    font-size: 12px
}

.inner-pages .team-wrap:hover .team-content span a {
    bottom: 2px
}

.inner-pages .team-content span a:hover {
    color: #23bbbb
}

.inner-pages .team .team-pro ul {
    padding: 0;
    margin: 0
}

.inner-pages .team .team-pro ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inner-pages .team .team-pro .fa {
    font-size: 1.2rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin: 0 .5rem;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2.1rem
}

.inner-pages .team .team-all.padding {
    padding-bottom: 2.5rem
}

@media screen and (max-width:991px) {
    .inner-pages .team .team-pro {
        padding-bottom: 2.5rem
    }
    .inner-pages .team .team-pro:last-child {
        padding-bottom: 0!important
    }
    .inner-pages .team .pb-none {
        padding-bottom: 0
    }
    .inner-pages .team .team-all.padding {
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .inner-pages .team .team-pro.pb-on {
        padding-bottom: 2.5rem
    }
    .inner-pages .team-pro.pb-none.np,
    .inner-pages .team-pro.pb-on.np {
        padding-top: 0
    }
    .inner-pages .team-pro.pb-on.np-2 {
        padding-bottom: 2.5rem!important
    }
}

.inner-pages .team .team-pro .fa.fa-facebook:hover {
    background: #3b5998
}

.inner-pages .team .team-pro .fa.fa-twitter:hover {
    background: #1da1f2
}

.inner-pages .team .team-pro .fa.fa-instagram:hover {
    background: #e1306c
}

.inner-pages .agent-row .agent-img {
    width: 30%;
    display: inline-block;
    overflow: hidden;
    min-height: 285px;
    max-height: 285px;
    margin-bottom: 40px;
    background: #d4e0e7;
    float: left;
    z-index: 100
}

@media screen and (max-width:991px) {
    .inner-pages .agent-row .agent-content,
    .inner-pages .agent-row .agent-img {
        width: 100%!important
    }
    .inner-pages .agent-row .agent-content {
        min-height: 300px!important
    }
    .inner-pages .agent-row .agent-img {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
        max-height: 100%;
        margin-bottom: 0!important
    }
    .inner-pages .agent {
        margin-bottom: 0!important
    }
    .inner-pages .team .agent-mb {
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width:767px) {
    .inner-pages .agent-row .agent-footer {
        bottom: 22px!important
    }
}

@media screen and (max-width:381px) {
    .inner-pages .agent-row .agent-details .fa-envelope {
        padding: 1rem 0
    }
}

.inner-pages .agent-row .agent-content {
    background: #fff;
    padding: 25px;
    width: 70%;
    float: left;
    min-height: 285px;
    position: relative;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #23bbbb
}

.inner-pages .agent-row .agent-details h4 {
    margin-bottom: 1rem
}

.inner-pages .agent-row .agent-text p {
    margin-top: 18px;
    line-height: 1.6;
    color: #666;
    overflow: hidden
}

.inner-pages .agent-row .agent-details {
    padding-left: 0;
    padding-right: 0
}

.inner-pages .agent-row .agent-details p {
    display: inline-block;
    margin-right: 15px
}

.inner-pages .agent-row .agent-footer {
    text-align: left;
    left: 25px;
    right: 25px;
    position: absolute;
    bottom: 25px
}

.inner-pages .agent-row .agent-footer .social-icons {
    margin-top: 5px
}

.inner-pages .agent-row-sidebar .agent-img {
    min-height: 254px;
    max-height: 254px
}

.inner-pages .agent-row-sidebar .agent-text {
    font-size: 13px
}

.inner-pages .agent-row-sidebar .agent-content {
    min-height: 254px
}

.inner-pages .agent-row-sidebar .agent-footer {
    bottom: 20px
}

.inner-pages .agent {
    background: #fff;
    position: relative;
    margin-bottom: 30px
}

.inner-pages .agent-tag {
    position: absolute;
    padding: 3px 8px;
    font-size: 12px;
    z-index: 20;
    bottom: 10px;
    left: 10px
}

.inner-pages .agent-img {
    position: relative;
    display: block
}

.inner-pages .agent-img img {
    width: 100%;
    padding: 5px;
    height: auto
}

.inner-pages .agent-content {
    padding: 5%
}

.inner-pages .agent-content p {
    color: #666;
    margin: 0
}

.inner-pages .button.alt {
    background-color: #23bbbb;
    color: #fff
}

.inner-pages .agent-details {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 0 10px 15px 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.9
}

.inner-pages .agent-details:last-child {
    border-bottom: 0
}

.inner-pages .agent-details a {
    color: #777;
    font-size: 20px;
    margin-bottom: 1rem;
    text-decoration: none
}

.inner-pages .homes-content .homes-address a {
    font-size: 1.2rem!important;
    margin: 0 0 15px;
    text-decoration: none;
    color: #23bbbb
}

.inner-pages .homes-address span {
    color: #666
}

.inner-pages .homes-content .homes-list li i {
    font-size: 1.2rem;
    margin-right: 5px;
    color: #4caf50
}

.inner-pages .agent-details a:hover {
    color: #48a0dc
}

.inner-pages .agent-details .fa {
    color: #23bbbb;
    font-size: 15px;
    margin-right: 8px
}

.inner-pages .agent-content .social-icons.circle li {
    padding-left: 4px;
    padding-right: 4px
}

.inner-pages .agent-content .social-icons.circle li a {
    color: #9bb0bb;
    border: 1px solid #9bb0bb
}

.inner-pages .agent-content .social-icons.circle li a:hover {
    color: #fff;
    border-color: #48a0dc
}

.inner-pages .agent-content .netsocials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0
}

.inner-pages .agent-content .netsocials .fa {
    font-size: 1rem;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: 1.5rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .agent-content .netsocials a .fa-facebook {
    background: #3b5998;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-facebook:hover {
    background: #3b5998;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-twitter {
    background: #1da1f2;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-twitter:hover {
    background: #1da1f2;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-google-plus {
    background: #dd4b39;
    color: #fff
}

.agent-content .netsocials a .fa-google-plus:hover {
    background: #dd4b39;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-youtube {
    background: #cd201f;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-youtube:hover {
    background: #cd201f;
    color: #fff
}

.inner-pages .button.button-icon.right {
    float: right
}

@media screen and (max-width:531px) {
    .inner-pages .agent-row .agent-text p {
        margin-bottom: 3rem
    }
}

.inner-pages section.portfolio.agent-details {
    padding: 1rem 0;
    background: #edeff1
}

.inner-pages .agent-details .section-title {
    text-align: left!important
}

.inner-pages .agent-details .section-title .title-style h2,
.inner-pages .agent-details.no-mb a {
    margin-bottom: 0
}

.inner-pages .featured .compare {
    margin-top: 1.1rem
}

.portfolio .project-head .fa,
.portfolio .project-head .fa-video {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1rem;
    margin-right: 0;
    line-height: 0
}

.inner-pages .agent-details .button-effect {
    position: absolute;
    text-align: left;
    bottom: 0;
    right: 0;
    z-index: 33;
    background: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    padding: 8px 15px;
    border-radius: 20px 0 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: .7rem
}

.inner-pages .agent-details .button-effect .btn {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-right: 15px;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #fff;
    z-index: 99
}

.inner-pages .button.alt,
.inner-pages .homes-tag.sale.rent {
    line-height: 1.5
}

.inner-pages .agent-details .footer a {
    font-size: 13px;
    color: #666
}

.inner-pages .agent-details .footer i {
    color: #666
}

.inner-pages .agent-details .compare .fa-heart-o {
    color: #666
}

@media screen and (max-width:991px) {
    .inner-pages section.portfolio.agent-details {
        padding-top: 2.5rem
    }
}

.inner-pages section.about-us {
    background: #fff;
    padding: 6rem 0
}

.inner-pages .headings {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 51, 100, 0)), to(rgba(32, 51, 100, 0))), url(img/bg-details.jpeg) no-repeat center center;
    background: linear-gradient(rgba(32, 51, 100, 0), rgba(32, 51, 100, 0)), url(img/bg-details.jpeg) no-repeat center center;
    width: 100%;
    height: 35vh
}

.inner-pages .headings h1 {
    margin-top: 7rem;
    font-size: 2rem;
    color: #fff
}

.inner-pages .headings h2,
.inner-pages .headings h2 a {
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    font-size: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .headings h2 a:hover {
    color: #23bbbb
}

.inner-pages .about-us h2::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #121b22;
    content: " ";
    width: 97px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:500px) {
    .inner-pages .headings h1 {
        margin-top: 5rem;
        font-size: 1.5rem
    }
}

.inner-pages .about-us .who-1 {
    background: #fff;
    background-size: cover;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 80px;
    left: 0;
    top: 0
}

.inner-pages .about-us .who-1 h2 span {
    color: #23bbbb
}

.inner-pages .about-us .who-1 p {
    color: #666;
    background: #fff;
    font-weight: 400;
    font-family: Lato, sans-serif
}

.inner-pages .services .top-headings-section.se h2 {
    color: #fff
}

.inner-pages .about-us .box.bg-2 a {
    text-decoration: none
}

.inner-pages .about-us .box.bg-2 {
    color: #000!important;
    background: #fff
}

.inner-pages .about-us .box.bg-2 .button:hover {
    color: #fff;
    border-color: #fff
}

.inner-pages .about-us .wprt-image-video .icon-wrap {
    border-radius: 50%;
    background-color: #23bbbb;
    outline: 0;
    width: 60px;
    height: 60px;
    margin: -25px 0 0 -25px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transition: all ease .238s;
    transition: all ease .238s
}

.inner-pages .about-us .wprt-image-video .icon-wrap:hover {
    background: #121b22
}

.inner-pages .about-us .wprt-image-video .icon-wrap:after {
    color: #fff;
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 60px;
    text-align: center;
    -webkit-transition: all ease .238s;
    transition: all ease .238s
}

.inner-pages .about-us .wprt-image-video .icon-wrap:hover {
    color: #121b22;
    content: "\f04b";
    font-family: FontAwesome
}

.inner-pages .services-2 .section-title .title-style h2,
.inner-pages .team .section-title .title-style h2 {
    color: #23bbbb
}

.inner-pages .services-2 .title-icon:before,
.inner-pages .team .title-icon:before {
    background: #121b22
}

.inner-pages .services-2 .title-icon:after,
.inner-pages .team .title-icon:after {
    background: #121b22
}

.inner-pages .services-2 .img-1 img {
    margin-bottom: 1rem
}

.inner-pages .services-2 .art-1 {
    color: #121b22
}

main.services-2 {
    background: #edeff1;
    padding: 6rem 0
}

.services-2 .art-1 {
    background: #fff;
    color: #23bbbb;
    text-align: center;
    padding: 2rem;
    border-radius: 5px;
    border: 1px solid #f9f9f9;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.services-2 .art-1:hover {
    cursor: all-scroll
}

.services-2 article .fa {
    font-size: 4rem;
    text-align: center
}

.services-2 article h3 {
    color: #000;
    margin: 1.3rem 0 1rem
}

.services-2 article p {
    color: #555
}

.inner-pages .team-content .team-info {
    background: #121b22
}

@media screen and (max-width:991px) {
    .box.bg-2 img {
        width: 30%
    }
    .inner-pages .about-us .wprt-image-video {
        margin-top: 2.5rem
    }
}

.about-us .who img {
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .about-us .who img {
        width: 100%
    }
    .inner-pages .team .jann {
        padding-top: 2.5rem
    }
    .inner-pages .team .kat {
        padding-top: 2.5rem
    }
    .services-2 .serv {
        margin-bottom: 2rem
    }
    .services-2 .serv:last-child {
        margin-bottom: 0
    }
}

.inner-pages section.faq {
    padding: 6rem 0
}

.inner-pages .panel .panel-heading {
    font-size: 1.2rem
}

.inner-pages .panel .panel-heading.no-mb {
    margin-bottom: 0
}

.inner-pages .panel .panel-heading a {
    background: #23bbbb;
    color: #fff;
    display: block;
    padding: 1rem;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .panel .panel-heading a:hover {
    background: #121b22;
    color: #fff
}

.inner-pages .opening-hours.faq {
    margin-top: 0
}

.inner-pages .opening-list.faq ul {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .inner-pages .widget-service-details.faq {
        padding-top: 4rem
    }
    .inner-pages .opening-list ul li:last-child {
        margin-bottom: 0
    }
}

.inner-pages section.pricing-table {
    padding: 6rem 0;
    background: #fff
}

.plan {
    border: 1px solid #dedede
}

.plan-name {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    padding: 20px 0;
    color: #000
}

.plan-price {
    font-size: 35px;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
    background: #000;
    color: #fff
}

.plan.featured .plan-price {
    background: #121b22
}

.plan.featured .plan-price:after {
    border-top-color: #121b22
}

.plan.featured .plan-name {
    color: #323232
}

.plan.featured .plan-price {
    color: #fff
}

.plan-price .currency {
    top: -.9em;
    font-size: 50%;
    left: -.01em;
    font-weight: 700
}

.plan-name small {
    font-family: Montserrat, sans-serif;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: normal
}

.plan-price sub {
    font-size: 18px;
    font-weight: 700
}

.plan ul {
    background: #fff;
    padding: 0;
    margin-bottom: 0
}

.plan ul li {
    border-top: 1px dashed #dedede;
    padding: 12px 29px;
    font-weight: 500
}

.plan ul li:first-child {
    border-top: 0!important
}

.plan a.btn {
    color: #fff;
    background: #23bbbb;
    border: 0;
    margin: 25px 0;
    padding: 8px 30px
}

.plan a.btn:hover {
    background: #121b22;
    color: #fff
}

@media screen and (max-width:991px) {
    .plan {
        margin-bottom: 40px
    }
    .plan.no-mgb {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .plan.yes-mgb {
        margin-bottom: 40px
    }
}

.inner-pages .notfound {
    padding: 6rem 0
}

.inner-pages .top-headings h2 {
    font-size: 10rem;
    color: #23bbbb;
    margin-bottom: 2rem;
    line-height: .73
}

.inner-pages .top-headings h3 {
    font-size: 3rem;
    color: #000;
    margin-bottom: 2rem
}

.inner-pages .top-headings p:last-child {
    font-size: 1.2rem
}

.inner-pages .port-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem
}

.inner-pages .port-info .btn {
    background: #23bbbb;
    color: #fff;
    border: 1px solid #23bbbb;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .port-info .btn:hover {
    background: #121b22;
    color: #fff;
    border: 1px solid #121b22
}

@media screen and (max-width:500px) {
    .inner-pages .top-headings h2 {
        font-size: 7rem
    }
    .inner-pages .top-headings h3 {
        font-size: 2rem;
        margin-bottom: 1rem
    }
    .inner-pages .top-headings p:last-child {
        font-size: 1rem
    }
}

#login .login,
#register .login {
    width: 430px;
    padding: 45px 60px 60px;
    overflow-y: auto;
    background-color: #fff
}

#login {
    background-color: #edeff1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

a.social_bt {
    border-radius: 3px;
    color: #fff;
    min-width: 200px;
    display: block;
    padding: 12px;
    line-height: 1;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.social_bt.facebook {
    background-color: #3b5998
}

a.social_bt.google {
    background-color: #dc4e41
}

a.social_bt.linkedin {
    background-color: #0077b5
}

.add_bottom_15,
a.social_bt {
    margin-bottom: 15px
}

a.social_bt {
    text-align: center;
    text-decoration: none
}

a.social_bt.facebook:before {
    content: "\f09a"
}

a.social_bt.google:before {
    content: "\f0d5";
    top: 12px
}

a.social_bt.linkedin:before {
    content: "\f0e1"
}

a.social_bt.facebook:before,
a.social_bt.google:before,
a.social_bt.linkedin:before {
    font-family: FontAwesome;
    position: absolute;
    left: 12px;
    top: 10px;
    font-size: 1.3rem;
    color: #fff
}

#login .divider {
    height: 1px;
    margin: 30px 0 20px;
    text-align: center;
    background-color: #e1e8ed
}

#login .divider span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: -20px;
    padding: 10px;
    font-style: italic
}

.add_bottom_30 {
    margin-bottom: 30px
}

#login .float-left {
    float: left!important
}

#login .container_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px
}

#login .container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#login .container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #d2d8dd;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#login .float-right {
    float: right!important;
    margin-top: 0!important
}

.checkboxes label,
a#forgot {
    color: #666;
    text-decoration: none
}

#login .btn_1.rounded,
a.btn_1.rounded {
    border-radius: 25px!important
}

#login .btn_1.full-width,
a.btn_1.full-width {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    margin-bottom: 5px
}

#login .btn_1,
a.btn_1 {
    border: none;
    background: #23bbbb;
    cursor: pointer;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 3px
}

#login a.btn_1:hover {
    background: #121b22
}

#login .add_top_10 {
    margin-top: 16px
}

#login .text-center {
    text-align: center!important
}

#login strong a {
    text-decoration: none
}

@media screen and (max-width:767px) {
    #login .login,
    #register .login {
        width: 100%
    }
    #login .checkboxes label,
    a#forgot {
        font-size: 13px
    }
}

.headings-7 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 44, 95, .7)), to(rgba(32, 51, 100, .7))), url(img/coming-soon.jpg) no-repeat center top;
    background: linear-gradient(rgba(58, 44, 95, .7), rgba(32, 51, 100, .7)), url(img/coming-soon.jpg) no-repeat center top;
    color: #fff;
    background-size: cover;
    background-attachment: fixed!important;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headings-7 .text-heading p.sorry {
    text-align: center;
    font-size: 1.3rem;
    margin-top: .8rem
}

.headings-7 .bloq-email {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem
}

.headings-7 .bloq-email .email input[type=email] {
    border: 0;
    padding: .8rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headings-7 .bloq-email .email input[type=submit] {
    border: 0;
    padding: .8rem;
    background: #23bbbb;
    border: 1px solid #fff;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.headings-7 .email input[type=submit]:hover {
    background: #121b22;
    border: 1px solid #fff
}

.font-16 {
    font-size: 16px;
    margin-right: 2rem
}

.font-36 {
    font-size: 36px
}

.headings-8 {
    background: url(img/bg-under.jpg) no-repeat center top;
    color: #fff;
    background-size: cover;
    background-attachment: fixed!important;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headings-8 .text-heading p.sorry {
    text-align: center;
    font-size: 1.1rem;
    margin-top: .8rem
}

.headings-8 .bloq-email {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem
}

.headings-8 .bloq-email .email input[type=email] {
    border: 0;
    padding: .8rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headings-8 .bloq-email .email input[type=submit] {
    border: 0;
    padding: .8rem;
    background: #23bbbb;
    border: 1px solid #fff;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.headings-8 .email input[type=submit]:hover {
    background: #121b22;
    border: 1px solid #fff
}

.font-16 {
    font-size: 16px
}

.font-36 {
    font-size: 36px
}

.inner-pages section.blog {
    padding: 2rem 0;
    background: #edeff1
}

.inner-pages .blog .blog-list.img-box .social {
    background-color: #121b22;
    position: absolute!important;
    top: 0;
    right: auto;
    overflow: hidden;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 60px
}

.inner-pages .blog .blog-list .social {
    float: right
}

.inner-pages .blog .blog-list .social a,
.inner-pages .blog .social .date {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 9px 0;
    text-decoration: none
}

.inner-pages .blog .social .fa {
    font-size: 1.5rem
}

.inner-pages .blog .blog-list .social a {
    text-decoration: none;
    background: #121b22;
    color: #fff;
    font-weight: 700
}

.inner-pages .blog .blog-list .social a:hover {
    background: #121b22;
    color: #fff
}

.inner-pages .blog .social .date {
    line-height: 1;
    background-color: #23bbbb;
    font-size: 1.6rem;
    color: #fff;
    padding: 6px 0
}

.inner-pages .blog .social .date span,
.inner-pages .blog .social a span {
    font-weight: 100;
    display: block;
    font-size: 15px
}

.inner-pages .blog .social .date span {
    font-weight: 100;
    display: block;
    font-size: 14px;
    margin-top: 6px;
    text-transform: uppercase
}

.blog .blog-pots a h3 {
    color: #fff
}

.inner-pages .blog .blog-pots .date p {
    color: #fff
}

.inner-pages .space {
    padding: 2.5rem 0
}

.inner-pages .blog .blog-info {
    background: #fff;
    padding: 1.4rem;
    height: 200px;
    overflow-y: scroll;
    margin-bottom: 30px
}

.blog .blog-pots img {
    width: 360px;
    width: 100%;
    opacity: 1;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.blog-pots figure {
    background: #23bbbb;
    margin: 0
}

.blog .blog-pots figure:hover img {
    opacity: .5
}

.blog .blog-pots a {
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.blog .blog-pots a h3 {
    color: #444;
    font-size: 1.3rem;
    text-decoration: none;
    margin: 0
}

@media screen and (max-width:991px) {
    .blog .blog-pots {
        padding-bottom: 0
    }
    .blog .blog-pots:last-child {
        padding-bottom: 0
    }
    .blog .blog-pots.pt3 {
        padding-top: 2.5rem
    }
    .inner-pages .blog .blog-list .social a:last-child {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .blog .blog-pots {
        padding-bottom: 2.5rem
    }
    .blog .blog-pots:last-child {
        padding-bottom: 0
    }
    .inner-pages .blog .space {
        padding: 0!important
    }
    .blog .blog-pots.pt3 {
        padding-top: 0
    }
    .inner-pages .blog .blog-list .social a:last-child {
        padding-top: 9px
    }
}

@media screen and (max-width:400px) {
    .inner-pages .blog .blog-list .social a:last-child {
        padding-top: 2px
    }
    .inner-pages .blog .social .date {
        font-size: 1.5rem
    }
}

.blog .blog-pots .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-secondary {
    background: #23bbbb;
    color: #fff;
    border: 0
}

.btn-secondary:hover {
    background: #121b22;
    color: #fff
}

.single-blog-post .img-box {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff
}

.single-blog-post .img-box img {
    width: 100%;
    height: 290px;
    max-height: 290px
}

.single-blog-post .img-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 152, 239, .8);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.single-blog-post:hover .img-box .overlay {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.single-blog-post .img-box .overlay .box {
    display: table;
    width: 100%;
    height: 100%
}

.single-blog-post .img-box .overlay .box .content {
    display: table-cell;
    vertical-align: middle
}

.single-blog-post .img-box .overlay .box .content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    padding: 0
}

.single-blog-post .img-box .overlay .box .content ul li {
    display: inline-block;
    list-style: none
}

.single-blog-post .img-box .overlay .box .content ul li a .fa {
    color: #121b22;
    font-size: 1.5rem;
    text-align: center;
    background: #fff;
    border: 1px solid #fff;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.single-blog-post .img-box .overlay .box .content ul li a .fa:hover {
    background: #121b22;
    border-color: #121b22;
    color: #fff
}

.inner-pages .pagination {
    margin-bottom: 0
}

.page-item.active .page-link {
    background: #23bbbb;
    border-color: #23bbbb
}

.page-link {
    color: #23bbbb;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.page-link:hover {
    background: #121b22;
    color: #fff
}

@media screen and (max-width:767px) {
    .blog .blog-pots.no-pb {
        padding-bottom: 0
    }
}

.inner-pages .space2 {
    padding-bottom: 2.5rem
}

@media screen and (max-width:767px) {
    .inner-pages .space3 {
        padding-bottom: 2.5rem
    }
    .inner-pages .widget {
        padding-top: 1rem!important
    }
}

.inner-pages .form-control {
    padding: .7rem;
    border: 1px solid #d8d8d8
}

@media screen and (max-width:767px) {
    .inner-pages .input-group {
        width: 90%
    }
}

@media screen and (max-width:991px) {
    .inner-pages .widget {
        padding-top: 3.5rem
    }
    .inner-pages .blog .recent-main.no-mb p {
        margin-bottom: 0
    }
}

.inner-pages .input-group-btn .fa {
    font-size: 1.8rem;
    cursor: pointer
}

.inner-pages .input-group-btn .btn-primary {
    background: #23bbbb;
    border: 1px solid #23bbbb;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .input-group-btn .btn-primary:hover {
    background: #fff;
    color: #23bbbb
}

.inner-pages .recent-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

@media screen and (max-width:992px) {
    .inner-pages .recent-main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .inner-pages .info-img {
        margin-top: 1rem
    }
}

.inner-pages .recent-img img {
    width: 90px;
    height: 70px;
    margin-right: 1rem
}

.inner-pages .info-img h6 {
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem
}

.inner-pages .info-img a {
    text-decoration: none;
    color: #000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .info-img a:hover {
    color: #23bbbb
}

.inner-pages .recent-post .tags a {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    margin-bottom: .7rem;
    margin-left: .2rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .recent-post .tags.no-mb a {
    margin-bottom: 0
}

.inner-pages .recent-post .tags a:hover {
    background: #fff;
    color: #23bbbb;
    border: 1px solid #23bbbb
}

.inner-pages .recent-post ul {
    margin: 0;
    padding: 0
}

.inner-pages .recent-post ul li {
    list-style: none;
    padding: .5rem 0;
    border-bottom: 1px solid #ccc
}

.inner-pages .recent-post ul li:last-child {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.inner-pages .recent-post ul li a {
    text-decoration: none;
    color: #666;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .recent-post ul li a:hover {
    color: #23bbbb
}

.inner-pages .recent-post ul li .fa {
    margin-right: 1rem
}

.inner-pages .recent-post button {
    margin-right: .5rem;
    margin-bottom: .5rem
}

.inner-pages .widget h5::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .blog-info {
    background: #fff
}

.inner-pages .blog-info h3 {
    color: #fff
}

.inner-pages .blog-info p {
    color: #666
}

.inner-pages .blog-info p:last-child {
    margin-bottom: 0
}

.inner-pages .comments-info h5 {
    color: #23bbbb;
    font-weight: 700
}

.inner-pages .comments-info p:last-child {
    font-weight: 400
}

.inner-pages .social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    background: #f4f4f4;
    margin: 0;
    padding: 0
}

.inner-pages .social-share .fa-facebook {
    color: #3b5998
}

.inner-pages .social-share .fa-twitter {
    color: #1da1f2
}

.inner-pages .social-share .fa-google-plus {
    color: #dd4b39
}

.inner-pages .social-share .fa-youtube {
    color: #000
}

.inner-pages .social-share a {
    color: #23bbbb;
    font-size: 1.5rem;
    margin: 0 .5rem
}

.col-md-10.comments-info {
    padding-left: 0
}

.col-md-10.comments-info p:last-child {
    font-weight: 400
}

.inner-pages .comments h3::after,
.inner-pages .leve-comments h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .commented .comm-inf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.inner-pages .commented img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin-right: 1.5rem
}

.inner-pages .data form .col-md-12 {
    padding: 0;
    padding-right: 1rem
}

section.leve-comments {
    margin-top: 3rem
}

.inner-pages .leve-comments .btn {
    background: #23bbbb;
    border: 1px solid #23bbbb;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .leve-comments .btn:hover {
    background: #fff;
    color: #121b22;
    border: 1px solid #23bbbb
}

.inner-pages .contact-us {
    padding: 6rem 0
}

.inner-pages .contact-us ul li {
    list-style: none;
    font-weight: 300
}

.inner-pages .contact-us ul {
    margin: 0;
    padding: 0
}

.inner-pages .contact-us .btn {
    background: #23bbbb;
    border: 1px solid #23bbbb;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .contact-us .btn:hover {
    background: #fff;
    color: #121b22;
    border: 1px solid #23bbbb
}

.inner-pages .address-info p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .inner-pages .offices h3:first-child {
        margin-top: 4rem
    }
}

@media screen and (max-width:500px) {
    .inner-pages .contact-us h3 {
        font-size: 1.1rem!important
    }
}

label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000
}

form label.error {
    display: block;
    color: red;
    font-size: 14px!important;
    opacity: 1!important
}

.errorform,
.successform {
    display: none;
    height: 70px
}

.errorform span,
.successform span {
    display: block
}

.errorform span p,
.successform span p {
    margin-top: 15px
}

.successform span p {
    color: #01c15a;
    font-size: 2rem
}

.errorform span p {
    color: #c0392b
}

.inner-pages .contact-us h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem
}

.inner-pages .offices h3 {
    text-transform: capitalize
}

.inner-pages .offices p {
    font-weight: 300
}

.inner-pages .bgc {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 51, 100, .8)), to(rgba(32, 51, 100, .8))), url(img/bg-testimonials.jpg) no-repeat center center;
    background: linear-gradient(rgba(32, 51, 100, .8), rgba(32, 51, 100, .8)), url(img/bg-testimonials.jpg) no-repeat center center;
    padding: 2rem;
    background-size: cover
}

.inner-pages .request h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .call-info h3 {
    color: #fff;
    margin-bottom: 2rem
}

.inner-pages .call-info p {
    color: #fff
}

.inner-pages .call-info h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:991px) {
    .inner-pages .bgc {
        margin-top: 3rem
    }
}

.inner-pages .call-info .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
}

.inner-pages .call-info .ti {
    margin-bottom: 0
}

.inner-pages .cll:last-child {
    margin-bottom: 0
}

.inner-pages .call-info .info p {
    color: #fff;
    margin: 0;
    margin-left: 1.5rem;
    font-weight: 300
}

.inner-pages .call-info ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.inner-pages .call-info ul li .fa {
    font-size: 1.6rem;
    color: #23bbbb
}

.inner-pages .royal-add-property-area {
    padding: 6rem 0;
    background: #edeff1 none repeat scroll 0 0
}

.inner-pages .royal-complete-order-head {
    margin-bottom: 50px;
    text-align: center
}

.inner-pages .property-form-group {
    padding: 0
}

.inner-pages .royal-complete-order-head h2 {
    color: #333;
    margin-bottom: 10px;
    text-transform: capitalize
}

.inner-pages .single-add-property>h3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: #56c0e0;
    text-transform: capitalize
}

.inner-pages .property-form-group label {
    color: #607d8b;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.inner-pages .property-form-group p input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
    width: 100%
}

.inner-pages .property-form-group p.no-mb,
.inner-pages .property-form-group p.no-mb input {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .inner-pages .property-form-group p.no-mb,
    .inner-pages .property-form-group p.no-mb input {
        margin-bottom: 20px
    }
    .inner-pages .property-form-group p.no-mb.first input {
        margin-bottom: 20px!important
    }
    .inner-pages .property-form-group p.no-mb input:last-child,
    .inner-pages .property-form-group p.no-mb.last:last-child {
        margin-bottom: 0
    }
}

.inner-pages .property-form-group p textarea {
    border: 1px solid #ddd;
    height: 100px;
    padding: 10px;
    width: 100%
}

.inner-pages .single-add-property {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 20px
}

.inner-pages .property-form-group p,
.property-form-group .dropdown.faq-drop {
    margin-bottom: 20px
}

.property-form-group .dropdown.faq-drop.no-mb {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .property-form-group .dropdown.faq-drop.no-mb {
        margin-bottom: 40px
    }
    .property-form-group .dropdown.faq-drop.no-mb.last {
        margin-bottom: 0
    }
}

.inner-pages .property-form-group .dropdown-toggle {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #999;
    padding: 10px;
    text-align: left;
    width: 100%;
    text-transform: capitalize
}

.inner-pages .property-form-group .dropdown-toggle::after {
    display: none
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open {
    width: 100%;
    padding: 0
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open>li {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: capitalize;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open>li:last-child {
    border-bottom: 0 solid #ddd
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open>li:hover {
    background: #f9f9f9
}

.inner-pages .property-form-group .dropdown-toggle i {
    float: right;
    font-size: 20px;
    line-height: 25px
}

.inner-pages .property-form-group .dz-message {
    background: #fff none repeat scroll 0 0;
    border: 2px dashed #1abc9c;
    padding: 50px 20px;
    text-align: center
}

.inner-pages .dz-default i {
    color: #1abc9c;
    display: block;
    font-size: 60px;
    margin-bottom: 30px
}

.inner-pages .dz-default.dz-message>span {
    color: #1abc9c;
    font-size: 20px;
    text-transform: capitalize
}

.inner-pages .dropdown.faq-drop span {
    color: #999;
    margin-left: 5px
}

.inner-pages .pro-feature-add label {
    color: #000;
    font-weight: 500
}

.inner-pages .pro-feature-add input {
    margin-right: 5px
}

.inner-pages .pro-feature-add>li {
    display: inline-block;
    margin: 5px 10px
}

.inner-pages .pro-feature-add .no-mb label,
.inner-pages .pro-feature-add li.no-mb input,
.inner-pages .pro-feature-add>li.no-mb,
.inner-pages ul.pro-feature-add {
    margin-bottom: 0
}

@media screen and (max-width:404px) {
    .inner-pages .pro-feature-add .no-mb label {
        margin-bottom: 20px
    }
    .inner-pages .pro-feature-add .no-mb.last label:last-child {
        margin-bottom: 0
    }
}

.inner-pages .prperty-submit-button>button {
    background: #56c0e0 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    padding: 10px 20px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    text-transform: capitalize;
    border: 2px solid #dcdcdc
}

.inner-pages .prperty-submit-button>button:hover {
    background: #121b22 none repeat scroll 0 0
}

.inner-pages .royal-complete-order-head>p {
    font-size: 17px
}

@media screen and (max-width:575px) {
    .inner-pages .property-form-group {
        padding-left: 0;
        padding-right: 0
    }
}

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

#status,
.status-mes {
    background-image: url(img/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px
}

.status-mes {
    background: 0 0;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%
}

.header-map.google-maps {
    background: #e1e5f1;
    padding: 0;
    height: 755px;
    position: static
}

.header-map.google-maps .container {
    position: static
}

#map-canvas {
    width: 100%;
    height: 755px;
    position: absolute;
    z-index: 0
}

.info-box-img {
    width: 180px;
    margin-right: 20px;
    float: left
}

.info-box p {
    color: #000
}

.header-map.google-maps.horizontal,
.header-map.google-maps.horizontal #map-canvas {
    height: 600px;
    position: static
}

.map-google-wrapper,
.map-leaflet-wrapper {
    position: absolute
}

#map-google,
#map-leaflet {
    width: 100%;
    height: 755px;
    position: absolute;
    z-index: 0
}

.map-pull-top #map-google,
.map-pull-top #map-leaflet {
    margin-top: -180px
}

#map-google.full,
#map-leaflet.full {
    display: table;
    height: 100%;
    width: 100%
}

.map-marker {
    height: 50px;
    width: 50px
}

.leaflet-div-icon,
.map-marker {
    background-color: #23bbbb;
    border: 5px solid #23bbbb;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    z-index: 10
}

.leaflet-div-icon:before,
.map-marker:before {
    border: 4px solid transparent;
    border-width: 10px 8px;
    border-top-color: #23bbbb;
    bottom: -24px;
    height: 0;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 11
}

.leaflet-div-icon:after,
.map-marker:after {
    background-color: #fff;
    border-radius: 50%;
    bottom: 0;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12
}

.leaflet-div-icon .fa,
.map-marker .fa {
    color: #000;
    font-size: 23px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 13
}

.leaflet-div-icon:hover,
.map-marker:hover {
    top: -2px
}

.map-popup-content-wrapper {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    display: none;
    left: -100px;
    top: -210px!important;
    position: absolute;
    z-index: 9999
}

.map-popup-content-wrapper:after {
    border: 7px solid transparent;
    border-top-color: #fff;
    bottom: -14px;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.leaflet-popup-content-wrapper,
.map-popup-content-wrapper {
    border-radius: 0;
    margin: 0;
    padding: 0;
    width: 240px
}

.leaflet-popup-content,
.map-popup-content {
    background-color: #fff;
    height: 243px;
    margin: 0 0 8px 0;
    padding: 0
}

.leaflet-popup-tip {
    width: 17px;
    height: 1px;
    padding: 1px;
    margin: -1px auto 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content a:hover,
.map-popup-content a:hover {
    text-decoration: none
}

.map-popup-content-wrapper .close {
    color: #fff;
    display: block;
    font-size: 11px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    text-shadow: none;
    z-index: 99999
}

.listing-window-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 180px;
    position: relative
}

.listing-window-image:after {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    visibility: hidden;
    z-index: 100
}

.listing-window-image:before {
    -webkit-font-smoothing: antialiased;
    background-color: #23bbbb;
    border-radius: 50%;
    color: #fff;
    content: '\f002';
    display: block;
    font-family: FontAwesome;
    height: 32px;
    left: 50%;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    visibility: hidden;
    width: 32px;
    z-index: 101
}

.leaflet-popup-content-wrapper:hover .listing-window-image:after,
.leaflet-popup-content-wrapper:hover .listing-window-image:before,
.map-popup-content-wrapper:hover .listing-window-image:after,
.map-popup-content-wrapper:hover .listing-window-image:before {
    opacity: 1;
    visibility: visible
}

.listing-window-content h2,
.listing-window-content h3 {
    display: block;
    color: #323232
}

.listing-window-content h2 {
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.5;
    margin: 8px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-window-content p {
    display: block;
    font-size: 1.1em;
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    margin: 4px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-window-content h3 {
    background-color: #23bbbb;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    left: 15px;
    margin: 0;
    padding: 4px 8px;
    position: absolute;
    top: 15px
}

.marker-cluster-small {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-small div {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-medium {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-medium div {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-large {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-large div {
    background-color: rgba(0, 152, 239, .6)
}

.filter {
    min-height: 300px;
    background: #cbd8e3;
    padding-bottom: 40px
}

.filter-header {
    background: #48a0dc
}

.filter .ui-tabs .ui-tabs-panel {
    padding: 50px 0 0 0;
    background: 0 0
}

.filter .ui-tabs .ui-tabs-nav {
    -webkit-box-shadow: none;
    box-shadow: none
}

.filter .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 16px;
    min-width: 100px
}

.filter .ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #408dc1
}

.filter .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-width: 9px 9px 0;
    border-style: solid;
    border-color: #408dc1 transparent;
    display: block;
    width: 0;
    z-index: 1
}

.filter .ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: 0 0
}

.filter label {
    display: block
}

.filter label.label-submit {
    visibility: hidden;
    display: inline-block
}

.filter-item {
    float: left;
    margin-right: 2.6%;
    width: 23%
}

.filter-item-7 {
    width: 31.6%
}

.filter-item-7:nth-child(3) {
    margin-right: 0
}

.filter-item-7:nth-last-child(4) {
    width: 23%
}

.filter-item-7:nth-last-child(3) {
    width: 23%
}

.filter-item-7:nth-last-child(2) {
    width: 23%
}

.filter-item-7:last-child {
    width: 23%;
    margin-right: 0
}

.noUi-horizontal {
    height: 8px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, .09);
    margin-bottom: 53px;
    margin-top: 7px
}

.filter .noUi-horizontal {
    background: #fff
}

.noUi-connect {
    background: #48a0dc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-horizontal .noUi-handle {
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    content: '';
    display: none
}

.noUi-horizontal .noUi-tooltip {
    bottom: auto;
    top: 23px;
    font-size: 11px;
    background: rgba(0, 0, 0, .05);
    border: none;
    padding: 3px 4px
}

.filter-item .area-filter {
    width: 48.5%;
    float: left
}

.filter-item .area-filter.filter-1 {
    margin-right: 3%!important
}

.area-filter:nth-last-child(2) {
    margin-right: 0
}

.filter-item .button {
    width: 100%!important;
    cursor: pointer;
    color: #fff
}

.filter-with-slider {
    margin-top: -51px;
    color: #fff;
    min-height: auto;
    position: relative;
    z-index: 100;
    background: 0 0
}

.filter-with-slider .tabs.ui-widget {
    background: #408dc1
}

.filter-with-slider .ui-tabs .ui-tabs-panel {
    padding: 20px 20px 0 20px
}

.filter-with-slider .filter-item:nth-last-child(2) {
    margin-right: 0
}

.filter-with-slider label {
    color: #fff
}

.filter-with-slider .noUi-horizontal {
    background: rgba(0, 0, 0, .13)
}

.filter-with-slider .noUi-connect {
    background: #323746
}

.filter-with-slider .noUi-horizontal .noUi-tooltip {
    color: #fff
}

.filter-with-slider .button {
    background: #323746
}

.google-maps .filter {
    padding: 20px;
    margin-top: 40px;
    width: 30%;
    position: relative;
    z-index: 100;
    background: #23bbbb;
    float: right;
    color: #fff
}

.google-maps .fa-search {
    margin-right: .5rem
}

@media screen and (max-width:767px) {
    .google-maps .filter .filter-toggle {
        display: block
    }
    .google-maps .filter h6 {
        margin-bottom: 0
    }
    .google-maps .filter {
        min-height: auto;
        width: 50%;
        text-align: center;
        padding: 0;
        margin-top: 16px;
        position: relative;
        z-index: 20
    }
    .google-maps .filter form {
        text-align: left;
        display: none;
        padding: 15px;
        position: absolute;
        width: 100%;
        background: #23bbbb
    }
    .google-maps .filter .filter-item {
        width: 100%!important
    }
    .google-maps .slider_amount {
        font-size: 14px!important
    }
}

@media screen and (max-width:575px) {
    .google-maps .filter {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .google-maps .slider_amount {
        font-size: 12px
    }
    .info-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 200px
    }
    .info-box-img {
        width: 100%;
        margin-bottom: 1rem
    }
    .info-box h4 {
        font-size: 1.2rem;
        text-align: center
    }
    .info-box p {
        font-size: 13px;
        text-align: center
    }
    .small {
        font-size: 15px!important;
        text-align: center
    }
}

.google-maps .filter .filter-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 20px;
    color: #fff;
    font-weight: 700
}

.google-maps .filter-item {
    width: 100%;
    float: none
}

.google-maps .filter-item:nth-last-child(2) input {
    margin-bottom: 0
}

.google-maps .filter-item label {
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.google-maps .filter-half {
    width: 48.5%;
    margin-right: 3%;
    float: left
}

.google-maps .filter-half-last {
    margin-right: 0
}

.google-maps .noUi-connect {
    background: #323746
}

.google-maps .noUi-horizontal .noUi-tooltip {
    color: #fff
}

.google-maps .filter .button {
    background: #121b22;
    margin-bottom: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.google-maps .filter .button:hover {
    background: #fff;
    color: #000
}

input,
select,
textarea {
    width: 100%;
    padding: 9px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: none;
    font-weight: 400;
    color: #000;
    font-family: Lato, sans-serif;
    background: #fff
}

input[type=file] {
    background: #fff;
    border: none;
    padding: 5px 0 5px 0;
    width: auto;
    display: inline-block
}

.chosen-container {
    margin-bottom: 20px;
    width: 100%!important
}

.chosen-container.chosen-with-drop .chosen-single {
    border: none;
    background: #fff
}

.chosen-container .chosen-single {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    background: #fff;
    height: 39px;
    line-height: 39px;
    font-size: 15px
}

.chosen-container .chosen-single div {
    top: 8px;
    right: 6px
}

.chosen-container .chosen-drop {
    border: none
}

.chosen-container .chosen-search {
    padding: 10px
}

.chosen-container .chosen-results {
    padding: 0 10px 10px 10px
}

.chosen-container .chosen-results li.highlighted {
    background: #48a0dc;
    border-radius: 2px
}

input[type=checkbox],
input[type=radio] {
    width: auto;
    margin-right: 5px
}

textarea {
    height: 130px
}

.form-block.border .chosen-container .chosen-drop,
.form-block.border .chosen-container .chosen-single,
input.border,
select.border,
textarea.border {
    border: 1px solid rgba(0, 0, 0, .15)
}

.form-block.border .chosen-container .chosen-results {
    padding-top: 10px
}

.form-block label {
    display: block
}

.form-block label .error {
    color: red;
    font-size: 12px;
    margin-left: 10px
}

.search-form {
    position: relative
}

.search-form button[type=submit] {
    border: none;
    background: 0 0;
    position: absolute;
    right: 13px;
    top: 10px;
    color: #97aab7
}

.button.small {
    padding: 6px 23px 6px 23px;
    font-size: 12px;
    color: #fff;
    background: #23bbbb;
    display: inline-block;
    width: auto;
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.button.small:hover {
    background: #121b22
}

.color-switcher {
    width: 266px;
    position: fixed;
    right: -266px;
    top: 300px;
    z-index: 999;
    padding: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-bottom-right-radius: 4px
}

.color-switcher h5 {
    font-size: 15px;
    margin-top: 0;
    padding: 0 20px 0
}

.color-switcher p {
    font-size: 16px;
    color: #000;
    line-height: 50px;
    margin: 0
}

.color-switcher ul {
    list-style: none;
    padding: 0
}

.color-switcher ul li {
    float: left
}

.color-switcher ul li a {
    display: block;
    width: 40px;
    height: 40px;
    outline: 0;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #333
}

.color-switcher ul li a.blue {
    background: #23bbbb
}

.color-switcher ul li a.pink {
    background: #fa2964
}

.color-switcher ul li a.orange {
    background: #f7a13e
}

.color-switcher ul li a.purple {
    background: #3a2c5f
}

.color-switcher ul li a.green {
    background: #18ba60
}

.color-switcher ul li a.red {
    background: #e54242
}

.color-switcher ul li a.cyan {
    background: #1abc9c
}

.color-switcher ul li a.sky-blue {
    background: #00cdcd
}

.color-switcher .gray {
    background: #656565
}

.color-switcher ul li a.brown {
    background: #987654
}

.deflt {
    width: 100%
}

#default {
    width: 100%
}

.color-switcher .black {
    background: #000;
    display: none
}

.color-switcher .white {
    background: #fff;
    display: none
}

.color-switcher .light {
    background: #fff;
    width: 60px;
    color: #000;
    text-align: center;
    float: left;
    border: 1px solid #666;
    margin-top: 15px;
    margin-right: 22px
}

.color-switcher .dark {
    background: #272727;
    width: 60px;
    float: right;
    color: #fff;
    border: 1px solid #666;
    margin-top: 15px
}

.picker_close {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -60px;
    top: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.picker_close i {
    color: #666;
    font-size: 30px;
    line-height: 60px
}

.position {
    right: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.backgrounds,
.choose-footer,
.choose-header,
.layouts,
.theme-colours {
    display: table;
    text-align: left;
    padding-top: 0;
    width: 100%;
    padding: 18px;
    background: #fff;
    padding-top: 0
}

.layouts a {
    display: inline-block;
    text-align: center;
    width: 100%;
    float: left;
    font-size: 10px;
    color: #000;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    padding: 10px 15px
}

.layouts a:hover {
    background: #000;
    color: #fff;
    border-color: #000
}

.styleswitcher {
    position: fixed;
    width: 120px;
    background: #fff;
    color: #595959;
    top: 150px;
    right: -123px;
    z-index: 999
}

.styleswitcher p {
    color: #000!important
}

.styleswitcher.ackapa {
    left: 0
}

.styleswitcher .switch {
    padding-left: 15px;
    padding-bottom: 10px
}

.styleswitcher .switch h5 {
    margin-top: 20px
}

.styleswitcher .switch p {
    margin-top: 10px
}

.stylebutton {
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 40px;
    background: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    top: 0;
    right: -40px
}

.styleswitcher a {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 7px;
    margin-bottom: 10px;
    position: relative;
    z-index: 99999999
}

.color-switcher ul li {
    margin: 3px
}

.color-switcher.position .theme-colours {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

@media screen and (min-width:992px) {
    #main-menu {
        height: auto!important;
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-left: 7rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    #main-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }
    #main-menu ul li a {
        padding: .8rem;
        text-transform: uppercase;
        font-weight: 100;
        margin: 0 .3rem;
        border-top: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    #main-menu ul li a.active {
        color: #fff
    }
    #main-menu ul li a:hover {
        color: #fff;
        background: #23bbbb;
        border-radius: 5px
    }
    .dropdown:hover>.dropdown-menu {
        display: block
    }
    #main-menu .dropdown-menu {
        -webkit-animation: 330ms ease 0s normal none 1 running zoomIn;
        animation: 330ms ease 0s normal none 1 running zoomIn;
        background: #fff none repeat scroll 0 0;
        margin-top: 0
    }
    #main-menu .dropdown-menu a {
        color: #000;
        text-align: left;
        border-top: 0;
        font-size: 15px;
        text-transform: capitalize;
        margin-left: 0;
        text-decoration: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
    #main-menu .dropdown-menu a:hover {
        color: #fff;
        background: #23bbbb;
        text-decoration: none;
        border: 0;
        border-radius: 0
    }
    .search-button {
        margin-left: 4rem;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    #bloq-search {
        position: absolute;
        width: 20rem;
        right: 17.5rem;
        top: 2.5rem;
        z-index: 99999;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 3rem
    }
    h2 {
        font-size: 1.6rem
    }
    .main-search-field h3 {
        font-size: 1.5rem
    }
    .portfolio .port-item img {
        width: 100%
    }
    .team .team-pro img {
        width: 100%
    }
    .team .team-pro {
        padding-right: 1.1rem;
        padding-left: 1.1rem
    }
    .blog .blog-pots img {
        width: 100%
    }
    .second-footer .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .second-footer .container h3 {
        margin-bottom: .8rem
    }
    .box.bg-3.hed-3 {
        padding-top: 0
    }
    .inner-pages .commented img {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        margin-right: 1.5rem;
        margin-bottom: 1rem
    }
    .inner-pages .offices h2 {
        margin-top: 4rem
    }
    .inner-pages .box.bg-3.mt-5 {
        padding-top: 0
    }
    .parallax-search .welcome-text h1 {
        font-size: 48px
    }
}

@media screen and (max-width:992px) {
    h3 {
        font-size: 1.2rem
    }
    .headings .text-heading p {
        font-size: 1rem
    }
    .header-top .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .top-info {
        margin-bottom: 1rem
    }
    .who-we-are .who img {
        height: 415px
    }
    .blog .blog-pots h3 {
        font-size: 1.2rem
    }
    .portfolio img {
        width: 100%
    }
    .team .team-info .artl {
        padding-bottom: 1.3rem
    }
    .testimonials .test-1 p::before {
        left: 110px
    }
}

@media screen and (max-width:576px) {
    body {
        font-size: 15px
    }
    h1 {
        font-size: 1.6rem
    }
    .section-title h3 {
        font-size: 16px
    }
    .section-title h2 {
        font-size: 30px
    }
    .who-we-are .who img {
        height: 300px
    }
    .counterup .countr p {
        font-size: 2rem
    }
    .testimonials .test-1 p {
        padding: 0 1rem
    }
    .team .team-pro {
        padding-right: 0;
        padding-left: 0
    }
    .inner-pages .services {
        margin: 0
    }
    .inner-pages article.faq h2 {
        font-size: 1.4rem
    }
    .inner-pages .panel .panel-heading a {
        font-size: 1rem
    }
    .first-footer h2 {
        margin-top: 2rem
    }
    .inner-pages .blog .sorting-options h5 {
        font-size: 1.2rem;
        margin-top: 0
    }
    .inner-pages .blog .block-heading .sorting-options {
        margin-top: 0
    }
    .inner-pages .blog .sorting-options h6 {
        font-size: .95rem
    }
    .inner-pages .blog .homes-content.details-2 span {
        font-size: .6rem
    }
    .inner-pages .headings h2,
    .inner-pages .headings h2 a {
        font-size: 1rem
    }
    .inner-pages .contact-us .offices {
        margin-top: 2rem
    }
    .headings-7 .text-heading p.sorry {
        font-size: 1.1rem
    }
    .font-36 {
        font-size: 26px
    }
}

.fixed-height {
    min-height: 280px;
    max-height: 280px
}

.mb-15 {
    margin-bottom: 15px
}

.page-type {
    background: #fff;
    padding: 50px 30px;
    border: 1px solid #8080806b;
    border-radius: 5px
}

.expand-content>p,
.one_line_col>p,
.one_line_col>ul,
.rental-aggreement>ol,
.rental-aggreement>p {
    font-size: 15px;
    font-weight: 300
}

.heading .logo img {
    width: 380px;
    margin: auto
}

.content {
    padding-top: 30px
}

.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative
}

.testimonials blockquote::before {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 20px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset;
    border-bottom-style: inset
}

.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent
}

.testimonials .carousel-info span {
    display: block
}

.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 18px;
    font-weight: 500;
    margin: 23px 0 7px
}

.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0
}

ul.rating {
    display: inline-block
}

.rating li {
    list-style-type: none;
    display: inline-block;
    padding: 1px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    font-size: 20px
}

.rating .filled {
    color: #ff4500
}

.clear {
    margin-top: 20px
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%, 0) scale(1);
    transform: translate(100%, 0) scale(1)
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden
}

.modal-dialog-slideout .modal-content {
    border: 0
}

.modal-dialog-slideout .modal-footer,
.modal-dialog-slideout .modal-header {
    height: 69px;
    display: block
}

.modal-dialog-slideout .modal-header h5 {
    float: left
}

.hide {
    display: none!important
}

.btn-white {
    background-color: #b6d4f9;
    border-radius: 0;
    border-right: 2px solid #fff;
    font-size: 15px;
    font-weight: 800;
    margin-top: 15px
}

.last-grouped {
    border-right: 0!important
}

.d-flex {
    border-bottom: 1px solid #0096f2;
    margin-top: -15px
}

.no-m-t {
    margin-top: 0!important
}

.m-h-500 {
    max-height: 500px
}

.label-primary {
    color: #fff;
    background: #4caf50db;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 14px;
    font-style: oblique;
    font-weight: 800
}

.detailspd {
    padding-top: 17px;
    padding-bottom: 0
}

.bg-white {
    background: #fff!important
}

.no-style-list {
    list-style: none
}

.large-modal-content {
    width: 100%
}

.masonry-column {
    padding: 0 1px
}

.masonry-grid>div .thumbnail {
    margin: 5px 1px
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 2!important;
        -moz-column-count: 2!important;
        column-count: 2!important;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .col-sm-4 {
        float: left
    }
}

.card {
    background-color: #9e9e9e0d;
    border-radius: 0;
    padding: 10px;
    border: .5px solid #8080801f
}

.big-label {
    font-size: 12px;
    border-radius: 7px;
    font-weight: 100!important;
    padding: 3px 10px;
    color: #fff!important;
    text-transform: initial!important
}

.Condo {
    background: #4caf50
}

.Condominium {
    background: #23bbbb
}

.House {
    background: #ffc200
}

.price-label {
    padding: 10px;
    font-size: 19px
}

.soft-hide {
    display: none
}

.alert-success {
    background-color: #f7fbf5!important;
    border-color: #00b71e;
    color: #00b52c
}

.alert-success {
    background-color: #f7fbf56b!important;
    border-color: #00b71e;
    color: #00b52c;
    border-radius: 0!important
}

.alert-danger {
    background-color: #f3eeee!important;
    border-color: #ebcccc;
    color: #a94442;
    border-radius: 0!important
}

.table td,
.table th {
    padding: .35rem!important
}

.p-10 {
    padding: 10px
}

.text-underline {
    text-decoration: underline
}

.mt-5 {
    margin-top: 5rem
}

.block-tilte {
    font-size: 1rem!important
}

.block-box {
    padding: 15px 10px!important
}

.duration {
    width: 360px!important
}

.propertiesdropdown {
    width: 200px!important
}

.location {
    width: 165px!important
}

.input-group-prepend {
    position: absolute;
    margin-left: 10px;
    margin-top: 23px;
    z-index: 2
}

.input-group-prepend i {
    color: #757575;
    font-size: 1.2rem;
    margin-top: 7px;
    margin-right: 10px
}

.p-rl-0 {
    padding-right: 0;
    padding-left: 0
}

.p-l-0 {
    padding-left: 0
}

.inlineform {
    padding: 10px;
    background: #e91e63
}

@media (min-width:990px) {
    .container {
        width: 1200px;
        max-width: 100%
    }
    .pr-big-0 {
        padding-right: 0
    }
}

.text-white {
    color: #fff!important
}

.button-menu {
    margin-left: auto
}

.button-booking {
    color: #fff;
    background-color: #1565c0;
    border: 4px solid #036147!important;
    background-color: #036147!important;
    border-radius: 4px !important;
    cursor: pointer;
    margin: 14px 0 10px 10px !important;
    height :52px !important;
}
.simple-search {
    padding: 30px 0 0 0;
    background: linear-gradient(to right, #303f9f, #23bbbb);
    border-top: .1px solid #fff
}

.small-as-icon {
    width: 65px!important
}

@media (min-width:320px) {
    #portfolio,
    #recently {
        height: 345vh
    }
    .plan-price {
        font-size: 16px
    }
}

@media (min-width:481px) {
    #portfolio,
    #recently {
        height: 345vh
    }
    .plan-price {
        font-size: 17px
    }
}

@media (min-width:641px) {
    #portfolio,
    #recently {
        height: 145vh
    }
    .plan-price {
        font-size: 18px
    }
}

@media (min-width:800px) {
    #portfolio,
    #recently {
        height: 400vh
    }
    .plan-price {
        font-size: 19px
    }
}

@media (min-width:961px) {
    #portfolio,
    #recently {
        height: 77vh
    }
    .plan-price {
        font-size: 20px
    }
}

@media (min-width:1025px) {
    #portfolio,
    #recently {
        height: 170vh
    }
}

@media (min-width:1281px) {
    #portfolio,
    #recently {
        height: 70vh
    }
}

.hidden {
    display: none!important
}

.special-h3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    color: #56c0e0;
    text-transform: uppercase!important
}

.payment-logo {
    width: 200px
}

.image-order {
    width: 80px;
    height: 80px;
    float: left;
    border: 2px solid #37c298;
    margin-right: 10px
}

a {
    color: #4e4e4e;
    text-decoration: none
}

.title {
    color: #fff
}

span.stars,
span.stars span {
    display: block;
    background: url(img/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px
}

span.stars span {
    background-position: 0 0
}

.alignright {
    float: right
}

.btn-info {
    background-color: #ff680b;
    border-color: #e91e63
}

.tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.tags li {
    float: left
}

.tag {
    background: #ff680b;
    border-radius: 3px 0 0 3px;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color .2s
}

.tag::before {
    background: #23bbbb;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, .25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px
}

.tag::after {
    background: #2b8bb1;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #ff680b;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0
}

.tag:hover {
    background-color: #dc143c;
    color: #fff
}

.featured-green {
    background: #4caf50!important
}

.tag:hover::after {
    border-left-color: #dc143c
}

@font-face {
    font-family: paint;
    src: url(../fonts/Painting_With_Chocolate.ttf)
}

html {
    font-size: 15px
}

body {
    font-family: Lato, sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #666;
    overflow-x: hidden!important
}

p {
    line-height: 26px
}

h1 {
    font-family: Montserrat, sans-serif;
    font-size: 3rem;
    font-weight: 100;
    margin-bottom: 2rem;
    text-transform: uppercase
}

h2 {
    font-family: Montserrat, sans-serif;
    color: #222;
    font-size: 2rem;
    font-weight: 800;
    text-transform: uppercase
}

h2 span {
    font-weight: 600;
    color: #23bbbb
}

h3 {
    font-family: Montserrat, sans-serif;
    font-size: 1.5rem;
    color: #444;
    font-weight: 600
}

h5 {
    color: #444
}

.top-headings-section {
    padding-bottom: 2rem
}

.top-headings-section p {
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    color: #555;
    max-width: 550px
}

.top-headings-section h2::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 100px;
    margin: 0 auto;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section-title {
    padding-left: 35px;
    position: relative;
    margin-bottom: 2.5rem
}

.section-title:before {
    top: 0;
    left: 0;
    bottom: 0;
    width: 15px;
    content: '';
    border-radius: 3px;
    position: absolute;
    background-color: #23bbbb
}

.section-title h3 {
    font-size: 18px;
    color: #111;
    text-transform: uppercase
}

.section-title h2 {
    font-size: 36px;
    color: #23bbbb;
    text-transform: uppercase
}

.section-title.col-md-5 {
    margin-left: 1rem
}

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

.header.head-tr {
    position: absolute;
    width: 100%;
    z-index: 99999
}

.header-top.head-tr {
    background: rgba(255, 255, 255, .06);
    color: #7f8997;
    display: block;
    padding: 1rem 0
}

.heading.head-tr {
    background: rgba(255, 255, 255, .06);
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, .15);
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    position: relative;
    padding: 1rem 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

@media screen and (max-width:767px) {
    .header-top {
        padding: 0
    }
}

.header-top .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto
}

.top-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header-top p {
    margin-right: 2rem;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0
}

.header-top p i {
    color: #fff;
    margin-right: .5rem;
    font-size: 1.3rem
}

.top-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-social .login-wrap ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    list-style: none;
    margin-bottom: 0
}

.top-social .login-wrap ul li {
    padding: 0 12px;
    position: relative
}

.top-social .login-wrap ul li a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.top-social .login-wrap ul li a:hover {
    color: #121b22
}

.top-social .login-wrap ul li a i {
    margin-right: 5px
}

.header-top .social-icons {
    text-align: right;
    margin-left: .6rem
}

.header-top .social-icons i {
    line-height: 26px;
    font-size: 1.2rem;
    margin-right: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.social-icons-header .fa-facebook {
    color: #fff
}

.social-icons-header .fa-twitter {
    color: #fff
}

.social-icons-header .fa-google-plus {
    color: #fff
}

.social-icons-header .fa-linkedin {
    color: #fff
}

.social-icons-header .fa-skype {
    color: #fff
}

.header-top .social-icons:hover {
    color: #23bbbb
}

.header-top .dropdown {
    display: inline-block;
    background: 0 0
}

.header-top .dropdown button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.header-top .dropdown button:hover {
    color: #121b22
}

.header-top .dropdown .dropdown-menu {
    border-radius: 0;
    left: auto;
    margin: 0;
    min-width: 115px;
    padding: 0;
    position: absolute;
    right: 0;
    z-index: 9999999
}

.header-top .dropdown-menu img {
    margin-right: 5px
}

.header-top .dropdown-menu li {
    color: #333;
    cursor: pointer;
    padding: 5px 10px
}

.header-top .dropdown-menu li:hover {
    background: #eee none repeat scroll 0 0
}

.heading {
    color: #fff;
    position: relative;
    padding: 1rem 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.sticky,
.sticky.head-tr {
    -webkit-animation: .6s ease-in-out 0s normal none 1 running fadeInDown;
    animation: .6s ease-in-out 0s normal none 1 running fadeInDown;
    background: #121b22 none repeat scroll 0 0;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999
}

@media screen and (max-width:991px) {
    .heading.head-tr {
        background: rgba(255, 255, 255, .06);
        padding-bottom: 0
    }
    .header.head-tr #main-menu {
        background: #fff;
        width: 100%
    }
    .header.head-tr #main-menu .po a::after,
    .header.head-tr #main-menu ul a {
        color: #000!important
    }
    .sticky.head-tr {
        background: #121b22 none repeat scroll 0 0
    }
    .header.head-tr .heading .logo img {
        padding-left: 15px;
        padding-bottom: 1rem
    }
    .header.head-tr .button-menu {
        padding-right: 18px!important
    }
    .heading.head-tr .container {
        padding-left: 0;
        padding-right: 0
    }
    .header.head-tr .button-menu,
    .header.head-tr .search-button {
        margin-bottom: 1rem!important
    }
}

.heading .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.heading .logo img {
    width: 60px
}

@media screen and (max-width:414px) {
    .heading .logo img {
        width: 60px
    }
}

@media screen and (max-width:575px) {
    .header.head-tr #bloq-search {
        padding-left: 15px;
        padding-right: 15px
    }
    .tp-caption.slid-2 {
        padding-top: 7.7rem
    }
}

.button-menu,
.search-button {
    border: 0;
    font-size: 2rem;
    /* margin: 0; */
    padding: 0 0.5rem;
    background: 0 0;
    margin-top: 25px;
    margin-right: 10px;
    color: #fff;
}

.button-menu:focus,
.search-button:focus {
    outline: 0
}

.search-button {
    color: #fff;
    margin-left: auto;
    margin-right: .8rem
}

.get-quote {
    background: #121b22;
    margin-left: 2rem;
    color: #fff;
    padding: 1rem;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.get-quote:hover {
    background: #121b22;
    color: #fff!important
}

.get-quote p {
    text-transform: uppercase;
    margin: 0;
    font-weight: 600
}

.get-quote a {
    text-decoration: none;
    color: #fff
}

.get-quote a:hover {
    color: #fff
}

#bloq-search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.bloq-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3rem;
    margin: 1.3rem 0;
    z-index: 1
}

.bloq-search input[type=text] {
    border: 1px solid #23bbbb;
    border-radius: 5px 0 0 5px;
    margin-bottom: 0;
    padding: 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.bloq-search input[type=submit] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 0;
    width: auto;
    border-radius: 0 5px 5px 0;
    background: #23bbbb;
    color: #fff;
    cursor: pointer;
    margin-bottom: 0;
    padding: 0 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.bloq-search input[type=submit]:hover {
    background: #121b22;
    color: #fff
}

#main-menu {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

#main-menu ul {
    padding: 0;
    list-style: none;
    margin: 1rem 0 0 0
}

#main-menu ul a {
    display: block;
    padding: .8rem 0;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    border-top: 1px solid #e5e5e5;
    text-decoration: none
}

#main-menu ul a:hover,
#main-menu ul li.active a {
    color: #23bbbb
}

#main-menu .card {
    background: 0 0
}

#main-menu .card a:hover {
    background: 0 0
}

#main-menu .po a::after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #fff;
    margin-left: .3rem
}

.text-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.arrow-down a {
    display: inline-block;
    color: #fff;
    font-size: 3rem;
    -webkit-animation: animate-arrow 2s ease-in-out infinite;
    animation: animate-arrow 2s ease-in-out infinite
}

@-webkit-keyframes animate-arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes animate-arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.rev_slider_wrapper {
    width: 100%
}

.slotholder {
    position: relative
}

.slotholder:after {
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.tp-leftarrow {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.tp-leftarrow:hover {
    background: #23bbbb
}

.tp-rightarrow {
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.tp-rightarrow:hover {
    background: #23bbbb
}

.tp-parallax-wrap {
    top: 10px
}

.tp-bannertimer {
    z-index: 21
}

.mfp-close-btn-in .mfp-close {
    color: #fff;
    font-size: 48px
}

.mfp-bg {
    z-index: 1112
}

.mfp-wrap {
    z-index: 1113
}

.rev_slider a {
    -webkit-box-shadow: none;
    box-shadow: none
}

.text-theme-colored2 {
    color: #23bbbb!important
}

.tp-caption.font-p {
    font-family: Lato, sans-serif;
    font-size: 16px;
    font-weight: 400
}

@media screen and (max-width:496px) {
    .tp-caption.font-p {
        margin-top: .8rem
    }
}

.btn-default.btn-theme-colored2 {
    color: #fff;
    font-weight: 600;
    background-color: #121b22;
    border-color: #fff;
    font-size: 16px;
    padding: 13px 32px;
    margin-top: .8rem;
    margin-right: 1rem;
    line-height: 1.3;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.btn-default.btn-theme-colored2:hover {
    background: #23bbbb;
    color: #fff;
    border-color: #fff
}

.btn-dark.btn-theme-colored {
    color: #fff;
    background-color: #23bbbb;
    border-color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 13px 32px;
    margin-top: .8rem;
    line-height: 1.3;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.btn-dark.btn-theme-colored:hover {
    background: #121b22;
    color: #fff;
    border-color: #fff
}

.bg-1 {
    background: #23bbbb;
    color: #fff;
    display: inline-block;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0
}

.bg-2 {
    background: #fff;
    color: #000;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.bg-3 {
    background: 0 0;
    color: #e54242;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0
}

.bg-4 {
    background: 0 0;
    color: #fff;
    margin-top: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.box .button {
    float: left;
    min-width: 150px;
    max-width: 250px;
    display: block;
    margin-bottom: 0;
    padding: 1em 2em;
    border: 2px solid;
    background: 0 0;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.button:focus {
    outline: 0
}

.button>span {
    vertical-align: middle
}

.bg-1 .button {
    color: #fff;
    border-color: #fff
}

.bg-2 .button {
    color: #000;
    border-color: #23bbbb
}

.bg-4 .button {
    color: #fff;
    border-color: transparent
}

.bg-3 .button {
    color: #23bbbb;
    border-color: #23bbbb
}

.bg-3 .button:hover {
    border-color: #23bbbb;
    color: #fff
}

@media screen and (max-width:768px) {
    .bg-3 {
        padding-top: 1rem
    }
}

.button--size-s {
    font-size: 15px;
    font-weight: 700
}

.button--size-m {
    font-size: 16px
}

.button--size-l {
    font-size: 18px
}

.button--text-upper {
    letter-spacing: 2px;
    text-transform: uppercase
}

.button--text-thin {
    font-weight: 300
}

.button--text-medium {
    font-weight: 500
}

.button--text-thick {
    font-weight: 600
}

.button--round-s {
    border-radius: 5px
}

.button--round-m {
    border-radius: 15px
}

.button--round-l {
    border-radius: 40px
}

.button--border-thin {
    border: 1px solid
}

.button--border-medium {
    border: 2px solid
}

.button--border-thick {
    border: 3px solid
}

.button--wayra {
    overflow: hidden;
    cursor: pointer;
    width: 210px;
    -webkit-transition: border-color .3s, color .3s;
    transition: border-color .3s, color .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--wayra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #23bbbb;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
    transition: opacity .3s, background-color .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s, background-color .3s;
    transition: transform .3s, opacity .3s, background-color .3s, -webkit-transform .3s
}

.button--wayra:hover {
    color: #fff;
    border-color: #fff
}

.button--wayra.button--inverted:hover {
    color: #fff;
    border-color: #23bbbb
}

.button--wayra:hover::before {
    opacity: 1;
    background-color: #23bbbb;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--wayra.button--inverted:hover::before {
    background-color: #23bbbb
}

.portfolio .box a {
    background: #121b22;
    text-decoration: none;
    text-align: center
}

.button--moema {
    padding: 1.5em 3em;
    border-radius: 50px;
    background: #7986cb;
    color: #fff;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.button--moema.button--inverted {
    background: #eceff1;
    color: #37474f
}

.button--moema::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: .4;
    -webkit-transform: scale3d(.8, .5, 1);
    transform: scale3d(.8, .5, 1)
}

.button--moema:hover {
    -webkit-transition: background-color .1s .3s, color .1s .3s;
    transition: background-color .1s .3s, color .1s .3s;
    color: #eceff1;
    background-color: #3f51b5;
    -webkit-animation: anim-moema-1 .3s forwards;
    animation: anim-moema-1 .3s forwards
}

.button--moema.button--inverted:hover {
    color: #eceff1;
    background-color: #7986cb
}

.button--moema:hover::before {
    -webkit-animation: anim-moema-2 .3s .3s forwards;
    animation: anim-moema-2 .3s .3s forwards
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

section.recently.portfolio {
    padding: 1.5rem 0;
    background: #edeff1
}

.portfolio .sec-title {
    margin-left: 0
}

.portfolio .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.portfolio .sec-title h2 {
    color: #23bbbb;
    margin-bottom: .5rem
}

.homes.no-mb {
    margin-bottom: 0
}

.homes-img {
    display: block;
    -webkit-transition: -webkit-transform .6s ease-in;
    transition: -webkit-transform .6s ease-in;
    transition: transform .6s ease-in;
    transition: transform .6s ease-in, -webkit-transform .6s ease-in
}

.homes,
.homes-img {
    position: relative;
    overflow: hidden
}

.homes-tag.featured {
    width: 155px!important;
    background: #ff680b
}

.recently .homes .button {
    font-size: 13px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    color: #fff;
    border: none;
    background-color: #23bbbb;
    display: inline-block;
    z-index: 99
}

.recently .homes-tag.featured {
    left: 15px;
    margin-top: 15px
}

.recently .homes-price,
.recently .homes-tag {
    position: absolute;
    z-index: 99
}

.recently .homes-tag.sale {
    background: #e54242!important;
    width: 120px!important;
    height: 31px
}

.recently .homes-tag.sale {
    right: 15px;
    margin-top: 15px;
    top: 0
}

.recently .homes-tag.sale.rent {
    background: #ffb200!important;
    color: #fff;
    z-index: 99
}

.recently .price-properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem
}

.recently .compare {
    margin-top: 1.1rem;
    line-height: 0
}

.recently .compare a {
    margin-right: 1.5rem
}

.recently .compare a:last-child {
    margin-right: 0
}

.recently .compare i {
    font-size: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.recently .fa-exchange-alt {
    color: #666
}

.recently .fa-exchange-alt:hover {
    color: #18ba60
}

.recently .fa-share-alt {
    color: #666
}

.recently .fa-share-alt:hover {
    color: #ffb200
}

.recently .fa-heart-o {
    color: #666
}

.recently .fa-heart-o:hover {
    color: #e54242
}

.recently .homes-price {
    color: #fff;
    font-size: 13px!important;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    background: #3a2c5f;
    bottom: 15px;
    left: 15px;
    z-index: 99
}

.recently .homes-content {
    background: #fff!important;
    padding: 20px 20px!important
}

.recently .homes-content h3.title a {
    font-size: 1.1rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    text-decoration: none
}

.recently .homes-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 3px
}

.price-properties h3 {
    margin-bottom: 0
}

.recently .homes-content .homes-address {
    margin-top: 0
}

.recently .homes-content .homes-address .fa-map-marker {
    font-size: 1rem;
    text-decoration: none;
    color: #18ba60
}

.recently .homes-content .homes-address a span {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 1px;
    text-decoration: none
}

.recently .homes-address span {
    color: #666
}

.recently .homes-content .homes-address a i {
    margin-right: 10px
}

.recently .homes-content .homes-list {
    padding: 0;
    margin: 0
}

.recently .homes-content .homes-list li {
    width: 45%;
    float: left;
    font-size: 14px;
    line-height: 40px;
    list-style: none;
    color: #23bbbb
}

.recently .homes-content .homes-list li i {
    font-size: 1rem;
    margin-right: 5px;
    color: #23bbbb
}

.recently .homes-content .homes-list span {
    color: #666
}

.recently.portfolio .item {
    padding-bottom: 0
}

.recently.portfolio .homes {
    margin-bottom: 0
}

.recently .footer {
    background: 0 0;
    border-top: 1px solid #ebebeb;
    padding-top: 1rem;
    font-size: 13px;
    color: #666
}

.recently .footer a {
    color: #666;
    text-decoration: none
}

.recently .footer span {
    float: right
}

.recently .footer i {
    margin-right: 5px;
    font-size: 1rem;
    color: #666
}

.recently .project-single {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #23bbbb
}

.recently .project-inner {
    position: relative;
    overflow: hidden
}

.recently .project-head {
    position: relative;
    text-align: center
}

.recently .project-head:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: 0;
    z-index: 33;
    background: #121b22;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.recently .project-single:hover .project-head:before {
    opacity: .8
}

.recently .project-head img {
    width: 100%;
    z-index: 2
}

.recently .project-bottom {
    text-align: center;
    padding: 10px 0 0;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 333;
    text-align: center;
    top: 50%;
    margin-top: -23.5px
}

.recently .project-bottom h4 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.recently .project-bottom h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: ""
}

.recently .project-single:hover .project-bottom h4 {
    opacity: 1;
    visibility: visible
}

.recently .project-bottom h4 a {
    color: #fff;
    text-decoration: none
}

.recently .project-bottom h4 span {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400
}

.recently .button-effect {
    position: absolute;
    text-align: left;
    bottom: 0;
    right: 0;
    z-index: 33;
    background: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    padding: 8px 15px;
    border-radius: 20px 0 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: .7rem
}

.recently .project-single:hover .button-effect {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.recently .button-effect .btn {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-right: 15px;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #fff;
    z-index: 99
}

.recently .button-effect .btn:hover {
    color: #fff
}

.recently .button-effect .btn:last-child {
    margin: 0
}

.recently .load-button {
    margin-top: 50px
}

.recently .load-button .btn {
    padding: 14px 30px;
    color: #fff;
    font-weight: 500;
    border: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0
}

.recently .load-button .btn:hover {
    background: #353535
}

.recently .button-effect .fa-link:before {
    content: "\f0c1";
    font-family: FontAwesome;
    color: #000
}

.recently .button-effect .fa-video:before {
    content: "\f03d";
    font-family: FontAwesome;
    color: #000
}

.recently .button-effect .fa-photo:before {
    content: "\f03e";
    font-family: FontAwesome;
    color: #000
}

.recently.portfolio .item {
    padding-bottom: 0
}

.recently.portfolio .project-single {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .recently.portfolio .item.no-pb.pbp-3 {
        padding-bottom: 1.6rem!important
    }
    .recently.portfolio .item.landscapes.no-pb {
        padding-bottom: 0;
        margin-bottom: 10px!important
    }
    .recently.portfolio .item.landscapes.no-pb:last-child {
        margin-bottom: 0!important
    }
}

@media screen and (max-width:991px) {
    .recently.portfolio .item {
        padding-bottom: 1.6rem
    }
    .recently.portfolio .project-single {
        margin-bottom: 10px
    }
    .recently.portfolio .item.no-pb {
        padding-bottom: 0
    }
    .recently.portfolio .project-single.no-mb {
        margin-bottom: 0
    }
    .recently.portfolio .item.landscapes.no-pb {
        padding-bottom: 0;
        margin-bottom: 0
    }
    .recently .compare {
        margin-top: .8rem;
        margin-right: .2rem
    }
}

@media screen and (max-width:420px) {
    .recently .compare {
        margin-right: 0
    }
}

section.welcome {
    padding: 6rem 0;
    background: #fff
}

.welcome-title h2 {
    color: #121b22;
    font-size: 36px;
    font-weight: 600
}

.welcome-img {
    text-align: right
}

.welcome-title h2 span {
    color: #23bbbb;
    font-weight: 800
}

.welcome-title h4 {
    color: #000;
    font-size: 20px;
    text-transform: uppercase
}

.welcome-title {
    padding-bottom: 17px
}

.welcome-content>p {
    color: #666;
    font-weight: 400
}

.welcome-content>p span {
    color: #666;
    font-size: 16px;
    font-weight: 600
}

.services-desc,
.services-img {
    display: inline-block
}

.services-img {
    float: left;
    margin-right: 16px
}

.services-desc>h6 {
    color: #555;
    font-weight: 600
}

.services-desc>p {
    color: #666;
    font-weight: 400;
    margin: 0
}

.w-single-services {
    margin-bottom: 31px
}

.w-single-services.no-mb {
    margin-bottom: 0
}

.welcome-services {
    padding-top: 34px
}

.single-services .welcome-title {
    padding-top: 43px
}

.single-services .welcome-content {
    padding-top: 17px
}

.welcome .popup-youtube {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #23bbbb;
    font-size: 30px;
    height: 70px;
    left: 50%;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    z-index: 9
}

.welcome .popup-youtube i {
    margin-left: 5px
}

.welcome .wprt-image-video .iq-waves {
    height: 352px;
    height: 22rem;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 352px;
    width: 22rem;
    z-index: 2
}

.welcome .wprt-image-video .iq-waves .waves {
    -webkit-animation: 3s ease-in-out 0s normal none infinite running waves;
    animation: 3s ease-in-out 0s normal none infinite running waves;
    background: #23bbbb none repeat scroll 0 0 padding-box;
    border-radius: 320px;
    height: 352px;
    height: 22rem;
    opacity: 0;
    position: absolute;
    width: 352px;
    width: 22rem
}

.welcome .wprt-image-video .iq-waves .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.welcome .wprt-image-video .iq-waves .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.welcome .wprt-image-video .iq-waves .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0
    }
    50% {
        opacity: .9
    }
    100% {
        -webkit-transform: scale(.6, .6);
        transform: scale(.6, .6);
        opacity: 0
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0
    }
    50% {
        opacity: .9
    }
    100% {
        -webkit-transform: scale(.6, .6);
        transform: scale(.6, .6);
        opacity: 0
    }
}

@media screen and (max-width:991px) {
    .welcome .wprt-image-video {
        margin-top: 2.5rem
    }
}

@media screen and (max-width:767px) {
    .w-single-services.no-mb.mbx {
        margin-bottom: 31px
    }
}

@media screen and (max-width:575px) {
    .w-single-services.no-mb.mbx {
        margin-bottom: 31px
    }
    .welcome-title h2 {
        font-size: 20px
    }
    .welcome-title h4 {
        font-size: 16px
    }
    .welcome-content>p span {
        font-size: 15px
    }
}

section.services-home {
    padding: 6rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, .8))), url(img/bg-counter.jpg) no-repeat center center;
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(img/bg-counter.jpg) no-repeat center center;
    background-attachment: fixed
}

.services-home .service .media {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 50px;
    height: 75px;
    margin-top: -40px;
    width: 75px
}

.services-home .service .media img {
    width: 100%
}

.services-home .service .media i {
    font-size: 34px;
    width: 100%;
    text-align: center;
    height: 100%;
    line-height: 65px
}

.services-home .bg-base {
    background: #23bbbb
}

.services-home .text-white {
    color: #fff!important
}

.box-shadow-1-hover:hover,
.box-shadow-1.focus,
.box-shadow-1:focus,
.services-home .box-shadow-1 {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .06)!important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .06)!important
}

.services-home .rounded-100 {
    border-radius: 100px
}

.services-home .p-left-5 {
    padding-left: 5px!important
}

.services-home .p-bottom-5 {
    padding-bottom: 5px!important
}

.p-right-5 {
    padding-right: 5px!important
}

.services-home .p-top-5 {
    padding-top: 5px!important
}

.services-home .p-left-25 {
    padding-left: 25px!important
}

.services-home .p-right-25 {
    padding-right: 25px!important
}

.services-home .p-top-35 {
    padding-top: 35px!important
}

.services-home .p-bottom-30 {
    padding-bottom: 30px!important
}

.agency-section,
.agent-section,
.profile-section,
.services-home .blog-section {
    display: inline-block;
    width: 100%
}

.services-home .text-bold-700 {
    color: #fff;
    font-weight: 700
}

.services-home .m-bottom-15 {
    margin-bottom: 15px
}

.services-home .agent-section p {
    color: #fff
}

.services-home a.text-base {
    color: #23bbbb;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.services-home .border-light {
    border-color: #eaeaea!important
}

.services-home .border-1 {
    border-style: solid;
    border-width: 1px!important
}

.bg-light-2,
.services-home .badge-light-2 {
    background: #121b22
}

.services-home a.text-base:hover {
    color: #fff
}

@media screen and (max-width:991px) {
    .services-home .m-bottom-40 {
        margin-top: 4.5rem
    }
    .services-home .m-top-0 {
        margin-top: 0
    }
}

section.portfolio {
    padding: 2rem 0;
    background: #edeff1
}

.portfolio .sec-title {
    margin-left: 0
}

.portfolio .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.portfolio .sec-title h2 {
    color: #23bbbb;
    margin-bottom: .5rem
}

.portfolio .item {
    padding-bottom: 1.6rem
}

.portfolio .filters-group {
    margin-top: 1.4rem;
    margin-bottom: 0;
    padding-left: 0;
    text-align: right;
    border-radius: 5px
}

.portfolio .filters-group ul {
    padding-left: 0;
    margin-bottom: 0
}

.portfolio .filters-group ul li {
    list-style: none;
    color: #000;
    display: inline-block;
    padding: 10px 15px;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.portfolio .filters-group ul li:hover {
    background: #23bbbb;
    color: #fff
}

@media screen and (max-width:543px) {
    .portfolio .filters-group ul {
        padding-left: 0
    }
    .portfolio .filters-group ul li:hover {
        background: 0 0;
        color: #000
    }
}

.portfolio .filters-group .active {
    background: #121b22;
    color: #fff
}

.project-single {
    margin-bottom: 25px
}

.project-single.no-mb {
    margin-bottom: 0
}

.portfolio .item.no-pb {
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    .project-single.no-mb.last:last-child {
        margin-bottom: 0
    }
    .portfolio .filters-group {
        text-align: left;
        margin-bottom: 2rem
    }
    .filters-group.col-md-6 {
        margin-left: 1rem
    }
    .portfolio .item.sale.no-pb {
        padding-bottom: 1.6rem;
        margin-bottom: 10px
    }
}

@media screen and (max-width:991px) {
    .portfolio .item.landscapes.no-pb {
        padding-bottom: 1.6rem;
        margin-bottom: 10px
    }
    .project-single.mbx-10 {
        margin-bottom: 10px
    }
    .featured .compare {
        margin-top: .9rem!important
    }
}

.homes-img {
    display: block
}

.homes,
.homes-img {
    position: relative;
    overflow: hidden
}

.portfolio .homes-price,
.portfolio .homes-tag {
    position: absolute;
    z-index: 99
}

.portfolio .homes-tag.sale {
    background: #e54242!important;
    width: 84px!important;
    height: 31px
}

.portfolio .homes-tag.sale {
    right: 15px;
    margin-top: 15px;
    top: 0
}

.portfolio .homes-tag.sale.rent {
    background: #ffb200!important;
    color: #fff;
    z-index: 99
}

.portfolio .price-properties {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1rem
}

.portfolio .compare {
    margin-top: 1.1rem;
    line-height: 0
}

.portfolio .compare a {
    margin-right: 1.5rem
}

.portfolio .compare a:last-child {
    margin-right: 0
}

.portfolio .compare i {
    font-size: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.portfolio .fa-exchange-alt {
    color: #666
}

.portfolio .fa-exchange-alt:hover {
    color: #18ba60
}

.portfolio .fa-share-alt {
    color: #666
}

.portfolio .fa-share-alt:hover {
    color: #ffb200
}

.portfolio .fa-heart-o {
    color: #666
}

.portfolio .fa-heart-o:hover {
    color: #e54242
}

.portfolio .homes-price {
    color: #fff;
    font-size: 13px!important;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 2px;
    background: #3a2c5f;
    bottom: 15px;
    left: 15px;
    z-index: 99
}

.portfolio .homes-content {
    background: #fff!important;
    padding: 10px 10px!important
}

.portfolio .homes-content h3.title a {
    font-size: 1.1rem;
    font-weight: 600;
    color: #666;
    text-transform: uppercase;
    text-decoration: none
}

.portfolio .homes-content h3 {
    font-size: 1.2rem;
    font-weight: 600;
    color: #444;
    margin-bottom: 3px
}

.price-properties h3 {
    margin-top: 1.3!important;
    margin-bottom: 0
}

.portfolio .homes-content .homes-address {
    margin-top: 0
}

.portfolio .homes-content .homes-address .fa-map-marker {
    font-size: 1rem;
    text-decoration: none;
    color: #18ba60
}

.portfolio .homes-content .homes-address a {
    text-decoration: none
}

.portfolio .homes-content .homes-address a span {
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 1px;
    text-decoration: none
}

.portfolio .homes-address span {
    color: #666
}

.portfolio .homes-content .homes-address a i {
    margin-right: 10px
}

.portfolio .homes-content .homes-list {
    padding-left: 0;
    padding-bottom: .9rem;
    margin: 0
}

.portfolio .homes-content .homes-list li {
    width: 50%;
    float: left;
    font-size: 13px;
    line-height: 40px;
    list-style: none;
    color: #23bbbb
}

.portfolio .homes-content .homes-list li i {
    font-size: 1rem;
    margin-right: 5px;
    color: #23bbbb
}

.portfolio .homes-content .homes-list span {
    color: #666
}

.portfolio .footer {
    background: 0 0;
    border-top: 1px solid #d8d8d8;
    padding-top: 1rem;
    font-size: 13px;
    color: #666
}

.portfolio .footer a {
    color: #666;
    text-decoration: none
}

.portfolio .footer i {
    margin-right: 5px;
    font-size: 1rem;
    color: #666
}

.portfolio .project-single {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #23bbbb
}

.portfolio .project-inner {
    position: relative;
    overflow: hidden
}

.portfolio .project-head {
    position: relative;
    text-align: center
}

.portfolio .project-single:hover .project-head:before {
    opacity: .8
}

.portfolio .project-head img {
    width: 100%;
    z-index: 2
}

.portfolio .project-bottom {
    text-align: center;
    padding: 10px 0 0;
    position: absolute;
    width: 100%;
    text-align: left;
    z-index: 100;
    text-align: center;
    top: 50%;
    margin-top: -23.5px
}

.portfolio .project-bottom h4 {
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 800;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.portfolio .project-bottom h4:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: ""
}

.portfolio .project-single:hover .project-bottom h4 {
    opacity: 1;
    visibility: visible
}

.portfolio .project-bottom h4 a {
    color: #fff;
    text-decoration: none
}

.portfolio .project-bottom h4 span {
    display: block;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 400
}

.portfolio .button-effect {
    position: absolute;
    text-align: left;
    bottom: 0;
    right: 0;
    z-index: 33;
    background: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    padding: 8px 15px;
    border-radius: 20px 0 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: .7rem
}

.portfolio .project-single:hover .button-effect {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.portfolio .button-effect .btn {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-right: 15px;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #fff;
    z-index: 99
}

.portfolio .button-effect .btn:hover {
    color: #fff
}

.portfolio .button-effect .btn:last-child {
    margin: 0
}

.portfolio .load-button {
    margin-top: 50px
}

.portfolio .load-button .btn {
    padding: 14px 30px;
    color: #fff;
    font-weight: 500;
    border: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0
}

.portfolio .load-button .btn:hover {
    background: #353535
}

.portfolio .button-effect .fa-link:before {
    content: "\f0c1";
    font-family: FontAwesome;
    color: #000
}

.portfolio .button-effect .fa-video:before {
    content: "\f03d";
    font-family: FontAwesome;
    color: #000
}

.portfolio .button-effect .fa-photo:before {
    content: "\f03e";
    font-family: FontAwesome;
    color: #000
}

.bg-all {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.7rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.btn-outline-light {
    background-color: #fa2964;
    color: #fff;
    border-color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 3rem;
    padding: .9rem 2.5rem .9rem 2rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.btn-outline-light:hover {
    background: #121b22;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn.btn-outline-light:after {
    content: '\f0a9';
    font-family: FontAwesome;
    position: relative;
    left: .5rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.btn.btn-outline-light:hover:after {
    left: 1rem;
    color: #fff;
    -webkit-transform: rotateZ(-360deg);
    transform: rotateZ(-360deg)
}

section.popular-places {
    padding: 6rem 0;
    background: #fff
}

.popular-places .img-box {
    height: 240;
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 1.5rem;
    z-index: 90;
    border-radius: 20px
}

.popular-places .img-box.no-mb {
    margin-bottom: 0
}

.popular-places .img-box:hover {
    background: #23bbbb
}

.popular-places .img-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
    background-color: #121b22;
    opacity: .3;
    z-index: 99;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out
}

.popular-places .listing-badges {
    position: absolute;
    top: 0;
    z-index: 999;
    right: 0;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding: 0;
    overflow: hidden;
    height: 100px
}

.popular-places .listing-badges .featured {
    background-color: #18ba60;
    float: left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -67px;
    top: 17px;
    position: relative;
    text-align: center;
    width: 200px;
    font-size: 12.5px;
    margin: 0
}

.popular-places .listing-badges span {
    color: #fff;
    display: inline-block;
    padding: 1px 10px;
    float: right;
    background-color: rgba(74, 74, 76, .7);
    border-radius: 3px;
    top: 15px;
    right: 15px;
    position: absolute
}

.popular-places .img-box-content {
    position: absolute;
    z-index: 101;
    top: 50%;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    -webkit-transform: translate(0, -50.5%);
    transform: translate(0, -50.5%)
}

.popular-places .img-box-content h4 {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
    margin: 0
}

.popular-places .img-box-content span {
    font-size: 16px;
    color: #fff
}

.popular-places .img-box img {
    background-size: cover;
    background-position: 50%;
    width: 100%;
    height: 100%;
    -webkit-transition: all .55s;
    transition: all .55s;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .35s ease-out;
    transition: -webkit-transform .35s ease-out;
    transition: transform .35s ease-out;
    transition: transform .35s ease-out, -webkit-transform .35s ease-out
}

@media screen and (max-width:767px) {
    .popular-places .img-box.no-mb {
        margin-bottom: 1.5rem
    }
    .popular-places .img-box.no-mb.x3 {
        margin-bottom: 0
    }
}

.popular-places .hover-effect img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .8s ease;
    transition: all .8s ease
}

.popular-places .hover-effect:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

section.team {
    padding: 6rem 0;
    background: #edeff1
}

.team .sec-title {
    margin-left: 1rem
}

.team .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.team .sec-title h2 {
    color: #23bbbb;
    margin-bottom: .5rem
}

.team .team-all {
    padding: 0;
    margin: 0
}

.team-wrap {
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.team-img {
    position: relative;
    z-index: 9
}

.team-img img {
    width: 100%
}

.team-content {
    height: 80px;
    width: 100%;
    bottom: 0;
    border: 1px solid #ccc;
    position: absolute;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 9;
    background: #fff
}

.team-wrap:hover .team-content {
    height: 150px
}

.team-info {
    background: #fff;
    padding: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.team-wrap:hover .team-content .team-info {
    background: #fff
}

.team-content h3 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #444;
    font-size: 16px
}

.team-content p {
    color: #666;
    font-style: italic;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px
}

.team-content ul {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s
}

.team-wrap:hover .team-content ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s;
    margin-bottom: 10px
}

.team-content ul li {
    opacity: 0;
    padding: .3rem 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .1s, -webkit-transform .6s;
    transition: opacity .1s, -webkit-transform .6s;
    transition: transform .6s, opacity .1s;
    transition: transform .6s, opacity .1s, -webkit-transform .6s;
    display: inline-block
}

.team-wrap:hover .team-content ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.team-wrap:hover .team-content ul li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.team-wrap:hover .team-content ul li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.team-wrap:hover .team-content ul li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.team-wrap:hover .team-content ul li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.team-wrap:hover .team-content ul li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.team-socials ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-content span a {
    color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: relative;
    text-transform: uppercase;
    font-size: 12px
}

.team-wrap:hover .team-content span a {
    bottom: 6px
}

.team-content span a:hover {
    color: #121b22
}

.team .team-pro ul {
    padding: 0;
    margin: 0
}

.team .team-pro ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team .team-pro .fa {
    font-size: 1.2rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin: 0 .5rem;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2.1rem
}

.team .team-all.padding {
    padding-bottom: 2.5rem
}

@media screen and (max-width:991px) {
    .team .team-pro {
        padding-bottom: 2.5rem
    }
    .team .team-pro:last-child {
        padding-bottom: 0
    }
    .team .pb-none {
        padding-bottom: 0
    }
    .team .team-all.padding {
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .team .pb-none {
        padding-bottom: 2.5rem
    }
}

.team .team-pro .fa.fa-facebook {
    background: #3b5998
}

.team .team-pro .fa.fa-twitter {
    background: #1da1f2
}

.team .team-pro .fa.fa-instagram {
    background: #e1306c
}

section.top-location {
    padding: 6rem 0;
    background: #fff;
    text-align: center
}

.top-location .item {
    position: relative;
    overflow: hidden;
    text-align: left;
    cursor: pointer
}

.top-location .item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 37, 46, 0)), color-stop(150%, #10252e));
    background: linear-gradient(to bottom, rgba(16, 37, 46, 0) 0, #10252e 150%)
}

.top-location .tp-caption {
    position: absolute;
    left: 0;
    bottom: -50px;
    padding: 20px;
    width: 100%;
    z-index: 99;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.top-location .tp-caption h6 {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 0 5px
}

.top-location .tp-caption strong {
    color: #fff;
    font-weight: 400;
    margin: 0 0 10px;
    display: block
}

.top-location .tp-caption p {
    color: #18ba60;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s
}

.top-location .item:hover .tp-caption {
    bottom: 0
}

.top-location .item:hover .tp-caption p {
    opacity: 1
}

.top-location h4 {
    font-weight: 600;
    font-size: 1.2rem;
    top: 27px;
    z-index: 9;
    color: #fff;
    margin: 0!important;
    padding: 0!important;
    line-height: 0!important;
    position: relative
}

.top-location .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
    width: 18%;
    margin: auto;
    background: #121b22;
    height: 54px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    overflow: hidden
}

@media screen and (max-width:991px) {
    .top-location .owl-theme .owl-nav {
        width: 50%
    }
}

@media screen and (max-width:575px) {
    .top-location .owl-theme .owl-nav {
        width: 70%
    }
}

@media screen and (max-width:400px) {
    .top-location h4 {
        font-size: .9rem
    }
}

.top-location .owl-theme .owl-nav [class*=owl-] {
    margin: 0;
    padding: 0;
    background: #23bbbb;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    font-size: 0
}

.top-location .owl-prev {
    width: 54px;
    height: 54px;
    background: #fff;
    position: relative;
    float: left;
    border-right: 1px solid #121b22
}

.top-location .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff!important
}

.top-location .owl-next {
    width: 54px;
    height: 54px;
    background: #fff;
    position: relative;
    float: right;
    border-left: 1px solid #121b22
}

.top-location .owl-prev:after {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 36px;
    color: #fff!important;
    line-height: 52px
}

.top-location .owl-next:after {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 36px;
    color: #fff!important;
    line-height: 52px
}

section.blog-section {
    padding: 6rem 0;
    background: #edeff1
}

.blog-section .news-item {
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    overflow: hidden
}

.blog-section .news-item.-news-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.blog-section .news-item-descr.big-news {
    height: 106px
}

.blog-section .news-item h3 {
    color: #222;
    -webkit-transition: all .25s;
    transition: all .25s
}

.blog-section .news-item.-news-slider-item {
    height: 100%
}

.blog-section .news-item.-news-slider {
    height: auto
}

.blog-section .news-item a:hover {
    text-decoration: none
}

.blog-section .news-item a:hover h3 {
    color: #23bbbb;
    -webkit-transition: all .25s;
    transition: all .25s
}

.blog-section .news-item .news-img-link.-news-page {
    display: block;
    position: relative;
    padding-bottom: 69%;
    width: 100%
}

.blog-section .news-item .news-img-link.-news-page .resp-img {
    background-size: cover
}

.blog-section .resp-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.blog-section .news-item-img .resp-img {
    background-size: cover
}

.blog-section .news-item-img {
    position: relative;
    width: 100%
}

.blog-section .news-item-img .resp-img {
    background-size: cover
}

.blog-section .news-item-text {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blog-section .news-item-text-header {
    display: block
}

.blog-section .news-item .date {
    display: block;
    margin-bottom: 9px;
    font-size: 13px;
    color: #333
}

.blog-section .dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: .3rem
}

.blog-section .news-item-bottom img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.blog-section .admin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-section .admin p {
    font-size: 13px;
    font-weight: 600;
    margin-top: .5rem;
    margin-right: 1rem;
    margin-bottom: 0
}

.blog-section .news-item-descr {
    margin: 6px 0 20px 0;
    height: 80px
}

.blog-section .news-item-descr p {
    color: #666;
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

.blog-section .news-item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-section .action-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .8rem;
    color: #333
}

.blog-section .action-list .fa-comment {
    color: #23bbbb
}

.blog-section .action-list .fa-share-alt {
    color: #23bbbb
}

.blog-section .action-list .fa-heart {
    color: #23bbbb
}

.blog-section ul.action-list {
    margin-bottom: 0
}

.blog-section .action-item {
    display: inline-block;
    padding-left: 15px
}

.blog-section .news-slider-wrap .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-section .news-item-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 29px
}

.blog-section .news-item-sm:last-child {
    margin-bottom: 0
}

.blog-section .news-item-sm .news-img-link {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    position: relative
}

.blog-section .news-item-sm .news-img-link .news-item-img {
    position: absolute;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.blog-section .news-item-sm .news-item-text {
    -ms-flex-preferred-size: 66.6%;
    flex-basis: 66.6%;
    padding: 15px 20px
}

.blog-section .news-item-sm .news-item-descr {
    height: 52px
}

.blog-section .news-link {
    position: relative;
    font-size: 1rem;
    font-weight: 600;
    color: #23bbbb;
    -webkit-transition: all .25s;
    transition: all .25s
}

.blog-section .news-link:hover {
    color: #121b22;
    text-decoration: none;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media screen and (max-width:1199px) {
    .blog-section .news-item,
    .blog-section .news-item.news-item-sm.mb {
        margin-bottom: 2.5rem
    }
    .blog-section .news-item.no-mb {
        margin-bottom: 0
    }
}

@media screen and (max-width:991px) {
    .blog-section .news-item {
        margin-bottom: 2.5rem
    }
    .blog-section .news-item.no-mb:last-child {
        margin-bottom: 0
    }
    .blog-section .news-item-sm .news-img-link {
        -ms-flex-preferred-size: 33.5%;
        flex-basis: 33.5%
    }
}

@media screen and (max-width:577px) {
    .blog-section .news-item-sm {
        display: block
    }
    .blog-section .news-item-sm .news-img-link .news-item-img {
        position: relative;
        padding-bottom: 69%
    }
    .blog-section .news-item-sm {
        border-radius: 0
    }
}

@media screen and (max-width:414px) {
    .blog-section .news-item-descr,
    .blog-section .news-item-descr p {
        overflow: hidden
    }
    .blog-section ul.action-list {
        padding-left: 0
    }
    .blog-section .news-link {
        font-size: .9rem
    }
}

section.testimonials {
    background: #fff;
    padding: 6rem 0
}

.testimonials .title-style h2,
.testimonials .title-style p {
    color: #23bbbb
}

.testimonials .title-style span {
    color: #000
}

.testimonials .title-icon:before {
    content: "";
    width: 100px;
    height: 2px;
    background: #121b22;
    position: absolute;
    top: 14px;
    left: -80px
}

.testimonials .title-icon:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #121b22;
    position: absolute;
    top: 14px;
    right: -80px
}

.testimonials .title-icon i {
    color: #23bbbb;
    font-size: 1.8rem;
    margin-top: 1px
}

.testimonials .owl-carousel .test-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    color: #000;
    padding: 2rem;
    border-radius: 10px
}

.testimonials .test-1 img {
    width: 90px;
    border-radius: 50%;
    margin: 0 auto
}

.testimonials .test-1 p {
    text-align: center;
    font-weight: 400;
    font-style: italic;
    margin: .3rem auto 0;
    max-width: 500px;
    color: #666
}

.testimonials .test-1 h3 {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: .8rem;
    color: #23bbbb;
    font-weight: 600
}

.testimonials .test-1 h6 {
    text-align: center;
    font-weight: 400;
    margin-bottom: 0;
    color: #000
}

.owl-dots {
    text-align: center;
    margin-top: 1.3rem;
    line-height: 0
}

.owl-dot {
    border-radius: 50px;
    height: 10px;
    width: 10px;
    display: inline-block;
    background: #121b22!important;
    margin-left: 5px;
    margin-right: 5px
}

.owl-dot.active {
    background: #23bbbb!important
}

.starts {
    list-style: none;
    margin-top: .4rem;
    padding: 0
}

.bg-white-1 {
    background: url(img/bg-pattern-dot.png) 0 0 repeat!important
}

.bg-white-3 {
    background: url(img/bg-white-3.png) 0 0 repeat!important
}

section.how-it-works {
    background: #fff;
    padding: 80px 0
}

.how-it-works .serv-flex {
    background: #fff;
    color: #f55d2c;
    text-align: center;
    padding: 1.5rem;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .12);
    border: 1px solid #f1f1f1;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.how-it-works .serv-flex.arrow:after {
    display: none
}

.how-it-works .art-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.how-it-works article .fa {
    padding-right: 1rem;
    padding-bottom: .5rem;
    font-size: 4rem;
    text-align: left
}

.how-it-works article img {
    padding-right: 1rem;
    padding-bottom: .5rem;
    width: 100px;
    height: 100px;
    text-align: center
}

.how-it-works .sec-title {
    margin-left: .5rem
}

.how-it-works .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.how-it-works .sec-title img {
    position: relative;
    width: 151px;
    height: 26px
}

.how-it-works article h3 {
    color: #222;
    margin: 1.7rem 0 .2rem
}

.how-it-works article p {
    color: #666;
    margin-top: 1rem;
    margin-bottom: 0
}

.how-it-works .service-1 .serv:hover,
.how-it-works .service-2 .serv:hover {
    cursor: all-scroll
}

@media screen and (max-width:767px) {
    .how-it-works .service-1 .serv {
        margin-bottom: 2rem
    }
    .how-it-works .service-1 .serv:last-child {
        margin-bottom: 0
    }
    .how-it-works .mt-50 {
        margin-top: 0!important
    }
    .how-it-works .service-1 .serv.mb-0.pt {
        margin-top: 0!important
    }
}

@media screen and (max-width:991px) {
    .how-it-works .mt-50 {
        margin-top: 2rem
    }
    .how-it-works .service-1 .serv.mb-0 {
        margin-bottom: 0
    }
    .how-it-works .service-1 .serv.mb-0.pt {
        margin-top: 2rem
    }
    .how-it-works .serv-flex:after {
        display: none
    }
}

.info-help {
    padding: 10rem 0;
    background: url(img/bg-home-3.jpg) no-repeat scroll center center;
    background-size: cover;
    position: relative;
    z-index: 3
}

.info-help:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.info-help.h17 .info-head .info-text {
    background: #fff;
    padding: 30px
}

.info-help .info-head .info-text h3 {
    font-size: 30px;
    line-height: 45px;
    color: #333;
    margin-bottom: 0
}

.info-help .info-head .info-text p {
    font-size: 16px;
    font-weight: 400;
    line-height: 35px;
    color: #333;
    padding: 1.5rem 0;
    margin-bottom: 0
}

.info-help .info-head .info-text .btn-pro {
    background: #ff34ef;
    color: #fff;
    margin-top: 10px;
    border: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.info-help .info-head .info-text .btn-pro:hover {
    background: #af0940
}

@media screen and (max-width:767px) {
    .info-help .info-head .info-text h3 {
        font-size: 25px
    }
    .info-help .info-head .info-text p {
        font-size: 16px
    }
}

.rev_row_zone_bottom,
.tp-caption.have {
    bottom: 80px
}

.hermes .tp-bullet,
.uranus.tparrows {
    display: none
}

.starts li {
    text-align: center;
    display: inline-block;
    margin-bottom: .1rem
}

.starts .fa {
    color: #fe4f4f!important
}

@media screen and (max-width:767px) {
    .testimonials .test-1 p::before {
        left: 190px!important
    }
}

@media screen and (max-width:414px) {
    .testimonials .test-1 p::before {
        left: 135px!important
    }
}

@media screen and (max-width:360px) {
    .testimonials .test-1 p::before {
        left: 105px!important
    }
}

div.partners,
div.partners-1 {
    padding: 3rem 0;
    background: #edeff1;
    color: #000
}

.partners .style2 .owl-item img,
.partners-1 .style2 .owl-item img {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.partners-1 .style2 img {
    background: #fff;
    width: 100px;
    border-radius: 10px
}

.partners .style2 img {
    width: 100%;
    background: 0 0;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

section.counterup {
    padding: 6rem 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .8)), to(rgba(255, 255, 255, .8))), url(img/bg-counter2.jpg) no-repeat center center;
    background: linear-gradient(rgba(255, 255, 255, .8), rgba(255, 255, 255, .8)), url(img/bg-counter2.jpg) no-repeat center center;
    background-attachment: fixed;
    color: #fff;
    text-align: center
}

.counterup .section-title {
    padding-bottom: 3.5rem
}

.counterup .title-icon:before {
    content: "";
    width: 100px;
    height: 2px;
    background: #23bbbb;
    position: absolute;
    top: 14px;
    left: -80px
}

.counterup .title-icon:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #23bbbb;
    position: absolute;
    top: 14px;
    right: -80px
}

.counterup .title-icon i {
    color: #121b22;
    font-size: 1.8rem;
    margin-top: 1px
}

.counterup .countr .fa {
    font-size: 3rem;
    color: #23bbbb;
    border-radius: 5px;
    margin-right: 1.5rem
}

.counterup .countr p {
    font-size: 2.5rem;
    font-weight: 800;
    color: #121b22
}

.counterup .title-style h2,
.counterup .title-style p {
    color: #23bbbb
}

.counterup .title-style span {
    color: #121b22
}

.counterup .countr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.counterup .count-me h3 {
    font-family: Montserrat, sans-serif;
    text-transform: capitalize;
    color: #121b22;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .counterup .countr h3 {
        margin-bottom: 5rem
    }
    .counterup .countr.mb-0 h3 {
        margin-bottom: 0
    }
    .counterup .countr {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .counterup .countr p {
        padding: 0
    }
    h3.specific:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .counterup .countr.mb-0 h3 {
        margin-bottom: 5rem
    }
    .counterup .countr.mb-0.last {
        margin-right: 1rem
    }
    .counterup .countr.mb-0.last h3 {
        margin-bottom: 0
    }
    .counterup .countr .fa {
        margin-top: 0
    }
}

section.subscribe {
    padding: 3rem 0;
    background: #e0e0e0;
    text-align: center
}

.realhome_subscribe input {
    font-size: 16px;
    padding: 11px 0 12px 22px;
    line-height: 26px;
    font-weight: 300;
    background: 0 0;
    border: 2px solid;
    width: 100%;
    display: block;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    letter-spacing: 3px;
    vertical-align: top;
    border-color: #23bbbb;
    border-radius: 0;
    color: #fff;
    height: auto;
    margin-bottom: 0;
    -webkit-appearance: none
}

.align-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.realhome_subscribe h2 {
    font-size: 1.9rem;
    text-align: center;
    font-weight: 500;
    color: #121b21;
    margin-bottom: 2rem
}

input {
    margin-right: 0!important
}

@media screen and (max-width:767px) {
    .realhome_subscribe h2 {
        font-size: 1.3rem
    }
    .realhome_subscribe input {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0
    }
    .realhome_form_subscribe button {
        margin-right: 0
    }
}

@media screen and (max-width:575px) {
    .realhome_subscribe h2 {
        font-size: 1.2rem
    }
}

@media screen and (max-width:360px) {
    .realhome_subscribe input {
        font-size: 14px
    }
}

@media screen and (max-width:320px) {
    .realhome_form_subscribe button {
        padding: 11px 11px 12px 11px!important
    }
}

.realhome_form_subscribe {
    position: relative;
    width: 100%
}

.realhome_form_subscribe button {
    background: #23bbbb;
    border-color: #fff;
    color: #fff;
    font-size: 16px;
    border: 2px solid #23bbbb;
    line-height: 26px;
    letter-spacing: 3px;
    min-height: 40px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    right: 0;
    padding: 11px 18px 12px 23px;
    text-transform: uppercase;
    border-radius: 0;
    vertical-align: middle;
    -webkit-appearance: none
}

.first-footer .top-footer {
    background: #fdfdfd;
    padding: 6rem 0
}

.first-footer .logo img {
    width: 220px;
    height: auto;
    margin-bottom: 1.6rem
}

@media screen and (max-width:991px) {
    .first-footer .netabout {
        margin-bottom: 0
    }
    .first-footer .netabout p {
        margin-bottom: 2rem!important
    }
}

.first-footer .netabout h3 {
    margin-bottom: 2rem
}

.first-footer .netabout h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.first-footer .netabout p {
    margin-bottom: 1.5rem;
    font-weight: 400;
    color: #23bbbb
}

.first-footer .netsocials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.first-footer .netsocials a .fa {
    font-size: 1rem;
    text-align: center;
    background: 0 0;
    border: 1px solid #696969;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: 1.5rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.first-footer .netsocials a i {
    background: #ff34ef!important;
    color: #fff
}

.first-footer .netsocials a i:hover {
    background: #cd201f;
    color: #fff
}

.navigation h3 {
    margin-bottom: 2rem
}

.first-footer .nav-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.first-footer .navigation h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:991px) {
    .first-footer .navigation h3 {
        margin-top: 0
    }
    .navigation ul {
        margin-bottom: 0
    }
    .navigation ul li.no-mgb {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .first-footer .navigation h3 {
        margin-top: 3rem
    }
}

.navigation ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0
}

.navigation ul li {
    margin-bottom: 1rem;
    border-bottom: 1px dotted #666
}

.navigation ul li.no-mgb {
    margin-bottom: 0
}

.navigation ul li a {
    text-decoration: none;
    font-weight: 300;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.navigation a {
    display: block;
    margin-bottom: .6rem
}

.navigation .nav-right {
    margin-left: 2rem
}

.first-footer .widget h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.twitter-widget.contuct .single-item {
    position: relative;
    margin-bottom: 25px
}

.twitter-widget.contuct .single-item:last-child {
    margin-bottom: 0
}

.twitter-widget.contuct .twitter-area .icon-holder {
    position: absolute;
    left: 0;
    top: 0
}

.twitter-widget.contuct .twitter-area .icon-holder i {
    color: #23bbbb
}

.twitter-widget.contuct .twitter-area .text {
    padding: 0 0 0 30px
}

.inner-pages .twitter-widget.contuct .twitter-area .text h5,
.twitter-widget.contuct .twitter-area .text h5 {
    font-size: 15px;
    color: #bbb;
    font-weight: 300;
    text-transform: capitalize;
    line-height: 1.3rem
}

.inner-pages .twitter-widget.contuct .twitter-area .text h5 a,
.twitter-widget.contuct .twitter-area .text h5 a {
    color: #fff;
    font-weight: 600
}

.inner-pages .twitter-widget.contuct .twitter-area .text h4,
.twitter-widget.contuct .twitter-area .text h4 {
    font-size: 14px;
    color: #23bbbb;
    font-weight: 500;
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .first-footer .widget,
    .inner-pages .first-footer .widget {
        padding-top: 0!important
    }
    .first-footer .widget h3 {
        margin-top: 3rem
    }
}

.inner-pages .first-footer .twitter-widget.contuct h5::after {
    display: none
}

.first-footer h3 {
    margin-bottom: 2rem
}

.first-footer .contactus h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:991px) {
    .first-footer .contactus h3 {
        margin-top: 3rem
    }
}

@media screen and (max-width:767px) {
    .first-footer .contactus {
        margin-top: 2rem
    }
    .first-footer .top-footer {
        padding-bottom: 6rem
    }
}

.first-footer .contactus .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .6rem
}

.first-footer .contactus .ti {
    margin-bottom: 0
}

.first-footer .contactus .info p {
    margin: 0;
    margin-left: 1.5rem;
    font-weight: 400
}

.first-footer .contactus ul li {
    margin-bottom: 1rem;
    border-bottom: 1px dotted #666
}

.first-footer .contactus ul {
    list-style: none;
    margin-bottom: 2.5rem!important;
    padding: 0;
    margin: 0
}

.first-footer .contactus ul li .fa {
    font-size: 1.6rem
}

.hover-effect figure {
    position: relative;
    overflow: hidden;
    margin: 0
}

.hover-effect figure::before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.hover-effect:hover figure::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.hover-effect figure img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.hover-effect:hover figure img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.second-footer {
    padding: 1.5rem 0;
    background: #e0e0e0;
    border-top: 1px solid #fff
}

.second-footer h3 {
    margin: 0;
    font-weight: 300
}

.second-footer p {
    margin: 0;
    font-weight: 400
}

.second-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto
}

.second-footer p .fa-heart:before {
    color: #ed027b
}

.go-up {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    font-size: 2.1rem;
    background: #23bbbb;
    padding: .4rem;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    z-index: 99999;
    line-height: 0;
    display: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.go-up:focus,
.go-up:hover {
    outline: 0;
    text-decoration: none;
    color: #fff
}

.main-search-field {
    padding: 3rem 0;
    background: #23bbbb;
    background-repeat: repeat
}

.main-search-field.mt10 {
    margin-top: -10px
}

.main-search-field h3 {
    font-size: 2rem;
    margin-bottom: 2.5rem!important;
    color: #fff;
    font-weight: 800;
    margin: 0 auto 15px
}

.main-search-field h3 span {
    color: #222;
    font-weight: 300
}

.main-search-field select {
    width: 100%;
    height: 40px;
    padding: 5px 10px;
    border: 1px solid #9e9e9e38;
    color: #607d8b;
    font-size: 1rem;
    border-radius: 0;
    background: 0 0;
    text-transform: capitalize;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.main-search-field .at-col-default-mar.no-mb,
.main-search-field .at-input,
.main-search-field .no-mb select {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .main-search-field .at-input,
    .main-search-field .no-mb select {
        margin-bottom: 20px
    }
}

.main-search-field select:focus {
    outline: 0
}

.main-search-field option {
    background: #000
}

.main-search-field select:focus {
    background: 0 0
}

.main-search-field .at-input {
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    color: #000!important;
    border: 1px solid #fff;
    border-radius: 0;
    background: #fff
}

.main-search-field .at-input:focus {
    outline: 0
}

.main-search-field .at-col-default-mar {
    margin-bottom: 10px
}

.main-search-field .at-input-price {
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: #fff;
    height: 25px;
    width: 180px
}

.at-pricing-range h4 {
    color: #fff
}

.main-search-field .hvr-bounce-to-right {
    width: 100%
}

.main-search-field .hide {
    display: none!important
}

.main-search-field .at-pricing-range label {
    color: #fff
}

.main-search-field .at-btn-default {
    font-size: 18px;
    background: #fff;
    color: #fff;
    border: none;
    height: 50px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main-search-field .hvr-bounce-to-right {
    font-size: 14px;
    background: #121b22;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    border: none;
    padding: 12px 22px;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.main-search-field .hvr-bounce-to-right:hover {
    background: #fff;
    color: #000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.main-search-field .hvr-bounce-to-right:before {
    background-color: #bf864f
}

button[disabled],
html input[disabled] {
    cursor: default
}

.slider_amount {
    border: none;
    background: 0 0;
    padding: 0;
    margin-bottom: 10px;
    width: 100%;
    color: #fff
}

.ui-widget.ui-widget-content {
    border-radius: 2px;
    background: #fff;
    border: none
}

.ui-slider-horizontal {
    height: 10px
}

.ui-widget-header {
    background: #121b22
}

@media screen and (max-width:767px) {
    .hvr-bounce-to-right {
        margin-top: 5px
    }
    .input-group {
        margin-bottom: 5px
    }
}

@media screen and (max-width:990px) {
    .input-group {
        margin-bottom: 5px
    }
}

.parallax-search {
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .15)), to(rgba(0, 0, 0, .15))), url(img/bg-demo.jpg) no-repeat center top;
    background: linear-gradient(rgba(0, 0, 0, .15), rgba(0, 0, 0, .15)), url(img/bg-demo.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed!important;
    width: 100%
}

.parallax-search .hero-inner {
    text-align: center;
    margin: 170px 0
}

.parallax-search .welcome-text p {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500
}

.parallax-search .welcome-text h1 {
    font-size: 50px;
    color: #fff;
    text-transform: capitalize
}

.parallax-search .trip-search {
    padding: 0;
    text-align: left;
    margin-top: 50px
}

.parallax-search .trip-search .form {
    line-height: 0
}

.parallax-search .form-group {
    width: 190px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 0
}

.parallax-search .form-group:last-child {
    margin-right: 0
}

.parallax-search .form-group .nice-select {
    margin: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-radius: 5px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #757575;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 14px
}

.parallax-search .form-group .nice-select:hover {
    color: #23bbbb
}

.parallax-search .form-group .nice-select::after {
    right: 20px;
    color: #757575
}

.parallax-search .form-group .nice-select i {
    color: #23bbbb;
    font-size: 1.2rem;
    margin-top: 5px;
    margin-right: 10px
}

.parallax-search .form-group .list li {
    color: #757575
}

.parallax-search .form-group .list li.selected {
    color: #757575;
    font-weight: 400
}

.parallax-search .form-group .list li:hover {
    color: #fff;
    background: #23bbbb
}

.parallax-search .form-group.location {
    width: 150px
}

.parallax-search .form-group.button {
    width: 145px;
    position: relative;
    height: 50px
}

@media only screen and (max-width:991px) {
    .parallax-search .trip-search .form-group {
        margin-top: 15px;
        margin-right: 20px
    }
    .parallax-search .hero-inner {
        margin: 97px 0
    }
}

@media only screen and (max-width:767px) {
    .parallax-search .welcome-text h1 {
        font-size: 48px
    }
    .parallax-search .hero-inner {
        margin: 69px 0
    }
    .parallax-search .trip-search .form-group {
        margin-top: 10px;
        width: 100%
    }
}

@media only screen and (max-width:450px) {
    .parallax-search .welcome-text h1 {
        font-size: 35px!important
    }
    .parallax-search .welcome-text p {
        font-size: 14px
    }
    .parallax-search .hero-inner {
        margin: 70px 0
    }
    .parallax-search .trip-search {
        margin-top: 30px
    }
}

.hero-area.style2 .owl-controls .owl-nav div {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 60px;
    line-height: 60px;
    margin-top: -30px;
    padding: 0;
    font-size: 25px;
    border-radius: 25px;
    background: 0 0;
    border: 1px solid #fff;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0
}

.hero-area.style2 .owl-controls .owl-nav div:hover {
    background: #ff7550;
    border-color: transparent;
    color: #fff
}

.hero-area.style2 .owl-controls .owl-nav div.owl-prev {
    left: 0
}

.hero-area.style2 .owl-controls .owl-nav div.owl-next {
    right: 0
}

.hero-area .owl-item.active .welcome-text p {
    -webkit-animation: fadeInDown .8s both 1s;
    animation: fadeInDown .8s both 1s
}

.hero-area .owl-item.active .welcome-text h1 {
    -webkit-animation: fadeInLeft .8s both 1.4s;
    animation: fadeInLeft .8s both 1.4s
}

.hero-area .owl-item.active .welcome-text .btn {
    -webkit-animation: fadeInRight .8s both 1.6s;
    animation: fadeInRight .8s both 1.6s
}

.inner-pages .blog .block-heading {
    background: #edeff1;
    border-radius: 3px;
    height: 52px;
    margin-bottom: 30px
}

.inner-pages .properties-list.full .project-single {
    border-bottom: 0
}

.inner-pages .properties-list.full .my-44 {
    margin: 2.5rem 0
}

@media screen and (max-width:991px) {
    .inner-pages .properties-list.full .my-44.ft {
        margin: 0
    }
    .inner-pages .properties-list.full .pr-0 {
        padding-left: 0
    }
    .inner-pages .properties-list.full .col-lg-8 {
        padding-left: 15px;
        padding-right: 15px
    }
    .inner-pages .properties-list.full .mb-44 {
        margin-bottom: 2.5rem!important
    }
    .inner-pages .properties-list.full .row.featured {
        padding-left: 15px;
        padding-right: 15px
    }
}

.inner-pages .blog .block-heading {
    background: #edeff1;
    border-radius: 3px;
    height: 52px;
    margin-bottom: 30px
}

.inner-pages .properties-right.list .homes-img img {
    height: 272px
}

.inner-pages .properties-right.list .project-single {
    border-bottom: 0
}

.inner-pages .properties-right.list .my-44 {
    margin: 2.5rem 0
}

@media screen and (max-width:991px) {
    .inner-pages .properties-right.list .my-44.ft {
        margin: 0
    }
    .inner-pages .properties-right.list .homes-img img {
        height: auto
    }
    .inner-pages .properties-right.list .pr-0 {
        padding-left: 0
    }
    .inner-pages .properties-right.list .col-lg-8 {
        padding-left: 15px;
        padding-right: 15px
    }
    .inner-pages .properties-right.list .mb-44 {
        margin-bottom: 2.5rem!important
    }
    .inner-pages .properties-right.list .row.featured {
        padding-left: 15px;
        padding-right: 15px
    }
}

.inner-pages .blog .block-heading {
    background: #edeff1;
    border-radius: 3px;
    height: 52px;
    margin-bottom: 30px
}

.inner-pages .blog .block-heading h4 {
    line-height: 52px;
    color: #121b22;
    display: inline-block;
    padding-right: 20px;
    border-radius: 3px 0 0 3px;
    margin: 0 0 0;
    font-weight: 600
}

.inner-pages .blog .space-3 {
    margin-bottom: 1.6rem
}

.inner-pages .blog .block-heading .heading-icon {
    background: #121b22;
    width: 50px;
    text-align: center;
    margin-right: 8px;
    display: inline-block;
    border-radius: 3px 0 0 3px;
    position: relative;
    color: #fff
}

.inner-pages .project-single .homes-content .homes-list li i {
    font-size: 1rem
}

.inner-pages .project-single .fa-calendar,
.inner-pages .project-single .fa-user {
    color: #666!important
}

.inner-pages .portfolio .homes-content .homes-list li {
    width: 45%!important;
    line-height: 40px!important
}

.properties-list .item {
    padding-bottom: 0rem
}

@media screen and (max-width:767px) {
    .inner-pages .blog .item {
        padding-bottom: 1.6rem
    }
    .inner-pages .portfolio.blog .item.no-pb.x2 {
        padding-bottom: 0
    }
}

.inner-pages .blog .block-heading .sorting {
    padding: 8px 12px;
    width: auto;
    background: #fff;
    border: 1px solid #eee;
    color: #999;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 300;
    outline: 0
}

@media screen and (max-width:380px) {
    .inner-pages .blog .block-heading .sorting {
        float: left;
        width: 120px
    }
}

.inner-pages .blog .block-heading .sorting-options {
    margin: 10px 15px 0 0;
    text-align: right
}

.inner-pages .blog .block-heading .sorting {
    font-size: 13px;
    font-weight: 300;
    padding: 5px 12px;
    border: solid 1px #e7e7e7
}

.inner-pages .blog .block-heading a {
    text-decoration: none
}

.inner-pages .blog .block-heading .change-view-btn.lde .fa {
    color: #121b22!important
}

.inner-pages .blog .block-heading .change-view-btn.lde:hover {
    background: #23bbbb;
    color: #fff!important
}

.inner-pages .blog .sorting-options a .active-view-btn .fa {
    color: #fff!important
}

.inner-pages .blog .change-view-btn {
    color: #121b22!important;
    border: 1px solid #121b22;
    margin-left: 5px;
    border-radius: 2px;
    background: 0 0;
    padding: 5px 9px
}

.inner-pages .change-view-btn:hover {
    color: #23bbbb!important
}

.inner-pages .active-view-btn {
    background: #121b22!important;
    color: #fff!important;
    margin-left: 5px;
    padding: 5px 9px
}

.inner-pages .blog .active-view-btn:hover {
    background: #23bbbb!important;
    color: #fff
}

.inner-pages .blog .block-heading .fa {
    color: #fff;
    margin-right: 0
}

.inner-pages .blog .homes .fa {
    color: #23bbbb
}

.inner-pages .properties-list .compare,
.inner-pages .properties-right .compare {
    margin-top: 1.1rem!important
}

.inner-pages .properties-right .fa-heart-o {
    color: #666!important
}

.inner-pages .blog .single-block {
    padding: 3rem 0
}

.inner-pages .blog .section-heading .media .media-left i {
    background: #23bbbb;
    color: #fff;
    width: 47px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 25px;
    float: left
}

.inner-pages .blog .section-heading .media .media-left {
    padding-right: 15px
}

.inner-pages .blog .section-heading .media .media-body h5::after {
    margin-bottom: 16px
}

.inner-pages .blog .section-heading .media .media-body p {
    margin: 0 0 0;
    color: #666;
    line-height: 0
}

.inner-pages .blog .main-search-field h5,
.inner-pages .blog .main-search-field-2 h5,
.inner-pages .blog .section-heading .media .media-body h5 {
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.inner-pages .blog .main-search-field {
    padding-bottom: 0;
    padding: 15px;
    margin-top: 15px
}

.inner-pages .blog .main-search-field select {
    background: #fff
}

.inner-pages .blog .main-search-field .at-col-default-mar {
    margin-bottom: 0
}

.inner-pages .blog .at-input {
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    color: #000;
    border: 2px solid #23bbbb;
    border-radius: 0;
    background: 0 0
}

@media screen and (max-width:991px) {
    .inner-pages .blog .at-input {
        margin-bottom: 0
    }
}

.inner-pages .blog .col-lg-12.no-pds {
    padding-left: 0;
    padding-right: 0
}

.inner-pages .blog .slider_amount {
    color: #000;
    font-weight: 400
}

.inner-pages .blog .ui-widget.ui-widget-content {
    background: #23bbbb
}

.inner-pages .blog .hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-top: 1rem;
    font-size: 17px;
    cursor: pointer;
    background: #ff680b;
    color: #fff;
    text-transform: uppercase;
    border: 2px solid #fff;
    padding: 8px 22px;
    border-radius: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .blog .hvr-bounce-to-right:hover {
    background: #ff680b
}

.google-maps-right {
    position: fixed;
    top: 1;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 0!important;
    margin-bottom: 0
}

.google-maps-right #map-leaflet {
    height: 867px
}

section.google-map-right {
    padding: 100px 0 30px 0!important
}

.header.google-map-right {
    z-index: 99999
}

.header.google-map-right .header-bottom {
    position: fixed;
    width: 100%;
    z-index: 99999
}

@media screen and (max-width:991px) {
    .google-maps-right {
        position: relative;
        margin-top: 2rem
    }
    .mt-5.pagi {
        display: none
    }
}

@media screen and (max-width:767px) {
    .google-maps-right {
        margin-top: 0
    }
}

.header-map.google-maps.properties,
.header-map.google-maps.properties #map-leaflet {
    height: 450px
}

section.blog.details {
    background: #fff
}

.inner-pages .blog .block-heading.details h4 {
    color: #000
}

.inner-pages .blog .blog-info.details h5 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.inner-pages .blog .blog-info.details {
    padding: 0;
    border-bottom: 0
}

.inner-pages .blog .homes-content .homes-list {
    padding: 0;
    margin: 0;
    width: 95%
}

.inner-pages .blog .homes-content .homes-list li {
    width: 25%;
    float: left;
    font-size: 14px;
    line-height: 36px;
    list-style: none;
    color: #23bbbb
}

.inner-pages .blog .homes-content.details-2 {
    background: #121b22;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .2rem 0
}

@media screen and (max-width:767px) {
    .inner-pages .blog .homes-content.details-2 {
        padding-left: .5rem
    }
    .inner-pages .carousel.slide .carousel-inner img {
        width: 100%;
        height: 280px
    }
}

@media screen and (max-width:500px) {
    .inner-pages .carousel.slide .carousel-inner img {
        width: 100%;
        height: 280px
    }
}

@media screen and (max-width:450px) {
    .inner-pages .blog .homes-content.details-2 {
        padding-left: .5rem
    }
}

@media screen and (max-width:360px) {
    .inner-pages .blog .homes-content.details-2 {
        padding-left: .3rem
    }
}

.inner-pages .blog .homes-content.details-2 span {
    color: #fff;
    font-size: .75rem
}

.inner-pages .blog .homes-content.details-2 .fa {
    color: #23bbbb
}

.inner-pages .blog .blog-info p.mb-3 {
    color: #666;
    font-weight: 400
}

.inner-pages .blog .blog-info.details {
    background: #edeff1
}

.inner-pages .blog .sorting-options span {
    color: #121b22;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.inner-pages .blog .sorting-options h5 {
    color: #23bbbb;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-top: 0
}

.inner-pages .blog .sorting-options h6 {
    color: #18ba60;
    font-weight: 700;
    margin-right: 3.2rem
}

.inner-pages .blog .wprt-image-video.w50 {
    margin-bottom: 5rem
}

.inner-pages .blog .homes-content h5,
.inner-pages .blog .property-location h5,
.inner-pages .blog .team.assigned h5 {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.inner-pages .blog .blog-info.details h5::after,
.inner-pages .blog .homes-content h5::after,
.inner-pages .blog .property-location h5::after,
.inner-pages .blog .team.assigned h5::after {
    color: #23bbbb;
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .blog .homes-content.details .fa {
    color: #23bbbb;
    font-size: 1.5rem;
    font-weight: 700
}

.inner-pages .blog .homes-content.details span {
    font-size: 1rem;
    color: #000
}

#map-contact {
    width: 100%;
    height: 300px
}

.contact-map {
    width: 100%;
    height: 300px
}

.inner-pages .info-box-img {
    width: 180px!important;
    margin-right: 20px;
    float: left
}

.inner-pages section.team.assigned {
    padding: 0
}

.inner-pages section.team {
    padding: 6rem 0;
    background: #edeff1
}

.inner-pages .team .team-all {
    padding: 0;
    margin: 0
}

.inner-pages .team-wrap {
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.inner-pages .team-img {
    position: relative;
    z-index: 9
}

.inner-pages .team-img img {
    width: 100%
}

.inner-pages .team-content {
    height: 80px;
    width: 100%;
    bottom: 0;
    position: absolute;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 9;
    background: #23bbbb
}

.inner-pages .team-wrap:hover .team-content {
    height: 150px
}

.inner-pages .team-content .team-info {
    background: #fff!important
}

.inner-pages .team-info {
    background: #23bbbb;
    padding: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.inner-pages .team-wrap:hover .team-content .team-info {
    background: #23bbbb
}

.inner-pages .team-content h3 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #444;
    font-size: 16px
}

.inner-pages .team-content p {
    color: #000;
    font-style: italic;
    margin-bottom: 10px;
    font-size: .97rem;
    font-weight: 400;
    letter-spacing: 1px
}

.inner-pages .team-content ul {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s
}

.inner-pages .team-wrap:hover .team-content ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s;
    margin-bottom: 10px
}

.inner-pages .team-content ul li {
    opacity: 0;
    padding: .3rem 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .1s, -webkit-transform .6s;
    transition: opacity .1s, -webkit-transform .6s;
    transition: transform .6s, opacity .1s;
    transition: transform .6s, opacity .1s, -webkit-transform .6s;
    display: inline-block
}

.inner-pages .team-wrap:hover .team-content ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.inner-pages .team-wrap:hover .team-content ul li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.inner-pages .team-socials ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-pages .team-content span a {
    color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: relative;
    text-transform: uppercase;
    font-size: 12px
}

.inner-pages .team-wrap:hover .team-content span a {
    bottom: 2px
}

.inner-pages .team-content span a:hover {
    color: #23bbbb
}

.inner-pages .team .team-pro ul {
    padding: 0;
    margin: 0
}

.inner-pages .team .team-pro ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.inner-pages .team .team-pro .fa {
    font-size: 1.2rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin: 0 .5rem;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2.1rem
}

.inner-pages .team .team-all.padding {
    padding-bottom: 2.5rem
}

@media screen and (max-width:991px) {
    .inner-pages .team .team-pro {
        padding-bottom: 2.5rem
    }
    .inner-pages .team .team-pro:last-child {
        padding-bottom: 0!important
    }
    .inner-pages .team .pb-none {
        padding-bottom: 0
    }
    .inner-pages .team .team-all.padding {
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .inner-pages .team .team-pro.pb-on {
        padding-bottom: 2.5rem
    }
    .inner-pages .team-pro.pb-none.np,
    .inner-pages .team-pro.pb-on.np {
        padding-top: 0
    }
    .inner-pages .team-pro.pb-on.np-2 {
        padding-bottom: 2.5rem!important
    }
}

.inner-pages .team .team-pro .fa.fa-facebook:hover {
    background: #3b5998
}

.inner-pages .team .team-pro .fa.fa-twitter:hover {
    background: #1da1f2
}

.inner-pages .team .team-pro .fa.fa-instagram:hover {
    background: #e1306c
}

.inner-pages .agent-row .agent-img {
    width: 30%;
    display: inline-block;
    overflow: hidden;
    min-height: 285px;
    max-height: 285px;
    margin-bottom: 40px;
    background: #d4e0e7;
    float: left;
    z-index: 100
}

@media screen and (max-width:991px) {
    .inner-pages .agent-row .agent-content,
    .inner-pages .agent-row .agent-img {
        width: 100%!important
    }
    .inner-pages .agent-row .agent-content {
        min-height: 300px!important
    }
    .inner-pages .agent-row .agent-img {
        float: none;
        display: block;
        width: 100%;
        min-height: auto;
        max-height: 100%;
        margin-bottom: 0!important
    }
    .inner-pages .agent {
        margin-bottom: 0!important
    }
    .inner-pages .team .agent-mb {
        margin-bottom: 2.5rem
    }
}

@media screen and (max-width:767px) {
    .inner-pages .agent-row .agent-footer {
        bottom: 22px!important
    }
}

@media screen and (max-width:381px) {
    .inner-pages .agent-row .agent-details .fa-envelope {
        padding: 1rem 0
    }
}

.inner-pages .agent-row .agent-content {
    background: #fff;
    padding: 25px;
    width: 70%;
    float: left;
    min-height: 285px;
    position: relative;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-bottom: 1px solid #23bbbb
}

.inner-pages .agent-row .agent-details h4 {
    margin-bottom: 1rem
}

.inner-pages .agent-row .agent-text p {
    margin-top: 18px;
    line-height: 1.6;
    color: #666;
    overflow: hidden
}

.inner-pages .agent-row .agent-details {
    padding-left: 0;
    padding-right: 0
}

.inner-pages .agent-row .agent-details p {
    display: inline-block;
    margin-right: 15px
}

.inner-pages .agent-row .agent-footer {
    text-align: left;
    left: 25px;
    right: 25px;
    position: absolute;
    bottom: 25px
}

.inner-pages .agent-row .agent-footer .social-icons {
    margin-top: 5px
}

.inner-pages .agent-row-sidebar .agent-img {
    min-height: 254px;
    max-height: 254px
}

.inner-pages .agent-row-sidebar .agent-text {
    font-size: 13px
}

.inner-pages .agent-row-sidebar .agent-content {
    min-height: 254px
}

.inner-pages .agent-row-sidebar .agent-footer {
    bottom: 20px
}

.inner-pages .agent {
    background: #fff;
    position: relative;
    margin-bottom: 30px
}

.inner-pages .agent-tag {
    position: absolute;
    padding: 3px 8px;
    font-size: 12px;
    z-index: 20;
    bottom: 10px;
    left: 10px
}

.inner-pages .agent-img {
    position: relative;
    display: block
}

.inner-pages .agent-img img {
    width: 100%;
    height: auto
}

.inner-pages .agent-content {
    padding: 5%
}

.inner-pages .agent-content p {
    color: #666;
    margin: 0
}

.inner-pages .button.alt {
    background-color: #23bbbb;
    color: #fff
}

.inner-pages .agent-details {
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    padding: 0 10px 15px 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.9
}

.inner-pages .agent-details:last-child {
    border-bottom: 0
}

.inner-pages .agent-details a {
    color: #777;
    font-size: 20px;
    margin-bottom: 1rem;
    text-decoration: none
}

.inner-pages .homes-content .homes-address a {
    font-size: 1.2rem!important;
    margin: 0 0 15px;
    text-decoration: none;
    color: #23bbbb
}

.inner-pages .homes-address span {
    color: #666
}

.inner-pages .homes-content .homes-list li i {
    font-size: 1.2rem;
    margin-right: 5px;
    color: #4caf50
}

.inner-pages .agent-details a:hover {
    color: #48a0dc
}

.inner-pages .agent-details .fa {
    color: #23bbbb;
    font-size: 15px;
    margin-right: 8px
}

.inner-pages .agent-content .social-icons.circle li {
    padding-left: 4px;
    padding-right: 4px
}

.inner-pages .agent-content .social-icons.circle li a {
    color: #9bb0bb;
    border: 1px solid #9bb0bb
}

.inner-pages .agent-content .social-icons.circle li a:hover {
    color: #fff;
    border-color: #48a0dc
}

.inner-pages .agent-content .netsocials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0
}

.inner-pages .agent-content .netsocials .fa {
    font-size: 1rem;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    margin-right: 1.5rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .agent-content .netsocials a .fa-facebook {
    background: #3b5998;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-facebook:hover {
    background: #3b5998;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-twitter {
    background: #1da1f2;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-twitter:hover {
    background: #1da1f2;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-google-plus {
    background: #dd4b39;
    color: #fff
}

.agent-content .netsocials a .fa-google-plus:hover {
    background: #dd4b39;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-youtube {
    background: #cd201f;
    color: #fff
}

.inner-pages .agent-content .netsocials a .fa-youtube:hover {
    background: #cd201f;
    color: #fff
}

.inner-pages .button.button-icon.right {
    float: right
}

@media screen and (max-width:531px) {
    .inner-pages .agent-row .agent-text p {
        margin-bottom: 3rem
    }
}

.inner-pages section.portfolio.agent-details {
    padding: 1rem 0;
    background: #edeff1
}

.inner-pages .agent-details .section-title {
    text-align: left!important
}

.inner-pages .agent-details .section-title .title-style h2,
.inner-pages .agent-details.no-mb a {
    margin-bottom: 0
}

.inner-pages .featured .compare {
    margin-top: 1.1rem
}

.portfolio .project-head .fa,
.portfolio .project-head .fa-video {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 1rem;
    margin-right: 0;
    line-height: 0
}

.inner-pages .agent-details .button-effect {
    position: absolute;
    text-align: left;
    bottom: 0;
    right: 0;
    z-index: 33;
    background: 0 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    padding: 8px 15px;
    border-radius: 20px 0 0 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin-bottom: .7rem
}

.inner-pages .agent-details .button-effect .btn {
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-right: 15px;
    border-radius: 100%;
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #fff;
    z-index: 99
}

.inner-pages .button.alt,
.inner-pages .homes-tag.sale.rent {
    line-height: 1.5
}

.inner-pages .agent-details .footer a {
    font-size: 13px;
    color: #666
}

.inner-pages .agent-details .footer i {
    color: #666
}

.inner-pages .agent-details .compare .fa-heart-o {
    color: #666
}

@media screen and (max-width:991px) {
    .inner-pages section.portfolio.agent-details {
        padding-top: 2.5rem
    }
}

.inner-pages section.about-us {
    background: #fff;
    padding: 6rem 0
}

.inner-pages .headings {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 51, 100, 0)), to(rgba(32, 51, 100, 0))), url(img/bg-details.jpeg) no-repeat center center;
    background: linear-gradient(rgba(32, 51, 100, 0), rgba(32, 51, 100, 0)), url(img/bg-details.jpeg) no-repeat center center;
    width: 100%;
    height: 35vh
}

.inner-pages .headings h1 {
    margin-top: 7rem;
    font-size: 2rem;
    color: #fff
}

.inner-pages .headings h2,
.inner-pages .headings h2 a {
    text-decoration: none;
    text-transform: capitalize;
    color: #fff;
    font-size: 1rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .headings h2 a:hover {
    color: #23bbbb
}

.inner-pages .about-us h2::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #121b22;
    content: " ";
    width: 97px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:500px) {
    .inner-pages .headings h1 {
        margin-top: 5rem;
        font-size: 1.5rem
    }
}

.inner-pages .about-us .who-1 {
    background: #fff;
    background-size: cover;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 80px;
    left: 0;
    top: 0
}

.inner-pages .about-us .who-1 h2 span {
    color: #23bbbb
}

.inner-pages .about-us .who-1 p {
    color: #666;
    background: #fff;
    font-weight: 400;
    font-family: Lato, sans-serif
}

.inner-pages .services .top-headings-section.se h2 {
    color: #fff
}

.inner-pages .about-us .box.bg-2 a {
    text-decoration: none
}

.inner-pages .about-us .box.bg-2 {
    color: #000!important;
    background: #fff
}

.inner-pages .about-us .box.bg-2 .button:hover {
    color: #fff;
    border-color: #fff
}

.inner-pages .about-us .wprt-image-video .icon-wrap {
    border-radius: 50%;
    background-color: #23bbbb;
    outline: 0;
    width: 60px;
    height: 60px;
    margin: -25px 0 0 -25px;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transition: all ease .238s;
    transition: all ease .238s
}

.inner-pages .about-us .wprt-image-video .icon-wrap:hover {
    background: #121b22
}

.inner-pages .about-us .wprt-image-video .icon-wrap:after {
    color: #fff;
    content: "\f04b";
    font-family: FontAwesome;
    font-size: 22px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 60px;
    text-align: center;
    -webkit-transition: all ease .238s;
    transition: all ease .238s
}

.inner-pages .about-us .wprt-image-video .icon-wrap:hover {
    color: #121b22;
    content: "\f04b";
    font-family: FontAwesome
}

.inner-pages .services-2 .section-title .title-style h2,
.inner-pages .team .section-title .title-style h2 {
    color: #23bbbb
}

.inner-pages .services-2 .title-icon:before,
.inner-pages .team .title-icon:before {
    background: #121b22
}

.inner-pages .services-2 .title-icon:after,
.inner-pages .team .title-icon:after {
    background: #121b22
}

.inner-pages .services-2 .img-1 img {
    margin-bottom: 1rem
}

.inner-pages .services-2 .art-1 {
    color: #121b22
}

main.services-2 {
    background: #edeff1;
    padding: 6rem 0
}

.services-2 .art-1 {
    background: #fff;
    color: #23bbbb;
    text-align: center;
    padding: 2rem;
    border-radius: 5px;
    border: 1px solid #f9f9f9;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.services-2 .art-1:hover {
    cursor: all-scroll
}

.services-2 article .fa {
    font-size: 4rem;
    text-align: center
}

.services-2 article h3 {
    color: #000;
    margin: 1.3rem 0 1rem
}

.services-2 article p {
    color: #555
}

.inner-pages .team-content .team-info {
    background: #121b22
}

@media screen and (max-width:991px) {
    .box.bg-2 img {
        width: 30%
    }
    .inner-pages .about-us .wprt-image-video {
        margin-top: 2.5rem
    }
}

.about-us .who img {
    width: 100%;
    height: 100%
}

@media screen and (max-width:767px) {
    .about-us .who img {
        width: 100%
    }
    .inner-pages .team .jann {
        padding-top: 2.5rem
    }
    .inner-pages .team .kat {
        padding-top: 2.5rem
    }
    .services-2 .serv {
        margin-bottom: 2rem
    }
    .services-2 .serv:last-child {
        margin-bottom: 0
    }
}

.inner-pages section.faq {
    padding: 6rem 0
}

.inner-pages .panel .panel-heading {
    font-size: 1.2rem
}

.inner-pages .panel .panel-heading.no-mb {
    margin-bottom: 0
}

.inner-pages .panel .panel-heading a {
    background: #23bbbb;
    color: #fff;
    display: block;
    padding: 1rem;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .panel .panel-heading a:hover {
    background: #121b22;
    color: #fff
}

.inner-pages .opening-hours.faq {
    margin-top: 0
}

.inner-pages .opening-list.faq ul {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .inner-pages .widget-service-details.faq {
        padding-top: 4rem
    }
    .inner-pages .opening-list ul li:last-child {
        margin-bottom: 0
    }
}

.inner-pages section.pricing-table {
    padding: 6rem 0;
    background: #fff
}

.plan {
    border: 1px solid #dedede
}

.plan-name {
    font-family: Montserrat, sans-serif;
    text-transform: uppercase;
    display: block;
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    padding: 20px 0;
    color: #000
}

.plan-price {
    font-size: 35px;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
    background: #000;
    color: #fff
}

.plan.featured .plan-price {
    background: #121b22
}

.plan.featured .plan-price:after {
    border-top-color: #121b22
}

.plan.featured .plan-name {
    color: #323232
}

.plan.featured .plan-price {
    color: #fff
}

.plan-price .currency {
    top: -.9em;
    font-size: 50%;
    left: -.01em;
    font-weight: 700
}

.plan-name small {
    font-family: Montserrat, sans-serif;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: normal
}

.plan-price sub {
    font-size: 18px;
    font-weight: 700
}

.plan ul {
    background: #fff;
    padding: 0;
    margin-bottom: 0
}

.plan ul li {
    border-top: 1px dashed #dedede;
    padding: 12px 29px;
    font-weight: 500
}

.plan ul li:first-child {
    border-top: 0!important
}

.plan a.btn {
    color: #fff;
    background: #23bbbb;
    border: 0;
    margin: 25px 0;
    padding: 8px 30px
}

.plan a.btn:hover {
    background: #121b22;
    color: #fff
}

@media screen and (max-width:991px) {
    .plan {
        margin-bottom: 40px
    }
    .plan.no-mgb {
        margin-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .plan.yes-mgb {
        margin-bottom: 40px
    }
}

.inner-pages .notfound {
    padding: 6rem 0
}

.inner-pages .top-headings h2 {
    font-size: 10rem;
    color: #23bbbb;
    margin-bottom: 2rem;
    line-height: .73
}

.inner-pages .top-headings h3 {
    font-size: 3rem;
    color: #000;
    margin-bottom: 2rem
}

.inner-pages .top-headings p:last-child {
    font-size: 1.2rem
}

.inner-pages .port-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem
}

.inner-pages .port-info .btn {
    background: #23bbbb;
    color: #fff;
    border: 1px solid #23bbbb;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .port-info .btn:hover {
    background: #121b22;
    color: #fff;
    border: 1px solid #121b22
}

@media screen and (max-width:500px) {
    .inner-pages .top-headings h2 {
        font-size: 7rem
    }
    .inner-pages .top-headings h3 {
        font-size: 2rem;
        margin-bottom: 1rem
    }
    .inner-pages .top-headings p:last-child {
        font-size: 1rem
    }
}

#login .login,
#register .login {
    width: 430px;
    padding: 45px 60px 60px;
    overflow-y: auto;
    background-color: #fff
}

#login {
    background-color: #edeff1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

a.social_bt {
    border-radius: 3px;
    color: #fff;
    min-width: 200px;
    display: block;
    padding: 12px;
    line-height: 1;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

a.social_bt.facebook {
    background-color: #3b5998
}

a.social_bt.google {
    background-color: #dc4e41
}

a.social_bt.linkedin {
    background-color: #0077b5
}

.add_bottom_15,
a.social_bt {
    margin-bottom: 15px
}

a.social_bt {
    text-align: center;
    text-decoration: none
}

a.social_bt.facebook:before {
    content: "\f09a"
}

a.social_bt.google:before {
    content: "\f0d5";
    top: 12px
}

a.social_bt.linkedin:before {
    content: "\f0e1"
}

a.social_bt.facebook:before,
a.social_bt.google:before,
a.social_bt.linkedin:before {
    font-family: FontAwesome;
    position: absolute;
    left: 12px;
    top: 10px;
    font-size: 1.3rem;
    color: #fff
}

#login .divider {
    height: 1px;
    margin: 30px 0 20px;
    text-align: center;
    background-color: #e1e8ed
}

#login .divider span {
    background-color: #fff;
    display: inline-block;
    position: relative;
    top: -20px;
    padding: 10px;
    font-style: italic
}

.add_bottom_30 {
    margin-bottom: 30px
}

#login .float-left {
    float: left!important
}

#login .container_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px
}

#login .container_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#login .container_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border: 1px solid #d2d8dd;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

#login .float-right {
    float: right!important;
    margin-top: 0!important
}

.checkboxes label,
a#forgot {
    color: #666;
    text-decoration: none
}

#login .btn_1.rounded,
a.btn_1.rounded {
    border-radius: 25px!important
}

#login .btn_1.full-width,
a.btn_1.full-width {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    margin-bottom: 5px
}

#login .btn_1,
a.btn_1 {
    border: none;
    background: #23bbbb;
    cursor: pointer;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 3px
}

#login a.btn_1:hover {
    background: #121b22
}

#login .add_top_10 {
    margin-top: 16px
}

#login .text-center {
    text-align: center!important
}

#login strong a {
    text-decoration: none
}

@media screen and (max-width:767px) {
    #login .login,
    #register .login {
        width: 100%
    }
    #login .checkboxes label,
    a#forgot {
        font-size: 13px
    }
}

.headings-7 {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(58, 44, 95, .7)), to(rgba(32, 51, 100, .7))), url(img/coming-soon.jpg) no-repeat center top;
    background: linear-gradient(rgba(58, 44, 95, .7), rgba(32, 51, 100, .7)), url(img/coming-soon.jpg) no-repeat center top;
    color: #fff;
    background-size: cover;
    background-attachment: fixed!important;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headings-7 .text-heading p.sorry {
    text-align: center;
    font-size: 1.3rem;
    margin-top: .8rem
}

.headings-7 .bloq-email {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem
}

.headings-7 .bloq-email .email input[type=email] {
    border: 0;
    padding: .8rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headings-7 .bloq-email .email input[type=submit] {
    border: 0;
    padding: .8rem;
    background: #23bbbb;
    border: 1px solid #fff;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.headings-7 .email input[type=submit]:hover {
    background: #121b22;
    border: 1px solid #fff
}

.font-16 {
    font-size: 16px;
    margin-right: 2rem
}

.font-36 {
    font-size: 36px
}

.headings-8 {
    background: url(img/bg-under.jpg) no-repeat center top;
    color: #fff;
    background-size: cover;
    background-attachment: fixed!important;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.headings-8 .text-heading p.sorry {
    text-align: center;
    font-size: 1.1rem;
    margin-top: .8rem
}

.headings-8 .bloq-email {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem
}

.headings-8 .bloq-email .email input[type=email] {
    border: 0;
    padding: .8rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.headings-8 .bloq-email .email input[type=submit] {
    border: 0;
    padding: .8rem;
    background: #23bbbb;
    border: 1px solid #fff;
    color: #fff;
    text-transform: capitalize;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.headings-8 .email input[type=submit]:hover {
    background: #121b22;
    border: 1px solid #fff
}

.font-16 {
    font-size: 16px
}

.font-36 {
    font-size: 36px
}

.inner-pages section.blog {
    padding: 2rem 0;
    background: #edeff1
}

.inner-pages .blog .blog-list.img-box .social {
    background-color: #121b22;
    position: absolute!important;
    top: 0;
    right: auto;
    overflow: hidden;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 60px
}

.inner-pages .blog .blog-list .social {
    float: right
}

.inner-pages .blog .blog-list .social a,
.inner-pages .blog .social .date {
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 9px 0;
    text-decoration: none
}

.inner-pages .blog .social .fa {
    font-size: 1.5rem
}

.inner-pages .blog .blog-list .social a {
    text-decoration: none;
    background: #121b22;
    color: #fff;
    font-weight: 700
}

.inner-pages .blog .blog-list .social a:hover {
    background: #121b22;
    color: #fff
}

.inner-pages .blog .social .date {
    line-height: 1;
    background-color: #23bbbb;
    font-size: 1.6rem;
    color: #fff;
    padding: 6px 0
}

.inner-pages .blog .social .date span,
.inner-pages .blog .social a span {
    font-weight: 100;
    display: block;
    font-size: 15px
}

.inner-pages .blog .social .date span {
    font-weight: 100;
    display: block;
    font-size: 14px;
    margin-top: 6px;
    text-transform: uppercase
}

.blog .blog-pots a h3 {
    color: #fff
}

.inner-pages .blog .blog-pots .date p {
    color: #fff
}

.inner-pages .space {
    padding: 2.5rem 0
}

.inner-pages .blog .blog-info {
    background: #fff;
    padding: 1.4rem;
    height: 200px;
    overflow-y: scroll;
    margin-bottom: 30px
}

.blog .blog-pots img {
    width: 360px;
    width: 100%;
    opacity: 1;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.blog-pots figure {
    background: #23bbbb;
    margin: 0
}

.blog .blog-pots figure:hover img {
    opacity: .5
}

.blog .blog-pots a {
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.blog .blog-pots a h3 {
    color: #444;
    font-size: 1.3rem;
    text-decoration: none;
    margin: 0
}

@media screen and (max-width:991px) {
    .blog .blog-pots {
        padding-bottom: 0
    }
    .blog .blog-pots:last-child {
        padding-bottom: 0
    }
    .blog .blog-pots.pt3 {
        padding-top: 2.5rem
    }
    .inner-pages .blog .blog-list .social a:last-child {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .blog .blog-pots {
        padding-bottom: 2.5rem
    }
    .blog .blog-pots:last-child {
        padding-bottom: 0
    }
    .inner-pages .blog .space {
        padding: 0!important
    }
    .blog .blog-pots.pt3 {
        padding-top: 0
    }
    .inner-pages .blog .blog-list .social a:last-child {
        padding-top: 9px
    }
}

@media screen and (max-width:400px) {
    .inner-pages .blog .blog-list .social a:last-child {
        padding-top: 2px
    }
    .inner-pages .blog .social .date {
        font-size: 1.5rem
    }
}

.blog .blog-pots .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btn-secondary {
    background: #23bbbb;
    color: #fff;
    border: 0
}

.btn-secondary:hover {
    background: #121b22;
    color: #fff
}

.single-blog-post .img-box {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fff
}

.single-blog-post .img-box img {
    width: 100%;
    height: 290px;
    max-height: 290px
}

.single-blog-post .img-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 152, 239, .8);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.single-blog-post:hover .img-box .overlay {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.single-blog-post .img-box .overlay .box {
    display: table;
    width: 100%;
    height: 100%
}

.single-blog-post .img-box .overlay .box .content {
    display: table-cell;
    vertical-align: middle
}

.single-blog-post .img-box .overlay .box .content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0;
    padding: 0
}

.single-blog-post .img-box .overlay .box .content ul li {
    display: inline-block;
    list-style: none
}

.single-blog-post .img-box .overlay .box .content ul li a .fa {
    color: #121b22;
    font-size: 1.5rem;
    text-align: center;
    background: #fff;
    border: 1px solid #fff;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border-radius: 50%;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.single-blog-post .img-box .overlay .box .content ul li a .fa:hover {
    background: #121b22;
    border-color: #121b22;
    color: #fff
}

.inner-pages .pagination {
    margin-bottom: 0
}

.page-item.active .page-link {
    background: #23bbbb;
    border-color: #23bbbb
}

.page-link {
    color: #23bbbb;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.page-link:hover {
    background: #121b22;
    color: #fff
}

@media screen and (max-width:767px) {
    .blog .blog-pots.no-pb {
        padding-bottom: 0
    }
}

.inner-pages .space2 {
    padding-bottom: 2.5rem
}

@media screen and (max-width:767px) {
    .inner-pages .space3 {
        padding-bottom: 2.5rem
    }
    .inner-pages .widget {
        padding-top: 1rem!important
    }
}

.inner-pages .form-control {
    padding: .7rem;
    border: 1px solid #d8d8d8
}

@media screen and (max-width:767px) {
    .inner-pages .input-group {
        width: 90%
    }
}

@media screen and (max-width:991px) {
    .inner-pages .widget {
        padding-top: 3.5rem
    }
    .inner-pages .blog .recent-main.no-mb p {
        margin-bottom: 0
    }
}

.inner-pages .input-group-btn .fa {
    font-size: 1.8rem;
    cursor: pointer
}

.inner-pages .input-group-btn .btn-primary {
    background: #23bbbb;
    border: 1px solid #23bbbb;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .input-group-btn .btn-primary:hover {
    background: #fff;
    color: #23bbbb
}

.inner-pages .recent-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

@media screen and (max-width:992px) {
    .inner-pages .recent-main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .inner-pages .info-img {
        margin-top: 1rem
    }
}

.inner-pages .recent-img img {
    width: 90px;
    height: 70px;
    margin-right: 1rem
}

.inner-pages .info-img h6 {
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem
}

.inner-pages .info-img a {
    text-decoration: none;
    color: #000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .info-img a:hover {
    color: #23bbbb
}

.inner-pages .recent-post .tags a {
    background: #fff;
    color: #000;
    border: 1px solid #ccc;
    margin-bottom: .7rem;
    margin-left: .2rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .recent-post .tags.no-mb a {
    margin-bottom: 0
}

.inner-pages .recent-post .tags a:hover {
    background: #fff;
    color: #23bbbb;
    border: 1px solid #23bbbb
}

.inner-pages .recent-post ul {
    margin: 0;
    padding: 0
}

.inner-pages .recent-post ul li {
    list-style: none;
    padding: .5rem 0;
    border-bottom: 1px solid #ccc
}

.inner-pages .recent-post ul li:last-child {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.inner-pages .recent-post ul li a {
    text-decoration: none;
    color: #666;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .recent-post ul li a:hover {
    color: #23bbbb
}

.inner-pages .recent-post ul li .fa {
    margin-right: 1rem
}

.inner-pages .recent-post button {
    margin-right: .5rem;
    margin-bottom: .5rem
}

.inner-pages .widget h5::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .blog-info {
    background: #fff
}

.inner-pages .blog-info h3 {
    color: #fff
}

.inner-pages .blog-info p {
    color: #666
}

.inner-pages .blog-info p:last-child {
    margin-bottom: 0
}

.inner-pages .comments-info h5 {
    color: #23bbbb;
    font-weight: 700
}

.inner-pages .comments-info p:last-child {
    font-weight: 400
}

.inner-pages .social-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    background: #f4f4f4;
    margin: 0;
    padding: 0
}

.inner-pages .social-share .fa-facebook {
    color: #3b5998
}

.inner-pages .social-share .fa-twitter {
    color: #1da1f2
}

.inner-pages .social-share .fa-google-plus {
    color: #dd4b39
}

.inner-pages .social-share .fa-youtube {
    color: #000
}

.inner-pages .social-share a {
    color: #23bbbb;
    font-size: 1.5rem;
    margin: 0 .5rem
}

.col-md-10.comments-info {
    padding-left: 0
}

.col-md-10.comments-info p:last-child {
    font-weight: 400
}

.inner-pages .comments h3::after,
.inner-pages .leve-comments h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .commented .comm-inf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.inner-pages .commented img {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin-right: 1.5rem
}

.inner-pages .data form .col-md-12 {
    padding: 0;
    padding-right: 1rem
}

section.leve-comments {
    margin-top: 3rem
}

.inner-pages .leve-comments .btn {
    background: #23bbbb;
    border: 1px solid #23bbbb;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .leve-comments .btn:hover {
    background: #fff;
    color: #121b22;
    border: 1px solid #23bbbb
}

.inner-pages .contact-us {
    padding: 6rem 0
}

.inner-pages .contact-us ul li {
    list-style: none;
    font-weight: 300
}

.inner-pages .contact-us ul {
    margin: 0;
    padding: 0
}

.inner-pages .contact-us .btn {
    background: #23bbbb;
    border: 1px solid #23bbbb;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.inner-pages .contact-us .btn:hover {
    background: #fff;
    color: #121b22;
    border: 1px solid #23bbbb
}

.inner-pages .address-info p:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .inner-pages .offices h3:first-child {
        margin-top: 4rem
    }
}

@media screen and (max-width:500px) {
    .inner-pages .contact-us h3 {
        font-size: 1.1rem!important
    }
}

label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #000
}

form label.error {
    display: block;
    color: red;
    font-size: 14px!important;
    opacity: 1!important
}

.errorform,
.successform {
    display: none;
    height: 70px
}

.errorform span,
.successform span {
    display: block
}

.errorform span p,
.successform span p {
    margin-top: 15px
}

.successform span p {
    color: #01c15a;
    font-size: 2rem
}

.errorform span p {
    color: #c0392b
}

.inner-pages .contact-us h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2rem
}

.inner-pages .offices h3 {
    text-transform: capitalize
}

.inner-pages .offices p {
    font-weight: 300
}

.inner-pages .bgc {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(32, 51, 100, .8)), to(rgba(32, 51, 100, .8))), url(img/bg-testimonials.jpg) no-repeat center center;
    background: linear-gradient(rgba(32, 51, 100, .8), rgba(32, 51, 100, .8)), url(img/bg-testimonials.jpg) no-repeat center center;
    padding: 2rem;
    background-size: cover
}

.inner-pages .request h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

.inner-pages .call-info h3 {
    color: #fff;
    margin-bottom: 2rem
}

.inner-pages .call-info p {
    color: #fff
}

.inner-pages .call-info h3::after {
    display: block;
    height: 3px;
    font-weight: 700;
    background-color: #23bbbb;
    content: " ";
    width: 50px;
    margin-top: .5rem;
    margin-bottom: 1.5rem
}

@media screen and (max-width:991px) {
    .inner-pages .bgc {
        margin-top: 3rem
    }
}

.inner-pages .call-info .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem
}

.inner-pages .call-info .ti {
    margin-bottom: 0
}

.inner-pages .cll:last-child {
    margin-bottom: 0
}

.inner-pages .call-info .info p {
    color: #fff;
    margin: 0;
    margin-left: 1.5rem;
    font-weight: 300
}

.inner-pages .call-info ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.inner-pages .call-info ul li .fa {
    font-size: 1.6rem;
    color: #23bbbb
}

.inner-pages .royal-add-property-area {
    padding: 6rem 0;
    background: #edeff1 none repeat scroll 0 0
}

.inner-pages .royal-complete-order-head {
    margin-bottom: 50px;
    text-align: center
}

.inner-pages .property-form-group {
    padding: 0
}

.inner-pages .royal-complete-order-head h2 {
    color: #333;
    margin-bottom: 10px;
    text-transform: capitalize
}

.inner-pages .single-add-property>h3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: #56c0e0;
    text-transform: capitalize
}

.inner-pages .property-form-group label {
    color: #607d8b;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.inner-pages .property-form-group p input {
    border: 1px solid #ddd;
    height: 40px;
    padding: 10px;
    width: 100%
}

.inner-pages .property-form-group p.no-mb,
.inner-pages .property-form-group p.no-mb input {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .inner-pages .property-form-group p.no-mb,
    .inner-pages .property-form-group p.no-mb input {
        margin-bottom: 20px
    }
    .inner-pages .property-form-group p.no-mb.first input {
        margin-bottom: 20px!important
    }
    .inner-pages .property-form-group p.no-mb input:last-child,
    .inner-pages .property-form-group p.no-mb.last:last-child {
        margin-bottom: 0
    }
}

.inner-pages .property-form-group p textarea {
    border: 1px solid #ddd;
    height: 100px;
    padding: 10px;
    width: 100%
}

.inner-pages .single-add-property {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 30px;
    padding: 20px
}

.inner-pages .property-form-group p,
.property-form-group .dropdown.faq-drop {
    margin-bottom: 20px
}

.property-form-group .dropdown.faq-drop.no-mb {
    margin-bottom: 0
}

@media screen and (max-width:991px) {
    .property-form-group .dropdown.faq-drop.no-mb {
        margin-bottom: 40px
    }
    .property-form-group .dropdown.faq-drop.no-mb.last {
        margin-bottom: 0
    }
}

.inner-pages .property-form-group .dropdown-toggle {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 0;
    color: #999;
    padding: 10px;
    text-align: left;
    width: 100%;
    text-transform: capitalize
}

.inner-pages .property-form-group .dropdown-toggle::after {
    display: none
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open {
    width: 100%;
    padding: 0
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open>li {
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 400;
    padding: 10px 20px;
    text-transform: capitalize;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open>li:last-child {
    border-bottom: 0 solid #ddd
}

.inner-pages .property-form-group .dropdown-menu.faq-drop-open>li:hover {
    background: #f9f9f9
}

.inner-pages .property-form-group .dropdown-toggle i {
    float: right;
    font-size: 20px;
    line-height: 25px
}

.inner-pages .property-form-group .dz-message {
    background: #fff none repeat scroll 0 0;
    border: 2px dashed #1abc9c;
    padding: 50px 20px;
    text-align: center
}

.inner-pages .dz-default i {
    color: #1abc9c;
    display: block;
    font-size: 60px;
    margin-bottom: 30px
}

.inner-pages .dz-default.dz-message>span {
    color: #1abc9c;
    font-size: 20px;
    text-transform: capitalize
}

.inner-pages .dropdown.faq-drop span {
    color: #999;
    margin-left: 5px
}

.inner-pages .pro-feature-add label {
    color: #000;
    font-weight: 500
}

.inner-pages .pro-feature-add input {
    margin-right: 5px
}

.inner-pages .pro-feature-add>li {
    display: inline-block;
    margin: 5px 10px
}

.inner-pages .pro-feature-add .no-mb label,
.inner-pages .pro-feature-add li.no-mb input,
.inner-pages .pro-feature-add>li.no-mb,
.inner-pages ul.pro-feature-add {
    margin-bottom: 0
}

@media screen and (max-width:404px) {
    .inner-pages .pro-feature-add .no-mb label {
        margin-bottom: 20px
    }
    .inner-pages .pro-feature-add .no-mb.last label:last-child {
        margin-bottom: 0
    }
}

.inner-pages .prperty-submit-button>button {
    background: #56c0e0 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    padding: 10px 20px;
    -webkit-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    text-transform: capitalize;
    border: 2px solid #dcdcdc
}

.inner-pages .prperty-submit-button>button:hover {
    background: #121b22 none repeat scroll 0 0
}

.inner-pages .royal-complete-order-head>p {
    font-size: 17px
}

@media screen and (max-width:575px) {
    .inner-pages .property-form-group {
        padding-left: 0;
        padding-right: 0
    }
}

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

#status,
.status-mes {
    background-image: url(img/preloader.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px
}

.status-mes {
    background: 0 0;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%
}

.header-map.google-maps {
    background: #e1e5f1;
    padding: 0;
    height: 755px;
    position: static
}

.header-map.google-maps .container {
    position: static
}

#map-canvas {
    width: 100%;
    height: 755px;
    position: absolute;
    z-index: 0
}

.info-box-img {
    width: 180px;
    margin-right: 20px;
    float: left
}

.info-box p {
    color: #000
}

.header-map.google-maps.horizontal,
.header-map.google-maps.horizontal #map-canvas {
    height: 600px;
    position: static
}

.map-google-wrapper,
.map-leaflet-wrapper {
    position: absolute
}

#map-google,
#map-leaflet {
    width: 100%;
    height: 755px;
    position: absolute;
    z-index: 0
}

.map-pull-top #map-google,
.map-pull-top #map-leaflet {
    margin-top: -180px
}

#map-google.full,
#map-leaflet.full {
    display: table;
    height: 100%;
    width: 100%
}

.map-marker {
    height: 50px;
    width: 50px
}

.leaflet-div-icon,
.map-marker {
    background-color: #23bbbb;
    border: 5px solid #23bbbb;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    z-index: 10
}

.leaflet-div-icon:before,
.map-marker:before {
    border: 4px solid transparent;
    border-width: 10px 8px;
    border-top-color: #23bbbb;
    bottom: -24px;
    height: 0;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 11
}

.leaflet-div-icon:after,
.map-marker:after {
    background-color: #fff;
    border-radius: 50%;
    bottom: 0;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, .3);
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 12
}

.leaflet-div-icon .fa,
.map-marker .fa {
    color: #000;
    font-size: 23px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 13
}

.leaflet-div-icon:hover,
.map-marker:hover {
    top: -2px
}

.map-popup-content-wrapper {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
    display: none;
    left: -100px;
    top: -210px!important;
    position: absolute;
    z-index: 9999
}

.map-popup-content-wrapper:after {
    border: 7px solid transparent;
    border-top-color: #fff;
    bottom: -14px;
    content: '';
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.leaflet-popup-content-wrapper,
.map-popup-content-wrapper {
    border-radius: 0;
    margin: 0;
    padding: 0;
    width: 240px
}

.leaflet-popup-content,
.map-popup-content {
    background-color: #fff;
    height: 243px;
    margin: 0 0 8px 0;
    padding: 0
}

.leaflet-popup-tip {
    width: 17px;
    height: 1px;
    padding: 1px;
    margin: -1px auto 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.leaflet-popup-content a:hover,
.map-popup-content a:hover {
    text-decoration: none
}

.map-popup-content-wrapper .close {
    color: #fff;
    display: block;
    font-size: 11px;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 15px;
    text-shadow: none;
    z-index: 99999
}

.listing-window-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 180px;
    position: relative
}

.listing-window-image:after {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    content: '';
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    visibility: hidden;
    z-index: 100
}

.listing-window-image:before {
    -webkit-font-smoothing: antialiased;
    background-color: #23bbbb;
    border-radius: 50%;
    color: #fff;
    content: '\f002';
    display: block;
    font-family: FontAwesome;
    height: 32px;
    left: 50%;
    line-height: 30px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear;
    visibility: hidden;
    width: 32px;
    z-index: 101
}

.leaflet-popup-content-wrapper:hover .listing-window-image:after,
.leaflet-popup-content-wrapper:hover .listing-window-image:before,
.map-popup-content-wrapper:hover .listing-window-image:after,
.map-popup-content-wrapper:hover .listing-window-image:before {
    opacity: 1;
    visibility: visible
}

.listing-window-content h2,
.listing-window-content h3 {
    display: block;
    color: #323232
}

.listing-window-content h2 {
    display: block;
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.5;
    margin: 8px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-window-content p {
    display: block;
    font-size: 1.1em;
    font-weight: 500;
    color: #000;
    line-height: 1.5;
    margin: 4px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.listing-window-content h3 {
    background-color: #23bbbb;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    left: 15px;
    margin: 0;
    padding: 4px 8px;
    position: absolute;
    top: 15px
}

.marker-cluster-small {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-small div {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-medium {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-medium div {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-large {
    background-color: rgba(0, 152, 239, .6);
    color: #fff;
    font-weight: 700
}

.marker-cluster-large div {
    background-color: rgba(0, 152, 239, .6)
}

.filter {
    min-height: 300px;
    background: #cbd8e3;
    padding-bottom: 40px
}

.filter-header {
    background: #48a0dc
}

.filter .ui-tabs .ui-tabs-panel {
    padding: 50px 0 0 0;
    background: 0 0
}

.filter .ui-tabs .ui-tabs-nav {
    -webkit-box-shadow: none;
    box-shadow: none
}

.filter .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 16px;
    min-width: 100px
}

.filter .ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: #408dc1
}

.filter .ui-tabs .ui-tabs-nav li.ui-state-active a:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-width: 9px 9px 0;
    border-style: solid;
    border-color: #408dc1 transparent;
    display: block;
    width: 0;
    z-index: 1
}

.filter .ui-tabs .ui-tabs-nav li {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background: 0 0
}

.filter label {
    display: block
}

.filter label.label-submit {
    visibility: hidden;
    display: inline-block
}

.filter-item {
    float: left;
    margin-right: 2.6%;
    width: 23%
}

.filter-item-7 {
    width: 31.6%
}

.filter-item-7:nth-child(3) {
    margin-right: 0
}

.filter-item-7:nth-last-child(4) {
    width: 23%
}

.filter-item-7:nth-last-child(3) {
    width: 23%
}

.filter-item-7:nth-last-child(2) {
    width: 23%
}

.filter-item-7:last-child {
    width: 23%;
    margin-right: 0
}

.noUi-horizontal {
    height: 8px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, .09);
    margin-bottom: 53px;
    margin-top: 7px
}

.filter .noUi-horizontal {
    background: #fff
}

.noUi-connect {
    background: #48a0dc;
    -webkit-box-shadow: none;
    box-shadow: none
}

.noUi-horizontal .noUi-handle {
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100%
}

.noUi-horizontal .noUi-handle:after,
.noUi-horizontal .noUi-handle:before {
    content: '';
    display: none
}

.noUi-horizontal .noUi-tooltip {
    bottom: auto;
    top: 23px;
    font-size: 11px;
    background: rgba(0, 0, 0, .05);
    border: none;
    padding: 3px 4px
}

.filter-item .area-filter {
    width: 48.5%;
    float: left
}

.filter-item .area-filter.filter-1 {
    margin-right: 3%!important
}

.area-filter:nth-last-child(2) {
    margin-right: 0
}

.filter-item .button {
    width: 100%!important;
    cursor: pointer;
    color: #fff
}

.filter-with-slider {
    margin-top: -51px;
    color: #fff;
    min-height: auto;
    position: relative;
    z-index: 100;
    background: 0 0
}

.filter-with-slider .tabs.ui-widget {
    background: #408dc1
}

.filter-with-slider .ui-tabs .ui-tabs-panel {
    padding: 20px 20px 0 20px
}

.filter-with-slider .filter-item:nth-last-child(2) {
    margin-right: 0
}

.filter-with-slider label {
    color: #fff
}

.filter-with-slider .noUi-horizontal {
    background: rgba(0, 0, 0, .13)
}

.filter-with-slider .noUi-connect {
    background: #323746
}

.filter-with-slider .noUi-horizontal .noUi-tooltip {
    color: #fff
}

.filter-with-slider .button {
    background: #323746
}

.google-maps .filter {
    padding: 20px;
    margin-top: 40px;
    width: 30%;
    position: relative;
    z-index: 100;
    background: #23bbbb;
    float: right;
    color: #fff
}

.google-maps .fa-search {
    margin-right: .5rem
}

@media screen and (max-width:767px) {
    .google-maps .filter .filter-toggle {
        display: block
    }
    .google-maps .filter h6 {
        margin-bottom: 0
    }
    .google-maps .filter {
        min-height: auto;
        width: 50%;
        text-align: center;
        padding: 0;
        margin-top: 16px;
        position: relative;
        z-index: 20
    }
    .google-maps .filter form {
        text-align: left;
        display: none;
        padding: 15px;
        position: absolute;
        width: 100%;
        background: #23bbbb
    }
    .google-maps .filter .filter-item {
        width: 100%!important
    }
    .google-maps .slider_amount {
        font-size: 14px!important
    }
}

@media screen and (max-width:575px) {
    .google-maps .filter {
        width: 100%
    }
}

@media screen and (max-width:991px) {
    .google-maps .slider_amount {
        font-size: 12px
    }
    .info-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 200px
    }
    .info-box-img {
        width: 100%;
        margin-bottom: 1rem
    }
    .info-box h4 {
        font-size: 1.2rem;
        text-align: center
    }
    .info-box p {
        font-size: 13px;
        text-align: center
    }
    .small {
        font-size: 15px!important;
        text-align: center
    }
}

.google-maps .filter .filter-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    padding: 20px;
    color: #fff;
    font-weight: 700
}

.google-maps .filter-item {
    width: 100%;
    float: none
}

.google-maps .filter-item:nth-last-child(2) input {
    margin-bottom: 0
}

.google-maps .filter-item label {
    font-size: 15px;
    font-weight: 600;
    color: #fff
}

.google-maps .filter-half {
    width: 48.5%;
    margin-right: 3%;
    float: left
}

.google-maps .filter-half-last {
    margin-right: 0
}

.google-maps .noUi-connect {
    background: #323746
}

.google-maps .noUi-horizontal .noUi-tooltip {
    color: #fff
}

.google-maps .filter .button {
    background: #121b22;
    margin-bottom: 5px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.google-maps .filter .button:hover {
    background: #fff;
    color: #000
}

input,
select,
textarea {
    width: 100%;
    padding: 9px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: none;
    font-weight: 400;
    color: #000;
    font-family: Lato, sans-serif;
    background: #fff
}

input[type=file] {
    background: #fff;
    border: none;
    padding: 5px 0 5px 0;
    width: auto;
    display: inline-block
}

.chosen-container {
    margin-bottom: 20px;
    width: 100%!important
}

.chosen-container.chosen-with-drop .chosen-single {
    border: none;
    background: #fff
}

.chosen-container .chosen-single {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 3px;
    background: #fff;
    height: 39px;
    line-height: 39px;
    font-size: 15px
}

.chosen-container .chosen-single div {
    top: 8px;
    right: 6px
}

.chosen-container .chosen-drop {
    border: none
}

.chosen-container .chosen-search {
    padding: 10px
}

.chosen-container .chosen-results {
    padding: 0 10px 10px 10px
}

.chosen-container .chosen-results li.highlighted {
    background: #48a0dc;
    border-radius: 2px
}

input[type=checkbox],
input[type=radio] {
    width: auto;
    margin-right: 5px
}

textarea {
    height: 130px
}

.form-block.border .chosen-container .chosen-drop,
.form-block.border .chosen-container .chosen-single,
input.border,
select.border,
textarea.border {
    border: 1px solid rgba(0, 0, 0, .15)
}

.form-block.border .chosen-container .chosen-results {
    padding-top: 10px
}

.form-block label {
    display: block
}

.form-block label .error {
    color: red;
    font-size: 12px;
    margin-left: 10px
}

.search-form {
    position: relative
}

.search-form button[type=submit] {
    border: none;
    background: 0 0;
    position: absolute;
    right: 13px;
    top: 10px;
    color: #97aab7
}

.button.small {
    padding: 6px 23px 6px 23px;
    font-size: 12px;
    color: #fff;
    background: #23bbbb;
    display: inline-block;
    width: auto;
    border: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.button.small:hover {
    background: #121b22
}

.color-switcher {
    width: 266px;
    position: fixed;
    right: -266px;
    top: 300px;
    z-index: 999;
    padding: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-bottom-right-radius: 4px
}

.color-switcher h5 {
    font-size: 15px;
    margin-top: 0;
    padding: 0 20px 0
}

.color-switcher p {
    font-size: 16px;
    color: #000;
    line-height: 50px;
    margin: 0
}

.color-switcher ul {
    list-style: none;
    padding: 0
}

.color-switcher ul li {
    float: left
}

.color-switcher ul li a {
    display: block;
    width: 40px;
    height: 40px;
    outline: 0;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color: #333
}

.color-switcher ul li a.blue {
    background: #23bbbb
}

.color-switcher ul li a.pink {
    background: #fa2964
}

.color-switcher ul li a.orange {
    background: #f7a13e
}

.color-switcher ul li a.purple {
    background: #3a2c5f
}

.color-switcher ul li a.green {
    background: #18ba60
}

.color-switcher ul li a.red {
    background: #e54242
}

.color-switcher ul li a.cyan {
    background: #1abc9c
}

.color-switcher ul li a.sky-blue {
    background: #00cdcd
}

.color-switcher .gray {
    background: #656565
}

.color-switcher ul li a.brown {
    background: #987654
}

.deflt {
    width: 100%
}

#default {
    width: 100%
}

.color-switcher .black {
    background: #000;
    display: none
}

.color-switcher .white {
    background: #fff;
    display: none
}

.color-switcher .light {
    background: #fff;
    width: 60px;
    color: #000;
    text-align: center;
    float: left;
    border: 1px solid #666;
    margin-top: 15px;
    margin-right: 22px
}

.color-switcher .dark {
    background: #272727;
    width: 60px;
    float: right;
    color: #fff;
    border: 1px solid #666;
    margin-top: 15px
}

.picker_close {
    width: 60px;
    height: 60px;
    position: absolute;
    left: -60px;
    top: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    text-align: center;
    background: #fff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.picker_close i {
    color: #666;
    font-size: 30px;
    line-height: 60px
}

.position {
    right: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.backgrounds,
.choose-footer,
.choose-header,
.layouts,
.theme-colours {
    display: table;
    text-align: left;
    padding-top: 0;
    width: 100%;
    padding: 18px;
    background: #fff;
    padding-top: 0
}

.layouts a {
    display: inline-block;
    text-align: center;
    width: 100%;
    float: left;
    font-size: 10px;
    color: #000;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    padding: 10px 15px
}

.layouts a:hover {
    background: #000;
    color: #fff;
    border-color: #000
}

.styleswitcher {
    position: fixed;
    width: 120px;
    background: #fff;
    color: #595959;
    top: 150px;
    right: -123px;
    z-index: 999
}

.styleswitcher p {
    color: #000!important
}

.styleswitcher.ackapa {
    left: 0
}

.styleswitcher .switch {
    padding-left: 15px;
    padding-bottom: 10px
}

.styleswitcher .switch h5 {
    margin-top: 20px
}

.styleswitcher .switch p {
    margin-top: 10px
}

.stylebutton {
    cursor: pointer;
    position: absolute;
    text-align: center;
    line-height: 40px;
    background: #fff;
    font-size: 20px;
    width: 40px;
    height: 40px;
    top: 0;
    right: -40px
}

.styleswitcher a {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 7px;
    margin-bottom: 10px;
    position: relative;
    z-index: 99999999
}

.color-switcher ul li {
    margin: 3px
}

.color-switcher.position .theme-colours {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

@media screen and (min-width:992px) {
    #main-menu {
        height: auto!important;
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-left: 7rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    #main-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0
    }
    #main-menu ul li a {
        padding: .8rem;
        margin: 0 .3rem;
        border-top: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
    #main-menu ul li a.active {
        color: #fff
    }
    #main-menu ul li a:hover {
        color: #fff;
        background: #23bbbb;
        border-radius: 5px
    }
    .dropdown:hover>.dropdown-menu {
        display: block
    }
    #main-menu .dropdown-menu {
        -webkit-animation: 330ms ease 0s normal none 1 running zoomIn;
        animation: 330ms ease 0s normal none 1 running zoomIn;
        background: #fff none repeat scroll 0 0;
        margin-top: 0
    }
    #main-menu .dropdown-menu a {
        color: #000;
        text-align: left;
        border-top: 0;
        font-size: 15px;
        text-transform: capitalize;
        margin-left: 0;
        text-decoration: none;
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
    #main-menu .dropdown-menu a:hover {
        color: #fff;
        background: #23bbbb;
        text-decoration: none;
        border: 0;
        border-radius: 0
    }
    .search-button {
        margin-left: 4rem;
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    #bloq-search {
        position: absolute;
        width: 20rem;
        right: 17.5rem;
        top: 2.5rem;
        z-index: 99999;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 3rem
    }
    h2 {
        font-size: 1.6rem
    }
    .main-search-field h3 {
        font-size: 1.5rem
    }
    .portfolio .port-item img {
        width: 100%
    }
    .team .team-pro img {
        width: 100%
    }
    .team .team-pro {
        padding-right: 1.1rem;
        padding-left: 1.1rem
    }
    .blog .blog-pots img {
        width: 100%
    }
    .second-footer .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .second-footer .container h3 {
        margin-bottom: .8rem
    }
    .box.bg-3.hed-3 {
        padding-top: 0
    }
    .inner-pages .commented img {
        width: 75px;
        height: 75px;
        border-radius: 50%;
        margin-right: 1.5rem;
        margin-bottom: 1rem
    }
    .inner-pages .offices h2 {
        margin-top: 4rem
    }
    .inner-pages .box.bg-3.mt-5 {
        padding-top: 0
    }
    .parallax-search .welcome-text h1 {
        font-size: 48px
    }
}

@media screen and (max-width:992px) {
    h3 {
        font-size: 1.2rem
    }
    .headings .text-heading p {
        font-size: 1rem
    }
    .header-top .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .top-info {
        margin-bottom: 1rem
    }
    .who-we-are .who img {
        height: 415px
    }
    .blog .blog-pots h3 {
        font-size: 1.2rem
    }
    .portfolio img {
        width: 100%
    }
    .team .team-info .artl {
        padding-bottom: 1.3rem
    }
    .testimonials .test-1 p::before {
        left: 110px
    }
}

@media screen and (max-width:576px) {
    body {
        font-size: 15px
    }
    h1 {
        font-size: 1.6rem
    }
    .section-title h3 {
        font-size: 16px
    }
    .section-title h2 {
        font-size: 30px
    }
    .who-we-are .who img {
        height: 300px
    }
    .counterup .countr p {
        font-size: 2rem
    }
    .testimonials .test-1 p {
        padding: 0 1rem
    }
    .team .team-pro {
        padding-right: 0;
        padding-left: 0
    }
    .inner-pages .services {
        margin: 0
    }
    .inner-pages article.faq h2 {
        font-size: 1.4rem
    }
    .inner-pages .panel .panel-heading a {
        font-size: 1rem
    }
    .first-footer h2 {
        margin-top: 2rem
    }
    .inner-pages .blog .sorting-options h5 {
        font-size: 1.2rem;
        margin-top: 0
    }
    .inner-pages .blog .block-heading .sorting-options {
        margin-top: 0
    }
    .inner-pages .blog .sorting-options h6 {
        font-size: .95rem
    }
    .inner-pages .blog .homes-content.details-2 span {
        font-size: .6rem
    }
    .inner-pages .headings h2,
    .inner-pages .headings h2 a {
        font-size: 1rem
    }
    .inner-pages .contact-us .offices {
        margin-top: 2rem
    }
    .headings-7 .text-heading p.sorry {
        font-size: 1.1rem
    }
    .font-36 {
        font-size: 26px
    }
}

.fixed-height {
    min-height: 280px;
    max-height: 280px
}

.fixed-height-small {
    min-height: 200px
}

.mb-15 {
    margin-bottom: 15px
}

.page-type {
    background: #fff;
    padding: 50px 30px;
    border: 1px solid #8080806b;
    border-radius: 5px
}

.expand-content>p,
.one_line_col>p,
.one_line_col>ul,
.rental-aggreement>ol,
.rental-aggreement>p {
    font-size: 15px;
    font-weight: 300
}

.heading .logo img {
    width: 300px;
    margin: auto;
    margin-left: 13px;
}

.content {
    padding-top: 30px
}

.testimonials blockquote {
    background: #f8f8f8 none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative
}

.testimonials blockquote::before {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-bottom: 20px solid #fff;
    border-right: 0 solid transparent;
    border-left: 15px solid transparent;
    border-left-style: inset;
    border-bottom-style: inset
}

.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #e63f0c transparent transparent transparent
}

.testimonials .carousel-info span {
    display: block
}

.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 18px;
    font-weight: 500;
    margin: 23px 0 7px
}

.rating {
    color: #a9a9a9;
    margin: 0;
    padding: 0
}

ul.rating {
    display: inline-block
}

.rating li {
    list-style-type: none;
    display: inline-block;
    padding: 1px;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    font-size: 20px
}

.rating .filled {
    color: #ff4500
}

.clear {
    margin-top: 20px
}

.modal-dialog-slideout {
    min-height: 100%;
    margin: 0 0 0 auto;
    background: #fff
}

.modal.fade .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(100%, 0) scale(1);
    transform: translate(100%, 0) scale(1)
}

.modal.fade.show .modal-dialog.modal-dialog-slideout {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    display: flex;
    align-items: stretch;
    -webkit-box-align: stretch;
    height: 100%
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
    overflow-y: auto;
    overflow-x: hidden
}

.modal-dialog-slideout .modal-content {
    border: 0
}

.modal-dialog-slideout .modal-footer,
.modal-dialog-slideout .modal-header {
    height: 69px;
    display: block
}

.modal-dialog-slideout .modal-header h5 {
    float: left
}

.hide {
    display: none!important
}

.btn-white {
    background-color: #b6d4f9;
    border-radius: 0;
    border-right: 2px solid #fff;
    font-size: 15px;
    font-weight: 800;
    margin-top: 15px
}

.last-grouped {
    border-right: 0!important
}

.d-flex {
    border-bottom: 1px solid #0096f2;
    margin-top: -15px
}

.no-m-t {
    margin-top: 0!important
}

.m-h-500 {
    max-height: 500px
}

.label-primary {
    color: #fff;
    background: #4caf50db;
    padding: 3px 8px;
    border-radius: 20px;
    font-size: 14px;
    font-style: oblique;
    font-weight: 800
}

.detailspd {
    padding-top: 17px;
    padding-bottom: 0
}

.bg-white {
    background: #fff!important
}

.no-style-list {
    list-style: none
}

.large-modal-content {
    width: 100%
}

.masonry-column {
    padding: 0 1px
}

.masonry-grid>div .thumbnail {
    margin: 5px 1px
}

@media (min-width:576px) {
    .card-columns {
        -webkit-column-count: 2!important;
        -moz-column-count: 2!important;
        column-count: 2!important;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem
    }
    .col-sm-4 {
        float: left
    }
}

.card {
    background-color: #9e9e9e0d;
    border-radius: 0;
    padding: 10px;
    border: .5px solid #8080801f
}

.big-label {
    font-size: 12px;
    border-radius: 7px;
    font-weight: 100!important;
    padding: 3px 10px;
    color: #686868!important;
    text-transform: initial!important
}

.Condo {
    background: #4caf50
}

.Condominium {
    background: #23bbbb
}

.House {
    background: #ffc200
}

.price-label {
    padding: 10px;
    font-size: 19px
}

.soft-hide {
    display: none
}

.alert-success {
    background-color: #f7fbf5!important;
    border-color: #00b71e;
    color: #00b52c
}

.alert-success {
    background-color: #f7fbf56b!important;
    border-color: #00b71e;
    color: #00b52c;
    border-radius: 0!important
}

.alert-danger {
    background-color: #f3eeee!important;
    border-color: #ebcccc;
    color: #a94442;
    border-radius: 0!important
}

.table td,
.table th {
    padding: .35rem!important
}

.p-10 {
    padding: 10px
}

.text-underline {
    text-decoration: underline
}

.mt-5 {
    margin-top: 5rem
}

.block-tilte {
    font-size: 1rem!important
}

.block-box {
    padding: 15px 10px!important
}

.duration {
    width: 360px!important
}

.propertiesdropdown {
    width: 200px!important
}

.location {
    width: 165px!important
}

.input-group-prepend {
    position: absolute;
    margin-left: 10px;
    margin-top: 23px;
    z-index: 2
}

.input-group-prepend i {
    color: #757575;
    font-size: 1.2rem;
    margin-top: 7px;
    margin-right: 10px
}

.custom-selectbox {
    margin: 0;
    height: 80px;
    line-height: 80px;
    padding: 0 15px 0 36px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #757575;
    font-weight: 100;
    font-size: 16px;
    border: 0 solid #c5c5c5
}

.p-rl-0 {
    padding-right: 0;
    padding-left: 0
}

.p-l-0 {
    padding-left: 0
}

.inlineform {
    padding: 10px;
    background: #e91e63
}

@media (min-width:990px) {
    .container {
        width: 1200px;
        max-width: 100%
    }
    .pr-big-0 {
        padding-right: 0
    }
}

.text-white {
    color: #fff!important
}

.button-menu {
    margin-left: auto
}

.button-booking {
    color: #fff;
    background-color: #1565c0;
    border: 4px solid #b6bcc1;
    border-radius: 4px !important;
    cursor: pointer;
    margin: 14px 0 10px 10px !important;
    height :52px !important;
}


.simple-search {
    padding: 30px 0 0 0
}

.small-as-icon {
    width: 65px!important
}

@media (min-width:320px) {
    #portfolio,
    #recently {
        height: 345vh
    }
    .plan-price {
        font-size: 16px
    }
}

@media (min-width:481px) {
    #portfolio,
    #recently {
        height: 345vh
    }
    .plan-price {
        font-size: 17px
    }
}

@media (min-width:641px) {
    #portfolio,
    #recently {
        height: 145vh
    }
    .plan-price {
        font-size: 18px
    }
}

@media (min-width:800px) {
    #portfolio,
    #recently {
        height: 400vh
    }
    .plan-price {
        font-size: 19px
    }
}

@media (min-width:961px) {
    #portfolio,
    #recently {
        height: 77vh
    }
    .plan-price {
        font-size: 20px
    }
}

@media (min-width:1025px) {
    #portfolio,
    #recently {
        height: 170vh
    }
}

@media (min-width:1281px) {
    #portfolio,
    #recently {
        height: 70vh
    }
}

.hidden {
    display: none!important
}

.special-h3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    margin-top: 20px;
    color: #56c0e0;
    text-transform: uppercase!important
}

.payment-logo {
    width: 200px
}

.image-order {
    width: 80px;
    height: 80px;
    float: left;
    border: 2px solid #37c298;
    margin-right: 10px
}

a {
    color: #4e4e4e;
    text-decoration: none
}

.title {
    color: #fff
}

span.stars,
span.stars span {
    display: block;
    background: url(img/stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px
}

span.stars span {
    background-position: 0 0
}

.alignright {
    float: right
}

.btn-info {
    background-color: #ff680b;
    border-color: #e91e63
}

.tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0
}

.tags li {
    float: left
}

.tag {
    background: #ff680b;
    border-radius: 3px 0 0 3px;
    color: #fff;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 20px 0 23px;
    position: relative;
    margin: 0 10px 10px 0;
    text-decoration: none;
    -webkit-transition: color .2s
}

.tag::before {
    background: #23bbbb;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, .25);
    content: '';
    height: 6px;
    left: 10px;
    position: absolute;
    width: 6px;
    top: 10px
}

.tag::after {
    background: #2b8bb1;
    border-bottom: 13px solid transparent;
    border-left: 10px solid #ff680b;
    border-top: 13px solid transparent;
    content: '';
    position: absolute;
    right: 0;
    top: 0
}

.tag:hover {
    background-color: #dc143c;
    color: #fff
}

.featured-green {
    background: #4caf50!important
}

.tag:hover::after {
    border-left-color: #dc143c
}

.paint {
    font-family: paint!important
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 1rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

section.team {
    padding: 6rem 0;
    background: #f6f6f6
}

.team .sec-title {
    margin-left: 1rem
}

.team .sec-title h2 span {
    font-weight: 600;
    color: #111
}

.team .sec-title h2 {
    color: #274abb;
    margin-bottom: .5rem
}

.team .team-all {
    padding: 0;
    margin: 0
}

.team-wrap {
    padding-bottom: 80px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.team-img {
    position: relative;
    z-index: 9
}

.team-img img {
    width: 100%
}

.team-content {
    height: 80px;
    width: 100%;
    bottom: 0;
    border: 1px solid #ccc;
    position: absolute;
    text-align: center;
    overflow: hidden;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 9;
    background: #fff
}

.team-wrap:hover .team-content {
    height: 150px
}

.team-info {
    background: #fff;
    padding: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.team-wrap:hover .team-content .team-info {
    background: #fff
}

.team-content h3 {
    text-transform: capitalize;
    margin-bottom: 0;
    color: #444;
    font-size: 16px
}

.team-content p {
    color: #666;
    font-style: italic;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px
}

.team-content ul {
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s
}

.team-wrap:hover .team-content ul {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .4s, -webkit-transform .6s;
    transition: opacity .4s, -webkit-transform .6s;
    transition: transform .6s, opacity .4s;
    transition: transform .6s, opacity .4s, -webkit-transform .6s;
    margin-bottom: 10px
}

.team-content ul li {
    opacity: 0;
    padding: .3rem 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -webkit-transition: opacity .1s, -webkit-transform .6s;
    transition: opacity .1s, -webkit-transform .6s;
    transition: transform .6s, opacity .1s;
    transition: transform .6s, opacity .1s, -webkit-transform .6s;
    display: inline-block
}

.team-wrap:hover .team-content ul li {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.team-wrap:hover .team-content ul li:nth-child(1) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.team-wrap:hover .team-content ul li:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.team-wrap:hover .team-content ul li:nth-child(3) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.team-wrap:hover .team-content ul li:nth-child(4) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.team-wrap:hover .team-content ul li:nth-child(5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.team-socials ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team-content span a {
    color: #000;
    -webkit-transition: all 1s;
    transition: all 1s;
    position: relative;
    text-transform: uppercase;
    font-size: 12px
}

.team-wrap:hover .team-content span a {
    bottom: 6px
}

.team-content span a:hover {
    color: #121b22
}

.team .team-pro ul {
    padding: 0;
    margin: 0
}

.team .team-pro ul li {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team .team-pro .fa {
    font-size: 1.2rem;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin: 0 .5rem;
    width: 2.1rem;
    height: 2.1rem;
    line-height: 2.1rem
}

.team .team-all.padding {
    padding-bottom: 2.5rem
}

@media screen and (max-width:991px) {
    .team .team-pro {
        padding-bottom: 2.5rem
    }
    .team .team-pro:last-child {
        padding-bottom: 0
    }
    .team .pb-none {
        padding-bottom: 0
    }
    .team .team-all.padding {
        padding-bottom: 0
    }
}

@media screen and (max-width:767px) {
    .team .pb-none {
        padding-bottom: 2.5rem
    }
}

.team .team-pro .fa.fa-facebook {
    background: #3b5998
}

.team .team-pro .fa.fa-twitter {
    background: #1da1f2
}

.team .team-pro .fa.fa-instagram {
    background: #e1306c
}

@media (min-width:961px) {
    .r-t-l {
        border-top-left-radius: 10px!important;
    }
    .r-t-r {
        border-top-right-radius: 10px!important;
    }
    .r-b-l {
        border-bottom-left-radius: 10px!important;
    }
    .r-b-r {
        border-bottom-right-radius: 10px!important;
    }
}

@media screen and (max-width:991px) {
    .custom-selectbox {
        margin: 0;
        height: 50px!important;
        line-height: 50px!important;
        padding: 0 5px 0 30px!important;
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #757575;
        font-weight: 100;
        font-size: 16px!important;
        border: 0 solid #c5c5c5;
    }
    .input-group-prepend {
        position: absolute;
        margin-left: 8px!important;
        margin-top: 8px!important;
        z-index: 2;
    }
    .parallax-search .form-group .btn,
    .special-search {
        height: 50px!important;
        line-height: 50px!important;
    }
    .parallax-search .form-group .btn,
    .special-search {
        height: 50px!important;
        line-height: 50px!important;
    }
    .pr-small-3 {
        padding-right: 3px!important;
    }
    .pl-small-3 {
        padding-left: 3px!important;
    }
}

.cursor-pointer {
    cursor: pointer;
}