@charset "UTF-8";

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    padding: 0;
    margin: 0 0 20px
}

select,
textarea {
    height: auto;
    box-shadow: none;
    border-radius: 0
}

.button,
select,
textarea {
    border-radius: 0
}

.button-loadmore,
h1,
h2,
h3,
h4,
h5,
h6 {
    display: block;
    width: 100%
}

.button,
.button-loadmore,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    font-style: normal;
    font-weight: 100
}

dl, ol, ul {
    line-height:30px;
}

.regular-slider .slick-next:before,
.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.charnews-list,
.contact-info,
.contact-social,
.directory-listing,
.listings-count,
.listings-items,
.mainblock .agent-social,
.news-list,
.reveal-optbutton,
footer .footer-menu,
header .header-menu {
    list-style-type: none
}

h1 {
    font-size: 44px!important;
    font-size: 2.75rem!important;
    height: auto
}

h2 {
    font-size: 37px!important;
    font-size: 2.3125rem!important;
    height: auto
}

h3 {
    font-size: 27px!important;
    font-size: 1.6875rem!important;
    height: auto
}

h4 {
    font-size: 23px!important;
    font-size: 1.4375rem!important;
    height: auto
}

h5 {
    font-size: 18px!important;
    font-size: 1.125rem!important;
    height: auto
}

h6 {
    font-size: 16px!important;
    font-size: 1rem!important;
    height: auto
}

label {
    font-size: 14px!important;
    font-size: .875rem!important;
    font-family: "Open Sans", sans-serif;
    color: #001534
}

label>span.required {
    color: #F44336
}

[type=color],
[type=date],
[type=datetime-local],
[type=datetime],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week] {
    border-radius: 0;
    height: auto;
    min-height: 40px;
    padding: 5px 15px;
    box-shadow: none
}

textarea {
    min-height: 150px;
    padding: 15px
}

select {
    min-height: 50px;
    padding: 5px 30px 5px 15px
}

.button {
    background-color: #001534;
    /*font-family: Garamond, serif;*/
    font-family: "Open Sans", sans-serif;
}

.button:focus,
.button:hover {
    background-color: #172338
}

.button-loadmore,
.button-loadmore:hover {
    background-color: transparent;
    color: #001534
}

.button.submit-message {
    margin-top: 20px;
    padding-left: 50px;
    padding-right: 50px
}

.button-loadmore {
    max-width: 280px;
    margin: 0 auto;
    padding: 15px 0;
    border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    text-transform: uppercase;
    line-height: normal;
    transition: all .3s ease;
    font-family: "Open Sans", sans-serif;
    font-size: 15px!important;
    font-size: .9375rem!important
}

.regular-slider .slick-next,
.regular-slider .slick-prev {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease
}

.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.button-loadmore:hover {
    transition: all .3s ease;
    border-top-color: #001534;
    border-bottom-color: #001534
}

.button.hollow.secondary {
    border-color: #E0E0E0;
    color: #000
}

.button.hollow.secondary:hover {
    border-color: #757575;
    color: #000
}

.regular-slider .slick-prev {
    left: -40px;
    opacity: .25;
    background-image: url(../img/slide-left-icon.png)
}

.regular-slider .slick-prev:hover {
    opacity: 1;
    transition: all .3s ease
}

.regular-slider .slick-prev:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.regular-slider .slick-next {
    right: -40px;
    opacity: .25;
    background-image: url(../img/slide-right-icon.png)
}

.regular-slider .slick-next:hover {
    opacity: 1;
    transition: all .3s ease
}

.regular-slider .slick-next:before {
    display: none;
    opacity: 0
}

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

.regular-slider .slick-slider.slick-dotted {
    margin-bottom: 70px
}

.regular-slider .slick-dots {
    bottom: -70px
}

.regular-slider .slick-dots>li {
    height: auto;
    margin: 0 2px
}

.regular-slider .slick-dots>li.slick-active>button:before {
    background-color: #001534
}

.regular-slider .slick-dots>li>button {
    background-color: transparent;
    padding: 0;
    width: 16px;
    height: 20px
}

.regular-slider .slick-dots>li>button:hover:before {
    transition: all .3s ease
}

.regular-slider .slick-dots>li>button:before {
    top: 5px;
    left: 3px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    color: #001534;
    border: 1px solid #001534;
    content: "";
    background-color: transparent;
    transition: all .3s ease
}

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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-loading .slick-list {
    background: url(../images/ajax-loader.gif) center center no-repeat #fff
}

@font-face {
    font-family: slick;
    src: url(../fonts/slick.eot);
    src: url(../fonts/slick.eot?#iefix) format("embedded-opentype"), url(../fonts/slick.woff) format("woff"), url(../fonts/slick.ttf) format("truetype"), url(../fonts/slick.svg#slick) format("svg");
    font-weight: 100;
    font-style: normal
}

.slick-next,
.slick-prev {
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border: none;
    outline: 0
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next:before,
[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    bottom: -25px;
    list-style: none;
    text-align: center;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25
}

.reveal-body,
.reveal-header {
    position: relative;
    overflow: hidden
}

.reveal-description,
.reveal-title {
    line-height: normal;
    display: block;
    height: auto;
    width: 100%
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.reveal-optbutton:after,
.reveal-optbutton:before,
header .header-content:after,
header .header-content:before,
header .header-menu:after,
header .header-menu:before {
    opacity: 0;
    content: "";
    clear: both;
    visibility: hidden
}

.reveal {
    border: none;
    border-radius: 0;
    padding: 30px 0 0;
    margin-bottom: 100px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.reveal-header {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 30px 30px
}

.reveal-title {
    padding: 0;
    margin: 0;
    font-size: 28px!important;
    font-size: 1.75rem!important
}

.reveal-description {
    padding: 20px 0 0;
    margin: 0;
    color: #757575;
    font-size: 15px!important;
    font-size: .9375rem!important
}

.reveal-body {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 30px
}

.reveal-footer {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 30px 30px
}

.reveal-optbutton {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 0 0;
    margin: 0
}

.reveal-optbutton:after,
.reveal-optbutton:before {
    display: table;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0
}

.reveal-optbutton.right>li {
    float: right;
    padding: 0 0 0 10px
}

.reveal-optbutton>li {
    float: left;
    display: block;
    width: 33.33333%;
    height: auto;
    padding: 0 10px 0 0;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .reveal-optbutton>li {
        float: none;
        width: 100%;
        padding: 0 0 10px
    }
}

.reveal-optbutton>li>.button {
    display: block;
    width: 100%;
    margin: 0;
    text-transform: uppercase
}

header,
header .header-content {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 100%
}

.reveal#cta-modal1 .contact-number,
.reveal#cta-modal2 .contact-number,
.reveal#cta-modal3 .contact-number {
    position: absolute;
    top: -9000px;
    left: -9000px
}

header {
    min-height: 20px;
    padding: 0 40px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    color: #fff;
    background-color: transparent;
    overflow: auto;
    transition: all .3s ease
}

header.fixed,
header.mobile.mobile-menu-open {
    background-color: #001534
}

@media only screen and (max-width:39.9375em) {
    header {
        padding-left: 30px;
        padding-right: 30px
    }
}

header.fixed {
    transition: all .3s ease;
    position: fixed
}


header .header-content {
    position: relative;
    min-height: 70px;
    padding: 0;
    max-width: 1280px
}

header .header-content:after,
header .header-content:before {
    display: table;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    header .header-content {
        padding-top: 20px!important;
        padding-bottom: 20px!important;
        min-height: 10px!important
    }
}

header .header-logo {
    float: left;
    display: block;
    width: auto;
    height: auto;
    padding: 0 20px 0 0;
    margin: 0;
    text-decoration: none;
    outline: 0;
}

header .header-logo>img {
    width: 40px;
}

header .header-menu {
    float: left;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0
}

header .header-menu:after,
header .header-menu:before {
    display: table;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 0
}

header .header-menu>li {
    float: left;
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0
}

header .header-menu>li>a {
    transition: all .3s ease;
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: 20px 20px;
    margin: 0;
    color: #fff;
    text-decoration: none;
    outline: 0;
    font-size: 20px;
	font-style: normal;
	font-weight:100;
}

header .header-menu>li>a:before {
    transition: all .3s ease;
    content: "";
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-bottom: 5px solid #6c8cc0;
}

header .header-menu>li>a:hover {
    transition: all .3s ease
}

header .header-menu>li>a:hover:before {
    transition: all .3s ease;
    width: 100%;
    left: 0
}

header .header-menu>li>a>.fa-long-arrow-right {
    display: none
}

header .header-mobilebttn {
    float: right;
    display: none;
    width: 38px;
    height: 38px;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 24px!important;
    font-size: 1.5rem!important
}

header .header-mobilebttn.vsble {
    display: table
}

header .header-mobilebttn>i {
    display: table-cell;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

header.mobile.mobile-menu-open .header-menu {
    display: block
}

header.mobile .header-menu {
    display: none;
    width: 100%;
    float: none;
    clear: both;
    padding: 20px;
    margin: 0 0 30px;
    border: 1px solid rgba(255, 255, 255, .1)
}

header.mobile .header-menu>li {
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}

header.mobile .header-menu>li:last-child {
    border-bottom: none
}

header.mobile .header-menu>li>a {
    position: relative
}

header.mobile .header-menu>li>a>.fa-long-arrow-right {
    position: absolute;
    left: 10px;
    top: 50%;
    text-align: center;
    display: none;
    width: 20px;
    height: auto;
    padding: 0;
    margin: -10px 0 0
}

.videos,
header.mobile .header-menu>li>a:hover>.fa-long-arrow-right {
    display: block
}

header.mobile .header-menu>li>a:hover {
    padding-left: 40px;
    background-color: rgba(0, 0, 0, .2)
}

body.clipped {
    overflow: hidden
}

.mobile-menu-backdrop {
    position: fixed;
    z-index: 9;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .25)
}

.videos,
.videos-slider {
    width: 100%;
    height: auto
}

.videos {
    padding: 20px 20px 60px;
    margin: 0
}

.videos-slider {
    padding: 0 0 70px;
    margin: 0!important
}

.videos-slider .slick-next,
.videos-slider .slick-prev {
    width: 40px;
    height: 40px;
    top: 100%;
    z-index: 9;
    margin: -10px 0 0;
    transition: all .3s ease;
    background-repeat: no-repeat;
    background-position: center
}

.videos-slider .slick-slide {
    position: relative;
    padding-top: 10px
}

.videos-slider .slick-prev {
    left: 30%;
    opacity: .25;
    background-image: url(../img/slide-left-icon.png)
}

.videos-slider .slick-prev:hover {
    opacity: 1;
    transition: all .3s ease
}

.videos-slider .slick-prev:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.videos-slider .slick-next {
    right: 30%;
    opacity: .25;
    background-image: url(../img/slide-right-icon.png)
}

.videos-slider .slick-next:hover {
    opacity: 1;
    transition: all .3s ease
}

.videos-slider .slick-next:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.videos-slider .slick-dots {
    bottom: 0
}

.videos-slider .slick-dots>li {
    height: auto;
    margin: 0 2px
}

.videos-slider .slick-dots>li.slick-active>button:before {
    background-color: #001534
}

.videos-slider .slick-dots>li>button {
    background-color: transparent;
    padding: 0;
    width: 20px;
    height: 20px
}

.videos-slider .slick-dots>li>button:hover:before {
    transition: all .3s ease
}

.videos-slider .slick-dots>li>button:before {
    top: 5px;
    left: 5px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    color: #001534;
    border: 1px solid #001534;
    content: "";
    background-color: transparent;
    transition: all .3s ease
}

.videos iframe,
.videos-thumbnails>figure {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.videos-playscreen {
    background-color: #212121;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 55% 0 0;
    margin: 0 0 10px
}

.videos iframe {
    width: 100%;
    height: 100%;
    position: absolute
}

.videos-thumbnails {
    display: block;
    width: 100%;
    height: auto;
    padding: 67% 0 0;
    margin: 0;
    position: relative
}

.videos-thumbnails>figure {
    background-color: #EFEDE9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    overflow: hidden;
    width: auto;
    height: auto
}

.videos-thumbnails>figure:before {
    ;
    position: absolute;
    z-index: 2;
    content: "";
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0
}

.videos-thumbnails>figure>img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    max-width: none;
    opacity: 0
}

.videos-info {
    background-color: transparent;
    display: block;
    width: 100%;
    height: auto;
    padding: 20px 10px 0;
    margin: 0
}

.videos-info:after,
.videos-info:before {
    visibility: hidden;
    opacity: 0;
    display: table;
    width: 100%;
    height: 0;
    content: "";
    padding: 0;
    margin: 0;
    clear: both
}

.videos-date {
    float: left;
    width: 20.20906%;
    height: auto;
    min-height: 40px;
    padding: 0 10px 0 0;
    margin: 0;
    position: relative;
    text-align: center
}

#videos-controller:before,
.videos-date:after {
    position: absolute;
    top: 0;
    content: ""
}

.videos-date:after {
    display: block;
    width: 0;
    height: 40px;
    padding: 0;
    margin: 0;
    border-right: 1px solid #EEE;
    right: 0
}

.videos-date .date-day,
.videos-date .date-month,
.videos-date .date-year {
    width: 100%;
    padding: 0;
    line-height: normal;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase
}

.videos-date .date-month,
.videos-date .date-year {
    display: block;
    height: auto;
    margin: 0;
    color: #9E9E9E;
    font-size: 12px!important;
    font-size: .75rem!important;
    font-style: normal;
    font-weight: 400
}

.videos-context>p,
.videos-date .date-day {
    display: block;
    margin: 0;
    color: #001534;
    font-style: normal;
    font-weight: 400;
    height: auto
}

.videos-date .date-day {
    font-size: 28px!important;
    font-size: 1.75rem!important
}

.press-title,
.videos-context>p {
    font-family: "Open Sans", sans-serif;
    line-height: normal
}

.videos-context {
    float: right;
    width: 79.79094%;
    height: auto;
    min-height: 40px;
    padding: 0 0 0 10px;
    margin: 0
}

.videos-context>p {
    width: 100%;
    padding: 0;
    font-size: 19px!important;
    font-size: 1.1875rem!important
}

#videos-controller {
    position: relative;
    display: none;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0 auto 60px
}

#videos-controller .videos-controller-wrapper {
    display: block;
    width: 100%;
    max-width: 600px;
    height: auto;
    padding: 0;
    margin: 0 auto
}

#videos-controller .videos-controller-wrapper:after,
#videos-controller .videos-controller-wrapper:before {
    visibility: hidden;
    opacity: 0;
    display: table;
    width: 100%;
    height: 0;
    content: "";
    padding: 0;
    margin: 0;
    clear: both
}

#videos-controller:before {
    width: 0;
    height: auto;
    left: 50%;
    bottom: 0;
    padding: 0;
    margin: 0;
    border-left: 1px solid #E0E0E0
}

#videos-controller .btn-controller {
    display: block;
    width: 50%;
    height: 42px;
    color: #9E9E9E;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    padding: 0;
    margin: 0
}

#videos-controller .btn-controller:hover,
.press-title {
    color: #001534
}

#videos-controller .btn-controller>span {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 0 0;
    margin: 0;
    font-weight: 700;
    font-size: 11px!important;
    font-size: .6875rem!important
}

#videos-controller .btn-controller>i {
    height: 42px;
    position: absolute;
    top: 0;
    text-align: center;
    font-size: 40px!important;
    font-size: 2.5rem!important
}

.press,
.press-slider {
    display: block;
    width: 100%;
    height: auto
}

#videos-controller .btn-controller.controller-left {
    float: left;
    text-align: left;
    padding-left: 25px
}

#videos-controller .btn-controller.controller-left>i {
    left: 0
}

#videos-controller .btn-controller.controller-right {
    float: right;
    text-align: right;
    padding-right: 25px
}

#videos-controller .btn-controller.controller-right>i {
    right: 0
}

.press {
    padding: 0 20px;
    margin: 0;
    background-color: #EFEDE9
}

.press-slider {
    padding: 0 40px;
    margin: 0 0 70px;
    position: relative
}

.press-slider .slick-next,
.press-slider .slick-prev {
    width: 40px;
    height: 40px;
    z-index: 9;
    transition: all .3s ease;
    background-repeat: no-repeat;
    background-position: center
}

@media only screen and (max-width:39.9375em) {
    .press-slider {
        padding-left: 0;
        padding-right: 0
    }
}

.press-slider .slick-slide {
    position: relative;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 30px
}

@media only screen and (min-width:480px) and (max-width:599px) {
    .press-slider .slick-slide {
        padding-left: 0;
        padding-right: 0
    }
}

.press-slider .slick-prev {
    left: -40px;
    opacity: .25;
    background-image: url(../img/slide-left-icon.png)
}

.press-slider .slick-prev:hover {
    opacity: 1;
    transition: all .3s ease
}

.press-slider .slick-prev:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.press-slider .slick-next {
    right: -40px;
    opacity: .25;
    background-image: url(../img/slide-right-icon.png)
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .press-slider .slick-slide {
        padding-left: 0;
        padding-right: 0
    }
    .press-slider .slick-prev {
        left: -20px
    }
    .press-slider .slick-next {
        right: -20px
    }
}

@media only screen and (max-width:320px) {
    .press-slider .slick-slide {
        padding-left: 0;
        padding-right: 0
    }
    .press-slider .slick-prev {
        left: -20px
    }
    .press-slider .slick-next {
        right: -20px
    }
}

.press-slider .slick-next:hover {
    opacity: 1;
    transition: all .3s ease
}

.press-slider .slick-next:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.press-slider .slick-dots {
    bottom: -70px
}

.press-slider .slick-dots>li {
    height: auto;
    margin: 0 2px
}

.press-slider .slick-dots>li.slick-active>button:before {
    background-color: #001534
}

.press-slider .slick-dots>li>button {
    background-color: transparent;
    padding: 0;
    width: 20px;
    height: 20px
}

.press-slider .slick-dots>li>button:hover:before {
    transition: all .3s ease
}

.press-slider .slick-dots>li>button:before {
    top: 5px;
    left: 5px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    color: #001534;
    border: 1px solid #001534;
    content: "";
    background-color: transparent;
    transition: all .3s ease
}

.press .the-title {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px
}

.press-wrapper {
    background-color: #fff;
    padding: 30px 30px 30px 140px;
    margin: 0;
    display: block;
    width: 100%;
    height: auto;
    min-height: 320px
}

@media only screen and (min-width:480px) and (max-width:599px) {
    .press-wrapper {
        padding: 210px 20px 20px
    }
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .press-wrapper {
        padding: 210px 20px 20px
    }
}

@media only screen and (max-width:320px) {
    .press-wrapper {
        padding: 210px 20px 20px
    }
}

.press-agentpic:before,
.press-context,
.press-date,
.press-logo,
.press-title {
    padding: 0;
    display: block
}

.press-agentpic {
    display: block;
    width: 140px;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #9E9E9E
}

@media only screen and (min-width:480px) and (max-width:599px) {
    .press-agentpic {
        left: 20px
    }
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .press-agentpic {
        left: 20px
    }
}

@media only screen and (max-width:320px) {
    .press-agentpic {
        left: 20px
    }
}

.press-agentpic:before {
    position: absolute;
    z-index: 3;
    content: "";
    width: auto;
    height: auto;
    margin: 0;
    
    background-color: transparent;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px
}

.press-agentpic>figure {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    z-index: 1
}

.press-agentpic>figure img {
    width: 100%;
    height: auto;
    max-width: none;
    opacity: 0
}

.press-logo {
    width: 100%;
    max-width: 150px;
    height: auto;
    margin: 0 0 30px;
    clear: both
}

.press-logo>img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.press-title {
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    font-size: 24px!important;
    font-size: 1.5rem!important;
    font-style: normal;
    font-weight: 400
}

.awards-date .date-month,
.awards-date .date-year {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400
}

.press-date {
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    line-height: normal;
    color: #424242;
    font-size: 14px!important;
    font-size: .875rem!important
}

.press-context {
    width: 100%;
    height: auto;
    margin: 0 0 35px;
    color: #757575;
    line-height: 20px;
    font-size: 16px!important;
    font-size: 1rem!important
}

.awards {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    background-color: #EFEDE9
}

.awards-slider {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.awards-slider .slick-next,
.awards-slider .slick-prev {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .awards-slider {
        padding: 0
    }
}

.awards-slider .slick-prev {
    left: -40px;
    opacity: .25;
    background-image: url(../img/slide-left-icon.png)
}

.awards-slider .slick-prev:hover {
    opacity: 1;
    transition: all .3s ease
}

.awards-slider .slick-prev:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.awards-slider .slick-next {
    right: -40px;
    opacity: .25;
    background-image: url(../img/slide-right-icon.png)
}

.awards-slider .slick-next:hover {
    opacity: 1;
    transition: all .3s ease
}

.awards-slider .slick-next:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.awards-slider .slick-slider.slick-dotted {
    margin-bottom: 70px
}

.awards-slider .slick-dots {
    bottom: -70px
}

@media only screen and (max-width:39.9375em) {
    .awards-slider {
        padding: 0
    }
    .awards-slider .slick-slider.slick-dotted {
        margin-bottom: 40px
    }
    .awards-slider .slick-dots {
        bottom: -40px
    }
}

.awards-slider .slick-dots>li {
    height: auto;
    margin: 0 2px
}

.awards-slider .slick-dots>li.slick-active>button:before {
    background-color: #001534
}

.awards-slider .slick-dots>li>button {
    background-color: transparent;
    padding: 0;
    width: 20px;
    height: 20px
}

.awards-slider .slick-dots>li>button:hover:before {
    transition: all .3s ease
}

.awards-slider .slick-dots>li>button:before {
    top: 5px;
    left: 5px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    color: #001534;
    border: 1px solid #001534;
    content: "";
    background-color: transparent;
    transition: all .3s ease
}

.awards-date,
.awards-item {
    display: block;
    height: auto
}

.awards-item {
    position: relative;
    width: 100%;
    min-height: 100px;
    padding: 0 20px 0 0;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .awards-item {
        padding-left: 0;
        padding-right: 0
    }
}

.awards-date {
    position: absolute;
    top: 10px;
    left: 0;
    width: 50px
}

@media only screen and (max-width:39.9375em) {
    .awards-date {
        display: table;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .awards-item {
        padding-left: 20px;
        padding-right: 20px
    }
    .awards-date {
        display: table;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 10px
    }
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .awards-item {
        padding-left: 20px;
        padding-right: 20px
    }
    .awards-date {
        display: table;
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        margin-bottom: 10px
    }
}

.awards-date .date-extra {
    display: none;
    width: auto;
    padding: 0;
    margin: 0 5px 0 0;
    float: left;
    line-height: normal;
    font-size: 14px!important;
    font-size: .875rem!important
}

.awards-date .date-day,
.awards-date .date-month {
    display: block;
    height: auto;
    text-align: center;
    line-height: normal;
    text-transform: uppercase
}

.awards-date .date-month {
    width: 100%;
    padding: 0;
    margin: 0;
    color: #757575;
    font-size: 12px!important;
    font-size: .75rem!important
}

@media only screen and (max-width:39.9375em) {
    .awards-date .date-extra {
        display: block
    }
    .awards-date .date-month {
        margin-right: 5px;
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 400
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .awards-date .date-extra {
        display: block
    }
    .awards-date .date-month {
        margin-right: 5px;
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 400
    }
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .awards-date .date-extra {
        display: block
    }
    .awards-date .date-month {
        margin-right: 5px;
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 400
    }
}

.awards-date .date-day {
    width: 100%;
    padding: 3px 0;
    margin: 0;
    font-size: 28px!important;
    font-size: 1.75rem!important
}

@media only screen and (max-width:39.9375em) {
    .awards-date .date-day {
        padding: 0;
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: 'Avenir Medium';
        font-style: normal;
        font-weight: 400
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .awards-date .date-day {
        padding: 0;
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: 'Avenir Medium';
        font-style: normal;
        font-weight: 400
    }
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .awards-date .date-day {
        padding: 0;
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 400
    }
}

.awards-date .date-year,
.awards-panel {
    display: block;
    width: 100%;
    height: auto;
    margin: 0
}

.awards-date .date-year {
    padding: 0;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #757575;
    font-size: 12px!important;
    font-size: .75rem!important
}

@media only screen and (max-width:39.9375em) {
    .awards-date .date-year {
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: 'Avenir Medium';
        font-style: normal;
        font-weight: 400
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .awards-date .date-year {
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: 'Avenir Medium';
        font-style: normal;
        font-weight: 400
    }
    .mainblock:before {
        left: 20px;
        right: 20px;
        bottom: 20px;
        top: 20px
    }
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .awards-date .date-year {
        float: left;
        width: auto;
        color: #000;
        font-size: 14px!important;
        font-size: .875rem!important;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 400
    }
}

.awards-panel {
    background-color: #fff;
    padding: 30px
}

.awards-description,
.awards-title {
    height: auto;
    padding: 0;
    font-style: normal;
    font-weight: 400;
    width: 100%;
    display: block
}

.awards-title {
    margin: 0 0 20px;
    color: #001534;
    line-height: normal;
    font-size: 24px!important;
    font-size: 1.5rem!important;
    font-family: "Open Sans", sans-serif;
}

.awards-description {
    margin: 0;
    color: #757575;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    font-size: 16px!important;
    font-size: 1rem!important
}

.mainblock {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 60px;
    margin: 0
}

.mainblock .content-wrapper,
.mainblock:after,
.mainblock:before {
    width: auto;
    height: auto;
    position: absolute
}

.mainblock:before {
    content: "";
    display: block;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 1;
    background-color: transparent
}

@media only screen and (max-width:39.9375em) {
    .mainblock {
        padding-left: 20px;
        padding-right: 20px
    }
    .mainblock:before {
        left: 10px;
        right: 10px;
        bottom: 10px;
        top: 10px
    }
}

.mainblock:after {
    content: "";
    display: block;
    padding: 0;
    margin: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .5) 33.3%, transparent 33.3%, rgba(0, 0, 0, .5)) 33.3%;
    background: -o-linear-gradient(0deg, rgba(0, 0, 0, .5), transparent, rgba(0, 0, 0, .5));
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .5), transparent, rgba(0, 0, 0, .5));
    background: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent, rgba(0, 0, 0, .5))
}

.mainblock .content-wrapper {
    max-width: none;
    max-height: none;
    left: 8.33333%;
    right: 8.33333%;
    bottom: 0;
    margin: 0;
    padding-bottom: 90px;
    z-index: 2
}

.mainblock .content-wrapper:after,
.mainblock .content-wrapper:before {
    visibility: hidden;
    opacity: 0;
    display: table;
    width: 100%;
    height: 0;
    content: "";
    padding: 0;
    margin: 0;
    clear: both
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .mainblock .content-wrapper {
        left: 45px;
        right: 45px
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .content-wrapper {
        left: 40px;
        right: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width:39.9375em) {
    .mainblock .content-wrapper {
        left: 20px;
        right: 20px;
        padding-bottom: 30px
    }
}

.mainblock .content-wrapper:after {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    width: 0;
    height: 0;
    padding: 0;
    margin: 0 0 0 -15px;
    z-index: 2;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent
}

.mainblock .agent-name,
.mainblock .agent-title {
    margin: 0;
    font-weight: 400;
    display: block;
    width: 100%;
    padding: 0;
    height: auto;
    color: #fff;
    font-style: normal;
    line-height: normal
}

.mainblock .agent-name {
    font-size: 60px!important;
    font-size: 3.75rem!important;
    font-family: "Open Sans", sans-serif;
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-name {
        font-size: 32px!important;
        font-size: 2rem!important;
        text-align: center
    }
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-name {
        font-size: 32px!important;
        font-size: 2rem!important;
        text-align: center
    }
}

.mainblock .agent-title {
    font-family: "Open Sans", sans-serif;
    font-size: 20px!important;
    font-size: 1.25rem!important
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-title {
        text-align: center;
        margin-bottom: 20px;
        font-size: 16px!important;
        font-size: 1rem!important
    }
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-title {
        text-align: center;
        margin-bottom: 20px;
        font-size: 16px!important;
        font-size: 1rem!important
    }
}

.mainblock .agent-contact {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    color: #fff;
    text-align: right;
    font-size: 18px!important;
    font-size: 1.125rem!important
}

.mainblock .agent-contact .contact-number {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0 0 0 10px;
    margin: 0;
    color: #fff;
    text-decoration: none
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-contact {
        text-align: center;
        font-size: 14px!important;
        font-size: .875rem!important
    }
    .mainblock .agent-contact .contact-number {
        display: block;
        width: 100%;
        padding: 0
    }
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-contact {
        text-align: center;
        font-size: 14px!important;
        font-size: .875rem!important
    }
    .mainblock .agent-contact .contact-number {
        display: block;
        width: 100%;
        padding: 0
    }
}

.mainblock .agent-contact .contact-number:hover {
    text-decoration: underline
}

.mainblock .agent-contact .contact-email {
    display: inline-block;
    color: #fff;
    outline: 0;
    text-decoration: none
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-contact .contact-email {
        display: none
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-contact .contact-email {
        display: none
    }
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .mainblock .agent-contact .contact-email {
        display: block
    }
}

.mainblock .agent-contact .contact-email:hover {
    text-decoration: underline
}

.contact-info>li>a,
.listings-link,
.news-image .news-link,
.news-title .news-link,
.team-link {
    text-decoration: none;
    outline: 0
}

.mainblock .agent-contact .contact-emaillink {
    display: none;
    margin: 10px 0 0
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-contact .contact-emaillink {
        display: inline-block
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-contact .contact-emaillink {
        display: inline-block
    }
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .mainblock .agent-contact .contact-emaillink {
        display: none
    }
}

.mainblock .agent-social {
    display: table;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 20px
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-social {
        display: block;
        text-align: center;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-social {
        display: block;
        text-align: center;
        margin-bottom: 10px
    }
}

.mainblock .agent-social>li {
    float: right;
    width: auto;
    height: auto;
    padding: 0 5px;
    margin: 0
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-social>li {
        float: none;
        display: inline-block;
        padding: 0 2px
    }
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-social>li {
        float: none;
        display: inline-block;
        padding: 0 2px
    }
}

.mainblock .agent-social>li>a {
    display: table;
    width: 46px;
    height: 46px;
    padding: 0;
    margin: 0;
    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    font-size: 24px!important;
    font-size: 1.5rem!important
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .mainblock .agent-social>li>a {
        width: 38px;
        height: 38px;
        font-size: 22px!important;
        font-size: 1.375rem!important
    }
}

@media only screen and (max-width:39.9375em) {
    .mainblock .agent-social>li>a {
        width: 38px;
        height: 38px;
        font-size: 22px!important;
        font-size: 1.375rem!important
    }
}

.mainblock .agent-social>li>a>i {
    display: table-cell;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.listings {
    display: block;
    padding: 0 20px;
    margin: 0;
    width: 100%;
    height: auto;
    background-color: #fff
}

.listings-items {
    display: table;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 10px
}

.listings-items>li {
    float: left;
    width: 33.33333%;
    height: auto;
    margin: 0 0 80px;
    padding: 0 15px;
    position: relative;
    display: table
}

.listings-items>li:nth-child(3n+2) {
    clear: left
}

.listings-items>li:hover .listings-link>i {
    display: block
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .listings-items>li {
        width: 50%
    }
    .listings-items>li:nth-child(3n+2) {
        clear: none
    }
    .listings-items>li:nth-child(2n+2) {
        clear: left
    }
}

@media only screen and (max-width:39.9375em) {
    .listings-items>li {
        float: none;
        width: 100%;
        padding: 0;
        clear: none
    }
}

.listings-items>li:first-child {
    float: none;
    width: 100%;
    height: auto;
    min-height: 460px;
    padding: 0 15px 30px;
    margin: 0 0 40px;
    position: relative;
    display: table;
    border-bottom: 1px solid #E0E0E0;
    clear: both
}

.listings-items>li:first-child .listings-image {
    padding-top: 40%
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .listings-items>li:first-child .listings-image {
        padding-top: 60%
    }
    .listings-items>li:first-child .listings-info {
        width: 58.33333%
    }
    .listings-items>li:first-child .listings-count {
        width: 41.66667%
    }
}

.listings-items>li:first-child .listings-info .location {
    font-size: 36px!important;
    font-size: 2.25rem!important
}

@media only screen and (max-width:39.9375em) {
    .listings-items>li:first-child {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        min-height: auto;
        border-bottom: none
    }
    .listings-items>li:first-child .listings-image {
        padding-top: 100%
    }
    .listings-items>li:first-child .listings-info .location {
        font-size: 20px!important;
        font-size: 1.25rem!important
    }
}

.listings-items>li:first-child .listings-count {
    text-align: right
}

.listings-items>li:first-child .listings-count>li {
    display: inline-block;
    text-align: center;
    padding: 0 12px;
    float: none;
    width: auto
}

@media only screen and (max-width:39.9375em) {
    .listings-items>li:first-child .listings-count>li {
        float: left;
        width: 33.33333%;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: center
    }
    .listings-type {
        text-align: center
    }
}

.listings-items>li:first-child .listings-count>li .count {
    display: inline-block;
    width: auto;
    padding-left: 12px;
    padding-right: 12px
}

.listings-link,
.listings-link>i {
    position: absolute;
    left: 0;
    padding: 0;
    height: auto
}

.listings-items>li:first-child .listings-count>li .icon {
    display: inline-block
}

.listings-items>li:first-child .listings-sched>span {
    display: inline-block;
    width: auto
}

.listings-link {
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    width: auto;
    z-index: 4;
    font-size: 42px;
    color: #fff;
    margin: 0
}

.listings-link:hover {
    color: #fff
}

.listings-link:hover>i {
    display: block
}

.listings-link>i {
    display: none;
    width: 100%;
    top: 50%;
    margin: -21px 0 0
}

.listings-type {
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    margin: 0;
    border-top: 1px solid #EEE;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
    text-transform: uppercase;
    color: #001534;
    font-size: 20px!important;
    font-size: 1.25rem!important;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    /*font-weight: 600*/
}

.listings-image {
    background-color: #001534;
    display: block;
    position: relative;
    width: auto;
    height: auto;
    padding: 100% 0 0;
    margin: 0;
    overflow: hidden
}

.listings-image:before,
.listings-image>figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.listings-image:before {
    z-index: 2;
    content: "";
    width: auto;
    height: auto;
    background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .6), transparent, transparent);
    background: -o-linear-gradient(0deg, rgba(0, 0, 0, .6), transparent, transparent);
    background: -moz-linear-gradient(0deg, rgba(0, 0, 0, .6), transparent, transparent);
    background: linear-gradient(0deg, rgba(0, 0, 0, .6), transparent, transparent)
}

.listings-image>figure,
.testimonial-agentpic {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.listings-image>figure {
    overflow: hidden;
    z-index: 1;
    background-color: #001534
}

.listings-image>figure>img {
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    max-width: none;
    height: 100%;
    opacity: 0
}

.listings-sched {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 20px 20px 0;
    margin: 0;
    color: #fff;
    z-index: 3;
    line-height: 28px;
    text-align: right;
    font-size: 24px!important;
    font-size: 1.5rem!important;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400
}

.listings-sched>span {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .listings-sched {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        line-height: normal;
        font-size: 20px!important;
        font-size: 1.25rem!important
    }
    .listings-sched>span {
        display: inline-block;
        width: auto
    }
}

.listings-info {
    float: left;
    width: 66.66667%;
    height: auto;
    padding: 10px 0 0;
    margin: 0;
    display: block
}

.listings-info>.location,
.listings-info>.street {
    display: block;
    width: 100%;
    padding: 0;
    height: auto;
    color: #001534
}

.listings-info>.location {
    margin: 0 0 3px;
    line-height: normal;
    font-size: 20px!important;
    font-size: 1.25rem!important;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    /*font-weight: 600*/
}

.listings-info>.street {
    line-height: 30px;
    font-family: "Open Sans", sans-serif;
    font-style: normal
}

.listings-count>li .count, {
    line-height: normal;
    font-family: "Open Sans", sans-serif;
    font-style: normal
}

.listings-info>.street {
    margin: 0;
    font-size: 20px!important;
    font-size: 1.25rem!important;
    font-weight: 400
}

@media only screen and (max-width:39.9375em) {
    .listings-info {
        width: 100%;
        text-align: center
    }
    .listings-info>.street {
        border-bottom: 1px solid #E0E0E0;
        padding-bottom: 10px
    }
}

.listings-count {
    float: right;
    display: table;
    width: 33.33333%;
    height: auto;
    padding: 10px 0 0;
    margin: 0
}

.listings-count>li,
.listings-count>li .count {
    text-align: center;
    padding: 0;
    margin: 0;
    height: auto
}

@media only screen and (max-width:39.9375em) {
    .listings-count {
        float: none;
        width: 100%
    }
}

.listings-count>li {
    float: left;
    width: 33.33333%
}

.listings-count>li .count {
    display: block;
    width: 100%;
    font-size: 18px!important;
    font-size: 1.125rem!important;
    font-weight: 400
}

@media only screen and (max-width:39.9375em) {
    .listings-count>li .count {
        width: auto;
        display: inline-block;
        padding: 0 6px
    }
}

.listings-count>li .icon {
    display: block;
    width: 20px;
    height: auto;
    padding: 0;
    margin: 0 auto
}

.listings-count>li .icon img {
    width: 100%;
    height: auto;
    max-width: none
}

@media only screen and (min-width:480px) and (max-width:599px) {
    .listings-header>.columns {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .listings-header>.columns {
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:320px) {
    .listings-header>.columns {
        padding-left: 0;
        padding-right: 0
    }
}

.listings-tabmenu {
    float: right;
    width: auto;
    border: none;
    margin-bottom: 20px
}

.listings-tabmenu>li {
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width:39.9375em) {
    .listings-count>li .icon {
        display: inline-block
    }
    .listings-header .the-title {
        margin-bottom: 20px
    }
    .listings-tabmenu {
        width: 100%
    }
    .listings-tabmenu>li {
        padding-left: 0;
        padding-right: 20px
    }
}

.listings-tabmenu>li.tabs-title>a {
    outline: 0;
    background-color: transparent;
    border-bottom: 2px solid transparent;
    padding: 10px 0;
    color: #001534;
    text-transform: uppercase;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px!important;
    font-size: .875rem!important
}

.listings-tabmenu>li.tabs-title>a:active,
.listings-tabmenu>li.tabs-title>a:focus,
.listings-tabmenu>li.tabs-title>a:visited {
    background-color: transparent
}

.listings-tabmenu>li.tabs-title>a:hover {
    border-bottom-color: #E0E0E0
}

.listings-tabmenu>li.tabs-title.is-active>a {
    color: #001534;
    border-bottom-color: #001534
}

.listings-tabcontent {
    border: none
}

.listings-tabcontent .tabs-panel {
    padding: 0
}

.testimonial {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    background-color: #EFEDE9
}

.testimonial .content-wrapper {
    min-height: 768px;
    position: relative
}

.testimonial-agentpicwrap {
    display: block;
    float: left;
    width: 50%;
    height: auto;
    padding: 0 20px 0 0;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .testimonial .content-wrapper {
        min-height: auto
    }
    .testimonial-agentpicwrap {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 30px;
        padding-bottom: 0
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .testimonial-agentpicwrap {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 30px;
        padding-bottom: 0
    }
}

.testimonial-agentpic {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 100% 0 0;
    margin: 0;
    background-color: #001534
}

.testimonial-agentpic:before {
    position: absolute;
    content: "";
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    width: auto;
    height: auto;
    background: 0 0;
}

.testimonial-content {
    float: right;
    display: block;
    width: 50%;
    height: auto;
    position: relative;
    padding: 0 0 0 20px
}

.teamMember-content {
    float: right;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 0 0 20px
}

.testimonial-author {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;

}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .testimonial-agentpic:before {
        border: 15px solid rgba(255, 255, 255, .5)
    }
    .testimonial-content {
        float: none;
        width: 100%;
        clear: both;
        padding: 0
    }
}

@media only screen and (max-width:39.9375em) {
    .testimonial-agentpic:before {
        border: 10px solid rgba(255, 255, 255, .5)
    }
    .testimonial-content {
        float: none;
        width: 100%;
        clear: both;
        padding: 0
    }
}

.testimonial-slider>div {
    position: relative
}

.testimonial-slider>div:after,
.testimonial-slider>div:before {
    visibility: hidden;
    opacity: 0;
    display: table;
    width: 100%;
    height: 0;
    content: "";
    padding: 0;
    margin: 0;
    clear: both
}

.testimonial-slider .slick-next,
.testimonial-slider .slick-prev {
    width: 40px;
    height: 40px;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s ease
}

.testimonial-slider .slick-prev {
    top: 100px;
    left: -40px;
    opacity: .25;
    background-image: url(../img/slide-left-icon.png)
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .testimonial-slider .slick-prev {
        left: 20px;
        top: 100%;
        margin-top: 12px
    }
}

@media only screen and (max-width:320px) {
    .testimonial-slider .slick-prev {
        left: 20px;
        top: 100%;
        margin-top: 12px
    }
}

.testimonial-slider .slick-prev:hover {
    opacity: 1;
    transition: all .3s ease
}

.testimonial-slider .slick-prev:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.testimonial-slider .slick-next {
    top: 100px;
    right: -40px;
    opacity: .25;
    background-image: url(../img/slide-right-icon.png)
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .testimonial-slider .slick-next {
        right: 20px;
        top: 100%;
        margin-top: 12px
    }
}

@media only screen and (max-width:320px) {
    .testimonial-slider .slick-next {
        right: 20px;
        top: 100%;
        margin-top: 12px
    }
}

.testimonial-slider .slick-next:hover {
    opacity: 1;
    transition: all .3s ease
}

.testimonial-slider .slick-next:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.testimonial-slider .slick-dots>li {
    width: auto;
    height: auto;
    margin: 0 2px
}

.testimonial-slider .slick-dots>li.slick-active>button:before {
    background-color: #001534
}

.testimonial-slider .slick-dots>li>button {
    background-color: transparent;
    padding: 0;
    width: 15px;
    height: 20px
}

.testimonial-slider .slick-dots>li>button:hover:before {
    transition: all .3s ease
}

.testimonial-slider .slick-dots>li>button:before {
    top: 5px;
    left: 2px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    color: #001534;
    border: 1px solid #001534;
    content: "";
    background-color: transparent;
    transition: all .3s ease
}

/*adding styles for team member*/
.teamMember-slider>div {
    position: relative
}

.teamMember-slider>div:after,
.teamMember-slider>div:before {
    visibility: hidden;
    opacity: 0;
    display: table;
    width: 100%;
    height: 0;
    content: "";
    padding: 0;
    margin: 0;
    clear: both
}

.teamMember-slider .slick-next,
.teamMember-slider .slick-prev {
    width: 40px;
    height: 40px;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s ease
}

.teamMember-slider .slick-prev {
    bottom: 100px;
    left: -40px;
    opacity: .25;
    background-image: url(../img/slide-left-icon.png)
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .teamMember-slider .slick-prev {
        left: 20px;
        top: 100%;
        margin-top: 12px
    }
}

@media only screen and (max-width:320px) {
    .teamMember-slider .slick-prev {
        left: 20px;
        top: 100%;
        margin-top: 12px
    }
}

.teamMember-slider .slick-prev:hover {
    opacity: 1;
    transition: all .3s ease
}

.teamMember-slider .slick-prev:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.teamMember-slider .slick-next {
    bottom: 100px;
    right: -40px;
    opacity: .25;
    background-image: url(../img/slide-right-icon.png)
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .teamMember-slider .slick-next {
        right: 20px;
        top: 100%;
        margin-top: 12px
    }
}

@media only screen and (max-width:320px) {
    .teamMember-slider .slick-next {
        right: 20px;
        top: 100%;
        margin-top: 12px
    }
}

.teamMember-slider .slick-next:hover {
    opacity: 1;
    transition: all .3s ease
}

.teamMember-slider .slick-next:before {
    display: none;
    visibility: hidden;
    opacity: 0
}

.teamMember-slider .slick-dots>li {
    width: auto;
    height: auto;
    margin: 0 2px
}

.teamMember-slider .slick-dots>li.slick-active>button:before {
    background-color: #001534
}

.teamMember-slider .slick-dots>li>button {
    background-color: transparent;
    padding: 0;
    width: 15px;
    height: 20px
}

.teamMember-slider .slick-dots>li>button:hover:before {
    transition: all .3s ease
}

.teamMember-slider .slick-dots>li>button:before {
    top: 5px;
    left: 2px;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    color: #001534;
    border: 1px solid #001534;
    content: "";
    background-color: transparent;
    transition: all .3s ease
}

.teamMember-container {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100px;
   /* padding: 20px 20px 20px 20px;*/
    margin: 0;
    border: 1px solid #EEE
}

.team,
.testimonial-wrapper, .teamMember-wrapper{
    display: block;
    height: auto;
    background-color: #fff
}

.testimonial-wrapper, .teamMember-wrapper {
    padding: 20px;
    margin: 0;
    width: 100%
}

@media only screen and (max-width:39.9375em) {
    .testimonial-wrapper, .teamMember-wrapper {
        padding: 10px
    }
}

.testimonial-container {
    display: block;
    width: 100%;
    height: auto;
    min-height: 100px;
    padding: 20px 20px 20px 20px;
    margin: 0;
    border: 1px solid #EEE
}

@media only screen and (max-width:39.9375em) {
    .testimonial-container {
        padding: 15px;
        background-image: none;
        border: none
    }
}

.testimonial-container>p {
    line-height: 30px
}

.testimonial-location {
    display: block;
    float: right;
    width: 100%;
    height: auto;
    min-height: 50px;
    padding: 15px 10px 0 0;
    margin: 0;
    color: #001534;
    text-align: right;
    line-height: normal;
    font-size: 16px!important;
    font-size: 1rem!important
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .testimonial-location {
        float: none;
        width: 100%;
        min-height: 0;
        text-align: center;
        padding: 20px
    }
}

@media only screen and (max-width:39.9375em) {
    .testimonial-location {
        float: none;
        width: 100%;
        min-height: 0;
        text-align: center;
        padding: 20px
    }
}

.testimonial-count {
    position: absolute;
    width: auto;
    height: auto;
    min-height: 50px;
    bottom: 0;
    left: 40px;
    padding: 20px 20px 0 0;
    margin: 0;
    color: #9E9E9E;
    font-size: 13px!important;
    font-size: .8125rem!important
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .testimonial-count {
        position: static;
        min-height: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

@media only screen and (min-width:960px) and (max-width:1023px) {
    .testimonial-count {
        position: static;
        min-height: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .testimonial-count {
        position: static;
        min-height: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

@media only screen and (min-width:480px) and (max-width:599px) {
    .testimonial-count {
        position: static;
        min-height: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .testimonial-count {
        position: static;
        min-height: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

@media only screen and (max-width:320px) {
    .testimonial-count {
        position: static;
        min-height: 0;
        padding: 0;
        text-align: center;
        width: 100%
    }
}

.testimonial-icon {
    position: absolute;
    left: 40px;
    top: 40px;
    display: block;
    width: 60px;
    height: auto;
    font-size: 104px;
    color: #D7CCC8;
    text-align: center;
    line-height: 84px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 600
}

.team,
.team-image {
    width: 100%;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .testimonial-icon {
        display: none;
        opacity: 0;
        visibility: hidden
    }
}

.team {
    padding: 0 20px
}

.team-blueinfo,
.team-image {
    display: block;
    background-color: #001534
}

@media only screen and (max-width:39.9375em) {
    .team .content-wrapper>.row>.columns {
        padding-left: 0;
        padding-right: 0
    }
}

.team-image {
    height: 480px;
    padding: 0;
    position: relative;
    overflow: hidden
}

.team-image:before,
.team-image>figure {
    position: absolute;
    width: auto;
    height: auto
}

.team-image:before {
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    content: "";
    
    z-index: 2
}

.team-image>figure {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
    display: block;
    z-index: 1
}

.team-image>figure img {
    opacity: 0;
    width: auto;
    max-width: none;
    height: 100%;
    position: relative;
    left: 50%;
    margin-left: -60%
}

.team-blueinfo {
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    color: #fff
}

.team-name,
.team-position {
    display: block;
    height: auto;
    padding: 0;
    text-align: center;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.team-name {
    margin: 0 0 3px;
    font-size: 28px!important;
    font-size: 1.75rem!important
}

.team-position {
    margin: 0;
    font-size: 18px!important;
    font-size: 1.125rem!important
}

.team-whiteinfo {
    display: table;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    background-color: #fff
}

.team-email,
.team-phone {
    display: block;
    height: auto;
    font-size: 16px!important
}

.team-email,
.team-email-mobile,
.team-phone {
    padding: 0;
    text-align: center;
    color: #001534
}

.team-phone {
    width: 100%;
    margin: 0;
    font-size: 1rem!important
}

@media only screen and (min-width:640px) and (max-width:1024px) {
    .team-blueinfo {
        min-height: 135px;
    }
}

.team-email {
    width: 100%;
    margin: 0 0 3px;
    font-size: 1rem!important
}


.team-email-mobile {
    display: none;
    visibility: hidden;
    opacity: 0;
    float: left;
    width: 50%;
    height: auto;
    margin: 0;
    border-right: 1px solid #9E9E9E;
    font-size: 16px!important;
    font-size: 1rem!important
}

.skills,
.skills-title {
    width: 100%;
    height: auto;
    display: block
}

.team-link {
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 3;
    transition: all .3s ease
}

.team-link:hover {
    background-color: rgba(0, 0, 0, .3);
    transition: all .3s ease
}

.skills {
    padding: 0 20px;
    margin: 0
}

.skills-list {
    list-style-type: none
}

.skills-list>li {
    min-height: 100px;
    padding-left: 96px;
    margin-bottom: 30px;
    position: relative;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400
}

.skills-day,
.skills-month,
.skills-year {
    font-family: "Open Sans", sans-serif;
}

@media only screen and (max-width:39.9375em) {
    .skills-list>li {
        padding-left: 60px
    }
}

.skills-title {
    padding: 0;
    margin: 0 0 10px;
    color: #001534;
    line-height: normal;
    font-size: 24px!important;
    font-size: 1.5rem!important
}

.skills-date {
    display: block;
    position: absolute;
    width: 50px;
    height: 100px;
    padding: 0;
    margin: 0;
    top: 0;
    left: 20px
}

.skills-bookmark,
.skills-year {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
    text-align: center
}

@media only screen and (max-width:39.9375em) {
    .skills-date {
        left: 0
    }
}

.skills-year {
    font-style: normal;
    font-weight: 400;
    font-size: 16px!important;
    font-size: 1rem!important
}

.skills-bookmark {
    background-color: #001534;
    position: relative;
    border-radius: 5px 5px 0 0;
    color: #fff
}

.skills-bookmark:before {
    position: absolute;
    bottom: -15px;
    left: 0;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-right: 25px solid #001534;
    border-left: 25px solid #001534;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    z-index: 0
}

.about-image>figure:before,
.ctaction:after,
.faq #faq-tabs>li:after {
    content: ""
}

.skills p,
.skills-day,
.skills-month {
    width: 100%;
    height: auto;
    font-style: normal;
    font-weight: 400
}

.skills-month {
    display: block;
    padding: 10px 0 3px;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    font-size: 12px!important;
    font-size: .75rem!important
}

.skills-day {
    display: block;
    padding: 3px 0 10px;
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
    font-size: 20px!important;
    font-size: 1.25rem!important
}

.skills p,
.skills-icon {
    display: block;
    padding: 0;
    margin: 0
}

.about p,
.skills p {
    font-family: "Open Sans", sans-serif;
    line-height: 30px
}

.skills p {
    color: #424242;
    font-size: 16px!important;
    font-size: 1rem!important
}

.skills-icon {
    position: absolute;
    width: 50px;
    height: 100px;
    top: 0;
    left: 20px;
    text-align: center
}

.about,
.about-image {
    width: 100%;
    display: block
}

.skills-icon .fa-certificate {
    color: #001534;
    font-size: 42px
}

.skills-icon .fa-check {
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 18px
}

.about {
    height: auto;
    padding: 0 20px;
    margin: 0;
    background-color: #fff
}

@media only screen and (max-width:39.9375em) {
    .skills-icon {
        left: 0
    }
    .about {
        padding: 5px
    }
    .about .content-wrapper {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.about-image {
    position: relative;
    height: auto;
    padding: 100% 0 0;
    margin: 0 0 20px;
    background-color: #EFEDE9
}

.about-image>figure {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.about-image>figure:before {
    position: absolute;
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    width: auto;
    height: auto;
    background: 0 0;
}

.charnews-image>figure,
.news-image>figure,
.news-list>li:first-child .news-image>figure {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    right: 0;
    bottom: 0
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .about-image>figure:before {
        border: 15px solid rgba(255, 255, 255, .5)
    }
}

.about-image>figure>img {
    opacity: 0;
    position: relative;
    width: auto;
    max-width: none;
    height: 100%;
    z-index: 1
}

.about-context,
.news-list,
.news-list>li {
    width: 100%;
    display: block
}

.about-context {
    height: auto;
    padding: 20px 20px 0;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .about-image>figure:before {
        border: 10px solid rgba(255, 255, 255, .5)
    }
    .about-context {
        padding-left: 0;
        padding-right: 0
    }
}

.about-context .the-title {
    margin-bottom: 30px
}

.about p {
    font-size: 16px!important;
    font-size: 1rem!important;
    font-style: normal;
    font-weight: 100;
    margin: 0 0 20px;
    color: #424242
}

.charnews-title,
.faq #faq-tabs>li>a,
.news-context,
.news-title {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400
}

.news-context {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

.news {
    padding: 0 20px
}

.news-list {
    position: relative;
    height: auto;
    min-height: 860px;
    padding: 0 0 0 50%;
    margin: 0 0 30px
}

@media only screen and (max-width:39.9375em) {
    .news-list {
        padding: 0;
        min-height: none
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .news-list {
        padding: 0;
        min-height: none
    }
}

.news-list>li {
    position: relative;
    height: auto;
    min-height: 140px;
    padding: 0 0 0 180px;
    margin: 0 0 20px
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .news-list>li {
        padding-right: 20px
    }
}

@media only screen and (max-width:39.9375em) {
    .news-list>li {
        position: static;
        width: 100%;
        margin-bottom: 30px;
        padding: 0
    }
}

.news-list>li:first-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: auto;
    padding: 0 20px 0 0;
    margin: 0
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .news-list>li:first-child {
        position: static;
        width: 100%;
        margin-bottom: 30px;
        padding: 0 10px 30px;
        border-bottom: 1px solid #9E9E9E
    }
}

@media only screen and (max-width:39.9375em) {
    .news-list>li:first-child {
        position: static;
        width: 100%;
        margin-bottom: 30px;
        padding: 0 0 30px;
        border-bottom: 1px solid #9E9E9E
    }
}

.news-list>li:first-child .news-image {
    position: relative;
    left: auto;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    padding: 100% 0 0;
    margin: 0 0 20px
}

.news-list>li:first-child .news-image>figure {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    background-color: #001534
}

.news-list>li:first-child .news-image>figure img {
    width: auto;
    height: 100%;
    opacity: 0
}

.news-list>li:first-child .news-title {
    font-size: 24px!important;
    font-size: 1.5rem!important
}

.news-list>li:first-child .news-context {
    font-size: 18px!important;
}

@media only screen and (max-width:39.9375em) {
    .news-list>li:first-child .news-title {
        font-size: 32px!important;
        font-size: 2rem!important
    }
    .news-list>li:first-child .news-context {
        font-size: 18px!important;
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .news-list>li:first-child .news-title {
        font-size: 32px!important;
        font-size: 2rem!important
    }
    .news-list>li:first-child .news-context {
        font-size: 18px!important;
    }
}

.news-image {
    position: absolute;
    left: 20px;
    top: 0;
    width: 140px;
    height: 140px;
    background-color: #EFEDE9;
    padding: 0;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .news-image {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        width: 100%;
        height: auto;
        padding: 100% 0 0;
        margin: 0 0 20px
    }
}

.news-image>figure {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden;
    background-color: #001534
}

.news-image>figure img {
    opacity: 0;
    width: auto;
    height: 100%
}

.news-image .news-link {
    background-color: transparent;
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 3;
    transition: all .3s ease
}

.news-date,
.news-title {
    display: block;
    width: 100%;
    height: auto;
    padding: 0
}

.news-image .news-link:hover {
    transition: all .3s ease;
    background-color: rgba(0, 0, 0, .3)
}

.news-title {
    margin: 0 0 3px;
    color: #001534;
    line-height: normal;
    font-size: 20px!important;
    font-size: 1.25rem!important
}

@media only screen and (max-width:39.9375em) {
    .news-title {
        font-size: 26px!important;
        font-size: 1.625rem!important
    }
}

.news-title .news-link {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    color: #001534
}

.news-date {
    margin: 0 0 10px;
    color: #757575;
    font-size: 14px!important;
    font-size: .875rem!important
}

.charnews,
.news-context {
    display: block;
    margin: 0;
    width: 100%;
    height: auto
}

.news-context {
    padding: 0;
    color: #424242;
    line-height: normal;
}

.charnews {
    padding: 0 20px
}

.charnews-list {
    display: table;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 20px
}

.charnews-image,
.charnews-image>figure,
.charnews-list>li {
    display: block;
    overflow: hidden
}

.charnews-list>li {
    float: left;
    position: relative;
    width: 25%;
    height: auto;
    padding: 0 10px;
    margin: 0 0 30px
}

@media only screen and (max-width:39.9375em) {
    .charnews-list>li {
        width: 100%
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .charnews-list>li {
        width: 50%
    }
}

.charnews-image {
    background-color: #EFEDE9;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 100% 0 0;
    margin: 0 0 10px
}

.charnews-image>figure {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #001534
}

.charnews-image>figure img {
    width: auto;
    height: 100%;
    opacity: 0
}

.charnews-date,
.charnews-title {
    display: block;
    width: 100%;
    height: auto;
    padding: 0
}

.charnews-title {
    margin: 0 0 3px;
    color: #001534;
    line-height: normal;
    font-size: 20px!important;
    font-size: 1.25rem!important
}

.charnews-date {
    margin: 0 0 10px;
    color: #757575;
    font-size: 14px!important;
    font-size: .875rem!important
}

.charnews-context,
.faq {
    width: 100%;
    height: auto;
    margin: 0;
    display: block
}

.charnews-context {
    padding: 0;
    color: #616161;
    line-height: normal;
    font-size: 16px!important;
    font-size: 1rem!important
}

.faq {
    background-color: #EFEDE9;
    padding: 0 20px
}

.faq #faq-tabs {
    background-color: transparent;
    border: none
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .faq .columns {
        padding-left: 0;
        padding-right: 0
    }
    .faq #faq-tabs {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:39.9375em) {
    .faq .columns {
        padding-left: 0;
        padding-right: 0
    }
    .faq #faq-tabs {
        margin-bottom: 30px
    }
}

.faq #faq-tabs>li {
    position: relative
}

.faq #faq-tabs>li:after {
    display: block;
    position: absolute;
    width: auto;
    height: 0;
    padding: 0;
    margin: 0;
    right: 0;
    left: 20px;
    bottom: 0;
    border-bottom: 1px solid #E0E0E0
}

.faq #faq-tabs>li.is-active>a {
    background: 0 0;
    color: #212121
}

.faq #faq-tabs>li:last-child:after {
    display: none;
    visibility: hidden;
    opacity: 0
}

.faq #faq-tabs>li>a {
    padding: 12px 20px 12px 30px;
    margin: 0;
    outline: 0;
    color: #757575;
    line-height: 28px;
    font-size: 24px!important;
    font-size: 1.5rem!important
}

@media only screen and (max-width:39.9375em) {
    .faq #faq-tabs>li>a {
        line-height: normal;
        font-size: 22px!important;
        font-size: 1.375rem!important
    }
}

.faq #faq-tabs>li>a:focus,
.faq #faq-tabs>li>a:hover {
    background-color: transparent;
    color: #424242
}

.faq #faq-tabcontent p,
.faq #faq-tabcontent ul {
    font-family: "Open Sans", sans-serif;
    font-size: 18px!important;
    color: #212121;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.faq #faq-tabs>li>a>i {
    position: absolute;
    left: 0;
    top: 12px;
    display: block;
    width: 20px;
    height: auto;
    padding: 0;
    margin: 0
}

.faq #faq-tabcontent {
    border: none;
    position: relative;
    padding: 20px;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .faq #faq-tabcontent {
        padding: 10px
    }
}

.faq #faq-tabcontent>.tabs-panel {
    padding: 20px;
    border: 1px solid #EFEDE9
}

@media only screen and (max-width:39.9375em) {
    .faq #faq-tabcontent>.tabs-panel {
        padding: 10px;
        border: none
    }
    .ctaction-listnow .form [type=text] {
        text-align: center
    }
}

.ctaction,
.ctaction-listnow {
    padding-right: 20px;
    padding-left: 20px
}

.faq #faq-tabcontent p {
    font-size: 1.125rem!important
}

.faq #faq-tabcontent ul {
    font-size: 1.125rem!important;
    padding-left: 20px
}

.ctaction-button,
.ctaction-listnow .header-title,
.ctaction-subtitle,
.ctaction-title {
    font-family: "Open Sans", sans-serif;
}

.ctaction {
    position: relative
}

.ctaction:after {
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 0
}

.ctaction-listnow .header {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 30px;
    margin: 0 0 50px;
    color: #fff;
    background-color: transparent;
    text-align: center
}

.ctaction-listnow .header-title {
    display: block;
    height: auto;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 0 0 30px;
    color: #fff;
    font-style: normal;
    font-weight: 400
}

.ctaction-listnow .header-subtitle {
    display: block;
    height: auto;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
    line-height: 30px;
    color: #fff;
    font-size: 18px!important;
    font-size: 1.125rem!important
}

.ctaction-listnow .form-wrapper {
    display: block;
    width: 100%;
    max-width: 720px;
    height: auto;
    padding: 0;
    margin: 0 auto 50px
}

.ctaction-listnow .form [type=text] {
    height: 56px;
    border: none;
    outline: 0;
    box-shadow: none;
    margin-bottom: 0
}

.ctaction-listnow .form [type=text]::-webkit-input-placeholder {
    color: #001534
}

.ctaction-listnow .form [type=text]::-moz-placeholder {
    color: #001534
}

.ctaction-listnow .form [type=text]:-ms-input-placeholder {
    color: #001534
}

.ctaction-listnow .form [type=text]:-moz-placeholder {
    color: #001534
}

.ctaction-listnow .content-bottom,
.ctaction-subtitle,
.ctaction-title {
    display: block;
    height: auto;
    width: 100%;
    color: #fff
}

.ctaction-listnow .form .button {
    margin-bottom: 0
}

.ctaction-listnow .content-bottom {
    max-width: 600px;
    padding: 20px 0 0;
    margin: 0 auto;
    text-align: center
}

.ctaction-listnow .content-bottom p {
    line-height: 30px;
    margin: 0;
    padding: 0;
    font-size: 16px!important;
    font-size: 1rem!important
}

.ctaction .content-wrapper {
    position: relative;
    z-index: 1
}

.ctaction-title {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 0 30px;
    text-align: center;
    line-height: normal;
    font-style: normal;
    font-weight: 400
}

.ctaction-options,
.ctaction-subtitle {
    padding: 0;
    text-align: center
}

.ctaction-subtitle {
    max-width: 600px;
    margin: 0 auto 40px;
    line-height: 30px;
    font-size: 18px!important;
    font-size: 1.125rem!important;
    font-style: normal;
    font-weight: 400
}

.contact,
.ctaction-options {
    width: 100%;
    margin: 0;
    height: auto;
    display: block
}

.ctaction-button {
    font-size: 18px!important;
    font-style: normal;
    font-weight: 400
}

.contact .submit-message,
.contact-social-title,
.contact-vcard-text>span {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400
}

.contact {
    position: relative;
    padding: 0 20px
}

.contact .content-wrapper {
    padding-bottom: 0
}

.contact .content-contact-left {
    float: left;
    width: 50%;
    height: auto;
    padding: 0 20px 0 0;
    margin: 0 0 60px;
    display: block
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .contact .content-contact-left {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 0;
        padding-right: 0
    }
}

@media only screen and (max-width:39.9375em) {
    .contact .content-contact-left {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 0;
        padding-right: 0
    }
}

.contact .content-contact-right {
    float: left;
    width: 50%;
    height: auto;
    padding: 0 0 0 20px;
    margin: 0 0 60px;
    display: block
}

.contact-image,
.contact-image-agent {
    width: 100%;
    display: block;
    height: auto
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .contact .content-contact-right {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 0;
        padding-left: 0
    }
    .contact-image-agent {
        left: 0
    }
}

@media only screen and (max-width:39.9375em) {
    .contact .content-contact-right {
        float: none;
        width: 100%;
        clear: both;
        margin-bottom: 0;
        padding-left: 0
    }
    .contact-image-agent {
        left: 0;
        right: 0;
        bottom: 0
    }
}

.contact-image {
    position: relative;
    padding: 0;
    margin: 0 0 30px
}

.contact-image-agent {
    padding: 100% 0 0;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.contact-agent-image {
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    padding: 0;
    margin: 0;
    overflow: hidden
}

@media only screen and (min-width:960px) and (max-width:1023px) {
    .contact-agent-image {
        border-bottom: 1px solid #001534
    }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .contact-agent-image {
        border-bottom: 1px solid #001534
    }
}

@media only screen and (min-width:480px) and (max-width:599px) {
    .contact-agent-image {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #001534
    }
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .contact-agent-image {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #001534
    }
}

@media only screen and (max-width:320px) {
    .contact-agent-image {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #001534
    }
}

.contact-agent-image img {
    position: absolute;
    bottom: 0;
    left: 44.86647%;
    width: 400px;
    max-width: none;
    height: auto;
    margin: auto
}

.contact-info>li,
.contact-information {
    display: block;
    height: auto;
    position: relative
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
    .contact-agent-image img {
        left: 50.89331%
    }
}

@media only screen and (min-width:600px) and (max-width:767px) {
    .contact-agent-image {
        border-bottom: 1px solid #001534
    }
    .contact-agent-image img {
        left: 50.89331%
    }
}

@media only screen and (min-width:480px) and (max-width:599px) {
    .contact-agent-image img {
        position: relative;
        width: 100%;
        max-width: 400px;
        height: auto;
        bottom: auto;
        top: 0;
        left: auto
    }
}

@media only screen and (min-width:321px) and (max-width:479px) {
    .contact-agent-image img {
        position: relative;
        width: 100%;
        max-width: 400px;
        height: auto;
        bottom: auto;
        top: 0;
        left: auto
    }
}

@media only screen and (max-width:320px) {
    .contact-agent-image img {
        position: relative;
        width: 100%;
        max-width: 400px;
        height: auto;
        bottom: auto;
        top: 0;
        left: auto
    }
}

.contact-information {
    width: 100%;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto auto
}

.contact-form {
    padding-bottom: 60px
}

@media only screen and (max-width:39.9375em) {
    .contact-form {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px
    }
}

.contact-form .column {
    padding-left: 0;
}

.contact-form .column-firstname {
    padding-right: 10px
}

.contact-form .column-lastname {
    padding-left: 10px
}

@media only screen and (max-width:39.9375em) {
    .contact-form .column-firstname {
        padding-right: 0
    }
    .contact-form .column-lastname {
        padding-left: 0
    }
    .contact-form #form-submit {
        display: block;
        width: 100%
    }
}

.contact-form textarea {
    min-height: 150px
}

.contact-info {
    display: table;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 40px
}

.contact-info>li {
    float: left;
    width: 50%;
    padding: 0 0 0 40px;
    margin: 0 0 10px
}

.contact-info>li>i,
.contact-info>li>span {
    padding: 0;
    margin: 0;
    display: block;
    height: auto
}

@media only screen and (max-width:39.9375em) {
    .contact-info>li {
        float: none;
        width: 100%
    }
}

.contact-info>li>span {
    width: 100%
}

.contact-info>li>i {
    position: absolute;
    width: 30px;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 20px
}

.contact-info>li>a {
    color: #000
}

.contact-info>li>a:hover {
    color: #001534;
    text-decoration: underline
}

.contact-vcard {
    display: table;
    width: 100%;
    max-width: 266px;
    min-height: 134px;
    height: auto;
    padding: 20px;
    margin: 0 0 50px;
    background-color: #001534;
    border-radius: 5px;
    position: relative;
    color: #fff;
    overflow: hidden
}

.contact-vcard:after,
.contact-vcard:before {
    display: block;
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #fff;
    content: ""
}

.contact-vcard:before {
    left: 48px
}

.contact-vcard:after {
    right: 48px
}

.contact-vcard .colleft,
.contact-vcard .colright {
    width: 50%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
    float: left
}

.contact-vcard .colleft {
    text-align: center
}

.contact-vcard-icon {
    width: auto;
    max-width: 100%;
    height: auto
}

.contact-social,
.contact-vcard-text,
.contact-vcard-text>span {
    width: 100%;
    margin: 0;
    height: auto
}

.contact-vcard-text {
    display: block;
    padding: 16px 0 0;
    text-align: center;
    line-height: normal;
    color: #fff;
    font-size: 32px!important;
    font-size: 2rem!important
}

.contact-vcard-text>span {
    font-size: 14px!important;
    font-size: .875rem!important;
    text-transform: uppercase;
    display: block;
    padding: 0;
    clear: both
}

.contact-social {
    display: table;
    padding: 0
}

.contact-social>li {
    display: block;
    width: auto;
    height: auto;
    float: left;
    padding: 0;
    margin: 0 10px 10px 0
}

.contact-social>li>a {
    display: table;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    padding: 0;
    margin: 0;
    text-decoration: none;
    text-align: center;
    color: #001534;
    outline: 0;
    background-color: #fff;
    border: 1px solid #001534;
    font-size: 24px!important;
    font-size: 1.5rem!important;
    transition: all .3s ease
}

.contact-social>li>a:hover {
    background-color: #001534;
    color: #fff;
    transition: all .3s ease
}

.contact-social>li>a>i {
    display: table-cell;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

.contact-social-title {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 10px;
    color: #001534;
    font-size: 14px!important;
    font-size: .875rem!important
}

footer,
footer .footer-top {
    margin: 0;
    display: block;
    width: 100%;
    height: auto
}

.contact .submit-message {
    font-size: 17px
}

footer {
    background-color: #001534;
    padding: 0;
    color: #fff
}

footer .footer-top {
    padding: 0 20px
}

footer .footer-top .content-wrapper {
    padding-bottom: 30px
}

footer .footer-top .column {
    margin-bottom: 30px
}

footer .footer-bottom {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 20px;
    margin: 0;
    font-size: 14px;
    text-align: center;
    background-color: rgba(0, 0, 0, .2)
}

footer .footer-bottom .content-wrapper {
    max-width: 600px;
    padding-top: 30px;
    padding-bottom: 30px
}

footer .footer-menu,
footer .footer-menu>li {
    display: block;
    width: 100%;
    padding: 0;
    height: auto
}

footer .footer-bottom .column {
    border-right: 1px solid #757575
}

@media only screen and (max-width:39.9375em) {
    footer .footer-bottom .column:first-child {
        margin-bottom: 20px;
        border-right: none
    }
}

footer .footer-bottom .column:last-child {
    border-right: none
}

footer .footer-bottom .column>a {
    color: #fff;
    text-decoration: none;
    outline: 0
}

footer .footer-bottom .column>a:hover {
    text-decoration: underline;
    color: #fff
}

footer .footer-menu,
footer .footer-menu>li {
    margin: 0
}

footer .footer-menu>li>a {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 2px 0;
    margin: 0;
    color: #BDBDBD;
    font-size: 16px
}

footer .footer-menu>li>a:hover {
    color: #fff
}

footer .footer-menu-title {
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 11px;
    margin: 0 0 30px;
    position: relative;
    font-size: 24px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 400
}

footer .footer-menu-title:before {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    width: 100px;
    height: 0;
    border-bottom: 1px solid #757575;
    padding: 0;
    margin: 0
}

.directory,
.directory-listing {
    height: auto;
    width: 100%;
    margin: 0
}

.directory {
    display: none;
    opacity: 0;
    visibility: hidden;
    background-color: #EFEDE9;
    padding: 0 20px;
    color: #001534
}

.directory.directory-open {
    display: block;
    opacity: 1;
    visibility: visible
}

.directory .content-wrapper {
    padding-left: 20px;
    padding-right: 20px
}

@media only screen and (max-width:39.9375em) {
    .directory .content-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.directory-listing {
    display: block;
    padding: 0
}

.directory-listing:after,
.directory-listing:before {
    visibility: hidden;
    opacity: 0;
    display: table;
    width: 100%;
    height: 0;
    content: "";
    padding: 0;
    margin: 0;
    clear: both
}

.directory-listing>li {
    position: relative;
    z-index: 1;
    float: left;
    width: 25%;
    height: auto;
    padding: 0 1px 1px;
    margin: 0
}

.directory-listing>li:nth-child(4n+1) {
    clear: left
}

.directory-listing>li:hover {
    z-index: 3
}

@media only screen and (min-width:64em) and (max-width:74.9375em) {
    .directory-listing>li {
        width: 33.33333%
    }
    .directory-listing>li:nth-child(4n+1) {
        clear: none
    }
    .directory-listing>li:nth-child(3n+1) {
        clear: left
    }
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .directory-listing>li {
        width: 50%
    }
    .directory-listing>li:nth-child(4n+1) {
        clear: none
    }
    .directory-listing>li:nth-child(2n+1) {
        clear: left
    }
}

.directory-listing>li>a,
body,
html {
    position: relative;
    width: 100%;
    margin: 0
}

@media only screen and (max-width:39.9375em) {
    .directory-listing>li {
        float: none;
        width: 100%
    }
    .directory-listing>li:nth-child(4n+1) {
        clear: none
    }
}

.directory-listing>li>a {
    display: block;
    height: auto;
    padding: 10px 15px;
    color: #212121;
    text-decoration: none;
    line-height: normal;
    outline: 0;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    background-color: #fff;
    text-transform: capitalize;
    transition: all .3s ease
}

.directory-listing>li>a:hover {
    background-color: #001534;
    color: #fff;
    border-color: #001534;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
    transition: all .3s ease
}

.directory-listing>li>a:hover>i {
    color: #fff
}

.directory-listing>li>a>i,
.the-title {
    color: #001534
}

.hide {
    display: none;
    visibility: hidden;
    opacity: 0
}

body,
html {
    display: block;
    height: 100%;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 100
}

.fa.fa-left-xs {
    margin-right: 5px
}

.fa.fa-left-sm {
    margin-right: 10px
}

.fa.fa-left-md {
    margin-right: 15px
}

.fa.fa-left-lg {
    margin-right: 20px
}

.fa.fa-left-xl {
    margin-right: 25px
}

.fixed-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed
}

.frameIt:before {
    position: absolute;
    content: "";
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    width: auto;
    height: auto;
    background: 0 0;
    
}

@media only screen and (min-width:40em) and (max-width:63.9375em) {
    .frameIt:before {
        border: 15px solid rgba(255, 255, 255, .5)
    }
}

@media only screen and (max-width:39.9375em) {
    .frameIt:before {
        border: 10px solid rgba(255, 255, 255, .5)
    }
}

.the-title {
    clear: both;
    display: block;
    width: 100%;
    height: auto;
    padding: 0 0 10px;
    margin: 0 0 50px;
    position: relative;
    line-height: normal
}

.the-title:before {
    display: block;
    content: "";
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 0;
    border-bottom: 1px solid #001534
}

@media only screen and (max-width:39.9375em) {
    .the-title {
        margin-bottom: 30px
    }
}

.content-wrapper {
    display: block;
    width: 100%;
    max-width: 1280px;
    height: auto;
    padding: 60px 0;
    margin: 0 auto
}

.content-wrapper:after,
.content-wrapper:before {
    visibility: hidden;
    opacity: 0;
    display: table;
    width: 100%;
    height: 0;
    content: "";
    padding: 0;
    margin: 0;
    clear: both
}

@media only screen and (max-width:39.9375em) {
    .content-wrapper {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.section-divider {
    display: block;
    width: 100%;
    max-width: 1280px;
    height: 1px;
    padding: 0;
    margin: 0 auto;
    clear: both;
    background: #E0E0E0;
    /*background: #EFEDE9;*/
    /*background: -webkit-linear-gradient(-90deg, transparent, #001534, transparent);
    background: -o-linear-gradient(-90deg, transparent, #001534, transparent);
    background: -moz-linear-gradient(-90deg, transparent, #001534, transparent);
    background: linear-gradient(-90deg, transparent, #001534, transparent)*/

}

.section-divider.white-divider {
    background: #fff
}

.backToTop {
    display: table;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    position: fixed;
    z-index: 8;
    right: 20px;
    bottom: 20px;
    background-color: #001534;
    color: #fff;
    text-align: center;
    text-decoration: none;
    outline: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    font-size: 24px!important;
    font-size: 1.5rem!important
}

.backToTop:focus,
.backToTop:hover {
    outline: 0;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23)
}

.backToTop>i {
    display: table-cell;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    vertical-align: middle
}

form .success-message,
form .error-message {
    display: none;
}

form .success-message p,
form .error-message p {
    margin: 1rem 0 0;
    text-align: center;
}

form.submission-success .success-message {
    display: block;
}

form.submission-success #form-submit,
form.submission-success .reveal-footer ul {
    display: none;
}

form.submission-error .error-message {
    display: block;
}

form#footer-msg-form .contact-number {
    left: -9000px;
    position: absolute;
    top: -9000px;
}

#cta-modal1 label.first-name,
#cta-modal3 label.first-name,
#cta-modal1 label.surname,
#cta-modal3 label.surname {
    width: 48%;
}

#cta-modal1 label.first-name,
#cta-modal3 label.first-name {
    float: left;
}

#cta-modal1 label.surname,
#cta-modal3 label.surname {
    float: right;
}

#cta-modal1 label.mobile,
#cta-modal3 label.mobile {
    clear: both;
}
.column-auto {    
flex: 1 1 auto;

}

.primary-menu .link:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    visibility: hidden;
    width: 100%;
    height: 0;
    content: '';
    transition: all 200ms ease-out;
    opacity: 0;
    background-color: #6c8cc0;
}
@media screen and (max-width: 1024px)  {
    .primary-menu {
        background: #001534;
    }
}


@media screen and (max-width: 64em) {
    .about-image {display: none !important;}
}


@media screen and (max-width: 481px) {
    .property-grid .result-image {height: 280px !important;}
}
@media (max-width: 768px) {
    .agent-testimonials .slick-arrow {
        top:130px !important;
    }
    .property-grid .result-address .street, .property-grid .result-address .suburb {
        display: inline-block !important;
    }
    .property-grid .result-address .suburb {
        margin-left: 10px;
    }

}