/*Dark Blue: #0C4A68
Light Blue: #81C3E7
Gold/Mustard: #BAA83D*/

header {
    background: #0C4A68;
}

.large_nav, #header_logo_title_wrap {
    color: white;
}

.footer_top {
    background: #0C4A68;
}

.conversation_wrapper {
    display: none;
}

.model_wrapper {
    display: inline-block;
}

.small_nav li:hover {
    color: white;
}

/************************ SLIDE SHOW ************************/

.slideShow {
    width: 100%;
}

.slide {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 28.5em;
}

#slide1 {
    background-image: url('../Images/SlideShow/arrows.jpg');
}

#slide3 {
    background-image: url('../Images/SlideShow/numbers.jpg');
}

#slide4 {
    background-image: url('../Images/SlideShow/worker-men.jpg');
}

#slide2 {
    background-image: url('../Images/SlideShow/Cam-compressor.jpg');
}

#slide5 {
    background-image: url('../Images/SlideShow/goldenEgg.jpg');
}

#slide6 {
    background-image: url('../Images/SlideShow/computer.jpg');
}

.banner {
    display: inline-block;
    font-family: Spread-Light;
    color: #FFFFFF;
    position: relative;
}

.line {
    font-family: Spread-Light;
    font-size: 2.44em;
}

.banner .line {
    display: inline-block;
    padding-left: .4em;
    padding-right: .69em;
    padding-top: .25em;
}

#slide4 .line, #slide5 .line {
    background-color: #BAA83D;
}

#slide1 .line, #slide6 .line, #slide3 .line {
    background-color: #81C3E7;
}

#slide2 .line {
    background-color: #0C4A68;
}

.bannerCont {
    height: 100%;
    width: 100%;
}

.banner .line2 {
    margin-bottom: .15em;
}

.banner .line1 {
    margin-bottom: .15em;
}

.line2 {
    font-family: Spread-Italic-Light;
}

.banner a {
    font-size: .64em;
    display: inline-block;
    margin-top: .5em;
    font-family: AzoSans-Regular;
    transition: opacity .2s ease-out;
}

.banner a span {
    font-size: 1.75em;
    margin-left: .2em;
    position: relative;
    top: .017em;
}

#slide1 .banner {
    position: relative;
    top: 30%;
    left: 15.8%;
}

#slide2 .banner {
    top: 35%;
    left: 55%;
}

#slide3 .banner {
    top: 39%;
    left: 14%;
}

#slide4 .banner {
    top: 34%;
    left: 52%;
}

#slide5 .banner {
    top: 35%;
    left: 16.2%;
}

/* Dots */

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

.slick-dots {
    position: absolute;
    top: 1.8em;
    width: initial;
    left: 78%;
    height: 2em;
    width: 2em;
    /* display: inline; */
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    /* text-align: center; */
}

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

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

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

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    color: #81c3e7;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 31px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    color: #FFFFFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: #81c3e7;
}

button.slick-next {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../Images/SlideShow/arrowRight.png');
}

button.slick-prev {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../Images/SlideShow/arrowLeft.png');
    content: '';
}

.slideNav {
    display: none;
    position: absolute;
    top: 10em;
    transform: translateY(-50%);
    height: 3em;
    width: 1.8em;
    background-repeat: no-repeat;
    background-size: contain;
}

.nextSlide {
    background-image: url('../Images/SlideShow/arrowRight.png');
    right: 1em;
}

.prevSlide {
    background-image: url(../Images/SlideShow/arrowLeft.png);
    left: 1em;
}

.top {}

.slideNav.bottom {
    display: none !important;
}

/************************ ARTICLE ************************/

.article {
    color: #0C4A68;
    margin-top: 5.2em;
    margin-bottom: 5.2em;
}

.article h1, .article h3 {
    font-weight: 600;
}

.article h5 {
    color: #BAA83D;
    margin-top: 1em;
    margin-bottom: 1.2em;
    font-size: .85em;
    font-weight: normal;
}

.articleCont {}

.iconCont {}

.innerCont {
    width: 50%;
    float: left;
    padding: 6em;
    padding-bottom: 2.9em;
    padding-top: 2em;
    box-sizing: border-box;
}

.innerCont:first-of-type {
    border-right: 1px solid #BAA83D;
    padding-left: 4.2em;
}

.innerCont:not(first-of-type) {
    /* padding-right: 4.2em; */
}

.border {
    width: 100%;
    padding-top: 3em;
    border-bottom: 1px solid #BAA83D;
}

.article .innerCont p {
    /*font-size: .85em;*/
    font-size: .95em;
    line-height: 1.67em;
    /* font-weight: 500; */
}

.article .innerCont a {
    font-size: .86em;
    line-height: 0;
    position: relative;
    top: .04em;
}

.article .innerCont a span {
    font-size: 1.67em;
    line-height: 0;
    position: relative;
    top: .01em;
}

.article .innerCont img {
    height: 4em;
    margin-bottom: 1.8em;
}

/************************ CASE STUDY SLIDE SHOW ************************/

.caseStudySection {}

#caseStudySlides {}

.csSlide {
    cursor: pointer;
}

.caseStudyLine {
    background-color: #81C3E7;
    color: #FFFFFF !important;
    white-space: nowrap;
    position: absolute;
    padding-left: .4em;
    padding-right: .4em;
    padding-top: .24em;
    top: 3.5em;
    left: 50%;
    transform: translateX(-50%);
}

.darkBack {
    background-color: black;
}

.csSlide .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    height: 19.45em;
    margin-bottom: 5em;
    transition: .3s ease-out;
    border-right: 1px solid #FFFFFF;
}

.img.rental {
    background-image: url('../Images/SlideShow/Pillers-sm-compressor.jpg');
}

.img.balloons {
    background-image: url('../Images/SlideShow/Mall-compressor-sm.jpg');
}

.img.calculator {
    background-image: url('../Images/SlideShow/Condos-compressor-sm-compressor.jpg');
}

.img.restaurant {
    background-image: url('../Images/SlideShow/RestaurantLrg-compressor-sm.jpg');
}

.img.retail {
    background-image: url('../Images/SlideShow/ShoppingCenter-sml-compressor.jpg');
}

.img.offeringMemorendom {
    background-image: url('../Images/SlideShow/OfferingMemorandum-sm-compressor.jpg');
}

.img.construction {
    background-image: url('../Images/SlideShow/construction-sm-compressor.jpg');
}

.case {
    margin-bottom: 5em;
    padding: 3em;
    padding-top: 1.2em;
    padding-bottom: 1.3em;
    padding-right: 0em;
    border-right: 1px solid #baa83d;
}

.csSlide:last-of-type .case {
    border: none;
}

.case h2 {
    font-size: 2.1em;
    font-weight: normal;
    text-transform: UPPERCASE;
}

.case h5 {
    color: #baa83d;
    font-family: Spread-Italic-Light;
    font-size: 1.2em;
    margin-top: .7em;
    margin-bottom: .3em;
}

.case a {
    font-size: .76em;
}

.case a span {
    font-size: 1.8em;
    line-height: 0;
    position: relative;
    top: .05em;
}

.conseal {
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #FFFFFF;
    top: 0;
    right: 0;
}

/************************ MEDIA QUERIES ************************/

@media only screen and (min-width: 960px) {
    .footer_top {
        background: #0C4A68;
    }
    .conversation_wrapper {
        display: none;
    }
    .model_wrapper {
        display: inline-block;
    }
    .csSlide:hover .img {
        opacity: .8;
    }
    .csSlide:hover .case, .csSlide:hover .case h5 {
        color: rgba(1, 7, 10, 0.64) !important;
    }
}

@media only screen and (max-width: 1520px) {
    .footer_top {
        background: #0C4A68;
    }
    .conversation_wrapper {
        display: none;
    }
    .model_wrapper {
        display: inline-block;
    }
    .container {
        width: 100%;
    }
    .innerCont:first-of-type {
        padding-left: 7em !important;
    }
    .innerCont:not(first-of-type) {
        padding-right: 6.4em !important;
    }
}

@media only screen and (max-width: 1050px) {
    .footer_top {
        background: #0C4A68;
    }
    .conversation_wrapper {
        display: none;
    }
    .model_wrapper {
        display: inline-block;
    }
    .container {
        width: 100%;
    }
}

@media only screen and (max-width: 959px) {
    .footer_top {
        background: #0C4A68;
    }
    .conversation_wrapper {
        display: none;
    }
    .model_wrapper {
        display: inline-block;
    }
    .innerCont {
        width: 100%;
        padding-top: 0;
        padding-left: 7em !important;
        padding-bottom: 4.8em;
    }
    .caseStudyLine {
        display: inline;
    }
    .innerCont:last-of-type {
        padding-bottom: 0;
    }
    .article {
        margin-top: 7em;
        margin-bottom: 6.5em;
    }
    .article .innerCont img {
        height: 4.2em;
        margin-bottom: 0;
    }
    .articleCont {
        display: table-cell;
        position: relative;
        padding-left: 1.8em;
        vertical-align: top;
    }
    .article .innerCont img {
        height: 4.2em;
        margin-bottom: 1.8em;
    }
    .slide {
        font-size: 1.2em;
        font-size: 1.3em;
    }
    .iconCont {
        display: table-cell;
        margin-right: 2em;
    }
    .innerCont {
        font-size: 1.1em;
        vertical-align: top;
        position: relative;
        display: table;
        position: relative;
    }
    .innerCont:not(:first-of-type) {
        padding-bottom: 0;
    }
    .innerCont:first-of-type {
        border-right: none;
    }
    .caseStudySection .line {
        background-color: #81C3E7;
        color: #FFFFFF;
        white-space: nowrap;
        position: absolute;
        padding-left: .4em;
        padding-right: .4em;
        padding-top: .2em;
        font-size: 3.5em;
        top: 2.1em;
        left: 50%;
        transform: translateX(-50%);
    }
    #slide2 .banner {
        left: 10%;
    }
    .article {
        font-size: 1.16em;
    }
}

@media only screen and (max-width: 828px) {
    .innerCont, .innerCont:first-of-type {
        padding-left: 6em !important;
    }
}

@media only screen and (max-width: 1050px) {
    .footer_top {
        background: #0C4A68;
    }
    .conversation_wrapper {
        display: none;
    }
    .model_wrapper {
        display: inline-block;
    }
    .innerCont .line2, .innerCont .line1 {
        font-weight: normal;
        -webkit-text-stroke: .5px #0C4A68;
    }
    .innerCont:first-of-type {
        padding-left: 6em;
    }
}

@media only screen and (max-width: 479px) {
    .line {
        font-size: 3em;
    }
    .conseal {
        display: none;
    }
    .desktop {
        display: none !important;
    }
    .mobile {
        display: inline-block !important;
    }
    .banner {
        position: relative;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
    }
    .banner a {
        font-size: 1.2em;
        margin-top: 0;
    }
    .slick-dots {
        left: 50%;
        transform: translateX(-50%);
        top: 32em;
        width: auto;
    }
    .slick-dots li button:before {
        font-size: 45px;
    }
    .articleCont {
        padding-left: 0;
    }
    .article .innerCont, .innerCont:first-of-type {
        font-size: 1.15em !important;
        padding-left: 3.5em !important;
        padding-right: 3.5em !important;
    }
    .innerCont .line2 {
        font-size: 3.9em !important;
        font-weight: normal;
        line-height: .95em;
        -webkit-text-stroke: .7px #0C4A68;
    }
    .innerCont:not(:first-of-type) {
        padding-top: 0em !important;
    }
    .innerCont a {
        font-size: 1em !important;
    }
    .innerCont h5 {
        font-size: 1.3em !important;
    }
    .innerCont p {
        font-size: 1.3em !important;
    }
    .csSlide .img {
        height: 37.7em;
    }
    .caseStudySection .line {
        font-size: 4.16em;
        top: 4em;
    }
    .caseCont {
        display: inline-block;
        text-align: left;
    }
    .case {
        margin-bottom: 3.17em;
        font-size: 1.9em;
        text-align: center !important;
        padding-right: 3em;
    }
    .case h5 {
        margin-bottom: .5em;
    }
    .prevSlide {
        background-image: url('../Images/SlideShow/arrowLeftB.png');
        left: 2em;
    }
    .nextSlide {
        background-image: url('../Images/SlideShow/arrowRightB.png');
        right: 2em;
    }
    .slideNav {
        top: 56.5em;
        height: 4em;
        width: 2.5em;
    }
}

.main-section-wrap {
    padding: 0 3.5em;
}

.three-col-section-header {
    margin-bottom: 10px;
    font-family: Spread-Light;
    font-weight: 700;
    font-size: 2.1em;
}

.with-lease-probe-sub-header {
    font-style: italic;
    color: #BAA83D;
    line-height: 1.5;
    font-family: Spread-Italic-Light;
    font-weight: 600;
    font-size: 22px;
    max-width: 1200px;
    letter-spacing: .1em;
}

.main-section-header {
    font-family: sans-serif;
    text-transform: uppercase;
    margin-bottom: 32px;
    font-size: 2.1em;
    font-weight: normal;
}

.three-col-wrap {
    display: flex;
    flex-direction: column;
    margin: 40px auto 0;
    max-width: 500px;
    width: 100%;
}

.three-col-section-wrap {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1.7;
}

.learn-more-about-section {
    margin-top: 30px;
    text-transform: uppercase;
    font-size: 14px;
}

.learn-more-about-section span {
    font-size: 1.8em;
    line-height: 0;
    position: relative;
    top: .05em;
}

@media(min-width: 1024px) {
    .main-section-wrap {
        padding: 0 4.2em;
    }
    .three-col-wrap {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 0;
        margin-top: 40px;
        max-width: 100%;
    }
    .three-col-section-wrap:nth-child(even) {
        padding: 0 3em;
    }
}