@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; } }