body {
background-color:#e2eff6 !important;
}

.autoSlide {
border:1px solid #adadad !important;
background: rgba(255, 255, 255, 1) !important;
background-color: #FFF !important;
}

.autoSlide:hover {
background-color:#ffcb45 !important;
opacity: 1;
}

.carousel-indicators.active {
background-color:#ffcb45 !important;
opacity: 1;
}

.btn-secondary:hover {
background-color:#ffcb45 !important;
opacity: 1;
}



.dropdown-submenu:hover > a {
    color: #fff;
    text-decoration: none;
    background-color: #357ebd;
    background-image: -webkit-gradient(linear,left 0,left 100%,from(#428bca),to(#357ebd));
    background-image: -webkit-linear-gradient(top,#428bca,0%,#357ebd,100%);
    background-image: -moz-linear-gradient(top,#428bca 0,#357ebd 100%);
    background-image: linear-gradient(to bottom,#428bca 0,#357ebd 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff357ebd',GradientType=0);
}

.open .stayblue {
background-color:#072559 !important;
color:#FFF !important;
}


#scrolldownArrow {
width:50px;
height:50px;
margin:auto;
text-align:center;
display:block;
}

#twittericon {
margin-right:30px;
margin-top:10px;
margin-bottom:10px;
}

#facebookicon {
margin-top:10px;
margin-bottom:10px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
    color: #072559;
    font-weight:bold;
}

.navbar-default .navbar-nav > li > a {
    color: #072559;
    font-size:1.4em;
}

#footer {
background-color:#072559;
color:#FFF;
padding-top:25px;
padding-bottom:25px;
}

#bottomlinks {
margin-top:20px;
}

#bottomlinks ul li {
text-decoration:none;
list-style:none;
color:#072559;
cursor:pointer;
font-weight:bold;
}

#bottomlinks ul li a {
color:#072559;
}

.gradient{
        /* webkit example */
        background-image: -webkit-gradient(
          linear, left bottom, left top, from(rgba(255, 255, 255, 1.0)),
          to(rgba(255, 255, 255, 0))
        );

        /* mozilla example - FF3.6+ */
        background-image: -moz-linear-gradient(
          bottom center,
          rgba(255, 255, 255, 1.0) 0%, rgba(255, 255, 255, 0) 100%
        );

        /* IE 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=0, endColorStr=#FFFFFF
        );

        /* IE8 uses -ms-filter for whatever reason... */
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=1, startColor=0, endColoStr=#FFFFFF
        );
        
        height:200px;
        margin-top:-200px;
    }


#face-wrapper {
display: inline-block;
}

.img-circle {
width:50%;
height:50%;
}

.face {
position: relative;
}

.pageContainer {
padding:0px;
}

.padtopbottom {
padding-top:3%;
padding-bottom:3%;
}

.centerPage {
padding-left:0px;
padding-right:0px;
}

.whitebackground {
background-color:#FFF;
}

.yellow {
background-color:#ffcc33 !important;
}

.blue {
background-color:#072559;
color:#FFF;
}

#customGroup {
color:#072559;
margin-top:5%;
}

#bus {
width:90%;
}

.navbar-default {
background-color:transparent;
}

#callheader {
background-color:#072559;
color:#FFF;
height:36px;
}

#callheader .nav > li > a, #callnumber {

padding-bottom:8px;
color:#FFF;
}

#callnumber {
padding-top:4px;
max-width:140px;
font-size:1.4em;
margin-right:30px;
}

#help {
font-size:1.4em;
padding-top:8px;
}

.dropdown:hover .autoshow {
display: block;
}

#pagebackground {
width:100%;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}

.introtext {
text-align:center;
color:#072559;
}

#eventsCarousel {
max-height:274px;
}

.slick-prev, .slick-next {
height:50px !important;
width:40px !important;
top:33% !important;
}

#carouselheader {
background-color:#072559;
color:#FFF;
padding-right:0px;
padding-left:15px;
width:100%;
}

#carouselheader h1 {
font-size:1.5em;
margin-top:1%;
}

.slide {
border-right:7px solid #FFF;
display:inline;
float:left;
}

.sliderImage {
width:100%;
}



.slide h2 {
color:#FFF;
font-size:1.2em;
margin-top:3%;
margin-bottom:0px;
}

.slide h3 {
color:#ffcc33;
font-size:1em;
margin-top:0px;
}

.view {
background-color:#ffcc33;
color:#072559;
font-weight:bold;
text-align:center;
font-size:.9em;
height:75px;
padding:0px;
}

.viewtext {
margin-top:20px;
display:inline;
float:left;
width:100%;
text-align:center;
}

.nopad {
padding-right:0px;
padding-left:0px;
}

#headerlogo {
margin-top:-16px;
max-height:90px;
}

.navbar-default {
border-color:transparent;
}

 /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        #headerlogo {
            max-height:70px !important;
        }
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        #headerlogo {
            max-height:55px !important;
        }
        
        .navbar-default .navbar-nav > li > a {
        font-size:1em;
        }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        #headerlogo {
            height:60px;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        #headerlogo {
            height:50px;
        }
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        #headerlogo {
            height:50px;
        }
    }
    
    
    
    


.topfade {
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, .75) 100%) repeat scroll 0 0;
    top: 0;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
}

.bottomfade {
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(226, 239, 246, .8) 100%) repeat scroll 0 0;
    bottom: 0;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
}





.carousel-indicators .active {
    background-color: #ffcc33 !important;
    height:auto !important;
}

.carousel-indicators {
left:0px !important;
margin-left:0px !important;
}

.carousel-indicators .btn {
overflow:hidden;
}

.sliderItemTitle {
position:absolute;
left:11%;
bottom:7%;
padding:15px;
padding-top:0px;
background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%) repeat scroll 0 0;
cursor:pointer;
}

.sliderItemTitle h2 {
font-size:1.6rem;
}

.viewpackagesButton {
cursor:pointer !important;
z-index:500;
display:inline;
float:left;
border:3px solid red;
}

#main-carousel {
width:100%;
overflow:hidden;
border:none;
z-index:0;
margin-top:0px;
}    

.carousel-item {
max-height:560px;
}

.thumbimage {
width:100%;
}



#premiereExperiences {
margin-top:25px;
margin-bottom:30px;
font-weight:normal;
text-align:center;
}

#premiereExperiences h1 {
font-weight:normal;
}

#premiereExperiences h5 {
font-weight:normal;
}

#bus {
display:inline;
float:right;
}

#whybenchwarmers {
margin-top:30px;
margin-bottom:30px;
text-align:center;
background: rgba(0, 0, 0, 0.5);
background-image:url(/images/photo_team.jpg);
background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(/images/photo_team.jpg);
  -webkit-background-size: cover;
  -moz-background-size:  cover;
  -o-background-size: cover;
  background-size: cover;
background-size:cover;
background-repeat: no-repeat;
color:#FFF;
padding-top:30px;
padding-bottom:30px;
}

#whybenchwarmers h2 {
font-weight:normal;
}

#whybenchwarmers h5 {
font-weight:normal;
}

.btn-secondary {
background: rgba(255, 255, 255, 0.7) !important; 
}

.btn-secondary:hover {
background: rgba(255, 255, 255, 0.9) !important; 
}

.eventbox {
cursor:pointer;
}

.eventbox:hover {
opacity:.8;
}