@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital@1&display=swap');
/*Header Styles*/
 html, body {
     padding:0px;
     margin:0px;
     font-family: 'Open Sans', sans-serif;
}
 img {
     border:0px;
}
 a, a:hover {
     text-decoration:none;
}
 .fullWrapper {
     width:100%;
}
 .centerWrapper {
     margin:0 auto;
     width:100%;
}
 #headerTopFull {
     border-bottom:1px solid #ccc;
     background:#dfdfdf;
     display: flex;
    flex-direction: row;
    align-items: center;
    /*! justify-content: center;
     */
}
 #headerTopSection {
     display:flex;
     flex-direction: row;
     max-width:1100px;
     width: 100%;
     font-size:12px;
}
 #headerTopSection span {
     padding:0px 10px;
     color:#696969;
}
 #headerTopSection a {
     color:#000;
}
 #headerTopSection a:hover {
     text-decoration:underline;
}
 .socialBtn {
     display:inline-block;
     padding:5px 10px;
     color:#696969;
     font-size:16px 
}
 #facebookIcon:hover {
     color:#fff;
     background:#3b5998;
}
 #headerSection {
     font-size:14px;
}
 #logoImage {
     padding:10px 0;
     height:75px;
     float:left;
}
 #headerSection a {
     color:#000;
}
 #headerSection a:hover {
     text-decoration:underline;
}
 #menuFull {
     border-bottom:1px solid #ccc;
}
 .menuContainer {
     dsiplay:inline-block;
     text-align:center;
}
 .dropTab {
     vertical-align:top;
}
 .dropName {
     padding:0px 15px;
     line-height:33px;
     color:#666;
     font-size:16px;
     font-family:'Open Sans', sans-serif;
     font-weight:400;
     border-left:1px solid transparent;
     border-right:1px solid transparent;
}
 .dropBox {
     width:235px;
     background:#f1f1f1;
     border:1px solid #ccc;
     text-align:left;
     padding:5px;
     margin-left:0px !important;
}
 .dropBox .dropName {
     color:#666;
     border-radius:0px;
     text-transform:capitalize;
}
 .dropBox .dropName:hover {
     background:#16375b;
     color:#fff !important;
}
 .activeDrop {
     background:#16375b !important;
     border-left:1px solid #ccc;
     border-right:1px solid #ccc;
     border-top:0px;
     border-radius: 2px;
}
 .activeDrop {
     color:#fff !important;
}
 .activeLeft {
     margin-left:-200px;
}
 .activeRight {
     margin-left:200px;
}
 .fa-angle-down {
     display:none;
}
 #searchBox {
     display:block;
     vertical-align:top;
     transition: all 0.3s ease;
}
 #searchIcon {
     font-size:16px;
     text-align:center;
     cursor:pointer;
}
 #searchIcon:hover {
     background:#dfdfdf;
     border-left:1px solid #ccc;
     border-right:1px solid #ccc;
     border-top:0px;
}
 #searchEngine {
     width:100%;
     margin:0 auto;
     z-index:100;
     position:relative;
     overflow:hidden;
     transition: all 0.3s ease;
     background:#dfdfdf;
     height:0;
     padding:0 15px;
}
 #searchInputBox {
     display:inline-block;
     vertical-align:top;
     border-bottom:1px solid #333;
     background:transparent;
     border-right:0px;
     height:55px;
}
 #searchInputBox input {
     border:0px;
     background:transparent;
     margin:2px;
     padding:10px;
     width:1000px;
     font-size:26px;
     color:#333;
     font-weight:300;
}
 #searchSubmitBtn {
     display:inline-block;
     vertical-align:top;
     background:transparent;
     line-height:55px;
     padding:0px 15px 0px 10px;
     color:#6d6d6d;
     cursor:pointer;
     border-bottom:1px solid #333;
     margin-left:-5px;
     font-size:18px;
}
 #searchSubmitBtn:hover {
     color:#999;
}
 #lowerHeaderFull {
     border-bottom:1px solid #ccc;
     padding:3px 0;
     font-weight:700;
     color:#666;
     font-size:12px;
     background-color:#f4f4f4;
}
 #bodyFull {
     padding-bottom:50px;
}
 .photoBox {
     width:100%;
     height:300px;
     background:#ccc;
     margin-top:50px;
     border-radius:5px;
     line-height:300px;
     font-weight:300;
     text-align:center;
     color:#fff;
     font-size:70px;
     cursor:pointer;
     text-transform:uppercase;
}
 .photoBox:hover {
     opacity:.75;
}
 .photoBox strong {
     font-weight:700;
}
 #productSlider {
     border-top:1px solid #ccc;
     padding:50px 0;
     background:#fff;
}
 #footerFull {
     padding:50px 0;
     background: #666;
     font-size:16px;
     border-top:2px solid #666;
}
 .footerCol {
     width:175px;
     float:left;
     padding:0 20px;
}
 .fa-arrow-right {
     display:none;
}
 .colTitle {
     color:#fff;
     font-weight:700;
     font-size:20px;
     padding-bottom:15px;
}
 .colContent {
     line-height:35px;
}
 .colContent a {
     color:#fff;
     font-weight:400;
     font-size:16px;
}
 .colContent a:hover, .colContent a:hover i {
     text-decoration:underline;
}
 #quoteBox {
     width:400px;
     font-size:18px;
     line-height:30px;
     color:#fff;
     padding:20px;
     font-family: 'Merriweather', serif;
     font-style:italic;
}
 #quoteBox i {
     font-size:12px;
     vertical-align:top;
}
 .slideContainer {
     background: transparent !important;
}
 #topRightNav{
     display:flex;
     flex-direction: row;
     justify-content: flex-end;
     align-items: center;
     width:100%;
}
 #address-wrapper{
     display:flex;
     flex-direction: column;
     justify-content: center;
     align-items: flex-end;
     padding-top:31px;
}
 #showroomHours{
     text-align: center;
}
 .transPopupContainer{
     display:flex;
     flex-direction: column;
     max-width: 800px;
     height: auto !important;
     width:100% !important;
}
/* Home Styles*/
 .boxContainer {
     display:inline-block;
     margin:20px 0;
     border:1px solid #ccc;
     width:350px;
     height:360px;
     position:relative;
     overflow:hidden;
}
 .middleContainer {
     margin:20px 18px;
}
 .boxImg img {
     height:100%;
     position:relative;
}
 .boxText {
     width:100%;
     background:#16375b;
     position:absolute;
     bottom:0;
     text-align:center;
     color:#fff;
     padding:15px 0;
     transition:all .2s ease-in-out;
     -moz-transition:all .2s ease-in-out;
     -o-transition:all .2s ease-in-out;
     -webkit-transition:all .2s ease-in-out;
     font-size:14px;
}
 .boxContainer:hover .boxText {
     padding:15px 0 35px;
}
 .positioning {
     height: 100%;
     position: relative;
     margin-left: 0px !important;
}
 #mainSlideshow {
     margin-top:15px;
}
 .delayBox {
     display:none !important;
}
 .hamburger {
     display: none;
}
 .hamburger.active .top-bar {
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
     top: 50%;
}
 .hamburger.active .middle-bar {
     opacity: 0;
}
 .hamburger.active .bottom-bar {
     -moz-transform: rotate(135deg);
     -webkit-transform: rotate(135deg);
     -o-transform: rotate(135deg);
     -ms-transform: rotate(135deg);
     transform: rotate(135deg);
     top: 50%;
}
 .top-bar , .middle-bar, .bottom-bar {
     width: 22px;
     height: 2px;
     background-color: #000;
     position: absolute;
     right: 50%;
     transition-delay: 0.1s,0.2s;
     transition-duration: 0.1s,0.1s;
     transition-timing-function: ease-in-out;
     left: calc(50% - 11px);
     border-radius: 5px;
}
 .top-bar {
     top: calc(50% - 7px);
     transform-origin: 11px 1px;
}
 .middle-bar {
     top: 50%;
}
 .bottom-bar {
     top: calc(50% + 7px);
}

#footerFull > .centerWrapper{
    display: flex;  
    flex-direction: row
}


#infoPage { padding:50px 20px 50px 30px; color:#666; font-size:12px; font-weight:none; line-height:20px; text-align:left; min-height:450px; }
    
#leftInfoColumn { float:left; max-width:400px; width: 100%; font-size:16px; line-height:25px; color:#999; }
    #contactInfoBox { min-height:200px; }
#leftInfoColumn b { font-size:16px; text-transform:uppercase; }

#rightInfoColumn { float:right; max-width:500px; width: 100%;}

#dynamicAddress { border:1px solid #ccc; padding:5px; margin-top:20px; max-width:385px; height:270px; }
#contactForm .buttonContainer { padding:5px 0; }
#threeBoxes {
    display: flex;
    justify-content: center;
  }
 @media screen and (max-width:1000px){
    #loginbodyWrapper {
        width: 100% !important;
    }
    #loginLoginSubLeft {
        max-width: 398px;
        margin-bottom: 20px;
    }
    #loginLoginSubRight {
        max-width: 348px;
        border-left: none !important;
    }
    #loginLoginSubRight, #loginLoginSubLeft {
        height: auto !important;
        float: none !important;
        width: 100% !important;
        padding: 0 0 0 2% !important;
        box-sizing: border-box !important;
    }
    .loginSubFormWrapper {
        width: 100% !important;
    }
    #loginSignInHeader {
       padding: 18px 15px !important; 
    }
     #headerTopSection{
         display:flex;
         flex-direction: row;
         align-items: center;
         width:100%;
    }
     #topRightNav{
         width:auto;
    }
     #headerSection{
         display:flex;
         flex-direction: column;
         align-items: center;
    }
     #address-wrapper{
         padding-top:10px;
         padding-bottom: 20px 
    }
    .hamburger {
        display: inline-block;
        cursor: pointer;
        padding: 20px;
        position: relative;
   }
     .menuContainer{
         display: none;         
     } 
     .menuContainer.show{
         display:flex;
         flex-direction: column;
         align-items:flex-end;
     }
     #menuSection{
         display: flex;
         flex-direction: column;
         justify-content: center;
     }
     .dropBox{
         position: relative!important;
         text-align: right;
     }
     
     #threeBoxes{
         display:flex;
         flex-direction: column;
         align-items: center;
     }
     
     #footerFull > .centerWrapper{
         display: flex;
         flex-direction: column;
     }

}