/************************ LAYOUT *************************/
.footer_top {
    display: none !important;
}

.profile_sec {
    display: none !important;
}

.slick-list {overflow: visible;}
/************************ END LAYOUT *************************/
.block {
    display: block;
}

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

.block.p {
    margin-top: 1em;
}

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

.slideNav {
    display: inline;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2.7em;
    width: 1.59em;
    background-repeat: no-repeat;
    background-size: contain;
}

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

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

/* Dots */
.slick-dots {
    position: absolute;
    width: initial;
    height: 2em;
    width: 2em;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
}

    .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: 45px;
                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;
        }

.slideCont {
    position: relative;
}

.slideShow {
    width: 100%;
    position: relative;
}

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

.slide {
}

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

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

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

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

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

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

#slide7 {
    background-image: url('../Images/SlideShow/Pillers-compressor.jpg');
    background-position: right;
}

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

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

.caseMenuCont {
    max-width: 1150px !important;
}

.caseMenu {
    position: absolute;
    /*bottom: -4.3em;*/
	top: -18em;
    background: #FFFFFF;
    padding-right: 1.5em;
    padding-left: 1.5em;
    max-width: 13em;
    padding-bottom: .75em;
    z-index: 10;
}

.case_nav_title {
    padding-top: 1.5em;
    color: #ac9515;
    font-size: 1.5em;
    font-family: Spread-Italic-Light;
}

    .case_nav_title:last-of-type {
        padding-top: 1em;
    }

.option {
    display: block;
    font-size: .8em;
    padding-top: 1.6em;
    box-sizing: border-box;
    padding-bottom: 1.6em;
	border-bottom: 1px solid #ac9515;
}

    .option.selected {
        color: #ac9515;
    }

    /*.option:not(:last-of-type) {
        border-bottom: 1px solid #ac9515;
    }*/

.caseHeader {
    padding-top: 1.5em;
    padding-bottom: 1em;
    background-color: #0c4a68;
    /* text-align: center; */
}

    .caseHeader .line1 {
        color: #81c3e7;
    }

    .caseHeader .line2 {
        color: #FFFFFF;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
    }

.caseSlideShow {
    margin-bottom: 2.8em;
}

.caseStudyLine.line {
    background-color: #81C3E7;
    color: #FFFFFF;
    white-space: nowrap;
    position: absolute;
    padding-left: .7em;
    padding-right: .7em;
    padding-top: .25em;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.caseStudy {
    max-width: 1150px !important;
    margin-top: 7.2em;
    padding-bottom: 1.7em;
}

    .caseStudy table tr {
        padding-bottom: 1em;
    }

.caseHeader .container {
    max-width: 1150px !important;
}

.savings,
.take, .results {
    color: #ac9515;
}

.title {
    font-size: 24px;
    white-space: nowrap;
    vertical-align: top;
    padding-top: .1em;
	width: 220px;
}

.article {
    padding-left: 12em;
    font-size: .9em;
    line-height: 1.67em;
    padding-bottom: 3em;
}

.serviceTD {
    font-size: 1.35em;
    padding-left: 7.95em;
    padding-bottom: 2em;
}
    .article .break {
        margin-bottom: 1.55em;
    }

.caseHeader .article {
    padding-bottom: 0;
}

.savings_amnt {
    font-size: 1.75em;
    margin-top: 5px;
    display: inline-block;
}

.caseNavs {
    padding-top: 1.2em;
}

.nextCase {
    float: left;
}

    .nextCase .line {
        font-weight: 600;
        font-size: 2.68em;
    }

    .nextCase .line1 {
        color: #81C3E7;
    }

    .nextCase .line2 {
    }

    .nextCase img {
        margin-left: .7em;
    }

.previousCase {
}

    .previousCase img, .nextCase img {
        width: 2.3em;
        position: relative;
        display: inline-block;
        top: .5em;
    }

.profiles_sec {
    display: none;
}

.page_title {
    width: auto !important;
    position: relative;
    text-align: left;
    padding-left: 24em;
    min-height: 4.875em;
    height: 4.875em;
}

.abs {
    position: relative;
    font-size: .4em;
    top: -1.2em;
}

@media only screen and (min-width: 0px) {
    .footer_top {
        display: block !important;
        background: #0c4a68;
    }

    .conversation_wrapper {
        display: none;
    }

    .profiles_sec {
        display: none;
    }
}

@media only screen and (min-width: 960px) {
    .profile_sec {
        display: none !important;
    }

    .contact_question {
        width: 100% !important;
        border-top: solid 1px #baa83d !important;
        border-left: none !important;
        padding-top: 6em !important;
    }

    .contact_sec {
        width: 54% !important;
        float: left !important;
    }

    .c_content_wrapper {
        width: 68% !important;
        float: left !important;
        clear: left !important;
        letter-spacing: normal;
    }

    .question_sec {
        width: 40% !important;
        float: left !important;
    }

    .footer_top {
        display: none !important;
    }

    .footer_middle .sec_wrapper {
        margin: 0 auto 4em auto;
    }
}

@media only screen and (min-width: 1250px) {
    .profile_sec {
        display: none !important;
    }

    .contact_question {
        font-size: 1.15em;
    }

    .c_content_wrapper {
        font-size: .73em;
    }

    .add_first_line {
        font-size: .875em;
    }
}

@media only screen and (min-width: 2000px) {
    .caseStudy, .caseMenuCont {
        max-width: 1587px !important;
    }
}

@media only screen and (min-width: 1214px) and (max-width:1999px) {
    .cont {
        font-size: 1em !important;
    }
}

@media only screen and (max-width: 1050px) {
    .nextCase .line1 {
        color: #81c3e7;
        font-weight: normal;
        -webkit-text-stroke: .5px #81c3e7;
    }

    .nextCase .line2 {
        color: #0c4a68;
        font-weight: normal;
        -webkit-text-stroke: .5px #0c4a68;
    }
}

@media only screen and (max-width: 959px) {
    .cont {
        font-size: 1.1em !important;
    }

    .caseStudy {
        margin-top: 6.5em;
    }

    .nextCase {
        margin-top: -1.5em;
    }

    .slideNav {
        display: none;
    }

    .caseMenu {
        display: none;
    }

    .title {
        display: block;
        padding-bottom: .05em;
    }

    .slick-dots {
        transform: translateX(-50%);
        left: 50%;
        bottom: .5em;
        width: auto;
    }

    .article {
        padding-left: 0;
        display: block;
        padding-bottom: 4.4em;
    }

    .page_title {
        padding-left: 0;
        height: 10em;
    }
}

@media only screen and (max-width: 522px) {
    .page_title {
        height: 12em;
    }
}

@media only screen and (max-width: 479px) {
    .cont {
        font-size: 1em !important;
    }

    .title {
        font-size: 2em;
    }

    .slide {
        height: 20em;
    }

    .caseHeader {
        /*text-align: left;*/
    }

    .nextCase {
        margin-top: 0;
    }

        .nextCase .line1 {
            color: #0c4a68;
            font-weight: normal;
            -webkit-text-stroke: .5px #0c4a68;
        }

        .nextCase .line2 {
            color: #81c3e7;
            font-weight: normal;
            -webkit-text-stroke: .5px #81c3e7;
        }

    .caseHeader .line1 {
        /*display: block;
        padding-left: 10%;*/
        line-height: .7em;
    }

    .caseHeader .line2 {
        /*padding-left: 10%;*/
    }

    .container {
        width: 80%;
    }

    .previousCase {
        display: none;
    }

    .nextCase {
        float: left;
    }

    .caseNavs {
        padding-top: 0em;
        margin-top: -.8em;
    }

    .caseStudy {
        padding-bottom: 0;
        margin-top: 4.5em;
    }

    .article {
        font-size: .97em;
        padding-bottom: 3em;
    }

    .caseSlideShow {
        margin-bottom: 5.5em;
    }

    .caseNavs {
        font-size: .9em;
    }
}

@media only screen and (max-width: 388px) {
    .page_title {
        height: 15em;
    }
}

@media only screen and (max-width: 362px) {
    .cont {
        font-size: .93em !important;
    }
}

@media only screen and (min-width: 320px) {
    .page_title {
        width: 18em;
        display: inline-block;
    }
}

@media only screen and (min-width: 425px) {
    .page_title {
        width: 25em;
    }
}

@media only screen and (min-width: 580px) {
    .page_title {
        width: 28em;
        display: inline-block;
    }
}

@media only screen and (min-width: 675px) {
    .page_title {
        width: 31em;
        display: inline-block;
    }
}

@media only screen and (min-width: 730px) {
    .page_title {
        width: 36em;
        display: inline-block;
    }
}

@media only screen and (min-width: 1214px) {
    .page_title {
        width: 30em;
        display: inline-block;
    }
}