@charset "utf-8";

/* Before and After CSS Document */



/* Default Classes */

.fl { float: left; }

.fr { float: right; }

.clear { clear: both; }

.alignCenter { text-align: center; }



.timelinePhotosContainer { text-align: center; }

.positionContainer { width: 390px; text-align: center; }

.imageItem { width:390px; }



.galleryNav { left: 27px !important; }

.galleryNav ul li img { width: 50px !important; height: 60px !important; }

.browseBtn { background:#2FAFC6; padding: 5px; text-align: center; color: #333; font-weight: bold; font-size: 12px; font-family: Myriad Pro; cursor: pointer; }

.browseBtn:hover { background: #1D7081; }

/* Gallery Slider */
.imageHolder { display: inline-block; vertical-align: top; width: 78%; height: 279px; max-height: 279px; }
.imageDesc { display: inline-block; vertical-align: top; width: 21%; height: 279px; }
.imageItem { float: left; width: 50%; height: 279px; max-height: 279px; }
.imageItem > img { width: 100%; height: 100%; }
.hidden_ba { visibility: hidden; }
.owl-controls { display: none; }
.navOwlArrowDesign { color: #000; }
.prevOnOwl {
    display: block;
    top: 46%;
    position: absolute;
    z-index: 1000;
    float: left;
    left: 15%;
    cursor: pointer;
}
.nextOnOwl {
    display: block;
    bottom: 50%;
    z-index: 1000;
    right: 48%;
    float: left;
    position: absolute;
    cursor: pointer;
}

/* Case Box */

.galleryImageContainer ul { list-style: none; }

.galleryImageContainer ul li { width: 680px; height: 505px; margin: 0; }

.caseBox { background: #eeeeee; border: 8px solid #FFF; }

.caseBox:hover { border: 8px solid #b37f3c; cursor: pointer; }

.caseTitle { font-size: 14px; color: #b37f3c; font-family: Myriad Pro; padding: 10px; }

.caseDesc { font-size: 14px; color: #352a1f; font-family: Myriad Pro; padding: 10px; }



/* Position */

.locationContainer ul { list-style: none; }

.locationContainer ul li { display: inline; margin-right: 13px; }

.beforeBigContainer { width: 588px; height: 405px; }

.caseBoxContainer { padding: 20px 7px; background: #eeeeee; border: 1px solid #c9c9c8; }

.caseImageContainer ul { list-style: none; }

.caseImageContainer ul li { margin-left: 0px !important; }

/* Responsive */
@media screen and (min-width : 240px) and (max-width: 1024px) {
    .imageHolder {
        width: 100%;
        display: block;
        height: auto;
    }
    .imageDesc { width: 100%; display: block; height: auto; }
    .hidden_ba { visibility: visible; }
    .imageItem { background: none !important; height: auto !important; }
    .prevOnOwl, .nextOnOwl { display: none; }
}