@charset 'UTF-8';

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */



.logo,
.logo img {
    will-change: all
}

*,
.btn,
.form-control {
    -webkit-appearance: none
}

.btn, .gfield-choice-input {
-webkit-appearance: button !important;
}

.btn,
.home-slider mark,
.jcf-file {
    white-space: nowrap
}

.btn,
.slick-slider {
    -moz-user-select: none
}

.btn,
.content h1,
.footer,
.menu-holder,
.social,
blockquote,
 {
    text-align: center
}

.clearfix:after,
.container-fluid:after,
.container:after,
.row:after,
.slick-track:after,
.wp-caption {
    clear: both
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    transition: color .2s, background .2s;
    text-decoration: none;
    background: 0 0
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

sub,
sup {
    font-size: 75%;
    line-height: 0
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

hr {
    box-sizing: content-box;
    height: 0
}

pre,
textarea {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    margin: 0;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button
}

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

.btn,
.jcf-file,
.jcf-file input {
    cursor: pointer
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    opacity: 1;
    width: 16px!important;
    height: 16px!important;
}

input[type=file] {
    opacity: 1
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    box-sizing: content-box;
    -webkit-appearance: textfield
}

*,
.container,
:after,
:before {
    box-sizing: border-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}



ol,
ul {
    list-style: none
}

ul.bullets {
    list-style: disc;
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

.clearfix:after {
    display: block;
    content: ''
}



[class*=' icon-']:before,
[class^=icon-]:before {
    font-family: fontello;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: 1em;
    display: inline-block;
    width: 1em;
    margin-right: .2em;
    margin-left: .2em;
    text-align: center;
    text-decoration: inherit;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



.icon-gplus:before {
    content: '\e800'
}

.icon-linkedin:before {
    content: '\e801'
}

.icon-facebook:before {
    content: '\e802'
}

.icon-twitter:before {
    content: '\e803'
}

.gallery-item dt {
    float: none;
    padding: 0
}

.wp-caption {
    max-width: 98%;
    padding: 5px;
    border: 1px solid #ccc
}

.wp-caption img {
    vertical-align: top
}

.wp-caption p {
    margin: 10px 0 0
}



.wpcf7-form .form-group>span {
    display: block;
    overflow: hidden
}

.wpcf7-form .form-group .wpcf7-not-valid-tip {
    display: none!important
}



.form-control,
:invalid {
    box-shadow: none
}

.logo a {
    display: block;
    height: 100%
}

.logo img {
    display: inline
}

.top-header {
    height: calc(32% - 30px);
    min-height: 115px;
    background-color: #ececec
}

.bot-header {
    height: calc(68% - 30px);
    min-height: 190px
}

.menu-holder {
    z-index: 5;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100vh;
    background-color: #fff
}

.bottom-footer,
.btn,
.content dl,
.footer,
.footer .phone-block,
.form-group,
.no-scroll,
.no-scroll body,
.ovh,
.wpcf7-form .form-group>span,
div.wpcf7 {
    overflow: hidden
}

.menu-holder nav {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.menu-holder nav li {
    padding: 7px 0
}

.menu-holder nav li.lock a {
    position: relative;
    display: inline-block;
    padding-left: 16px
}

.menu-holder nav li.lock a:before {
    position: absolute;
    top: 45%;
    left: 0;
    width: 10px;
    height: 13px;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../../svg/lock.svg) 0 0/cover no-repeat
}

.menu-holder nav a {
    font: 14px/20px "Fira Sans", sans-serif
}

.menu-holder nav.sub-nav li {
    padding: 3px 0
}

.menu-holder nav.sub-nav a {
    font-size: 10px
}

.menu-holder .btn {
    line-height: 36px;
    width: 100%;
    height: 60px;
    margin: 0;
    padding-right: 12px;
    padding-left: 12px;
    border-radius: 0
}

.btn-menu {
    position: relative;
    z-index: 6;
    width: 40px;
    height: 43px
}

.btn-menu span,
.btn-menu:after,
.btn-menu:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 2px;
    content: '';
    transition: .5s -webkit-transform, .5s margin-top;
    transition: .5s transform, .5s margin-top;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #343434
}

.btn-menu:after {
    margin-top: 5px
}

.btn-menu:before {
    margin-top: -5px
}

.btn-menu.active span {
    -webkit-transform: translateY(-50%) rotateY(90deg);
    transform: translateY(-50%) rotateY(90deg)
}

.btn-menu.active:after {
    margin-top: 0;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.btn-menu.active:before {
    margin-top: 0;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}



.btn,
.container,
img {
    max-width: 100%
}



.apply-holder .btn,
{
    text-transform: uppercase
}

a,
mark {
    color: #48b8e6
}



img {
    background-color: transparent
}



:-moz-submit-invalid {
    box-shadow: none
}

:-moz-ui-invalid {
    box-shadow: none
}

::-ms-clear {
    display: none
}

.btn,
.home-slider mark span {
    display: inline-block;
    vertical-align: top
}

button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=file]>input[type=button]::-moz-focus-inner {
    border: none
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition: background-color 5000s ease-in-out 0s
}

input:-webkit-autofill {
    color: inherit
}

dd {
    overflow: hidden
}



address {
    font-style: normal
}

time {
    font-family: "Fira Sans", sans-serif;
    font-size: 1.125em;
    color: #767676
}



a,
strong {
    font-family: "Fira Sans", sans-serif
}

strong {
    font-weight: 400
}

mark {
    background: 0 0
}






.form-control,
.jcf-file .jcf-fake-input {
    font: 14px/24px "Fira Sans", sans-serif
}

.form-group {
    position: relative;
    margin: 0 0 19px
}

.form-control {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 6px 15px 8px;
    transition: border-color .2s;
    color: #151515;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #fff;
    background-image: none
}

.content ul,
figure {
    margin-bottom: 22px
}

.form-control:focus {
    border-color: #767676
}

.form-control.error,
.form-control.error:focus,
.form-control.wpcf7-not-valid,
.form-control.wpcf7-not-valid:focus {
    border-color: #f24841!important
}

.form-control::-moz-placeholder {
    font-family: "Fira Sans"light, sans-serif;
    font-size: 16px;
    opacity: 1;
    color: #767676
}

.form-control:-ms-input-placeholder {
    font-family: "Fira Sans"light, sans-serif;
    font-size: 16px;
    color: #767676
}

.form-control::-webkit-input-placeholder {
    font-family: "Fira Sans"light, sans-serif;
    font-size: 16px;
    color: #767676
}

html *:focus::-webkit-input-placeholder {
    color: transparent!important
}

html *:focus:-moz-placeholder {
    color: transparent!important
}

html *:focus::-moz-placeholder {
    color: transparent!important
}

html *:focus:-ms-input-placeholder {
    color: transparent!important
}

html *:focus.placeholder {
    color: transparent!important
}

.form-group>textarea {
    float: left;
    width: 100%
}

textarea.form-control {
    height: 191px;
    resize: none
}

label {
    font: 18px/22px 'Merriweather', serif;
    display: block;
    margin: 0 0 10px;
    color: #151515
}

.content ul li {
    line-height: 22px;
    position: relative;
    text-indent: 10px;
    color: #151515
}

.content ul li:before {
    position: absolute;
    top: 9px;
    left: 0;
    width: 3px;
    height: 3px;
    content: '';
    border-radius: 50%;
    background-color: #151515
}

.content table td,
.content table th {
    padding: 10px;
    border: 1px solid #151515
}

ol {
    list-style: decimal inside
}

ol li {
    line-height: 22px;
    text-indent: 35px;
    color: #767676
}

blockquote {
    max-width: 780px;
    margin: 0 auto 22px;
    padding: 25px 16px 0
}

blockquote p,
blockquote q {
    font: italic 12px/20px "Fira Sans", sans-serif;
    position: relative;
    display: block;
    margin: 0 0 10px;
    color: #151515
}

blockquote cite,
blockquote strong {
    font: 14px/30px "Fira Sans", sans-serif;
    display: block;
    color: #151515
}

blockquote cite small,
blockquote strong small {
    font: 12px/30px "Fira Sans"light, sans-serif
}

.content blockquote {
    margin-bottom: 0;
    padding-bottom: 22px;
    text-align: left;
    border-left: 2px solid #48b8e6
}

.content blockquote cite {
    font-style: italic
}

.content dl {
    margin-bottom: 22px
}

.content dl dt {
    font-weight: 700;
    float: left
}

.content dl dt:after {
    content: ' : '
}

.content ol ol,
.content ol ol ol,
.content ol ol ol ol,
.content ol ol ol ol ol,
.content ol ol ol ol ul,
.content ol ol ol ul,
.content ol ol ol ul ol,
.content ol ol ol ul ul,
.content ol ol ul,
.content ol ol ul ol,
.content ol ol ul ol ol,
.content ol ol ul ol ul,
.content ol ol ul ul,
.content ol ol ul ul ol,
.content ol ol ul ul ul,
.content ol ul,
.content ol ul ol,
.content ol ul ol ol,
.content ol ul ol ol ol,
.content ol ul ol ol ul,
.content ol ul ol ul,
.content ol ul ol ul ol,
.content ol ul ol ul ul,
.content ol ul ul,
.content ol ul ul ol,
.content ol ul ul ol ol,
.content ol ul ul ol ul,
.content ol ul ul ul,
.content ol ul ul ul ol,
.content ol ul ul ul ul,
.content ul ol,
.content ul ol ol,
.content ul ol ol ol,
.content ul ol ol ol ol,
.content ul ol ol ol ul,
.content ul ol ol ul,
.content ul ol ol ul ol,
.content ul ol ol ul ul,
.content ul ol ul,
.content ul ol ul ol,
.content ul ol ul ol ol,
.content ul ol ul ol ul,
.content ul ol ul ul,
.content ul ol ul ul ol,
.content ul ol ul ul ul,
.content ul ul,
.content ul ul ol,
.content ul ul ol ol,
.content ul ul ol ol ol,
.content ul ul ol ol ul,
.content ul ul ol ul,
.content ul ul ol ul ol,
.content ul ul ol ul ul,
.content ul ul ul,
.content ul ul ul ol,
.content ul ul ul ol ol,
.content ul ul ul ol ul,
.content ul ul ul ul,
.content ul ul ul ul ol,
.content ul ul ul ul ul {
    padding-left: 1em
}

.wpcf7-form .form-group span {
    display: block
}

.wpcf7-form .form-group .wpcf7-not-valid-tip {
    font-size: 13px;
    line-height: 16px;
    clear: both;
    width: 100%;
    padding-top: 10px;
    text-align: left;
    color: #f24841
}

.wpcf7-form p {
    margin: 0
}

.wpcf7-form textarea {
    float: left
}

.wpcf7-form .ajax-loader {
    display: none!important
}

.wpcf7-form .wpcf7-response-output {
    max-width: 768px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 10px;
    text-align: center;
    border: 1px solid
}

.wpcf7-form .wpcf7-validation-errors {
    color: #f24841;
    border-color: #f24841;
    background: #fde9e8
}

.wpcf7-form .wpcf7-mail-sent-ok {
    color: #3fb82f;
    border-color: #3fb82f;
    background: #b6ebaf
}

div.wpcf7 .wpcf7-response-output {
    max-width: 380px;
    margin-top: 0!important;
    margin-right: auto;
    margin-left: auto
}

.screen-reader-response {
    display: none
}

.comment-form label.error {
    font: 12px/24px "Fira Sans"light, sans-serif;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none!important;
    color: #f24841!important
}

.slick-dots {
    font-size: 0;
    line-height: 0;
    position: absolute;
    bottom: 14px;
    left: 50%;
    max-width: 90%;
    margin-bottom: 0!important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    letter-spacing: 0
}

.slick-dots li {
    line-height: 0!important;
    display: inline-block;
    margin: 0 4px;
    vertical-align: top;
    text-indent: 0
}

.slick-dots li:before,
video::-internal-media-controls-download-button {
    display: none
}

.slick-dots li.slick-active button {
    background-color: #48b8e6
}

.slick-dots button {
    width: 6px;
    height: 6px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #fff
}

video::-webkit-media-controls-enclosure {
    overflow: hidden
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px)
}

.jcf-file {
    position: relative;
    display: inline-block;
    max-width: 100%;
    background: #fff
}

.jcf-file .jcf-real-element {
    font-size: 200px;
    position: absolute;
    top: 0;
    right: 0;
    height: 200px;
    margin: 0
}

.jcf-file .jcf-fake-input,
.jcf-file .jcf-upload-button {
    height: 40px;
    padding: 6px 15px 8px;
    transition: border-color .2s;
    border: 1px solid #c6c6c6;
    background-color: #fff;
    background-image: none;
    display: inline-block;
    color: #151515;
    box-shadow: none;
    -webkit-appearance: none;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: top
}

.jcf-file .jcf-fake-input {
    font-size: 13px;
    line-height: 28px;
    min-width: 55%;
    max-width: 50%;
    margin: 0;
    text-overflow: ellipsis;
    border-radius: 4px 0 0 4px
}

.jcf-file .jcf-upload-button {
    font: 14px/24px "Fira Sans", sans-serif;
    line-height: 28px;
    margin: 0 0 0 -1px;
    border-radius: 0 4px 4px 0
}

.jcf-list .jcf-option,
.jcf-select {
    font: 14px/22px "Fira Sans", sans-serif
}

.jcf-scrollable-wrapper {
    position: relative;
    box-sizing: content-box
}

.jcf-scrollbar-vertical {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 14px;
    background: #e3e3e3
}

.jcf-scrollbar-vertical .jcf-scrollbar-dec,
.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background: #bbb
}

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0
}

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    width: 14px;
    height: 1px;
    background: #888
}

.jcf-scrollbar-horizontal {
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 14px;
    background: #e3e3e3
}

.jcf-scrollbar-horizontal .jcf-scrollbar-dec,
.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: inline-block;
    overflow: hidden;
    width: 14px;
    height: 14px;
    vertical-align: top;
    background: #bbb
}

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    right: 0;
    left: auto
}

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    position: relative;
    display: inline-block;
    height: 14px
}

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    height: 14px;
    background: #888
}

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec,
.jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3
}

.jcf-select {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 50px;
    height: 40px;
    padding: 8px 14px;
    text-align: left;
    vertical-align: top;
    color: #151515;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none
}

.jcf-select.jcf-drop-active {
    border-radius: 4px 4px 0 0
}

.jcf-select.jcf-drop-active.jcf-drop-flipped {
    border-radius: 0 0 4px 4px
}

.jcf-select.error,
.jcf-select.error:focus,
.jcf-select.wpcf7-not-valid,
.jcf-select.wpcf7-not-valid:focus {
    border-color: #f24841!important
}

.jcf-select select {
    z-index: 1;
    top: 0;
    left: 0
}

.jcf-select .jcf-select-text {
    display: block;
    overflow: hidden;
    margin-right: 30px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jcf-select .jcf-select-opener {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 51px;
    text-align: center
}

.jcf-select .jcf-select-opener:after {
    position: absolute;
    top: 44%;
    left: 50%;
    width: 10px;
    height: 10px;
    content: '';
    -webkit-transform: translate(-65%, -50%) rotate(-45deg);
    transform: translate(-65%, -50%) rotate(-45deg);
    border-bottom: 1px solid #151515;
    border-left: 1px solid #151515
}

body>.jcf-select-drop {
    position: absolute;
    z-index: 9999;
    margin: -1px 0 0
}

body>.jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0
}

.jcf-select .jcf-select-drop {
    position: absolute;
    z-index: 9999;
    top: 100%;
    right: -1px;
    left: -1px;
    margin-top: 0
}

.jcf-list,
.wrapper {
    position: relative;
    width: 100%
}

.jcf-select .jcf-drop-flipped {
    top: auto;
    bottom: 100%
}

.jcf-select.jcf-compact-multiple {
    max-width: 220px
}

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: '...'
}

.jcf-select-drop .jcf-select-drop-content {
    overflow: hidden;
    border: 1px solid #767676;
    border-radius: 0 0 4px 4px
}

.jcf-select-drop.jcf-drop-flipped .jcf-select-drop-content {
    border-radius: 4px 4px 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: 0 0
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    color: #000;
    background: #e6e6e6
}

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    width: 8px;
    height: 4px;
    margin: -7px 5px 0 -3px;
    content: '';
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 3px solid #777;
    border-width: 0 0 3px 3px;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod=\'auto expand\')'
}

.jcf-list-box {
    display: inline-block;
    overflow: hidden;
    min-width: 100px;
    border: 1px solid #c6c6c6;
    border-radius: 4px
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    background: #fff
}

.jcf-list .jcf-list-content {
    display: inline-block;
    overflow: auto;
    width: 100%;
    vertical-align: top
}

.jcf-list ul {
    margin: 0;
    padding: 10px 0;
    list-style: none
}

.jcf-list ul li {
    display: block;
    overflow: hidden
}

.jcf-list .jcf-overflow {
    overflow: auto
}

.apply-holder,
.loading,
.popups,
.slick-list,
.wrapper {
    overflow: hidden
}

.jcf-list .jcf-option {
    display: block;
    overflow: hidden;
    height: 1%;
    min-height: 14px;
    padding: 5px 35px 5px 20px;
    color: #151515
}

body,
html {
    height: 100%
}

.jcf-list .jcf-hover.jcf-selected,
.jcf-list .jcf-selected {
    color: #fff;
    background-color: #48b8e6
}

.jcf-list .jcf-hover {
    background-color: #c6c6c6
}

.jcf-list .jcf-disabled {
    color: #aaa!important;
    background: #fff!important
}

.jcf-list .jcf-optgroup-caption {
    font-weight: 700;
    display: block;
    padding: 5px 9px;
    white-space: nowrap;
    color: #000
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-disabled {
    background: #ddd!important
}

.jcf-focus,
.jcf-focus * {
    border-color: #767676!important
}

body {
    font: 12px/18px "Fira Sans"light, sans-serif;
    min-width: 320px;
    color: #151515
}

.wrapper {
    
}



.hid {
    display: none
}

.apply-holder {
    margin-bottom: 9px;
    padding: 0 16px;
    text-align: center
}

.popups {
    position: absolute;
    top: -9999px;
    left: -9999px;
    height: 0
}

.more {
    font-size: 18px;
    display: block;
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    text-decoration: none!important
}

.more:hover {
    text-decoration: underline!important
}

.hotw .text-holder { background: #F2F5E5; }
.hotw .pitch { background: #B0C85B; color: #fff; font-weight: bold; }

.pending,
.pending-big,
.sold,
.sold-big {
    position: relative
}

.pending-big:after,
.pending:after,
.sold-big:after,
.sold:after {
    position: absolute;
    z-index: 234;
    top: -5px;
    left: -5px;
    width: 110px;
    height: 109px;
    content: '';
    background: url(../../svg/pending_1.svg) 50% 50%/contain no-repeat
}

.pending-big:after,
.sold-big:after {
    width: 132px;
    height: 131px
}

.first-inner-img,
.list-community .img {
    background-position: 50% 50%;
    background-size: cover
}

.sold-big:after,
.sold:after {
    background-image: url(../../svg/Sold.svg)
}

.noresults {
    text-align: center
}

.loading {
    position: relative
}

.loading:after,
.loading:before {
    position: absolute;
    content: ''
}

.loading:after {
    z-index: 555;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5)
}

.loading:before {
    z-index: 556;
    top: -100px;
    bottom: -100px;
    left: 50%;
    width: 70px;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    -webkit-animation: loader 3s ease-in-out infinite;
    animation: loader 3s ease-in-out infinite;
    opacity: .5;
    background-color: #48b8e6
}

.form_response {
    padding: 20px 0;
    text-align: center
}

.form_response p {
    margin: 0
}

.gform_wrapper .top_label li.gfield.gf_left_half:before {
    display: none
}

.gform_wrapper ul li {
    text-indent: 0!important
}

.gform_wrapper input[type=text] {
    padding: 12px 20px 14px!important;
    color: #151515;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #fff
}

.gform_wrapper .gf_step {
    width: 29%!important;
    opacity: 1!important
}

.gform_wrapper .gf_page_steps {
    margin-bottom: 20px;
    padding: 0 0 16px;
    border-bottom: 1px dotted #ccc
}

.gf_step_active .gf_step_number {
    display: block!important;
    width: 40px;
    height: 40px;
    margin: 0 auto 13px!important;
    padding: 10px 0 0;
    text-align: center;
    color: #fff;
    border-color: #48b8e6;
    border-radius: 50%;
    background-color: #48b8e6
}

.gf_step_active .gf_step_label {
    font-size: 16px;
    font-weight: 700;
    display: block!important;
    text-align: center;
    color: #48b8e6
}

.slick-list,
.slick-slider,
.slick-track {
    display: block;
    position: relative
}

.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_year {
    width: 33%!important;
    max-width: 33%!important;
    margin-top: 0!important;
    margin-right: .5rem
}

.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_month input,
.gform_wrapper .gfield_date_year input {
    width: 100%!important
}

.gform_wrapper .gfield_date_year {
    margin-right: 0
}

.gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label {
    width: 3rem;
    text-align: left
}

body .gform_wrapper .ginput_complex .address_zip {
    width: 101%;
    padding-right: 0!important
}

.gform_wrapper {
    max-width: 900px!important;
    margin: 0 auto!important
}

.gform_page_footer .button {
    font-size: 22px;
    font-weight: 700;
    padding: 12px 30px;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-radius: 4px;
    background-color: #48b8e6
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.first-inner-img {
    height: 400px
}

.map {
    padding-top: 125%;
    text-align: center
}

.map .info-window {
    font: 12px/18px "Fira Sans", sans-serif;
    position: relative;
    width: 100%;
    max-width: 330px;
    padding: 24px;
    color: #151515
}

.map .info-window:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-bottom: 11px;
    content: '';
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-width: 13px 9px 0;
    border-style: solid;
    border-color: #fff transparent transparent
}

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

.map .info-holder {
    padding: 10px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 14px 14px 9px rgba(0, 0, 0, .14)
}

.map .info-holder .btn {
    font-size: 12px;
    line-height: 1.45;
    max-width: 133px;
    height: 30px;
    margin-bottom: 0;
    padding: 6px;
    text-transform: capitalize
}

.map .info-holder address {
    font-style: normal
}

.map .info-holder p {
    margin-bottom: 7px
}

.map .info-holder h4 {
    font: 700 14px/20px "Fira Sans", sans-serif;
    margin-bottom: 0;
    padding: 0 5px;
    cursor: pointer;
    text-decoration: underline;
    text-transform: capitalize;
    color: #48b8e6
}

.map .info-holder h4.active {
    text-decoration: none
}

.map .bodyContent {
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    width: 293px;
    max-width: 100%;
    padding: 0 25px 0 35px
}

.map .firstHeading {
    width: 293px;
    max-width: 100%;
    margin-bottom: 10px;
    padding: 10px 25px 0 35px
}

.list-community {
    font-size: 0;
    line-height: 0;
    margin-bottom: 20px;
    text-align: center;
    letter-spacing: 0
}



.list-community .small .info-holder {
    text-align: center
}

.list-community .small .info-holder .nums {
    text-align: right
}

.list-community .small .info-holder .btn {
    margin-right: 25px;
    margin-left: 25px
}

.list-community .slider-community {
    width: 100%;
}

.list-community .slider-community>div {
    display: none;
}

.list-community .slider-community>div:first-child {
    display: block
}

.list-community .img {
    padding-top: 58.5%;
    background-repeat: no-repeat
}

.list-community .text-holder {
    overflow: hidden;
    padding: 10px 15px;
    border: 1px solid #eee;
   
    margin-bottom: 20px;
}

.list-community h4 {
    font-size: 20px;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
    color: #151515
}

.list-community p {
    margin-bottom: 0px;
    color: #c00;
}

.list-community header {
    margin-bottom: 8px;
    border-bottom: 1px solid #c6c6c6
}

.list-community .info-holder {
    font-size: 12px;
    overflow: hidden;
    text-align: right
}

.list-community .info-holder .left {
    float: left;
    max-width: 51%;
    margin-bottom: 20px;
    padding-top: 12px;
    text-align: left
}

.list-community .info-holder p {
    margin-bottom: 0
}

.list-community .info-holder .square {
    font: 16px/20px "Fira Sans", sans-serif;
    margin-bottom: 26px;
    text-transform: uppercase;
    color: #151515
}

.list-community .info-holder .price {
    font: 24px/40px "Fira Sans", sans-serif;
    color: #151515
}

.list-community .info-holder .nums {
    font: 16px/28px "Fira Sans", sans-serif;
    margin-bottom: 22px;
    color: #151515
}

.list-community .info-holder .nums li {
    display: inline-block;
    margin-left: 18px;
    vertical-align: top
}

.list-community .info-holder .nums li:before {
    display: inline-block;
    width: 27px;
    height: 28px;
    margin-right: 10px;
    content: '';
    vertical-align: baseline;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: contain
}

.list-community .info-holder .nums li.bath:before {
    background-image: url(../slice/svg/baths.svg)
}

.list-community .info-holder .nums li.beds:before {
    background-image: url(../slice/svg/beds.svg)
}

.opener-holder .img {
    padding-top: 125%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.opener-holder .img .text-holder {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 19px 21px 17px;
    text-align: center;
    color: #fff;
    background-color: rgba(41, 41, 41, .7);
    box-shadow: 0 0 21px rgba(0, 0, 0, .04)
}

.opener-holder .img .text-holder h2 {
    margin-bottom: 16px
}

.opener-holder .img .text-holder .btn {
    margin-bottom: 0
}

.opener-holder .hidden-block {
    display: none;
    padding: 30px 0;
    text-align: center
}

.opener-holder .hidden-block h5 {
    font: 14px/20px "Fira Sans", sans-serif;
    max-width: 585px;
    margin: 0 auto 41px;
    padding: 0 16px
}

.opener-holder .hidden-block h3 {
    color: #48b8e6;
    margin-top: 40px;
    margin-bottom: 0px;
}

.opener-holder .content {
    max-width: 782px;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}

.opener-holder .content h3 {
    color: #151515
}

.map {
    display: none;
    margin-bottom: 30px
}

.apply-properties {
    display: block;
    width: 210px;
    margin: 0 auto 30px
}

.search-form {
    margin: 0 0 25px;
    padding: 20px 0;
    background-color: #f6f6f6
}

.search-form label {
    font-size: 18px;
    margin: 0 0 10px
}

.search-form .btn {
    font-size: 20px;
    
    width: 148px;
    height: 50px;
    margin: 30px auto 0 auto;
    padding: 0;
    border-radius: 4px
}

.properties .heading {
    overflow: hidden;
    margin-bottom: 25px;
    border-bottom: 1px solid #c6c6c6
}

.properties .heading h3 {
    font: 24px/27px "Fira Sans", sans-serif
}

.properties .heading label {
    font: 18px/40px 'Merriweather', serif;
    margin: 0
}

.properties .heading .sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.properties .heading .box {
    width: 220px
}

.properties .heading .ico-map {
    display: block;
    overflow: hidden;
    width: 40px;
    height: 40px;
    margin-top: 40px;
    text-indent: -9999px;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background: url(../../svg/ico-map.svg) 50% 9px/30px 26px no-repeat;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.properties .heading .ico-map.active,
.properties .heading .ico-map:hover {
    border-color: #e8e8e8;
    background-color: #e8e8e8
}

.filter-tags {
    margin-bottom: 15px
}

.filter-tags span {
    font: 13px/17px "Fira Sans", sans-serif;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 6px 35px 6px 10px;
    vertical-align: top;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    background-color: #f6f6f6
}

.filter-tags .delete {
    position: absolute;
    top: 9px;
    right: 13px;
    width: 11px;
    height: 11px;
    cursor: pointer
}

.filter-tags .delete:after,
.filter-tags .delete:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 1px;
    content: '';
    transition: background-color .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    background-color: #151515
}

.filter-tags .delete:before {
    right: 1px;
    left: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.filter-tags .delete:hover:after,
.filter-tags .delete:hover:before {
    background-color: #c6c6c6
}

.quickmove {
    margin-bottom: 30px;
}



.content .text-holder {
    padding: 19px 21px 17px;
    text-align: center;
    color: #fff;
    background-color: rgba(41, 41, 41, .7);
    box-shadow: 0 0 21px rgba(0, 0, 0, .04)
}

.content .text-holder h2,
h1.rent {
    margin-bottom: 16px
}

.content .text-holder .btn {
    margin-bottom: 0
}



@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body,
    html {
        height: 100%
    }
    html {
        overflow: hidden
    }
    body {
        overflow: auto
    }
}

@media (min-width:640px) {
    .container {
        width: 100%
    }
    .tab-1,
    .tab-10,
    .tab-11,
    .tab-12,
    .tab-2,
    .tab-3,
    .tab-4,
    .tab-5,
    .tab-6,
    .tab-7,
    .tab-8,
    .tab-9 {
        float: left
    }
    .tab-1 {
        width: 8.33333%
    }
    .tab-2 {
        width: 16.66667%
    }
    .tab-3 {
        width: 25%
    }
    .tab-4 {
        width: 33.33333%
    }
    .tab-5 {
        width: 41.66667%
    }
    .tab-6 {
        width: 50%
    }
    .tab-7 {
        width: 58.33333%
    }
    .tab-8 {
        width: 66.66667%
    }
    .tab-9 {
        width: 75%
    }
    .tab-10 {
        width: 83.33333%
    }
    .tab-11 {
        width: 91.66667%
    }
    .tab-12 {
        width: 100%
    }
}

@media screen and (min-width:640px) {
    .footer .phone-block .img {
        float: left;
        width: 50%
    }
    .content ul li:before {
        top: 10px
    }
    .map {
        max-width: 1140px;
        margin: 0 auto 26px
    }
    
    .opener-holder .img {
        padding-top: 33.9%
    }
    .map {
        margin-bottom: 30px;
        padding-top: 39.21%
    }
    .search-form {
        font-size: 0;
        line-height: 0;
        margin: 0 -10px 25px
    }
    .search-form .form-group {
        display: inline-block;
        width: 50%;
        padding: 0 10px
    }
    
}

@media (min-width:768px) {
    .container {
        width: 100%
    }
    .lap-1,
    .lap-10,
    .lap-11,
    .lap-12,
    .lap-2,
    .lap-3,
    .lap-4,
    .lap-5,
    .lap-6,
    .lap-7,
    .lap-8,
    .lap-9 {
        float: left
    }
    .lap-1 {
        width: 8.33333%
    }
    .lap-2 {
        width: 16.66667%
    }
    .lap-3 {
        width: 25%
    }
    .lap-4 {
        width: 33.33333%
    }
    .lap-5 {
        width: 41.66667%
    }
    .lap-6 {
        width: 50%
    }
    .lap-7 {
        width: 58.33333%
    }
    .lap-8 {
        width: 66.66667%
    }
    .lap-9 {
        width: 75%
    }
    .lap-10 {
        width: 83.33333%
    }
    .lap-11 {
        width: 91.66667%
    }
    .lap-12 {
        width: 100%
    }
    .content ul,
    p {
        margin-bottom: 28px
    }
}

@media screen and (min-width:768px) {
    div.wpcf7 .wpcf7-response-output {
        max-width: 750px
    }
    .map .info-holder {
        padding: 10px 30px
    }
    .search-form .form-group {
        width: 33%
    }
    .properties .heading {
        padding-bottom: 25px
    }
    .properties .heading .sort {
        float: right;
        margin-bottom: 0;
        margin-left: 15px
    }
    .properties .heading label {
        float: left;
        width: 65px
    }
    .properties .heading .jcf-select {
        float: left;
        width: 204px
    }
    .properties .heading .box {
        width: 285px
    }
    .properties .heading h3 {
        line-height: 40px;
        overflow: hidden;
        margin-bottom: 0
    }
    .properties .heading .ico-map {
        margin-top: 0
    }
    .filter-tags span {
        font-size: 14px;
        padding: 8px 50px 8px 14px
    }
    .filter-tags .delete {
        top: 10px
    }
}

@media screen and (min-width:768px) and (min-width:1200px) {
    .properties .heading .jcf-select {
        font: 14px/22px "Fira Sans", sans-serif;
        height: 40px;
        padding: 8px 15px
    }
}

@media screen and (min-width:768px) and (min-width:1800px) {
    .properties .heading .jcf-select {
        font: 14px/22px "Fira Sans", sans-serif;
        height: 40px;
        padding: 8px 15px
    }
}

@media (min-width:1025px) {
    .container {
        width: 960px
    }
    .desk-1,
    .desk-10,
    .desk-11,
    .desk-12,
    .desk-2,
    .desk-3,
    .desk-4,
    .desk-5,
    .desk-6,
    .desk-7,
    .desk-8,
    .desk-9 {
        float: left
    }
    .desk-1 {
        width: 8.33333%
    }
    .desk-2 {
        width: 16.66667%
    }
    .desk-3 {
        width: 25%
    }
    .desk-4 {
        width: 33.33333%
    }
    .desk-5 {
        width: 41.66667%
    }
    .desk-6 {
        width: 50%
    }
    .desk-7 {
        width: 58.33333%
    }
    .desk-8 {
        width: 66.66667%
    }
    .desk-9 {
        width: 75%
    }
    .desk-10 {
        width: 83.33333%
    }
    .desk-11 {
        width: 91.66667%
    }
    .desk-12 {
        width: 100%
    }
}

@media screen and (min-width:1025px) {
    .content ul li,
    ol li {
        line-height: 26px
    }
    .container {
        width: 1172px
    }
    .content {
        max-width: 1172px;
        padding: 39px 16px 19px
    }
    .content.opener-holder {
        max-width: inherit;
        padding: 0 0 40px
    }
    .content h1 {
        margin-bottom: 42px;
        text-transform: none
    }
    h1 {
        font-size: 50px;
        font-weight: 400;
        line-height: 52px
    }
    h2 {
        font-size: 38px;
        line-height: 40px;
        margin-bottom: 32px
    }
    h3 {
        font-size: 20px;
        line-height: 24px
    }
    .btn.big {
        font-size: 30px;
        padding: 22px 50px 24px
    }
    .content ul li {
        text-indent: 20px
    }
    .content ul li:before {
        top: 12px
    }
    blockquote p,
    blockquote q {
        font: italic 14px/24px "Fira Sans", sans-serif;
        margin: 0 0 22px
    }
    blockquote cite,
    blockquote strong {
        font: 18px/30px "Fira Sans", sans-serif;
        text-align: right
    }
    blockquote cite small,
    blockquote strong small {
        font: 14px/30px "Fira Sans"light, sans-serif
    }
    div.wpcf7 .wpcf7-response-output {
        position: relative;
        top: -45px
    }
    body {
        font: 16px/24px "Fira Sans"light, sans-serif
    }
    .form_response {
        padding: 40px 0
    }
    .map .info-holder {
        padding: 11px 20px
    }
    .opener-holder .img .text-holder {
        padding: 20px 70px 19px
    }
    .opener-holder .img .text-holder .btn {
        float: right
    }
    .opener-holder .img .text-holder h2 {
        font-size: 25px;
        line-height: 44px;
        display: inline-block;
        margin-bottom: 0;
        margin-left: 165px;
        vertical-align: top
    }
    .opener-holder .hidden-block {
        padding: 45px 0
    }
    .opener-holder .hidden-block h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 58px
    }
    .search-form .form-group {
        width: 20%;
        padding-right: 8px;
        padding-left: 8px
    }
    .quickmove {
        margin-bottom: 60px
    }
    .content .text-holder {
        padding: 20px
    }
}

@media (min-width:1200px) {
    .footer,
    .social {
        text-align: left
    }
    .bottom-footer p,
    .footer .social-block,
    .footer-nav,
    .lg-1,
    .lg-10,
    .lg-11,
    .lg-12,
    .lg-2,
    .lg-3,
    .lg-4,
    .lg-5,
    .lg-6,
    .lg-7,
    .lg-8,
    .lg-9 {
        float: left
    }
    .container {
        width: 1202px
    }
    .lg-1 {
        width: 8.33333%
    }
    .lg-2 {
        width: 16.66667%
    }
    .lg-3 {
        width: 25%
    }
    .lg-4 {
        width: 33.33333%
    }
    .lg-5 {
        width: 41.66667%
    }
    .lg-6 {
        width: 50%
    }
    .lg-7 {
        width: 58.33333%
    }
    .lg-8 {
        width: 66.66667%
    }
    .lg-9 {
        width: 75%
    }
    .lg-10 {
        width: 83.33333%
    }
    .lg-11 {
        width: 91.66667%
    }
    .lg-12 {
        width: 100%
    }
    .header {
        padding: 0 40px
    }
    .btn-menu {
        display: none
    }
    .menu-holder {
        position: static;
        display: block!important;
        overflow: visible;
        height: auto!important
    }
    .menu-holder nav ul,
    .top-footer {
        overflow: hidden
    }
    .menu-holder nav {
        top: 0;
        width: 748px;
        margin: 0 auto;
        padding-left: 70px;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .menu-holder nav a {
        font: 12px/20px "Fira Sans", sans-serif
    }
    .menu-holder nav a:hover {
        color: #48b8e6
    }
    .menu-holder nav li {
        float: left;
        margin-right: 39px;
        padding-bottom: 4px
    }
    .menu-holder nav li.lock a:before {
        vertical-align: baseline
    }
    .menu-holder nav.sub-nav li {
        margin-right: 40px;
        padding: 0 0 1px
    }
    .menu-holder .btn {
        line-height: 30px;
        position: absolute;
        right: 70px;
        bottom: 0;
        width: 177px;
        height: 52px
    }
    .bot-header,
    .top-header {
        height: auto;
        min-height: 0
    }
    .top-header {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }
    .bot-header {
        padding-top: 42px
    }
    .logo {
        left: 12.5vw;
        width: 244px;
        height: 135px;
        background-size: 195px 105px
    }
    .wrapper {
        
    }
    .footer {
        padding: 26px 70px 0
    }
    .footer h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 14px;
        margin-bottom: 25px
    }
    .footer-nav {
        font-size: 0;
        line-height: 0;
        width: 51.6%;
        margin-bottom: 2px
    }
    .footer-nav li {
        display: inline-block;
        width: 166px;
        margin: 0 30px 26px 0;
        vertical-align: top
    }
    .footer-nav a {
        font: 12px/14px "Fira Sans", sans-serif
    }
    .footer .social-block h3 {
        margin-bottom: 22px
    }
    .social {
        margin-bottom: 25px
    }
    .social li {
        margin: 0 21px 0 0
    }
    .social li:before {
        display: none
    }
    .footer .phone-block {
        font-size: 18px
    }
    .footer .phone-block h3 {
        line-height: 19px;
        margin-bottom: 18px
    }
    .footer .phone-block .img {
        margin-right: 19px;
        text-align: center
    }
    .footer .phone-block img {
        width: 65px;
        height: 67px
    }
    .bottom-footer {
        margin: 0 -70px;
        padding: 15px 90px
    }
    .bottom-footer p {
        margin-bottom: 0
    }
    .bottom-footer .sub-footer-nav {
        float: right
    }
    .bottom-footer .sub-footer-nav li {
        float: left;
        margin: 0 0 0 32px
    }
}

@media screen and (min-width:1200px) {
    .footer .btn.green {
        margin-top: 22px
    }
    h4 {
        font: 24px/28px "Fira Sans", sans-serif
    }
    h5 {
        font: 20px/30px 'Merriweather', serif
    }
    h6 {
        font: 700 20px/24px 'Merriweather', serif
    }
    .home-slider mark {
        font-size: 1.8em;
        text-indent: 0
    }
    .home-slider mark span {
        font-size: 1.1em;
        margin: -10px 0 0;
        text-indent: 0
    }
    .btn.small {
        line-height: 35px;
        height: 50px;
        padding-right: 18px;
        padding-left: 18px
    }
    .form-control,
    .jcf-file .jcf-fake-input,
    .jcf-file .jcf-upload-button {
        padding: 12px 20px 14px
    }
    .form-control {
        font: 18px/22px "Fira Sans", sans-serif;
        height: 50px
    }
    label {
        font-size: 20px;
        margin-bottom: 16px
    }
    .slick-dots {
        bottom: 24px
    }
    .slick-dots li {
        margin: 0 5px
    }
    .slick-dots button {
        width: 8px;
        height: 8px
    }
    .jcf-file .jcf-fake-input,
    .jcf-file .jcf-upload-button,
    .jcf-select {
        height: 50px;
        font: 18px/22px "Fira Sans", sans-serif
    }
    .jcf-select {
        padding: 11px 19px
    }
    .jcf-select .jcf-select-opener:after {
        top: 50%;
        width: 11px;
        height: 11px;
        -webkit-transform: translate(-70%, -70%) rotate(-45deg);
        transform: translate(-70%, -70%) rotate(-45deg)
    }
    .jcf-list .jcf-option {
        font: 18px/22px "Fira Sans", sans-serif
    }
    .jcf-select-drop.jcf-select-sort .jcf-list .jcf-option {
        font: 14px/22px "Fira Sans", sans-serif
    }
}

@media (min-width:1500px) {
    .footer .phone-block,
    .footer h3 {
        font-size: 20px
    }
    .wrapper {
        
    }
    .footer {
        padding: 39px 190px 0
    }
    .footer h3 {
        margin-bottom: 22px
    }
    .footer .phone-block .img {
        width: 53%;
        margin-right: 25px
    }
    .footer .phone-block img {
        width: 82px;
        height: 84px
    }
    .social-block {
        padding-top: 3px
    }
    .social-block li {
        margin-right: 26px
    }
    .social-block li svg {
        max-height: 22px
    }
    .footer-nav {
        margin-right: -10px;
        margin-bottom: 13px;
        padding-left: 4px
    }
    .footer-nav li {
        width: 230px;
        margin: 0 30px 25px 0
    }
    .footer-nav a {
        font: 14px/16px "Fira Sans", sans-serif
    }
    .bottom-footer {
        font-size: 12px;
        margin: 0 -190px;
        padding: 15px 196px
    }
    .bottom-footer p {
        float: left;
        margin-bottom: 0
    }
    .bottom-footer .sub-footer-nav {
        font-size: 12px;
        float: right
    }
    .bottom-footer .sub-footer-nav li {
        float: left;
        margin: 0 0 0 42px
    }
}

@media screen and (min-width:1500px) {
    .container {
        width: 1562px
    }
    .content {
        max-width: 1562px;
        padding-top: 62px
    }
    .content.opener-holder {
        padding: 0 0 50px
    }
    .content h1 {
        margin-bottom: 70px
    }
    .home-slider mark {
        font-size: 1.6em;
        margin-left: 3px
    }
    .home-slider mark span {
        margin: -16px 0 0
    }
    .apply-holder {
        margin-bottom: 20px
    }
    .map {
        max-width: 1530px
    }
    .map-holder h1,
    .map-holder h4 {
        margin-bottom: 40px
    }
    
    .list-community h4 {
        font-size: 20px
    }
    .map {
        margin-bottom: 78px;
        padding-top: 39.21%
    }
    .properties {
        padding-top: 30px
    }
    .properties .heading {
        margin-bottom: 28px;
        padding-bottom: 19px
    }
    .properties .heading .box {
        margin-right: 74px
    }
    .properties .heading h3 {
        margin-top: 7px
    }
    .filter-tags {
        margin-bottom: 65px
    }
    .filter-tags span {
        margin-right: 26px
    }
    .list-community {
        margin-bottom: 32px
    }
    .quickmove {
        margin-bottom: 93px
    }
    .content .text-holder {
        padding: 20px 70px 19px
    }
    .content .text-holder .btn {
        float: right
    }
    .content .text-holder h2,
    h1.rent {
        font-size: 38px;
        line-height: 52px;
        display: inline-block;
        margin-bottom: 0;
        margin-left: 165px;
        vertical-align: top
    }
}

@media screen and (min-width:1574px) {
    .search-form {
        margin-right: 0;
        margin-bottom: 56px;
        margin-left: 0;
        padding-top: 46px;
        padding-bottom: 36px
    }
    .search-form form {
        margin-right: -22px;
        margin-left: -22px
    }
    .search-form label {
        margin-bottom: 13px
    }
    .search-form .form-group {
        padding-right: 22px;
        padding-left: 22px
    }
    .search-form .form-group:nth-child(1),
    .search-form .form-group:nth-child(3) {
        width: 254px
    }
    .search-form .form-group:nth-child(2),
    .search-form .form-group:nth-child(4) {
        width: 330px
    }
    .search-form .form-group:nth-child(5),
    .search-form .form-group:nth-child(6) {
        width: 217px
    }
    .search-form .btn {
        float: right;
        margin: 35px 22px 0 0
    }
}

@media (min-width:1800px) {
    .header {
        padding: 0 50px
    }
    .menu-holder nav {
        width: 1025px;
        padding-left: 90px
    }
    .menu-holder nav li {
        margin-right: 50px
    }
    .menu-holder nav li a {
        font-size: 16px
    }
    .menu-holder nav li.lock a:before {
        vertical-align: middle
    }
    .menu-holder nav.sub-nav li {
        margin-right: 38px;
        padding: 7px 0 10px
    }
    .menu-holder nav.sub-nav li a {
        font-size: 12px
    }
    .menu-holder .btn {
        font-size: 24px;
        line-height: 50px;
        right: 326px;
        width: 200px;
        height: 72px
    }
    .bot-header {
        padding-top: 69px;
        padding-bottom: 9px
    }
    .logo {
        left: 16.7vw;
        width: 346px;
        height: 191px;
        background-size: 278px 148px
    }
}

@media screen and (min-width:1800px) {
    h2 {
        font-size: 50px;
        line-height: 52px
    }
    h3 {
        font-size: 24px;
        line-height: 30px
    }
    .btn.small {
        font-size: 20px;
        line-height: 40px;
        height: 56px;
        padding-right: 20px;
        padding-left: 20px
    }
    .form-control,
    .jcf-file .jcf-fake-input {
        padding: 17px 20px 15px
    }
    .form-control {
        font: 20px/22px "Fira Sans", sans-serif;
        height: 56px
    }
    label {
        font-size: 24px
    }
    .slick-dots {
        bottom: 28px
    }
    .slick-dots li {
        margin: 0 6px
    }
    .slick-dots button {
        width: 10px;
        height: 10px
    }
    .jcf-file .jcf-fake-input,
    .jcf-file .jcf-upload-button,
    .jcf-select {
        height: 56px;
        font: 20px/22px "Fira Sans", sans-serif
    }
    .jcf-file .jcf-upload-button {
        padding: 17px 19px 15px
    }
    .jcf-select {
        padding: 16px 50px 15px 20px
    }
    .jcf-select .jcf-select-text {
        margin-right: 0
    }
    .jcf-list .jcf-option {
        font: 20px/22px "Fira Sans", sans-serif
    }
    .list-community .info-holder .btn {
        font-size: 18px;
        line-height: 34px;
        height: auto;
        padding-right: 18px;
        padding-left: 18px
    }
    .opener-holder .img .text-holder {
        padding: 47px 326px
    }
    .opener-holder .img .text-holder h2 {
        font-size: 40px;
        line-height: 48px;
        margin-left: 156px;
        word-spacing: -2px
    }
    .opener-holder .hidden-block {
        padding: 72px 0
    }
    .opener-holder .hidden-block h5 {
        font-size: 18px;
        line-height: 28px;
        max-width: 800px;
        margin-bottom: 47px
    }
    .opener-holder .hidden-block h3 {
        margin-bottom: 31px
    }
    .jcf-select-drop.jcf-select-sort .jcf-list .jcf-option {
        font: 14px/22px "Fira Sans", sans-serif
    }
    .search-form .btn {
        height: 56px
    }
    .content .text-holder {
        padding: 47px 70px
    }
    .content .text-holder h2,
    h1.rent {
        font-size: 50px;
        line-height: 48px;
        margin-left: 156px;
        word-spacing: -2px
    }
}

@media (max-width:1500px) {
    
}

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