.guide-detail-page .fa-chevron-left {
    top     : 50%;
    left    : 10px;
    z-index : 2;
}

.guide-detail-page .fa-chevron-right {
    top     : 50%;
    right   : 10px;
    z-index : 2;
}

.guide-detail-page .guide-description {
    padding    : 15px 35px;
    max-height : 190px;
    color      : #8B8B8B !important;
    overflow   : hidden;
}

.guide-detail-page .guide-description h2 {
    color : #8B8B8B !important;
}

.guide-detail-page .guide-description .read-more {
    position   : absolute;
    bottom     : 0;
    width      : 100%;
    text-align : left;
    margin     : 0;
    padding    : 20px 0 10px 0;
    background : -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 30%, #fff 100%);
    background : -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 30%, #fff 100%);
    background : linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 30%, #ffffff 100%);
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=0);
}

.guide-detail-page .guide-description .read-more .button {
    margin           : 0;
    padding          : 5px 0px;
    background-color : white;
    border           : none;
    appearance       : none;
    text-transform   : none;
    color            : #8B8B8B !important;
}

.guide-detail-page .guide-preview:hover .overlay {
    display    : block;
    background : #fff;
    opacity    : 0.7;
}

.guide-detail-page .guide-preview:hover .overlay-button {
    opacity : 1;
}

.guide-detail-page .guide-overlay-left {
    width : 25%;
}

@media (max-width : 768px) {
    .guide-detail-page .guide-overlay-left {
        width : 20%;
    }
}

.guide-detail-page .guide-overlay-right {
    width : 25%;
}

@media (max-width : 768px) {
    .guide-detail-page .guide-overlay-right {
        width : 20%;
    }
}

.guide-detail-page .fact-image {
    max-width : 100% !important;
    height    : auto !important;
}

@media (max-width : 991px) {
    .guide-detail-page .fact-image {
        max-width : 80% !important;
        height    : auto !important;
    }
}

.guide-detail-page .header-image {
    background-color : #F8F8F8;
}

.guide-detail-page .lh-34 {
    line-height : 34px;
}

.guide-detail-page .mockup-open {
    bottom : -15%;
}

@media (max-width : 1400px) {
    .guide-detail-page .mockup-open {
        bottom : 15%;
    }
}

@media (max-width : 1199px) {
    .guide-detail-page .mockup-open {
        bottom    : 20%;
        max-width : 105%;
    }
}

.guide-detail-page .overlay {
    top        : 0%;
    left       : 0%;
    width      : 100%;
    height     : 100%;
    background : #fff;
    opacity    : 0;
    transition : background 0.75s ease-in-out;
}

.guide-detail-page .overlay:hover .slick-center {
    -webkit-transform  : scale(1.15) !important;
    -moz-transform     : scale(1.15) !important;
    transform          : scale(1.15) !important;
    transition         : transform 1s ease-in-out;
    -webkit-transition : transform 0.5s ease-in-out;
    -moz-transition    : transform 0.5s ease-in-out;
}

.guide-detail-page .overlay-button {
    top              : 50%;
    left             : 50%;
    transform        : translate(-50%, -50%);
    opacity          : 0;
    color            : #FFFFFF;
    background-color : #000000;
    border           : 2px solid #000000;
    border-radius    : 0;
    z-index          : 4;
    transition       : opacity 0.75s ease-in-out;
}

.guide-detail-page .overlay-button:hover {
    color           : #FFFFFF;
    text-decoration : none;
}

.guide-detail-page .sign-up-container {
    background-color : #F8F8F8;
}

.guide-detail-page .slick-slide {
    padding     : 50px 50px !important;
    margin-left : 0px !important;
}

@media (max-width : 768px) {
    .guide-detail-page .slick-slide {
        padding      : 30px 0px !important;
        margin-left  : 15px !important;
        margin-right : 15px !important;
    }
}

@media (max-width : 767px) {
    .guide-detail-page .slick-slide {
        padding      : 10px 10px !important;
        margin-left  : 0px !important;
        margin-right : 0px !important;
    }
}

.guide-selection-page .card-link:hover {
    color           : #000000;
    text-decoration : none;
    cursor          : pointer;
}

.guide-selection-page .fa-chevron-down {
    -webkit-transition-duration : 0.5s;
    -moz-transition-duration    : 0.5s;
    -o-transition-duration      : 0.5s;
    transition-duration         : 0.5s;
    -webkit-transition-property : -webkit-transform;
    -moz-transition-property    : -moz-transform;
    -o-transition-property      : -o-transform;
    transition-property         : transform;
}

.guide-selection-page .guide-menu-text {
    cursor      : pointer;
    color       : #9B9B9B;
    line-height : 38px;
}

.guide-selection-page .guide-preview {
    outline : none;
}

.guide-selection-page .guide-preview:hover {
    outline : none;
}

.guide-selection-page .guide-preview:hover:after {
    position   : absolute;
    content    : "";
    display    : block;
    top        : 0;
    left       : 0;
    right      : 0;
    bottom     : 0;
    background : rgba(255, 255, 255, 0.5);
}

.guide-selection-page .guide-preview:hover .overlay-button {
    opacity : 1;
}

.guide-selection-page .guide-slider-menu {
    background : #FFFFFF;
    z-index    : 5;
    left       : 0;
}

.guide-selection-page .highlighted {
    font-weight : bold;
    color       : #000000;
}

.guide-selection-page .headline_box {
    top       : 35%;
    left      : 0;
    right     : 0;
    transform : translate(0%, 0%);
}

.guide-selection-page .headline-desktop {
    text-shadow : 2px 2px 9px #000000;
}

@media (max-width : 767px) {
    .guide-selection-page .headline-desktop {
        font-size : 32px;
    }
}

.guide-selection-page .overlay-button {
    top              : 50%;
    left             : 50%;
    transform        : translate(-50%, -50%);
    opacity          : 0;
    color            : #FFFFFF;
    background-color : #000000;
    border           : 2px solid #000000;
    border-radius    : 0;
    z-index          : 4;
    transition       : opacity 0.35s ease;
}

.guide-selection-page .overlay-button:hover {
    color           : #FFFFFF;
    text-decoration : none;
}

.guide-selection-page .overlay-left, .guide-selection-page .overlay-right {
    width : 45% !important;
}

@media (max-width : 768px) {
    .guide-selection-page .overlay-left, .guide-selection-page .overlay-right {
        width : 20% !important;
    }
}

@media (max-width : 767px) {
    .guide-selection-page .overlay-left, .guide-selection-page .overlay-right {
        width : 20% !important;
    }
}

.guide-selection-page .slick-center {
    -webkit-transform  : scale(1.15) !important;
    -moz-transform     : scale(1.15) !important;
    transform          : scale(1.15) !important;
    transition         : transform 1s ease-in-out;
    -webkit-transition : transform 0.5s ease-in-out;
    -moz-transition    : transform 0.5s ease-in-out;
}

@media (max-width : 768px) {
    .guide-selection-page .slick-center {
        -webkit-transform : scale(1.25) !important;
        -moz-transform    : scale(1.25) !important;
        transform         : scale(1.25) !important;
    }
}

@media (max-width : 767px) {
    .guide-selection-page .slick-center {
        -webkit-transform : scale(1) !important;
        -moz-transform    : scale(1) !important;
        transform         : scale(1) !important;
    }
}

.guide-selection-page .slick-slide {
    padding     : 30px 40px !important;
    margin-left : 0px !important;
}

@media (max-width : 768px) {
    .guide-selection-page .slick-slide {
        padding      : 30px 0px !important;
        margin-left  : 15px !important;
        margin-right : 15px !important;
    }
}

@media (max-width : 767px) {
    .guide-selection-page .slick-slide {
        padding      : 10px 10px !important;
        margin-left  : 0px !important;
        margin-right : 0px !important;
    }
}

.guide-selection-page .fa-chevron-left, .guide-selection-page .fa-chevron-right {
    top     : 50%;
    z-index : 2;
}

.guide-selection-page .fa-chevron-left {
    left : 10px;
}

.guide-selection-page .fa-chevron-right {
    right : 10px;
}