@charset "utf-8";

ul, ol { list-style: none; }

body {
    background-color: transparent;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a {
    text-decoration: none;
    color: #939598;
}

a:hover {
    text-decoration: none;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

legend { color: #000; }

fieldset, img {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================
   HOMEPAGE LAYOUT
========================================== */

.header-banner {
    width: 100%;
    max-width: 100%;
    display: block;
}

.row[name="carousel"] .col-lg-12,
.row[name="carousel"] .col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.panel-footer {
    background: black;
    color: grey;
}

.customContent {
    width: 100%;
}

/* Main site wrapper */
.site-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
}

/* Ensure homepage sections align */
.custom-home-panel,
.home-panel,
.carousel,
#myCarousel,
.panel-footer {
    width: 100%;
}

/* Responsive images */
img {
    max-width: 100%;
    height: auto;
}

/* ==========================================
   CLEARFIX
========================================== */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

/* ==========================================
   jquery.picEyes
========================================== */

.picshade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.91;
    filter: alpha(opacity=91);
    z-index: 99;
    display: none;
}

.pictures_eyes_close {
    position: fixed;
    top: 70px;
    right: 30px;
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../images/core/close.png) no-repeat;
    z-index: 1001;
    display: none;
}

.pictures_eyes_close:hover {
    z-index: 1001;
}

.pictures_eyes {
    position: fixed;
    width: 100%;
    left: 0;
    top: 10vh !important;
    z-index: 199;
    display: none;
}

.pictures_eyes_in {
    position: relative;
    text-align: center;
}

.pictures_eyes_in img {
    max-height: 500px;
}

.pictures_eyes_in .prev,
.pictures_eyes_in .next {
    position: absolute;
    top: 50%;
    width: 51px;
    height: 51px;
    cursor: pointer;
}

.pictures_eyes_in .prev {
    left: 35px;
    background: url(../images/core/Tleft.png) no-repeat;
}

.pictures_eyes_in .next {
    right: 35px;
    background: url(../images/core/Tright.png) no-repeat;
}

.pictures_eyes_indicators {
    position: fixed;
    left: 0;
    bottom: 15px;
    width: 100%;
    text-align: center;
    z-index: 299;
}

.pictures_eyes_indicators a {
    display: inline-block;
    width: 70px;
    height: 70px;
    margin: 6px 3px 0 3px;
    border: 0 solid #ddd;
    box-shadow: 0 0 2px #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    overflow: hidden;
}

.pictures_eyes_indicators img {
    height: 70px;
    width: 100%;
}

.pictures_eyes_indicators .current {
    filter: alpha(opacity=100);
    opacity: 1;
}

/* ==========================================
   RESET
========================================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/* Responsive image gallery thumbnails */
ul.clearfix.small li.image img {
    max-width: 100%;
    height: auto;
}

.blue-link {
    color: #007bff !important;
    text-decoration: underline;
}

/* ==========================================
   MOBILE
========================================== */

@media only screen and (max-width: 767px) {

    .site-wrapper {
        width: 100%;
    }

    .custom-home-panel,
    .home-panel,
    .carousel,
    #myCarousel,
    .panel-footer {
        width: 100%;
    }

}


.site-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.site-wrapper > * {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

/* Remove Bootstrap gutter spacing only on homepage sections */
.row[name="carousel"],
.row[name="customContent"] {
    margin-left: 0;
    margin-right: 0;
}

.row[name="carousel"] > div,
.row[name="customContent"] > div {
    padding-left: 0;
    padding-right: 0;
}

.site-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.site-inner {
    width: 100%;
    margin: 0;
    padding: 0;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-left: 0;
    padding-right: 0;
}

/* Force panel to use full width */
.home-panel,
.panel {
    width: 100%;
}
.site-row {
    width: 100%;
    margin: 0;
    padding: 0;
}

/* controlled spacing instead of <br><br> */
.spacer {
    height: 20px;
}

/* ensure all main blocks align perfectly */
.site-wrapper .site-row {
    max-width: 100%;
}