@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,100&display=swap');

.banner,
.fixflo-page a,
.floor-plans__large-carousel-slide,
.header__right,
.latest-projects__single-project,
.projects__text-container,
.slick-slide.banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

/*@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat-extralight-webfont.woff2) format("woff2"), url(../fonts/montserrat-extralight-webfont.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat-regular-webfont.woff2) format("woff2"), url(../fonts/montserrat-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(../fonts/montserrat-medium-webfont.woff2) format("woff2"), url(../fonts/montserrat-medium-webfont.woff) format("woff");
    font-weight: 500;
    font-style: normal
}*/

@-webkit-keyframes fade_in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade_in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes sub_nav_line_down {
    from {
        height: 0
    }

    to {
        height: 21px
    }
}

@keyframes sub_nav_line_down {
    from {
        height: 0
    }

    to {
        height: 21px
    }
}

@-webkit-keyframes sub_nav_line_up {
    from {
        height: 21px
    }

    to {
        height: 0
    }
}

@keyframes sub_nav_line_up {
    from {
        height: 21px
    }

    to {
        height: 0
    }
}

@-webkit-keyframes sub_nav_down {
    from {
        max-height: 0
    }

    to {
        max-height: 107px
    }
}

@keyframes sub_nav_down {
    from {
        max-height: 0
    }

    to {
        max-height: 107px
    }
}

@-webkit-keyframes sub_nav_up {
    from {
        max-height: 107px
    }

    to {
        max-height: 0
    }
}

@keyframes sub_nav_up {
    from {
        max-height: 107px
    }

    to {
        max-height: 0
    }
}

@-webkit-keyframes expand_width {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes expand_width {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes nav_down {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes nav_down {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

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

body {
    font-family: 'Montserrat', sans-serif;
    padding: 48px 0 0;
}

@media (min-width:600px) {
    body {
        padding: 56px 0 0
    }
}

body.notice-hide {
    -webkit-transition: padding .3s;
    transition: padding .3s;
    padding: 0
}

.list-styled {
    text-align: left;
    list-style: none
}

.list-styled li {
    position: relative;
    padding: 5px 0 5px 20px;
}

.list-styled li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #FAB600;
    position: absolute;
    top: 10px;
    left: 0px;
    border-radius: 100%
}

.btn,
.services-text-copy a.btn,
.text-copy a.btn,
a.btn {
    display: inline-block;
    border-bottom-left-radius: 15px;
    padding: 14px 30px;
    color: var(--main-color);
    background-color: #FAB600;
    /*text-transform: capitalize;*/
    position: relative;
    overflow: hidden;
    white-space: unset;
    text-decoration: none;
    font-size: 1rem
}

.btn:before,
.services-text-copy a.btn:before,
.text-copy a.btn:before,
a.btn:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: var(--main-color);
    content: '';
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.btn:focus,
.btn:hover,
.services-text-copy a.btn:focus,
.services-text-copy a.btn:hover,
.text-copy a.btn:focus,
.text-copy a.btn:hover,
a.btn:focus,
a.btn:hover {
    outline: 0;
    color: var(--main-color)
}

.btn:focus:before,
.btn:hover:before,
.services-text-copy a.btn:focus:before,
.services-text-copy a.btn:hover:before,
.text-copy a.btn:focus:before,
.text-copy a.btn:hover:before,
a.btn:focus:before,
a.btn:hover:before {
    right: 0
}

.text-copy--yellow a.btn {
    background-color: var(--main-color);
    color: #FAB600
}

.text-copy--yellow a.btn:before {
    background-color: #fff
}

.text-copy--yellow a.btn:focus,
.text-copy--yellow a.btn:hover {
    color: #fff
}

.policy li,
.policy p {
    line-height: 1.6em
}

.policy table {
    border-collapse: collapse;
        margin-bottom: 10px;
}

.policy table td,
.policy table th {
    border: 1px solid #000;
    vertical-align: top;
    padding: 10px
}

.policy table td>:first-child,
.policy table th>:first-child {
    margin-top: 0
}

.policy table td>:last-child,
.policy table th>:last-child {
    margin-bottom: 0
}

.header {
    margin-bottom: -56px;
    position: relative;
    z-index: 1
}

.nav-fixed .header {
    position: fixed;
    top: 48px;
    left: 0;
    width: 100%;
    -webkit-animation: nav_down .3s;
    animation: nav_down .3s;
    z-index: 999
}

.banner__title{
	/*text-transform: capitalize;*/
}
@media (min-width:600px) {
    /*.nav-fixed .header {
        top: 56px
    }*/
    .nav-fixed .header {
        top: 0;
    }

    .header {
        padding: 0 67px;
        padding-left:0;
    }
}

.nav-fixed.notice-hide .header {
    top: 0;
    -webkit-transition: top .3s;
    transition: top .3s
}

.header:after {
    content: '';
    display: block;
    width: 50vw;
    height: 56px;
    background-color: #FFF;
    position: absolute;
    top: 0;
    right: 0
}

.header__inside,
.header__right {
    display: -webkit-box;
    display: -ms-flexbox
}

@media (min-width:992px) {
    .header {
        margin-bottom: -90px
    }

    .header:after {
        height: 124px
    }
}

.nav-fixed .header:after {
    height: 75px
}

.header__inside {
    width: 100%;
    /*max-width: 1024px;*/
    margin: 0 auto;
    background-color: #FFF;
    position: relative;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*border-bottom-left-radius: 30px;*/
    padding: 10px 20px 10px 30px;
    z-index: 1
}

.header__logo,
.header__logo-img {
    display: block;
}

@media (min-width:600px) {
    .header__inside {
        padding: 10px 0 10px 30px
    }
}

@media (min-width:992px) {
    .header__inside {
        padding: 15px 0 20px 30px
    }
}

.nav-fixed .header__inside {
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 8px 20px 0 rgb(22 22 22 / 10%);
}

.header__logo {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header__logo:focus,
.header__logo:hover {
    outline: 0;
    opacity: .5
}

@media (max-width:1199px) {
    .header__inside {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header__inside:before {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background-color: #FFF;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        border-bottom-left-radius: 30px
    }

    .header__logo {
        position: relative;
        z-index: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .header__logo-img {
        width: 140px;
        height: 36px
    }
}

.nav-fixed .header__logo-img {
    /*width: 136px;*/
    width: 55px;
    height: 55px
}

@media (min-width:1199px) {
    .header__logo--commercial .header__logo-img:first-child {
        display: none
    }

    .nav-fixed .header__logo--commercial .header__logo-img:first-child {
        display: block
    }

    .nav-fixed .header__logo--commercial .header__logo-img:last-child {
        display: none
    }
}

@media (max-width:1199px) {
    .header__logo--commercial .header__logo-img:last-child {
        display: none
    }

    .header__phone {
        position: relative;
        z-index: 1
    }
}

@media (max-width:499px) {
    .header__logo-img {
        margin-right: -103px
    }

    .header__logo-img-text {
        display: none
    }
}

.nav-fixed .header__logo-img-text {
    display: none
}

.header__right {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--main-color);
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media (max-width:399px) {
    .header__right {
        margin-left: auto;
        margin-right: 20px
    }

    .header__phone {
        padding: 5px
    }
}

.nav-fixed .header__phone {
    display: none
}

.header__phone:focus,
.header__phone:hover {
    color: #FAB600;
    outline: 0
}

.header__phone-img {
    display: block;
    color: #FAB600;
    -webkit-transition: color .3s;
    transition: color .3s
}

@media (min-width:400px) {
    .header__phone-img {
        margin-right: 5px
    }
}

.header__phone:focus .header__phone-img,
.header__phone:hover .header__phone-img {
    color: var(--main-color)
}

.header__phone-text {
    margin: 0;
    font-size: .9375em
}

@media (min-width:450px) {
    .header__phone-text {
        font-size: 20px;
    }
}

.header__phone-text-bold, .header__phone-text {
    font-weight: 600
}

.header__nav-toggle {
    padding: 5px;
    margin: 0 -5px 0 0;
    border: 0;
    background-color: transparent;
    display: block;
    cursor: pointer
}

@media (min-width:1199px) {
    .header__nav-toggle {
        display: none
    }
}

.header__nav-toggle:focus,
.header__nav-toggle:hover {
    outline: 0
}

.header__nav-toggle-img {
    display: block;
    color: var(--main-color);
    -webkit-transition: color .3s;
    transition: color .3s
}

@media (max-width:1199px) {
    .header__nav-toggle {
        position: relative;
        z-index: 1;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 0
    }

    .header__nav-toggle-img {
        margin-left: auto;
        margin-right: 10px
    }
}

.header__nav-toggle-img:not(:root) {
    overflow: visible
}

.header__nav-toggle:focus .header__nav-toggle-img,
.header__nav-toggle:hover .header__nav-toggle-img {
    color: #FAB600
}

.nav {
    margin-right: -10px;
    margin-bottom: -10px
}

.nav__list {
    list-style: none;
    margin: 0
}

@media (max-width:1199px) {
    .nav {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #FFF;
        width: 100%;
        border-bottom-left-radius: 30px;
        overflow-y: scroll;
        max-height: 0;
        -webkit-transition: max-height 1s .3s;
        transition: max-height 1s .3s
    }

    .nav--visible {
        max-height: 739px;
        -webkit-transition: max-height 1s;
        transition: max-height 1s
    }

    .nav-fixed .nav--visible {
        max-height: 739px
    }

    .nav__list {
        padding: 56px 0 0;
        max-height: 100vh;
        overflow-y: scroll
    }
   
}

@media (min-width:1199px) {
    .nav__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0
    }

    .nav__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative
    }
}

@media (max-width:1199px) {
    .nav-fixed .nav__list {
        padding: 54px 0 0
    }
}

@media (min-width:1199px) {
    .nav__item:not(:last-child):after {
        content: '';
        width: 2px;
        height: 17px;
        background-color: #FAB600
    }
}

@media (min-width:1050px) {
    .nav__item:not(:last-child):after {
        margin: 0 3px
    }
}

.nav__item--fixflo {
    display: none
}

@media (max-width:599px) {
    .nav__item--fixflo {
        display: block
    }
}

.nav__link {
    display: block;
    color: var(--main-color);
    text-decoration: none;
    padding: 20px;
    -webkit-transition: color .3s;
    transition: color .3s;
    position: relative
}

.nav__sub-link,
.social__icon {
    -webkit-transition: color .3s
}

@media (max-width:1199px) {
    .nav__link {
        width: 100%;
        text-align: center
    }

    .nav__sub-list {
        text-align: center
    }
}

@media (min-width:992px) {
    .nav__link {
        padding: 10px 6px;
        /*font-size: .8125em*/
    }

    .nav__item--sub-parent-animated .nav__link:before {
        content: '';
        display: block;
        position: absolute;
        top: 26px;
        left: -1px;
        z-index: 1;
        width: 2px;
        height: 21px;
        background-color: #FAB600;
        -webkit-animation: sub_nav_line_up .3s .3s forwards;
        animation: sub_nav_line_up .3s .3s forwards
    }

    .nav-fixed .nav__item--sub-parent-animated .nav__link:before {
        top: 23px
    }
}

@media (min-width:1150px) {
    .nav__item:not(:last-child):after {
        margin: 0 5px
    }

    .nav__link {
        padding: 10px
    }
    .nav-fixed  .nav__link {
        padding: 17px
    }
}

.nav__item--active .nav__link,
.nav__item:focus .nav__link,
.nav__item:hover .nav__link,
.nav__link:focus,
.nav__link:hover {
    color: #FFA500;
    outline: 0
}

@media (min-width:1062px) {
    .nav__item--sub-parent-animated .nav__link:before {
        left: -7px
    }
}

.nav__item--fixflo .nav__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.nav__item--fixflo .nav__link img {
    display: block;
    margin-right: 5px
}

.nav__sub-list {
    background-color: #FAB600;
    list-style: none;
    padding: 0 10px;
    min-width: 116px;
    margin: 0
}

.nav__sub-item:last-child,
.social__link {
    margin-bottom: 10px
}

@media (min-width:1199px) {
    .nav__item--sub-parent-animated .nav__link:before {
        left: -7px
    }

    .nav__item--sub-parent-animated .nav__link:focus:before,
    .nav__item--sub-parent-animated .nav__link:hover:before,
    .nav__item--sub-parent-animated:focus .nav__link:before,
    .nav__item--sub-parent-animated:hover .nav__link:before {
        height: 0;
        -webkit-animation: sub_nav_line_down .3s forwards;
        animation: sub_nav_line_down .3s forwards
    }

    .nav__sub-list {
        position: absolute;
        top: 100%;
        left: -11px;
        /*padding-top: 13px;*/
        border-bottom-left-radius: 15px;
        max-height: 0;
        overflow: hidden
    }
    .nav__item:hover .nav__sub-list{
    	max-height: unset !important;
    }
}

@media (max-width:1199px) {
    .nav__sub-list {
        left: -1px
    }
}

@media (min-width:1062px) {
    .nav__sub-list {
        left: -6px
    }
}

.nav-fixed .nav__sub-list {
    border-top-width: 10px
}

@media (min-width:1199px) {
    .nav__sub-list {
        left: -6px
    }

    .nav__item--sub-parent-animated .nav__sub-list {
        -webkit-animation: sub_nav_up .3s forwards;
        animation: sub_nav_up .3s forwards
    }

    .nav__item--sub-parent-animated .nav__link:focus+.nav__sub-list,
    .nav__item--sub-parent-animated .nav__link:hover+.nav__sub-list,
    .nav__item--sub-parent-animated:focus .nav__sub-list,
    .nav__item--sub-parent-animated:hover .nav__sub-list {
        -webkit-animation: sub_nav_down .3s .3s forwards;
        animation: sub_nav_down .3s .3s forwards
    }

    .nav-fixed .nav__sub-list {
        padding-top: 10px
    }

    .nav__sub-list:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 13px;
        background: #fff
    }

    .nav-fixed .nav__sub-list:before {
        height: 10px
    }
}

.nav__sub-item {
    display: block
}

.nav__sub-item:first-child {
    margin-top: 10px
}

.nav__sub-link {
    display: block;
    color: #FFF;
    text-decoration: none;
    font-size: .9375em;
    padding: 10px 0;
    transition: color .3s
}

.nav__sub-link:focus,
.nav__sub-link:hover {
    color: var(--main-color)
}

.social {
    position: fixed;
    top: 200px;
    left: 100%;
    z-index: 100;
    background-color: rgba(255, 192, 203, .5)
}

@media (max-width:599px) {
    .social {
        display: none
    }
}

.social__link,
.social__social-group {
    display: -webkit-box;
    display: -ms-flexbox
}

.social__social-group {
    width: 275px;
    display: flex;
    -webkit-transform: translate3d(-47px, 0, 0);
    transform: translate3d(-47px, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.social__social-group:hover {
    -webkit-transform: translate3d(-275px, 0, 0);
    transform: translate3d(-275px, 0, 0)
}

.social__link {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FAB600;
    width: 47px;
    height: 47px;
    border-bottom-left-radius: 15px;
    color: #FAB600;
    text-decoration: none;
    /*text-transform: capitalize;*/
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.social__icon,
.social__link--long:focus,
.social__link--long:hover,
.social__link--phone:focus,
.social__link--phone:hover {
    color: var(--main-color)
}

.social__link:focus,
.social__link:hover {
    background-color: var(--main-color);
    outline: 0
}

.social__link--purple {
    background-color: var(--main-color)
}

.social__link--purple:focus,
.social__link--purple:hover {
    background-color: #FAB600
}

.social__link--long {
    width: 200px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.social__form-container .social__link--long {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 100%;
    -webkit-transform: translate3d(151px, 0, 0);
    transform: translate3d(151px, 0, 0);
    overflow: hidden;
    -webkit-transition: opacity .3s .3s, background-color .3s, color .3s, -webkit-transform .3s;
    transition: opacity .3s .3s, background-color .3s, color .3s, -webkit-transform .3s;
    transition: opacity .3s .3s, background-color .3s, color .3s, transform .3s;
    transition: opacity .3s .3s, background-color .3s, color .3s, transform .3s, -webkit-transform .3s
}

.social__form-container--visible .social__link--long {
    -webkit-transition: opacity .3s, width 0s .6s, background-color .3s, color .3s;
    transition: opacity .3s, width 0s .6s, background-color .3s, color .3s;
    opacity: 0;
    width: 0
}

.social__form-container .social__link--long:focus,
.social__form-container .social__link--long:hover {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.social__link--book-valuation,
.social__link--phone,
.social__link--report-a-repair {
    -webkit-transform: translate3d(-47px, 0, 0);
    transform: translate3d(-47px, 0, 0);
    -webkit-transition: background-color .3s, color .3s, -webkit-transform .3s;
    transition: background-color .3s, color .3s, -webkit-transform .3s;
    transition: background-color .3s, color .3s, transform .3s;
    transition: background-color .3s, color .3s, transform .3s, -webkit-transform .3s
}

.social__link--book-valuation:focus,
.social__link--book-valuation:hover,
.social__link--phone:focus,
.social__link--phone:hover,
.social__link--report-a-repair:focus,
.social__link--report-a-repair:hover {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.social__link--book-valuation,
.social__link--report-a-repair {
    width: 275px
}

.social__link--phone {
    width: 175px
}

.social__social-group .social__link {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.social__social-group .social__link:not(:last-child) {
    margin-right: 10px
}

.social__icon {
    display: block;
    transition: color .3s
}

.social__link--purple .social__icon,
.social__link:focus .social__icon,
.social__link:hover .social__icon {
    color: #FAB600
}

.social__link--purple:focus .social__icon,
.social__link--purple:hover .social__icon {
    color: var(--main-color)
}

.social__link--long .social__icon {
    color: #fff;
    margin-right: 10px
}

.social__link--long:focus .social__icon,
.social__link--long:hover .social__icon {
    color: #fff
}

.social__link--phone .social__icon {
    color: #FAB600;
    margin-left: 16px;
    margin-right: 16px
}

.social__link--phone:focus .social__icon,
.social__link--phone:hover .social__icon {
    color: var(--main-color)
}

.social__link--book-valuation .social__icon,
.social__link--report-a-repair .social__icon {
    margin-left: 10px;
    width: 32px;
    height: auto
}

.social__report-a-repair-text {
    margin: 0 auto
}

.social__form-title {
    color: #fff;
    float: left;
    margin: 0
}

.social__form-close {
    display: block;
    padding: 0;
    margin: 0 0 20px auto;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.social__form-close:focus,
.social__form-close:hover {
    outline: 0
}

.social__form-close-icon {
    display: block;
    color: #FAB600;
    -webkit-transition: color .3s;
    transition: color .3s
}

.social__form-close:focus .social__form-close-icon,
.social__form-close:hover .social__form-close-icon {
    color: #fff
}

.social__form-container {
    background-color: var(--main-color);
    padding: 20px;
    border-bottom-left-radius: 35px;
    width: 350px;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    margin-bottom: -175px;
    z-index: 1
}

.social__form-container--visible {
    -webkit-transition: -webkit-transform .3s .3s;
    transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s;
    transition: transform .3s .3s, -webkit-transform .3s .3s;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.social__form-field {
    display: block;
    width: 100%;
    border: 3px solid #FFF;
    border-radius: 0 0 0 15px;
    background-color: transparent;
    font-family: Arial, sans-serif;
    margin: 0 0 10px;
    padding: 10px 15px;
    color: #FFF;
    height: 44px
}

.social__form-field:focus {
    outline: 0
}

.social__form-group--error .social__form-field {
    border-color: #F44336
}

.social__form-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.social__form-field::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.social__form-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.social__form-field:-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.social__form-submit {
    display: block;
    width: 100%;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    border: 0;
    border-radius: 0 0 0 15px;
    padding: 13px 18px;
    margin: 0;
    color: var(--main-color);
    background-color: #FAB600;
    /*text-transform: capitalize;*/
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.social__form-submit:focus,
.social__form-submit:hover {
    background-color: #FFF;
    outline: 0
}

.social__form-hide {
    display: none
}

.social__form-success {
    color: #4CAF50;
    font-size: 1.25em;
    text-align: center;
    margin: 0
}

.social__form-error {
    margin: 5px 0 10px;
    padding-left: 18px;
    color: #F44336;
    font-size: .75em
}

.banner-carousel {
    position: relative
}

@media (max-width:499px) {
    .banner-carousel .slick-track {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.banner-carousel .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%
}

.banner-carousel .slick-dots li {
    display: block;
    padding: 0 10px
}

.banner-carousel .slick-dots li button {
    display: block;
    padding: 0;
    margin: 0;
    border: 2px solid #FAB600;
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.banner-carousel .slick-dots li button:focus,
.banner-carousel .slick-dots li button:hover {
    outline: 0;
    background-color: #fff
}

.banner-carousel .slick-dots li.slick-active button {
    background-color: #FAB600
}

.banner,
.slick-slide.banner {
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    /*text-transform: capitalize;*/
    background:#ddd;
    /*background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/8d8ae611013c978bcccbc1124fe84392.png);*/
    background-position: center;
    background-size: cover;
    padding: 110px 20px 54px;
    height: auto
}

@media (min-width:500px) {
    .banner-carousel .slick-dots {
        bottom: 140px
    }

    .banner,
    .slick-slide.banner {
        padding: 56px 20px 20px;
        height: 650px;
        position: relative
    }

    .banner:before,
    .slick-slide.banner:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 6px;
        background-color: #FAB600;
        -webkit-animation: expand_width 1s .3s forwards;
        animation: expand_width 1s .3s forwards
    }
}

@media (min-width:600px) {

    .banner,
    .slick-slide.banner {
        padding: 56px 67px 20px
    }
}

@media (min-width:992px) {

    .banner,
    .slick-slide.banner {
        padding: 90px 67px 20px
    }
}

.banner--home,
.slick-slide.banner--home {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/fed0bde7fb18ed8a6da8f3c997c59061.jpg?v=1);
    background-position: top center
}

.banner--hiring,
.slick-slide.banner--hiring {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/e9b87e5684fc5ebd3324198c6cb4cf0c.jpg?v=1);
    background-position: top center
}

.banner--baryta,
.slick-slide.banner--baryta {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/e7f22264f9ec9aada74ec9ea6d9225c3.jpg?v=1)
}

.banner--baryta-home,
.slick-slide.banner--baryta-home {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/a73a37cfe9e89eca56730317dfcee813.jpg?v=1)
}

.banner--baryta-1,
.slick-slide.banner--baryta-1 {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/b04ae4eac97f2cee45e1b934a78df999.jpg?v=1)
}

.banner--baryta-2,
.slick-slide.banner--baryta-2 {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/01b6501af927e0c5a82890ad9a9646e4.jpg?v=1)
}

.banner--careers,
.slick-slide.banner--careers {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/6c3bc80d3686415b53bd0031de285621.png?v=1)
}
.banner--about,
.slick-slide.banner--about {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/eea96807da9ddb96848d3f238e132f74.png?v=1)
}

.banner--services,
.slick-slide.banner--services {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/8aef50fbaf8d8114272a5e64a0e21f75.png?v=1)
}

.banner--residential,
.slick-slide.banner--residential {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/98e62675def5aad74fc455cd5a335e1d.jpg?v=1)
}

.banner--sales,
.slick-slide.banner--sales{
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/219fd66889bed119ddd710c2f04dea1f.png?v=1)
}
.banner--lettings,
.slick-slide.banner--lettings {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/084561b6a209f726eb5fa40ad31403ae.png?v=1)
}

.banner--news,
.slick-slide.banner--news {
    background-image: url(../images/banner-news.jpg);
    padding-bottom: 6px
}

.banner--area-guides,
.slick-slide.banner--area-guides {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/ebc9d8cfb9a560f18bd19ce4b4d52f61.png?v=1)
}

.banner--awards,
.slick-slide.banner--awards {
    background-image: url(../images/banner-awards.jpg)
}

.banner--contact,
.slick-slide.banner--contact {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/07273da34ec62e065cf3c7023925dec5.png?v=1)
}

.banner--projects,
.slick-slide.banner--projects {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/5640e279f9b6113de6c35db34b8d0fab.png?v=1)
}

.banner--gordons-yard,
.slick-slide.banner--gordons-yard {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/1bd5381107df7db253dd084e3fed9a7d.jpg?v=1)
}

.banner--the-boatyard,
.slick-slide.banner--the-boatyard {
    background-image: url(../images/banner-the-boatyard.jpg)
}

.banner--westcliff-police-station,
.slick-slide.banner--westcliff-police-station {
    background-image: url(../images/banner-westcliff-police-station.jpg)
}

.banner--chalkwell-park-house,
.slick-slide.banner--chalkwell-park-house {
    background-image: url(../images/project-chalkwell-park-house-banner-2400.jpg)
}

.banner--fair-havens-hospice,
.slick-slide.banner--fair-havens-hospice {
    background-image: url(../images/banner-fair-havens-hospice.jpg)
}

.banner--services-home,
.slick-slide.banner--services-home {
    background-image: url(../images/banner-services-home.jpg)
}

.banner--home-3,
.slick-slide.banner--home-3 {
    background-image: url(../images/banner-home-3.jpg)
}

.banner--professional-services,
.slick-slide.banner--professional-services {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/3993cd8c1d50732052f1ddced6fad201.png?v=1);
    background-size: cover;
    background-position: center;
}

.banner--management,
.slick-slide.banner--management {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/53c5fd0a06566eb7b4da41a714c2eda4.png?v=1)
}

.banner--the-old-station,
.slick-slide.banner--the-old-station {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/3e89eebf55fbfbf9b30e9c7675033ba8.jpg?v=1)
}

.banner--northfield-house,
.slick-slide.banner--northfield-house {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/9af9118f8164a0fcad1e08ad7b20501d.jpg?v=1)
}

.banner--swan-green,
.slick-slide.banner--swan-green {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/a235d5d8a6a678ebdcd5c4f905386c7c.jpg?v=1)
}

.banner--charity,
.slick-slide.banner--charity {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/97a0687fbfd4367d2a11ec42de90234c.jpg?v=1)
}

.banner__subtitle,
.banner__title,
.slick-slide.banner__subtitle,
.slick-slide.banner__title {
    color: #FFF;
    font-size: 3.5em;
    opacity: 0;
    -webkit-animation: fade_in 1s .3s forwards;
    animation: fade_in 1s .3s forwards
}

.banner__title,
.slick-slide.banner__title {
    font-weight: 300;
    margin: 0 0 10px;
    text-shadow: 1px 1px 2px #666
}

.banner__title strong,
.slick-slide.banner__title strong {
    font-weight: 500
}

.banner__subtitle,
.slick-slide.banner__subtitle {
    font-weight: 500;
    margin: -10px 0 0
}

.banner__text,
.slick-slide.banner__text {
    color: #fff;
    margin: 0;
    font-family: 'Minion-Regular';
    font-weight: 500 !important;
    font-weight: 400;
    opacity: 0;
    -webkit-animation: fade_in 1s .8s forwards;
    animation: fade_in 1s .8s forwards;
    text-shadow: 1px 1px 2px #666
}
 .banner__subtitle,
   .banner__subtitle,
    .banner__title,
    .slick-slide.banner__subtitle,
    .slick-slide.banner__title {
    	font-family: 'Minion-Bold';
		font-weight:600!important;
        font-size: 4.5em
        
    }
    
    .desktop_app .text_desk h3, .text-copy__title1{
    	font-family: 'Minion-Bold';
		font-weight:600!important;
        font-size: 4.5em
    }
@media (min-width:991px){
	 .banner__subtitle,
   .banner__subtitle,
    .banner__title,
    .slick-slide.banner__subtitle,
    .slick-slide.banner__title {
    	font-family: 'Minion-Bold';
	/*	font-weight:600!important;
        font-size: 4.0em*/
        
    }
    
    .desktop_app .text_desk h3, .text-copy__title1{
    	font-family: 'Minion-Bold';
		font-weight:600!important;
        font-size: 4.5em
    }

    .banner__text,
    .slick-slide.banner__text {
        font-size: 2.30em
    }
    
    
}
@media (min-width:620px){
	 .banner__subtitle,
   .banner__subtitle,
    .banner__title,
    .slick-slide.banner__subtitle,
    .slick-slide.banner__title {
    	font-family: 'Minion-Bold';
		/*font-weight:600!important;*/
  /*      font-size: 3.0em*/
        
    }
    
    .desktop_app .text_desk h3, .text-copy__title1{
    	font-family: 'Minion-Bold';
		font-weight:600!important;
        font-size: 4.5em
    }

    .banner__text,
    .slick-slide.banner__text {
        font-size: 2.0em
    }
    
    
}

.banner__btn,
.slick-slide.banner__btn {
    background-color: #FAB600;
    color: var(--main-color);
    /*text-transform: capitalize;*/
    text-align: center;
    padding: 14px 15px 15px;
    border-bottom-left-radius: 15px;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    margin-top: 30px
}

.banner__btn:before,
.slick-slide.banner__btn:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: var(--main-color);
    -webkit-transition: right .3s;
    transition: right .3s
}

.banner__btn:focus:before,
.banner__btn:hover:before,
.slick-slide.banner__btn:focus:before,
.slick-slide.banner__btn:hover:before {
    right: 0
}

.big-buttons {
    margin: 50px 0;
    padding: 0 20px
}

@media (min-width:600px) {
    .big-buttons {
        padding: 0 67px
    }
}

.big-buttons--home,
.big-buttons--residential {
    margin: 0
}

@media (max-width:499px) {

    .big-buttons--home,
    .big-buttons--residential {
        padding: 0
    }
}

@media (min-width:500px) {

    .big-buttons--home,
    .big-buttons--residential {
        margin-top: -120px
    }
}

.big-buttons__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

@media (min-width:500px) {
    .big-buttons__btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px
    }
}

.big-buttons__btn {
    display: block;
    background-color: var(--main-color);
    color: #FFF;
    /*text-transform: capitalize;*/
    text-decoration: none;
    margin: 0;
    font-size: 1em;
    text-align: center;
    padding: 12px 0;
    -webkit-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

@media (min-width:500px) {
    .big-buttons__btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px;
        border-bottom-left-radius: 55px;
        border: 3px solid #FFF;
        padding: 20px 0
    }
}

@media (min-width:700px) {
    .big-buttons__btn {
        /*border: 6px solid #FFF;*/
        font-size: 1.25em
    }
}

@media (min-width:900px) {
    .big-buttons__btn {
        padding: 50px 0;
        font-size: 2em
    }
}

.big-buttons__btn:focus,
.big-buttons__btn:hover {
    background-color: #fff;
    border-color: var(--main-color);
    outline: 0
}

.big-buttons__btn--opposite {
    background-color: #FAB600
}

.big-buttons__btn--opposite:focus,
.big-buttons__btn--opposite:hover {
    background-color: #fff;
    border-color: #FAB600
}

@media (min-width:500px) {
    .big-buttons--home .big-buttons__btn {
        font-size: .75em
    }
}

@media (min-width:700px) {
    .big-buttons--home .big-buttons__btn {
        font-size: .9375em
    }

    .big-buttons__btn-img-container {
        height: 165px
    }
}

@media (min-width:900px) {
    .big-buttons--home .big-buttons__btn {
        font-size: 1.25em;
        padding: 20px 0
    }
}

.big-buttons__btn-img-container {
    position: relative;
    overflow: hidden;
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.big-buttons--home .big-buttons__btn-img-container {
    height: 80px
}

@media (max-width:499px) {
    .big-buttons--home .big-buttons__btn-img-container {
        display: none
    }
}

.big-buttons__btn-img-container:after,
.big-buttons__btn-img-container:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #FAB600;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media (min-width:500px) {

    .big-buttons__btn-img-container:after,
    .big-buttons__btn-img-container:before {
        height: 3px
    }
}

@media (min-width:700px) {

    .big-buttons__btn-img-container:after,
    .big-buttons__btn-img-container:before {
        height: 4px
    }
}

.big-buttons__btn--opposite .big-buttons__btn-img-container:after,
.big-buttons__btn--opposite .big-buttons__btn-img-container:before,
.big-buttons__btn:focus .big-buttons__btn-img-container:after,
.big-buttons__btn:focus .big-buttons__btn-img-container:before,
.big-buttons__btn:hover .big-buttons__btn-img-container:after,
.big-buttons__btn:hover .big-buttons__btn-img-container:before {
    background-color: var(--main-color)
}

.big-buttons__btn--opposite:focus .big-buttons__btn-img-container:after,
.big-buttons__btn--opposite:focus .big-buttons__btn-img-container:before,
.big-buttons__btn--opposite:hover .big-buttons__btn-img-container:after,
.big-buttons__btn--opposite:hover .big-buttons__btn-img-container:before {
    background-color: #FAB600
}

.big-buttons--home .big-buttons__btn-img-container:after,
.big-buttons--home .big-buttons__btn-img-container:before {
    height: 2px
}

.big-buttons__btn-img-container:before {
    right: 50%
}

.big-buttons__btn--home-1 .big-buttons__btn-img-container:before {
    margin-right: 36px
}

.big-buttons__btn--home-2 .big-buttons__btn-img-container:before {
    margin-right: 34px
}

.big-buttons__btn--home-3 .big-buttons__btn-img-container:before {
    margin-right: 27px
}

.big-buttons__btn--home-4 .big-buttons__btn-img-container:before {
    margin-right: 32px
}

.big-buttons__btn--residential-purple .big-buttons__btn-img-container:before {
    margin-right: 1px
}

.big-buttons__btn--residential-yellow .big-buttons__btn-img-container:before {
    margin-right: -17px
}

@media (min-width:500px) {
    .big-buttons__btn--residential-yellow .big-buttons__btn-img-container:before {
        margin-right: -23px
    }
}

.big-buttons__btn-img-container:after {
    left: 50%
}

.big-buttons__btn--home-1 .big-buttons__btn-img-container:after {
    margin-left: 36px
}

.big-buttons__btn--home-2 .big-buttons__btn-img-container:after {
    margin-left: 44px
}

.big-buttons__btn--home-3 .big-buttons__btn-img-container:after {
    margin-left: 26px
}

.big-buttons__btn--home-4 .big-buttons__btn-img-container:after {
    margin-left: 32px
}

.big-buttons__btn--residential-purple .big-buttons__btn-img-container:after {
    margin-left: 4px
}

@media (min-width:700px) {
    .big-buttons__btn--residential-yellow .big-buttons__btn-img-container:before {
        margin-right: -30px
    }

    .big-buttons__btn--residential-purple .big-buttons__btn-img-container:after {
        margin-left: 8px
    }
}

.big-buttons__btn--residential-yellow .big-buttons__btn-img-container:after {
    margin-left: 22px
}

@media (min-width:500px) {
    .big-buttons__btn--residential-yellow .big-buttons__btn-img-container:after {
        margin-left: 30px
    }
}

@media (min-width:700px) {
    .big-buttons__btn--residential-yellow .big-buttons__btn-img-container:after {
        margin-left: 40px
    }
}

.big-buttons__btn-img {
    display: block;
    margin: 0 auto;
    color: #FAB600;
    -webkit-transition: color .3s;
    transition: color .3s
}

.big-buttons__btn--opposite .big-buttons__btn-img,
.big-buttons__btn:focus .big-buttons__btn-img,
.big-buttons__btn:hover .big-buttons__btn-img {
    color: var(--main-color)
}

.big-buttons__btn--opposite:focus .big-buttons__btn-img,
.big-buttons__btn--opposite:hover .big-buttons__btn-img {
    color: #FAB600
}

.big-buttons__btn--home-1 .big-buttons__btn-img {
    height: 80px
}

.big-buttons__btn--home-2 .big-buttons__btn-img {
    height: 62px
}

.big-buttons__btn--home-3 .big-buttons__btn-img {
    height: 70px
}

.big-buttons__btn--home-4 .big-buttons__btn-img {
    height: 60px
}

@media (max-width:499px) {
    .big-buttons__btn-img {
        height: 70px
    }

    .big-buttons__btn-text {
        font-size: 1em
    }
}

@media (min-width:500px) and (max-width:699px) {
    .big-buttons__btn-img {
        height: 100px
    }
}

.big-buttons__btn-text {
    margin: 0;
    -webkit-transition: color .3s;
    transition: color .3s
}

.big-buttons__btn:focus .big-buttons__btn-text,
.big-buttons__btn:hover .big-buttons__btn-text {
    color: var(--main-color)
}

.big-buttons__btn--opposite:focus .big-buttons__btn-text,
.big-buttons__btn--opposite:hover .big-buttons__btn-text {
    color: #FAB600
}

.sign-up {
    margin: 50px 0;
    padding: 0 20px
}

@media (min-width:600px) {
    .sign-up {
        padding: 0 67px
    }
}

.sign-up--block {
    margin-top: 0
}

@media (min-width:500px) {
    .sign-up--block {
        margin-top: -100px
    }
}

@media (max-width:499px) {
    .sign-up--block {
        padding: 0
    }

    .sign-up--lower {
        margin-top: 0;
        padding: 0
    }
}

@media (max-width:699px) {
    .big-buttons__btn-img {
        width: auto
    }

    .sign-up--lower {
        margin-top: -240px;
        position: relative;
        z-index: 9;
        padding: 0
    }
}

@media (min-width:700px) {
    .sign-up--lower {
        margin-top: -210px;
        position: relative;
        z-index: 9;
        margin-bottom: -82px
    }
}

.sign-up__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.sign-up--block .sign-up__inside {
    background-color: var(--main-color);
    border: 6px solid #FFF;
    padding: 30px;
    border-bottom-left-radius: 55px
}

.sign-up--lower .sign-up__inside {
    background-color: #FAB600;
    border: 6px solid #FFF;
    padding: 30px;
    border-bottom-left-radius: 55px
}

.sign-up__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin: 20px 0 40px
}

.sign-up--block .sign-up__title,
.sign-up--lower .sign-up__title {
    margin-top: 0
}

.sign-up--contact .sign-up__title {
    margin-bottom: 0
}

.sign-up__title-icon {
    display: block;
    margin-right: 10px
}

.sign-up__title-text {
    margin: 0;
    color: var(--main-color);
    /*text-transform: capitalize;*/
    font-weight: 400;
    font-size: 1.25em
}

@media (min-width:600px) {
    .sign-up__title-text {
        font-size: 2em
    }
}

.sign-up--block .sign-up__title-text,
.sign-up--lower .sign-up__title-text {
    color: #FFF
}

.sign-up__title-text-bold {
    font-weight: 500
}

.sign-up__text {
    color: #fff;
    margin-bottom: 40px
}

.sign-up__form {
    position: relative
}

.sign-up__form-fields {
    width: 100%
}

.sign-up__form-row:last-of-type {
    margin-top: 1em
}

.sign-up__form-row--last {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

.sign-up--contact .sign-up__form-row--last,
.sign-up__form--last-row-visible .sign-up__form-row--last {
    max-height: 114px
}

.sign-up__form-group {
    margin-right: 20px;
    width: 100%
}

@media (max-width:699px) {
    .sign-up__form-group {
        margin-bottom: 10px
    }

    .sign-up__form-submit {
        width: 100%
    }
}

.sign-up__form-row--last .sign-up__form-group {
    opacity: 0;
    -webkit-transition: opacity .3s .3s;
    transition: opacity .3s .3s
}

@media (min-width:700px) {
    .sign-up__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sign-up__form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .sign-up--contact .sign-up__form-row--last,
    .sign-up__form--last-row-visible .sign-up__form-row--last {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-height: 67px
    }

    .sign-up__form-row--last .sign-up__form-group {
        padding-top: 20px
    }
}

.sign-up--contact .sign-up__form-row--last .sign-up__form-group,
.sign-up__form--last-row-visible .sign-up__form-row--last .sign-up__form-group {
    opacity: 1
}

.sign-up__form-field {
    display: block;
    width: 100%;
    border: 3px solid var(--main-color);
    border-radius: 0 0 0 15px;
    background-color: transparent;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0 15px;
    color: #333;
    -webkit-appearance: none;
    height: 47px
}

.contact__form-submit,
.services-text-copy__more-btn,
.sign-up__form-submit,
.text-copy__more-btn {
    font-family: Montserrat, sans-serif;
    cursor: pointer
}

.sign-up__form-field::-webkit-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.sign-up__form-field::-moz-placeholder {
    color: rgba(51, 51, 51, .5)
}

.sign-up__form-field:-ms-input-placeholder {
    color: rgba(51, 51, 51, .5)
}

.sign-up__form-field:-moz-placeholder {
    color: rgba(51, 51, 51, .5)
}

.sign-up--block .sign-up__form-field {
    border-color: #FFF;
    color: #FFF
}

.sign-up--block .sign-up__form-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up--block .sign-up__form-field::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up--block .sign-up__form-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up--block .sign-up__form-field:-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up--lower .sign-up__form-field {
    border-color: #FFF;
    color: #FFF
}

.sign-up--lower .sign-up__form-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up--lower .sign-up__form-field::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up--lower .sign-up__form-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up--lower .sign-up__form-field:-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.sign-up__form-field:focus {
    outline: 0
}

.sign-up__form-group--error .sign-up__form-field {
    border-color: #F44336
}

.sign-up__form-field--select {
    background-image: url(../images/sign-up-select-arrows-purple.svg);
    background-repeat: no-repeat;
    background-size: 9px 18px;
    background-position: right 10px center;
    color: rgba(51, 51, 51, .5)
}

.sign-up--block .sign-up__form-field--select,
.sign-up--lower .sign-up__form-field--select {
    background-image: url(../images/sign-up-select-arrows-white.svg);
    color: rgba(255, 255, 255, .5)
}

.sign-up__form-field--select-changed {
    color: #333
}

.sign-up--block .sign-up__form-field--select-changed,
.sign-up--lower .sign-up__form-field--select-changed {
    color: #FFF
}

.sign-up__form-submit {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 0;
    border-radius: 0 0 0 15px;
    padding: 14px 18px 15px;
    margin: 0;
    color: var(--main-color);
    background-color: #FAB600;
    /*text-transform: capitalize;*/
    position: relative;
    overflow: hidden
}

.sign-up__form-submit:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: var(--main-color);
    content: '';
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.sign-up--block .sign-up__form-submit:before {
    background-color: #FFF
}

.sign-up--lower .sign-up__form-submit:before {
    background-color: #fff;
    color: #fff
}

.sign-up__form-submit:focus,
.sign-up__form-submit:hover {
    outline: 0
}

.sign-up__form-submit:focus:before,
.sign-up__form-submit:hover:before {
    right: 0
}

.sign-up--lower .sign-up__form-submit {
    color: #fff;
    background-color: var(--main-color)
}

.sign-up__form-hide {
    display: none
}

.sign-up__form-success {
    color: #4CAF50;
    font-size: 1.25em;
    text-align: center
}

.sign-up__form-error {
    margin: 5px 0 0;
    padding-left: 18px;
    color: #F44336;
    font-size: .75em
}

.sign-up__required-label {
    font-size: .5625em;
    position: absolute;
    top: 100%;
    right: 0
}

.sign-up--block .sign-up__required-label,
.sign-up--lower .sign-up__required-label {
    color: #FFF
}

.content-columns {
    margin: 50px 0;
    padding: 0 20px
}

@media (min-width:600px) {
    .content-columns {
        padding: 0 67px
    }
}

.content-columns__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

@media (min-width:800px) {
    .content-columns__columns-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px
    }
}

.content-columns__single-column {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #4B5455;
    text-decoration: none
}

@media (max-width:799px) {
    .content-columns__single-column {
        margin: 0 -10px
    }
}

@media (min-width:800px) {
    .content-columns__single-column {
        margin: 0 10px
    }

    .content-columns__img-container {
        margin-bottom: 20px
    }
}

.content-columns__single-column a.content-columns__single-column:focus,
.content-columns__single-column a.content-columns__single-column:hover {
    outline: 0
}

.content-columns__img-container {
    border-bottom-left-radius: 55px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.content-columns__bottom-btn,
.content-columns__btn {
    border-bottom-left-radius: 15px;
    overflow: hidden;
    text-transform: capitalize
}

@media (max-width:499px) {
    .content-columns__img-container {
        margin-bottom: 20px
    }
}

@media (min-width:500px) and (max-width:799px) {
    .content-columns__single-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .content-columns__img-container {
        width: 35%
    }
}

.content-columns__img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.content-columns__bottom-btn:before,
.content-columns__btn:before {
    height: 4px;
    bottom: 0;
    left: 0;
    content: ''
}

a.content-columns__single-column:focus .content-columns__img,
a.content-columns__single-column:hover .content-columns__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:799px) {
    .content-columns__single-column:not(:last-child) {
        margin-bottom: 20px
    }

    .content-columns__img-container {
        margin-left: 10px;
        margin-right: 10px
    }

    .content-columns__content {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px
    }
}

.content-columns__title {
    color: var(--main-color);
    font-weight: 400;
    /*text-transform: capitalize;*/
    font-size: 1.25em;
    margin: 0 0 20px
}

@media (min-width:800px) {
    .content-columns__title {
        margin: 20px 0
    }
}

@media (min-width:900px) {
    .content-columns__title {
        font-size: 2em
    }
}

.content-columns__text {
    margin: 20px 0
}

.content-columns__text p {
    font-size: 14px;
    line-height: 1.4em;
    color: #4B5455;
    font-weight: 500;
}

.content-columns__text p a {
    color: inherit
}

@media (max-width:899px) {
    .content-columns__text p {
        font-size: .875em
    }
}

.content-columns__text>:first-child {
    margin-top: 0
}

.content-columns__text>:last-child {
    margin-bottom: 0
}

.content-columns__btn {
    background-color: var(--main-color);
    color: #FAB600;
    text-align: center;
    padding: 14px 15px 15px;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    position: relative
}

.content-columns__btn:before {
    display: block;
    position: absolute;
    right: 100%;
    background-color: #FAB600;
    -webkit-transition: right .3s;
    transition: right .3s
}

a.content-columns__single-column:focus .content-columns__btn:before,
a.content-columns__single-column:hover .content-columns__btn:before {
    right: 0
}

.content-columns__bottom-btn-container {
    text-align: center;
    margin: 30px 0 0
}

@media (min-width:768px) {
    .content-columns__bottom-btn-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.content-columns__bottom-btn {
    display: inline-block;
    padding: 14px 30px;
    color: #FAB600;
    background-color: var(--main-color);
    position: relative;
    text-decoration: none;
    font-size: 1rem
}

.content-columns__bottom-btn:before {
    position: absolute;
    right: 100%;
    background-color: #FAB600;
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.content-columns__bottom-btn:focus,
.content-columns__bottom-btn:hover {
    outline: 0;
    color: #FAB600
}

.content-columns__bottom-btn:focus:before,
.content-columns__bottom-btn:hover:before {
    right: 0
}

.featured-property {
    background-color: #F8F8F8;
    padding: 50px 20px
}

@media (min-width:600px) {
    .featured-property {
        padding: 50px 67px
    }
}

.featured-property__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.featured-property__title {
    font-size: 2em;
    font-weight: 400;
    color: var(--main-color);
    /*text-transform: capitalize;*/
    margin-top: 0;
    text-align: center
}

.featured-property__carousel>.slick-dots {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featured-property__carousel>.slick-dots li {
    display: block;
    padding: 0 10px
}

.featured-property__carousel>.slick-dots li button {
    display: block;
    padding: 0;
    margin: 0;
    border: 2px solid var(--main-color);
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.featured-property__carousel>.slick-dots li button:focus,
.featured-property__carousel>.slick-dots li button:hover {
    outline: 0;
    background-color: #FAB600
}

.featured-property__btn,
.featured-property__carousel>.slick-dots li.slick-active button {
    background-color: var(--main-color)
}

.featured-property__group,
.featured-property__group.slick-slide {
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:999px) {

    .featured-property__group,
    .featured-property__group.slick-slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:1000px) {

    .featured-property__group,
    .featured-property__group.slick-slide {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -25px
    }
}

.featured-property__details {
    width: 100%;
    color: var(--main-color);
    display: block;
    text-decoration: none
}

@media (max-width:999px) {
    .featured-property__details {
        margin-bottom: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:1000px) {
    .featured-property__details {
        margin: 0 25px
    }
}

.featured-property__details:focus,
.featured-property__details:hover {
    outline: 0
}

.featured-property__details-title {
    font-weight: 500;
    font-size: 1.625em;
    margin: 0 0 20px
}

.featured-property__table {
    font-size: 1.25em;
    margin: 20px 0
}

@media (max-width:399px) {
    .featured-property__table-row:not(:last-child) {
        border-bottom: 1px solid var(--main-color)
    }
}

.featured-property__table-term {
    margin: 0 20px 0 0;
    padding: 5px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:400px) {
    .featured-property__table-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .featured-property__table-term {
        width: 100px;
        border-right: 1px solid var(--main-color)
    }
}

@media (min-width:500px) {
    .featured-property__table-term {
        width: 140px
    }
}

.featured-property__table-description {
    font-weight: 500;
    margin: 0;
    padding: 5px 0
}

.featured-property__text {
    margin: 20px 0;
    font-size: .875em;
    line-height: 1.4em
}

.featured-property__text p {
    color: #575756
}

.featured-property__text>p:first-child {
    margin-top: 0;
    font-weight: 500
}

.featured-property__text>p:last-child {
    margin-bottom: 0
}

.featured-property__btn {
    display: block;
    color: #FAB600;
    text-decoration: none;
    /*text-transform: capitalize;*/
    border-bottom-left-radius: 15px;
    padding: 14px 15px 15px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.featured-property__btn:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #FAB600;
    -webkit-transition: right .3s;
    transition: right .3s
}

.featured-property__btn:focus,
.featured-property__btn:hover,
.featured-property__details:focus .featured-property__btn,
.featured-property__details:hover .featured-property__btn {
    outline: 0
}

.featured-property__btn:focus:before,
.featured-property__btn:hover:before,
.featured-property__details:focus .featured-property__btn:before,
.featured-property__details:hover .featured-property__btn:before {
    right: 0
}

.featured-property__images {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:999px) {
    .featured-property__images {
        margin-bottom: 20px
    }
}

@media (min-width:1000px) {
    .featured-property__images {
        width: 487px;
        margin: 0 25px
    }
}

.featured-property__main-img-container {
    border-bottom-left-radius: 55px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    outline: 0
}

.featured-property__main-img-container:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 120px solid #FAB600;
    border-left: 120px solid transparent
}

.featured-property__main-img-container:after {
    position: absolute;
    top: 40px;
    right: 40px;
    content: 'New';
    /*text-transform: capitalize;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--main-color);
    font-size: 2em;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    width: 0;
    height: 0
}

.featured-property__group--gordons-yard .featured-property__main-img-container:after,
.featured-property__main-img-container--under-offer:after {
    content: 'under offer';
    font-size: 1em;
    white-space: nowrap
}

.featured-property__group--police-station .featured-property__main-img-container:after {
    content: 'sold'
}

.featured-property__main-img {
    display: block;
    width: 100%;
    height: auto
}

.featured-property__thumbs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px
}

.featured-property__single-thumb-container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 10px;
    outline: 0;
    cursor: pointer;
    border-bottom-left-radius: 25px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.featured-property__single-thumb-img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.featured-property__single-thumb-container:focus .featured-property__single-thumb-img,
.featured-property__single-thumb-container:hover .featured-property__single-thumb-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.purple-banner {
    background-color: var(--main-color);
    overflow: hidden;
    margin-bottom: 50px;
    padding: 60px 20px;
    display: none
}

.purple-banner--visible {
    display: block
}

.purple-banner__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
    /*border-bottom: 3px solid #FFF;*/
    position: relative
}

@media (min-width:700px) {
    .purple-banner {
        padding: 90px 67px 0
    }

    .purple-banner__inside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 190px
    }
}

/*.purple-banner__inside:after,
.purple-banner__inside:before {
    position: absolute;
    content: '';
    display: block;
    bottom: -3px;
    width: 100vw;
    height: 3px;
    background-color: #FAB600;
    border-radius: 2px
}*/

.purple-banner__inside:before {
    right: 50%
}

.purple-banner--signs .purple-banner__inside:before {
    margin-right: 9px
}

@media (min-width:700px) {
    .purple-banner__inside:before {
        right: 0
    }

    .purple-banner--signs .purple-banner__inside:before {
        margin-right: 114px
    }
}

@media (min-width:1000px) {
    .purple-banner__inside {
        min-height: 250px
    }

    .purple-banner--signs .purple-banner__inside:before {
        margin-right: 143px
    }
}

.purple-banner--cake .purple-banner__inside:before {
    margin-right: 101px
}

@media (min-width:700px) {
    .purple-banner--cake .purple-banner__inside:before {
        margin-right: 174px
    }
}

@media (min-width:1000px) {
    .purple-banner--cake .purple-banner__inside:before {
        margin-right: 215px
    }
}

.purple-banner--elephant .purple-banner__inside:before {
    margin-right: 65px
}

@media (min-width:700px) {
    .purple-banner--elephant .purple-banner__inside:before {
        margin-right: 155px
    }
}

@media (min-width:1000px) {
    .purple-banner--elephant .purple-banner__inside:before {
        margin-right: 205px
    }
}

.purple-banner--cup .purple-banner__inside:before {
    margin-right: 68px
}

@media (min-width:700px) {
    .purple-banner--cup .purple-banner__inside:before {
        margin-right: 148px
    }
}

@media (min-width:1000px) {
    .purple-banner--cup .purple-banner__inside:before {
        margin-right: 186px
    }
}

.purple-banner--tree .purple-banner__inside:before {
    margin-right: 6px
}

@media (min-width:700px) {
    .purple-banner--tree .purple-banner__inside:before {
        margin-right: 169px
    }
}

@media (min-width:1000px) {
    .purple-banner--tree .purple-banner__inside:before {
        margin-right: 212px
    }
}

.purple-banner--camera .purple-banner__inside:before {
    margin-right: 87px
}

@media (min-width:700px) {
    .purple-banner--camera .purple-banner__inside:before {
        margin-right: 149px
    }
}

@media (min-width:1000px) {
    .purple-banner--camera .purple-banner__inside:before {
        margin-right: 182px
    }
}

.purple-banner--sign .purple-banner__inside:before {
    margin-right: 5px
}

@media (min-width:700px) {
    .purple-banner--sign .purple-banner__inside:before {
        margin-right: 115px
    }
}

@media (min-width:1000px) {
    .purple-banner--sign .purple-banner__inside:before {
        margin-right: 143px
    }
}

.purple-banner--car .purple-banner__inside:before {
    margin-right: 74px
}

@media (min-width:700px) {
    .purple-banner--car .purple-banner__inside:before {
        margin-right: 210px
    }
}

@media (min-width:900px) {

    .purple-banner__inside:after,
    .purple-banner__inside:before {
        height: 4px
    }

    .purple-banner--car .purple-banner__inside:before {
        margin-right: 275px
    }
}

.purple-banner__inside:after {
    left: 50%
}

.purple-banner--signs .purple-banner__inside:after {
    margin-left: 1px
}

@media (min-width:700px) {
    .purple-banner__inside:after {
        left: 100%
    }

    .purple-banner--signs .purple-banner__inside:after {
        margin-left: -104px
    }
}

@media (min-width:1000px) {
    .purple-banner--car .purple-banner__inside:before {
        margin-right: 438px
    }

    .purple-banner--signs .purple-banner__inside:after {
        margin-left: -128px
    }
}

.purple-banner--cake .purple-banner__inside:after {
    margin-left: 102px
}

@media (min-width:700px) {
    .purple-banner--cake .purple-banner__inside:after {
        margin-left: -10px
    }
}

@media (min-width:1000px) {
    .purple-banner--cake .purple-banner__inside:after {
        margin-left: -12px
    }
}

.purple-banner--elephant .purple-banner__inside:after {
    margin-left: 12px
}

@media (min-width:700px) {
    .purple-banner--elephant .purple-banner__inside:after {
        margin-left: -80px
    }
}

@media (min-width:1000px) {
    .purple-banner--elephant .purple-banner__inside:after {
        margin-left: -100px
    }
}

.purple-banner--cup .purple-banner__inside:after {
    margin-left: 82px
}

@media (min-width:700px) {
    .purple-banner--cup .purple-banner__inside:after {
        margin-left: -25px
    }
}

@media (min-width:1000px) {
    .purple-banner--cup .purple-banner__inside:after {
        margin-left: -33px
    }
}

.purple-banner--tree .purple-banner__inside:after {
    margin-left: 14px
}

@media (min-width:700px) {
    .purple-banner--tree .purple-banner__inside:after {
        margin-left: -153px
    }
}

@media (min-width:1000px) {
    .purple-banner--tree .purple-banner__inside:after {
        margin-left: -189px
    }
}

.purple-banner--camera .purple-banner__inside:after {
    margin-left: 88px
}

@media (min-width:700px) {
    .purple-banner--camera .purple-banner__inside:after {
        margin-left: -12px
    }
}

@media (min-width:1000px) {
    .purple-banner--camera .purple-banner__inside:after {
        margin-left: -15px
    }
}

.purple-banner--sign .purple-banner__inside:after {
    margin-left: 5px
}

@media (min-width:700px) {
    .purple-banner--sign .purple-banner__inside:after {
        margin-left: -103px
    }

    .purple-banner--car .purple-banner__inside:after {
        margin-right: -40px
    }
}

@media (min-width:1000px) {
    .purple-banner--sign .purple-banner__inside:after {
        margin-left: -128px
    }
}

.purple-banner--car .purple-banner__inside:after {
    margin-left: 103px
}

@media (min-width:900px) {
    .purple-banner--car .purple-banner__inside:after {
        margin-left: -50px
    }
}

@media (min-width:1000px) {
    .purple-banner--car .purple-banner__inside:after {
        margin-left: 0
    }
}

.purple-banner__text {
    margin-top: 20px
}

@media (min-width:700px) {
    .purple-banner__text {
        margin-top: -20px
    }

    .purple-banner--elephant .purple-banner__subtitle {
        max-width: 480px
    }
}

.purple-banner__title {
    /*text-transform: capitalize;*/
    font-size: 2em;
    margin: 0 0 10px;
    color: #FAB600;
    font-weight: 300
}

@media (min-width:1000px) {
    .purple-banner__title {
        font-size: 2.375em
    }
}

.purple-banner__subtitle {
    /*text-transform: capitalize;*/
    font-size: 1.25em;
    margin: 0;
    color: #FFF;
    font-weight: 300
}

@media (min-width:700px) {
    .purple-banner--tree .purple-banner__subtitle {
        max-width: 340px;
            margin: 0 auto;
    }

    .purple-banner--sign .purple-banner__subtitle {
        max-width: 400px
    }

    .purple-banner--car .purple-banner__subtitle {
        max-width: 330px
    }
}

.purple-banner__img {
    display: block;
    margin-top: 30px;
    margin-bottom: -3px;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:699px) {
    .purple-banner {
        text-align: center
    }

    .purple-banner__img {
        margin: 20px auto -3px
    }
}

.purple-banner__img:not(:root) {
    overflow: visible
}

@media (min-width:700px) and (max-width:999px) {
    .purple-banner--signs .purple-banner__img {
        width: 212px;
        height: 181px
    }

    .purple-banner--cake .purple-banner__img {
        width: 183px;
        height: 179px
    }

    .purple-banner--elephant .purple-banner__img {
        width: 182px;
        height: 137px
    }

    .purple-banner--cup .purple-banner__img {
        width: 184px;
        height: 212px
    }

    .purple-banner--tree .purple-banner__img {
        width: 322px;
        height: 161px
    }

    .purple-banner--camera .purple-banner__img {
        width: 160px;
        height: 157px
    }

    .purple-banner--sign .purple-banner__img {
        width: 217px;
        height: 160px
    }
}

@media (max-width:699px) {
    .purple-banner--car .purple-banner__img {
        max-width: 100%;
        height: auto
    }

    .purple-banner__img--large-car {
        display: none
    }
}

@media (min-width:700px) and (max-width:899px) {
    .purple-banner--car .purple-banner__img {
        width: 1154.18px;
        height: 67.91px;
        margin-left: -440px;
        margin-right: -440px
    }
}

@media (min-width:900px) and (max-width:999px) {
    .purple-banner--car .purple-banner__img {
        width: 1538.9px;
        height: 90.54px;
        margin-left: -590px;
        margin-right: -590px
    }
}

@media (min-width:1000px) {
    .purple-banner__img {
        margin-top: 50px
    }

    .purple-banner--car .purple-banner__img {
        margin-bottom: -4px;
        margin-left: -742px;
        margin-right: -742px
    }
}

@media (max-width:699px) {
    .purple-banner__img--small-car {
        display: block
    }
}

.purple-banner__camera-flash,
.purple-banner__text-sold {
    opacity: 0
}

@media (min-width:700px) {
    .purple-banner__img--large-car {
        display: block
    }

    .purple-banner__img--small-car {
        display: none
    }

    .purple-banner-home {
        padding: 0 67px
    }
}

.services-text-copy,
.text-copy {
    margin: 50px 0;
    text-align: center;
    padding: 0 20px
}

@media (min-width:600px) {

    .services-text-copy,
    .text-copy {
        padding: 0 67px
    }
}

.services-text-copy a,
.text-copy a {
    color: var(--main-color);
    -webkit-transition: color .3s;
    transition: color .3s
}

.services-text-copy a:focus,
.services-text-copy a:hover,
.text-copy a:focus,
.text-copy a:hover {
    color: #FAB600
}

.services-text-copy--grey,
.text-copy--grey {
    background-color: #F8F8F8;
    margin: 0;
    padding: 50px 20px
}

@media (min-width:600px) {

    .services-text-copy--grey,
    .text-copy--grey {
        padding: 50px 67px
    }
}

.services-text-copy--yellow,
.text-copy--yellow {
    background-color: #FAB600;
    margin: 0;
    padding: 50px 0
}

@media (min-width:600px) {

    .services-text-copy--yellow,
    .text-copy--yellow {
        padding: 50px 67px
    }
}

.services-text-copy--align-left,
.text-copy--align-left {
    text-align: left;
    max-width: 800px;
    margin: 50px auto
}

.services-text-copy--mb0,
.text-copy--mb0 {
    margin-bottom: 0
}

.services-text-copy__inside,
.text-copy__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.services__single-content--visible .services-text-copy__inside,
.services__single-content--visible .text-copy__inside {
    opacity: 0;
    -webkit-animation: fade_in 1s .3s forwards;
    animation: fade_in 1s .3s forwards
}

.services-text-copy__title,
.text-copy__title {
    color: var(--main-color);
    font-size: 2em;
    font-weight: 600;
    text-transform: capitalize
}

.text-copy--grey .services-text-copy__title,
.text-copy--grey .text-copy__title,
.text-copy--yellow .services-text-copy__title,
.text-copy--yellow .text-copy__title {
    margin-top: 0
}

.services-text-copy__title--yellow,
.text-copy__title--yellow {
    color: #FAB600
}

.services-text-copy__text,
.text-copy__text {
    color: #575756;
    font-size: .875em;
    line-height: 1.4em
}

.services-text-copy__text>p:first-child,
.text-copy__text>p:first-child {
    font-weight: 500
}

.services-text-copy__text>p:first-child.not-bold,
.team__title,
.text-copy__text>p:first-child.not-bold {
    font-weight: 400
}

.text-copy--yellow .services-text-copy__text,
.text-copy--yellow .text-copy__text {
    color: var(--main-color)
}

@media (min-width:700px) {

    .services-text-copy__text--columns,
    .text-copy__text--columns {
        text-align: left;
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 50px;
        column-gap: 50px
    }

    .services-text-copy__text--columns>p:first-child,
    .text-copy__text--columns>p:first-child {
        margin-top: 0
    }
}


.services-text-copy__more-btn,
.text-copy__more-btn {
    display: block;
    /*text-transform: capitalize;*/
    color: #FAB600;
    background-color: var(--main-color);
    font-size: 1.25em;
    padding: 10px 15px;
    border-bottom-left-radius: 15px;
    border: 0;
    width: 288px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.services-text-copy__more-btn:before,
.text-copy__more-btn:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #FAB600;
    -webkit-transition: right .3s;
    transition: right .3s
}

.services-text-copy__more-btn:focus,
.services-text-copy__more-btn:hover,
.text-copy__more-btn:focus,
.text-copy__more-btn:hover {
    outline: 0
}

.services-text-copy__more-btn:focus:before,
.services-text-copy__more-btn:hover:before,
.text-copy__more-btn:focus:before,
.text-copy__more-btn:hover:before {
    right: 0
}

.services-text-copy__more,
.text-copy__more {
    display: none;
    margin: 1em 0
}

.services-text-copy__more>:first-child,
.text-copy__more>:first-child {
    margin-top: 0
}

.services-text-copy__more>:last-child,
.text-copy__more>:last-child {
    margin-bottom: 0
}

.services-text-copy__columns,
.text-copy__columns {
    text-align: left
}

@media (min-width:700px) {

    .services-text-copy__columns,
    .text-copy__columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -25px
    }

    .services-text-copy__single-column,
    .text-copy__single-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 25px
    }
}

.team {
    text-align: center;
    background-color: #F8F8F8
}

@media (max-width:499px) {
    .team {
        padding: 50px 0
    }
}

@media (min-width:500px) {
    .team {
        padding: 50px 0 300px
    }
}

.team__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.services__single-content--visible .team__inside {
    opacity: 0;
    -webkit-animation: fade_in 1s .3s forwards;
    animation: fade_in 1s .3s forwards
}

.team__title {
    color: var(--main-color);
    font-size: 2em;
    /*text-transform: capitalize;*/
    margin-top: 0
}

.team__members {
    margin: 25px 0 -25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px
}

.team__single-member {
    width: 100%;
    margin: 25px 0;
    padding: 0 10px;
    text-decoration: none
}

@media (min-width:400px) {
    .team__single-member {
        width: 50%
    }
}

@media (min-width:800px) {
    .team__single-member {
        width: 25%
    }
}

.team__member-img {
    display: block;
    margin: 0 auto 20px;
    border-radius: 100%
}

@media (max-width:767px) {
    .team__modal .team__member-img {
        max-width: 100%;
        height: auto
    }
}

.fixflo__modal-inside,
.team__modal-inside {
    max-width: 600px;
    max-height: 100%;
    overflow-y: scroll;
    text-align: center
}

.team__member-name {
    font-weight: 500;
    color: var(--main-color);
    margin: 0;
    -webkit-transition: color .3s;
    transition: color .3s
}

.team__single-member:focus .team__member-name,
.team__single-member:hover .team__member-name {
    color: #FAB600
}

.team__modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px
}

@media (min-width:768px) {
    .team__modal {
        padding: 100px 20px 20px
    }
}

.team__modal--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.team__modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.team__modal-inside {
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 30px;
    padding: 20px;
    position: relative
}

@media (min-width:768px) {
    .team__modal-inside {
        padding: 50px
    }
}

.team__modal-close {
    position: absolute;
    top: 40px;
    right: 40px;
    padding: 10px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    cursor: pointer
}

.team__modal-close svg {
    display: block;
    color: var(--main-color);
    -webkit-transition: color .3s;
    transition: color .3s
}

.team__modal-close:focus svg,
.team__modal-close:hover svg {
    color: #FAB600
}

.team__modal-group {
    display: none
}

.team__modal-group--visible {
    display: block
}

.team__modal-name {
    font-weight: 500;
    color: var(--main-color)
}

.team__modal-text {
    color: #575756;
    font-size: .875em;
    line-height: 1.4em
}

.team__modal-links {
    color: var(--main-color);
    font-weight: 500;
    line-height: 1.6em;
    margin-bottom: 0
}

.team__modal-links a {
    text-decoration: none;
    color: inherit
}

.team__modal-links a span {
    color: #575756;
    font-weight: 400;
    -webkit-transition: color .3s;
    transition: color .3s
}

.team__modal-links a:focus span,
.team__modal-links a:hover span {
    color: #FAB600
}

@media (min-width:768px) {
    .fixflo-page {
        margin-top: -102px;
        position: relative
    }
}

.fixflo-page .text-copy__text {
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:767px) {
    .fixflo-page .text-copy__text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.fixflo-page a {
    background: var(--main-color);
    margin: 10px;
    border-bottom-left-radius: 20px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

@media (min-width:768px) {
    .fixflo-page a {
        width: calc((100% / 3) - 20px);
        margin: 0 10px
    }
}

.fixflo-page a:focus button:before,
.fixflo-page a:hover button:before {
    right: 0
}

.fixflo-page img,
.fixflo-page svg {
    margin: auto
}

.fixflo-page button {
    border: 0;
    cursor: pointer;
    margin-top: 20px
}

.fixflo-page button:before {
    background: #fff
}

.fixflo__modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 20px
}

@media (min-width:768px) {
    .fixflo__modal {
        padding: 100px 20px 20px
    }
}

.fixflo__modal--open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.fixflo__modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}

.fixflo__modal-inside {
    width: 100%;
    background: #fff;
    border-bottom-left-radius: 30px;
    padding: 20px;
    position: relative
}

@media (min-width:768px) {
    .fixflo__modal-inside {
        padding: 50px
    }

    .services__subtitle {
        min-height: 66px
    }
}

.fixflo__modal-close {
    position: absolute;
    top: 40px;
    right: 40px;
    padding: 10px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: 0 0;
    cursor: pointer
}

.fixflo__modal-close svg {
    display: block;
    color: var(--main-color);
    -webkit-transition: color .3s;
    transition: color .3s
}

.fixflo__modal-close:focus svg,
.fixflo__modal-close:hover svg {
    color: #FAB600
}

.fixflo__modal-group {
    display: none
}

.fixflo__modal-group--visible {
    display: block
}

.fixflo__modal-title {
    font-weight: 500;
    color: var(--main-color);
    text-transform: capitalize
}

.services {
    padding-bottom: 260px
}

.services__tabs {
    border-bottom: 5px solid #FAB600
}

.services__tabs-inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.services__tabs-list {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width:700px) {
    .services__tabs-list {
        margin: 0 -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.services__single-tab {
    display: block;
    text-align: center;
    width: 100%
}

.services__tab-link {
    display: block;
    color: #FAB600;
    font-size: 1em;
    /*text-transform: capitalize;*/
    text-decoration: none;
    background-color: var(--main-color);
    padding: 12px 0;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.services__single-tab--active .services__tab-link,
.services__tab-link:focus,
.services__tab-link:hover {
    background-color: #FAB600;
    color: var(--main-color)
}

@media (min-width:700px) {
    .services__single-tab {
        width: 25%;
        margin: 0 5px
    }

    .services__tabs--3-tabs .services__single-tab,
    .team .services__single-tab {
        width: 33.33333%
    }

    .services__tab-link {
        border-top-left-radius: 15px
    }
}

@media (min-width:800px) {
    .services__tab-link {
        font-size: 1.25em
    }
}

@media (min-width:900px) {
    .services__tab-link {
        font-size: 1.4375em
    }
}

.services__single-tab:first-child .services__tab-link {
    border-top-left-radius: 15px
}

.services__single-content {
    display: none
}

.services__single-content--visible {
    display: block
}

.services__info {
    background-color: #F8F8F8;
    padding: 50px 20px
}

@media (min-width:600px) {
    .services__info {
        padding: 50px 67px
    }
}

.services__info p {
    margin: 8px 0;
    color: var(--main-color);
    font-weight: 500 !important;
}

.services__info p a {
    font-weight: 500 !important;
    color: #4B5455;
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s
}

.services__info p a:focus,
.services__info p a:hover {
    color: #FAB600
}

.services__info-inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.services__single-content--visible .services__info-inside {
    opacity: 0;
    -webkit-animation: fade_in 1s .3s forwards;
    animation: fade_in 1s .3s forwards
}

.services__info-title {
    color: #FAB600;
    font-weight: 400;
    font-size: 1.375em;
    text-transform: capitalize
}

.services__info-title--top {
    text-align: center;
    margin-top: 0;
    margin-bottom: 30px
}

@media (max-width:699px) {
    .services__info-columns {
        text-align: center
    }
}

@media (min-width:900px) {
    .services__info-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .services__info-phone-column {
        padding-left: 30px;
        border-left: 1px solid #FAB600
    }
}

.services__info-emails-container {
    width: 100%
}

@media (max-width:899px) {
    .services__info-emails-container {
        margin-bottom: 10px
    }

    .services__info-phone-column {
        padding-top: 10px;
        border-top: 1px solid #FAB600
    }
}

.services__info-emails p {
    margin: 4px 0
}

@media (min-width:700px) {
    .services__info-emails {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .services__info-emails p {
        width: 50%;
        padding-right: 30px
    }
}

.services__info-phone-column p {
    white-space: nowrap
}

.services__purple-section {
    background: var(--main-color);
    padding: 50px 0
}

.services__purple-section h2,
.services__purple-section p {
    color: #fff;
    margin-top: 0
}

.services__purple-section>.services-text-copy {
    margin: 0
}

.services__anchor {
    position: relative;
    top: -110px
}

.services__subtitle {
    line-height: 1.2em
}

.services__img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom:10px;
}

.news {
    padding: 0 20px
}

@media (min-width:600px) {
    .news {
        padding: 0 67px
    }
}

.news__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.news__content ol,
.news__content ul {
    width: auto;
    overflow: hidden
}

.news__article {
    border-bottom: 1px solid #FAB600;
    padding-bottom: 50px;
    margin-bottom: 50px
}

.news__article:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.news__columns {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:899px) {
    .news__article {
        text-align: center
    }

    .news__columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.news__columns:focus,
.news__columns:hover {
    outline: 0
}

@media (min-width:900px) {
    .news__columns {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -10px
    }

    .news__single-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px
    }
}

.news__title-container {
    margin-bottom: 10px
}

.news__title {
    color: var(--main-color);
    font-weight: 400;
    font-size: 2em;
    /*text-transform: capitalize;*/
    margin: 0
}

.news__date {
    color: #FAB600;
    position: relative;
    bottom: 3px
}

@media (min-width:500px) {
    .news__title-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .news__date {
        margin: 0 0 0 20px
    }
}

.news__summary {
    font-size: .875em;
    line-height: 1.4em;
    color: #575756
}

.news__read-more {
    display: inline-block;
    background-color: var(--main-color);
    color: #FAB600;
    text-decoration: none;
    /*text-transform: capitalize;*/
    border-bottom-left-radius: 15px;
    padding: 14px 15px 15px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-width: 250px
}

.news__read-more:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #FAB600;
    -webkit-transition: right .3s;
    transition: right .3s
}

.news__columns:focus .news__read-more,
.news__columns:hover .news__read-more,
.news__read-more:focus,
.news__read-more:hover {
    outline: 0
}

.news__columns:focus .news__read-more:before,
.news__columns:hover .news__read-more:before,
.news__read-more:focus:before,
.news__read-more:hover:before {
    right: 0
}

.news__img-container {
    border-bottom-left-radius: 56px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

@media (max-width:899px) {
    .news__title-container {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .news__img-container {
        margin: 20px auto 0
    }
}

.news__img {
    display: block;
    max-width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.news__columns:focus .news__img,
.news__columns:hover .news__img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.news__more-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -20px;
    margin-right: -20px
}

@media (min-width:600px) {
    .news__more-container {
        margin-left: -67px;
        margin-right: -67px
    }
}

.news__more {
    background-color: #FAB600;
    color: var(--main-color);
    text-align: center;
    display: block;
    /*text-transform: capitalize;*/
    padding: 14px 0;
    text-decoration: none;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    border-bottom: 1px solid #FAB600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.news__more:not(:last-child) {
    border-right: 1px solid var(--main-color)
}

.news__more:focus,
.news__more:hover {
    background-color: var(--main-color);
    color: #FAB600
}

.news__content {
    margin: 50px 0;
    overflow: hidden
}

.news__content h1,
.news__content h2,
.news__content h3,
.news__content h4,
.news__content h5,
.news__content h6 {
    color: var(--main-color);
    font-weight: 400;
    /*text-transform: capitalize;*/
    margin: 20px 0
}

.news__content h1 {
    font-size: 2em
}

.news__content h2 {
    font-size: 1.75rem
}

.news__content h3 {
    font-size: 1.5rem
}

.news__content h4 {
    font-size: 1.25rem
}

.news__content h5 {
    font-size: 1.125rem
}

.news__content h6 {
    font-size: 1rem
}

.news__content .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.news__content .gallery-item {
    margin: 1em
}

.news__content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 30px auto
}

.news__content img.alignleft {
    max-width: 50%;
    float: left;
    margin-right: 35px;
    margin-bottom: 35px;
    margin-top: 0
}

.news__content img.alignright {
    max-width: 50%;
    float: right;
    margin-left: 35px;
    margin-bottom: 35px;
    margin-top: 0
}

.news__content ul {
    text-align: left;
    list-style: none
}

.news__content ul li {
    position: relative;
    padding: 5px 0
}

.news__content ul li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: #FAB600;
    position: absolute;
    top: 10px;
    left: -20px;
    border-radius: 100%
}

.news__content li,
.news__content p {
    color: #575756;
    font-size: .875em;
    line-height: 1.4em
}

.news__content a {
    color: var(--main-color);
    -webkit-transition: color .3s;
    transition: color .3s
}

.news__content a:focus,
.news__content a:hover {
    color: #FAB600
}

.news__content blockquote {
    width: auto;
    overflow: hidden;
    margin: 1em 0;
    border-left: 2px solid #FAB600;
    padding-left: 30px;
    font-weight: 500
}

.news__content blockquote>:first-child {
    margin-top: 0
}

.news__content blockquote>:last-child {
    margin-bottom: 0
}

.news hr {
    border-top: 1px solid #FAB600;
    border-bottom: 0;
    margin: 50px 0
}

.contact {
    margin: 0 0 50px
}

@media (min-width:500px) {
    .contact {
        padding: 0 20px;
        margin-top: -100px
    }
}

@media (min-width:600px) {
    .contact {
        padding: 0 67px
    }
}

.contact__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    background-color: var(--main-color);
    border: 6px solid #fff;
    padding: 30px;
    border-bottom-left-radius: 55px
}

.contact__title {
    margin: 0;
    color: #fff;
    /*text-transform: capitalize;*/
    font-weight: 400;
    font-size: 1.25em;
    text-align: center
}

@media (min-width:600px) {
    .contact__title {
        font-size: 2em
    }
}

.contact__text {
    color: #fff;
    margin-bottom: 40px;
    text-align: center
}

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

@media (min-width:700px) {
    .contact__form-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px
    }

    .contact__form-single-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px
    }

    .contact__form-required {
        bottom: 0
    }
}

.contact__form-group {
    width: 100%;
    margin-bottom: 20px
}

.contact__form-field {
    width: 100%;
    display: block;
    font-weight: 300;
    color: #fff;
    border: 3px solid #fff;
    border-bottom-left-radius: 15px;
    padding: 11px 15px 12px;
    background-color: transparent
}

.contact__form-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.contact__form-field::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.contact__form-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.contact__form-field:-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.contact__form-field:focus {
    outline: 0
}

.contact__form-field--textarea {
    min-height: 114px
}

.contact__form-group--has-error .contact__form-field {
    border-color: #F44336
}

.contact__form-submit {
    display: block;
    padding: 0 15px;
    /*text-transform: capitalize;*/
    color: var(--main-color);
    border: 0;
    background-color: #FAB600;
    border-bottom-left-radius: 15px;
    width: 100%;
    margin: 0 0 20px;
    min-height: 47px;
    position: relative;
    overflow: hidden
}

.contact__form-submit:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #fff;
    content: '';
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.footer__top a,
.get-in-touch__detail-link {
    -webkit-transition: color .3s;
    text-decoration: none
}

.contact__form-submit:focus,
.contact__form-submit:hover {
    outline: 0
}

.contact__form-submit:focus:before,
.contact__form-submit:hover:before {
    right: 0
}

.contact__form-required {
    position: absolute;
    right: 0;
    font-weight: 300;
    color: #fff;
    font-size: .5625em;
    margin: 10px 0 0
}

@media (max-width:699px) {
    .contact__form-required {
        top: 100%
    }
}

.contact__form-hide {
    display: none
}

.contact__form-error {
    margin: 5px 0 0;
    padding-left: 21px;
    color: #F44336;
    font-size: .75em
}

.contact__form-success {
    color: #4CAF50;
    font-size: 1.25em;
    text-align: center
}

.find-us__title,
.get-in-touch__title {
    /*text-transform: capitalize;*/
    font-size: 2em
}

.get-in-touch {
    margin: 50px 0;
    padding: 0 20px
}

@media (min-width:600px) {
    .get-in-touch {
        padding: 0 67px
    }
}

.get-in-touch__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.get-in-touch__title {
    text-align: center;
    font-weight: 400;
    color: var(--main-color);
    margin-bottom: 20px;
}

.get-in-touch__details {
    list-style: none;
    padding: 0;
    margin: 20px 0 50px
}

@media (min-width:900px) {
    .get-in-touch__details {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .get-in-touch__detail-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .get-in-touch__detail-item:not(:last-child):after {
        content: '|';
        margin: 0 20px;
        color: #FAB600
    }
}

.get-in-touch__detail-link {
    display: block;
    color: #4b5455;
    transition: color .3s
}

@media (max-width:899px) {
    .get-in-touch__detail-link {
        text-align: center;
        padding: 10px 0
    }
}

.get-in-touch__detail-link:focus,
.get-in-touch__detail-link:hover {
    outline: 0;
    color: #FAB600
}

.get-in-touch__detail-label {
    color: var(--main-color);
    font-weight: 500
    font-size: 16px;
}

.find-us {
    background-color: #FAB600;
    padding: 30px 0 0;
    text-align: center
}

.find-us__title {
    color: var(--main-color);
    font-weight: 400;
    margin: 0 0 10px;
    padding: 0 20px
}

.find-us__address {
    color: #fff;
    font-weight: 500;
    margin: 0 0 30px;
    padding: 0 20px
}

.awards__title,
.wide-form__title {
    font-weight: 400;
    text-transform: capitalize
}

.find-us__map-container {
    width: 100%;
    height: 600px;
    background-color: #ccc;
    position: relative
}

.find-us__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:800px) {
    .awards__columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -20px
    }

    .awards__columns--egi-row-2 {
        margin-top: 50px
    }
}

@media (max-width:799px) {
    .awards__single-column {
        margin-bottom: 40px
    }
    .awards__img-container {
	    align-items: end;
	    min-height: 70px;
	}
}

@media (min-width:800px) {
    .awards__single-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 20px
    }
}

.awards__img-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 124px
}

.awards__img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.awards__title {
    color: #FAB600;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 0
}

.awards-lower {
    padding-bottom: 280px
}

.logos {
    margin: 50px 0;
    padding: 0 25px
}
@media (max-width:1024px) {
	.awards__title{
		font-size: 18px;
	}
}
@media (max-width:799px) {
    .awards__img-container {
	    align-items: end;
	    min-height: 70px;
	}
	
}
@media (min-width:600px) {
    .logos {
        padding: 0 67px
    }
}

.logos__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.logos__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px
}

.logos__single-logo {
    display: block;
    margin: 8px;
    height: auto
}

@media (max-width:599px) {
    .logos__single-logo {
        opacity: 1 !important
    }
}

.wide-form {
	position: relative;
    display: block;
    background-color: #FAB600;
    border-bottom: 6px solid var(--main-color);
    padding: 50px 0;
    text-align: center
}

.wide-form:before{
    width: 150px;
    height: 160px;
	position:absolute;
	display:block;
	content:none;
	background:url('https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/39de9f7dfc350a591cce0274554580cb.png?v=1');
	background-position: center;
	background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
}

@media (min-width:500px) {
    .wide-form {
        padding: 50px 20px
    }
}

@media (min-width:600px) {
    .wide-form {
        padding: 50px 67px
    }
}

.wide-form.lower {
    margin-bottom: 220px
}

.wide-form__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 36px
}

.wide-form__title {
    color: var(--main-color);
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 2em
}

.wide-form__text {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px
}

.wide-form__form {
    position: relative
}

.wide-form__row-container {
    width: 100%
}

.wide-form__row--bottom {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s;
    transition: max-height .3s
}

.wide-form__form--last-row-visible .wide-form__row {
    max-height: 114px
}

.wide-form__group {
    width: 100%
}

@media (max-width:699px) {
    .wide-form__group {
        margin-bottom: 10px
    }

    .wide-form__submit {
        width: 100%
    }
}

@media (min-width:700px) {
    .wide-form__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .wide-form__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%
    }

    .wide-form__form--last-row-visible .wide-form__row {
        max-height: 67px
    }

    .wide-form__group {
        margin-right: 20px
    }

    .wide-form__row--bottom .wide-form__group {
        margin-top: 20px
    }
}

.wide-form__field {
    display: block;
    width: 100%;
    border: 3px solid #fff;
    border-radius: 0 0 0 15px;
    background-color: transparent;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0 15px;
    color: #fff;
    -webkit-appearance: none;
    height: 47px
}

.wide-form__field::-webkit-input-placeholder {
    color: #fff
}

.wide-form__field::-moz-placeholder {
    color: #fff
}

.wide-form__field:-ms-input-placeholder {
    color: #fff
}

.wide-form__field:-moz-placeholder {
    color: #fff
}

.wide-form__field:focus {
    outline: 0
}

.wide-form__field--select {
    background-image: url(../images/sign-up-select-arrows-white.svg);
    background-repeat: no-repeat;
    background-size: 9px 18px;
    background-position: right 10px center
}

.wide-form__group--error .wide-form__field {
    border-color: #F44336
}

.wide-form__submit {
    display: block;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: Montserrat, sans-serif;
    border: 0;
    border-radius: 0 0 0 15px;
    padding: 14px 18px 15px;
    margin: 0;
    color: #FAB600;
    background-color: var(--main-color);
    /*text-transform: capitalize;*/
    position: relative;
    overflow: hidden
}

.wide-form__submit:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #fff;
    content: '';
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.wide-form__submit:focus,
.wide-form__submit:hover {
    outline: 0
}

.wide-form__submit:focus:before,
.wide-form__submit:hover:before {
    right: 0
}

.wide-form__hide {
    display: none
}

.wide-form__success {
    color: #4CAF50;
    font-size: 1.25em;
    text-align: center
}

.wide-form__error {
    margin: 5px 0 0;
    padding-left: 18px;
    color: #F44336;
    font-size: .75em;
    text-align: left
}

.wide-form__required {
    color: #fff;
    font-size: .5625em;
    position: absolute;
    right: 0;
    top: 100%
}

.footer {
	position: relative;
    display: block;
    margin-top: 50px;
    padding: 0 20px;
    background-color: var(--main-color);
}

.footer:before{
	position:absolute;
	content:"";
	display:block;
	background:url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/e4426415b1d99b24e80f5f809a5c95f0.png?v=1);
	bottom: 0;
    left: 0;
    z-index: 999;
    width: 195px;
    height: 255px;
    background-size: contain;
    background-repeat: no-repeat;
}
.footer:after{
	position:absolute;
	content:"";
	display:block;
	background:url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/83555e55f78e802a19b9964ee2a1ffca.png?v=1);
	bottom: 0;
    right: 0;
    z-index: 999;
    width: 180px;
    height: 255px;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (min-width:600px) {
    .footer {
        padding: 0 67px
    }
}

.footer__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.footer__top {
    /*border-top: 2px solid #FAB600;*/
    border-bottom: 2px solid #FAB600;
    padding: 50px 0 20px;
    color: #575756
}

@media (min-width:900px) {
    .footer__top {
        padding: 50px 0
    }
}

.footer__top li,
.footer__top p {
    font-size: 15px;
    line-height: 1.8em;
    margin: 0;
    color:#fff;
}

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

.footer__top a {
    color: #fff;
    transition: color .3s
}

.footer__top a:focus,
.footer__top a:hover {
    color: #FAB600;
    outline: 0
}

@media (min-width:500px) {
    .footer__columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .footer__single-column--latest-news li {
        padding-left: 15px;
        position: relative
    }
}

.footer__bottom,
.footer__social {
    display: -webkit-box;
    display: -ms-flexbox
}

@media (min-width:900px) {
    .footer__columns {
        margin: 0 -20px
    }
}

@media (max-width:991px) {
    .footer__columns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__single-column {
        margin-bottom: 30px
    }
}

@media (min-width:991px) {
    .footer__single-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 20px
    }
}

@media (min-width:500px) {
    .footer__single-column--latest-news li:before {
        position: absolute;
        top: 0;
        left: 0;
        content: '>';
        color: var(--main-color);
        font-family: Montserrat, sans-serif;
        font-size: 1em;
        font-weight: 500
    }
}

.footer__title {
    /*text-transform: capitalize;*/
    color: #FAB600;
    font-size: 1.375em;
    font-weight: 400;
    margin: 0 0 20px
}

.footer p.footer__address,
.footer__address {
    margin-bottom: 1.8em
}

@media (min-width:500px) and (max-width:991px) {
    .footer__single-column {
        width: 50%
    }

    .footer p.footer__address,
    .footer__address {
        margin-right: 50px
    }
}

.footer__bottom {
    padding: 20px 0;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .8125em;
    color: var(--main-color)
}

@media (max-width:499px) {
    .footer {
        text-align: center
    }

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

.footer__bottom p {
    margin: 0;
    line-height: 1.4em
}

.footer__bottom a, .footer__copyright {
    color:#fff;
    text-decoration: none;
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer__bottom a:focus,
.footer__bottom a:hover {
    color: #FAB600;
    outline: 0
}

.footer p.footer__copyright,
.footer__copyright {
    margin-left: 10px;
    margin-right: 50px
}

@media (max-width:1139px) {

    .footer p.footer__copyright,
    .footer__copyright,
    .footer__logo {
        margin-bottom: 20px
    }
}

@media (min-width:1140px) {
    .footer__bottom {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .footer p.footer__copyright,
    .footer__copyright {
        margin-right: auto
    }
}

.footer__swan {
    font-weight: 500
}

.apartment-specs__title,
.floor-plans__large-title,
.floor-plans__title,
.request-brochure__title {
    font-weight: 400;
    text-transform: capitalize
}

.footer__social {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -5px
}

@media (min-width:500px) {
    .footer__social {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.footer a.footer__social-link,
.footer__social-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #FAB600;
    width: 47px;
    height: 47px;
    border-bottom-left-radius: 15px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    margin: 0 5px
}

.footer a.footer__social-link:focus,
.footer a.footer__social-link:hover,
.footer__social-link:focus,
.footer__social-link:hover {
    /*background-color: var(--main-color);*/
    background-color: #fff;
    outline: 0
}

.footer__social-icon {
    display: block;
    color: var(--main-color);
    -webkit-transition: color .3s;
    transition: color .3s
}

.footer__social-link:focus .footer__social-icon,
.footer__social-link:hover .footer__social-icon {
    color: #FAB600
}

.footer__quicklink-fixflo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    /*margin-top: 10px*/
}

@media (max-width:499px) {
    .footer__quicklink-fixflo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__quicklink-fixflo img {
    display: block;
    margin-left: 5px;
    height: 20px;
    width: auto;
    margin-bottom: 7px;
}

.footer__quicklink-zoopla {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    /*margin-top: 10px*/
}

@media (max-width:499px) {
    .footer__quicklink-zoopla {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer__quicklink-zoopla img {
    display: block;
    margin-left: 5px;
    width: 30px;
    height: auto;
    margin-bottom: 4px;
}

.request-brochure {
    padding: 0 20px;
    margin: 20px 0 217px;
    position: relative;
    color: #fff
}

@media (min-width:600px) {
    .request-brochure {
        padding: 0 82px
    }
}

@media (min-width:768px) {
    .request-brochure {
        margin: -100px 0 217px
    }
}

.request-brochure--thanks {
    margin-top: 140px
}

.request-brochure__container {
    background: #FAB600;
    text-align: center;
    max-width: 1024px;
    margin: 0 auto;
    border: 6px solid #fff;
    padding: 20px;
    border-radius: 0 0 0 55px
}

.request-brochure__title-container {
    margin: 0 0 20px
}

@media (min-width:768px) {
    .request-brochure__container {
        padding: 30px
    }

    .request-brochure__title-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.request-brochure__logo {
    display: block;
    margin: 0 auto 10px
}

@media (min-width:768px) {
    .request-brochure__logo {
        margin: 0 30px 0 0
    }
}

.request-brochure__title {
    font-size: 2em;
    color: var(--main-color);
    margin: 0
}

.request-brochure--thanks .request-brochure__title {
    text-align: center;
    margin-bottom: 20px
}

.request-brochure__form,
.request-brochure__text {
    margin: 20px 0
}

@media (min-width:992px) {
    .request-brochure__form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -10px 20px
    }
}

.request-brochure__form-group {
    width: 100%;
    margin: 0 0 20px
}

@media (min-width:992px) {
    .request-brochure__form-group {
        margin: 0 10px
    }
}

.request-brochure__field,
.request-brochure__submit {
    margin: 0;
    font-family: Montserrat, sans-serif;
    display: block
}

.request-brochure__field {
    width: 100%;
    background: 0 0;
    padding: 10px 15px;
    border: 3px solid #fff;
    border-radius: 0 0 0 15px;
    color: #fff
}

.request-brochure__field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.request-brochure__field::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.request-brochure__field::placeholder {
    color: rgba(255, 255, 255, .5)
}

.request-brochure__submit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: var(--main-color);
    border: 0;
    border-radius: 0 0 0 15px;
    padding: 13px 15px;
    color: #FAB600;
    /*text-transform: capitalize;*/
    position: relative;
    overflow: hidden;
    text-decoration: none
}

@media (min-width:992px) {
    .request-brochure__submit {
        margin: 0 10px
    }
}

.request-brochure__submit:before {
    content: '';
    display: block;
    width: 0;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: width .3s;
    transition: width .3s
}

.request-brochure__submit[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.request-brochure__submit:not([disabled]):focus:before,
.request-brochure__submit:not([disabled]):hover:before {
    width: 100%
}

.request-brochure__checkbox {
    position: absolute;
    opacity: 0
}

.request-brochure__checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0;
    line-height: 1.4em;
    text-align: left
}

.request-brochure__checkbox-label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 3px solid #fff;
    margin: 0 10px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.request-brochure__checkbox:checked+.request-brochure__checkbox-label:before {
    background: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/4dec92eff74d2d9b83221492221c56f4.svg) center/12px 10px no-repeat
}

.request-brochure__checkbox-label-link {
    color: #fff
}

.request-brochure__hide {
    display: none
}

.request-brochure__error {
    text-align: left;
    margin: 10px 0 0;
    color: #6b0000
}

.request-brochure__success {
    font-size: 1.625em;
    margin: 20px 0
}

.request-brochure__img {
    display: block;
    margin: 20px auto -203px;
    max-width: 100%;
    height: auto
}

@media (min-width:768px) {
    .request-brochure__download-container {
        width: 25%;
        margin: 0 auto
    }
}

.apartment-specs {
    --grad-top: 310px;
    padding: 0 20px 50px;
    color: #fff;
    margin: 50px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(white), color-stop(#FAB600), to(#FAB600));
    background: linear-gradient(to bottom, #fff, #fff var(--grad-top), #FAB600 var(--grad-top), #FAB600)
}

@media (min-width:600px) {
    .apartment-specs {
        padding: 0 82px 50px
    }
}

.apartment-specs__container {
    text-align: center;
    max-width: 1024px;
    margin: 0 auto
}

.apartment-specs__logo {
    display: block;
    margin: 0 auto 20px
}

.apartment-specs__title {
    font-size: 2em;
    color: var(--main-color);
    margin: 0 0 50px
}

.apartment-specs__large-carousel {
    margin: 50px 0;
    border-radius: 0 0 0 56px;
    overflow: hidden
}

.apartment-specs__large-carousel .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%
}

.apartment-specs__large-carousel .slick-dots li {
    display: block;
    margin: 0 5px
}

.apartment-specs__large-carousel .slick-dots li button {
    display: block;
    padding: 0;
    margin: 0;
    border: 2px solid #fff;
    border-radius: 50%;
    background: 0 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 20px;
    height: 20px
}

.apartment-specs__large-carousel .slick-dots li button:focus,
.apartment-specs__large-carousel .slick-dots li button:hover {
    background: rgba(255, 255, 255, .5)
}

.apartment-specs__large-carousel .slick-dots li.slick-active button {
    background: #fff
}

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

.apartment-specs__thumb-carousel {
    margin: 50px -13px
}

@media (max-width:767px) {
    .apartment-specs__thumb-carousel {
        display: none
    }
}

.apartment-specs__thumb {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 0 0 0 24px;
    margin: 0 13px
}

.apartment-specs__text-carousel {
    margin: 50px 0
}

.apartment-specs__text {
    line-height: 1.4em
}

.apartment-specs__hr {
    border: 0;
    height: 1px;
    background: #fff;
    margin: 50px 0
}

.apartment-specs__btn {
    display: inline-block;
    border-bottom-left-radius: 15px;
    padding: 14px 30px;
    color: #FAB600;
    background-color: var(--main-color);
    /*text-transform: capitalize;*/
    position: relative;
    overflow: hidden;
    text-decoration: none;
    font-size: 1rem
}

.apartment-specs__btn:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #fff;
    content: '';
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.apartment-specs__btn:focus,
.apartment-specs__btn:hover {
    outline: 0;
    color: #FAB600
}

.apartment-specs__btn:focus:before,
.apartment-specs__btn:hover:before {
    right: 0
}

.apartment-specs .slick-arrow {
    position: absolute;
    top: calc(50% - 25px);
    z-index: 1;
    display: block;
    padding: 0;
    margin: 0;
    border: 0 solid;
    background: 0 0;
    cursor: pointer;
    width: 0;
    height: 0;
    color: transparent;
    font-size: 0;
    line-height: 0
}

.apartment-specs .slick-arrow.slick-prev {
    left: 20px;
    border-width: 25px 20px 25px 0;
    border-color: transparent #FAB600 transparent transparent
}

.apartment-specs .slick-arrow.slick-next {
    right: 20px;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #FAB600
}

.floor-plans {
    padding: 0 20px;
    margin: 50px 0
}

@media (min-width:600px) {
    .floor-plans {
        padding: 0 82px
    }
}

.floor-plans__container {
    text-align: center;
    max-width: 1024px;
    margin: 0 auto
}

.floor-plans__logo {
    display: block;
    margin: 0 auto 20px
}

.floor-plans__title {
    font-size: 2em;
    color: var(--main-color);
    margin: 0 0 50px
}

.floor-plans__large-carousel {
    border: 4px solid var(--main-color);
    border-radius: 0 0 0 56px;
    margin: 0 0 100px
}

.floor-plans__large-carousel .slick-dots {
    list-style: none;
    padding: 0;
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: -54px;
    left: 0;
    width: 100%
}

.book-valuation__form-submit:before,
.book-viewing__submit:before,
.footer__location-btn:before,
.free-valuation__form-submit:before,
.latest-projects__btn:before,
.projects__btn:before {
    bottom: 0;
    content: ''
}

.floor-plans__large-carousel .slick-dots li {
    display: block;
    margin: 0 5px
}

.floor-plans__large-carousel .slick-dots li button {
    display: block;
    padding: 0;
    margin: 0;
    border: 2px solid var(--main-color);
    border-radius: 50%;
    background: 0 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 20px;
    height: 20px
}

.floor-plans__large-carousel .slick-dots li button:focus,
.floor-plans__large-carousel .slick-dots li button:hover {
    background: rgba(96, 35, 118, .5)
}

.floor-plans__large-carousel .slick-dots li.slick-active button {
    background: var(--main-color)
}

.floor-plans__large-carousel-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 56px
}

.floor-plans__large-carousel-inside {
    display: block;
    text-decoration: none;
    position: relative
}

.floor-plans__large-carousel-inside:before {
    content: '';
    position: absolute;
    top: -30px;
    right: -30px;
    display: block;
    width: 50px;
    height: 50px;
    background: url(../images/icon-zoom.svg) top right/50px 50px no-repeat
}

.floor-plans__large-carousel-inside--faded {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.floor-plans__large-carousel-inside--faded:before {
    display: none
}

.floor-plans__large-title {
    font-size: 2em;
    color: #FAB600;
    margin: 0 0 30px
}

.floor-plans__large-img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

.floor-plans__thumb-carousel {
    margin: 50px -20px
}

@media (max-width:767px) {
    .floor-plans__thumb-carousel {
        display: none
    }
}

.floor-plans__thumb {
    margin: 0 20px
}

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

.floor-plans__thumb-img--faded {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5
}

.floor-plans__text-carousel {
    margin: 50px 0
}

.floor-plans__text {
    line-height: 1.4em
}

.floor-plans .slick-arrow {
    position: absolute;
    top: calc(50% - 25px);
    z-index: 1;
    display: block;
    padding: 0;
    margin: 0;
    border: 0 solid;
    background: 0 0;
    cursor: pointer;
    width: 0;
    height: 0;
    color: transparent;
    font-size: 0;
    line-height: 0
}

.baryta-map__title,
.book-viewing__title {
    font-weight: 400;
    font-size: 2em;
    text-transform: capitalize
}

.floor-plans .slick-arrow.slick-prev {
    left: 20px;
    border-width: 25px 20px 25px 0;
    border-color: transparent #FAB600 transparent transparent
}

.floor-plans .slick-arrow.slick-next {
    right: 20px;
    border-width: 25px 0 25px 20px;
    border-color: transparent transparent transparent #FAB600
}

.baryta-map {
    margin: 50px 0 0
}

.baryta-map__title {
    background: var(--main-color);
    color: #FAB600;
    margin: 0;
    padding: 20px;
    text-align: center
}

.baryta-map__map-container {
    width: 100%;
    height: 100vw;
    position: relative
}

@media (min-width:768px) {
    .baryta-map__map-container {
        height: 800px
    }
}

.baryta-map__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.book-viewing {
    padding: 0 20px;
    margin: 20px 0 50px;
    position: relative;
    color: #fff
}

@media (min-width:600px) {
    .book-viewing {
        padding: 0 82px
    }
}

@media (min-width:768px) {
    .book-viewing {
        margin: -100px 0 50px
    }
}

.book-viewing__container {
    background: var(--main-color);
    text-align: center;
    max-width: 1024px;
    margin: 0 auto;
    border: 6px solid #fff;
    padding: 20px;
    border-radius: 0 0 0 55px
}

.book-viewing__title-container {
    margin: 0 0 20px
}

@media (min-width:768px) {
    .book-viewing__container {
        padding: 30px
    }

    .book-viewing__title-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.book-viewing__logo {
    display: block;
    margin: 0 auto 10px
}

@media (min-width:768px) {
    .book-viewing__logo {
        margin: 0 30px 0 0
    }
}

.book-viewing__title {
    color: #FAB600;
    margin: 0
}

.book-viewing__form,
.book-viewing__text {
    margin: 20px 0
}

@media (min-width:992px) {
    .book-viewing__form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -10px 20px
    }
}

.book-viewing__form-group {
    width: 100%;
    margin: 0 0 20px
}

@media (min-width:992px) {
    .book-viewing__form-group {
        margin: 0 10px
    }
}

.book-viewing__field,
.book-viewing__submit {
    margin: 0;
    display: block;
    font-family: Montserrat, sans-serif
}

.book-viewing__field {
    width: 100%;
    background: 0 0;
    padding: 10px 15px;
    border: 3px solid #fff;
    border-radius: 0 0 0 15px;
    color: #fff
}

.book-viewing__field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.book-viewing__field::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.book-viewing__field::placeholder {
    color: rgba(255, 255, 255, .5)
}

.book-viewing__submit {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #FAB600;
    border: 0;
    border-radius: 0 0 0 15px;
    padding: 13px 15px;
    color: var(--main-color);
    /*text-transform: capitalize;*/
    position: relative;
    overflow: hidden
}

@media (min-width:992px) {
    .book-viewing__submit {
        margin: 0 10px
    }
}

.book-viewing__submit:before {
    display: block;
    width: 0;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    -webkit-transition: width .3s;
    transition: width .3s
}

.book-viewing__submit[disabled] {
    opacity: .5;
    cursor: not-allowed
}

.book-viewing__submit:not([disabled]):focus:before,
.book-viewing__submit:not([disabled]):hover:before {
    width: 100%
}

.book-viewing__checkbox {
    position: absolute;
    opacity: 0
}

.book-viewing__checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0;
    line-height: 1.4em;
    text-align: left
}

.book-viewing__checkbox-label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 3px solid #fff;
    margin: 0 10px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.book-viewing__checkbox:checked+.book-viewing__checkbox-label:before {
    background: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/4dec92eff74d2d9b83221492221c56f4.svg) center/12px 10px no-repeat
}

.book-viewing__checkbox-label-link {
    color: #fff
}

.book-viewing__hide {
    display: none
}

.book-viewing__error {
    text-align: left;
    margin: 10px 0 0;
    color: #ffc7c7
}

.book-viewing__success {
    font-size: 1.625em;
    margin: 20px 0
}

.projects {
    margin: 50px 0;
    padding: 0 20px
}

@media (min-width:600px) {
    .projects {
        padding: 0 67px
    }
}

.projects__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.projects__single-project:not(:last-child) {
    padding-bottom: 50px;
    border-bottom: 2px solid #FAB600;
    margin-bottom: 50px
}

.projects__main {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .projects__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.projects__text-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:767px) {
    .projects__text-container {
        margin-bottom: 20px
    }
}

.projects__title {
    color: var(--main-color);
    font-weight: 500;
    font-size: 2em;
    margin: 0 0 10px
}

.projects__subtitle {
    color: #FAB600;
    font-size: 1.25em;
    margin: 0 0 20px;
    font-weight: 400
}

.projects__text {
    color: #4d4d4d;
    line-height: 1.4em;
    margin: 0 0 20px
}

.projects__text>:first-child {
    margin-top: 0
}

.projects__text>:last-child {
    margin-bottom: 0
}

.projects__btn {
    display: block;
    background-color: var(--main-color);
    color: #FAB600;
    /*text-transform: capitalize;*/
    text-align: center;
    padding: 14px 15px 15px;
    border-bottom-left-radius: 15px;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    margin: auto 0 0
}

.projects__btn:before {
    display: block;
    position: absolute;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #FAB600;
    -webkit-transition: right .3s;
    transition: right .3s
}

.projects__btn:focus:before,
.projects__btn:hover:before {
    right: 0
}

.projects__btn--inverted {
    background-color: #FAB600;
    color: var(--main-color);
    margin: 0
}

.projects__btn--inverted:before {
    background-color: var(--main-color)
}

@media (min-width:768px) {
    .projects__img-container {
        width: 49%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-left: 20px
    }
}

.projects__img-main-container {
    margin-bottom: 20px;
    position: relative
}

.projects__img-main-container--has-label:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 120px solid #FAB600;
    border-left: 120px solid transparent
}

.projects__img-main {
    display: block;
    max-width: 100%;
    height: auto;
    border-bottom-left-radius: 56px
}

.projects__img-main-label {
    position: absolute;
    top: 40px;
    right: 40px;
    /*text-transform: capitalize;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--main-color);
    font-size: 1.1875em;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    width: 0;
    height: 0;
    margin: 0;
    white-space: nowrap
}

.projects__img-main-label--fz15 {
    font-size: .9375em
}

.projects__thumbs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.projects__thumb {
    display: block;
    max-width: 100%;
    height: auto;
    width: calc((100% / 3) - (40px / 3));
    border-bottom-left-radius: 24px;
    cursor: pointer
}

.latest-projects__carousel,
.latest-projects__carousel .slick-list,
.latest-projects__carousel .slick-track {
    height: 100%
}

.projects__stat-container {
    margin: 0;
    text-align: center;
    border: 5px solid var(--main-color);
    color: #FAB600;
    padding: 20px 0;
    border-bottom-right-radius: 40px
}

@media (min-width:768px) {
    .projects__stats-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .projects__stat-container {
        width: calc((100% / 3) - (40px / 3))
    }
}

@media (max-width:767px) {
    .projects__stat-container:not(:last-child) {
        margin-bottom: 20px
    }
}

.projects__stat-num {
    display: block;
    font-size: 6em
}

.projects__stat-text {
    display: block;
    color: #4d4d4d;
    font-size: 1.25em
}

.projects__testimonial {
    padding: 60px 20px;
    background: url(../images/quote-left.svg) top 20px left 20px/42px 30px no-repeat, url(../images/quote-right.svg) bottom 20px right 20px/42px 30px no-repeat;
    border: 5px solid var(--main-color);
    border-bottom-right-radius: 40px
}

@media (min-width:768px) {
    .projects__testimonial {
        padding: 30px 80px
    }
}

.projects__testimonial-quote {
    font-weight: 500;
    font-size: 1.25em;
    line-height: 1.4em;
    color: #FAB600;
    margin: 0 0 10px
}

.projects__testimonial-quote>:first-child {
    margin-top: 0
}

.projects__testimonial-quote>:last-child {
    margin-bottom: 0
}

.projects__testimonial-name {
    font-size: 1.25em;
    line-height: 1.4em;
    color: #4d4d4d;
    margin: 0
}

.latest-projects {
    margin: 50px 0;
    padding: 0 20px
}

@media (min-width:600px) {
    .latest-projects {
        padding: 0 67px
    }
}

.latest-projects--home {
    margin: 0;
    padding: 50px 20px;
    background: #f8f9f9
}

@media (min-width:600px) {
    .latest-projects--home {
        padding: 50px 67px
    }
}

.latest-projects__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.latest-projects__title {
    color: var(--main-color);
    font-size: 2em;
    font-weight: 400;
    /*text-transform: capitalize;*/
    text-align: center
}

.latest-projects--home .latest-projects__title {
    margin-top: 0
}

.latest-projects__top-text {
    text-align: center;
    color: #4d4d4d;
    line-height: 1.4em;
    margin: 20px 0
}

@media (min-width:768px) {
    .latest-projects__carousel {
        margin: -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.latest-projects__carousel .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.latest-projects__carousel>.slick-dots {
    list-style: none;
    padding: 0;
    margin: 20px 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.latest-projects__carousel>.slick-dots li {
    display: block;
    padding: 10px
}

.latest-projects__carousel>.slick-dots li button {
    display: block;
    padding: 0;
    margin: 0;
    border: 2px solid var(--main-color);
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.latest-projects__carousel>.slick-dots li button:focus,
.latest-projects__carousel>.slick-dots li button:hover {
    outline: 0;
    background-color: #FAB600
}

.latest-projects__carousel>.slick-dots li.slick-active button {
    background-color: var(--main-color)
}

.latest-projects__single-project {
    height: auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

@media (min-width:768px) {
    .latest-projects__single-project {
        width: calc((100% / 3) - 20px);
        margin: 10px
    }
}

.latest-projects__img-container {
    position: relative;
    margin-bottom: 20px;
    height: 0;
    padding-bottom: 100%;
    background: #F8F8F8;
    border-bottom-left-radius: 56px
}

.latest-projects__img-container--has-label:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 120px solid #FAB600;
    border-left: 120px solid transparent;
    z-index: 1
}

.latest-projects__img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-bottom-left-radius: 56px;
    -o-object-fit: cover;
    object-fit: cover
}

.latest-projects__img-label {
    position: absolute;
    top: 40px;
    right: 40px;
    /*text-transform: capitalize;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--main-color);
    font-size: 1em;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
    width: 0;
    height: 0;
    margin: 0;
    white-space: nowrap;
    z-index: 1
}

.latest-projects__name {
    color: var(--main-color);
    font-weight: 500;
    font-size: 1.625em;
    margin: 0 0 10px
}

.latest-projects__subtitle {
    color: #FAB600;
    font-size: 1.25em;
    margin: 0 0 20px;
    font-weight: 400;
    text-transform: capitalize
}

.latest-projects__text {
    color: #4d4d4d;
    line-height: 1.4em;
    margin: 0 0 20px
}

.latest-projects__text>:first-child {
    margin-top: 0
}

.latest-projects__text>:last-child {
    margin-bottom: 0
}

.latest-projects__btn {
    display: block;
    background-color: var(--main-color);
    color: #FAB600;
    /*text-transform: capitalize;*/
    text-align: center;
    padding: 14px 15px 15px;
    border-bottom-left-radius: 15px;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    margin: auto 0 10px
}

.latest-projects__btn:before {
    display: block;
    position: absolute;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #FAB600;
    -webkit-transition: right .3s;
    transition: right .3s
}

.latest-projects__btn:focus:before,
.latest-projects__btn:hover:before,
.latest-projects__single-project:focus .latest-projects__btn:before,
.latest-projects__single-project:hover .latest-projects__btn:before {
    right: 0
}

.latest-projects__btn--inverted {
    background-color: #FAB600;
    color: var(--main-color);
    margin: 0
}

.latest-projects__btn--inverted:before {
    background-color: var(--main-color)
}

.latest-projects__table {
    font-size: 1em;
    margin: 20px 0;
    color: var(--main-color)
}

@media (max-width:399px) {
    .latest-projects__table-row:not(:last-child) {
        border-bottom: 1px solid var(--main-color)
    }
}

.latest-projects__table-term {
    margin: 0 20px 0 0;
    padding: 5px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:400px) {
    .latest-projects__table-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .latest-projects__table-term {
        width: 100px;
        border-right: 1px solid var(--main-color)
    }
}

.latest-projects__table-description {
    font-weight: 500;
    margin: 0;
    padding: 5px 0
}

.first-time-buyer__title,
.rightmove__info h2,
.rightmove__title {
    font-weight: 400;
    text-transform: capitalize
}

.first-time-buyer {
    background: var(--main-color);
    text-align: center;
    padding: 50px 20px;
    color: #fff
}

@media (min-width:600px) {
    .first-time-buyer {
        padding: 50px 67px
    }
}

.first-time-buyer a {
    color: #FAB600;
    -webkit-transition: color .3s;
    transition: color .3s
}

.first-time-buyer a:focus,
.first-time-buyer a:hover {
    color: #fff
}

.first-time-buyer__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.first-time-buyer__title {
    font-size: 2em;
    margin-top: 0
}

.first-time-buyer__text {
    font-size: .875em;
    line-height: 1.4em
}

.first-time-buyer a.first-time-buyer__btn,
.first-time-buyer__btn {
    color: var(--main-color)
}

.rightmove {
    margin: 106px 0 50px;
    padding: 0 20px
}

@media (min-width:600px) {
    .rightmove {
        padding: 0 67px
    }
}

@media (min-width:992px) {
    .rightmove {
        margin-top: 140px
    }
}

.rightmove__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.rightmove__title-and-address {
    margin-bottom: 10px;
    text-align: center
}

@media (min-width:900px) {
    .rightmove__title-and-address {
        float: left;
        text-align: left
    }
}

.rightmove__title {
    margin: 0 0 10px
}

.rightmove__address {
    color: #FAB600;
    margin: 0
}

.rightmove__price {
    color: var(--main-color);
    margin: 0 0 20px;
    padding: 10px;
    text-align: center
}

.rightmove__price-large {
    font-size: 1.5em
}

.rightmove__main-image-carousel {
    clear: both;
    height: calc((573 / 900) * 100vw)
}

@media (max-width:899px) {
    .rightmove__main-image-carousel {
        margin-bottom: 20px
    }
}

@media (min-width:900px) {
    .rightmove__price {
        text-align: right;
        float: right
    }

    .rightmove__main-image-carousel {
        width: calc(50% - 20px);
        margin: 0 10px;
        height: 374px
    }
}

.rightmove__main-image-carousel .slick-list,
.rightmove__main-image-carousel .slick-track {
    height: 100%
}

.rightmove__main-image-carousel .slick-arrow {
    position: absolute;
    top: calc(50% - 22.5px);
    z-index: 1;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    background: 0 0;
    width: 50px;
    height: 45px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    cursor: pointer
}

.rightmove__main-image-carousel .slick-arrow.slick-prev {
    left: 0;
    background: url(../images/prev.png) center/50px 45px
}

.rightmove__main-image-carousel .slick-arrow.slick-next {
    right: 0;
    background: url(../images/next.png) center/50px 45px
}

.rightmove__main-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.rightmove__thumbs-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -5px
}

@media (min-width:900px) {
    .rightmove__thumbs-group {
        width: calc(50% - 10px)
    }
}

.rightmove__thumbs-carousel {
    margin: 10px -10px 0
}

.rightmove__thumbs-carousel>.slick-dots {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.rightmove__thumbs-carousel>.slick-dots li {
    display: block;
    padding: 0 10px
}

.rightmove__thumbs-carousel>.slick-dots li button {
    display: block;
    padding: 0;
    margin: 0;
    border: 2px solid var(--main-color);
    font-size: 0;
    line-height: 0;
    color: transparent;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-radius: 100%;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.rightmove__thumbs-carousel>.slick-dots li button:focus,
.rightmove__thumbs-carousel>.slick-dots li button:hover {
    outline: 0;
    background-color: #FAB600
}

.rightmove__thumbs-carousel>.slick-dots li.slick-active button {
    background-color: var(--main-color)
}

.rightmove__thumb-image-container {
    width: calc(25% - 10px);
    height: 0;
    padding-bottom: calc(25% - 10px);
    margin: 5px;
    position: relative;
    cursor: pointer
}

.rightmove__thumb-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0
}

.rightmove__title {
    color: var(--main-color);
    font-size: 2em
}

.text-copy--grey .rightmove__title,
.text-copy--yellow .rightmove__title {
    margin-top: 0
}

.rightmove__title--yellow {
    color: #FAB600
}

.rightmove__info {
    color: #575756;
    font-size: .875em;
    line-height: 1.4em;
    margin: 50px 0
}

.rightmove__info h2 {
    font-size: 2em;
    color: var(--main-color)
}

@media (max-width:899px) {
    .rightmove__info {
        text-align: center
    }

    .rightmove__single-column {
        margin: 50px 0
    }
}

.rightmove__info-table {
    text-align: left
}

.rightmove__info-table td {
    padding: 0 20px 10px 0
}

.rightmove__image-columns {
    clear: both
}

@media (min-width:900px) {
    .rightmove__columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .rightmove__single-column {
        width: 50%
    }

    .rightmove__image-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -10px
    }
}

.rightmove__epc-image {
    display: block;
    width: 100%;
    height: auto
}

.rightmove__epc-link {
    color: var(--main-color);
    -webkit-transition: color .3s;
    transition: color .3s
}

.rightmove__epc-link:focus,
.rightmove__epc-link:hover {
    color: #FAB600
}

.why-choose {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px;
    padding-bottom: 50px
}

@media (max-width:799px) {
    .why-choose {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:800px) {
    .why-choose {
        margin: 0 -10px
    }
}

.why-choose__title {
    margin-top: 50px
}

.why-choose__item {
    margin: 10px
}

@media (max-width:499px) {
    .why-choose__item {
        width: calc(50% - 20px)
    }
}

@media (min-width:500px) and (max-width:799px) {
    .why-choose__item {
        width: calc((100% / 3) - 20px)
    }
}

@media (min-width:800px) {
    .why-choose__item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px
    }
}

.why-choose__img {
    display: block;
    margin: 0 auto
}

.why-choose__text {
    text-align: center;
    font-size: .75em;
    margin: 20px 0 0
}

.areas-we-cover__list {
    list-style: none;
    padding: 0;
    margin: 30px -10px;
    font-size: 1.25em;
    color: var(--main-color);
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    column-gap: 50px
}

.areas-we-cover__list-item {
    margin: 10px
}

.areas-we-cover__list-link {
    text-decoration: none
}

.areas-we-cover__map-container {
    width: 100%;
    height: 444px;
    background-color: #ccc;
    position: relative
}

.areas-we-cover__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.free-valuation {
    margin-top: 50px
}

.free-valuation__inside,
.free-valuation__title {
    margin-top: 0;
    color: #fff
}

.free-valuation__above-tabs {
    margin-bottom: 30px
}

.free-valuation__inside {
    background: var(--main-color);
    padding: 50px 20px;
    border-top: 5px solid #FAB600
}

.free-valuation__text-container {
    display: none
}

.free-valuation__text-container--commercial {
    display: block
}

.free-valuation__text {
    color: #fff;
    margin-bottom: 30px;
    font-size: 1.25em
}

.free-valuation__form {
    position: relative;
    margin-bottom: -20px
}

@media (min-width:700px) {
    .areas-we-cover__list {
        -webkit-column-count: 3;
        column-count: 3
    }

    .free-valuation__inside {
        padding: 50px 67px
    }

    .free-valuation__form-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px
    }

    .free-valuation__form-single-column {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin: 0 10px
    }

    .free-valuation__form-required {
        bottom: 0
    }
}

.free-valuation__form-group {
    width: 100%;
    margin-bottom: 20px
}

.free-valuation__form-field {
    width: 100%;
    display: block;
    font-weight: 300;
    color: #fff;
    border: 3px solid #fff;
    border-bottom-left-radius: 15px;
    padding: 11px 15px 12px;
    background-color: transparent
}

.free-valuation__form-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.free-valuation__form-field::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.free-valuation__form-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.free-valuation__form-field:-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.free-valuation__form-field:focus {
    outline: 0
}

.free-valuation__form-field--textarea {
    min-height: 271px
}

.free-valuation__form-field--dropdown {
    -webkit-appearance: none;
    border-radius: 0 0 0 15px;
    color: rgba(255, 255, 255, .5)
}

.free-valuation__form-field--dropdown-selected {
    color: #fff
}

.contact__form-group--has-error .free-valuation__form-field {
    border-color: #F44336
}

.free-valuation__label {
    text-align: left;
    margin-bottom: 5px;
    width: 100%;
    display: block
}

.free-valuation__form-submit {
    font-family: Montserrat, sans-serif;
    display: block;
    padding: 0 15px;
    /*text-transform: capitalize;*/
    color: var(--main-color);
    font-weight: 500;
    border: 0;
    background-color: #FAB600;
    border-bottom-left-radius: 15px;
    width: 100%;
    margin: 0 0 20px;
    min-height: 47px;
    cursor: pointer;
    position: relative;
    overflow: hidden
}

.free-valuation__form-submit:before {
    position: absolute;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #fff;
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.free-valuation__form-submit:focus,
.free-valuation__form-submit:hover {
    outline: 0
}

.free-valuation__form-submit:focus:before,
.free-valuation__form-submit:hover:before {
    right: 0
}

.free-valuation__form-required {
    position: absolute;
    right: 0;
    font-weight: 300;
    color: #fff;
    font-size: .5625em;
    margin: 10px 0 0
}

.free-valuation__form-hide {
    display: none
}

.free-valuation__form-error {
    margin: 5px 0 0;
    padding-left: 21px;
    color: #F44336;
    font-size: .75em
}

.free-valuation__form-success {
    color: #4CAF50;
    font-size: 1.25em;
    text-align: center
}

.free-valuation__top-checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px
}

.free-valuation__checkbox {
    position: absolute;
    opacity: 0
}

.free-valuation__checkbox-label {
    display: -webkit-box;
    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;
    font-size: .875em;
    color: #FAB600;
    line-height: 1.4em;
    text-align: left;
    margin-bottom: 10px;
    min-height: 38px
}

@media (max-width:699px) {
    .free-valuation__form-required {
        top: 100%
    }

    .free-valuation__checkbox-label {
        margin-bottom: 20px
    }
}

.free-valuation__checkbox-label:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    margin: 0 0 0 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.free-valuation__checkbox:checked+.free-valuation__checkbox-label:after {
    background: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/4dec92eff74d2d9b83221492221c56f4.svg) center/12px 10px no-repeat
}

.free-valuation__top-checkboxes .free-valuation__checkbox-label {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 10px 10px
}

.free-valuation a.free-valuation__checkbox-label-link,
.free-valuation__checkbox-label-link {
    color: #FAB600 !important
}

.free-valuation a.free-valuation__checkbox-label-link:focus,
.free-valuation a.free-valuation__checkbox-label-link:hover,
.free-valuation__checkbox-label-link:focus,
.free-valuation__checkbox-label-link:hover {
    color: #fff !important
}

.free-valuation__tabs {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width:700px) {
    .free-valuation__tabs {
        margin: 0 -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.free-valuation__single-tab {
    display: block;
    text-align: center;
    width: 100%
}

.free-valuation__single-tab-link {
    display: block;
    color: #FAB600;
    font-size: 1em;
    /*text-transform: capitalize;*/
    text-decoration: none;
    background-color: var(--main-color);
    padding: 12px 0;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.free-valuation__single-tab--active .free-valuation__single-tab-link,
.free-valuation__single-tab-link:focus,
.free-valuation__single-tab-link:hover {
    color: var(--main-color);
    background-color: #FAB600
}

@media (min-width:700px) {
    .free-valuation__single-tab {
        width: 25%;
        margin: 0 5px
    }

    .team .free-valuation__single-tab {
        width: 33.33333%
    }

    .free-valuation__single-tab-link {
        border-top-left-radius: 15px
    }

    .book-valuation__form-required {
        bottom: 0
    }
}

@media (min-width:800px) {
    .free-valuation__single-tab-link {
        font-size: 1.25em
    }
}

@media (min-width:900px) {
    .free-valuation__single-tab-link {
        font-size: 1.4375em
    }
}

.free-valuation__single-tab:first-child .free-valuation__single-tab-link {
    border-top-left-radius: 15px
}

.notice {
    padding: 15px 10px;
    background: var(--main-color);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000
}

.notice-hide .notice {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.notice__inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notice__text {
    margin: 0 10px 0 0;
    color: #fff;
    font-size: .75em
}

@media (min-width:600px) {
    .notice {
        padding: 4px 67px
    }

    .notice__text {
        font-size: 1em;
        margin: 0 20px 0 0
    }

    .notice a.notice__btn--mobile,
    .notice__btn--mobile {
        display: none
    }
}

.notice a.notice__btn,
.notice__btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width:599px) {

    .notice a.notice__btn--desktop,
    .notice__btn--desktop,
    .notice__text {
        display: none
    }

    .notice__close-icon {
        width: 18px;
        height: 18px
    }
}

.notice a.notice__btn--mobile,
.notice__btn--mobile {
    background: 0 0;
    color: #FAB600;
    padding: 0;
    border-radius: 0
}

.book-valuation,
.book-valuation a.book-valuation__checkbox-label-link,
.book-valuation__text {
    color: var(--main-color)
}

.notice a.notice__btn--mobile:before,
.notice__btn--mobile:before {
    display: none
}

.notice a.notice__btn:before,
.notice__btn:before {
    background-color: #fff
}

.notice__close {
    display: block;
    padding: 0;
    border: 0;
    background: 0 0;
    cursor: pointer;
    position: absolute;
    top: calc(50% - 9px);
    right: 20px;
    margin: 0
}

@media (min-width:600px) {
    .notice__close {
        top: calc(50% - 13.5px)
    }
}

.notice__close-icon {
    display: block
}

.book-valuation {
    background: #FAB600;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 50px
}

.book-valuation__anchor {
    position: relative;
    top: -110px
}

.book-valuation__title {
    margin: 0;
    text-transform: none
}

.book-valuation__columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:599px) {
    .book-valuation__columns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.book-valuation__form {
    position: relative;
    margin-bottom: 20px;
    width: 100%
}

.book-valuation__form-fields {
    width: 100%
}

@media (min-width:600px) {
    .book-valuation__form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .book-valuation__form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -10px
    }

    .book-valuation__top-checkboxes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 -10px
    }
}

.book-valuation__checkbox {
    position: absolute;
    opacity: 0
}

.book-valuation__checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .875em;
    color: var(--main-color);
    line-height: 1.4em;
    text-align: left
}

.book-valuation__checkbox-label:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid var(--main-color);
    margin: 0 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.book-valuation__checkbox:checked+.book-valuation__checkbox-label:before {
    background: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/81180b3e5a232d843602360a00024329.svg) center/12px 10px no-repeat
}

@media (max-width:599px) {
    .book-valuation__top-checkboxes .book-valuation__checkbox-label {
        min-height: 0;
        margin: 0 0 20px
    }

    .book-valuation__form-submit {
        width: 100%
    }
}

@media (min-width:600px) {
    .book-valuation__top-checkboxes .book-valuation__checkbox-label {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 10px 20px
    }
}

.book-valuation a.book-valuation__checkbox-label-link:focus,
.book-valuation a.book-valuation__checkbox-label-link:hover {
    color: #fff
}

.book-valuation__form-group {
    width: 100%;
    margin: 0 0 20px
}

@media (min-width:600px) {
    .book-valuation__form-group {
        margin: 0 10px 20px
    }
}

.book-valuation__form-field {
    width: 100%;
    display: block;
    font-weight: 300;
    color: var(--main-color);
    border: 3px solid var(--main-color);
    border-bottom-left-radius: 15px;
    padding: 11px 15px 12px;
    background-color: transparent
}

.book-valuation__form-field::-webkit-input-placeholder {
    color: rgba(96, 35, 118, .5)
}

.book-valuation__form-field::-moz-placeholder {
    color: rgba(96, 35, 118, .5)
}

.book-valuation__form-field:-ms-input-placeholder {
    color: rgba(96, 35, 118, .5)
}

.book-valuation__form-field:-moz-placeholder {
    color: rgba(96, 35, 118, .5)
}

.book-valuation__form-field:focus {
    outline: 0
}

.book-valuation__form-field--textarea {
    min-height: 181px
}

.contact__form-group--has-error .book-valuation__form-field {
    border-color: #F44336
}

.book-valuation__form-submit {
    font-family: Montserrat, sans-serif;
    display: block;
    padding: 0 15px;
    /*text-transform: capitalize;*/
    color: #FAB600 !important;
    border: 0;
    background-color: var(--main-color);
    border-bottom-left-radius: 15px;
    min-height: 47px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 20px 0 0;
    min-width: 100px;
    line-height: 42px;
}

@media (min-width:600px) {
    .book-valuation__form-submit {
        margin: 44px 0 0 20px
    }
}

.book-valuation__form-submit:before {
    position: absolute;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #fff;
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.book-valuation__form-submit:focus,
.book-valuation__form-submit:hover {
    outline: 0
}

.book-valuation__form-submit:focus:before,
.book-valuation__form-submit:hover:before {
    right: 0
}

.book-valuation__form-required {
    position: absolute;
    right: 0;
    font-weight: 300;
    color: var(--main-color);
    font-size: .5625em;
    margin: 10px 0 0
}

@media (max-width:699px) {
    .book-valuation__form-required {
        top: 100%
    }
}

.book-valuation__form-hide {
    display: none
}

.book-valuation__form-error {
    margin: 5px 0 0;
    padding-left: 21px;
    color: #F44336;
    font-size: .75em
}

.book-valuation__form-success {
    color: #4CAF50;
    font-size: 1.25em;
    text-align: center
}

.book-valuation__icon {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 50px
}

@media (max-width:599px) {
    .book-valuation__icon {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 20px 0;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.book-valuation__bottom-text {
    margin: 0;
    text-align: left;
    font-size: .75em
}

.management-form {
    margin-bottom: 0
}

.management-map {
    border-top: 5px solid #FAB600
}

.management-map__tabs {
    border-bottom: 5px solid #FAB600
}

.management-map__tabs-inside {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto
}

.management-map__tabs-list {
    list-style: none;
    padding: 0;
    margin: 0
}

@media (min-width:700px) {
    .management-map__tabs-list {
        margin: 0 -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.management-map__single-tab {
    display: block;
    text-align: center;
    width: 100%
}

.management-map__tab-link {
    display: block;
    color: #FAB600;
    font-size: 1em;
    /*text-transform: capitalize;*/
    text-decoration: none;
    background-color: var(--main-color);
    padding: 12px 0;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.management-map__single-tab--active .management-map__tab-link,
.management-map__tab-link:focus,
.management-map__tab-link:hover {
    background-color: #FAB600;
    color: var(--main-color)
}

@media (min-width:700px) {
    .management-map__single-tab {
        width: 25%;
        margin: 0 5px
    }

    .services__tabs--3-tabs .management-map__single-tab,
    .team .management-map__single-tab {
        width: 33.33333%
    }

    .management-map__tab-link {
        border-top-left-radius: 15px
    }
}

@media (min-width:800px) {
    .management-map__tab-link {
        font-size: 1.25em
    }
}

@media (min-width:900px) {
    .management-map__tab-link {
        font-size: 1.4375em
    }
}

.management-map__single-tab:first-child .management-map__tab-link {
    border-top-left-radius: 15px
}

.management-map__title {
    font-size: 2em;
    font-weight: 400;
    /*text-transform: capitalize;*/
    color: var(--main-color)
}

@media (min-width:768px) {
    .management-map #map {
        height: 60vh
    }
}

@media (max-width:768px) {
    .management-map #map {
        height: 40vh
    }
}

.management-map__control {
    background: #F8F8F8;
    padding: 20px 0 0;
    color: #4B5455
}

.management-map__inside {
    width: 100%;
    max-width: 728px;
    margin: 0 auto;
    text-align: center
}

@media (min-width:1200px) {
    .management-map__inside {
        max-width: 1024px
    }
}

@media (min-width:992px) {
    .management-map__inside {
        max-width: 952px
    }
}

.management-map__locations {
    -ms-flex-pack: justify;
    justify-content: space-around;
    margin: 0 0 -10px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.footer__location-btn {
    display: inline-block;
    border-bottom-left-radius: 15px;
    color: var(--main-color);
    background-color: #FAB600;
    /*text-transform: capitalize;*/
    position: relative;
    overflow: hidden;
    text-decoration: none;
    font-size: 1rem
}

@media (max-width:767px) {
    .footer__location-btn {
        padding: 10px 20px !important
    }
}

@media (min-width:768px) {
    .footer__location-btn {
        padding: 14px 30px !important
    }
}

.footer__location-btn:before {
    position: absolute;
    left: 0;
    right: 100%;
    height: 4px;
    background-color: #fff !important;
    display: block;
    -webkit-transition: right .3s;
    transition: right .3s
}

.banner--castle-point,
.slick-slide.banner--castle-point {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/6642877ce1a9a4b6f2a398a4232551e9.jpg?v=1);
}

.banner--bonchurch-lofts,
.slick-slide.banner--bonchurch-lofts {
    background-image: url(https://gnb-user-uploads.s3.amazonaws.com/cnb/website/ayers/9626e90ec36d748602cb3f9124ba3265.jpg?v=1);
}