*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

html * {
    -webkit-font-smoothing: antialiased!important;
    -moz-osx-font-smoothing: grayscale
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button
}

*::-webkit-input-placeholder {
    color: rgba(0, 4, 68, .3)
}

input,
textarea,
keygen,
select,
button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0
}

input:focus,
textarea:focus,
keygen:focus,
select:focus,
button:focus {
    outline: none
}

li {
    list-style: none
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

a {
    color: #303330;
    text-decoration: none
}

a:hover {
    color: rgba(48, 51, 48, .86)
}

.container {
    max-width: 1176px;
    margin: auto;
    padding: 0 18px
}

.container .inner {
    display: block;
    overflow: hidden
}

.pd-top-bottom-block {
    padding-top: 60px;
    padding-bottom: 60px
}

.pd-top-60 {
    padding-top: 60px!important
}

.pd-bot-60 {
    padding-bottom: 60px!important
}

.mgr-t-10 {
    margin-top: 10px
}

.mgr-t-20 {
    margin-top: 20px
}

.mgr-t-30 {
    margin-top: 30px
}

.mgr-t-40 {
    margin-top: 40px
}

.mgr-t-50 {
    margin-top: 50px
}

.mgr-t-60 {
    margin-top: 60px
}

.mgr-bt-60 {
    margin-bottom: 60px
}

.col-2 {
    width: 16.67%
}

.col-4 {
    width: 33.33%
}

.col-6 {
    width: 50%
}

.col-8 {
    width: 66.67%
}

.col-12 {
    width: 100%
}

@media only screen and (max-width:1024px) {
    .pd-top-bottom-block {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

body {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    color: #444c59;
    font-weight: 400;
    background: rgba(243, 244, 247, .5)!important
}

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

.heading-01 {
    font-size: 40px;
    font-weight: 500
}

.heading-02 {
    font-size: 30px;
    font-weight: 500
}

.heading-03 {
    font-size: 24px;
    font-weight: 500
}

.heading-04 {
    font-size: 20px;
    font-weight: 500
}

.block-browser {
    border-top: solid 1px rgba(131, 131, 131, .2);
    padding: 40px 0
}

.block-browser .heading-03 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
    display: block;
    float: left;
    width: 100%
}

.block-browser .detail-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.block-browser .detail-block .col-link {
    width: 20%
}

.block-browser .detail-block .col-link li {
    height: 30px;
    line-height: 30px;
    padding-right: 20px
}

.block-browser .detail-block .col-link li a {
    font-size: 12px;
    display: inline-block;
    width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #337588
}

@media only screen and (max-width:1024px) {
    .block-browser {
        margin: 0 18px
    }
}

@media only screen and (max-width:768px) {
    .block-browser {
        display: none!important
    }
}

.btn-ultra {
    height: 55px!important;
    line-height: 55px!important
}

.btn-large {
    height: 50px!important;
    line-height: 50px!important
}

.btn-medium {
    height: 40px!important;
    line-height: 40px!important
}

.btn-small {
    height: 32px!important;
    line-height: 32px!important
}

.btn-login {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    border: 0;
    padding: 0 20px;
    background: transparent;
    white-space: nowrap
}

.btn-login:focus {
    outline: none
}

.btn-facebook {
    color: #fff;
    background: #3c589c
}

@media (min-width:768px) {
    .btn-facebook:hover {
        color: #fff;
        background: rgba(60, 88, 156, .86)
    }
}

.btn-primary {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-width: -moz-available;
    max-width: -moz-available;
    text-align: center;
    border-radius: 2px;
    padding: 0 20px;
    white-space: nowrap
}

.btn-primary:focus {
    outline: none
}

.btn-red {
    color: #fff;
    background: #c72528
}

@media (min-width:768px) {
    .btn-red:hover {
        color: #f5821f;
        background: rgba(199, 37, 40, .86)
    }
}

.btn-red-outline {
    color: #c72528;
    border: 1px solid #c72528;
    background: transparent
}

@media (min-width:768px) {
    .btn-red-outline:hover {
        color: #f5821f;
        background: #c72528
    }
}

.btn-black {
    color: #fff;
    background: #30333a
}

@media (min-width:768px) {
    .btn-black:hover {
        color: #f5821f;
        background: rgba(48, 51, 58, .86)
    }
}

.btn-black-outline {
    color: #30333a;
    border: 1px solid #30333a;
    background: transparent
}

@media (min-width:768px) {
    .btn-black-outline:hover {
        color: #f5821f;
        background: #30333a
    }
}

.btn-blue {
    color: #fff;
    background: #00a6bd
}

@media (min-width:768px) {
    .btn-blue:hover {
        color: #fff;
        background: rgba(0, 166, 189, .86)
    }
}

.btn-blue-outline {
    color: #337588;
    border: 1px solid #337588;
    background: transparent
}

@media (min-width:768px) {
    .btn-blue-outline:hover {
        color: #fff;
        background: #337588
    }
}

.btn-favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 32px;
    width: 32px;
    padding: 0;
    margin: auto;
    text-align: center;
    font-size: 24px;
    outline: none;
    border: 0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    color: #fff;
    background: rgba(48, 51, 58, .3);
    z-index: 9;
    display: none
}

@media (max-width:768px) {
    .btn-favorite {
        display: block!important
    }
}

.btn-favorite.active {
    background: #00a6bd
}

.label-primary {
    border-radius: 2px;
    display: block;
    float: left;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 10px 4px;
    width: 100%;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -moz-min-content;
    max-width: -moz-max-content
}

.label-primary.sold-out {
    background: rgba(48, 51, 58, .86)
}

.label-primary.unique {
    background: rgba(218, 84, 69, .86)
}

.label-primary.free {
    background: rgba(100, 141, 54, .86)
}

.label-primary.view3D {
    background-image: url(../../images/3dView.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    overflow: hidden;
    background-size: contain;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
    width: 30px;
    height: 30px
}

.label-primary.hot {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #ea1e12;
    color: #fff;
    width: auto;
    font-size: 12px;
    font-weight: 600
}

.listingCard {
    width: 100%;
    max-width: 360px;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(131, 131, 131, .2);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.listingCard .cover-image {
    position: relative
}

.listingCard .cover-image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%
}

.listingCard .cover-image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.listingCard .cover-image .label-group {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    z-index: 2
}

.listingCard .cover-image .label-group span {
    margin: 5px 5px 0 0
}

.listingCard .info-container {
    width: 100%;
    padding: 15px;
    background: #fff
}

.listingCard .info-container .listing-name {
    display: block;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #30333a;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.listingCard .info-container .listing-address {
    margin-top: 8px;
    display: block;
    color: #838383;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.listingCard .info-container .listing-address h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400
}

.listingCard .info-container .listing-address h4 a {
    color: #838383
}

.listingCard .info-container .listing-info {
    margin-top: 15px
}

.listingCard .info-container .listing-info li {
    display: inline-block;
    width: auto;
    font-size: 14px;
    margin-right: 15px;
    color: #838383
}

.listingCard .info-container .listing-info li .zmdi {
    color: #30333a;
    padding-right: 5px
}

.listingCard .info-container .listing-info li:last-child {
    margin-right: 0
}

.listingCard .info-container .listing-price {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #30333a;
    text-align: right
}

@media (min-width:768px) {
    .listingCard:hover {
        -webkit-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        transform: translate(0, -2px);
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
        box-shadow: 0 0 6px rgba(0, 0, 0, .15)
    }
    .listingCard:hover .btn-favorite {
        display: block
    }
    .btn-favorite.active {
        display: block
    }
}

.listView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid rgba(48, 51, 58, .1)!important;
    max-width: 100%;
    border: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

@media (min-width:768px) {
    .listView:hover {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.listView .cover-image {
    width: 36%;
    margin-right: 30px
}

.listView .info-container {
    padding: 0;
    position: relative
}

.listView .info-container .listing-name,
.listView .info-container .listing-address,
.listView .info-container .listing-info {
    width: calc(100% - 160px);
    white-space: unset
}

.listView .info-container .listing-price {
    top: 0;
    right: 0
}

.listView .info-container .label-group {
    position: absolute;
    display: block;
    top: 30px;
    right: 0;
    width: 130px
}

.listView .info-container .label-group .label-primary {
    margin-bottom: 5px;
    float: right
}

.listView .info-container .label-group .label-primary:last-child {
    margin-bottom: 0
}

.listView .info-container .action-group {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.listView .info-container .action-group .agent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.listView .info-container .action-group .agent .avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px
}

.listView .info-container .action-group .agent .avatar a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.listView .info-container .action-group .agent .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.listView .info-container .action-group .agent .detail h5 a {
    font-size: 14px;
    color: #30333a;
    font-weight: 500
}

.listView .info-container .action-group .agent .detail .roll {
    color: rgba(48, 51, 57, .7);
    font-size: 12px;
    padding: 0
}

.listView .info-container .action-group .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.listView .info-container .action-group .contact .btn-primary {
    margin-left: 10px
}

.listView .info-container .action-group .contact .btn-primary:first-child {
    margin-left: 0
}

.listView .info-container .action-group .contact .btn-primary:hover .zmdi,
.listView .info-container .action-group .contact .btn-primary:hover span {
    color: #f5821f
}

.bg-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, .7);
    z-index: 9999
}

.popup {
    width: 100%;
    max-width: 520px;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -ms-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5);
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    padding: 50px
}

@media (max-width:480px) {
    .popup {
        height: 100%;
        padding: 100px 18px 20px
    }
}

.popup .closeBtn {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:480px) {
    .popup .closeBtn {
        top: 30px;
        left: 18px;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.popup .closeBtn .zmdi {
    padding: 0;
    font-size: 24px;
    color: #30333a
}

.animationOpen,
.animationClose {
    display: block;
    -webkit-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s
}

.animationOpen {
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.animationClose {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(.5);
    -ms-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5)
}

.tab-content #reset-password h3 {
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    line-height: 1.3
}

.tab-content #reset-password .text {
    font-size: 14px;
    line-height: 1.5;
    display: block;
    overflow: hidden;
    margin: 0 0 40px
}

.form {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    text-align: center
}

.form h1 {
    padding: 0 0 50px;
    text-align: center
}

.form .btn-primary {
    position: relative;
    max-width: 100%
}

.form .btn-primary .icon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 16px;
    left: 15px
}

.form .btn-primary .icon img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.form .btn-primary span {
    color: #fff
}

.form p {
    color: rgba(68, 76, 89, .86);
    margin: 20px 0;
    font-size: 14px
}

.tab-group p {
    margin: 20px 0 0
}

.tab-group p a {
    font-weight: 600;
    color: #337588
}

.field-wrap {
    position: relative;
    margin-bottom: 20px
}

.field-wrap label {
    position: absolute;
    opacity: 0;
    top: 8px;
    left: 0
}

.field-wrap label.active {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    font-size: 14px;
    opacity: 1;
    color: red
}

.field-wrap input {
    width: 100%;
    height: 50px;
    border-radius: 2px;
    border: 1px solid rgba(48, 51, 58, .3);
    padding: 0 15px;
    font-size: 14px
}

.field-wrap input:focus {
    outline: none
}

.field-wrap .error {
    text-align: left;
    color: #d0021b;
    font-size: 12px;
    margin-top: 8px;
    display: none
}

.field-wrap .error.active {
    display: block
}

.bottom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px
}

.bottom-row .left .check {
    position: absolute;
    opacity: 0
}

.bottom-row .left .check+label {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    font-size: 14px
}

.bottom-row .left .check+label:before {
    content: '';
    margin-right: 5px;
    display: inline-block;
    vertical-align: text-top;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: 1px solid rgba(48, 51, 58, .3);
    background: #fff
}

.bottom-row .left .check+label:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 7px;
    background: #fff;
    width: 2px;
    height: 2px;
    -webkit-box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bottom-row .left .check+label a {
    font-weight: 600;
    color: rgba(51, 117, 136, .86)
}

.bottom-row .left .check:checked+label::before {
    background: #444c59
}

.bottom-row .right a {
    font-size: 14px;
    color: rgba(68, 76, 89, .5)
}

.button-groups .btn-primary {
    max-width: 100%;
    margin-bottom: 20px;
    position: relative
}

.button-groups .btn-primary:last-child {
    margin-bottom: 0
}

.button-groups .btn-primary .icon {
    height: 20px;
    width: 20px;
    position: absolute;
    top: 16px;
    left: 15px
}

.button-groups .btn-primary span {
    color: #fff
}

.logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 15px 30px 60px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo-wrapper>a {
    display: block;
    position: relative;
    width: 44px;
    height: 44px
}

.logo-wrapper>a img {
    width: 100%
}

.logo-wrapper p {
    margin-left: 10px
}

.logo-wrapper p a {
    font-size: 14px;
    font-weight: 600;
    color: #30333a
}

@media (max-width:1024px) {
    .logo-wrapper {
        padding: 15px 18px 60px
    }
}

@media (max-width:480px) {
    .form.login-page {
        max-width: -webkit-fill-available;
        margin: 0 18px
    }
}

.position-toast {
    bottom: 10px;
    left: 10px
}

#toast-container>div {
    min-width: 330px!important;
    max-width: 100%;
    height: auto;
    min-height: 50px;
    margin: 10px 0 0 0!important;
    padding: 0 15px 0 20px!important;
    background: #fff;
    color: #444c59!important;
    border-radius: 0!important;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .24)!important;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .24)!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1!important
}

.toast-items.zmdi {
    font-size: 20px
}

.zmdi.zmdi-check::before {
    color: #8cc156
}

.zmdi.zmdi-info-outline::before {
    color: #da5260
}

.zmdi.zmdi-close-circle {
    position: absolute;
    padding-right: 20px;
    right: 0;
    color: rgba(68, 76, 89, .3)
}

.toast-message {
    padding: 0 10px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px
}

.toast-message>a {
    color: #00a6bd!important;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.toast-message>a:hover {
    color: #c72528
}

.projectCard {
    width: 100%;
    max-width: 360px;
    position: relative;
    float: left;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.projectCard .cover-image {
    position: relative
}

.projectCard .cover-image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%
}

.projectCard .cover-image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.projectCard .cover-image a .dark-overlay {
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .8)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .8));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .8));
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0
}

.projectCard .info-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    z-index: 2
}

.projectCard .info-container .project-name {
    display: block;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.projectCard .info-container .project-address {
    margin-top: 12px;
    display: block;
    color: rgba(255, 255, 255, .86);
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.projectCard .info-container .project-address h4 {
    display: inline-block
}

.projectCard .info-container .project-address h4 a {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, .86)
}

.projectCard .info-container .price {
    margin-top: 12px;
    font-size: 14px;
    display: block;
    overflow: inherit
}

.projectCard .info-container .price span {
    display: block;
    float: left;
    color: rgba(255, 255, 255, .86)
}

.projectCard .info-container .price span strong {
    color: #fff
}

.projectCard .info-container .price span strong:after {
    content: '';
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, .86);
    display: inline-block;
    margin: 0 15px
}

.projectCard .info-container .price span:last-child strong:after {
    display: none
}

@media (min-width:768px) {
    .projectCard:hover {
        -webkit-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        transform: translate(0, -2px)
    }
    .projectCard:hover .btn-favorite {
        display: block
    }
}

.projectListView {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid rgba(48, 51, 58, .1)!important;
    max-width: 100%;
    border: 0;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

@media (min-width:768px) {
    .projectListView:hover {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.projectListView .cover-image {
    width: 36%;
    margin-right: 30px
}

.projectListView .info-container {
    padding: 0;
    position: relative;
    width: 100%
}

.projectListView .info-container .project-name {
    color: #444c59
}

.projectListView .info-container .project-address h4 a {
    color: #838383
}

.projectListView .info-container .project-info {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    width: 50%;
    margin-top: 12px
}

.projectListView .info-container .project-info .item {
    width: calc(100% * 1 / 2);
    margin-bottom: 5px;
    white-space: nowrap
}

.projectListView .info-container .project-info .item span {
    font-size: 14px;
    color: #444c59
}

.projectListView .info-container .project-info .item strong {
    font-weight: 300;
    color: #838383
}

.projectListView .info-container .price {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    text-align: right
}

.projectListView .info-container .price span {
    color: #444c59;
    margin-bottom: 10px
}

.projectListView .info-container .price span strong {
    color: #30333a;
    font-weight: 600
}

.projectListView .info-container .price span strong::after {
    display: none
}

.projectListView .info-container .action-group {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.projectListView .info-container .action-group .developer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.projectListView .info-container .action-group .developer .avatar {
    height: 40px;
    width: 40px;
    border: 1px solid rgba(48, 51, 58, .1);
    overflow: hidden;
    margin-right: 10px
}

.projectListView .info-container .action-group .developer .avatar a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.projectListView .info-container .action-group .developer .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.projectListView .info-container .action-group .developer .detail h5 a {
    font-size: 14px;
    color: #30333a;
    font-weight: 500
}

.projectListView .info-container .action-group .developer .detail .roll {
    color: rgba(48, 51, 57, .7);
    font-size: 12px;
    padding: 0
}

.projectListView .info-container .action-group .contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.projectListView .info-container .action-group .contact .btn-primary {
    margin-left: 10px
}

.projectListView .info-container .action-group .contact .btn-primary:first-child {
    margin-left: 0
}

.projectListView .info-container .action-group .contact .btn-primary:hover .zmdi,
.projectListView .info-container .action-group .contact .btn-primary:hover span {
    color: #fff
}

.projectListView .dark-overlay {
    display: none
}

.banner-top-bg {
    background: 50% 50% / cover no-repeat;
    width: 100%;
    height: 400px;
    position: relative;
    z-index: 1
}

@media (max-width:640px) {
    .banner-top-bg {
        height: 300px!important;
		overflow:hidden
    }
}

.banner-cover {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
    top: 0;
    left: 0
}

.banner-cover-inner {
    position: relative;
    width: 1140px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.banner-cover-inner .heading-01 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    color: #fff;
    margin-bottom: 40px
}

.banner-cover-inner form {
    width: 100%;
    max-width: 810px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.banner-cover-inner form .tab-container {
    width: 100%;
    min-width: 100%;
    display: block;
    overflow: -webkit-paged-x;
    margin-bottom: 15px;
    float: left
}

.banner-cover-inner form .tab-container .tab {
    width: auto;
    float: left;
    margin-right: 30px
}

.banner-cover-inner form .tab-container .tab:last-child {
    margin-right: 0
}

.banner-cover-inner form .tab-container .tab input {
    display: none
}

.banner-cover-inner form .tab-container .tab input:checked+label {
    float: left;
    font-weight: 600;
    border-bottom: 2px solid #fff
}

.banner-cover-inner form .tab-container .tab label {
    font-size: 18px;
    color: #fff;
    padding-bottom: 8px;
    cursor: pointer
}

.banner-cover-inner form .search-container {
    position: relative;
    -webkit-box-shadow: 8px 60px 45px 7px rgba(0, 0, 0, .4);
    box-shadow: 8px 60px 45px 7px rgba(0, 0, 0, .4);
    clear: both
}

.banner-cover-inner form .search-container>a {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    height: 50px
}

@media (max-width:480px) {
    .banner-cover-inner form .search-container>a {
        display: block
    }
}

.banner-cover-inner form .search-container .zmdi {
    position: absolute;
    left: 0;
    top: 0;
    color: #c9d6dd;
    font-size: 30px;
    padding: 12px 0 0 20px
}

@media (max-width:640px) {
    .banner-cover-inner form .search-container .zmdi {
        display: none
    }
}

.banner-cover-inner form .search-container .search-input {
    font-size: 18px;
    height: 55px;
    width: calc(100% - 155px);
    background: #fff;
    border: 0!important;
    outline: none;
    padding: 0 20px 0 60px;
    float: left;
    -webkit-appearance: none
}

@media (max-width:640px) {
    .banner-cover-inner form .search-container .search-input {
        padding: 0 20px
    }
}

.banner-cover-inner form .search-container .btn-search {
    border: 0;
    max-width: 155px;
    min-width: inherit;
    float: left;
    font-size: 18px!important
}

.banner-cover-inner form .search-container .btn-search:focus {
    border: 0;
    outline: none
}

.banner-cover-inner form .search-container .btn-search .zmdi {
    position: relative;
    padding: 0;
    color: #fff;
    display: none
}

.banner-cover-inner form .search-container .recent-search {
    position: absolute;
    background: #fff;
    top: 55px;
    left: 0;
    width: 100%;
    max-width: calc(100% - 155px);
    z-index: 10;
    border: 1px solid rgba(131, 131, 131, .2);
    padding: 5px 0;
    font-size: 14px
}

@media (max-width:768px) {
    .banner-cover-inner form .search-container .recent-search {
        top: 50px
    }
}

@media (max-width:640px) {
    .banner-cover-inner form .search-container .recent-search {
        max-width: calc(100% - 62px)
    }
}

@media (max-width:480px) {
    .banner-cover-inner form .search-container .recent-search {
        display: none!important
    }
}

.banner-cover-inner form .search-container .recent-search li {
    height: auto;
    min-height: 40px
}

.banner-cover-inner form .search-container .recent-search li:hover {
    background: #f3f4f7
}

.banner-cover-inner form .search-container .recent-search li a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    color: #30333a
}

.banner-cover-inner form .search-container .recent-search li a span {
    display: block;
    line-height: 20px
}

.banner-cover-inner form .search-container .recent-search li a span i {
    color: #838383
}

.hidden {
    display: none
}

@media only screen and (max-width:1024px) {
    .banner-cover-inner {
        width: 100%;
        margin: 0 16px
    }
}

@media only screen and (max-width:768px) {
    .banner-cover-inner .heading-01 {
        font-size: 28px;
        line-height: 1.36;
        margin-bottom: 0 25px 50px;
        text-align: center
    }
    .banner-cover-inner form .tab-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: inherit;
        margin-bottom: 20px
    }
    .banner-cover-inner form .search-container .search-input {
        height: 50px
    }
    .banner-cover-inner form .search-container .btn-search {
        height: 50px!important;
        line-height: 50px!important
    }
}

@media only screen and (max-width:640px) {
    .banner-cover-inner form .search-container .search-input {
        width: calc(100% - 62px)
    }
    .banner-cover-inner form .search-container .btn-search {
        max-width: -webkit-fit-content;
        max-width: fit-content;
        max-width: -moz-fit-content
    }
    .banner-cover-inner form .search-container .btn-search .zmdi {
        display: block
    }
    .banner-cover-inner form .search-container .btn-search span {
        display: none
    }
}

#footer {
    width: 100%;
    background: #000111;
    color: #fff
}

#footer .inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 18px
}

#footer .inner .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding: 30px 0
}

#footer .inner .row:nth-child(2) {
    border-top: 1px solid rgba(255, 255, 255, .12);
    border-bottom: 1px solid rgba(255, 255, 255, .12)
}

#footer .inner .row:last-child {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: rgba(255, 255, 255, .5)
}

#footer .inner .row:last-child .right a {
    margin-left: 10px;
    color: rgba(255, 255, 255, .5)
}

#footer .inner .row:last-child .right a:first-child {
    margin-left: 0
}

#footer .inner .row .contact-group,
#footer .inner .row .info-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
}

#footer .inner .row .contact-group>li,
#footer .inner .row .contact-group .item,
#footer .inner .row .info-container>li,
#footer .inner .row .info-container .item {
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

#footer .inner .row .contact-group>li .icon,
#footer .inner .row .contact-group .item .icon,
#footer .inner .row .info-container>li .icon,
#footer .inner .row .info-container .item .icon {
    width: 20px;
    margin-right: 10px
}

#footer .inner .row .contact-group>li .icon .zmdi,
#footer .inner .row .contact-group .item .icon .zmdi,
#footer .inner .row .info-container>li .icon .zmdi,
#footer .inner .row .info-container .item .icon .zmdi {
    font-size: 20px;
    padding: 0
}

#footer .inner .row .contact-group>li .detail,
#footer .inner .row .contact-group .item .detail,
#footer .inner .row .info-container>li .detail,
#footer .inner .row .info-container .item .detail {
    width: calc(100% - 30px)
}

#footer .inner .row .contact-group>li .detail .title,
#footer .inner .row .contact-group .item .detail .title,
#footer .inner .row .info-container>li .detail .title,
#footer .inner .row .info-container .item .detail .title {
    font-size: 12px;
    margin-bottom: 5px
}

#footer .inner .row .contact-group>li .detail .link a,
#footer .inner .row .contact-group .item .detail .link a,
#footer .inner .row .info-container>li .detail .link a,
#footer .inner .row .info-container .item .detail .link a {
    font-size: 16px;
    color: #00a6bd;
    font-weight: 500
}

#footer .inner .row .contact-group>li span,
#footer .inner .row .contact-group .item span,
#footer .inner .row .info-container>li span,
#footer .inner .row .info-container .item span {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    position: relative
}

#footer .inner .row .contact-group>li span .zmdi,
#footer .inner .row .contact-group .item span .zmdi,
#footer .inner .row .info-container>li span .zmdi,
#footer .inner .row .info-container .item span .zmdi {
    display: none;
    font-size: 20px;
    float: right;
    height: 50px;
    line-height: 50px;
    padding: 0
}

#footer .inner .row .contact-group>li ul,
#footer .inner .row .contact-group .item ul,
#footer .inner .row .info-container>li ul,
#footer .inner .row .info-container .item ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%
}

#footer .inner .row .contact-group>li ul li,
#footer .inner .row .contact-group .item ul li,
#footer .inner .row .info-container>li ul li,
#footer .inner .row .info-container .item ul li {
    width: 100%;
    height: 32px;
    line-height: 32px
}

#footer .inner .row .contact-group>li ul li a,
#footer .inner .row .contact-group .item ul li a,
#footer .inner .row .info-container>li ul li a,
#footer .inner .row .info-container .item ul li a {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, .5)
}

#footer .inner .row .contact-group .address,
#footer .inner .row .info-container .address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#footer .inner .row .contact-group .address .logo,
#footer .inner .row .info-container .address .logo {
    height: 32px;
    margin-bottom: 10px;
    display: block;
    cursor: pointer
}

#footer .inner .row .contact-group .address p,
#footer .inner .row .info-container .address p {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    line-height: 1.4;
    margin-bottom: 10px
}

#footer .inner .row .contact-group .address .social-group .zmdi,
#footer .inner .row .info-container .address .social-group .zmdi {
    min-width: 20px;
    margin-right: 10px;
    padding: 0;
    color: #fff
}

#footer .inner .row .contact-group .address .social-group .zmdi:last-child,
#footer .inner .row .info-container .address .social-group .zmdi:last-child {
    margin-right: 0
}

@media only screen and (max-width:768px) {
    #footer .inner .row .contact-group,
    #footer .inner .row .info-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    #footer .inner .row .contact-group .item,
    #footer .inner .row .info-container .item {
        width: 25%;
        margin-bottom: 15px
    }
    #footer .inner .row .contact-group .item:last-child,
    #footer .inner .row .info-container .item:last-child {
        margin-bottom: 0
    }
    #footer .inner .row .contact-group>li,
    #footer .inner .row .info-container>li {
        width: 33.3333%
    }
    #footer .inner .row .contact-group .address,
    #footer .inner .row .info-container .address {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        border-top: 1px solid rgba(255, 255, 255, .12);
        padding: 30px 0 0;
        width: 100%;
        margin-top: 20px;
        text-align: center
    }
}

@media only screen and (max-width:640px) {
    #footer .inner .row:nth-child(2) {
        padding-top: 0;
        border: 0
    }
    #footer .inner .row:last-child {
        border-top: 1px solid rgba(255, 255, 255, .12);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    #footer .inner .row:last-child .left,
    #footer .inner .row:last-child .right {
        width: 100%;
        text-align: center;
		line-height:30px
    }
    #footer .inner .row:last-child .left {
        margin-bottom: 5px
    }
    #footer .inner .row .contact-group .item {
        width: 50%
    }
    #footer .inner .row .info-container .address {
        margin: 0
    }
    #footer .inner .row .info-container>li {
        width: 100%
    }
    #footer .inner .row .info-container>li span {
        height: 50px;
        line-height: 50px;
        border-top: 1px solid rgba(255, 255, 255, .12);
        margin: 0
    }
    #footer .inner .row .info-container>li span .zmdi {
        display: block
    }
    #footer .inner .row .info-container>li ul {
        margin-bottom: 10px
    }
}

.main-header {
	/*background: url('') 50% 50% / cover no-repeat;*/
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 100;
    background: #000;
    border-bottom: 1px solid rgba(48, 51, 58, .1)
}

.main-header .col-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    margin-right: 20px
}

.main-header .col-left .logo-large {
    display: block
}

.main-header .col-left .logo-large>a {
    display: block;
    position: relative;
    width: 44px;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.main-header .col-left .logo {
    display: none
}

.main-header .col-left .logo>a {
    /* background-image: url(../../images/logo-r-red.svg); */
    display: block;
    position: relative;
    width: 44px;
    height: 0;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.main-header .col-left .logo>a .zmdi {
    color: #30333a;
    font-size: 24px;
    padding: 0;
    position: absolute;
    right: -21px;
    top: 0;
    line-height: 44px
}

.main-header .col-left .main-nav-menu {
    position: fixed;
    z-index: 99999;
    background: #fff;
    width: 100%;
    max-width: 100%;
    height: 100%;
    left: 0;
    top: 60px;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 100px
}

.main-header .col-left .main-nav-menu .login {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(48, 51, 58, .1)
}

.main-header .col-left .main-nav-menu .login .user-login {
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    padding: 0 18px
}

@media (max-width:480px) {
    .main-header .col-left .main-nav-menu .login .user-login {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.main-header .col-left .main-nav-menu .login .user-login .btn-primary {
    min-width: inherit;
    max-width: 100%;
    margin: 0 10px 0 0;
    font-size: 14px
}

.main-header .col-left .main-nav-menu .login .user-login .btn-primary:last-child {
    margin-right: 0
}

.main-header .col-left .main-nav-menu .login .user-avatar {
    width: 100%
}

.main-header .col-left .main-nav-menu .login .user-avatar .inner {
    width: 100%;
    padding: 0 18px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.main-header .col-left .main-nav-menu .login .user-avatar .inner a {
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin-right: 15px
}

.main-header .col-left .main-nav-menu .login .user-avatar .inner a img {
    width: 100%
}

.main-header .col-left .main-nav-menu .login .user-avatar span {
    width: calc(100% - 60px);
    text-align: left;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #30333a
}

.main-header .col-left .main-nav-menu .login .user-avatar .zmdi {
    float: right;
    font-size: 20px;
    color: #c72628;
    padding: 0
}

.main-header .col-left .main-nav-menu .login .user-avatar .user-content {
    width: 100%;
    background: #f3f4f7;
    padding: 0 18px
}

.main-header .col-left .main-nav-menu .login .user-avatar .user-content li a {
    border-bottom: 0;
    margin: 0
}

.main-header .col-left .main-nav-menu .login .user-avatar .user-content li:last-child a {
    color: #c72628
}

.main-header .col-left .main-nav-menu ul {
    display: block;
    overflow: hidden;
    background: #fff
}

.main-header .col-left .main-nav-menu ul li {
    display: list-item
}

.main-header .col-left .main-nav-menu ul li a {
    display: block;
    margin: 0 18px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    color: #30333a;
    border-bottom: 1px solid rgba(48, 51, 58, .1);
    -webkit-transition: all 100ms ease-in;
    -o-transition: all 100ms ease-in;
    transition: all 100ms ease-in
}

.main-header .col-left .main-nav-menu ul li a .zmdi {
    float: right;
    font-size: 20px;
    color: #c72628;
    padding: 0;
    height: 50px;
    line-height: 50px
}

.main-header .col-left .main-nav-menu ul li ul {
    background: #f3f4f7;
    display: none
}

.main-header .col-left .main-nav-menu ul li ul li a {
    border: 0
}

.main-header .col-left .top-search {
    width: 100%;
    max-width: 500px;
    margin-left: 30px;
    height: 44px;
    line-height: 44px;
    border: 1px solid rgba(48, 51, 58, .3);
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0;
    box-shadow: 0;
    position: relative
}

.main-header .col-left .top-search:hover {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1)
}

.main-header .col-left .top-search>a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    display: none
}

.main-header .col-left .top-search form {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header .col-left .top-search form .search-type {
    padding: 0 10px;
    height: 20px;
    width: 100%;
    max-width: 100px;
    border-right: 1px solid rgba(48, 51, 58, .3);
    line-height: 20px;
    cursor: pointer;
    white-space: nowrap
}

.main-header .col-left .top-search form .search-type::after {
    content: '\f2f9';
    font-family: 'Material-Design-Iconic-Font';
    color: #c72628;
    font-size: 14px;
    margin-left: 10px
}

.main-header .col-left .top-search form .search-type>span {
    font-size: 14px;
    color: rgba(48, 51, 58, .86)
}

.main-header .col-left .top-search form .search-type ul {
    display: block;
    position: absolute;
    background: #fff;
    top: 43px;
    left: 0;
    width: 100px;
    z-index: 10;
    border: 1px solid rgba(131, 131, 131, .2);
    border-radius: 2px;
    padding: 7px 0 5px;
    font-size: 14px
}

.main-header .col-left .top-search form .search-type ul li {
    padding: 5px 10px
}

.main-header .col-left .top-search form .search-type ul:hover {
    background: #f3f4f7
}

.main-header .col-left .top-search form .zmdi {
    margin-left: 10px;
    padding: 0;
    font-size: 20px;
    color: rgba(0, 4, 68, .3)
}

.main-header .col-left .top-search form .search-type-mobile {
    display: none;
    white-space: nowrap;
    margin-left: 10px;
    font-size: 14px;
    height: 100%;
    line-height: 46px;
    color: #30333a
}

.main-header .col-left .top-search form input {
    width: 100%;
    border: 0;
    height: auto;
    font-size: 14px;
    position: relative;
    padding: 0 10px;
    -webkit-appearance: none
}

.main-header .col-left .top-search form input:focus {
    border: 0!important;
    outline: none
}

.main-header .col-left .top-search form .search-suggest-list {
    display: block;
    position: absolute;
    background: #fff;
    top: 43px;
    right: 0;
    width: 100%;
    max-width: 400px;
    z-index: 10;
    border: 1px solid rgba(131, 131, 131, .2);
    border-radius: 2px;
    padding: 5px 0;
    font-size: 14px
}

@media (max-width:768px) {
    .main-header .col-left .top-search form .search-suggest-list {
        width: calc(100% - 100px)
    }
}

.main-header .col-left .top-search form .search-suggest-list li {
    height: auto;
    min-height: 40px
}

.main-header .col-left .top-search form .search-suggest-list li:hover {
    background: #f3f4f7
}

.main-header .col-left .top-search form .search-suggest-list li a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    color: #30333a
}

.main-header .col-left .top-search form .search-suggest-list li a span {
    display: block;
    line-height: 20px
}

.main-header .col-left .top-search form .search-suggest-list li a span i {
    color: #838383
}

.main-header .col-right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header .col-right .top-menu ul {
    white-space: nowrap
}

.main-header .col-right .top-menu ul li {
    position: relative;
    display: inline-block;
    margin-right: 20px;
}

.main-header .col-right .top-menu ul li:first-child:hover a .zmdi,
.main-header .col-right .top-menu ul li:first-child:hover a span {
    color: #c72628
}

.main-header .col-right .top-menu ul li:first-child .zmdi {
    color: #30333a;
    padding: 0 8px 0 0;
    line-height: 15px
}

.main-header .col-right .top-menu ul li:last-child {
    margin-right: 0
}

.main-header .col-right .top-menu ul li:hover a {
    color: rgba(48, 51, 58, .86)
}

.main-header .col-right .top-menu ul li a {
    display: block;
    font-size: 14px;
    color: #30333a;
    font-weight: 500
}

.main-header .col-right .top-menu ul li a .zmdi {
    padding: 0 0 0 5px;
    color: #c72628;
    vertical-align: text-bottom
}

.main-header .col-right .top-menu ul .sub-menu::before {
    position: absolute;
    bottom: 100%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    pointer-events: none;
    border-color: transparent;
    border-bottom-color: #fff;
    border-width: 8px;
    right: 20px;
    top: 44px;
    opacity: 1;
    visibility: hidden;
    z-index: 101
}

.main-header .col-right .top-menu ul .sub-menu::after {
    z-index: 90;
    content: ' ';
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 1;
    visibility: hidden;
    bottom: -10px;
    right: 20px
}

.main-header .col-right .top-menu ul .sub-menu ul {
    position: absolute;
    top: 59px;
    right: 0;
    z-index: 100;
    background: #fff;
    padding: 10px 0;
    border-radius: 2px;
    border: 1px solid rgba(131, 131, 131, .2);
    opacity: 0;
    -webkit-transition: .1s ease all;
    -o-transition: .1s ease all;
    transition: .1s ease all;
    visibility: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .13)
}

.main-header .col-right .top-menu ul .sub-menu ul li {
    display: block;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    margin: 0;
    text-align: left
}

.main-header .col-right .top-menu ul .sub-menu ul li:hover {
    background: #f3f4f7
}

.main-header .col-right .top-menu ul .sub-menu ul li a {
    font-weight: 400!important
}

.main-header .col-right .top-menu ul .sub-menu:hover::before,
.main-header .col-right .top-menu ul .sub-menu:hover::after,
.main-header .col-right .top-menu ul .sub-menu:hover ul {
    opacity: 1;
    visibility: visible
}

.main-header .col-right .top-menu ul .divide {
    border-top: 1px solid rgba(48, 51, 58, .1);
    margin: 10px 25px!important;
    height: 0!important
}

.main-header .col-right .login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-header .col-right .login::before {
    content: '';
    width: 1px;
    height: 20px;
    background: rgba(48, 51, 58, .3);
    margin-left: 20px
}

.main-header .col-right .login .btn-red-outline {
    min-width: inherit!important;
    font-size: 14px!important
}

.main-header .col-right .login .user-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-height: 60px;
    margin-left: 20px;
    position: relative
}

.main-header .col-right .login .user-avatar:hover .user-content {
    opacity: 1;
    visibility: visible
}

.main-header .col-right .login .user-avatar>a {
    display: block;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.main-header .col-right .login .user-avatar>a img {
    width: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%
}

.main-header .col-right .login .user-avatar .user-content {
    position: absolute;
    top: 60px;
    right: 0;
    z-index: 10;
    background: #fff;
    border-radius: 2px;
    border: 1px solid rgba(131, 131, 131, .2);
    width: 210px;
    opacity: 0;
    -webkit-transition: .1s ease all;
    -o-transition: .1s ease all;
    transition: .1s ease all;
    visibility: hidden;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
    padding-bottom: 10px
}

.main-header .col-right .login .user-avatar .user-content:before {
    width: 10px;
    height: 10px;
    border: solid 1px rgba(48, 51, 58, .1);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: -webkit-transform 2s;
    transition: -webkit-transform 2s;
    -o-transition: transform 2s;
    transition: transform 2s;
    transition: transform 2s, -webkit-transform 2s;
    border-bottom-color: #fff;
    border-right-color: #fff;
    position: absolute;
    right: 5.5%;
    top: -6px;
    content: '';
    background: #f3f4f7;
    z-index: -1
}

.main-header .col-right .login .user-avatar .user-content .user-heading {
    text-align: left;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    background: #f3f4f7;
    font-weight: 500;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 25px 25px 20px
}

.main-header .col-right .login .user-avatar .user-content .user-heading a {
    display: initial;
    pointer-events: none
}

.main-header .col-right .login .user-avatar .user-content li {
    display: block;
    white-space: nowrap;
    height: 35px;
    line-height: 35px;
    padding: 0 25px
}

.main-header .col-right .login .user-avatar .user-content li:hover {
    background: #f3f4f7
}

.main-header .col-right .login .user-avatar .user-content li a {
    display: block;
    font-size: 14px;
    color: #30333a;
    text-align: left
}

.main-header .col-right .login .user-avatar .user-content li:last-child a {
    color: #c72628
}

.main-header .col-right .login .user-avatar .user-content .divide {
    border-top: 1px solid rgba(48, 51, 58, .1);
    margin: 10px 25px!important;
    height: 0!important
}

.main-header .search-mobile {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 100
}

.main-header .search-mobile .zmdi {
    float: left;
    padding: 0;
    max-height: 50px;
    line-height: 60px;
    font-size: 24px;
    color: #838383;
    margin: 0 40px 0 18px
}

.main-header .search-mobile .optionsList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    position: relative;
    max-height: 50px
}

.main-header .search-mobile .optionsList .option {
    margin-right: 40px
}

.main-header .search-mobile .optionsList .option input {
    display: none
}

.main-header .search-mobile .optionsList .option input:checked+label {
    border-bottom: 2px solid #30333a;
    font-weight: 600
}

.main-header .search-mobile .optionsList .option label {
    color: rgba(48, 51, 58, .86);
    font-size: 18px;
    padding: 0 0 10px
}

.main-header .search-mobile .search-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    border: 1px solid;
    max-height: 50px;
    margin: 20px 18px;
    border: 1px solid rgba(151, 151, 151, .2);
    border-radius: 2px
}

.main-header .search-mobile .search-block .zmdi {
    font-size: 20px;
    line-height: 50px;
    color: rgba(0, 4, 68, .3);
    margin: 0 10px
}

.main-header .search-mobile .search-block input {
    width: 100%;
    height: auto;
    outline: 0;
    border: 0;
    margin-right: 10px;
    font-size: 14px;
    -webkit-appearance: none
}

.main-header .search-mobile .search-suggest-list {
    background: #fff;
    width: 100%;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.main-header .search-mobile .search-suggest-list li {
    text-align: left;
    height: auto;
    min-height: 40px
}

.main-header .search-mobile .search-suggest-list li:first-child {
    background: #f3f4f7
}

.main-header .search-mobile .search-suggest-list li a {
    width: 100%;
    display: block;
    padding: 10px 15px;
    color: #30333a
}

.main-header .search-mobile .search-suggest-list li a span {
    display: block;
    line-height: 20px
}

.main-header .search-mobile .search-suggest-list li a span i {
    color: #838383
}

#home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 60px;
    width: auto;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    background: transparent;
    z-index: 10
}

#home::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: -80%;
    left: 0;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

#home .col-left .logo>a .zmdi {
    color: #fff
}

#home .col-left .logo .main-nav-menu ul li a .zmdi {
    color: #c72628
}

#home .col-left .top-search {
    display: none
}

#home .col-right .top-menu>ul>li:first-child:hover a .zmdi,
#home .col-right .top-menu>ul>li:first-child:hover a span {
    color: #f5821f /*rgba(255, 255, 255, .86)*/
}

#home .col-right .top-menu>ul>li>a {color: #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s/* pointer-events: none */}

#home .col-right .top-menu>ul>li>a:hover {
    color: #f5821f /*rgba(255, 255, 255, .86)*/
}

#home .col-right .top-menu>ul>li>a .zmdi {
    color: #fff
}

#home .col-right .top-menu ul .sub-menu::before {
    border-bottom-color: #fff
}

#home .col-right .login::before {
    background: rgba(255, 255, 255, .2)
}

#home .col-right .login .btn-login {
    color: #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s
}

#home .col-right .login .btn-red-outline {
    color: #fff;
    border: 1px solid #fff
}

#home .col-right .login .btn-red-outline:hover {
    border: 1px solid transparent
}

.headerNoScroll {
    position: fixed;
    left: 0;
    right: 0
}

@media only screen and (min-width:320px) and (max-width:1024px) {
    .main-header .col-left .logo-large {
        display: none
    }
    .main-header .col-left .logo {
        display: block
    }
}

@media only screen and (max-width:1200px) {
    .main-header {
        padding: 0 18px
    }
}

@media only screen and (max-width:1024px) {
    .main-header .col-right {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content;
        min-width: -webkit-fit-content;
        min-width: -moz-fit-content;
        min-width: fit-content
    }
    .main-header .col-right .top-menu ul li {
        margin: 0
    }
    .main-header .col-right .top-menu ul .sub-menu {
        display: none
    }
    .main-header .col-right .login {
        display: none
    }
}

@media only screen and (max-width:480px) {
    .main-header .col-left .top-search>a {
        display: block;
        height: 100%
    }
    .main-header .col-left .top-search form .search-type,
    .main-header .col-left .top-search form .zmdi {
        display: none
    }
    .main-header .col-left .top-search form .search-type-mobile {
        display: block
    }
    .main-header .col-right .top-menu ul li a .zmdi {
        font-size: 30px
    }
    .main-header .col-right .top-menu ul li a span {
        display: none
    }
}

.block-introduce {
    border-bottom: 1px solid rgba(131, 131, 131, .2);
    padding: 60px 0 40px;
    margin-bottom: 40px
}

.block-introduce .heading-02 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    margin-bottom: 25px;
    line-height: 1.4
}

.block-introduce .col-8 {
    margin: auto;
    line-height: 1.63;
    font-size: 16px;
    margin-bottom: 30px
}

.block-introduce .btn-primary {
    max-width: 200px
}

@media (max-width:480px) {
    .block-introduce .btn-primary {
        max-width: 100%
    }
}

.block-project .heading-03 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
    display: block;
    float: left;
    width: 100%;
    line-height: 1.92
}

.block-project>div {
    width: 100%
}

.block-project>div .projectCard,
.block-project>div .listingCard {
    width: calc(33.33% - 20px);
    margin-right: 30px;
    margin-bottom: 30px
}

.block-project>div .projectCard:nth-child(3n),
.block-project>div .listingCard:nth-child(3n) {
    margin-right: 0
}

.block-project>div .item .listingCard:nth-child(3n) {
    margin-right: 0
}

.block-project>div .more {
    font-size: 18px;
    font-weight: 600;
    display: block;
    float: left;
    clear: both
}

.block-project>div .more {
    color: #337588;
    font-weight: 400
}

.block-project>div .more .zmdi {
    padding: 0 0 0 5px;
    vertical-align: bottom
}

.block-CTA {
    border-top: 1px solid rgba(131, 131, 131, .2);
    border-bottom: 1px solid rgba(131, 131, 131, .2)
}

.block-CTA .detail-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    min-width: 780px
}

.block-CTA .detail-block .left {
    width: 100%;
    max-width: 320px;
    margin-right: 30px
}

.block-CTA .detail-block .left div {
    height: 0;
    padding-top: 66.67%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.block-CTA .detail-block .right {
    width: calc(100% - 350px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block-CTA .detail-block .right .heading-02 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    line-height: 1.3
}

.block-CTA .detail-block .right p {
    line-height: 1.4;
    font-size: 18px
}

.block-CTA .detail-block .right .option-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.block-CTA .detail-block .right .option-group .btn-primary {
    margin: 0 10px 10px 0;
    max-width: 190px
}

.block-CTA .detail-block .right .option-group .btn-primary:last-child {
    margin-right: 0
}

.block-CTA .detail-block.col-12 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.block-CTA .detail-block.col-12 .left {
    width: 50%;
    max-width: 50%;
    margin-right: 0;
    padding-right: 0
}

.block-CTA .detail-block.col-12 .left img {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

.block-CTA .detail-block.col-12 .right {
    width: 50%;
    max-width: 50%;
    margin-left: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.block-CTA .detail-block.col-12 .right .title {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-weight: 500;
    color: #30333a;
    line-height: 1.3;
    margin-bottom: 30px;
    padding-right: 100px
}

@media (max-width:1024px) {
    .block-CTA .detail-block.col-12 .right .title {
        padding-right: 0
    }
}

.block-CTA .detail-block.col-12 .right .text {
    margin-bottom: 30px
}

.block-CTA .detail-block.col-12 .right img {
    display: none;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-bottom: 20px
}

.block-CTA .detail-block.col-12 .right .download-option a {
    width: 140px;
    height: 40px;
    margin-right: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain
}

.block-CTA .detail-block.col-12 .right .download-option .app-store {
    background-image: url()
}

.block-CTA .detail-block.col-12 .right .download-option .andoird {
    background-image: url()
}

@media (max-width:1024px) {
    .block-CTA.mgr-bt-60 {
        margin-bottom: 40px
    }
}

.block-developer .heading-03 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    display: block;
    float: left;
    margin-bottom: 15px;
    width: 100%;
    line-height: 32px
}

.block-developer .desc-home {
    margin-bottom: 5px;
    color: #838383;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.block-developer .developer-inner {
    width: calc(100% + 30px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:480px) {
    .block-developer .developer-inner {
        width: calc(100% + 10px);
        margin: 0 -5px
    }
}

.block-developer .developer-inner .item {
    padding: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6667%;
    flex: 0 0 16.6667%;
    max-width: 16.667%
}

@media (max-width:960px) {
    .block-developer .developer-inner .item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (max-width:480px) {
    .block-developer .developer-inner .item {
        padding: 5px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .block-developer .developer-inner .item:nth-child(n+7) {
        display: none
    }
}

.block-developer .developer-inner .item .card {
    padding: 20px;
    background: #fff;
    border: 1px solid rgba(131, 131, 131, .1);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.block-developer .developer-inner .item .card a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 100%
}

.block-developer .developer-inner .item .card a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) {
    .block-developer .developer-inner .item .card:hover {
        -webkit-transform: translate(0, -2px);
        -ms-transform: translate(0, -2px);
        transform: translate(0, -2px)
    }
}

.block-developer .more {
    font-size: 18px;
    font-weight: 600;
    display: block;
    float: left;
    clear: both;
    margin-top: 15px;
    color: #337588;
    font-weight: 400
}

.block-developer .more .zmdi {
    padding: 0 0 0 5px;
    vertical-align: bottom
}

.block-news .heading-03 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    display: block;
    float: left;
    width: 100%;
    font-size: 24px;
    line-height: 32px
}

.block-news .desc-home {
    margin-bottom: 19px;
    color: #838383;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.block-news .detail-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

.block-news .detail-block .left {
    margin-right: 15px
}

.block-news .detail-block .left .item {
    width: 100%;
    position: relative
}

.block-news .detail-block .left .item .cover-image {
    position: relative;
	width: 100%;
	overflow: hidden;
}

.block-news .detail-block .left .item .cover-image a {
    width: 100%;
    display: block;
    height: 100%;
    padding-top: 66.67%
}

.block-news .detail-block .left .item .cover-image a img {
    position: absolute;
    display: block;
	width:auto;
	height:100%;
	max-height:100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.block-news .detail-block .left .item .info-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .9));
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9))
}

.block-news .detail-block .left .item .info-container .title a {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    line-height: 1.5
}

.block-news .detail-block .left .item .info-container .title a:hover {
    color: rgba(255, 255, 255, .86)
}

.block-news .detail-block .left .item .info-container .date {
    color: #fff;
    opacity: .86;
    font-size: 12px;
    margin-top: 10px
}

.block-news .detail-block .right {
    margin-left: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.block-news .detail-block .right .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.block-news .detail-block .right .item .cover-image {
    position: relative;
    width: 100%;
    max-width: 120px;
    border: 1px solid rgba(48, 51, 58, .1)
}

.block-news .detail-block .right .item .cover-image a {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%
}

.block-news .detail-block .right .item .cover-image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.block-news .detail-block .right .item .info-container {
    margin-left: 15px
}

.block-news .detail-block .right .item .info-container .title a {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #30333a;
    font-weight: 500;
    line-height: 1.5
}

.block-news .detail-block .right .item .info-container .date {
    color: rgba(131, 131, 131, .86);
    font-size: 12px;
    margin-top: 10px
}

.block-news .more {
    font-size: 18px;
    font-weight: 600;
    display: block;
    float: left;
    clear: both;
    color: #337588;
    font-weight: 400;
    margin-top: 30px
}

.block-news .more .zmdi {
    padding: 0 0 0 5px;
    vertical-align: bottom
}

.block-browser .heading {
    margin-bottom: 25px;
    display: block;
    float: left;
    width: 100%;
    font-weight: 500
}

@media only screen and (max-width:1024px) {
    .block-CTA .detail-block {
        width: 100%;
        min-width: auto
    }
    .block-news .right .item {
        margin-top: 15px
    }
    .block-news .right .item:first-child {
        margin-top: 0
    }
}

@media only screen and (max-width:960px) {
    .block-project>div .projectCard,
    .block-project>div .listingCard {
        width: calc(50% - 15px);
        max-width: inherit
    }
    .block-project>div .projectCard:nth-child(2n),
    .block-project>div .listingCard:nth-child(2n) {
        margin-right: 0!important
    }
    .block-project>div .projectCard:nth-child(3n),
    .block-project>div .listingCard:nth-child(3n) {
        margin-right: 30px
    }
}

@media only screen and (max-width:810px) {
    .block-CTA .detail-block .right p {
        font-size: 16px;
        margin: 20px 0
    }
    .block-CTA .detail-block .right .option-group .btn-primary {
        max-width: 100%;
        margin: 0 0 10px 0
    }
    .block-CTA .detail-block .right .option-group .btn-primary:last-child {
        margin: 0
    }
}

@media only screen and (max-width:768px) {
    .block-introduce .heading-02 {
        font-size: 24px
    }
    .block-project .heading-03 {
        font-size: 20px
    }
    .block-CTA .detail-block .right .heading-02 {
        font-size: 20px
    }
    .block-CTA .detail-block.col-12 .left {
        display: none
    }
    .block-CTA .detail-block.col-12 .right {
        width: 100%;
        max-width: 100%;
        margin: 0;
        text-align: center
    }
    .block-CTA .detail-block.col-12 .right .title {
        font-size: 24px
    }
    .block-CTA .detail-block.col-12 .right img {
        display: block
    }
    .block-news .detail-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap
    }
    .block-news .detail-block .left {
        width: 100%;
        margin: 0 0 15px 0
    }
    .block-news .detail-block .left .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap
    }
    .block-news .detail-block .left .item .cover-image {
        width: 100%;
        max-width: 150px
    }
    .block-news .detail-block .left .item .info-container {
        position: relative;
        display: block;
        margin-left: 15px;
        padding: 0;
        background: transparent
    }
    .block-news .detail-block .left .item .info-container .title a {
        font-size: 20px;
        color: #30333a
    }
    .block-news .detail-block .left .item .info-container .date {
        font-size: 16px
    }
    .block-news .detail-block .right {
        width: 100%;
        margin: 0
    }
    .block-news .detail-block .right .item .cover-image {
        max-width: 150px
    }
    .block-news .detail-block .right .item .info-container .title a {
        font-size: 20px
    }
    .block-news .detail-block .right .item .info-container .date {
        font-size: 16px
    }
}

@media only screen and (max-width:640px) {
    .block-introduce .col-8 {
        width: 100%
    }
    .block-project>div .projectCard,
    .block-project>div .listingCard {
        width: 100%;
        margin-bottom: 10px
    }
    .block-project>div .projectCard:nth-child(n+4),
    .block-project>div .listingCard:nth-child(n+4) {
        display: none
    }
    .block-CTA .detail-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }
    .block-CTA .detail-block .left {
        max-width: 100%;
        margin: 0 0 20px 0
    }
    .block-CTA .detail-block .right {
        width: 100%;
        text-align: center
    }
    .block-news .detail-block .left .item .cover-image,
    .block-news .detail-block .right .item .cover-image {
        max-width: 120px
    }
    .block-news .detail-block .left .info-container .title a,
    .block-news .detail-block .right .info-container .title a {
        font-size: 14px!important
    }
    .block-news .detail-block .left .info-container .date,
    .block-news .detail-block .right .info-container .date {
        font-size: 12px!important
    }
    .block-project>div .more,
    .block-developer .more,
    .block-news .more {
        font-size: 14px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-radius: 2px;
        border: 1px solid rgba(51, 117, 136, .5);
        text-align: center;
        margin-top: 10px
    }
    .block-project>div .more .zmdi,
    .block-developer .more .zmdi,
    .block-news .more .zmdi {
        display: none
    }
}

.block-resident {
    padding: 60px 0 40px
}

.block-resident .heading-03 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    margin-bottom: 15px;
    display: block;
    float: left;
    width: 100%;
    line-height: 32px;
    font-weight: 500
}

.block-resident .desc-resident {
    width: 100%;
    color: #838383;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 19px
}

.block-resident>div {
    width: 100%
}

.block-resident .projectCard .cover-image a .dark-overlay {
    position: absolute;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .4)), to(rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7));
    background: -o-linear-gradient(top, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7));
    background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, .7));
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0
}

.block-resident>div .projectCard {
    width: 100%;
    max-width: 360px;
    position: relative;
    float: left;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden
}

.block-resident .projectCard .cover-image {
    position: relative;
    max-height: 262px;
    height: 100%
}

.block-resident>div .projectCard .info-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.block-resident>div .projectCard .info-container a.info-container-link {
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.block-resident>div .projectCard .info-container .info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    margin: 0 auto
}

.block-resident .info-container .project-name {
    display: block;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    white-space: normal;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 12px;
    width: 100%;
    line-height: 26px
}

.block-resident .info-container .project-address {
    margin-top: 18px;
    display: block;
    color: #fff;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.38
}

.block-resident>div .projectCard .info-container hr {
    max-width: 200px;
    width: 100%;
    margin: 0 auto;
    opacity: .5
}

.block-resident>div .projectCard,
.block-resident>div .listingCard {
    width: calc(33.333% - 20px);
    margin-right: 30px;
    margin-bottom: 30px
}

.block-resident>div .projectCard:nth-child(3n),
.block-resident>div .listingCard:nth-child(3n) {
    margin-right: 0
}

.block-resident>div .more {
    font-size: 18px;
    font-weight: 600;
    display: block;
    float: left;
    clear: both;
    color: #337588;
    font-weight: 400
}

.block-resident>div .more .zmdi {
    padding: 0 0 0 5px;
    vertical-align: bottom
}

@media (max-width:484px) {
    .block-resident>div .projectCard {
        width: 100%
    }
}

@media (max-width:640px) {
    .block-resident>div .projectCard:nth-child(n+4) {
        display: none
    }
}

@media (max-width:767px) {
    .block-resident>div .projectCard {
        width: calc(50% - 15px);
        max-width: inherit
    }
    .block-resident>div .projectCard:nth-child(3n) {
        margin-right: 30px!important
    }
    .block-resident>div .projectCard:nth-child(2n) {
        margin-right: 0!important
    }
}

@media (max-width:640px) {
    .block-resident>div .projectCard {
        width: 100%
    }
    .block-resident>div .projectCard {
        margin-right: 0;
        margin-bottom: 10px
    }
    .block-resident>div .more {
        font-size: 14px;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border-radius: 2px;
        border: 1px solid rgba(51, 117, 136, .5);
        text-align: center;
        margin-top: 10px
    }
    .block-resident>div .more .zmdi {
        display: none
    }
    .block-resident>div .more span {
        display: none
    }
}

.block-recently h2 {
    margin-bottom: 20px;
    line-height: 1.92!important
}

.listingCard-slide {
    width: 100%;
    max-width: 100%;
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid rgba(131, 131, 131, .1);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.block-recently .listingCard-slide:hover {
    -webkit-transform: all .3s;
    -ms-transform: all .3s;
    transform: all .3s;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .15);
    box-shadow: 0 0 6px rgba(0, 0, 0, .15)
}

.block-recently .listingCard-slide:hover .btn-favorite {
    display: block
}

.block-recently .listingCard-slide .btn-favorite.active {
    display: block
}

.block-recently .listingCard-slide .cover-image {
    position: relative
}

.block-recently .listingCard-slide .cover-image .best-price {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    padding: 5px;
    color: #fff;
    background: rgba(199, 37, 40, .9);
    font-size: 14px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    z-index: 12;
    border-radius: 2px;
    text-transform: uppercase
}

.block-recently .listingCard-slide .cover-image .watch-house {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 9px 0;
    color: #fff;
    background: rgba(199, 37, 40, .9);
    font-size: 16px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    width: 100%;
    z-index: 11
}

.block-recently .listingCard-slide .cover-image a {
    width: 100%;
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 66.67%
}

.block-recently .listingCard-slide .cover-image a img {
    position: absolute;
    display: block;
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.block-recently .listingCard-slide .cover-image .label-group {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    padding: 0 10px;
    z-index: 2
}

.block-recently .listingCard-slide .cover-image .label-group span {
    margin: 5px 5px 0 0
}

.block-recently .listingCard-slide .info-container {
    width: 100%;
    padding: 15px;
    background: #fff
}

.block-recently .listingCard-slide .info-container .listing-name {
    display: block;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #30333a;
    font-weight: 400;
    line-height: 1.5;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.block-recently .listingCard-slide .info-container .listing-address {
    margin-top: 8px;
    display: block;
    color: #838383;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.block-recently .listingCard-slide .info-container .listing-address h4 {
    display: inline-block;
    font-size: 14px;
    font-weight: 400
}

.block-recently .listingCard-slide .info-container .listing-address h4 a {
    color: #838383
}

.block-recently .listingCard-slide .info-container .listing-info {
    margin-top: 15px
}

.block-recently .listingCard-slide .info-container .listing-info li {
    display: inline-block;
    width: auto;
    font-size: 14px;
    margin-right: 15px;
    color: #838383
}

.block-recently .listingCard-slide .info-container .listing-info li .zmdi {
    color: #30333a;
    padding-right: 5px
}

.block-recently .listingCard-slide .info-container .listing-info li:last-child {
    margin-right: 0
}

.block-recently .listingCard-slide .info-container .listing-price {
    display: block;
    position: absolute;
    right: 20px;
    bottom: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #30333a;
    text-align: right
}

.block-recently .flexslider {
    border: unset
}

.block-recently {
    position: relative
}

.block-recently .flexslider:hover .flex-direction-nav .flex-prev {
    text-align: center;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    text-indent: -999px;
    left: -17px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 1px 20px 2px rgba(0, 0, 0, .23);
    box-shadow: 2px 1px 20px 2px rgba(0, 0, 0, .23)
}

.block-recently .flexslider:hover .flex-direction-nav .flex-next {
    text-align: center;
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    text-indent: -9999px;
    right: -17px;
    z-index: 9999;
    position: absolute;
    -webkit-box-shadow: 2px 1px 20px 1px rgba(0, 0, 0, .23);
    box-shadow: 2px 1px 20px 1px rgba(0, 0, 0, .23)
}

.block-recently .flex-direction-nav .flex-next {
    color: transparent;
    right: -50px
}

.block-recently .flex-direction-nav .flex-pre {
    left: 0
}

.block-recently .flex-direction-nav .flex-prev:before {
    font-size: 18px;
    top: 12px;
    position: absolute;
    left: 14px;
    text-indent: 0
}

.block-recently .flex-direction-nav .flex-next:before {
    font-size: 18px;
    top: 12px;
    position: absolute;
    left: 14px;
    text-indent: 0
}

.block-recently .flex-control-nav {
    display: none
}

.block-recently .flex-direction-nav a {
    top: 40%
}

.block-recently .btn-favorite {
    display: none
}

@media screen and (max-width:860px) {
    .block-recently .flex-direction-nav .flex-next,
    .block-recently .flex-direction-nav .flex-prev {
        opacity: 0
    }
}

.project-hot-trend .listingCard .info-container .listing-info li {
    margin-right: 10px;
    vertical-align: baseline
}

.project-hot-trend .listingCard .info-container .listing-info li:first-child {
    border-right: 1px solid rgba(68, 76, 89, .86);
    padding-right: 12px;
    vertical-align: baseline;
    height: 15px
}

.project-hot-trend .listingCard .info-container .listing-info.sell-soon li {
    border-right: unset
}

.project-hot-trend .listingCard .info-container .listing-info.sell-soon li:last-child {
    visibility: hidden
}

.project-hot-trend .listingCard .info-container .listing-info li span {
    color: #30333a;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3
}

.quickly-sell {
    background: url(../../images/bg-quick-sell.jpg) 50% 50% / cover no-repeat
}

.quickly-sell .font-tiempos-h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.3
}

.quickly-sell .content-detail-block {
    width: 100%;
    max-width: 100%;
    margin-left: 100px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.quickly-sell .content-detail-block p {
    line-height: 1.4;
    padding: 20px 0 25px;
    max-width: 424px;
    width: 100%
}

.quickly-sell .content-detail-block .option-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.quickly-sell .content-detail-block .option-group .btn-primary {
    margin: 0 10px 10px 0;
    max-width: 190px;
    background: #fff;
    border: unset;
    color: #30333a
}

.quickly-sell .content-detail-block .option-group .btn-primary:hover {
    background: #30333a;
    color: #f5821f
}

@media (max-width:768px) {
    .quickly-sell .content-detail-block {
        width: 100%;
        display: block;
        text-align: center;
        margin-left: 0;
        padding: 0 20px
    }
    .quickly-sell .font-tiempos-h2 {
        font-size: 20px
    }
    .quickly-sell .content-detail-block p {
        width: 100%;
        max-width: 299px;
        text-align: center;
        margin: 0 auto
    }
    .quickly-sell .content-detail-block .option-group {
        max-width: 299px;
        width: 100%;
        margin: 0 auto
    }
    .quickly-sell .content-detail-block .option-group .btn-primary {
        width: 100%;
        max-width: 100%
    }
}

.block-rent .heading-03 {
    margin-bottom: 5px
}

.visible-pc {
    display: block
}

.visible-sm {
    display: none
}

@media (max-width:768px) {
    .visible-pc {
        display: none
    }
    .visible-sm {
        display: block
    }
}

.block-recently .flexslider-sm .flex-direction-nav a {
    top: 50%
}

.block-recently .flexslider-sm:hover .flex-prev {
    opacity: .9;
    position: absolute;
    background: #fff;
    text-indent: -99px;
    border-radius: 50%;
    left: -10px;
    -webkit-box-shadow: 2px 1px 20px 2px rgba(0, 0, 0, .23);
    box-shadow: 2px 1px 20px 2px rgba(0, 0, 0, .23);
    top: 50%;
    z-index: 99
}

.block-recently .flexslider-sm:hover .flex-direction-nav .flex-next {
    text-align: center;
    background: #fff;
    border-radius: 50%;
    opacity: .9;
    text-indent: -999px;
    top: 50%;
    right: -10px;
    z-index: 999;
    position: absolute;
    -webkit-box-shadow: 2px 1px 20px 2px rgba(0, 0, 0, .23);
    box-shadow: 2px 1px 20px 2px rgba(0, 0, 0, .23)
}

.owl-carousel {
    position: relative
}

.owl-dots {
    display: none
}

.owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0
}

.owl-carousel .owl-nav {
    display: none
}

.owl-carousel:hover .owl-nav {
    display: block
}

.owl-carousel .owl-nav button.owl-prev {
    width: 40px;
    height: 40px;
    background: #fff!important;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: -23px;
    -webkit-box-shadow: 0 0 1px 1px rgba(130, 130, 130, .3);
    box-shadow: 0 0 1px 1px rgba(130, 130, 130, .3);
    border: solid 1px rgba(131, 131, 131, .1)!important
}

.owl-carousel .owl-nav button.owl-prev .zmdi {
    font-size: 30px
}

.owl-carousel .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    background: #fff!important;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    right: -23px;
    -webkit-box-shadow: 1px 1px 0 0 rgba(130, 130, 130, .3);
    box-shadow: 1px 1px 0 0 rgba(130, 130, 130, .3);
    border: solid 1px rgba(131, 131, 131, .1)
}

.owl-carousel .owl-nav button.owl-next .zmdi {
    font-size: 30px;
    padding-right: 0!important;
    padding-left: 4px
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    color: unset!important
}

@media (max-width:768px) {
    .owl-carousel .owl-nav {
        display: block
    }
    .owl-theme .owl-nav [class*="owl-"] {
        opacity: .8
    }
}

.hide-nav .owl-nav {
    display: none!important
}

.block-recently .listingCard-slide .info-container .listing-info li span {
    color: #30333a;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.3
}

.agency-rever {
	margin-right:30px;
    border-top: 1px solid rgba(48, 51, 58, .1)
}

.agency-rever a {
    color: #fff;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 500;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-width: -moz-min-content;
    max-width: -moz-max-content;
    text-align: center;
    border-radius: 2px;
    padding: 0 20px;
    white-space: nowrap;
    outline: unset;
    border: 1px solid #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s	
}

.agency-rever a:hover {
	background:rgba(255,255,255,0.1);
    opacity: .86;
    color: #f5821f
}

.main-header .col-right .login .user-avatar {
    margin-right: 20px
}

.block-contact-partner {
    padding-bottom: 30px
}

.contact-partner-container {
    padding: 35px 0 60px;
    border-top: solid 1px rgba(131, 131, 131, .2);
    border-bottom: solid 1px rgba(131, 131, 131, .2);
    width: 100%;
    display: block
}

.contact-partner-container ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-partner-container ul li {
    float: left;
    width: 50%
}

.contact-partner-container ul li img {
    max-width: 360px;
    width: 100%
}

.contact-partner-container ul li:first-child {
    text-align: right
}

.contact-partner-container ul li:last-child {
    margin-left: 60px
}

.contact-partner-container ul li .content-contact-partner {
    max-width: 460px;
    width: 100%
}

.contact-partner-container ul li .content-contact-partner h3 {
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    color: #30333a;
    margin-bottom: 10px
}

.contact-partner-container ul li .content-contact-partner p {
    font-size: 16px;
    line-height: 24px;
    color: #444c59;
    opacity: .86;
    font-weight: 400;
    margin-bottom: 20px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.contact-partner-container ul li .content-contact-partner .btn-find-agent {
    background: #30333a;
    height: 50px;
    line-height: 50px;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 0 40px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.contact-partner-container ul li .content-contact-partner .btn-find-agent:hover {
    opacity: .86;
    color: #fff
}

@media (max-width:768px) {
    .contact-partner-container ul {
        display: block;
        text-align: center
    }
    .contact-partner-container ul li {
        float: none;
        width: 100%;
        margin: 0;
        text-align: center!important
    }
    .contact-partner-container ul li:first-child,
    .contact-partner-container ul li:last-child {
        margin: 0
    }
    .contact-partner-container ul li:first-child {
        margin-bottom: 20px
    }
    .contact-partner-container ul li .content-contact-partner {
        max-width: 100%;
        width: 100%;
        text-align: center
    }
    .contact-partner-container ul li .content-contact-partner h3 {
        font-size: 20px;
        line-height: 28px
    }
}

.status-bottom-red {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    background: rgba(199, 37, 40, .86);
    font-size: 14px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    width: 100%;
    z-index: 2
}

.status-bottom-red:hover {
    color: #fff
}

.status-bottom-gray {
    position: absolute;
    bottom: 0;
    text-align: center;
    padding: 8px 0;
    color: #fff;
    background: rgba(48, 51, 58, .86);
    font-size: 14px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    width: 100%;
    z-index: 2
}

.status-bottom-gray:hover {
    color: #fff
}

.status-top-left {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    padding: 7px 7px 5px 7px;
    color: #fff;
    background: rgba(199, 37, 40, .86);
    font-size: 12px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    z-index: 2;
    border-radius: 2px;
    text-transform: uppercase
}

.status-top-left:hover {
    color: #fff
}

.font-tiempos-h2 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.9;
    color: #30333a
}

.font-rvharmonia {
    font-size: 16px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    color: #fff
}

.btn-primary {
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    min-width: -moz-available;
    max-width: -moz-available;
    text-align: center;
    border-radius: 2px;
    padding: 0 20px;
    white-space: nowrap
}

.btn-black-outline {
    color: #30333a;
    border: 1px solid #30333a;
    background: transparent
}

.description-block {
    font-size: 16px;
    line-height: 1.6;
    color: #838383;
    margin-bottom: 20px;
    z-index: 2
}

.captcha-wrapper {
  text-align: center;
  line-height: 0px;
}
.captcha-wrapper iframe {
    margin-top: 5px;
    margin-bottom: 10px;
}
body.show-login-popup {
  overflow-y: hidden;
}

.popup-login[data-v-fe71aafc] {
  z-index: 100;
}
a.disabled[data-v-fe71aafc] {
  opacity: 0.5;
}
input[type=number][data-v-fe71aafc]::-webkit-inner-spin-button,
input[type=number][data-v-fe71aafc]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.term-content[data-v-fe71aafc] {
  margin-bottom: 30px;
}
.term-content p[data-v-fe71aafc] {
    margin: 15px 0px 10px 0px;
    line-height: 19px;
    text-align: justify;
    font-size: 17px;
}
.term-content strong[data-v-fe71aafc] {
    font-size: 18px;
}

.popup-info-form-up-login[data-v-fe71aafc] {
  display: block;
}
.mdialog{position:fixed;top:0;height:100%;left:0;width:100%;z-index:99999;background:rgba(0,0,0,.5);}.mdialog.opened{display: block;}.mdialog .body{width:300px;min-height:100px;background:#fff;margin:60px auto 140px auto;}.mdialog-loading{position:relative;}.mdialog-loading:before{content:' ';top:0;left:0;width:100%;height:100%;position:absolute;background:#fff;opacity:0.4;z-index:1;}.mdialog-loading:after{content:' ';border:2px solid #303339;border-top:2px solid #fff;;border-radius:50%;width:30px;height:30px;position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1;}@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@media (max-width: 480px) {
  .position-toast {
    left: 0;
  }
}

.hide[data-v-fe26c84a] {
  display: none !important;
}
.recent-search li > a.active[data-v-fe26c84a] {
  background: #f3f4f7;
}

.hide[data-v-76646652] {
  display: none !important;
}
.search-suggest-list > li a.active[data-v-76646652] {
  background: #f3f4f7;
}
.search-mobile .search-block input[data-v-76646652]:focus {
  border: 0 !important;
}
html.hs-messages-widget-open.hs-messages-mobile,html.hs-messages-widget-open.hs-messages-mobile 
body{height:100%!important;overflow:hidden!important;position:relative!important}
html.hs-messages-widget-open.hs-messages-mobile 
body{margin:0!important}
#hubspot-messages-iframe-container{display:initial!important;z-index:2147483647;position:fixed!important;bottom:0!important}
#hubspot-messages-iframe-container.widget-align-left{left:0!important}
#hubspot-messages-iframe-container.widget-align-left .shadow{left:0}
#hubspot-messages-iframe-container.widget-align-left .shadow.active{background:radial-gradient(ellipse at bottom left,rgba(29,39,54,.16) 0,rgba(29,39,54,0) 72%)}
#hubspot-messages-iframe-container.widget-align-right{right:0!important}
#hubspot-messages-iframe-container.widget-align-right .shadow{right:0}
#hubspot-messages-iframe-container.widget-align-right .shadow.active{background:radial-gradient(ellipse at bottom right,rgba(29,39,54,.16) 0,rgba(29,39,54,0) 72%)}
#hubspot-messages-iframe-container.internal{z-index:1016}
#hubspot-messages-iframe-container.internal iframe{min-width:108px}
#hubspot-messages-iframe-container .shadow{display:initial!important;z-index:-1;position:absolute;width:0;height:0;bottom:0;content:""}
#hubspot-messages-iframe-container .shadow.internal{display:none!important}
#hubspot-messages-iframe-container .shadow.active{width:400px;height:400px}
#hubspot-messages-iframe-container iframe{display:initial!important;width:100%!important;height:100%!important;border:none!important;position:absolute!important;bottom:0!important;right:0!important;background:transparent!important}
.hotline-test a{color: #fff; -webkit-transition: all .3s;-o-transition: all .3s; transition: all .3s}
.hotline-test a:hover{color: #ccc}
.hotline-test:hover{background:#c52728}
@media screen and (max-width: 992px){
.hotline-test{width: 100%;padding: 12px 12px 12px 0px;background: #f5821f;position: fixed;bottom: 0px;z-index: 1000201;text-align: center;font-family: 'Cuprum', Helvetica, Arial, sans-serif;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
}
@media screen and (min-width: 993px){
.hotline-test{display:none}
}

/* Blog */
.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.127659574%;*margin-left:2.0744680846382977%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.99999998999999%;*width:99.94680850063828%}.row-fluid .span11{width:91.489361693%;*width:91.4361702036383%}.row-fluid .span10{width:82.97872339599999%;*width:82.92553190663828%}.row-fluid .span9{width:74.468085099%;*width:74.4148936096383%}.row-fluid .span8{width:65.95744680199999%;*width:65.90425531263828%}.row-fluid .span7{width:57.446808505%;*width:57.3936170156383%}.row-fluid .span6{width:48.93617020799999%;*width:48.88297871863829%}.row-fluid .span5{width:40.425531911%;*width:40.3723404216383%}.row-fluid .span4{width:31.914893614%;*width:31.8617021246383%}.row-fluid .span3{width:23.404255317%;*width:23.3510638276383%}.row-fluid .span2{width:14.89361702%;*width:14.8404255306383%}.row-fluid .span1{width:6.382978723%;*width:6.329787233638298%}.container-fluid{*zoom:1}.container-fluid:before,.container-fluid:after{display:table;content:""}.container-fluid:after{clear:both}@media(max-width:767px){.row-fluid{width:100%}.row-fluid [class*="span"]{display:block;float:none;width:auto;margin-left:0}}@media(min-width:768px) and (max-width:1139px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.762430939%;*margin-left:2.709239449638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:99.999999993%;*width:99.9468085036383%}.row-fluid .span11{width:91.436464082%;*width:91.38327259263829%}.row-fluid .span10{width:82.87292817100001%;*width:82.8197366816383%}.row-fluid .span9{width:74.30939226%;*width:74.25620077063829%}.row-fluid .span8{width:65.74585634900001%;*width:65.6926648596383%}.row-fluid .span7{width:57.182320438000005%;*width:57.129128948638304%}.row-fluid .span6{width:48.618784527%;*width:48.5655930376383%}.row-fluid .span5{width:40.055248616%;*width:40.0020571266383%}.row-fluid .span4{width:31.491712705%;*width:31.4385212156383%}.row-fluid .span3{width:22.928176794%;*width:22.874985304638297%}.row-fluid .span2{width:14.364640883%;*width:14.311449393638298%}.row-fluid .span1{width:5.801104972%;*width:5.747913482638298%}}@media(min-width:1280px){.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:28px;margin-left:2.564102564%;*margin-left:2.510911074638298%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.45299145300001%;*width:91.3997999636383%}.row-fluid .span10{width:82.905982906%;*width:82.8527914166383%}.row-fluid .span9{width:74.358974359%;*width:74.30578286963829%}.row-fluid .span8{width:65.81196581200001%;*width:65.7587743226383%}.row-fluid .span7{width:57.264957265%;*width:57.2117657756383%}.row-fluid .span6{width:48.717948718%;*width:48.6647572286383%}.row-fluid .span5{width:40.170940171000005%;*width:40.117748681638304%}.row-fluid .span4{width:31.623931624%;*width:31.5707401346383%}.row-fluid .span3{width:23.076923077%;*width:23.0237315876383%}.row-fluid .span2{width:14.529914530000001%;*width:14.4767230406383%}.row-fluid .span1{width:5.982905983%;*width:5.929714493638298%}}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:""}.clearfix:after{clear:both}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.hidden{display:none;visibility:hidden}.visible-phone{display:none !important}.visible-tablet{display:none !important}.hidden-desktop{display:none !important}@media(max-width:767px){.visible-phone{display:inherit !important}.hidden-phone{display:none !important}.hidden-desktop{display:inherit !important}.visible-desktop{display:none !important}}@media(min-width:768px) and (max-width:1139px){.visible-tablet{display:inherit !important}.hidden-tablet{display:none !important}.hidden-desktop{display:inherit !important}.visible-desktop{display:none !important}}

.blog img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom
}

.blog video {
    max-width: 100%;
    height: auto
}

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto
}

iframe[src^="/uploads/"] {
    width: 100%;
    max-width: 100%
}

@media(max-width:568px) {
    iframe {
        max-width: 100%
    }
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hs-menu-wrapper ul {
    padding: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    display: inline-block;
    margin-bottom: 20px
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul:before {
    content: " ";
    display: table
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul:after {
    content: " ";
    display: table;
    clear: both
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
    float: left
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children {
    position: relative
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    position: absolute;
    z-index: 10;
    left: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
    margin-bottom: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul {
    margin-bottom: 0
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children {
    position: static
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li {
    float: left
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul {
    margin-bottom: 20px
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-menu-depth-1>a {
    width: auto
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li a {
    padding: 10px 20px;
    text-decoration: none
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children {
    position: relative
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px
}

.hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover>ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul {
    max-width: 100%;
    overflow: hidden
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li.hs-item-has-children>ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2>a {
    padding-left: 4em
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3>a {
    padding-left: 6em
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4>a {
    padding-left: 8em
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5>a {
    padding-left: 140px
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18)
}

@media(max-width:568px) {
    .hs-menu-wrapper,
    .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
        display: block
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 {
        float: none
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch>ul li.hs-item-has-children.active-branch>ul.hs-menu-children-wrapper>li a {
        display: block;
        max-width: 100%;
        width: 100%
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1
}

.widget-type-space {
    visibility: hidden
}

.hs-author-listing-header {
    margin: 0 0 .75em 0
}

.hs-author-social-links {
    display: inline-block
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("")
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("")
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("")
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("")
}

.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {
    outline: 0
}

.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

.hs_cos_flex-slider {
    margin: 0;
    padding: 0
}

.hs_cos_flex-slider .hs_cos_flex-slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative
}

.hs_cos_flex-slider .hs_cos_flex-slides img {
    width: 100%;
    display: block;
    border-radius: 0px
}

.hs_cos_flex-pauseplay span {
    text-transform: capitalize
}

.hs_cos_flex-slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .hs_cos_flex-slides {
    display: block
}

* html .hs_cos_flex-slides {
    height: 1%
}

.hs_cos_flex-slider {
    margin: 0 0 60px;
    background: #fff;
    border: 0;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    zoom: 1
}

.hs_cos_flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease
}

.loading .hs_cos_flex-viewport {
    max-height: 300px
}

.hs_cos_flex-slider .hs_cos_flex-slides {
    zoom: 1
}

.carousel li {
    margin-right: 5px
}

.hs_cos_flex-direction-nav {
    *height: 0
}

.hs_cos_flex-direction-nav a {
    width: 30px;
    height: 30px;
    margin: -20px 0 0;
    display: block;
    background: url("../images/bg_direction_nav.png") no-repeat 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease
}

.hs_cos_flex-direction-nav .hs_cos_flex-next {
    background-position: 100% 0;
    right: -36px
}

.hs_cos_flex-direction-nav .hs_cos_flex-prev {
    left: -36px
}

.hs_cos_flex-slider:hover .hs_cos_flex-next {
    opacity: .8;
    right: 5px
}

.hs_cos_flex-slider:hover .hs_cos_flex-prev {
    opacity: .8;
    left: 5px
}

.hs_cos_flex-slider:hover .hs_cos_flex-next:hover,
.hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {
    opacity: 1
}

.hs_cos_flex-direction-nav .hs_cos_flex-disabled {
    opacity: .3 !important;
    filter: alpha(opacity=30);
    cursor: default
}

.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none
}

.hs_cos_flex_thumbnavs-direction-nav {
    *height: 0
}

.hs_cos_flex_thumbnavs-direction-nav a {
    width: 30px;
    height: 140px;
    margin: -60px 0 0;
    display: block;
    background: url("../images/bg_direction_nav.png") no-repeat 0 40%;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease
}

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {
    background-position: 100% 40%;
    right: 0px
}

.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {
    left: 0px
}

.hs-cos-flex-slider-control-panel img {
    cursor: pointer
}

.hs-cos-flex-slider-control-panel img:hover {
    opacity: .8
}

.hs-cos-flex-slider-control-panel {
    margin-top: -30px
}

.hs_cos_flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center
}

.hs_cos_flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.hs_cos_flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.hs_cos_flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7)
}

.hs_cos_flex-control-paging li a.hs_cos_flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default
}

.hs_cos_flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

.hs_cos_flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

.hs_cos_flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer
}

.hs_cos_flex-control-thumbs img:hover {
    opacity: 1
}

.hs_cos_flex-control-thumbs .hs_cos_flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width:860px) {
    .hs_cos_flex-direction-nav .hs_cos_flex-prev {
        opacity: 1;
        left: 0
    }
    .hs_cos_flex-direction-nav .hs_cos_flex-next {
        opacity: 1;
        right: 0
    }
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent
}

@media all and (max-width:400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center
    }
    #recaptcha_area table#recaptcha_table {
        width: 300px !important
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
        width: 300px !important
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 {
        width: 67px !important
    }
    #recaptcha_area table#recaptcha_table #recaptcha_image {
        width: 280px !important
    }
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white
}

.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right: -4px
}

.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px
}

pre {
    overflow-x: auto
}

table pre {
    white-space: pre-wrap
}

.comment {
    margin: 10px 0 10px 0
}

.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word
}

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

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px
}

#map_canvas img,
.google-maps img {
    max-width: none
}

#recaptcha_table td {
    line-height: 0
}

.recaptchatable #recaptcha_response_field {
    min-height: 0;
    line-height: 12px
}

body {
    margin: 0 auto;
    -webkit-font-smoothing: antialiased
}

a {
    text-decoration: none;
    color: #444b59
}

.post-body ~ a {
    color: #4990e2
}

.post-body ~ a:hover {
    color: ;
    #c52728
}

.font-icon {
    font-family: 'rever-icon', Verdana, Geneva, sans-serif;
    text-rendering: auto;
    line-height: 20px;
    font-size: 18px;
    font-style: normal
}

input {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.hs-tools-menu.hs-collapsed {
    display: none !important
}

img {
    height: auto !important;
    -ms-interpolation-mode: bicubic
}

.font-14 {
    font-size: 14px
}

.stickyTrigger {
    display: block;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    overflow: hidden;
    transform: translateY(-100%);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
    z-index: 800;
    margin-top: 50px
}

.is-stuck {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    visibility: visible;
    transform: translateY(0);
    margin-top: 0 !important
}

.advance-block {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

.advance-block h3 {
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px;
    display: block;
    overflow: hidden;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    margin: 0
}

.advance-block .adv-wrapper {
    display: block;
    overflow: hidden;
    width: 100%
}

.advance-block .adv-wrapper .item {
    display: block;
    width: 48%;
    background: #f4f5f9;
    float: left;
    margin-right: 4%
}

.advance-block .adv-wrapper .item:nth-child(2) {
    margin: 0
}

.advance-block .adv-wrapper .item .img {
    display: block;
    vertical-align: middle;
    padding-right: 5%;
    width: 25%;
    float: left;
    height: 60px
}

.advance-block .adv-wrapper .item .img a img {
    width: 100%;
    max-width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.advance-block .adv-wrapper .item .heading {
    display: block;
    width: 70%;
    overflow: hidden;
    float: left
}

.advance-block .adv-wrapper .item .heading a {
    display: block;
    font-size: 16px;
    line-height: 22px;
    color: #30333a;
    font-weight: 500;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5%;
    padding-top: 10px
}

.advance-block .adv-wrapper .item .heading p {
    margin: 0;
    overflow: hidden;
    padding-top: 5px;
    padding-right: 5%;
    height: auto;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.body-container-wrapper .rv-blog-banner-wrapper .RV-tittle-wrapper {
    max-width: 750px;
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    text-align: center;
    display: block;
    float: none;
    margin: 0 auto
}

.RV-tittle-wrapper h1 {
    margin: 0;
    padding-bottom: 20px;
    letter-spacing: .5px;
    font-size: 40px;
    line-height: 52px;
    font-weight: 500;
    color: #30333a;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.RV-tittle-wrapper .type-post {
    margin: 0;
    font-size: 14px;
    color: #838383;
    text-transform: uppercase
}

.RV-tittle-wrapper .type-post .topic-link-top {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    color: #838383
}

.border-t {
    border-top: solid 1px rgba(48, 51, 58, .2)
}

.hs-responsive-embed {
    position: relative;
    height: 0 !important;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0
}

.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 56.25% !important
}

.bg-image-section {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 30px 15px 50px;
    text-align: center;
    position: relative;
    height: auto;
    max-height: 220px
}

.bg-image-section h1 {
    position: relative;
    z-index: 99;
    font-size: 40px;
    color: #fff;
    margin: 0;
    font-weight: 500;
    padding: 0 0 20px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    line-height: 45px;
    letter-spacing: 1.7px
}

.bg-image-section p {
    position: relative;
    z-index: 99;
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
    margin: 0;
    line-height: 26px;
    font-weight: 100;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.header-featued-wrapper {
    padding-bottom: 30px;
    display: table;
    width: 100%;
    overflow: hidden
}

.header-featued-wrapper .right h2 {
    margin: 0;
    font-size: 24px;
    line-height: 36px;
    color: #30333a;
    font-weight: 500;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.header-featued-wrapper .left {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    text-align: right
}

.header-featued-wrapper .left a {
    overflow: hidden;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    font-size: 14px;
    color: #337588;
    cursor: pointer
}

.header-featued-wrapper a .fa {
    margin-left: 5px
}

.offer-list {
    width: calc(100% + 2%);
    display: block;
    overflow: hidden
}

.offer-item {
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border: solid 1px rgba(131, 131, 131, 0.2);
    display: block;
    padding: 25px 20px;
    width: 31.33%;
    margin-left: 2%;
    float: left;
    box-sizing: border-box
}

.offer-item:nth-child(1) {
    margin-left: 0
}

.offer-item .img {
    width: 32%;
    margin-right: 8%;
    display: block;
    float: left;
    height: auto;
    max-height: 145px
}

.offer-item .detail {
    width: 60%;
    display: block;
    float: left
}

.offer-item .detail .heading {
    margin: 0 0 6px;
    font-size: 18px;
    color: #30333a;
    height: auto;
    max-height: 48px;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-weight: 500
}

.offer-item .detail .sub p {
    font-size: 14px;
    color: #4f4f4f;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    display: block;
    overflow: hidden;
    line-height: 22px;
    margin-bottom: 6px;
    height: auto;
    max-height: 45px;
    margin-top: auto
}

.offer-item .btn-down-offer {
    display: block;
    background: #c52728;
    width: 100%;
    max-width: 130px;
    text-align: center;
    color: #fff;
    border-radius: 2px;
    height: 40px;
    line-height: 40px;
    font-weight: 400;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1140px;
    margin: 0 auto
}

.body-container .page-center {
    padding: 50px 0 0
}

.body-post-inner {
    margin-top: 60px;
    display: block;
    position: relative;
    float: none
}

.body-post-inner .left-title {
    font-size: 24px;
    font-weight: 500;
    color: #30333a;
    margin: 0;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.blog-listing-wrapper .post-listing .post-item {
    margin: 60px 0 0;
    display: block;
    overflow: hidden
}

.blog-listing-wrapper .post-listing .post-item:nth-child(1) {
    margin-top: 30px
}

.custom-image-featured {
    position: relative;
    width: 35%;
    margin-right: 4%;
    display: block;
    float: left
}

.custom-image-featured .hs-featured-image-wrapper {
    overflow: hidden;
    width: 100%;
    height: 175px
}

.custom-image-featured img {
    width: 100%;
    max-width: 100%;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .2)
}

.post-header {
    display: block;
    overflow: hidden;
    width: 61%;
    float: left
}

.post-header h2 {
    width: 100%;
    display: block;
    margin: 0;
    height: auto;
    max-height: 64px;
    letter-spacing: .3px;
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    overflow: hidden
}

.post-header .categories {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 10px
}

.post-header .categories a {
    color: #337588;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.post-header .post-body {
    font-size: 16px;
    line-height: 24px;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    color: #444b59
}

.post-header .post-body p {
    margin: 0
}

.post-header .custom-date,
.post-header .author-link {
    color: #838383 !important;
    font-size: 14px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.blog-pagination {
    display: block;
    margin: 60px 0;
    text-align: center
}

.blog-pagination>div {
    display: inline-block
}

.blog-pagination-left {
    text-align: right
}

.blog-pagination-right {
    text-align: left
}

.blog-pagination a {
    min-width: 36px;
    height: 36px;
    line-height: 41px;
    font-size: 18px;
    color: #838383;
    vertical-align: top;
    display: inline-block;
    background: #fff;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    border-radius: 2px
}

.blog-pagination .pagination__current,
.blog-pagination a:hover,
.blog-pagination a:focus {
    text-decoration: none;
    opacity: 1;
    color: #fff;
    background: #30333a
}

.blog-pagination a.elipses {
    border: 0
}

.blog-pagination a.active {
    color: #c72528;
    cursor: default;
    font-weight: 500
}

.blog-pagination a.next-link,
.blog-pagination a.prev-link {
    position: relative
}

.blog-pagination a.prev-link:after {
    content: '\f104';
    font-family: FontAwesome;
    text-rendering: auto;
    line-height: 20px;
    font-size: 25px;
    color: #337588;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto !important;
    width: 11px;
    text-align: center;
    line-height: 36px;
    display: block
}

.blog-pagination a.prev-link:hover:after,
.blog-pagination a.next-link:hover:after {
    color: #c72528;
    background: #fff;
    display: block;
    width: 100%
}

.blog-pagination a.next-link:after {
    content: '\f105';
    font-family: FontAwesome;
    text-rendering: auto;
    line-height: 20px;
    font-size: 25px;
    color: #337588;
    position: absolute;
    right: 0;
    left: 0;
    margiN: 0 auto !important;
    width: 11px;
    text-align: center;
    line-height: 36px
}

.blog-list-recent-post-wrapper {
    margin-bottom: 30px
}

.blog-list-recent-heading {
    display: block;
    overflow: hidden;
    margin: 30px 0;
    height: auto;
    line-height: 36px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-weight: 500
}

.blog-list-recent-post-list-item {
    padding-top: 30px;
    display: block;
    width: 100%;
    overflow: hidden
}

.blog-list-recent-post-list-item:nth-child(1) {
    padding-top: 0
}

.custom-rec-image {
    width: 30%;
    margin-right: 5%;
    display: block;
    float: left
}

.custom-rec-image a {
    width: 100%;
    height: auto;
    max-height: 95px;
    display: block;
    overflow: hidden
}

.custom-rec-image a img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    max-height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.custom-rec-content {
    display: block;
    width: 65%;
    float: left;
    overflow: hidden
}

.custom-rec-content a {
    display: block;
    width: 100%;
    height: auto;
    max-height: 45px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    overflow: hidden;
    line-height: 22px
}

.custom-rec-date {
    font-size: 14px;
    color: rgba(79, 79, 79, .6);
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    display: block;
    padding-top: 10px
}

.sub-mail-siderbar {
    background: #f3f5f8;
    padding: 40px 20px;
    text-align: center
}

.sub-mail-siderbar .img {
    margin: 0
}

.sub-mail-siderbar .heading {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    color: #30333a;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    padding-top: 20px
}

.sub-mail-siderbar .sub {
    margin: 0;
    padding-top: 20px;
    font-size: 14px;
    color: #444b59;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.sub-mail-siderbar form .input .hs-input {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    border: 1px solid rgba(131, 131, 131, .5);
    outline: 0;
    font-size: 14px;
    margin-bottom: 7px;
    -webkit-appearance: none
}

.sub-mail-siderbar form .hs_email label>span {
    display: none
}

.sub-mail-siderbar form .hs-error-msgs {
    display: block;
    padding: 0;
    list-style: none;
    color: #c52728;
    font-size: 14px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.sub-mail-siderbar form .hs_submit .hs-button {
    margin-top: 7px;
    width: 100%;
    border-radius: 2px;
    background: #c52728;
    border: 0;
    outline: 0;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    -webkit-appearance: none
}

.sub-mail-bottom-wrapper {
    display: block;
    background: #f4f5f9;
    padding: 60px 0;
    width: 100%;
    overflow: hidden
}

.body-container-wrapper .sub-mail-bottom-wrapper .sub-mail-bottom-inner {
    max-width: 490px;
    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center
}

.sub-mail-bottom-inner form {
    position: relative
}

.sub-mail-bottom-inner .heading .title {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    color: #30333a;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.sub-mail-bottom-inner .heading .sub {
    margin: 0;
    padding-top: 20px;
    font-size: 14px;
    color: #444b59;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.sub-mail-bottom-inner form .input {
    width: 100%;
    max-width: 360px;
    display: block;
    float: left
}

.sub-mail-bottom-inner form .input .hs-input {
    height: 55px;
    font-size: 18px;
    padding: 5px 20px;
    font-weight: 100;
    outline: 0;
    border: solid 1px rgba(48, 51, 58, 0.31);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    box-shadow: rgba(45, 45, 45, 0.05) 0 0 0, rgba(49, 49, 49, 0.05) 0 1px 1px, rgba(42, 42, 42, 0.05) 0 2px 2px, rgba(32, 32, 32, 0.05) 0 4px 4px, rgba(49, 49, 49, 0.05) 0 8px 8px, rgba(35, 35, 35, 0.1) 0 16px 16px;
    -webkit-appearance: none
}

.sub-mail-bottom-inner form .hs_submit .actions input {
    width: 100%;
    max-width: 125px;
    margin: 0;
    border: 0;
    height: 55px;
    padding: 0;
    line-height: 55px;
    display: block;
    float: left;
    background: #c52728;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    outline: 0;
    cursor: pointer;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    box-shadow: rgba(45, 45, 45, 0.05) 0 0 0, rgba(49, 49, 49, 0.05) 0 1px 1px, rgba(42, 42, 42, 0.05) 0 2px 2px, rgba(32, 32, 32, 0.05) 0 4px 4px, rgba(49, 49, 49, 0.05) 0 8px 8px, rgba(35, 35, 35, 0.1) 0 16px 16px;
    -webkit-appearance: none
}

.sub-mail-bottom-inner form .hs_email label>span {
    display: none
}

.sub-mail-bottom-wrapper .sub-mail-bottom-inner form .hs-error-msgs {
    margin: 0;
    list-style: none;
    width: 100%;
    position: absolute;
    max-width: 360px;
    padding: 0;
    left: 0;
    bottom: -80px;
    font-size: 12px;
    font-weight: 100;
    color: #c52728;
    text-align: left;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.rv-footer-wrapper {
    width: 100%;
    margin: 0 auto;
    background: #111;
    padding-bottom: 30px
}

.rv-footer-wrapper .widget-type-cell.rv-footer-content {
    display: block;
    float: none;
    color: #fff;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
    padding: 40px 0 20px;
    font-size: 14px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.rv-footer-wrapper .widget-type-cell.rv-footer-content .hotline-info {
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden
}

.rv-footer-wrapper .widget-type-cell.rv-footer-content .hotline-info li {
    float: left;
    width: 20%;
    list-style: none
}

.rv-footer-wrapper .hotline-info li span {
    display: block;
    float: left;
    color: #fff;
    padding: 0 10px 0 0;
    height: 100%;
    min-height: 40px
}

.rv-footer-wrapper .hotline-info li p {
    margin: 0
}

.rv-footer-wrapper .hotline-info li .cyt a {
    font-size: 16px;
    font-weight: 500;
    color: #00a6bd
}

.rv-footer-wrapper .widget-type-cell.rv-footer-content .box-about-ft {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding: 40px 0;
    margin: 30px 0 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    overflow: hidden
}

.rv-footer-wrapper .box-about-ft .right-ft {
    width: 100%;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0
}

.rv-footer-wrapper .box-about-ft .right-ft li {
    float: left;
    width: calc(20% - 30px);
    margin-right: 30px;
    list-style: none;
    position: relative
}

.rv-footer-wrapper .box-about-ft .right-ft .left-ft {
    color: #fff
}

.rv-footer-wrapper .right-ft a {
    color: rgba(255, 255, 255, 0.50);
    display: block;
    padding: 8px 0;
    font-size: 14px
}

.rv-footer-wrapper .left-ft p {
    font-size: 12px !important;
    padding: 10px 0;
    margin: 0;
    font-weight: 400;
    color: rgba(255, 255, 255, .5) !important
}

.rv-footer-wrapper .right-ft .social a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 0 10px 0 0
}

.rv-footer-wrapper .right-ft .social a {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 0 10px 0 0
}

.rv-footer-wrapper .right-ft li .link-cty,
.rv-footer-wrapper .right-ft li .link-dv,
.rv-footer-wrapper .right-ft li .link-tt,
.rv-footer-wrapper .right-ft li .link-ud {
    letter-spacing: 1.2px;
    line-height: 1.5;
    padding: 0 0 13px
}

.rv-footer-wrapper .right-ft li p {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.86);
    margin: 0
}

.rv-footer-wrapper .last-row {
    display: table;
    padding-top: 30px;
    width: 100%
}

.rv-footer-wrapper .last-row .left,
.rv-footer-wrapper .last-row .right {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    font-weight: 400
}

.rv-footer-wrapper .last-row .left {
    color: rgba(255, 255, 255, .5)
}

.rv-footer-wrapper .last-row .right a {
    display: inline-block;
    padding-left: 20px;
    color: rgba(255, 255, 255, .5);
    font-size: 12px
}

.rv-footer-wrapper .last-row .right a:first-child {
    padding-left: 0
}

.last-row .right {
    text-align: right
}

.ft-active {
    display: block !important
}

@media screen and (min-device-width:768px) and (max-device-width:1920px) and (-webkit-min-device-pixel-ratio:1) {
    .menu-nav .right-menu ul li:first-child a:hover {
        color: #c52728
    }
    .right-menu ul li a.rightmenu-linkblack:hover {
        border-bottom: 2px solid #303339;
        color: rgba(119, 118, 118, 0.96)
    }
    .right-menu ul li a.rightmenu-link:hover {
        border-bottom: 2px solid #303339;
        color: rgba(119, 118, 118, 0.96)
    }
    .blog-menu-inner .active,
    .blog-menu-inner .blog-menu ul li a:hover {
        border-bottom: 2px solid #303339
    }
}

.header-container-wrapper .rv-header-wrapper {
    display: block;
    overflow: hidden;
    width: 100%
}

.header-container-wrapper .header-container {
    height: 110px;
    overflow: hidden
}

.header-container-wrapper .rv-header-wrapper.row2 {
    height: 50px
}

.header-container-wrapper .rv-header-wrapper .rv-header-content {
    max-width: 1140px;
    width: 100%;
    display: block;
    float: none;
    margin: 0 auto;
    height: 60px
}

.rv-header-content .menu-nav .top-bar,
.rv-header-content .menu-nav .top-bar-sm {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 60px
}

.header-container-wrapper .rv-header-wrapper .rv-header-content .menu-nav .right-menu {
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.menu-nav .right-menu ul {
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    height: 60px;
    line-height: 60px
}

.menu-nav .right-menu ul li {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: center
}

.right-menu ul li a.rightmenu-linkblack {
    width: 100%;
    margin: 2px 14px 0 15px;
    border-bottom: 2px solid transparent;
    color: #303339;
    font-weight: 400;
    font-size: 14px;
    line-height: 56px
}

.header1506-link {
    display: block;
    font-size: 16px;
    color: #303339;
    cursor: pointer;
    -webkit-transition: color .25s linear, border-bottom .25s linear;
    -moz-transition: color .25s linear, border-bottom .25s linear;
    -o-transition: color .25s linear, border-bottom .25s linear
}

.header-logo {
    width: 44px !important;
    padding-top: 7px;
    display: block;
    float: left;
    margin: 0
}

.space-icon {
    vertical-align: middle;
    padding-right: 5px
}

.header-logo-inner {
    width: 44px !important;
    float: left !important;
    margin: 0
}

.rv-header-content .main-nav {
    float: right;
    display: block;
    overflow: hidden;
    height: 60px;
    width: calc(100% - 44px);
    margin: 0
}

.border-navgroup-gray .border-navgroup a {
    font-weight: 500 !important
}

.border-navgroup-gray:before {
    border-left: 1px solid rgba(48, 51, 58, .2);
    content: '';
    position: absolute;
    left: 15px;
    top: 21px;
    height: 16px
}

.blog-menu-inner .blog-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 50px;
    line-height: 50px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.blog-menu-inner .blog-menu ul li {
    display: inline-block;
    width: auto;
    margin-right: 30px;
    height: 50px;
    line-height: 45px
}

.blog-menu-inner .blog-menu ul li a {
    padding: 0;
    font-size: 14px;
    margin-top: 2px;
    display: block;
    line-height: 42px
}

.sb-search {
    position: relative;
    width: 0;
    min-width: 40px;
    height: 50px;
    float: right;
    overflow: hidden;
    -webkit-transition: width .3s;
    -moz-transition: width .3s;
    transition: width .3s;
    -webkit-backface-visibility: hidden
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0px;
    border: 0;
    outline: 0;
    background: #fff;
    width: 100%;
    height: 40px;
    margin: 5px 0;
    z-index: 10;
    font-size: 16px;
    padding: 0 10px !important;
    -webkit-appearance: none;
    border: 1px solid #c52728;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

.sb-icon-search,
.sb-search-submit {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    padding: 0;
    margin: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.sb-search-submit {
    background: #fff;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    color: transparent;
    color: red;
    border: 0;
    outline: 0;
    z-index: -1
}

.sb-icon-search {
    color: #fff;
    background: #c52728;
    z-index: 90;
    font-size: 18px;
    font-family: FontAwesome;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 2px
}

.sb-icon-search:before {
    content: ""
}

.sb-search.sb-search-open {
    width: 100%
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #c52728;
    color: #fff;
    z-index: 11
}

.blog-search-body-wrapper {
    display: block;
    overflow: hidden;
    max-width: 750px;
    float: none;
    margin: 0 auto
}

.input-search {
    background: #fff;
    display: block;
    position: relative;
    height: 50px;
    float: left;
    width: calc(100% - 155px)
}

.input-search input {
    height: 100%;
    width: 100%;
    font-size: 18px;
    outline: 0;
    border: solid 1px rgba(48, 51, 58, .2);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-appearance: none;
    padding-left: 50px
}

.icon-s-h {
    font-size: 28px;
    color: #c9d6dd;
    vertical-align: middle;
    font-weight: 200;
    position: absolute;
    top: 15px;
    left: 15px
}

.searchicon:before {
    content: '\F102'
}

.btn-search {
    float: left;
    width: 155px;
    height: 50px
}

.btn-search button {
    color: #fff;
    background: #c72528;
    border: 0;
    font-size: 18px;
    line-height: 50px;
    width: 100%;
    text-align: center;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    font-weight: 500
}

.blog-results .gsc-control-cse {
    padding: 0 !important
}

.blog-results .gcsc-branding {
    display: none
}

.blog-results .gsc-above-wrapper-area {
    padding: 0 0 10px 0
}

.blog-results .gsc-result-info {
    padding-left: 0
}

.blog-results .gsc-results .gsc-cursor-box {
    margin: 40px 0;
    text-align: center
}

.blog-results .gsc-cursor-page {
    margin-right: 4px !important;
    min-width: 36px;
    height: 36px;
    line-height: 41px;
    font-size: 18px;
    color: #838383 !important;
    vertical-align: top;
    display: inline-block !important;
    background: #fff;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    border-radius: 2px
}

.blog-results .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
.blog-results .gsc-cursor-current-page {
    text-decoration: none !important;
    color: #fff !important;
    background: #30333a !important;
    outline: 0
}

.search-sm {
    height: 60px;
    display: block;
    line-height: 60px;
    overflow: hidden
}

.search-sm:before {
    content: "\f002";
    font-family: FontAwesome;
    font-size: 13px;
    color: rgba(48, 51, 58, .5);
    position: absolute;
    left: 40px
}

.search-sm form {
    display: block;
    width: calc(100% - 90px);
    overflow: hidden;
    float: left;
    margin: 0 30px
}

.search-sm form input {
    width: 100%;
    border: 1px solid rgba(48, 51, 58, .2);
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    padding: 0 10px 0 30px;
    -webkit-appearance: none;
    outline: 0;
    font-size: 14px;
    vertical-align: middle
}

.search-sm .font-icon {
    font-size: 30px;
    vertical-align: middle;
    display: block;
    width: 30px;
    height: 60px;
    line-height: 60px;
    float: right;
    overflow: hidden
}

.rv-blog-body-wrapper .row-fluid {
    max-width: 750px;
    margin: 0 auto;
    width: 100%;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 18px
}

.rv-blog-body-wrapper .post-heading {
    display: table;
    overflow: hidden;
    padding: 20px 0;
    color: #30333a;
    width: 100%
}

.rv-blog-body-wrapper .post-heading-left,
.rv-blog-body-wrapper .post-heading-right {
    width: 50%;
    display: table-cell;
    overflow: hidden;
    vertical-align: middle
}

.rv-blog-body-wrapper .post-heading-left .avatar-agent {
    display: inline-block;
    vertical-align: sub
}

.rv-blog-body-wrapper .post-heading-left .avatar-agent img {
    width: 40px;
    height: 40px !important;
    border-radius: 50%;
    margin-right: 10px
}

.rv-blog-body-wrapper .post-heading-left .name {
    display: inline-block;
    vertical-align: middle
}

.rv-blog-body-wrapper .post-heading-left .name a {
    font-size: 16px;
    height: 40px;
    line-height: 40px
}

.rv-blog-body-wrapper .post-heading-left .name p,
.rv-blog-body-wrapper .post-heading-right .date-post {
    font-size: 14px;
    color: #838383;
    margin: 0
}

.rv-blog-body-wrapper .post-heading-right .date-type {
    text-align: right
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper h2,
h3,
h4 {
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    color: #444b59
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper h2 {
    font-size: 26px;
    line-height: 42px;
    font-weight: 500
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper h3 {
    font-size: 22px;
    line-height: 34px;
    font-weight: 400
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper p {
    line-height: 1.67;
    color: #444b59
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper a {
    color: #4990e2
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper a:hover {
    color: #c52728
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper ul li,
.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper ol li {
    line-height: 1.67;
    color: #444b59
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper blockquote {
    position: relative;
    margin: 0 50px;
    display: block;
    float: left
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper blockquote:before {
    content: '\f10d ';
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: -50px;
    z-index: 100;
    font-size: 30px;
    color: #444b59
}

.rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper blockquote p {
    margin: 0;
    display: block;
    font-size: 20px;
    line-height: 1.25
}

.rv-blog-body-wrapper .main-body .hs-featured-image-wrapper {
    margin-bottom: 20px
}

.cta_button,
.hs-cta-img {
    box-shadow: rgba(45, 45, 45, 0.05) 0 0 0, rgba(49, 49, 49, 0.05) 0 1px 1px, rgba(42, 42, 42, 0.05) 0 2px 2px, rgba(32, 32, 32, 0.05) 0 4px 4px, rgba(49, 49, 49, 0.05) 0 8px 8px, rgba(35, 35, 35, 0.1) 0 16px 16px
}

.rv-blog-body-wrapper .tags-group {
    margin: 50px 0;
    display: block;
    overflow: hidden
}

.rv-blog-body-wrapper .tags-group .items {
    display: block;
    background: #f3f4f7;
    width: auto;
    float: left;
    padding: 0 20px;
    color: #838383;
    border-radius: 2px;
    text-align: center;
    margin-right: 10px;
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    font-weight: 100;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    box-sizing: border-box
}

.rv-blog-body-wrapper .tags-group .items a {
    display: block;
    cursor: pointer
}

.rv-blog-body-wrapper .mail-sub .heading {
    display: block;
    width: 100%;
    max-width: 490px;
    overflow: hidden
}

.rv-blog-body-wrapper .mail-sub .heading img {
    display: inline-block;
    width: 70px;
    padding-top: 8px;
    float: left;
    margin-right: 30px
}

.rv-blog-body-wrapper .mail-sub .heading p {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 36px;
    font-weight: 400;
    text-align: left;
    float: left;
    width: calc(100% - 102px);
    color: #30333a
}

.rv-blog-body-wrapper .mail-sub .heading .sub {
    font-size: 14px;
    line-height: 1.57;
    text-align: left;
    color: #838383;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    padding-top: 10px
}

.rv-blog-body-wrapper .mail-sub {
    background: #f3f4f7;
    padding: 50px 0;
    display: block
}

.rv-blog-body-wrapper .mail-sub .hs-form-field label span {
    display: none
}

.rv-blog-body-wrapper .mail-sub .cell-wrapper>span {
    display: block;
    margin: 0 auto;
    max-width: 490px;
    width: 100%;
    position: relative;
    font-size: 20px;
    text-align: center;
    color: #337588
}

.rv-blog-body-wrapper .mail-sub form {
    width: 100%;
    max-width: 490px;
    display: block;
    margin: 0 auto;
    overflow: inherit;
    position: relative
}

.rv-blog-body-wrapper .mail-sub form .input {
    width: 100%;
    max-width: 360px;
    display: block;
    float: left
}

.rv-blog-body-wrapper .mail-sub form .input input {
    height: 55px;
    font-size: 18px;
    padding: 5px 20px;
    font-weight: 100;
    outline: 0;
    border: solid 1px rgba(48, 51, 58, 0.31);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: rgba(45, 45, 45, 0.05) 0 0 0, rgba(49, 49, 49, 0.05) 0 1px 1px, rgba(42, 42, 42, 0.05) 0 2px 2px, rgba(32, 32, 32, 0.05) 0 4px 4px, rgba(49, 49, 49, 0.05) 0 8px 8px, rgba(35, 35, 35, 0.1) 0 16px 16px
}

.rv-blog-body-wrapper .mail-sub form .hs_submit .actions input {
    width: 100%;
    max-width: 125px;
    margin: 0;
    border: 0;
    height: 55px;
    padding: 0;
    line-height: 55px;
    display: block;
    float: left;
    background: #c52728;
    color: #fff;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    outline: 0;
    cursor: pointer;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    -webkit-appearance: none;
    box-shadow: rgba(45, 45, 45, 0.05) 0 0 0, rgba(49, 49, 49, 0.05) 0 1px 1px, rgba(42, 42, 42, 0.05) 0 2px 2px, rgba(32, 32, 32, 0.05) 0 4px 4px, rgba(49, 49, 49, 0.05) 0 8px 8px, rgba(35, 35, 35, 0.1) 0 16px 16px
}

.rv-blog-body-wrapper .mail-sub form .hs-form-field .hs-error-msgs {
    margin: 0;
    list-style: none;
    width: 100%;
    position: absolute;
    max-width: 360px;
    padding: 0;
    left: 0;
    bottom: -80px;
    font-size: 12px;
    font-weight: 100;
    color: #c52728;
    text-align: left
}

.rv-blog-body-wrapper .post-items .post-detail {
    width: 48%;
    display: block;
    float: left;
    margin-right: 4%
}

.rv-blog-body-wrapper .post-items .post-detail:nth-child(2) {
    margin-right: 0;
    text-align: right;
    float: right
}

.rv-blog-body-wrapper .post-items .post-detail span {
    font-size: 12px;
    color: rgba(79, 79, 79, .6)
}

.rv-blog-body-wrapper .post-items .post-detail .title {
    margin: 0;
    display: inline-block;
    float: left;
    line-height: 22px;
    max-height: 45px;
    overflow: hidden;
    width: 100%
}

.rv-blog-body-wrapper .post-items .post-detail .title a {
    font-size: 16px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    cursor: pointer;
    color: #30333a
}

.rv-blog-body-wrapper .post-items .post-detail .title a:hover {
    color: #c52728
}

.rv-blog-body-wrapper .relative-post-list .btn-nav .btn {
    font-family: FontAwesome;
    font-size: 20px;
    padding: 10px 5px;
    position: absolute;
    top: 45%;
    cursor: pointer;
    color: #337588
}

.rv-blog-body-wrapper .relative-post-list {
    position: relative
}

.rv-blog-body-wrapper .relative-post-list .post-items {
    padding: 40px 0;
    display: block;
    overflow: hidden;
    width: 100%;
    float: left
}

.rv-blog-body-wrapper .relative-post-list .btn-nav .btn.pre {
    left: -40px;
    transition: all .5s
}

.rv-blog-body-wrapper .relative-post-list .btn-nav .btn.pre:before {
    content: "\f104"
}

.rv-blog-body-wrapper .relative-post-list .btn-nav .btn.next {
    float: right;
    right: -40px;
    transition: all .5s
}

.rv-blog-body-wrapper .relative-post-list .btn-nav .btn.next:before {
    content: "\f105"
}

.rv-relative-wrapper {
    width: 100%;
    display: block;
    background: #f3f5f8;
    margin: 0 auto;
    float: none;
    padding: 60px 0
}

.rv-relative-wrapper .row-fluid {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}

.rv-relative-wrapper .row-fluid .rv-relative-inner h3 {
    font-size: 24px;
    line-height: 36px;
    color: #30333a;
    text-align: center;
    font-weight: 500;
    margin: 0;
    padding-bottom: 30px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

#owl-demo .item {
    padding: 0;
    margin-right: 3%;
    display: block;
    overflow: hidden;
    width: 31.33%;
    float: left
}

#owl-demo .item:nth-child(3n) {
    margin-right: 0
}

.related-image a {
    height: 200px;
    width: 100%
}

.related-image a {
    height: 200px;
    width: 100%;
    overflow: hidden;
    display: block;
    position: relative
}

.related-image a img {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.related-title .heading-post {
    display: block;
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.5;
    color: #30333a;
    font-weight: 500;
    letter-spacing: .2px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
    max-height: 45px;
    overflow: hidden;
    white-space: normal
}

.related-title .categories {
    margin: 0;
    text-align: left;
    margin-bottom: 10px
}

.related-title .categories a {
    font-size: 14px;
    font-weight: 500;
    color: #337588;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

.related-title .sumary {
    margin: 0;
    font-size: 14px;
    line-height: 1.71;
    text-align: left;
    color: #444b59;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;;
    height: 43px;
    overflow: hidden;
    margin-bottom: 10px
}

.related-title .sumary p {
    margin: 0
}

.related-title .author-n-date {
    font-size: 14px;
    line-height: 1.43;
    color: rgba(79, 79, 79, .6);
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

@media(max-width:1139px) and (min-width:320px) {
    .rv-relative-wrapper {
        padding: 60px 20px
    }
    .rv-footer-wrapper .widget-type-cell.rv-footer-content {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 40px
    }
}

@media(max-width:1080px) {
    .header-container-wrapper .rv-header-wrapper {
        padding: 0 20px
    }
    .blog-menu-inner .blog-menu ul {
        padding: 0
    }
    .body-container .page-center {
        padding: 50px 20px 0
    }
}

@media(max-width:800px) {
    .rv-footer-wrapper .widget-type-cell.rv-footer-content .hotline-info li {
        width: 25%;
        margin-bottom: 15px
    }
    .rv-footer-wrapper .widget-type-cell.rv-footer-content .box-about-ft {
        padding: 40px 0 0;
        margin-top: 15px
    }
    .rv-footer-wrapper .box-about-ft .right-ft {
        position: relative;
        padding-bottom: 200px;
        text-align: center
    }
    .rv-footer-wrapper .box-about-ft .right-ft .left-ft {
        width: 100% !important;
        position: absolute;
        bottom: 20px;
        border-top: 1px solid rgba(255, 255, 255, .12);
        padding: 20px 0 0
    }
    .rv-footer-wrapper .box-about-ft .right-ft li {
        width: 25%;
        margin: 0
    }
}

@media(max-width:768px) {
    .RV-tittle-wrapper h1 {
        max-width: 100%;
        font-size: 32px;
        line-height: 42px
    }
    img {
        max-width: 100%;
        border: 0;
        -ms-interpolation-mode: bicubic;
        vertical-align: bottom
    }
    .rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper h2,
    .rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper h3,
    .rv-blog-body-wrapper .main-body .post-body .hs_cos_wrapper h4 {
        font-size: 26px;
        line-height: 36px
    }
    .rv-blog-body-wrapper {
        padding: 0 20px
    }
    .rv-blog-body-wrapper .row-fluid {
        max-width: 100%
    }
    .rv-blog-body-wrapper .post-body .hs_cos_wrapper {
        display: block;
        overflow: hidden
    }
    .rv-blog-body-wrapper .tags-group {
        margin: 50px 0
    }
    #owl-demo .item {
        width: 48%;
        margin-right: 4%;
        display: block;
        float: left
    }
    #owl-demo .item:nth-child(2) {
        margin-right: 0
    }
    #owl-demo .item:nth-child(3) {
        display: none
    }
    .rv-footer-wrapper .rv-footer-content .rv-branch {
        width: calc(100% * 1/2 - 20px)
    }
    .rv-footer-wrapper .rv-footer-content .rv-branch p {
        padding: 10px 0 30px
    }
    .rv-footer-content .row1 {
        padding: 60px 0 15px
    }
    .footer-row .items {
        padding-bottom: 10px
    }
    .footer-nav {
        padding-bottom: 0
    }
    .footer-row .last-items {
        text-align: left
    }
}

@media(max-width:480px) {
    .RV-tittle-wrapper h1 {
        font-size: 30px;
        line-height: 40px
    }
    .rv-blog-body-wrapper .tags-group .items {
        margin-bottom: 10px
    }
    .rv-relative-wrapper .owl-carousel {
        padding: 0 20px
    }
    .rv-footer-wrapper .widget-type-cell.rv-footer-content .hotline-info li {
        width: 50%
    }
    .rv-footer-wrapper .last-row {
        display: flex;
        text-align: center;
        flex-wrap: wrap
    }
    .rv-footer-wrapper .last-row .left {
        width: 100%;
        order: 2
    }
    .rv-footer-wrapper .last-row .right {
        width: 100%;
        text-align: center;
        padding-bottom: 20px
    }
    .rv-footer-wrapper .right-ft li {
        width: 100% !important;
        text-align: left;
        padding: 0 0 10px 10px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12)
    }
    .rv-footer-wrapper .right-ft li .link-cty,
    .rv-footer-wrapper .right-ft li .link-dv,
    .rv-footer-wrapper .right-ft li .link-tt,
    .rv-footer-wrapper .right-ft li .link-ud {
        padding: 15px 0 5px
    }
    .rv-footer-wrapper .right-ft li:first-child {
        border: 0;
        text-align: center
    }
    .rv-footer-wrapper .box-about-ft .right-ft .left-ft {
        border-top: 0
    }
    .rv-footer-wrapper .widget-type-cell.rv-footer-content .box-about-ft {
        padding: 0
    }
    .rv-footer-wrapper .box-about-ft .right-ft {
        padding-bottom: 150px
    }
    .rv-footer-wrapper .right-ft li p span:after {
        position: absolute;
        right: 10px;
        top: 15px;
        content: "\f116";
        font-size: 32px
    }
    .right-ft li div {
        display: none
    }
    .rv-blog-body-wrapper .mail-sub {
        padding-right: 20px;
        padding-left: 20px
    }
    .rv-blog-body-wrapper .mail-sub .heading .img {
        display: block;
        width: 100%;
        overflow: hidden;
        margin-bottom: 20px
    }
    .rv-blog-body-wrapper .mail-sub .heading img {
        margin: 0 auto;
        padding: 0;
        float: none
    }
    .rv-blog-body-wrapper .mail-sub .heading .sub {
        display: none
    }
    .rv-blog-body-wrapper .mail-sub .heading p {
        width: 100%;
        text-align: center
    }
    .rv-blog-body-wrapper .mail-sub form .input,
    .rv-blog-body-wrapper .mail-sub form .hs_submit .actions input {
        max-width: 100%;
        border-radius: 0
    }
    .rv-blog-body-wrapper .mail-sub form .input input {
        margin-bottom: 30px;
        box-shadow: unset
    }
    .rv-header-content .menu-nav .top-bar {
        display: none
    }
    .blog-menu-inner .blog-menu ul {
        overflow-x: scroll;
        white-space: nowrap
    }
    .blog-menu-inner .blog-menu ul li {
        margin-right: 20px;
        display: inline-block
    }
    .body-container-wrapper .rv-blog-banner-wrapper .RV-tittle-wrapper {
        padding: 30px 15px
    }
    .rv-relative-wrapper {
        padding: 30px 0
    }
    .rv-relative-wrapper .row-fluid .rv-relative-inner h3 {
        padding-bottom: 30px
    }
    #owl-demo .item {
        width: 100%;
        margin: 0;
        padding-bottom: 20px
    }
    #owl-demo .item:nth-child(3) {
        display: block;
        padding-bottom: 0
    }
    .related-post-item .related-image {
        display: block;
        float: left;
        width: 25%;
        margin-right: 20px
    }
    .related-post-item .related-image a {
        height: auto
    }
    .related-post-item .related-title {
        width: calc(75% - 20px);
        display: block;
        float: left;
        overflow: hidden
    }
    .related-post-item .related-title .heading-post {
        margin-top: 0
    }
    .advance-block .adv-wrapper .item {
        width: 100%;
        margin: 0 0 10px
    }
    .bg-image-section h1 {
        font-size: 32px;
        padding: 0 0 20px;
        line-height: 40px
    }
    .bg-image-section p {
        font-size: 16px;
        line-height: 22px
    }
    .offer-list {
        width: 100%
    }
    .offer-item {
        width: 100%;
        margin: 0 0 20px
    }
    .body-post-inner {
        margin-top: 30px
    }
    .blog-listing-wrapper .post-listing .post-item {
        margin: 30px 0 0
    }
    .custom-image-featured {
        width: 100%;
        margin-right: 0
    }
    .custom-image-featured .hs-featured-image-wrapper {
        height: auto
    }
    .post-header {
        padding-top: 20px;
        width: 100%
    }
    .post-header .categories,
    .post-header .post-body {
        padding-top: 5px
    }
    .sub-mail-bottom-wrapper {
        margin-top: 30px;
        padding: 30px 20px 60px
    }
    .sub-mail-bottom-inner form .input {
        max-width: 65%
    }
    .sub-mail-bottom-inner form .hs_submit .actions input {
        max-width: 35%
    }
}

.full-article-footer {
    border-top: 1px solid #e0dfdb
}

.rv-category {
    margin-top: 85px;
    border: 1px solid rgba(0, 0, 0, .2)
}

.rv-category h2 {
    margin: 0;
    text-align: center;
    background: #1871c9;
    color: #fff;
    padding: 10px;
    font-family: 'Cuprum', Helvetica, Arial, sans-serif;
}

/* page */
.form-contact .contact form .hs-richtext>h5{padding-bottom:20px}#contact-now-form .mdialog-body{margin:auto;height:auto;max-height:inherit}.bg-opa{background:rgba(0,0,0,.32);text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;color:#fff;margin:auto;height:100%;font-size:14px}.display-table{display:table;width:100%;height:100%}.display-table a{color:#fff}.bg-opa a{display:table-cell;vertical-align:middle}.sticky-footer{position:fixed;background:#fff;width:100%;bottom:0;left:0;right:0;padding:10px 20px;display:none;justify-content:space-between;border-top:1px solid #f4f5f9;z-index:1000}.sticky-footer div{width:50%;padding:0 10px}.bg-overlay-wrapper{background:rgba(0,0,0,.9);height:100vh;overflow:auto;position:relative}.s-form-wrapper{width:100%;max-width:645px;margin:0 auto;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.s-form-close-btn{display:block;height:36px;width:36px;position:absolute;background:#fff;top:-15px;right:-13px;border-radius:50%;box-shadow:rgba(45,45,45,.05) 0 0 0 , rgba(49,49,49,.05) 0 1px 1px , rgba(42,42,42,.05) 0 2px 2px , rgba(32,32,32,.05) 0 4px 4px}.s-form-close-btn::before{content:"\f136";font-family:Material-Design-Iconic-Font;text-align:center;height:36px;width:36px;display:block;line-height:36px;box-sizing:border-box;font-size:22px}.s-form-back-btn{display:none;height:20px;width:20px;position:absolute;left:15px}.s-form-back-btn::before{content:"\f2ea";font-family:Material-Design-Iconic-Font;text-align:center;font-size:22px;color:#838383}.s-form-heading{width:100%;background:#f3f4f7;overflow:hidden}.s-heading-inner{padding:30px 0 20px;text-align:center;position:relative}.s-heading-inner h2{font-size:20px;font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-weight:500}.s-form-body{font-size:14px;color:rgba(68,76,89,.5)}.s-body-inner{padding:50px 45px}.s-body-inner .row{display:block;width:100%;margin-bottom:20px;overflow:hidden}.s-body-inner .row:last-child{margin-bottom:0}.s-body-inner .row>.s-form-col2:nth-child(2){margin-right:0}.s-body-inner .row ul,.s-body-inner .row ul li{display:inline-block}.s-body-inner .row ul li{margin-left:30px}.s-input-form{width:100%;height:36px;line-height:36px;border:1px solid rgba(48,51,58,.5)!important;border-radius:2px;padding:8px 10px 5px;font-size:14px}.s-form-checkbox{position:absolute;opacity:0}.s-form-checkbox+label{position:relative;cursor:pointer;padding:0}.s-form-checkbox+label:before{content:'';margin-right:10px;display:inline-block;vertical-align:bottom;width:18px;height:18px;background:#fff;border:1px solid #30333a;border-radius:2px;object-fit:contain}.s-form-checkbox:checked+label::before{background:#337588}.s-form-checkbox:checked+label:after{content:'';position:absolute;left:5px;top:6px;background:#fff;width:2px;height:2px;box-shadow:2px 0 0 #fff , 4px 0 0 #fff , 4px -2px 0 #fff , 4px -4px 0 #fff , 4px -6px 0 #fff , 4px -8px 0 #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.s-form-col{width:100%}.s-form-col2{width:49%;margin-right:2%;float:left}.s-form-col2>input:last-child{margin-right:0}.s-form-btn{display:block;overflow:hidden;margin:40px auto 0;width:100%;max-width:320px}.bg-black{width:100%;background:#303339}.s-padding-tb{padding-top:60px;padding-bottom:60px}.s-banner-bg{/*margin-top:60px;*/width:100%;height:auto;position:relative;z-index:1;padding:200px 0 150px}.s-banner-bg::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-color:rgba(0,0,0,.25)}.s-banner-bg-inner{height:100%;z-index:1;position:relative;display:table;width:100%;top:0;left:0;max-width:1140px;margin:auto}.s-banner-header-wrapper{display:table-cell;vertical-align:middle;text-align:left;max-width:750px}.s-banner-header-wrapper h1{font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-size:40px;font-weight:300;color:#fff;line-height:1.5;width:100%;max-width:650px;padding-bottom:20px}#s-all .s-banner-header-wrapper h1{max-width:100%;text-align:center}#s-all .s-banner-header-wrapper .sumary{max-width:58%;text-align:center;margin:auto;padding:0}.s-banner-header-wrapper .btn-contact{margin:unset}.s-banner-bg .sumary{font-size:20px;color:rgba(255,255,255,.8);line-height:1.5;display:block;padding-bottom:30px}.s-banner-bg .sumary>a{color:rgba(255,255,255,.8);font-weight:500}.guide-item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;max-width:1140px;overflow:hidden;margin:auto}.s-padding-tb:nth-child(even) .guide-item .s-col:last-child,.s-padding-tb:nth-child(odd) .guide-item .s-col:first-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.s-padding-tb:nth-child(even) .guide-item .s-col:last-child,.s-padding-tb:nth-child(odd) .guide-item .s-col:first-child{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.s-padding-tb:nth-child(even) .guide-item .s-col:last-child .s-content{padding-left:5%}.s-content p{max-width:460px}.s-content p>a{color:#fff;font-weight:600}.s-col{position:relative;display:block;width:50%;margin:0;padding:0}.s-col .img-wrapper{display:table;position:relative;width:100%;line-height:0}.s-col .img-wrapper a img{width:100%}.s-col .bg-opa .zmdi::before{content:'\f3a8';font-family:Material-Design-Iconic-Font;font-size:2em;font-style:normal}.s-content{width:100%;max-width:490px;z-index:3;margin:0 auto;font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-size:16px;line-height:1.67}.s-feature-heading{font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-size:36px;font-weight:500;line-height:1.4;margin-bottom:20px}.s-heading{width:100%;font-size:30px;line-height:1.4;font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-weight:500;padding-bottom:50px;text-align:center}.s-text-w{color:#fff!important}.s-heading-policy{width:100%;font-size:18px;line-height:1.5;font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-weight:500;padding-bottom:30px}.s-content ul li{padding-left:30px;padding-top:10px;position:relative;display:block}.s-content ul li:before{content:"";background-image:url(../images/check-icon.svg);display:block;position:absolute;left:0;top:16px;background-repeat:no-repeat;width:14px;height:14px}.s-content .s-btn-inner{display:block;float:left;overflow:hidden;width:100%;margin-top:30px}.s-content .s-btn-inner .s-btn-red{float:left}.s-content .s-btn-inner .s-btn-red:nth-child(2){margin-left:10px}.s-btn-black{display:block;width:100%;float:left;height:50px;line-height:50px;margin:0 auto;background:#fff;border:1px solid #30333a;color:#30333a;padding:0 10px;cursor:pointer;clear:both;font-weight:600;text-align:center;border-radius:2px;font-size:18px}.s-btn-red{display:inline-block;width:100%;height:50px;line-height:50px;margin:0 auto;background:#c52728;color:#fff;padding:0 20px;cursor:pointer;font-weight:600;text-align:center;border-radius:2px;font-size:18px;max-width:fit-content;min-width:192px}.s-btn-red:hover{background:#cf373a;color:#fff}.s-col-2{width:46%;margin-right:7%;display:block;float:left}.s-col-3{width:31.33%;margin-right:2%;display:block;float:left}.s-col-3 .item{text-align:center;padding:0 40px;font-family: 'Cuprum', Helvetica, Arial, sans-serif;}.s-col-3 .item .icon-wrapper{width:100%;position:relative;display:block}.s-col-3 .item .icon-wrapper img{width:100%;max-width:70px;height:100px;margin:auto;bottom:0;left:0;right:0;vertical-align:middle}.s-col-3 .item .icon-wrapper>span{width:100%;color:#337588;font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-size:60px;font-weight:500;vertical-align:middle;line-height:1}.s-col-3 .item h4{font-size:20px;padding-top:20px;line-height:30px}.s-col-3 .item p{font-size:16px;color:#838383;line-height:1.62;margin-top:10px}.s-benifit-bg{background-image:url();background-position:0 50%;background-size:cover}.s-benifit-inner{position:relative;display:block;width:100%;max-width:945px;margin:auto;background:#fff;box-shadow:rgba(45,45,45,.05) 0 0 0 , rgba(49,49,49,.05) 0 1px 1px , rgba(42,42,42,.05) 0 2px 2px , rgba(32,32,32,.05) 0 4px 4px , rgba(49,49,49,.05) 0 8px 8px , rgba(35,35,35,.1) 0 16px 16px;overflow:hidden;-webkit-appearance:none}.s-benifit-inner .table{width:70%;display:block;float:left;overflow:hidden;border:1px solid rgba(131,131,131,.2);border-right:0}.s-benifit-inner .table table{width:100%;padding:40px 35px;font-size:18px;color:#444c59;border-spacing:0}.s-benifit-inner .table table thead th{vertical-align:middle;font-size:1em}.s-benifit-inner .table table tbody .row{text-align:center;height:50px;line-height:50px}.s-benifit-inner .table table tbody .row td{font-size:1em;border-bottom:1px solid rgba(48,51,58,.1)}.s-benifit-inner .table table tbody .row:last-child td{border:0}.s-benifit-inner .table table tbody .total{font-weight:500}.s-benifit-inner .table table tbody .row .name{text-align:left}.s-benifit-inner .table table tbody .row .free{color:#79a14b;position:relative}.s-benifit-inner .adv{width:30%;display:block;float:left;overflow:hidden;background-color:#30333a;position:absolute;top:0;right:0;bottom:0}.s-benifit-inner .adv .adv-inner{color:#fff;height:100%;padding:60px 50px;text-align:center;position:relative}@media only screen and (min-width:320px){.spacer{position:relative;padding-top:100%}.circle{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;box-sizing:border-box;text-align:center;display:block;background:linear-gradient(45deg,#00c9ff,#55dbff)}.circle:before{content:'';display:inline-block;height:100%;vertical-align:middle}.circle .wrapcontent{display:inline-block;vertical-align:middle;font-family: 'Cuprum', Helvetica, Arial, sans-serif;}.circle .wrapcontent>h2{font-size:80px;line-height:1}.circle .wrapcontent p{font-size:20px!important;margin:0!important}}.s-benifit-inner .adv .adv-inner p{font-size:18px;margin-top:30px;line-height:28px}.s-customer-rating{position:relative;margin:auto;max-width:945px;color:#444c59;text-align:center}.s-customer-rating .s-customer-rating-btn .btn-next{position:absolute;top:60%;right:0;font-family:rever-icon,arial;font-size:50px;padding:5px;z-index:999;color:#838383}.s-customer-rating .s-customer-rating-btn .btn-next:before{content:"\f119"}.s-customer-rating .s-customer-rating-btn .btn-pre{position:absolute;top:60%;left:0;font-family:rever-icon,arial;font-size:50px;padding:5px;z-index:999;color:#838383}.s-customer-rating .s-customer-rating-btn .btn-pre:before{content:"\f118"}.s-customer-rating .description{max-width:730px;margin:auto;font-size:16px;line-height:1.72}.s-customer-rating .customer{margin-top:40px}.s-customer-rating .customer .info{margin-top:20px;color:#444c59;font-size:16px}.s-customer-rating .customer .info .name{font-size:16px;font-weight:600;line-height:28px;color:#30333a}.s-customer-rating .avatar{display:inline-block;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:80px;height:80px;background:#fff;position:relative;overflow:hidden}.s-customer-rating .avatar img{width:100%;position:absolute;display:block;max-width:100%;left:0;right:0;top:0;bottom:0;margin:auto;border-radius:50%}.s-bg-price{content:"";background-image:url(../images/group6@2x.jpg);background-size:cover;display:block}.step-number-wrapper{display:block;width:100%;overflow:hidden}.step-number-wrapper .s-col-2:nth-child(2){margin-right:0}.step-number{display:block;width:100%;overflow:hidden;margin-bottom:50px}.step-number:nth-child(3){margin-bottom:0}.number{float:left;width:45px;font-size:80px;height:auto;line-height:78px;vertical-align:middle;text-align:center;box-sizing:border-box;color:rgba(113,113,113,.2)}.step-content{display:block;width:calc(100% - 100px);float:left;margin-left:55px}.step-content .heading{font-size:20px;color:#30333a;display:block;font-weight:500;padding-bottom:15px;line-height:32px}.step-content .detail{font-size:16px;color:#838383;line-height:1.62;font-weight:400}.s-bg-subcription{background:#363636}.s-subcription-inner{width:100%;max-width:920px;text-align:center;color:#fff;margin:auto}.s-subcription-inner .title{font-size:18px;line-height:1.67;padding-bottom:30px}.btn-contact{max-width:192px;margin:auto;font-size:14px;color:rgba(255,255,255,.86);line-height:1}.btn-contact .s-btn-red{margin-bottom:15px}.s-col-3 .s-blog{border:1px solid rgba(131,131,131,.2);padding:20px;display:block;margin-bottom:25px;min-height:90px;height:auto;cursor:pointer;background:#fff}.s-col-3 .s-blog:hover{border:1px solid #c52728}.s-col-3 .s-blog:hover a{color:#c52728}.s-col-3:nth-child(n+4) .s-blog{margin-bottom:0}.s-col-3 .s-blog a{font-size:16px;color:#30333a;line-height:1.5;font-weight:500;font-family: 'Cuprum', Helvetica, Arial, sans-serif;}.s-faq-wrapper{width:100%;max-width:750px;margin:auto}.s-faq{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;border-bottom:1px solid rgba(48,51,58,.1)}.s-faq:last-child{border-bottom:0}.s-faq-heading{padding:20px 0;margin-bottom:0}.s-faq-heading h4{position:relative;display:block}.s-faq-heading h4 a{color:#444c59;font-size:20px;font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-weight:400}.s-faq-heading h4 .zmdi{font-size:20px;color:#337588;position:absolute;right:0;top:0;padding:0}.policy-heading{background:#f4f5f9;padding:100px 0 50px!important}.policy-heading>.heading-wrapper{top:50%}.policy-heading .heading-wrapper .heading-inner h1{color:#303339}.bg-about{width:100%;height:auto;position:relative;z-index:1;padding:120px 0 70px}.bg-about:before{background-color:rgba(48,51,58,.4);height:100%;width:100%;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.none-bg-overlay::before{background:0 0!important}.heading-wrapper{height:100%;z-index:1;position:relative;width:100%;top:0;left:0;max-width:1140px;margin:auto}.heading-wrapper .heading-inner{max-width:950px;overflow:hidden;margin:auto}.heading-wrapper .heading-inner h1{text-align:center;color:#fff;font-size:30px;font-weight:400;line-height:1.67;font-family: 'Cuprum', Helvetica, Arial, sans-serif;}.heading-wrapper .heading-inner .sumary{font-size:20px;color:rgba(255,255,255,.8);line-height:1.5;display:block;padding:20px 0 20px;text-align:center}.s-description{font-size:16px;text-align:center;max-width:750px;margin:auto;color:#444c59;line-height:1.67}.branch-map{display:block;width:100%;position:relative;overflow:hidden}.branch-map img{display:block;max-width:750px;left:0;right:0;top:0;bottom:0;margin:auto}.s-grid{max-width:1140px;margin:0 auto;display:flex;flex-flow:row;flex-wrap:wrap;text-align:center}.s-gutters{margin-left:-1em}.s-column-2>.s-cell,.s-column-4>.s-cell{flex:1}.s-column-2>.s-cell{min-width:50%}.s-column-4>.s-cell{min-width:25%}.s-gutters .s-cell{padding-left:1em}.s-gutters .s-cell>a{background:#fff;display:block;padding:20px;font-size:16px;border:solid 1px rgba(131,131,131,.2);font-family: 'Cuprum', Helvetica, Arial, sans-serif;}.s-cell-content{margin-top:50px;overflow:hidden}.s-column{margin:10px;flex-grow:1;flex-shrink:1;flex-basis:0%}.s-column{padding:20px;text-align:center;font-size:16px}.s-column a{font-family: 'Cuprum', Helvetica, Arial, sans-serif;}.about-avatar{display:block;width:30%;margin-right:5%;float:left;overflow:hidden}.staff-info{display:block;width:65%;float:left;text-align:left;color:#838383}.staff-info .name{color:#30333a;font-size:20px;font-weight:600;margin-bottom:10px;line-height:1.4}.staff-info .roll{color:#337588;margin-bottom:10px;font-size:14px}.staff-info .des{line-height:1.7;font-size:14px;max-width:340px;width:100%}.staff-avatar{border-radius:50%;height:100%;max-height:125px;width:100%;max-width:125px;margin:auto;position:relative;overflow:hidden}.staff-name{margin-top:20px;font-weight:600;color:#30333a;font-size:14px}.staff-roll{margin-top:5px;color:#337588;font-size:14px}.cta-form{display:block;background:#fff;color:#30333a;border-radius:2px;width:100%;height:40px;border:1px solid #30333a;line-height:40px;font-weight:500}.fone-b:before{content:"\f115";font-size:1em}.sub-title{color:#444c59;font-size:20px;display:block;overflow:hidden;line-height:1.67;text-align:center;padding-bottom:30px}.line-header{display:block;background:#c52728;height:2px;max-width:60px;margin-bottom:25px}#rv-photo{display:flex;flex-flow:row wrap}.photo-detail-wrapper .title{color:#30333a;font-size:2em;font-weight:600;display:block;overflow:hidden;line-height:1.4;max-width:74%;margin-bottom:15px}.photo-detail-wrapper .content{font-size:1.6em;color:#838383;overflow:hidden;line-height:1.6;max-width:82%}.photo-detail-wrapper .content>a{font-weight:500;color:#838383}#rv-photo li:nth-child(n+4){margin-top:40px}.photo-category{margin:0;padding:0;width:calc(100% + 30px);float:left}.category-wrapper{width:31.33%;float:left;margin-right:2%;padding:0;overflow:hidden}.photo-category .category-wrapper:nth-child(3){margin-right:0}.category-wrapper a{background-color:#fff;border:1px solid #f2f2f2;display:block;-webkit-transition:all .25s ease-in;transition:all .25s ease-in;text-align:center;padding:15px 15px 0}.category-wrapper a img{display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.category-wrapper a:hover img{opacity:.8;-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)}.category-wrapper .view-zoom>div{overflow:hidden}.category-wrapper a h5{font-size:2em!important;padding:20px 0 10px!important;line-height:2;color:#30333a;display:block;overflow:hidden;text-transform:unset!important}.mgr-l-0{margin-left:0}.mgr-t-60{margin-top:60px}.pd-t-100{padding-top:100px}.pd-bt-20{padding-bottom:20px}.pd-bt-30{padding-bottom:30px}.pd-0{padding:0}.s-sreach-cover{position:absolute;bottom:-205px;left:0;background:#30333a;width:100%;height:auto;border-radius:2px;padding:30px 40px}.s-sreach-cover-inner{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.s-sreach-type{position:relative;display:inline-block;height:55px;background:#fff;border-radius:2px;outline:0;font-size:16px;color:rgba(68,76,89,.7);line-height:55px;border:1px solid #838383;flex-grow:1;margin:0 5px;cursor:pointer;box-sizing:border-box;outline:0;border:0;flex-basis:130px}.s-dropdown{padding:3px 10px 0}.s-dropdown:after{content:"\f2f9";font-family:Material-Design-Iconic-Font;position:absolute;right:10px;top:0;font-size:1.2em}.s-dropdown.active{border-radius:2px 2px 0 0;background:#fff;box-shadow:none;border-bottom:none}.s-dropdown-content{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 2px 2px;border-top:none;border-bottom:none;list-style:none;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;max-height:0;box-shadow:0 0 10px 0 rgba(0,0,0,.1);overflow:hidden;z-index:1}.s-dropdown-content li{padding:0 10px;height:40px;line-height:40px}.s-dropdown-content li:hover a{color:#c52728;height:40px;line-height:40px}.s-dropdown.active .s-dropdown-content{border-top:1px solid #838383;max-height:170px;overflow-y:scroll;padding:10px 0}.s-sreach-input{flex-grow:2}.s-sreach-input input{width:100%;height:100%;outline:0;border:0;padding:0 10px;font-size:16px;border-radius:2px;padding-top:5px}.s-sreach-input input:focus{border:0!important}.s-sreach-input input::placeholder{font-size:16px;color:rgba(68,76,89,.7)}.s-sreach-btn{text-align:center;max-width:160px;background:#c52728;border:2px;width:100%}.s-sreach-btn button{color:#fff;display:block;font-weight:500;cursor:pointer;width:100%;height:100%;background:#c52728;outline:0;border:0;border-radius:2px;text-align:center;font-size:18px}.s-sreach-btn:hover{background:#cf373a}.flex-viewport{display:-moz-inline-box;display:inline-block;zoom:1;padding:0;overflow:hidden;vertical-align:middle;width:100%}#service-all{position:relative}#service-all .flex-direction-nav{display:none}#service-all .flex-control-nav{bottom:20px;z-index:10}#service-all .flex-control-paging li a{background:rgba(255,255,255,.5)}#service-all .flex-control-paging li a.flex-active{background:#fff;border:1px solid rgba(0,0,0,.8);box-sizing:border-box}.flex-viewport ul li{display:inline-block;width:100%}.flex-viewport .section-container{display:block;float:left;width:100%;box-sizing:border-box;position:relative;max-height:500px}.flex-viewport .section-container .img{display:block;width:100%}.flex-viewport .section-container .section-content{position:absolute;right:0;bottom:20px;background:#fff;padding:50px 30px;width:100%;max-width:420px;box-shadow:0 2px 10px 0 rgba(0,0,0,.06)}.flex-viewport .section-container .section-content .line-header{background:#c52728;height:2px;width:100%;margin:0 0 20px;max-width:60px}.flex-viewport .section-container .section-content .section-heading{font-size:3em;color:#30333a;font-weight:500;line-height:1.3;margin-bottom:10px}.flex-viewport .section-container .section-content p{font-size:1.6em;color:#838383;line-height:1.62;max-width:85%}#s-rv-buy .suggest-result{top:55px}.contact-warpper{display:block;width:100%;padding:0 97px}.contact-left{width:50%;max-width:458px;float:left;font-size:16px;line-height:1.63;color:#444c59}.contact-left img{padding-bottom:15px}.contact-left>p{font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-size:20px;color:#30333a;font-weight:500}.contact-left .address{padding-top:13px}.contact-left .address .address-content{display:block;width:100%;overflow:hidden}.contact-left .address .address-content .left{display:inline-block;width:fit-content;min-width:60px;float:none}.contact-left .address .address-content .right{display:inline-block;width:calc(100% - 60px);float:none;font-weight:600}.contact-right{width:50%;max-width:415px;float:right;background:#fff;border:1px solid rgba(131,131,131,.2);padding:50px;-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.05);box-shadow:0 2px 20px 0 rgba(0,0,0,.05)}.contact-right div[data-fr="success-box"]{display:table;height:100%;min-height:400px}.contact-right div[data-fr="success-box"]>p{text-align:center!important;padding-top:0!important;height:auto;display:table-cell;vertical-align:middle}.contact-btn-items{background:#fff;border:1px solid rgba(131,131,131,.2);padding:25px;display:flex;margin-top:30px;box-shadow:0 2px 20px 0 rgba(0,0,0,.05);transition:box-shadow .3s ease-out , transform .3s ease-out , opacity .2s ease-out , background .2s ease-out;transition-delay:.1s;cursor:pointer}@media screen and (min-width:320px){.contact-btn-items{flex:100%}}@media screen and (min-width:630px){.contact-btn-items{flex:0 1 calc(50% - 2%)}}@media screen and (min-width:979px){.contact-btn-items{flex:0 1 calc(33.33% - 2%)}}.contact-btn-list{max-width:1140px;margin:0 auto;display:flex;flex-flow:row;flex-wrap:wrap;text-align:center;justify-content:space-between}.contact-btn-list .contact-btn-items:nth-child(1),.contact-btn-list .contact-btn-items:nth-child(2),.contact-btn-list .contact-btn-items:nth-child(3){margin-top:0}.contact-btn-items:hover{opacity:1!important;box-shadow:rgba(45,45,45,.05) 0 0 0 , rgba(49,49,49,.05) 0 1px 1px , rgba(42,42,42,.05) 0 2px 2px , rgba(32,32,32,.05) 0 4px 4px , rgba(49,49,49,.05) 0 8px 8px , rgba(35,35,35,.1) 0 16px 16px;transform:translate(0,-2px)}.contact-btn-icon.zmdi{display:flex;justify-content:center;align-items:center;font-size:40px;padding-right:25px;line-height:1.2;color:#30333a}.contact-btn-link{display:table-cell;vertical-align:middle;text-align:left}.contact-btn-link .heading{font-size:20px;font-weight:600;margin-bottom:5px;line-height:1.5;color:#30333a}.contact-btn-link .content{color:rgba(0,166,189,.86);font-size:16px;font-weight:600}.about-branch-heading{font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-size:24px;line-height:1.6;font-weight:500;color:#30333a;margin-bottom:30px}.about-office-list{display:flex;flex-wrap:wrap;width:calc(100% + 30px)}.about-office-item{display:flex;margin:0 30px 30px 0}@media screen and (min-width:480px){.about-office-item{width:calc(100% * 1 / 2 - 30px)}}@media screen and (min-width:630px){.about-office-item{width:calc(100% * 1 / 3 - 30px)}}.office-cover{margin-bottom:20px}.office-detail .name{color:#30333a;font-size:16px;font-weight:600;text-transform:uppercase;margin-bottom:5px}.office-detail .address{color:#444c59;font-size:14px}.investor-list{width:100%;max-width:750px;margin:auto}.investor-list li{margin-top:40px;border-bottom:1px solid rgba(48,51,58,.1)}.investor-list li:first-child{margin-top:0}.investor-list li:last-child{border:0}.investor-item{width:100%;display:block;overflow:hidden}.investor-item .left{display:block;float:left;overflow:hidden;width:194px;margin-right:30px}.investor-item .left>img{display:block;margin:auto;width:100%;max-width:194px;border:1px solid rgba(131,131,131,.2)}.investor-item .right{display:block;float:left;overflow:hidden;width:calc(100% - 224px);font-size:16px}.investor-item .right .name{font-family: 'Cuprum', Helvetica, Arial, sans-serif;font-size:24px;color:#30333a;letter-spacing:.3px;line-height:1.33;font-weight:500;margin-bottom:10px}.investor-item .right .roll{color:#337588;line-height:1.25;margin-bottom:20px}.investor-item .right .content{color:#444c59;line-height:1.5}.investor-item .right .content p{margin-bottom:10px}.investor-item .right .investor-btn-more{margin-bottom:40px}.investor-item .right .investor-btn-more>a{font-size:14px;color:#337588;font-weight:600}.investor-item .right .investor-btn-more>a .zmdi{margin-left:10px;font-size:18px;padding:0}@media only screen and (max-width:1080px){.s-banner-bg-inner{padding:0 30px}.s-col-3 .item{padding:0 20px}.s-padding-tb{padding-left:25px;padding-right:25px}.contact-warpper{padding:0 50px}}@media only screen and (max-width:979px){#s-all .s-banner-header-wrapper .sumary{max-width:100%}.flex-viewport .section-container .section-content{padding:30px}.contact-btn-list .contact-btn-items:nth-child(3){margin-top:auto}.contact-warpper{padding:0 10px}.contact-left{width:calc(50% - 30px);margin-right:30px}.contact-right{max-width:inherit}}@media only screen and (max-width:800px){.contact-right{padding:40px 30px}}@media only screen and (max-width:768px){.s-banner-header-wrapper{text-align:center}.s-banner-header-wrapper .btn-contact{margin:auto}.s-padding-tb{padding-top:40px;padding-bottom:40px}.guide-item{flex-flow:row wrap}.s-col{width:100%}.s-col .img-wrapper img{width:100%}.s-content{text-align:center;max-width:100%}.s-content p{max-width:unset}.s-content ul li{text-align:left}.s-benifit-inner .adv .adv-inner{padding:40px 15px}.guide-item .s-col:first-child{margin-top:30px;text-align:center}.s-padding-tb:nth-child(even) .guide-item .s-col:first-child{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.s-padding-tb:nth-child(even) .guide-item .s-col:last-child .s-content{padding-left:unset}.s-benifit-inner .table table tbody .row .free:before{display:none}.s-customer-rating .description{max-width:600px}.sticky-footer{display:flex}.heading-wrapper{top:35%}.heading-wrapper .heading-inner{max-width:80%}.s-column-4>.s-cell{flex:0 0 calc(50% - 1em)}.s-column-2>.s-cell{flex:0 0 100%}.s-column-4>.s-cell.s-btn{margin-top:20px}.s-column-4>.s-cell.s-btn:nth-child(1),.s-column-4>.s-cell.s-btn:nth-child(2){margin-top:0}.s-sreach-cover{padding:30px 10px}.photo-detail-wrapper .content,.photo-detail-wrapper .title{max-width:100%}.s-sreach-cover{bottom:-175px}.s-content .s-btn-inner .s-btn-red{float:unset}}@media only screen and (max-width:630px){.serivce-slider{display:none}.contact-btn-items{margin-top:10px}.contact-btn-list .contact-btn-items:nth-child(2),.contact-btn-list .contact-btn-items:nth-child(3){margin-top:10px}.contact-left{width:100%;max-width:100%;margin:0 0 20px}.contact-left>img{display:none}.contact-right{width:100%}}@media only screen and (max-width:480px){.s-banner-bg{padding:100px 0 50px}.s-banner-bg-inner{padding:0 25px}.s-btn-black{height:40px;line-height:40px}.s-banner-bg .sumary{font-size:16px}.btn-contact .s-btn-phone{display:block;border:1px solid #fff;border-radius:2px;height:40px;line-height:40px;font-size:18px;margin-top:10px}.s-col-3{width:100%;margin-right:0}.s-col-3:nth-child(1) .icon-wrapper{padding-top:0}.s-col-3:nth-child(3){margin-bottom:0}.s-col-3:nth-child(n+4) .s-blog{margin-bottom:10px}.s-col-3:last-child .s-blog{margin-bottom:0}.s-col-3:nth-child(3) .item{padding-bottom:0}.s-col-3 .item{padding:0 20px 40px}.s-col-3 .item .icon-wrapper img{height:inherit}.s-col-3 .s-blog{margin-bottom:10px;min-height:unset}.guide-item{flex-flow:row wrap}.s-heading{font-size:2.4em}.s-content{font-size:14px}.s-content .s-btn-inner{display:none}#sell-photo .s-content .s-btn-inner{display:block}.service-all .s-content .s-btn-inner{display:block}.service-all .s-content .s-btn-inner .s-btn-red{max-width:100%}.service-all .s-content .s-btn-inner .s-btn-red.s-btn-red2{max-width:fit-content;min-width:155px}.s-col-2{width:100%;margin-right:0}.s-col-2:nth-child(1){margin-bottom:30px}.step-number{margin-bottom:30px}.step-content{width:calc(100% - 70px);margin-left:25px}.step-content .heading{padding:5px}.step-content .detail{font-size:14px;line-height:1.5}.s-benifit-inner .adv{width:100%;position:relative}.s-benifit-inner .table{width:100%}.bg-overlay-wrapper{background:unset}.s-form-wrapper{min-height:100%}.s-form-close-btn{display:none}.s-form-back-btn{display:block}.s-body-inner{padding:50px 15px}.s-form-col2{width:100%;margin-right:0;margin-bottom:20px}.s-body-inner .row>.s-form-col2:nth-child(2){margin-bottom:0}.s-body-inner .row>span{display:none}.s-body-inner .row ul li{margin-left:0;margin-right:30px}.s-body-inner .row ul li:last-child{margin-right:0}.s-form-btn{margin:unset;max-width:unset;position:absolute;bottom:0;left:0;right:0;padding:20px 15px;border-top:1px solid rgba(48,51,58,.1);background:#fff}.s-form-heading{background:#fff;box-shadow:rgba(45,45,45,.05) 0 0 0 , rgba(49,49,49,.05) 0 1px 1px , rgba(42,42,42,.05) 0 2px 2px , rgba(32,32,32,.05) 0 4px 4px}.s-heading-inner{padding:15px 15px 10px}.s-heading-inner h2{font-size:14px;font-weight:400;font-family: 'Cuprum', Helvetica, Arial, sans-serif;text-transform:uppercase}.s-benifit-bg-mb .table table tbody .row .free:before{display:none}.s-banner-header-wrapper h1{font-size:28px}.s-subcription-inner .title{font-size:14px}.sticky-footer{flex-flow:row wrap}.sticky-footer div{width:100%;margin-bottom:10px;padding:unset}.sticky-footer div:nth-child(2){margin-bottom:0}.s-column-4>.s-cell.s-btn{flex:0 0 100%}.s-column-4>.s-cell.s-btn:nth-child(2){margin-top:20px}.heading-wrapper .heading-inner h1{line-height:1.5;font-size:2.2em}.sub-title{font-size:1.8em;padding-bottom:30px}.line-header{margin:0 auto 25px}.photo-detail-wrapper .content,.photo-detail-wrapper .title{text-align:center}.photo-detail-wrapper .title{max-width:250px;margin:0 auto 15px}#rv-photo li{margin-top:40px}#rv-photo li:nth-child(1){margin-top:0}.category-wrapper,.photo-category{width:100%}.category-wrapper{margin:0 0 20px}.photo-category .category-wrapper:nth-child(3){margin:0}.s-benifit-inner .table table{padding:20px}#s-rv-buy .s-banner-bg-inner{display:block}#s-rv-buy .s-banner-bg-inner .btn-contact{display:none}.s-sreach-cover{position:relative;background:0 0;bottom:0;padding:10px 0 0}.s-sreach-type{margin:0 0 10px;width:100%;flex-basis:100%}.s-sreach-type{max-width:100%}.s-btn-contact{display:none}.s-benifit-inner .table table tbody .row td{font-size:.8em}.s-feature-heading{font-size:1.7em}.investor-item .left{width:100%;margin-right:0}.investor-item .right{width:100%;margin-top:20px;text-align:center}}@media only screen and (max-width:375px){.service-all .s-content .s-btn-inner .s-btn-red.s-btn-red2{max-width:100%}.s-content .s-btn-inner .s-btn-red:nth-child(2){margin:10px 0 0}}@media only screen and (max-width:320px){.s-benifit-inner .table table thead th{font-size:.8em}.s-benifit-inner .table table tbody .row td{font-size:.7em}}
.page .bg-white{background:#fff;width:100%;overflow:hidden} 
.page .bg-white:after{clear:both;display:table;content:''}
.background-gray{background:#f4f5f9;width:100%}.background-gray:after{clear:both;display:table;content:''}

/* more */
#footer {padding-left:15px;padding-right:15px}
#footer .inner .row .info-container .address .logo {margin-bottom:40px}
#footer .inner .row .info-container .address .logo img{height:50px}
#footer .inner .row .info-container>li ul{padding-top:15px}
#footer .inner .row .info-container>li span{text-transform:uppercase}
#footer .inner .row .info-container li.facebook-page ul{padding-top:0}
#footer .inner .row .info-container li.address p{line-height:22px;margin-bottom:20px}
#footer .inner .row .info-container>li .zmdi{cursor:pointer}
#footer .inner .row .info-container>li ul{padding-top:0}
#home .col-left .logo-large a,#home .col-left .logo a{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
#home .col-left .logo-large a:hover,#home .col-left .logo a:hover{background:rgba(255,255,255,0.3);background-size: 44px 44px}
#home .col-right .login .btn-login:hover {color: #f5821f}
#home .col-left .main-nav-menu>ul>li.sub-menu {cursor: pointer}
#home .col-left .main-nav-menu>ul>li.sub-menu>a {pointer-events: none}
.main-header .col-left .main-nav-menu .login .user-login .btn-primary:hover{color: #f5821f}
.body-container-wrapper.page .body-container .post-body {text-align:justify;padding-bottom:30px}
.body-container-wrapper.page .body-container .post-body p {line-height:26px;margin: 8px 0}
.body-container-wrapper.page {margin-top:-80px}
@media (max-width:500px) {#footer .inner .row:first-child{}.body-container-wrapper.page {margin-top:-50px}}
@media (max-width:420px) {#footer .inner .row:first-child{display:none}
#footer .inner .info-container {padding-top:20px}
}
.body-container-wrapper.page .body-container .post-body>p>strong {margin-bottom:40px}
.body-container-wrapper.page .body-container .post-body p.image-center {margin: 20px 0}
.s-banner-bg .sumary,.s-banner-bg h1 {color: #FFFFFF;text-shadow: 1px 3px 0 #969696, 1px 13px 5px #aba8a8}
.body-container-wrapper.page .blog-sidebar .sidebar-gray,.blog-sidebar .sidebar-gray {background: #f3f5f8;padding:15px}
.body-container-wrapper.page .blog-sidebar .sidebar-gray h3.blog-list-recent-heading,.blog-sidebar .sidebar-gray h3.blog-list-recent-heading {margin-top:-10px;padding-top:0;text-transform:uppercase}
.service-all .s-content .btn.btn-success {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.service-all .s-content,.service-all .s-content .hometext,.service-all .s-content .bodytext {text-align:justify}
.service-all .s-content .bodytext {max-height:150px;overflow:hidden;padding-top:15px;position: relative}
.service-all .s-content .bodytext:before {content: '';position: absolute;right: 0;bottom: 0}
.service-all .s-content .bodytext:after {content: '';position: absolute;right: 0;width: 1em;height: 1em;margin-top: 0.2em;background: white}
@media (max-width:1030px) {.service-all .s-content .hometext,.service-all .s-content .bodytext{padding-right:15px}}
@media (max-width:780px) {.service-all .s-content .hometext,.service-all .s-content .bodytext{padding-right:0}}
@media only screen and (min-width:1001px) {
.container .about-com-pic-2 {overflow:hidden;}	
.container .about-com-pic-2 img {min-height:495px;width:465px;object-fit:none;object-position: 50% 50%}
}
@media only screen and (max-width:1000px) {.container .about-com-pic-2 img {width:100%}}
.back-to-top{width:40px;height:40px;z-index:199;background:#48b600;color:#fff;position:absolute;text-align:center;line-height:40px;right:20px;bottom:70px;top:auto !important;font-size:20px;cursor:pointer}.back-to-top.show{position:fixed;right:20px;bottom:20px}@media (max-width: 1199px){.back-to-top{width:40px;height:40px;line-height:40px}.back-to-top.show{bottom:20px}}@media (max-width: 767px){.back-to-top.show{bottom:20px}}
.body-container-wrapper .page-other .well {padding:15px;font-size:16px;line-height:24px;text-align:justify}
.body-container-wrapper .page-other .panel-body {padding:10px;font-size:15px;line-height:20px;text-align:justify}
.body-container-wrapper .page-other .panel-body p{margin:8px 0;text-align:left}
.body-container-wrapper .page-other .panel-body p.dep-other span:before {content:"\f082";font-family: FontAwesome;font-size: 17px;margin-right:5px}
#search_result h3.title {padding: 10px 0 5px 0;line-height:30px}
#search_result .content {font-size:15px;line-height:24px;text-align:justify}
@media (max-width:767px){.block-news{padding-left:20px;padding-right:20px}}
@media only screen and (max-width:720px) {#footer .inner .row:last-child .left,#footer .inner .row:last-child .right {width: 100%;text-align: center;line-height:20px}}