body {
    font-size: 14px;
    line-height: 19px;
    color: #000;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

.container, .container-fluid {
    padding: 0 12px;
}

@media (min-width: 1352px) {
    .container {
        max-width: 1248px;
    }
}

a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none !important;
}

.btn:focus, .btn.focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    padding-right: 12px;
    padding-left: 12px;
}

.row {
    margin-left: -12px;
    margin-right: -12px;
}

.navbar {
    padding: 8px 12px;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 97px;
    z-index: 999;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.home {
    background-color: transparent;
}

.logo-white {
    display: none;
}

header.home .logo-white {
    display: inline-block;
}

header.home .logo-dark {
    display: none;
}

header.home.scrolled .logo-white {
    display: none;
}

header.home.scrolled .logo-dark {
    display: inline-block;
}

header.home.scrolled {
    background: #fff;
}

header.scrolled.nav-down {
    -webkit-transition: max-height 0.5s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -ms-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

header.header-map {
    height: 66px;
    padding: 0 53px 0 52px;
}

header.scrolled.nav-up {
    /*top: -97px;*/
}

/*header.scrolled.nav-down{*/
/*height: 66px;*/
/*}*/

/*header.scrolled.nav-up {*/
/*top: -66px;*/
/*}*/

/*header.scrolled.nav-down {*/
/*top: -97px;*/
/*}*/

.scrolled .login-dropdown {
    top: 65px;
}

.maintenance-section {
    position: relative;
    overflow: hidden;
    padding: 178px 0 73px;
}

.hero-section {
    background: url(../images/homepage-banner.jpg) center center no-repeat;
    height: 700px;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 0;
}

.hero-section h3 {
    position: relative;
    font-size: 11px;
    font-weight: 700;
    padding-left: 63px;
    letter-spacing: 1.1px;
    color: #6ECDDD;
    margin: 0 0 15px;
}

.hero-section h3:before {
    content: '';
    display: inline-block;
    width: 52px;
    height: 2px;
    background: #6ECDDD;
    position: absolute;
    top: 7px;
    left: 0;
}

.hero-section h1 {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 34px;
}

.banner-content {
    margin-top: 24px;
}

.banner-text {
    margin-bottom: 45px;
}

.banner-text p {
    margin: 0 0 8px;
    color: #fff;
}

.banner-text p:last-child {
    margin-bottom: 0;
}

.full-height {
    height: 100%;
}

.full-width {
    width: 100%;
}

.btn {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-decoration: none !important;
    outline: none !important;
    font-weight: 600;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px;
    padding: 0;
}

.blue-btn-gradient {
    background: #24bcff;
    color: #fff;
    background: -moz-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: linear-gradient(135deg, #24bcff 1%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
}

.login-btn {
    padding: 0 21px;
}

.platinum-trial-btn {
    padding: 0 27px;
}

.blue-btn-gradient:hover {
    opacity: 0.8;
    color: #fff;
}

.btn-small-height {
    height: 40px;
}

a.btn-small-height, a.btn-big-height {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn-big-height {
    height: 56px;
}

.btn-smaller-height {
    height: 32px;
    font-size: 12px;
}

.register-btn {
    border: 1px solid #6ECDDD;
    color: #6ECDDD !important;
    padding: 0 21px;
}

.register-btn:hover {
    background: #82D4E1;
    color: #fff !important;
}

.home .register-btn {
    color: #fff !important;
}

.home.scrolled .register-btn {
    color: #6ECDDD !important;
}

.home.scrolled .register-btn:hover {
    color: #fff !important;
}

.btn-radius {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

header .nav-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 40px;
}

header .nav-item:first-child {
    margin-left: 0;
}

.header-link {
    font-size: 14px;
    font-weight: 600;
    color: #333333;
}

.home .header-link {
    color: #fff;
}

.home.scrolled .header-link {
    color: #333333;
}

.header-link:hover {
    opacity: .8;
}

.logo img {
    width: 145px;
}

.free-registration {
    width: 410px;
    max-width: 100%;
}

.login-drp {
    position: relative;
}

.login-dropdown {
    position: absolute;
    right: 0;
    left: auto;
    top: 50px;
    width: 286px;
    padding: 0;
    border: 0;
    margin: 0;
}

.login-form-wrapper {
    position: relative;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 28px;
}

section .container {
    position: relative;
    z-index: 99;
}

.login-form-wrapper .btn {
    width: 105px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.login-form-wrapper:before {
    display: inline-block;
    content: '';
    width: 82px;
    height: 84px;
    background: url(../images/login-block-bg.svg) center center no-repeat;
    position: absolute;
    bottom: 7px;
    right: 53px;
}

.inpt-row .form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #AFE6FF;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    color: #333333;
    outline: none !important;
    padding: 13px 23px 15px;
}

.inpt-row textarea.form-control {
    resize: none;
    height: 164px;
    padding: 15px 23px;
}

.login-form-wrapper .form-control {
    padding: 0 14px;
}

.inpt-row .form-control::-webkit-input-placeholder {
    color: #7BD6FF;
}

.inpt-row .form-control::-moz-placeholder {
    color: #7BD6FF;
}

.inpt-row .form-control:-ms-input-placeholder {
    color: #7BD6FF;
}

.inpt-row .form-control:-moz-placeholder {
    color: #7BD6FF;
}

.inpt-row .form-control:focus {
    border-color: #24BCFF;
    color: #333333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.login-form-wrapper .inpt-row {
    margin-bottom: 13px;
}

.fp-link {
    margin-bottom: 22px;
}

.fp-link a {
    color: #24BCFF;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
}

.fp-link a:hover {
    color: #24BCFF;
    opacity: .9;
}

.how-it-works-section {
    position: relative;
    overflow: hidden;
    padding: 107px 0 123px;
}

.how-it-works-section:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -372px;
    left: 50%;
    bottom: 0;
    width: 1488px;
    height: 768px;
    margin-left: -610px;
    background: #fff url(../images/hiw-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.how-it-works-section .section-title {
    color: #000;
    margin-bottom: 57px;
}

.hiw-item {
    max-width: 416px;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -ms-flex: 1 0 auto;
    width: 100%;
}

.item-icon-bg {
    width: 199px;
    height: 176px;
    margin: 0 auto 32px;
    background: url(../images/hiw-item-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.map-icon {
    width: 70px;
    height: 80px;
    display: block;
    background: url(../images/marker-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.report-icon {
    position: relative;
    left: -4px;
    width: 53px;
    height: 70px;
    display: block;
    background: url(../images/report-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.btn-arrow {
    width: 7px;
    height: 11px;
    display: inline-block;
    background: url(../images/button-arrow.svg) center center no-repeat;
}

.section-title {
    text-align: center;
    font-size: 32px;
    line-height: 50px;
    font-weight: 800;
}

.hiw-item h4 {
    margin-bottom: 28px;
    font-size: 22px;
    line-height: 27px;
    font-weight: 800;
    color: #333333;
}

.hiw-item-inner {
    background: #fff;
    padding: 40px 50px 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 103, 149, 0.12);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 103, 149, 0.12);
    box-shadow: 0 10px 30px 0 rgba(0, 103, 149, 0.12);
}

.hiw-item p {
    line-height: 27px;
    color: #39404B;
    margin-bottom: 34px;
    min-height: 108px;
}

.hiw-btn-wrapper {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hiw-btn-wrapper .btn {
    padding: 0 34px;
}

.hiw-btn-wrapper span {
    margin-right: 12px;
}

.hiw-btn-wrapper i {
    position: relative;
    right: -2px;
}

.why-section {
    padding: 107px 0 109px;
    position: relative;
    overflow: hidden;
}

.why-section:before {
    position: absolute;
    top: 50%;
    width: 2075px;
    height: 1194px;
    margin-top: -657px;
    margin-left: -47px;
    content: '';
    background: #fff url(../images/hiw-bg.svg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.why-section .section-title {
    margin-bottom: 23px;
}

.why-section-head p {
    line-height: 27px;
    margin: 0;
}

.why-section-head {
    margin-bottom: 48px;
    text-align: center;
}

.owl-carousel .owl-nav button {
    width: 32px;
    height: 32px;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
    position: absolute;
    margin-top: -16px;
    top: 50%;
    cursor: pointer;
    border: none;
    outline: none !important;
}

.owl-carousel .owl-nav button span {
    display: none;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -88px;
    background: url(../images/car-arr-left.svg) center center no-repeat;
}

.owl-carousel .owl-nav button.owl-next {
    right: -88px;
    background: url(../images/car-arr-right.svg) center center no-repeat;
}

.owl-nav button:hover {
    opacity: .8;
}

.why-img-wrapper img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.why-img-wrapper {
    border: 10px solid rgba(36, 188, 255, 0.33);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    position: relative;
    margin-bottom: 13px;
}

.why-img-wrapper:before {
    z-index: 0;
    content: '';
    width: 90px;
    height: 90px;
    right: -40px;
    display: block;
    position: absolute;
    bottom: -20px;
    background: url(../images/why-circle.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.why-carousel .person-name {
    margin-bottom: 21px;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    color: #fff;
}

.why-carousel .company-name {
    margin-bottom: 21px;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
}

.why-carousel p {
    font-style: italic;
    color: #fff;
    line-height: 27px;
}

.trusted-block .section-title {
    margin-bottom: 59px;
}

.car-item {
    background: #24bcff;
    color: #fff;
    background: -moz-linear-gradient(-45deg, #61c0e4 1%, #3391ff 100%);
    background: -webkit-linear-gradient(-45deg, #61c0e4 1%, #3391ff 100%);
    background: linear-gradient(135deg, #61c0e4 1%, #3391ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    padding: 32px 75px 36px;
}

.why-carousel .owl-stage-outer {
    overflow: visible;
}

.why-carousel .owl-item {
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -ms-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

.why-carousel .owl-item.active {
    opacity: 1;
}

.owl-dots {
    text-align: center;
    position: absolute;
    bottom: -79px;
    left: 0;
    right: 0;
}

.owl-carousel .owl-dots .owl-dot {
    margin: 0 5px;
    padding: 0;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.4);
    outline: none !important;
    cursor: pointer;
}

.owl-carousel .owl-dots .owl-dot.active {
    background: #fff;
}

.why-carousel-wrapper {
    margin-bottom: 144px;
}

.prices-section {
    padding: 96px 0 108px;
    position: relative;
    overflow: hidden;
}

.prices-section:before {
    content: '';
    position: absolute;
    width: 1854px;
    height: 2104px;
    top: 188px;
    margin-left: -385px;
    background: url(../images/plans-bg.svg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: contain;
}

.prices-section .section-title {
    margin-bottom: 27px;
}

.prices-section-head {
    text-align: center;
    margin-bottom: 109px;
}

.prices-section-update {
    text-align: center;
    margin-bottom: 50px;
}

.price-type {
    display: inline-block;
    position: relative;
}

.prices-section-head p {
    color: #39404B;
    margin: 0 0 34px;
}

.switch {
    position: relative;
    height: 40px;
    width: 270px;
    margin: 0 auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background: #fff;
    border: 1px solid #24BCFF;
}

.switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 134px;
    line-height: 38px;
    font-size: 13px;
    font-weight: 600;
    color: #00B1FF;
    text-align: center;
    cursor: pointer;
}

.switch-input,
.switch-input-filter {
    display: none;
}

.switch-input:checked + .switch-label,
.switch-input-filter:checked + .switch-label {
    color: #fff;
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: color, text-shadow;
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}

.switch-input:checked + .switch-label-on ~ .switch-selection,
.switch-input-filter:checked + .switch-label-on ~ .switch-selection {
    left: 50%;
}

.switch-selection {
    position: absolute;
    z-index: 1;
    display: block;
    width: 135px;
    left: -1px;
    height: 38px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    background-color: #24BCFF;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -ms-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}

.price-type--discount {
    position: absolute;
    right: -95px;
    top: -29px;
    width: 80px;
    height: 50px;
    text-align: left;
}

.price-type--discount span {
    font-size: 13px;
    font-weight: 600;
    display: block;
    text-align: right;
    -webkit-transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    transform: rotate(14deg);
    margin-bottom: 6px;
    color: #00B1FF;
}

.price-type--discount b {
    font-weight: 800;
    font-size: 16px;
}

.price-type--discount i {
    width: 44px;
    height: 24px;
    background: url(../images/price-arrow.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
}

.btn-white {
    background: #fff;
    color: #24BCFF !important;
}

.btn-white:hover {
    opacity: .9;
}

.btn-trans {
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
}

.btn-trans:hover {
    color: #fff;
}

.btn-blue-trans {
    border: 1px solid #24BCFF;
    background-color: transparent;
    color: #24BCFF !important;
}

.btn-blue-trans:hover {
    color: #24BCFF !important;
    opacity: .9;
}

.plan-type {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 13px;
    font-weight: 800;
    position: relative;
    z-index: 2;
}

.free .plan-type {
    color: #333333;
}

.plan-price-wrapper {
    width: 180px;
    height: 119px;
    background: url(../images/price-bg-light.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.plan-price-wrapper .annual,
.annual .plan-price-wrapper .monthly {
    display: none;
}

.free .plan-price-wrapper {
    background: url(../images/price-bg-dark.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plan-price-wrapper sup {
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    position: relative;
    z-index: 2;
}

.plan-price-wrapper .amount {
    color: #fff;
    font-size: 44px;
    line-height: 50px;
    font-weight: 800;
}

.annual .plan-price-wrapper .annual {
    display: inline-block;
}

.plan-price-wrapper .per-month {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    display: inline-block;
    position: relative;
    right: -9px;
}

.free .plan-price-wrapper sup {
    color: #333;
    margin-left: -6px;
}

.free .plan-price-wrapper .amount {
    color: #333;
}

.free .plan-price-wrapper .per-month {
    color: #333;
    position: relative;
    right: -6px;
}

.plan-item-head {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.plan-item--inner {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 55, 144, 0.12);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 55, 144, 0.12);
    box-shadow: 0 10px 30px 0 rgba(0, 55, 144, 0.12);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.plan-item--inner {
    max-height: 630px;
    transition: max-height 0.45s ease-out;
    position: relative;
}

.opened .plan-item--inner {
    max-height: 9999px;
}

.plan-item--inner:after {
    content: '';
    position: absolute;
    height: 100px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.95) 45%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 45%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.95) 45%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.opened .plan-item--inner:after {
    display: none;
}

.plan-item-more {
    position: absolute;
    bottom: -18px;
    height: 36px;
    padding: 0 15px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background: #e0f5ff;
    color: #4DC5FA;
    border: none;
    line-height: 36px;
    font-size: 13px;
    left: 50%;
    margin-left: -50px;
    font-weight: 500;
    outline: none;
    cursor: pointer;
}

.plan-item-more:focus {
    outline: none;
}


.opened .more,
.plan-item-more .less {
    display: none;
}

.opened .plan-item-more .less {
    display: block;
}

.plan-item-head {
    padding: 24px 40px 50px;
    background-position: center bottom;
    -webkit-background-size: cover;
    background-size: cover;
}

.free .plan-item-head {
    background-image: url(../images/plan-free.svg);
}

.bronze .plan-item-head {
    background-image: url(../images/plan-bronze.svg);
}

.gold .plan-item-head {
    background-image: url(../images/plan-gold.svg);
}

.platinum .plan-item-head {
    background-image: url(../images/plan-platinum.svg);
}

.plan-list-item h6 {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 22px;
}

.plan-item-corner {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 105px;
    height: 66px;
    text-align: left;
    background: url(../images/plan-corner.svg) 0 0 no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: 99;
    padding: 7px 0 0;
}

.annual .plan-item-corner {
    display: block;
}

.plan-item-corner.free {
    width: 105px;
    height: 66px;
    text-align: center;
    display: block;
}

.plan-item-corner span {
    color: #66C5E0;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    padding-left: 10px;
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    transform: rotate(-7deg);
    display: block;
}

.plan-item-corner.free span {
    font-size: 11px;
    line-height: 15px;
    padding: 0;
    width: 85px;
}

.plan-item-corner b {
    font-size: 17px;
    font-weight: 800;
}

.plan-pluses {
    margin: 13px 0 30px;
    text-align: center;
}

.plan-pluses li {
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 600;
    color: #C7EEFF;
    line-height: 22px;
}

.annual .plan-pluses li.report-count.annual,
.plan-pluses li.report-count.monthly {
    display: block;
}

.annual .plan-pluses li.report-count.monthly,
.plan-pluses li.report-count.annual {
    display: none;
}

.plan-pluses li strong {
    color: #fff;
}

.free .plan-pluses li,
.free .plan-pluses li strong {
    color: #333;
}

.plan-pluses li:last-child {
    margin-bottom: 0;
}

.platinum-trial {
    margin-bottom: 10px;
}

.plan-item-body li {
    margin-bottom: 11px;
    padding-left: 30px;
    line-height: 22px;
    position: relative;
}

.plan-item-body li:last-child {
    margin-bottom: 0;
}

.plan-list-item {
    margin-bottom: 28px;
}

.plan-list-item:last-child {
    margin-bottom: 0;
}

.plan-item-body li.opened-item {
    color: #636E7E;
}

.plan-item-body li.closed-item {
    color: rgba(99, 110, 126, 0.4);
    line-height: 22px;
}

.plan-item-body li.opened-item:before {
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    content: '';
    width: 15px;
    height: 14px;
    background: url(../images/check-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.plan-item-body li.closed-item:before {
    display: block;
    position: absolute;
    top: 5px;
    left: 1px;
    content: '';
    width: 12px;
    height: 12px;
    background: url(../images/close-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.plan-item-body {
    padding: 40px 43px 36px;
    background: #fff;
}

.plan-item-footer {
    padding: 0 50px 60px;
    background: #fff;
}

.question-section {
    padding: 111px 0 110px;
    position: relative;
    overflow: hidden;
    background: #3391ff;
    background: -moz-linear-gradient(-45deg, #3391ff 0%, #61c0e4 100%);
    background: -webkit-linear-gradient(-45deg, #3391ff 0%, #61c0e4 100%);
    background: linear-gradient(135deg, #3391ff 0%, #61c0e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3391ff', endColorstr='#61c0e4', GradientType=1);
}

.question-section:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 1901px;
    height: 1334px;
    margin-top: -673px;
    left: 50%;
    margin-left: -806px;
    background: url(../images/question-bg.svg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.question-section .section-title {
    color: #fff;
    text-align: left;
    margin-bottom: 20px;
    line-height: 44px;
}

.question-section-head p {
    line-height: 27px;
    color: #fff;
    margin: 0;
}

.question-section-head {
    margin-bottom: 40px;
}

.question-tabs {
    display: block;
}

.question-tabs li {
    margin-bottom: 10px;
}

.question-tabs li:last-child {
    margin-bottom: 0;
}

.question-tabs li a {
    font-weight: 600;
    color: #AFE6FF;
    line-height: 28px;
    display: inline-block;
    position: relative;
    margin-left: 22px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.question-tabs li a.active:after,
.question-tabs li a:hover:after {
    content: '';
    width: 2px;
    height: 28px;
    background: #fff;
    top: 0;
    left: -22px;
    position: absolute;
}

.question-tabs li a.active,
.question-tabs li a:hover {
    color: #fff;
}

.q-a-item {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 25px 30px 17px;
    margin-bottom: 8px;
    background: #24bcff;
    background: -moz-linear-gradient(-45deg, #24bcff 0%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #24bcff 0%, #6ecddd 100%);
    background: linear-gradient(135deg, #24bcff 0%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
}

.q-a-item:last-child {
    margin-bottom: 0;
}

.q-a-item.opened {
    background: #fff;
    padding: 25px 30px 24px;
}

.q-a-item.opened .q-a-item-head {
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F0F0F0;
}

.q-a-item.opened .q-a-item-body {
    height: auto;
}

.q-a-item-body {
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

    -webkit-transition-property: all;
    -webkit-transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -moz-transition-property: all;
    -moz-transition-duration: .5s;
    -moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    -ms-transition-property: all;
    -ms-transition-duration: .5s;
    -ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);

    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.q-a-item-body p {
    color: #39404B;
    line-height: 27px;
    margin: 0;
}

.q-a-item.opened .q-a-item-head h5 {
    color: #3E9CF6;
}

.q-a-item-head h5 {
    font-size: 15px;
    font-weight: 800;
    line-height: 26px;
    color: #fff;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.q-a-item-head button {
    width: 28px;
    height: 28px;
    border: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    outline: none !important;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.q-a-item-head button:hover {
    opacity: .8;
}

.q-a-item-head button.plus {
    background: url(../images/plus-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.q-a-item-head button.minus {
    background: url(../images/minus-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.contact-section {
    padding: 107px 0 109px;
    position: relative;
    overflow: hidden;
    background: #F7FCFF;
}

.contact-section:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 1256px;
    margin-left: -632px;
    height: 852px;
    background: url(../images/get-in-touch-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.contact-section .section-title {
    margin-bottom: 23px;
    text-align: left;
}

.get-in-touch p {
    line-height: 27px;
    color: #333;
    margin: 0;
}

.get-in-touch {
    margin-bottom: 75px;
    padding-right: 30px;
}

.contact-details {
    margin-bottom: 56px;
    padding-right: 50px;
}

.contact-details h3 {
    font-size: 17px;
    font-weight: 800;
    line-height: 23px;
    color: #333333;
    margin: 0 0 27px;
}

.contact-details p {
    margin-bottom: 11px;
    color: #636E7E;
    line-height: 22px;
}

.contact-details p:last-child {
    margin-bottom: 0;
}

.coffee-text span {
    line-height: 19px;
    color: #333;
    vertical-align: middle;
    margin-right: 7px;
}

.coffee-text i {
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 18px;
    background: url(../images/coffee-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-top: -4px;
}

.form-wrapper-col {
    width: 480px;
    max-width: 100%;
    padding: 0 12px;
}

.form-wrapper-col .fp-link {
    margin-bottom: 27px;
}

.form-wrapper-col-inner {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 43px 40px 45px;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
}

.form-wrapper-col button:disabled {
    background: rgba(36, 188, 255, 0.24);
    opacity: 1;
    cursor: auto;
}

.form-section--register .form-wrapper-col-inner {
    padding-bottom: 60px
}

.contact-btn {
    width: 120px;
    margin: 0 auto;
    display: block;
}

.form-item {
    margin-bottom: 23px;
    position: relative;
}

span.error-text {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    color: #ff2351;
    font-size: 10px;
    text-align: right;
    min-width: 100px;
}

span.success-text {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    color: #28a745;
    font-size: 10px;
    text-align: right;
    min-width: 100px;
}

.error-field .error-text {
    display: block;
}

.form-item .form-control {
    height: 56px;
}

.form-item.last {
    margin-bottom: 40px;
}

.form-item .g-recaptcha > div {
    margin: auto;
}

.form-item label {
    margin-bottom: 12px;
    padding-left: 22px;
    font-weight: 600;
    color: #39404B;
}

.contact-text-col {
    margin-right: 39px;
}

footer {
    overflow: hidden;
    position: relative;
    background: #6bc9df;
    background: -moz-linear-gradient(-45deg, #6bc9df 0%, #3391ff 100%);
    background: -webkit-linear-gradient(-45deg, #6bc9df 0%, #3391ff 100%);
    background: linear-gradient(135deg, #6bc9df 0%, #3391ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6bc9df', endColorstr='#3391ff', GradientType=1);
}

footer:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2075px;
    margin-left: -999px;
    height: 1318px;
    margin-top: -647px;
    background: url(../images/footer-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.footer-top .footer-logo {
    width: 137px;
    height: auto;
    margin: -8px 0 15px;
}

.footer-top {
    padding: 118px 0 63px;
}

.footer-top p {
    margin-bottom: 4px;
    color: #fff;
    line-height: 19px;
}

.footer-top p:last-child {
    margin-bottom: 0;
}

.footer-bottom {
    padding: 30px 0;
    position: relative;
}

.footer-bottom:before {
    content: '';
    height: 1px;
    position: absolute;
    top: 0;
    left: 12px;
    right: 12px;
    background: rgba(255, 255, 255, 0.25);
}

.footer-top h4 {
    font-size: 17px;
    font-weight: 800;
    color: #fff;
    line-height: 22px;
    margin: 0 0 20px;
}

.footer-top ul li {
    margin-bottom: 12px;
}

.footer-top ul li:last-child {
    margin-bottom: 0;
}

.footer-top ul li a {
    color: #D0F1FF;
    line-height: 19px;
}

.footer-top ul li a:hover {
    color: #fff;
}

.footer-top ul li a span {
    color: #fff;
}

.btn-trial-footer {
    width: 160px;
    color: #3F9AF4 !important;
    margin-top: 20px;
}

.copyright span {
    color: #fff;
    font-size: 12px;
    line-height: 17px;
}

.copyright i {
    color: #AFE6FF;
    font-size: 12px;
    font-style: normal;
    line-height: 17px;
}

.follow-us-col {
    text-align: right;
    margin-top: -2px;
}

.follow-us-col ul {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}

.follow-us-col ul li {
    margin-left: 20px;
    float: left;
}

.follow-us-col ul li:first-child {
    margin-left: 0;
}

.follow-us-col span {
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    margin-right: 12px;
    vertical-align: middle;
}

.social-link {
    display: inline-block;
    width: 16px;
    height: 16px;
}

.social-link:hover {
    opacity: 0.8;
}

.social-link.facebook {
    background: url(../images/fb-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.social-link.linkedin {
    background: url(../images/linkedin-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.social-link.instagram {
    background: url(../images/insta-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.form-btn-wrapper {
    text-align: center;
}

.form-btn-wrapper .form-btn {
    width: 140px;
    margin: 0 auto;
}

.form-section {
    position: relative;
    overflow: hidden;
}

.form-section--login {
    padding: 180px 0 110px;
}

.form-section--register {
    padding: 180px 0 110px;
}

.form-section--login:before {
    content: '';
    width: 1523px;
    height: 840px;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -1211px;
    background: url(../images/login-page-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.form-section--register:before {
    content: '';
    width: 1523px;
    height: 1112px;
    position: absolute;
    top: 90px;
    left: 50%;
    margin-left: -1209px;
    background: url(../images/register-page-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.form-title {
    text-align: center;
    font-size: 22px;
    line-height: 27px;
    color: #333333;
    font-weight: 800;
    margin: 0 0 29px;
}

.form-wrapper-col--login .form-wrapper-col-inner {
    padding-bottom: 56px;
}

.form-wrapper-col--login {
    position: relative;
    z-index: 2;
}

.no-account {
    text-align: center;
    margin-top: 36px;
}

.no-account p {
    margin-bottom: 13px;
    color: #333333;
}

.term-cond {
    margin-bottom: 38px;
    position: relative;
}

.chbox-wrapper input[type='checkbox'] {
    display: none;
}

.chbox-wrapper label {
    color: #333;
    position: relative;
    padding-left: 32px;
}

.chbox-wrapper label:before {
    content: '';
    width: 16px;
    height: 14px;
    position: absolute;
    display: inline-block;
    top: 4px;
    left: 0;
    background: url(../images/check-sprite.svg) 1px 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.chbox-wrapper input[type='checkbox']:disabled + label:before {
    width: 16px;
    height: 14px;
    background: url(../images/check-sprite-disabled.svg) 1px 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.chbox-wrapper input[type='checkbox']:disabled + label {
    color: #dfe3e6;
    cursor: auto;
}

.chbox-wrapper input[type='checkbox']:checked + label:before {
    width: 16px;
    height: 14px;
    background: url(../images/check-sprite.svg) -21px 0 no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}


.chbox-wrapper input[type='checkbox']:checked + label {
    color: #333;
}

.chbox-wrapper label a, a.link {
    color: #00B1FF;
    font-weight: 700;
}

.chbox-wrapper label a:hover,
a.link:hover {
    color: #00B1FF;
    opacity: .9;
}

.payment-section {
    padding: 165px 0 110px;
}

.payment-section .section-title {
    margin-bottom: 59px;
}

.payment-section .section-plan {
    margin-bottom: 25px;
}

.price-info {
    position: relative;
    display: inline-block;
    text-align: center;
}

.price-info .price-type {
    margin-bottom: 60px;
}

.payment-section .plan-title {
    font-size: 25px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 34px;
}

.price-info:before {
    content: '';
    width: 365px;
    height: 351px;
    position: absolute;
    top: -36px;
    left: 50%;
    margin-left: -115px;
    background: url(../images/payment-planet.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: -1;
}

.payment-method {
    width: 420px;
    margin: 0 auto;
}

.payment-card .price-type {
    margin-bottom: 30px;
}

.price-total-block-wrapper {
    text-align: center;
    margin-bottom: 54px;
}

.price-total-block {
    text-align: left;
    display: inline-block;
    margin-left: 7px;
}

.pr-row {

    margin-bottom: 3px;
}

.price-label {
    display: inline-block;
    font-size: 12px;
    color: #93A0A5;
    font-weight: 600;
    min-width: 28px;
    margin-right: 6px;
}

.price-value {
    font-size: 14px;
    font-weight: 600;
    color: #93A0A5;
}

.pr-row.pr-row-total {
    margin-top: 19px;
}

.pr-row-total .price-label {
    color: #333333;
}

.pr-row-total .price-value {
    color: #333333;
    font-size: 23px;
    font-weight: 800;
    position: relative;
    left: -5px;
}

.pr-row-total sup {
    font-size: 15px;
    font-weight: 700;
    top: -9px;
    left: 5px;
}

.payment-method h4 {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    margin: 0 0 50px;
    text-align: center;
}

.payment-method-type {
    text-align: center;
    font-size: 0;
    margin-bottom: 21px;
}

.p-m-item {
    display: inline-block;
}

.p-m-item input[type='radio'] {
    display: none;
}

.p-m-item label {
    width: 100px;
    border: 1px solid #A6DDFF;
    margin: 0 8px;
    text-align: center;
    color: #A6DDFF;
    line-height: 38px;
    font-size: 13px;
    font-weight: 600;
    background: #fff;
}

.p-m-item input[type='radio']:checked + label {
    color: #fff;
    background: #24bcff;
    background: -moz-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: linear-gradient(135deg, #24bcff 1%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
}

.p-m-item label.paypal {
    position: relative;
}

.p-m-item label.paypal:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38px;
    height: 10px;
    margin-left: -19px;
    margin-top: -5px;
    background: url(../images/paypal-logo.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.p-m-item input[type='radio']:checked + label.paypal:before {
    background: url(../images/paypal-logo-white.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.payment-card {
    -webkit-box-shadow: 0 14px 40px 0 rgba(0, 87, 126, 0.1);
    -moz-box-shadow: 0 14px 40px 0 rgba(0, 87, 126, 0.1);
    box-shadow: 0 14px 40px 0 rgba(0, 87, 126, 0.1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 27px 32px 18px;
    background: #fff;
}

.payment-card h5 {
    color: #333333;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    margin: 0 0 41px;
}

.visa-icon {
    width: 60px;
    height: 19px;
    position: relative;
    top: 5px;
    display: inline-block;
    background: url(../images/visa-logo.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.inpt-group {
    margin-bottom: 35px;
}

.expiration-date {
    width: 89px;
}

.inpt-group.cvv {
    width: 28px;
    margin: 0;
}

.btn-checkout {
    width: 139px;
    margin-left: 65px;
    position: relative;
    top: -14px;
}

.inpt-group {
    position: relative;
    margin-bottom: 41px;
}

.inpt-group input {
    font-size: 15px;
    padding: 2px 0 4px 0;
    display: block;
    width: 100%;
    color: #333333;
    border: none;
    border-bottom: 1px solid #AFE6FF;
}

.inpt-group input:focus {
    outline: none;
}

.inpt-group label {
    color: #00B1FF;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.inpt-group input:focus ~ label,
.inpt-group input:valid ~ label {
    top: -20px;
}

.input-bar {
    position: relative;
    display: block;
    width: 100%;
}

.input-bar:before, .input-bar:after {
    content: '';
    height: 1px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #8bbcd5;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
}

.input-bar:before {
    left: 50%;
}

.input-bar:after {
    right: 50%;
}

.inpt-group input:focus ~ .input-bar:before,
.inpt-group input:focus ~ .input-bar:after {
    width: 50%;
}

.inpt-group .highlight {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

.inpt-group.card-number input {
    font-size: 18px;
    font-weight: 600;
    padding: 4px 10px 5px 0;
}

.inpt-group.card-number input:focus {
    outline: none;
}

.inpt-group.card-number label {
    color: #00B1FF;
}

.inpt-group.card-number {
    width: 232px;
}

.inpt-group.card-holder {
    width: 222px;
}

.inpt-group input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.verification-col {
    width: 480px;
    padding: 0 12px;
}

.verification-col--big {
    width: 556px;
}

.verification-col .form-item {
    margin-bottom: 40px;
}

.verification-col-inner {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 54px 40px 60px;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
}

.verification-section {
    position: relative;
    padding: 178px 0 110px;
    overflow: hidden;
}

/*.verification-section:before {*/
/*content: '';*/
/*position: absolute;*/
/*bottom: -142px;*/
/*left: 50%;*/
/*margin-left: -1372px;*/
/*width: 1727px;*/
/*height: 878px;*/
/*background: url(../images/number-page-bg.svg) center center no-repeat;*/
/*-webkit-background-size: contain;*/
/*background-size: contain;*/
/*}*/

.ver-title {
    text-align: center;
    font-size: 26px;
    line-height: 31px;
    color: #333333;
    font-weight: 800;
    margin: 0 0 31px;
}

.verification-col-inner .form-title {
    margin: 0 0 36px;
}

.verification-text {
    text-align: center;
    margin-bottom: 36px;
}

.verification-text:last-child {
    margin-bottom: 0;
}

.verification-text p {
    color: #39404B;
    margin: 0 0 18px;
}

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

.congrats-text p {
    margin: 0 0 6px;
    color: #333;
}

.congrats-text p:last-child {
    margin-bottom: 0;
}

.ver-num {
    color: #00B1FF;
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    display: inline-block;
    margin-bottom: 12px;
}

.verification-text p:last-child {
    margin: 0;
}

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

.verification-btn .btn {
    width: 120px;
    margin: 0 8px;
}

.verification-col .form-btn-wrapper .form-btn {
    display: inline-block;
    margin: 0 12px;
}

.report-section {
    position: relative;
    overflow: hidden;
    padding: 179px 0 110px;
}

.report-section:before {
    content: '';
    width: 1974px;
    height: 879px;
    position: absolute;
    bottom: 17px;
    left: 50%;
    margin-left: -1375px;
    background: url(../images/site-report-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.report-col {
    width: 480px;
    padding: 0 12px;
}

.report-col-inner {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 54px 40px 60px;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
    -moz-box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 87, 126, 0.1);
}

.report-title {
    text-align: center;
    font-size: 26px;
    line-height: 31px;
    font-weight: 800;
    background: #24bcff;
    background: -moz-linear-gradient(45deg, #24bcff 0%, #6ecddd 100%);
    background: -webkit-linear-gradient(45deg, #24bcff 0%,#6ecddd 100%);
    background: linear-gradient(45deg, #24bcff 0%,#6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24bcff', endColorstr='#6ecddd',GradientType=1 );
    color: #fff;
    padding: 40px 0 40px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin: 0;
}

.report-text {
    margin-bottom: 36px;
    text-align: center;
}

.report-text p {
    color: #39404B;
    margin-bottom: 13px;
}

.report-text strong {
    font-weight: 700;
}

.report-text p:last-child {
    margin-bottom: 0;
}

.report-col .form-item {
    margin-bottom: 35px;
    margin-top: 45px;
}

.report-col .form-item .form-control.loading {
    background-image: url('../images/loader.gif');
    background-size: 18px 18px;
    background-position: right 9px center;
    background-repeat: no-repeat;
}

.report-btn-item {
    text-align: center;
    margin-bottom: 17px;
}

.report-btn-item:last-child {
    margin-bottom: 0;
}

.report-appendices {
    border-top: 1px solid #d2d7da;
    border-bottom: 1px solid #d2d7da;
    margin: 13px 0;
    padding: 13px 0;
}

.report-appendices .appendices-label {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 13px;
}

.report-appendices .appendices-elm {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    float: right;
}

.report-appendices .appendices-elm .menu-map-switch {
    padding: 0;
    margin-bottom: 0;
}

.report-appendices .menu-map-switch .switch {
    height: 24px;
    border-radius: 20px;
}

.report-appendices .menu-map-switch .switch-label {
    line-height: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
}

.report-appendices .menu-map-switch .switch-selection {
    height: 24px;
    border-radius: 20px;
}

.report-appendices .appendices-desc {
    margin-top: 15px;
    font-size: 11px;
}

.report-appendices .appendices-desc .items-list {
    margin-bottom: 15px;
    font-style: italic;
}

.report-appendices .appendices-desc .items-list span:not(:first-child):before {
    content: ", ";
}

.range-label {
    margin-bottom: 30px;
    font-weight: bold;
    font-size: 13px;
}

.range-slider {
    position: relative;
}

.rs-range {
    width: 100%;
    -webkit-appearance: none;
}

.rs-range:focus {
    outline: none;
}

.rs-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #ceecff;
    border-radius: 0;
    border: 0 solid #010101;
}
.rs-range::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    box-shadow: none;
    background: #24bcff;
    border-radius: 0;
    border: 0 solid #010101;
}
.rs-range::-webkit-slider-thumb {
    box-shadow: none;
    background: #24bcff;
    height: 20px;
    width: 20px;
    border-radius: 22px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
}
.rs-range::-moz-range-thumb {
    box-shadow: none;
    background: #24bcff;
    height: 20px;
    width: 20px;
    border-radius: 22px;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -10px;
}
.rs-range::-moz-focus-outer {
    border: 0;
}

.rs-range:disabled::-webkit-slider-runnable-track {
    cursor: auto;
    background: #dfe3e6;
}

.rs-range:disabled::-moz-range-track {
    cursor: auto;
    background: #dfe3e6;
}

.rs-range:disabled::-webkit-slider-thumb {
    cursor: auto;
    background: #dfe3e6;
}

.rs-range:disabled::-moz-range-thumb {
    cursor: auto;
    background: #dfe3e6;
}

.rs-label {
    position: absolute;
    width: 40px;
    transform-origin: center center;
    display: block;
    text-align: center;
    box-sizing: border-box;
    left: attr(value);
    color: #24bcff;
    font-size: 13px;
    top: -20px;
    font-weight: bold;
    margin-left: -10px;
}

.rs-range:disabled + .rs-label {
    color: #dfe3e6;
}

.customize-report > p {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 13px;
}

.customize-report label {
    font-weight: normal;
    cursor: pointer;
}

.customize-report li.sale_history,
.customize-report li.zone_overlay {
    margin-left: 32px;
}

.logo-checkbox {
    margin-bottom: 37px;
}

.report-btn-item .btn {
    width: 219px;
    margin: 0 auto;
}

.view-report {
    background: #4DC5FA;
    color: #fff;
}

.view-report:hover {
    color: #fff;
    opacity: .9;
}

.download-modal .modal-dialog {
    max-width: 456px;
    margin-top: 100px;
}

.download-modal .modal-content {
    position: relative;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 54px 83px 60px;
    background: #fff;
}

.modal-content .close {
    position: absolute;
    right: 19px;
    top: 12px;
    color: rgba(99, 110, 126, 0.25);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    outline: none !important;
}

#filterModal .close {
    color: #333;
}

.modal-content .report-text p {
    line-height: 27px;
}

.modal-content .report-text {
    margin-bottom: 32px;
}

.modal-content .report-title {
    margin-bottom: 25px;
}

.docs-section {
    position: relative;
    overflow: hidden;
    padding: 178px 0 73px;
}

.docs-section:before {
    content: '';
    position: absolute;
    width: 2143px;
    height: 2092px;
    top: 253px;
    left: 50%;
    margin-left: -1494px;
    background: url(../images/district-docs-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.disctrict-aside-list {
    margin-top: 4px;
}

.disctrict-aside-list li {
    position: relative;
    padding: 10px 0 11px 22px;
    margin-bottom: 8px;
}

.disctrict-aside-list li:last-child {
    margin-bottom: 0;
}

.disctrict-aside-list li.active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background: #00B1FF;
}

.disctrict-aside-list li.active a {
    font-weight: 700;
    color: #333;
}

.disctrict-aside-list li a {
    color: rgba(51, 51, 51, 0.8);

}

/*.disctrict-aside-list li:hover:before{*/
/*content: '';*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*bottom: 0;*/
/*width: 2px;*/
/*background: #00B1FF;*/
/*}*/

.disctrict-aside-list li:hover a {
    /*font-weight: 700;*/
    color: #333;
}

.docs-content ol.counter {
    counter-reset: item
}

.docs-content ol.sub-list {
    counter-reset: item2;
    padding-left: 55px;
    margin-top: 27px;
}

.docs-content > ol {
    padding-left: 0;
    margin: 0;
}

.docs-content li {
    display: block
}

.docs-content ol > li:before {
    font-size: 16px;
    font-weight: 700;
    color: #333;
}

.docs-content ol.counter > li:before {
    content: counters(item, ".") " ";
    counter-increment: item;
}

.docs-content ol.sub-list > li:before {
    content: "(" counter(item2, lower-alpha) ")";
    counter-increment: item2;
}

.docs-content .second-line li:before {
    font-weight: 400;
    font-size: 14px;
    margin-right: 32px;
}

.docs-content .second-line li:last-child {
    margin-bottom: 0;
}

.second-line p {
    margin-top: 27px;
}

.docs-title {
    font-size: 18px;
    line-height: 32px;
    color: #333;
    margin: 0 0 40px;
    font-weight: 700;
}

.docs-date {
    margin-top: 30px;
    font-weight: bold;
}

.docs-content h2 {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin: 0 0 32px;
    padding-left: 42px;
    display: inline-block;
}

.docs-content .text-block {
    margin-bottom: 27px;
}

.docs-content .text-block > p {
    margin-bottom: 26px;
    line-height: 27px;
}

.docs-content li {
    line-height: 27px;
    margin-bottom: 30px;
}

.docs-content > ol > li {
    margin-bottom: 27px;
}

.docs-content > ol > li:last-child {
    margin: 0;
}

.docs-content .second-line {
    padding-left: 0;
}

.second-line .link {
    letter-spacing: -0.3px;
}

.docs-content .second-line li {
    margin-bottom: 27px;
}

.docs-content > p {
    margin-bottom: 30px;
    line-height: 26px;
}

.docs-content > ol > li > p {
    margin-bottom: 26px;
    line-height: 27px;
}

.docs-content h2.small-padding {
    padding-left: 3px;
}

.docs-content > ol > li > p:last-child {
    margin-bottom: 0;
}

.docs-content p.data-description span {
    text-decoration: underline;
    display: block;
}

.docs-content p.data-description em {
    display: block;
    margin-bottom: 5px;
}

.docs-content p.data-info span {
    font-weight: bold;
    display: inline-block;
    min-width: 200px;
    vertical-align: middle;
}

.docs-content p.data-info em {
    display: inline-block;
    vertical-align: middle;
}

.personal-list li {
    margin-bottom: 0;
    position: relative;
}

.personal-list li:before {
    content: '';
    width: 3px;
    height: 1px;
    background: #333;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.personal-list li:last-child {
    margin-bottom: 0;
}

.docs-content--no-head {
    padding-top: 11px;
}

.col-inner-relative {
    position: relative;
}

.col-inner-relative:before {
    content: '';
    width: 230px;
    height: 214px;
    position: absolute;
    bottom: -89px;
    right: -88px;
    background: url(../images/planet-form-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    z-index: -1;
}

.rectangle-bg:before {
    content: '';
    position: absolute;
    width: 653px;
    height: 653px;
    position: absolute;
    top: 59px;
    left: 50%;
    margin-left: -1148px;
    background: url(../images/reactangle-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.account-drp {
    position: relative;
}

.account-dropdown {
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    background: #fff;
    width: 167px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 27px 23px 27px 31px;
    left: auto;
    right: 0;
    top: 59px;
    margin: 0 auto;
}

.account-dropdown ul li {
    margin-bottom: 29px;
}

.account-dropdown ul li:last-child {
    margin: 0;
}

.account-dropdown ul li a {
    color: rgba(51, 51, 51, .8);
    font-size: 14px;
    line-height: 19px;
}

.account-dropdown ul li a:hover {
    color: #333;
}

.account-dropdown ul li.active a {
    color: #333;
    font-weight: 700;
}

.account-btn-wrapper .account-btn {
    width: 120px;
}

.account-section {
    position: relative;
    padding: 174px 0 110px;
}

.account-section:before {
    position: absolute;
    width: 750px;
    height: 711px;
    top: 100px;
    left: 50%;
    margin-left: -1000px;
    background: url(../images/account-page-bg.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.account-content-block {
    margin-top: 4px;
}

.account-content-inner {
    padding: 44px 56px 59px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    webkit-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
}

.account-content-block.col-inner-relative:before {
    bottom: -13px;
    right: -79px;
}

.account-content-block.col-inner-relative.icon-down:before {
    bottom: -89px;
    right: -88px;
}

.account-title {
    font-size: 26px;
    line-height: 50px;
    font-weight: 800;
    color: #333;
    text-align: center;
    margin: 0 0 26px;
}

.details-logo {
    background: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 103, 149, 0.11);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 103, 149, 0.11);
    box-shadow: 0 0 20px 0 rgba(0, 103, 149, 0.11);
    margin-right: 60px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 260px;
    height: 260px;
}

.details-logo img {
    max-width: 109px;
    max-height: 138px;
    width: auto;
    height: auto;
}

.details-info {
    padding-top: 8px;
}

.details-info .account-name {
    margin-bottom: 32px;
    font-size: 20px;
    line-height: 25px;
    color: #39404B;
    font-weight: 600;
}

.a-info-wrapper {
    margin-bottom: 37px;
}

.a-info-wrapper p {
    margin: 0 0 18px;
}

.a-info-wrapper p:last-child {
    margin-bottom: 0;
}

.a-info-wrapper p strong {
    font-weight: 700;
}

#logo-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
}

.upload-text {
    margin: 17px 0;
    font-size: 13px;
    line-height: 19px;
    color: rgba(51, 51, 51, .35);
}

.upload-field {
    position: relative;
    text-align: center;
    display: block;
    font-size: 0;
    line-height: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.upload-field span {
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
}

.img-upload-block {
    width: 260px;
}

.details-form-fields {
    width: 376px;
    margin-top: -1px;
}

.account-btn-wrapper .account-btn {
    margin-right: 16px;
}

.account-btn-wrapper.account-btn-wrapper--center .account-btn {
    margin: 0 8px;
}

.account-btn-wrapper .account-btn:last-child {
    margin-right: 0;
}

.account-btn-wrapper {
    margin-top: 39px;
}

.subscription-block {
    width: 500px;
    margin: 0 auto;
}

.subscription-info {
    padding: 50px 0;
}

.subscription-upgrade a {
    width: 300px;
    margin: 0 auto;
}

.modal-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.notice-modal .modal-content {
    padding: 27px 33px 35px;
}

.notice-modal .modal-header {
    border: 0;
}

.notice-modal .modal-title {
    font-weight: bold;
    margin: 0 auto;
    font-size: 24px;
}

.switch--small {
    position: relative;
    height: 30px;
    width: 80px;
    display: block;
    margin: 0;
    border: none;
    background: #E8F8FF;
}

.switch--small .switch-selection {
    width: 40px;
    height: 30px;
}

.switch--small .switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 39px;
    line-height: 30px;
    font-size: 10px;
    font-weight: 700;
    color: #24BCFF;
    text-align: center;
    cursor: pointer;
}

.past-reports-wrapper {
    width: 346px;
    margin: 0 auto 0;
}

.report-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 21px;
}

.report-row:last-child {
    margin-bottom: 0;
}

.report-address {
    font-weight: 600;
    line-height: 19px;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 4px;
    text-overflow: ellipsis;
}

.report-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 30px;
    text-overflow: ellipsis;
}

.report-prepared {
    font-size: 12px;
    line-height: 17px;
    color: #93A0A5;
}

.past-reports-wrapper .download-btn {
    border: 1px solid #AFE6FF;
    background: #fff;
    color: #24BCFF !important;
    width: 100px;
}

.past-reports-wrapper .progress-btn {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #d5d5d5 !important;
    width: 100px;
}

.past-reports-wrapper .download-btn:hover {
    border: 1px solid #00B1FF;
    background: #00B1FF;
    color: #fff !important;
}

.manage-users-wrapper .edit-btn {
    border: 1px solid #AFE6FF;
    background: #fff;
    color: #24BCFF !important;
    width: 80px;
    margin-left: 10px;
}

.manage-buttons .btn  {
    border: 1px solid #AFE6FF;
    width: 80px;
    margin-left: 10px;
}

.manage-buttons .close-btn  {
    background: #fff;
    color: #24BCFF !important;
}

.manage-users-wrapper .edit-btn:hover {
    border: 1px solid #00B1FF;
    background: #00B1FF;
    color: #fff !important;
}

.manage-users-wrapper {
    width: 450px;
    margin: 0 0 39px;
    max-width: 100%;
}

.manage-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    margin-bottom: 16px;
}

.manage-row:last-child {
    margin-bottom: 0;
}

.m-user-name {
    font-weight: 600;
    line-height: 19px;
    margin-bottom: 4px;
}

.manage-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    margin-right: 30px;
    position: relative;
}

.m-user-role {
    font-size: 12px;
    line-height: 17px;
    color: #93A0A5;
    position: absolute;
    bottom: -15px;
    left: 0;
    right: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.create-user-btn-wrapper .btn {
    width: 185px;
}

.map-wrapper {
    /*font-size: 0;*/
    position: relative;
}

.map-loader {
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
}
.map-loader .lds-dual-ring {
    display: inline-block;
    width: 66px;
    height: 66px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -33px;
    margin-top: -33px;
}
.map-loader .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #fff;
    border-color: #fff transparent #fff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.map-content {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.map-content .map-elm {
    width: 100%;
    height: 100%;
}

.map-content .map-elm .ol-map {
    width: 100%;
    height: 100%;
}

.map-content .map-zoom-control {
    top: 210px;
    left: 24px;
    bottom: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.left-visible .map-content .map-zoom-control {
    left: 300px;
}

.map-content .map-zoom-control button {
    float: left;
}

.map-content iframe {
    width: 100%;
    height: 100%;
}

.map-content .map-date {
    position: absolute;
    bottom: 20px;
    left: 50%;
}

.map-content .map-date .btn-dropdown {
    width: 150px;
    padding: 10px;
    background: #fff;
    border: 1px solid #AFE6FF;
    color: #00B1FF !important;
    font-weight: normal;
}

.map-content .map-date .dropup .dropdown-menu {
    width: 150px;
}

.map-content .map-date .dropdown-item {
    text-align: center;
    font-size: 15px;
}

.map-content .map-date .map-dropdown {
    height: 200px;
}

.left-sidebar {
    width: 276px;
    margin-left: -276px;
    position: fixed;
    top: 97px;
    height: calc(100% - 97px);
    left: 0;
    bottom: 0;
    z-index: 20;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 41, 59, 0.16);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 41, 59, 0.16);
    box-shadow: 0 0 20px 0 rgba(0, 41, 59, 0.16);

}

.left-sidebar-content {
    padding: 24px 0 0;
    background: #F7FCFF;
    position: relative;
    height: 100%;
}

.left-sidebar-content .menu-list {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.left-sidebar-content .menu-breadcrumbs {
    flex: 0 1 auto;
}

.left-sidebar-content .menu-list .scroll-wrapper {
    flex: 1 1 auto;
}


.left-sidebar-control {
    width: 46px;
    height: 54px;
    cursor: pointer;
    background: url(../images/sidebar-left-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: -46px;
    bottom: 46px;
    -webkit-border-radius: 0 50% 50% 0;
    -moz-border-radius: 0 50% 50% 0;
    border-radius: 0 50% 50% 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: 16px 0 20px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 16px 0 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 16px 0 20px 0 rgba(0, 0, 0, 0.08);
}

.right-sidebar-control {
    width: 46px;
    height: 54px;
    cursor: pointer;
    background: url(../images/sidebar-right-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: -46px;
    bottom: 46px;
    -webkit-border-radius: 50% 0 0 50%;
    -moz-border-radius: 50% 0 0 50%;
    border-radius: 50% 0 0 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-shadow: -16px 0 20px 0 rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -16px 0 20px 0 rgba(0, 0, 0, 0.08);
    box-shadow: -16px 0 20px 0 rgba(0, 0, 0, 0.08);
}

.left-sidebar.left-opened {
    margin-left: 0;
}

.map-search {
    position: absolute;
    left: 24px;
    top: 110px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
}

.left-visible .map-search {
    left: 300px;
}

.map-search input[type='text'] {
    width: 380px;
    color: rgba(99, 110, 126, 0.55);
    padding: 15px 38px 15px 25px;
    border: none;
    height: 46px;
    border-radius: 0;
    background: #fff url(../images/search.svg) center right  8px no-repeat;
}

.map-search .map-search-btn {
    height: 46px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 100px;
}

.map-switcher {
    position: absolute;
    left: 24px;
    top: 165px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    z-index: 2;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
}

.left-visible .map-switcher {
    left: 300px;
}

.map-switcher .switch-button {
    float: left;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    user-select: none;
    font-size: 11px;
    background-color: rgb(255, 255, 255);
    padding: 8px 11px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.298039) 0 1px 4px -1px;
    min-width: 20px;
    font-weight: 500;
}

.map-switcher .switch-button:hover {
    background-color: rgb(235, 235, 235);
    color: rgb(0, 0, 0);
}

.map-switcher .switch-button.active {
    color: rgb(0, 0, 0);
}

.menu-map-section {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.menu-map-switch {
    padding: 0 28px;
    margin-bottom: 25px;
}

.developed-switch {
    padding: 0;
}

.menu-map-switch .switch {
    width: 100%;
    border-radius: 4px;
    border-color: #a6ddff;
}

.menu-map-switch .switch-label {
    font-size: 11px;
    width: 50%;
    border-radius: 3px;
    font-weight: 700;
    padding: 3px 10px;
    line-height: 32px;
    color: #24bcff;
}

.menu-map-switch .label-finder {
    line-height: 16px;
}

.menu-map-switch .switch-selection {
    width: 50%;
    border-radius: 3px;
    background: #24bcff;
    background: -moz-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: linear-gradient(135deg, #24bcff 1%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
}

.aside-breadcrumbs ul li span:hover {
    opacity: .9;
}

.site-finder-menu {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.site-finder-menu p.dfs-info {
    font-size: 13px;
    margin-bottom: 15px;
    padding: 0 28px;
}

.dfs-filters {
    padding: 0 28px;
}

.select-filter {
    margin-bottom: 15px;
}

.input-filter {
    margin-bottom: 15px;
}

.overlay-filter {
    margin-bottom: 20px;
}

.input-filter .filter-label {
    font-size: 13px;
    margin-bottom: 10px;
}

.input-filter .filter-elm input {
    font-size: 13px;
    margin-bottom: 10px;
    border-color: #d0f1ff;
}

.input-filter .filter-elm input::-webkit-outer-spin-button,
.input-filter .filter-elm input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.input-filter .filter-elm input[type=number] {
    -moz-appearance:textfield;
}

.input-filter .filter-elm input::placeholder {
    color: #bde6ff;
}

.dfs-button {
    text-align: center;
    padding: 0 28px;
    padding-bottom: 20px;
}

.dfs-button button {
    width: 100%;
}

.dropdown-search {
    position: relative;
}

.dropdown-search .dropdown-wrapper {
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
}

.dropdown-search .dropdown-input {
    position: relative;
    padding: 10px 20px;
}

.dropdown-search .selected-list {
    margin-top: 10px;
}

.dropdown-search .selected-list .item-box {
    background: #00b1ff;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    border-radius: 10px;
    margin-right: 3px;
    margin-bottom: 3px;
    padding: 2px 10px;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis !important;
}

.dropdown-search .selected-list .item-box.exclude {
    background: #ff5771;
}

.dropdown-search .selected-list .item-box span {
    vertical-align: middle;
}

.dropdown-search .selected-list .item-box .close-icon {
    margin-right: 3px;
    font-size: 14px;
    cursor: pointer;
}

.dropdown-search .dropdown-input input {
    width: 100%;
    border: none;
    background: transparent;
}

.dropdown-search .dropdown-input span.dropdown-arrow {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 11px;
    width: 10px;
    height: 10px;
    background: #fff url(../images/arrow-right-icon.svg) center no-repeat;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.dropdown-search .dropdown-input input::placeholder {
    color: #515151;
}

.dropdown-search .dropdown-list {
    margin-top: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: none;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 15;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
}

.dropdown-search .dropdown-scroll-wrapper {
    max-height: 200px;
    height: 200px;
    overflow: hidden;
}

.dropdown-search .dropdown-wrapper.open .dropdown-input span.dropdown-arrow {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dropdown-search .dropdown-wrapper.open .dropdown-list {
    display: block;
}

.dropdown-search .dropdown-content .search-item {
    padding: 3px 12px 3px 5px;
    overflow: hidden;
}

.dropdown-search .dropdown-content .search-item:hover {
    background: #eff9fd;
}

.dropdown-search .dropdown-content .search-item .menu-title {
    float: left;
    width: 65%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis !important;
}

.dropdown-search .dropdown-content .search-item .item-title {
    float: left;
    width: 85%;
    overflow: hidden;
    padding: 0 5px 0 3px;
    font-size: 11px;
    position: relative;
    height: 19px;
}

.dropdown-search .dropdown-content .search-item .item-title > div {
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    width: 100%;
}

.dropdown-search .dropdown-content .search-item .item-title > div span {
    position: relative;
    left: 0;
}

.dropdown-search .dropdown-content .search-item .item-title:hover div.text-show {
    width: auto;
}

.dropdown-search .dropdown-content .search-item .item-title:hover div.text-show span {
    animation: pulse3 4s infinite;
}

.dropdown-search .dropdown-content .search-item .item-buttons {
    float: left;
    width: 15%;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.dropdown-search .dropdown-content .search-item.exclude .item-title {
    width: 75%;
}

.dropdown-search .dropdown-content .search-item.exclude .item-title:hover div.text-show span {
    animation: pulse2 4s infinite;
}

@keyframes pulse2 {
    0% {
        left: 0;
    }
    50% {
        left: calc(-100% + 145px);
    }
    100% {
        left: 0;
    }
}

@keyframes pulse3 {
    0% {
        left: 0;
    }
    50% {
        left: calc(-100% + 165px);
    }
    100% {
        left: 0;
    }
}

.dropdown-search .dropdown-content .search-item.exclude .item-buttons {
    width: 25%;
}

.dropdown-search .dropdown-content .search-item .item-buttons div.button-include {
    background: url(../images/plus-icon-1.svg) center center no-repeat;
    width: 20px;
    height: 20px;
}

.dropdown-search .dropdown-content .search-item .item-buttons div.button-include:hover {
    background: url(../images/plus-icon-2.svg) center center no-repeat;
    width: 20px;
    height: 20px;
}

.dropdown-search .dropdown-content .search-item .item-buttons div.button-include.active {
    background: url(../images/plus-icon-3.svg) center center no-repeat;
}

.dropdown-search .dropdown-content .search-item .item-buttons div.button-exclude {
    background: url(../images/minus-icon-1.svg) center center no-repeat;
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

.dropdown-search .dropdown-content .search-item .item-buttons div.button-exclude:hover {
    background: url(../images/minus-icon-2.svg) center center no-repeat;
}

.dropdown-search .dropdown-content .search-item .item-buttons div.button-exclude.active {
    background: url(../images/minus-icon-3.svg) center center no-repeat;
}

.site-finder-list {
    height: 100%;
    display: flex;
    flex-flow: column;
}

.site-finder-list .back-link {
    text-transform: uppercase;
    color: #00b1ff;
    cursor: pointer;
    font-size: 12px;
    padding: 0 28px;
    flex: 0 1 auto;
    margin-bottom: 20px;
    font-weight: 600;
}

.site-finder-list .back-link .btn {
    background: #e0f5ff;
    color: #2fbfff;
    font-size: 10px;
    line-height: 32px;
    height: 32px;
    border-radius: 4px;
    padding: 0 12px;
    text-transform: uppercase;
}

.site-finder-list .property-list .property-item div p {
    font-size: 10px;
}

.form-notice {
    font-size: 10px;
    color: #636e7e;
    margin-bottom: 15px;
}

.upgrade-button a {
    width: 160px;
    margin: 0 auto;
}

.payment-p-form {
    margin-bottom: 10px;
}

.payment-p-form.border-b {
    border-top: 1px solid #dadada;
    padding-top: 20px;
    border-bottom: 1px solid #dadada;
}

.payment-p-form .price-total-block-wrapper {
    margin-bottom: 25px;
}

.payment-title-search {
    padding: 0 28px 25px;
}

.payment-p-form .payment-card {
    padding: 18px 22px;
    position: relative;
    margin-bottom: 25px;
}

.payment-p-form .price-value {
    text-align: right;
    left: auto;
    display: inline-block;
    width: 90px;
}

.payment-p-form .label-l {
    width: 35px;
}

.payment-p-form .value-r {
    width: 65px;
}

.payment-p-form .label-t {
    width: 90px;
}

.payment-p-form .payment-card h5 {
    font-size: 9px;
    margin: 0 0 25px 0;
    white-space: nowrap;
}

.payment-p-form .payment-card span.payment-error {
    font-size: 9px;
    top: 31px;
    left: 22px;
    right: auto;
    bottom: auto;
    text-align: left;
}

.payment-p-form .payment-card span.error-text {
    font-size: 9px;
}

.payment-p-form .inpt-group.card-holder {
    width: 125px;
    margin-bottom: 22px;
}

.payment-p-form .expiration-date {
    width: 115px;
}

.payment-p-form .inpt-group.cvv {
    width: 55px;
}

.payment-p-form .inpt-group {
    margin-bottom: 22px;
}

.payment-p-form .inpt-group input {
    font-size: 10px;
}

.payment-p-form .inpt-group label {
    font-size: 9px;
    padding: 0;
}

.payment-p-form .inpt-group input:focus ~ label,
.payment-p-form .inpt-group input:valid ~ label {
    top: -15px;
}

.payment-p-form .btn-p-checkout {
    font-size: 9px;
    height: 30px;
    width: 100%;
}

.payment-p-form .payment-icons {
    top: -2px;
    position: relative;
}

.payment-p-form .payment-icons i {
    width: 23px;
    height: 23px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 27px;
    display: inline-block;
}

.payment-p-form .p-visa-icon {
    background-image: url(../images/payment/visa.svg);
}

.payment-p-form .p-master-icon {
    background-image: url(../images/payment/mastercard.svg);
}

.payment-p-form .p-amex-icon {
    background-image: url(../images/payment/amex.svg);
}

.aside-breadcrumbs {
    padding: 0 28px;
    margin-bottom: 23px;
}

.aside-breadcrumbs ul {
    font-size: 0;
    line-height: 0;
    margin-top: -10px;
}

.aside-breadcrumbs ul li {
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
}

.aside-breadcrumbs ul li span {
    color: #00B1FF;
    font-weight: 600;
    font-size: 10px;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    background: rgba(208, 241, 255, 0.46);
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 0 12px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    text-transform: uppercase;
}

.aside-breadcrumbs ul li:after {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    content: '';
    width: 6px;
    height: 9px;
    display: inline-block;
    margin: 0 8px;
    vertical-align: middle;
    background: url(../images/sidebar-content-arrow-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.aside-breadcrumbs ul li:last-child:after {
    display: none;
}

.aside-breadcrumbs ul li a {
    color: #00B1FF !important;
}

.aside-breadcrumbs ul li span:hover {
    opacity: .9;
}

.property-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100% !important;
    max-height: 100%;
}

.property-list .property-close {
    padding: 10px 28px 10px;
}

.property-close span.close-icon  {
    width: 12px;
    height: 12px;
    background: url(../images/sidebar-content-arrow-icon.svg) center center no-repeat;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    transform: rotate(180deg);
    vertical-align: middle;
}

.property-list ul {
    width: 100%;
    padding: 0 28px 25px;
}

.property-list li {
    margin-bottom: 10px;
}

.property-list li:last-child {
    margin-bottom: 0;
}

.property-list li div {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 21px;
    color: #333;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    cursor: pointer;
}

.property-list li div:hover,
.property-list li div:focus {
    color: inherit;
}

/*.property-list li a*/

.property-list li.active div {
    color: #fff;
    background: #24bcff;
    background: -moz-linear-gradient(-45deg, #24bcff 0%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #24bcff 0%, #6ecddd 100%);
    background: linear-gradient(135deg, #24bcff 0%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
}

.property-list li.disabled div {
    color: #d6d6d6;
    cursor: default;
}

.property-list li.active div.SP1-item,
.property-list li.active div.SP2-item,
.property-list li.active div.SP3-item,
.property-list li.active div.W1-item,
.property-list li.active div.RE2-item,
.property-list li.active div.IN2-item,
.property-list li.active div.B1-item,
.property-list li.active div.IN1Z-item-inner,
.property-list li.active div.IN2Z-item-inner,
.property-list li.active div.IN3Z-item-inner {
    color: #333;
}

.property-list li div p {
    width: 100%;
    height: 19px;
    position: relative;
    overflow: hidden;
}

.property-list li div p > span {
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    width: 100%;
}

.property-list li div p span span {
    position: relative;
    left: 0;
}

.property-list li:hover div p span.text-show {
    width: auto;
}

.property-list li:hover div p span.text-show span {
    animation: pulse 4s infinite;
}

@keyframes pulse {
    0% {
        left: 0;
    }
    50% {
        left: calc(-100% + 178px);
    }
    100% {
        left: 0;
    }
}

.property-list li.active div.development_approval-item-inner {
    background: #93A0A5;
}

.property-list li.active div.site_for_sale-item-inner {
    background: #00B1FF;
}

.property-list li.active div.development_application-item-inner {
    background: #FF5859;
}

.property-list li.active div.under_construction-item-inner {
    background: #39404B;
}

.property-list li.active div.appeal_lodged-item-inner {
    background: #FF93E6;
}

.property-list li.active div.amenity-item-inner {
    color: #fff;
    background: #A067FF;
}

.property-list li .menu-info {
    width: 25px;
    display: inline-block;
    font-size: 10px;
}

.property-list li .property-list-icon {
    height: 9px;
    width: 6px;
    background: url(../images/sidebar-content-arrow-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: inline-block;
}

.property-list li .item-remove-icon {
    transform: rotate(45deg);
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.property-list .custom-menu li div {
    padding: 4px 13px;
    color: #fff;
    height: auto;
}

.custom-menu-btn {
    padding: 0 28px;
}

.custom-menu-btn a {
    width: 100px;
}

.menu-info {
    text-align: center;
    font-size: 11px;
}

.right-sidebar {
    width: 316px;
    margin-right: -316px;
    position: fixed;
    top: 97px;
    bottom: 0;
    right: 0;
    z-index: 20;
    background: #f7fcff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 41, 59, 0.16);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 41, 59, 0.16);
    box-shadow: 0 0 20px 0 rgba(0, 41, 59, 0.16);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.right-sidebar.right-opened {
    margin-right: 0;
}

.right-sidebar-content {
    position: relative;
    height: 100%;
}

.property-info-wrapper {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.property-info {
    display: flex;
    flex: 0 1 auto;
    max-height: calc(100% - 255px);
}

.report-buttons {
    display: flex;
    flex: 1 1 auto;
    height: 235px;
    padding-top: 20px;
}

.report-buttons .property-list li div {
    padding: 0 21px 0 65px;
    font-size: 13px;
}

.report-buttons .property-list li div p {
    height: auto;
}

.report-buttons .property-list li div.site_summary {
    background: #fff url(../images/report-icons/map.svg) center left 20px no-repeat;
}

.report-buttons .property-list li div.planning {
    background: #fff url(../images/report-icons/planning.svg) center left 20px no-repeat;
}

.report-buttons .property-list li div.market {
    background: #fff url(../images/report-icons/report.svg) center left 20px no-repeat;
}

.report-buttons .property-list li div.due_diligence {
    background: #fff url(../images/report-icons/search.svg) center left 20px no-repeat;
}

.report-buttons .property-list li div.title-search {
    background: #fff url(../images/report-icons/tile.svg) center left 20px no-repeat;
}

.report-buttons .property-list li div.excel-report {
    background: #fff url(../images/report-icons/excel.svg) center left 20px no-repeat;
}

.right-sidebar-head {
    padding: 24px;
    position: relative;
    margin-bottom: 24px;
}

.right-sidebar-head:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 24px;
    right: 24px;
    height: 1px;
    background: #AFE6FF;
}

.tags-wrapper {
    width: 100%;
}

.tag-item {
    padding: 10px 20px 10px 24px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.tag-item.white {
    background: #d0f1ff;
}

.tag-item span {
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #00b1ff;
    max-width: 90%;
}

.tag-item i {
    width: 12px;
    height: 12px;
    background: url(../images/sidebar-content-arrow-icon.svg) center center no-repeat;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    transform: rotate(180deg);
}

.tag-item.dark span {
    color: #fff;
}

.tag-item.dark {
    background: #636E7E;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
}

.tags-item span {
    color: #fff;
}

.tag-item .remove-tag {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: url(../images/close-icon-light.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.tag-item .remove-tag.remove-tag--dark {
    background: url(../images/close-icon-dark.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.tag-item .remove-tag:hover {
    opacity: .8;
}

.right-sidebar-body {
    height: 100%;
    overflow: hidden;
}

.body-info-wrapper .info-row {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 24px;
}

.body-info-wrapper .info-row a.btn {
    padding: 0 25px;
    width: 100%;
}

.body-info-wrapper .info-row:last-child {
    margin-bottom: 0;
}

.body-info-wrapper .list-col {
    margin-bottom: 5px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 5px;
}

.body-info-wrapper .list-col .col-label {
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #333333;
}

.body-info-wrapper .list-col .col-value {
    color: #636E7E;
    font-size: 13px;
    line-height: 18px;
}

.body-info-wrapper .group-list {
    margin-bottom: 16px;
    padding: 0 24px;
}

.body-info-wrapper .group-title  {
    margin-bottom: 16px;
    text-transform: capitalize;
    font-size: 13px;
    color: #636E7E;
    padding-top: 16px;
    border-top: 1px solid #777;
}

.body-info-wrapper .group-list .info-row {
    padding: 0;
}

.body-info-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100% !important;
    margin-top: 21px;
}

.body-info-wrapper .info-label {
    width: 50%;
    font-size: 13px;
    line-height: 18px;
    font-weight: 600;
    color: #333333;
}

.body-info-wrapper .info-value {
    float: left;
    width: 50%;
    color: #636E7E;
    font-size: 13px;
    padding-left: 4px;
    line-height: 18px;
}

.body-info-wrapper .info-value.info-value--blue a {
    color: #00B1FF;
    font-weight: 600;
}

.body-info-wrapper .info-value ul li {
    margin-bottom: 10px;
}

.body-info-wrapper .info-value span.no-value {
    color: #333;
}

.report-content {
    padding: 0 24px;
}

.report-content .report-btn-wrapper {
    margin-bottom: 30px;
}

.report-content .property-close {
    margin-bottom: 15px;
}

.map-modal-head {
    padding: 0 20px;
}

.map-modal-body-head {

}

.project-modal {
    position: relative;
}

.map-modal-body-head--project {
    background: #24bcff;
    background: -moz-linear-gradient(45deg, #24bcff 0%, #6ecddd 100%);
    background: -webkit-linear-gradient(45deg, #24bcff 0%,#6ecddd 100%);
    background: linear-gradient(45deg, #24bcff 0%,#6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24bcff', endColorstr='#6ecddd',GradientType=1 );
    color: #fff;
    padding: 40px 0 40px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    margin-bottom: 35px;
}

.map-modal-body-content {
    overflow: hidden;
    padding: 0 40px;
}

.map-modal-body-share-content {
    padding: 0 40px;
}

.share-email-inp .selectize-input {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #AFE6FF;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    outline: none !important;
    padding: 13px 23px 15px !important;
    box-shadow: none;
}

.share-email-inp .selectize-control.multi .selectize-input [data-value] {
    color: #24BCFF !important;
    background: none !important;
    border-color: #24BCFF !important;
    border-radius: 10px;
    box-shadow: none;
    text-shadow: none;
}

.share-email-inp .selectize-control.plugin-remove_button [data-value] .remove {
    border: none;
}

.share-email-inp .selectize-input > input::-webkit-input-placeholder {
    color: #7BD6FF;
}

.share-email-inp .selectize-input > input::-moz-placeholder {
    color: #7BD6FF;
}

.share-email-inp .selectize-input > input:-ms-input-placeholder {
    color: #7BD6FF;
}

.share-email-inp .selectize-input > input:-moz-placeholder {
    color: #7BD6FF;
}

.share-email-inp .selectize-input.focus {
    border-color: #24BCFF;
    color: #333333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.close-map-modal {
    float: right;
    width: 10px;
    height: 10px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    outline: none !important;
    background: url(../images/close-icon-dark.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    cursor: pointer;
}

.project-modal .close-map-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #fff;
    z-index: 9;
    background: url(../images/menu-close-icon.svg) center center no-repeat;
}

.project-modal .map-modal-content {
    padding-top: 0;
}

.custom-map-modal .map-modal-body-head--project {
    padding: 20px 0 20px
}

.map-modal {
    width: 500px;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -ms-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
}

.map-modal-wrapper:after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.map-modal-body {
    width: 100%;
    max-width: 100%;
}

.modal-inner-padding {
    padding: 20px 40px;
}

.map-middle-modal {
    width: 600px;
}

.map-big-modal {
    width: 940px;
}

.left-visible .map-modal {
    margin-left: 138px;
}

.map-modal-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    z-index: 10;
    padding-top: 97px;
    background: rgba(10, 30, 45, 0.7);
}

.map-modal-wrapper.modal-cover {
    padding: 0;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
}

.map-modal-wrapper.modal-cover .map-modal {
    margin: 0;
}

.map-modal-wrapper .suburb-wrapper {
    padding: 10px;
}

.map-modal-wrapper .suburb-wrapper select {
    padding: 10px;
}

.map-modal-content {
    padding: 20px 0;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.close-btn-modal {
    position: absolute;
    top: 0;
    right: 30px;
}

.modal-col-6 {
    width: 50%;
}

.modal-col-row {
    margin-bottom: 12px;
}

.project-label {
    width: 45%;
    float: left;
    font-weight: 600;
}

.project-value {
    width: 55%;
    float: left;
}

.modal-col-row:last-child {
    margin-bottom: 0;
}

.col-map {
    background: #93A0A5;
    height: 100%;
}

.map-modal-title {
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin: 0 0 6px;
}

.map-modal-title--big-margin-both {
    margin: 30px 0;
}

.map-modal-title--big-margin {
    margin-bottom: 20px;
}

.map-modal-title--extra-big-margin{
    margin-bottom: 50px;
}

.map-modal-subtitle {
    font-size: 16px;
    line-height: 21px;
    margin: 0;
    font-weight: 700;
    text-align: center;
}

.map-modal-subtitle--small-margin {
    margin-bottom: 20px;
}

.color-list li {
    margin: 5px;
    display: inline-block;
}

.color-list li span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 2px solid transparent;
}

.color-list li span:hover {
    opacity: 0.8;
    cursor: pointer;
}

.color-list li span.active {
    opacity: 0.8;
    cursor: pointer;
    border-color: #0db9f0;
}

.simplebar-scrollbar:before {
    opacity: 1 !important;
}

.simplebar-track {
    width: 6px;
}

.simplebar-scrollbar {
    position: absolute;
    right: 6px;
    width: 6px;
    min-height: 10px;
}

.simplebar-scrollbar:before {
    position: absolute;
    content: "";
    background: rgba(99, 110, 126, 0.15);
    border-radius: 7px;
    left: 0;
    right: 0;
    opacity: 0;
    transition: opacity .2s linear;
}

.left-sidebar .simplebar-horizontal {
    display: none;
}

.right-sidebar .simplebar-horizontal {
    display: none;
}

.left-sidebar .simplebar-content {
    overflow-x: hidden !important;
}

.right-sidebar .simplebar-content {
    overflow-x: hidden !important;
}

.simplebar-track.simplebar-vertical {
    width: 6px;
}

.map-modal .simplebar-track.simplebar-horizontal {
    display: none;
}

.property-list input[type="checkbox"] {
    display: none;
}

.property-list input[type="checkbox"]:not(:checked) + label {
    background: #fff !important;
    color: #333 !important;
}

.property-list input[type="checkbox"] + label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 21px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    cursor: pointer;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.property-list-check span {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select-all {
    padding: 0 28px;
    margin-bottom: 20px;
}


.map-modal-body table {
    width: 100%;
}

.map-modal-body .table-wrapper {
}

.map-modal-body .table-wrapper table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}

.map-modal-body .table-wrapper table thead {
    flex: 0 0 auto;
    width: calc(100% - 0.9em);
}

.map-modal-body .table-wrapper table tbody {
    flex: 1 1 auto;
    display: block;
}

.map-modal-body .table-wrapper table tbody tr {
    width: 100%;
}

.map-modal-body .table-wrapper table thead,
.map-modal-body .table-wrapper table tbody tr {
    display: table;
    table-layout: fixed;
}

.map-modal-body table th {
    text-align: center;
    padding: 6px 18px;
    color: #00B1FF;
    font-weight: 700;
    vertical-align: middle;
}

.map-modal-body table td {
    text-align: center;
    padding: 6px 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.map-modal-body table tr:hover td {
    background: #EFF9FD;
}

.map-modal-body table th.text-left {
    text-align: left;
}

.map-modal-body table td.text-left {
    text-align: left;
}

.map-modal-body .table-wrapper.pricing-list {
    margin-top: 25px;
}

.map-modal-body .table-wrapper.pricing-total td.bed {
    text-align: center;
    padding: 6px 18px;
    color: #00B1FF;
    font-weight: 700;
}

.map-modal-body .table-wrapper.pricing-total td.bed-title {
    text-align: left;
    padding: 6px 18px;
    color: #00B1FF;
    font-weight: 700;
}

.map-modal-body .table-wrapper.pricing-total td.bed span {
    vertical-align: top;
    margin-left: 5px;
}

.map-modal-body .table-wrapper.pricing-total .toggle-button {
    text-align: center;
    margin-top: 25px;
}

.map-modal-body .table-wrapper.pricing-total .btn-show {
    color: #fff;
    background: #24bcff;
    background: -moz-linear-gradient(-45deg, #24bcff 0%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #24bcff 0%, #6ecddd 100%);
    background: linear-gradient(135deg, #24bcff 0%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
    padding: 10px 21px;
    border-radius: 100px;
}

.table-content {
    padding: 0 20px;
}

.icon-bed {
    width: 24px;
    height: 20px;
    display: inline-block;
    background: url(../images/bedrooms-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-bathtub {
    width: 25px;
    height: 23px;
    display: inline-block;
    background: url(../images/bathtub-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.icon-car {
    width: 26px;
    height: 23px;
    display: inline-block;
    background: url(../images/car-icon.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.graph-row {
    position: relative;
    padding: 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    -moz-box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
    box-shadow: 0 0 40px 0 rgba(0, 103, 149, 0.1);
}

.graph-row .pricing-menu .dropdown-menu {
    width: 100%;
}

.graph-row .pricing-menu a.dropdown-item{
    font-size: 12px;
}

.graph-row .pricing-filter {
    margin-bottom: 15px;
}

.graph-row .pricing-dropdown {
    margin-bottom: 15px;
    z-index: 11;
}

.modal-switch .switch {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
}

.modal-switch .switch-selection {
    width: 40px;
}

.switch-text {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    color: #39404B;
    font-size: 11px;
    font-weight: 600;
}

.switch--extra-small {
    height: 20px;
    margin: 0;
    border: none;
    background: #E8F8FF;
}

.switch--extra-small .switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 40px;
    line-height: 20px;
    font-size: 9px;
    font-weight: 700;
    color: #24BCFF;
    text-align: center;
    cursor: pointer;
}

.switch--extra-small .switch-selection {
    height: 20px;
    width: 40px;
    left: 0;
}

.switch-five .switch-input:checked + .switch-label:nth-of-type(1) ~ .switch-selection {
    left: 0;
}

.switch-five .switch-input:checked + .switch-label:nth-of-type(2) ~ .switch-selection {
    left: 20%;
}

.switch-five .switch-input:checked + .switch-label:nth-of-type(3) ~ .switch-selection {
    left: 40%;
}

.switch-five .switch-input:checked + .switch-label:nth-of-type(4) ~ .switch-selection {
    left: 60%;
}

.switch-five .switch-input:checked + .switch-label:nth-of-type(5) ~ .switch-selection {
    left: 80%;
}

.switch-four .switch-input:checked + .switch-label:nth-of-type(1) ~ .switch-selection {
    left: 0;
}

.switch-four .switch-input:checked + .switch-label:nth-of-type(2) ~ .switch-selection {
    left: 25%;
}

.switch-four .switch-input:checked + .switch-label:nth-of-type(3) ~ .switch-selection {
    left: 50%;
}

.switch-four .switch-input:checked + .switch-label:nth-of-type(4) ~ .switch-selection {
    left: 75%;
}

.switch-three .switch-input:checked + .switch-label:nth-of-type(1) ~ .switch-selection {
    left: 0;
}

.switch-three .switch-input:checked + .switch-label:nth-of-type(2) ~ .switch-selection {
    left: 33.33333%;
}

.switch-three .switch-input:checked + .switch-label:nth-of-type(3) ~ .switch-selection {
    left: 66.66666%;
}

.switch--extra-small.val-per .switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 50px;
    line-height: 20px;
    font-size: 9px;
    font-weight: 700;
    color: #24BCFF;
    text-align: center;
    cursor: pointer;
}

.switch--extra-small.val-per .switch-input:checked + .switch-label {
    color: #fff;
}

.switch--extra-small.val-per {
    width: 100px;
}

.switch--extra-small.val-per .switch-selection {
    height: 20px;
    width: 50px;
}

.graph-control {
    width: 77px;
    margin: 0 8px;
}

.graph-control:first-child {
    margin-left: 0;
}

.graph-control:last-child {
    margin-right: 0;
}

.median-sales-btn {
    width: 184px;
}

.median-sales-btn .btn-arrow {
    margin-left: 20px;
}

.map-modal-body .info-top {
    margin-bottom: 30px;
}

.map-modal-body .info-top h4 {
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    margin: 0 0 25px;
}

.m-pr-item {
    width: 94px;
    text-align: center;
}

.m-pr-val {
    width: 87px;
    height: 83px;
    background: url(../images/modal-circles.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin-bottom: 5px;
    font-size: 30px;
    font-weight: 800;
    color: #0089FF;
}

.m-pr-text {
    color: #93A0A5;
    font-size: 12px;
    line-height: 15px;
}

.graph-item-wrapper {
    margin: 0 -25px 25px;
}

.graph-item-wrapper .graph-item {
    padding: 0 25px;
    position: relative;
}

.graph-item-wrapper .graph-item:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #AFE6FF;
}

.graph-item-wrapper .graph-item:last-child:after {
    display: none;
}

.amenity-item-inner p {
    margin: 0;
}

.amenity-item-inner span.menu-icon {
    width: 30px;
    height: 28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.amenity-item-inner span i {
    display: inline-block;
    -webkit-background-size: cover;
    background-size: cover;
    vertical-align: middle;
}

.map-circle {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.airport-icon {
    background: url(../images/map-sprites/airport-sprite.svg) center no-repeat;
    width: 24px;
    height: 23px;
}

.aquarium_zoo-icon {
    background: url(../images/map-sprites/aquarium-zoo-sprite.svg) center no-repeat;
    width: 28px;
    height: 26px;
}

.tower-icon {
    background: url(../images/map-sprites/melbourne-cbd-sprite.svg) center no-repeat;
    width: 24px;
    height: 28px;
}

.entertainment-icon {
    background: url(../images/map-sprites/crown-entertainment-sprite.svg) center no-repeat;
    width: 24px;
    height: 28px;
}

.park-icon {
    background: url(../images/map-sprites/park-sprite.svg) center no-repeat;
    width: 22px;
    height: 28px;
}

.shopping_centre-icon {
    background: url(../images/map-sprites/shopping-centre-sprite.svg) center no-repeat;
    width: 20px;
    height: 24px;
}

.stadium-icon {
    background: url(../images/map-sprites/stadium-sprite.svg) center no-repeat;
    width: 27px;
    height: 23px;
}

.supermarket-icon {
    background: url(../images/map-sprites/supermarket-sprite.svg) center no-repeat;
    width: 25px;
    height: 22px;
}

.primary_school-icon {
    background: url(../images/map-sprites/primary-school-sprite.svg) center no-repeat;
    width: 22px;
    height: 22px;
}

.secondary_school-icon {
    background: url(../images/map-sprites/secondary-school-sprite.svg) center no-repeat;
    width: 20px;
    height: 25px;
}

.university-icon {
    background: url(../images/map-sprites/university-sprite.svg) center no-repeat;
    width: 27px;
    height: 24px;
}

.train_station-icon {
    background: url(../images/map-sprites/train-sprite.svg) center no-repeat;
    width: 19px;
    height: 28px;
}

.bus_station-icon {
    background: #7BCAB5;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.tram_station-icon {
    background: #F1C66A;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.active .airport-icon {
    background-image: url(../images/map-sprites/airport-sprite-active.svg);
}

.active .aquarium_zoo-icon {
    background-image: url(../images/map-sprites/aquarium-zoo-sprite-active.svg);
}

.active .tower-icon {
    background-image: url(../images/map-sprites/melbourne-cbd-sprite-active.svg);
}

.active .entertainment-icon {
    background-image: url(../images/map-sprites/crown-entertainment-sprite-active.svg) ;
}

.active .park-icon {
    background-image: url(../images/map-sprites/park-sprite-active.svg);
}

.active .shopping_centre-icon {
    background-image: url(../images/map-sprites/shopping-centre-sprite-active.svg);
}

.active .stadium-icon {
    background-image: url(../images/map-sprites/stadium-sprite-active.svg);
}

.active .supermarket-icon {
    background-image: url(../images/map-sprites/supermarket-sprite-active.svg);
}

.active .primary_school-icon {
    background: url(../images/map-sprites/primary-school-sprite-active.svg);
}

.active .secondary_school-icon {
    background-image: url(../images/map-sprites/secondary-school-sprite-active.svg);
}

.active .university-icon {
    background-image: url(../images/map-sprites/university-sprite-active.svg);
}

.active .train_station-icon {
    background-image: url(../images/map-sprites/train-sprite-active.svg);
}

.active .map-circle--green {
    background: #fff;
}

.active .map-circle--yellow {
    background: #fff;
}

.amenity-item-inner {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    padding: 0 12px 0 21px;
    color: #333;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.09);
}

.active.amenity-item--yellow .amenity-item-inner {
    background: #F1C66A;
}

.active.amenity-item--green .amenity-item-inner {
    background: #7BCAB5;
}

.age-row {
    margin-bottom: 30px;
}

.switch-text--block {
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    margin-right: 0;
}

.modal-switch--val-per {
    margin-bottom: 20px;
}

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

.household-row {
    margin-bottom: 30px;
    margin-top: 60px;
}

.household-row h5 {
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    margin: 0 0 15px;
}

.modal-switch.equal-height {
    height: 46px;
}

.key-industries-btn-wrapper {
    margin-bottom: 20px;
}

.key-industries-btn {
    height: 24px;
    width: 190px;
    font-size: 9px;
    color: #fff;
    font-weight: 600;
    padding: 0 12px 0 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    -moz-box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    box-shadow: 0 4px 12px 0 rgba(0, 41, 59, 0.16);
    background: #2abdfc;
    background: -moz-linear-gradient(-45deg, #2abdfc 0%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #2abdfc 0%, #6ecddd 100%);
    background: linear-gradient(135deg, #2abdfc 0%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2abdfc', endColorstr='#6ecddd', GradientType=1);
}

.key-industries-btn-wrapper .employment-dropdown .dropdown-menu {
    width: 100%;
}

.key-industries-btn-wrapper .employment-dropdown a.dropdown-item{
    font-size: 9px;
}

.icon-play {
    width: 4px;
    height: 6px;
    display: inline-block;
    background: url(../images/white-play.svg) center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.map-modal-body .employment-table table th {
    font-size: 11px;
    line-height: 16px;
    border-bottom: none;
    text-align: center;
    vertical-align: middle;
    padding: 7px 18px;
}

.map-modal-body .employment-table table td {
    padding: 12px 18px;
    text-align: center;
    vertical-align: middle;
}

.map-modal-body .employment-table table td.suburb {
    font-size: 12px;
    font-weight: 800;
}

.map-modal-body .employment-table table td span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 800;
}

.map-modal-body .employment-table table td p {
    font-size: 11px;
    line-height: 15px;
    color: #636E7E;
}

.map-modal-body .table-bordered th,
.map-modal-body .table-bordered td {
    border-color: #AFE6FF;
}

.map-modal-body .employment-table table th.suburb,
.map-modal-body .employment-table table td.suburb {
    text-align: left;
    width: 19%;
}

.map-modal-body .table-bordered td.em-1 {
    width: 14%;
}

.map-modal-body .table-bordered td.em-2 {
    width: 14%;
}

.map-modal-body .table-bordered td.em-3 {
    width: 18%;
}

.map-modal-body .table-bordered td.em-4 {
    width: 18%;
}

.map-modal-body .table-bordered td.em-5 {
    width: 17%;
}

.income-row {
    margin: 50px -20px 0;
    text-align: center;
}

.income-col {
    padding: 0 20px;
}

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

.income-label {
    margin-bottom: 30px;
    font-size: 11px;
    font-weight: 600;
}

.income-chart {
    position: relative;
    min-width: 23px;
    text-align: center;
}

.income-chart-year {
    position: absolute;
    top: 20px;
    font-weight: normal;
    color: #333;
    width: 100%;
    text-align: center;
}

.map-modal div[chart-view] {
   width: 100%;
}

.map-modal div[chart-view] > div {
    max-width: 100%;
}

.map-modal div[chart-view] > div > svg {
    max-width: 100%;
}

.flag-list {
    margin: 0 -15px
}

.map-modal .flag-table th {
    font-size: 11px;
    line-height: 15px;
    font-weight: 800;
    color: #333;
}

.map-modal .flag-table th,
.map-modal .flag-table td {
    padding: 15px 0;
    vertical-align: middle;
}

.map-modal .flag-table td {
    font-weight: 600;
    text-align: left;
    padding-right: 15px;
    width: 46%;
}

.map-modal-body table td.row-num {
    color: #9D9A9A;
    width: 8%;
}

.map-modal .flag-table td img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    vertical-align: middle;
    max-width: 45px;
}

.map-modal-body table.flag-table tr:hover td {
    background: none;
}

.map-modal .flag-table td span {
    display: inline-block;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.colored-map{
    margin: 30px -20px 0;
}

.colored-map-item {
    padding: 0 20px;
}
.colored-map-item img{
    width: 100%;
}

.colored-map-item div[heatmap] {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.colored-map-item div.suburb-label {
    margin-bottom: 15px;
    text-align: center;
}

.colored-map-item .ol-map {
    width: 100%;
    height: 100%;
}

.population-row{
    margin: 0 -20px 0;
}

.population-col{
    padding: 0 20px;
}

.population-label{
    margin-bottom: 30px;
    text-align: center;
}

.population-label span{
    font-size: 11px;
    font-weight: 600;
}


.report-loader {
    z-index: 1040;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}

.spinner {
    width: 100px;
    height: 60px;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -50px;
}

.report-loader-title {
    position: absolute;
    max-width: 600px;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -175px;
    color: #fff;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    padding: 0 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.report-progress {
    width: 400px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -200px;
}

.report-progress .progress-bar {
    background-color: #24bcff;
}

.spinner > div {
    background-color: #f1f1f1;
    height: 100%;
    width: 12px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1.0);
        -webkit-transform: scaleY(1.0);
    }
}


.autocomplete-suggestions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #95989A;
    background: #FFF;
    cursor: default;
    overflow: auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 1px 0;
    width: 400px !important;
}

.autocomplete-suggestion {
    white-space: nowrap;
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 1px 25px;
    font-size: 12px;
}

.autocomplete-no-suggestion {
    padding: 2px 5px;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #333;
}

.autocomplete-group {
    padding: 2px 5px;
    font-weight: bold;
    font-size: 16px;
    color: #333;
    display: block;
    border-bottom: 1px solid #95989A;
}

.data-scroll-wrapper {
    max-height: 100%;
}

.scroll-element.scroll-x {
    display: none !important;
}

.scroll-wrapper > .scroll-element.scroll-y .scroll-bar {
    left: -7px;
    min-height: 10px;
    width: 2px;
    background: #95989A;
    opacity: 1;
}

.map-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 13px;
    border-radius: 8px;
    border: 1px solid #ccc;
    bottom: 12px;
    left: -50px;
    white-space: nowrap;
    font-size: 13px;
    color: #515769
}

.map-popup:after,
.map-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.map-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}

.map-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}

.map-popup span {
    font-weight: bold;
    font-size: 13px;
    color: #515769
}

.heatmap-bar {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #ccc;
    bottom: 10px;
    left: 10px;
    white-space: nowrap;
    font-size: 13px;
    color: #515769;
}
.heatmap-bar .min-value,
.heatmap-bar .max-value {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    font-weight: bold;
}

.heatmap-bar .bar-elm-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.heatmap-bar .bar-elm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.heatmap-bar .bar-elm .bar-item {
    float: left;
    width: 14px;
    height: 14px;
    position: relative;
}
.heatmap-bar .bar-elm .active:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
}

.no-animate {
    -webkit-transition: none !important;
    transition: none !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.map-suburbs {

}

.left-visible .map-suburbs label {
    font-weight: bold;
    line-height: 46px;
    color: #fff;
}

.suburb-select-wrapper {
    width: 240px;
    display: inline-block;
    margin-left: 16px;
}

.suburb-select-wrapper .selectize-control.single .selectize-input {
    height: 46px;
    text-align: left;
    padding: 0 25px;
    line-height: 44px;
    border: none;
}

.suburb-select-wrapper .selectize-control.single .selectize-input:after {
    border: none;
    width: 14px;
    height: 10px;
    -webkit-background-size: contain;
    background-size: contain;
    background: url(../images/arrow-down.svg) no-repeat;
    margin-top: -4px;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.suburb-select-wrapper .selectize-control.single .selectize-input.dropdown-active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);

    transform-origin: 50% 50%;
    margin-top: -5px;
}

.suburb-select-wrapper .selectize-control.single .selectize-input.dropdown-active {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.suburb-select-wrapper .selectize-dropdown {
    text-align: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: none;
    margin-top: 7px;
    padding: 10px 0;
}

.suburb-select-wrapper .selectize-dropdown .option {
    padding: 10px 25px;
    color: #A9AFB8;
}

.suburb-select-wrapper .selectize-dropdown .option:hover,
.suburb-select-wrapper .selectize-dropdown .option.active {
    color: #333;
}

.prices-section .register-steps {
    margin-top: 40px;
}

.register-steps {
    text-align: center;
    padding-top: 3px;
    margin-bottom: 40px;
}

.register-steps ul {
    text-align: center;
    padding-left: 0;
}

.register-steps ul li {
    display: inline-block;
    width: 32%;
    text-align: center;
    position: relative;
}

.register-steps ul li:after {
    left: 50%;
    right: -36%;
    margin-left: 22px;
    height: 1px;
    background: rgba(0, 177, 255, 0.3);
    position: absolute;
    content: '';
    top: 13px;
}

.register-steps ul li:last-child:after {
    display: none;
}

.register-steps ul li .digit {
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    border: 1px solid rgba(0, 177, 255, 0.31);
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    border-radius: 22px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    color: rgba(0, 177, 255, 0.55);
}

.register-steps ul li .desc {
    font-size: 13px;
    color: rgba(0, 177, 255, 0.55);
}

.register-steps ul li.active .digit {
    background: #00B1FF;
    color: #fff;
}

.register-steps ul li.active .desc {
    color: #00B1FF;
}

.btns-plan .btn {
    width: 49%;
    margin-right: 2%;
    display: block;
    float: left;
    background: none;
    padding: 10px;
    border: 1px solid #6ECDDD;
    color: #6ECDDD;
    margin-bottom: 12px;
}

.btns-plan .btn:nth-child(2n) {
    margin-right: 0;
}

.btns-plan .btn:hover {
    background: #82D4E1;
    color: #fff;
}

.btns-plan .btn.active {
    background: #24bcff;
    color: #fff;
    background: -moz-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: -webkit-linear-gradient(-45deg, #24bcff 1%, #6ecddd 100%);
    background: linear-gradient(135deg, #24bcff 1%, #6ecddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#24bcff', endColorstr='#6ecddd', GradientType=1);
}

.blog-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 25px;
    text-align: center;
}

.blog-description {
    font-size: 17px;
    margin-bottom: 25px;
    text-align: center;
}

.post-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #888;
}

.post-item .post-content {
    padding: 0 30px;
}

.post-item .post-image {
    margin-bottom: 20px;
}

.post-item .post-image img {
    max-width: 100%;
    border-radius: 4px;
}

.post-item a.btn {
    text-transform: uppercase;
}