/* reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
 .slideshow-controls {
     display: flex;
     font-size: 20px;
     align-content: center;
     justify-content: center;
     padding: 10px 0 0 0;
     color:#464646;
 }

 .play:hover {
     cursor: pointer;
     color:#000;
 }
 .play {
     padding:5px;
     border: 0;
     background: transparent;
     font-size: 10pt;
 }


 a.skip-link {
     left:-999px;
     position:absolute;
     top:auto;
     width:1px;
     height:1px;
     overflow:hidden;
     z-index:-999;
 }
 a.skip-link:focus, a.skip-main:active {
     color: #fff;
     background-color:#000;
     left: 0;
     top: auto;
     width: 30%;
     height: auto;
     overflow:auto;
     margin: 10px 35%;
     padding:5px;
     border-radius: 4px;
     text-align:center;
     font-size:1.2em;
     z-index:999;
 }

 .accessibility-link .tool-tip {
     left:-999px;
     position:absolute;
     top:auto;
     width:1px;
     height:1px;
     overflow:hidden;
     z-index:-999;

 }

 a.accessibility-link:focus>.tool-tip, a.accessibility-link>.tool-tip:active {
     color: #fff;
     background-color: #000;
     width: 200px;
     height: auto;
     overflow: auto;
     margin: 0;
     padding: 5px;
     border-radius: 4px;
     text-align: center;
     font-size: 1.2em;
     z-index: 999;
     left: -60px;
     top: 40px;
 }


.accessibility {
  max-width: 80px;
    padding: 8px 0;
    right: 43px;
    position: absolute;
    z-index: 1000;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

.homepage-list li {
    list-style:none;
    color: #fff;
    text-align: center;
    font-size: 20px;
    margin: 0 0 10px;
}

nav ul {
    list-style:none;
}

nav a:hover {
    background: #fff !important;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

a:hover {
    text-decoration:none;
}


/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

i {
    font-style:italic;
}

/* main styles */



img {
    max-width:100%;
}

.clearAll {
    clear:both;
}

body {
    background:#FFF;
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-size:12px;
    font-weight: 400;
    color:#000;
}

.x-body {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-weight: 400;
    font-size:12px;
}

strong {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-weight: bold;
}

.thin {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-weight: lighter;
}


a, p, h1, h2, h3, h4, h5, li {
    line-height:130%;
}

h1, h2, h3, h4, h5 {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
}


a {
    text-decoration:none;
    color:#4E606B;
}

a:hover {
    text-decoration:none;
    color:#000;
}


p, ul {
    color:#000;
    font-size:14px;
    margin:0 0 10px 0;
}

h1 {
    font-size:35px;
    padding-bottom:10px;
}

h2 {
    font-size:30px;
}

h3 {
    font-size:25px;
}

h1, h3, h4, h5 {
    color:#4E606B;
}

h2 {
    color:#4E606B;
}
blockquote {
    margin:10px;
    border-left:2px solid #E98D00;
    padding-left:10px;
}

#navdiv {
    display:none;
}

#headerdiv, #navdiv, #focaldiv, #bodydiv, #footerdiv {
    width:100%;
}


#footerdiv {
    height:auto;
}

.footerWrapper {
    padding: 50px !important;
}


/* header */

#headerdiv {
    height:auto;
}

.headerWrapper {
    padding:0 100px !important;
}

.navbar-custom {
    padding: 35px 0 25px 0;
    margin-bottom: 0;
}

.navbar-nav>li>a {
    color:#000;
    font-size:20px
}

 .nav>li>a:focus {
     text-decoration: none;
     background-color: #fff !important;
 }



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background: #fff !important;
}

 .nav .open>a:after, .nav .open>a:focus:after,  .nav>li>a:focus:after {
     content: '';
     display: block;
     margin: auto;
     height: 3px;
     width: 100%;
     top:5px;
     background: #4E606B;
     transition: width .5s ease, background-color .5s ease;
 }

 .navbar-nav>li>a:after {
     content: '';
     display: block;
     margin: auto;
     height: 3px;
     width: 0;
     top:5px;
     background: transparent;
     transition: width .5s ease, background-color .5s ease;
 }
 .navbar-nav>li>a:hover:after {
     width: 100%;
     background: #4E606B;
 }

.navbar-nav>li>a:hover, .dropdown-menu>li>a:hover {
    /*//border-bottom:1px solid #FC6C37*/
}

.dropdown-menu a:hover {
    text-decoration: underline !important;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    /*color: #FC6C37;*/
}


/* home */

#focaldiv {
    display:none;
}

#bodydiv {
    width:100%;
    height:auto;
}

.str-mod-slideshow-container {
    text-align:center;
    position:relative;
}

#container-1016, #container-1015 {
    display:none;
}

.overSlideShow {
    position:relative;
}

#bgslider {
    text-align:center;
    width:100%;
    height:500px;
}

.overlay {
    background:url('../Images/overlay.png') repeat;
    height:500px;
    padding:140px;
}

.homeText h1 {
    color:#fff;
    font-weight:lighter;
    font-size:70px;
    text-transform:uppercase;
    line-height:100%;
}

.homeText h2 {
    color:#fff;
    font-weight:lighter;
    font-size:40px;
}

.homeButtons a {
    background:url('../Images/overlay.png') repeat;
    display:block;
    border:2px solid #fff;
    color:#fff;
    padding:10px;
    text-align:center;
    font-size:25px;
    transition: all 0.5s;
}

.homeButtons a:hover {
    background-image:none;
    background-color:#4E606B;
    color:#fff;
    text-decoration: none;
}

 .homeButtons a:focus  {
     background-image:none;
     background-color:#4E606B;
     color:#fff;
     text-decoration: none;
 }

.homeButtons {
    max-width: 580px;
    margin: 30px auto 0 auto !important;
}

.logoWrap {
    padding:50px 0;
}

.dealerLogo {
    text-align:center;
}

.textTime {
    background:#4E606B;
    padding:50px 15px;
}

.textTime h1, .textTime h3, .timeText h2, .textTime p, .headlineText h2 {
    color:#fff;
    text-align:center;
}

.textTime p, .headlineText h3 {
    font-size:20px;
}

.border {
    width: 50%;
    margin: 50px auto;
    border-top: 2px solid #fff
}

.footRight {
    text-align:right;
}

.homeWrapper h1 {
    text-align:center;
    color:#000;
}

.headerImage {
    width: 100%;
    height: 200px;
    margin-bottom:20px;
}

.awardImage {
    background: url(../Images/awardsHeader.jpg) no-repeat center center;
    background-size: cover;

}

.backgroundImage {
    background: url(../Images/backgroundHeader.jpg) no-repeat center center;
    background-size: cover;

}

.historyImage  {
    background: url(../Images/communityHeader.jpg) no-repeat center center;
    background-size: cover;

}



.mapLocation {
    padding:10px;
    margin-bottom:10px;
    border-bottom:1px solid #E8E8E8;
}

.mapLocation p, .mapLocation h2 {
    font-size:15px;
    margin: 0 0 5px 0;
    color:#464646;
}
.mapLocation h2 {
    font-weight:bold;
}

.topLocation {
    color:#000 !important;
    font-size:20px !important;
}

.mapLocation a {
    margin-right:15px;
    font-size:15px;
    color: #4E606B;
}
.mapLink {
    color:#fff !important;
}


.textWrapper, .headlineText  {
    max-width:1024px;
    margin:0 auto;
}

@media (max-width: 1150px) {

.headerWrapper {
    padding: 0 50px !important;
}

    .navbar-nav>li>a {
        font-size: 15px;
    }

    .nav>li>a {
        padding: 10px 10px;
    }



}

@media (max-width: 991px) {


    .logo {
        text-align:center;
    }

.navbar {
Width:100%;
}

    .navbar-right {
        float: none !important;
    }

    .navbar-custom {
        padding: 0;

    }

    .overlay, #bgslider {
        height: auto;
    }

    .overlay {
        padding:20px;
    }

    .footRight, .footer {
        text-align:center;
    }

    .border {
        display:none;
    }

    .blurb {
        marin-bottom:10px;
    }

    .textTime h1, .textTime h3 {
        font-size:20px;
    }

    .homeText h2 {
        font-size:55px;
    }

    .homeText h3 {
        font-size: 30px;

    }
}

@media (max-width: 768px) {

.accessibility {
    max-width: 80px;
    padding: 8px 0;
    left: 50px;
    position: absolute;
    top: 0;
}


    .navbar-custom .navbar-toggle {
        border-color: #000;
    }

    .navbar-custom .navbar-toggle .icon-bar {
        background-color:#000;
    }

    .headerWrapper {
        padding: 0 50px !important;
    }

    .nav>li>a, .dropdown-menu>li>a {
        text-align: right;
    }


    .homeText h1 {
        font-size: 25px;
    }

    .homeText h2 {
        font-size: 15px;
    }

    .homeButtons a {
        font-size: 15px;
    }

    .dealerLogo {
        text-align: center;
        min-height: 130px;
    }
    .textTime p {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .col-md-15,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1  {
        float:none;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-15,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        float:left;
        width: 11.11%  }
}

@media (min-width: 1200px) {
    .col-md-15,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
        float:left;
        width: 11.11%
    }
}