/*
font-family:'Futura Now Text W01 Thin';
font-family:'Futura Now Text W01 Thin Italic';
font-family:'Futura Now Text W01 XLight';
font-family:'Futura Now Text W01 XLight It';
font-family:'Futura Now Text W01 Light';
font-family:'Futura Now Text W01 Light It';
font-family:'Futura Now Text W01 Regular';
font-family:'Futura Now Text W01 Italic';
font-family:'Futura Now Text W01 Medium';
font-family:'Futura Now Text W01 Medium It';
font-family:'Futura Now Text W01 Bold';
font-family:'Futura Now Text W01 Bold Italic';
font-family:'Futura Now Text W01 XBold';
font-family:'Futura Now Text W01 XBold It';
font-family:'Futura Now Text W01 Black';
font-family:'Futura Now Text W01 Black It';
font-family:'Futura Now Text W01 XBlack';
font-family:'Futura Now Text W01 XBlack It';
font-family:'Futura Now Text W01 Cn Thin';
font-family:'Futura Now Text W01 Cn Thin It';
font-family:'Futura Now Text W01 Cn XLight';
font-family:'Futura Now Text W01 Cn XLt It';
font-family:'Futura Now Text W01 Cn Light';
font-family:'Futura Now Text W01 Cn Light It';
font-family:'Futura Now Text W01 Cn Regular';
font-family:'Futura Now Text W01 Cn Italic';
font-family:'Futura Now Text W01 Cn Medium';
font-family:'Futura Now Text W01 Cn Md It';
font-family:'Futura Now Text W01 Cn Bold';
font-family:'Futura Now Text W01 Cn Bold It';
font-family:'Futura Now Text W01 Cn XBold';
font-family:'Futura Now Text W01 Cn XBold It';
font-family:'Futura Now Text W01 Cn Black';
font-family:'Futura Now Text W01 Cn Black It';
font-family:'Futura Now Text W01 Cn XBlack';
font-family:'Futura Now Text W01 Cn XBlk It';
font-family: "proxima-nova";
*/


.contentWrapper, .footerWrapper{visibility: hidden;} /* set to hidden and then fade in via script to help with the widths jumping as the fonts load */

.contentWrapper{
    padding: 0 0 100px;
}

/* services hero */

.servHeroWrap {
    font-size: 0;
    overflow: hidden;
    white-space: nowrap;
}
.servItem {
    display: inline-block;
    vertical-align: top;
    transition: all 0.5s ease;
    height: 410px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    font-size: 20px;
}

.servLink {
    position: relative;
    display: block;
    height: 100%;
    transition: all 0.3s ease;
}
.servTitle {
    writing-mode: vertical-lr;
    transform: rotate(180deg);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
    height: 100%;
}
.servTitle p{
    color: #fff;
    font-family: "proxima-nova";
    font-variant: small-caps;
    font-size: 250%;
    line-height: 105%;
}
div:not(.slick-current) .servTitleSlide{
    display: none;
}
.servLink:hover, .servLink:focus {
    text-decoration: none !important;
}
.servItem:first-child .servLink:hover:before, .servItem:first-child .servLink:focus:before {
    background: transparent;
}

/* END services hero */




/* services hero */

.servItem {
    width: 100%;
    margin: 0;
}
.servLink:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all 0.3s ease;
    background: #d5d5d5bd;
}
.slick-current.slick-active .servLink:before {
    background: transparent;
}
.slick-current.slick-active .servTitleSlide {
    background: #ffc84494;
}
.servSliderOuterWrap {
    position: relative;
}

/* END services hero */



.servSliderOuterWrap {
    overflow: hidden;
}
.servSliderWrapper {
    width: 132.9%;
}
.servTextGrayWrap > div, .servTextGrayWrap > div > div, .yelItem {
    height: 100%;
}
.servTextWrap {
    padding-bottom: 28px;
}
.slick-prev, .slick-next {
    display: none;
}
.servMobile {
    display: none;
}
.servTextContent p {
    margin-bottom: 0;
    padding-bottom: 14px;
}


/* services body */

.servSlideItem {
    padding-right: 0.1%;
    cursor: pointer;
}

.servSlideItem.slick-current {
    cursor: default;
}

.servTextContentWrap{
    height: 100%;
}

.servTextWhite {
    padding: 55px 0 0 55px;
}

/* END services body */


/* gray list */

.yelItem {
    padding: 55px 40px;
    background: #DBDCDD;
}
h1.yelTitle {
    font-family: 'Futura Now Text W01 Bold';
    font-size: 190%;
    line-height: 105%;
    font-weight: normal;
    font-style: normal;
    color: #000;
    margin: 0 0 20px 0;
}
.yelText ul {
    margin-bottom: 0;
    margin-left: 20px;
}
.yelText ul li {
    color: #000;
    list-style-type: disc;
    padding: 7px 0;
    line-height: 130%;
}


/* END gray list */




/* quotes */

.quoteItem {
    border-left: 3px solid #FFC844;
    padding: 5px 0 5px 23px;
}
.quoteQuote {
    font-family: 'Futura Now Text W01 Bold Italic';
    padding-bottom: 12px;
    margin: 0;
}
.quoteBylineTop {
    margin: 0 0 0 0;
    line-height: 150%;
}
.quoteBylineBottom {
    margin: 0 0 0 8px;
    line-height: 150%;
    font-size: 90%;
    font-family: 'Futura Now Text W01 Light';
}

/* END quotes */




/* responsive */

@media all and (max-width: 1500px) {

}

@media all and (max-width: 1300px) {
    .slick-active .servSlideWhite-prev {padding: 35px 0 0 35px;}
    .yelItem {padding: 35px;}
}

@media all and (max-width: 1200px) {
    .yelTitle {font-size: 160%;}
    .servSliderOuterWrap {font-size: 90%;}
    .servTitle p {font-size: 200%;}
    .servItem {height: 340px;}
    .slick-active .servSlideWhite-prev {padding: 25px 0 0 25px;}
    .yelItem {padding: 25px;}
    .servTextWrap {padding-bottom: 20px;}
}

@media all and (max-width: 950px) {
    .servicesContent .spacerCol1 {width: 0 !important;}
}

@media all and (max-width: 765px) {
    .servMobile {display: block;}
    .servDesktop {display:none;}
    .servItem {height: 190px;margin: 0 0 10px 0;}
    .contentWrapper {padding: 0;}
    .servTitle {padding: 10px;padding: 10px 13px 10px 15px; background: transparent; transition: all 0.3s ease;}
    .servTitle p {font-size: 120%;letter-spacing: 0 !important;}
    .servItem:first-child .servLink:hover:before, .servItem:first-child .servLink:focus:before {background: #d5d5d5bd;}
    .servSlideItem.opened .servLink:before {background: transparent !important;}
    .servSlideItem.opened .servTitle {background: #ffc84494;}
    .yelItem {padding: 30px 4%;}
    .yelTitle {font-size: 150%;}
    .servSlideWhite-current {padding: 30px 4%;}
    .servSlideToggle {font-size: 84%;padding-bottom: 25px;}
    .servSliderHeight {height: auto !important;}
}

@media all and (max-width: 500px) {
    .servHeroWrap {white-space: inherit;}
    .servicesContent .spacerCol1, .servicesContent .spacerCol2 {width: 0%;}
    .servicesContent .leftCol, .servicesContent .rightCol {width: 100%; display: block;}
    .yelText ul li {padding: 5px 0;}
}