body {margin:0; padding:0; background:#FFF; width:100%; overflow-x:hidden;} header, footer, nav, section {display: block; } h1 {color:#1C317F; font-size:36px; font-family:'din_alternatebold'; font-weight:normal; text-transform:uppercase;} #Contact h2 {margin-top:0.5em;} h2 {margin-top:2em; color:#F7941D;} h3 {margin-top:2em; color:#1C317F;} h4 {margin-top:2em; color:#F7941D;} h5 {margin-top:2em; clear:both; color:#8C8D8E; padding:10px 0 10px 50px; margin-bottom:0; background:url(../images/h5Accent.png) left center no-repeat; font-size:20px;} #playBtn {position:absolute; bottom:32%; left:18%; max-width:25%;} #playBtn img {max-width:100%; height:auto;} #nav.slideIn {margin-top:0;} #ieHeaderLogo {display:none; position:relative; top:50px;} #viewAppliancesBtn {display:none;} #noscriptWarning {display:none;} a, a img {border:none; outline:none;} .CatPage .appGalleryH2 {display:block;} .appGalleryH2 {display:none; color:#000; margin-top:1em; text-align:center; display:block; width:100%; float:left; text-transform:uppercase; font-weight:normal; font-size:45px; font-family: 'din_alternatebold';} #mainNav.navslideIn {margin-top:-50px; transition:all 0.3s ease;} #mainNav {width:100%; height:37px; position:fixed; top:0; z-index:600; margin-top:0; transition:all 0.3s ease;} #mainNav.navslideIn.expandedDown {margin-top:0 !important; z-index:550; background:#000;} #topBar.navslideIn {margin-top:-37px; transition:all 0.3s ease;} #topBar {background:/*url(/Content/images/headerBackground.png) center repeat*/#000; width:100%; height:37px; position:fixed; top:0; z-index:200; margin-top:0; transition:all 0.3s ease;} #mainNav ul {list-style-type:none; margin:0; padding:0;} #mainNav ul ul a {padding:12px 20px;} #mainNav li {float:left;} #mainNav a {color:#FFF; text-decoration:none; letter-spacing:1px; font-size:13px; text-transform:uppercase; font-family: 'din_alternatebold'; display:inline-block; padding:12px 3.8vw 11px; transition:all 0.3s ease;} #mainNav a:hover {color:#FFF; transition:all 0.3s ease; /*background:#27AAE1;*/} #menucontainer {width:100%; margin:0 auto; max-width:1850px;} /* Active Nav Styling */ #ContractorContact #activeContact, #Contact #activeContact {color:#FFF; transition:all 0.3s ease; background:#27AAE1;} #Services #activeHomeowners, #ConsultingDesign #activeHomeowners, #DeliveryInstallation #activeHomeowners, #RepairMaintenance #activeHomeowners {color:#FFF; transition:all 0.3s ease; background:#27AAE1;} #ContractorsBuilders #activeContractors {color:#FFF; transition:all 0.3s ease; background:#27AAE1;} #Cat29 #activeAppliances, #Cat28 #activeAppliances, #Cat14 #activeAppliances, #Cat15 #activeAppliances, #Cat23 #activeAppliances, #Cat21 #activeAppliances, #Cat22 #activeAppliances, #Cat20 #activeAppliances, #Cat25 #activeAppliances, #Cat26 #activeAppliances, #Cat17 #activeAppliances, #Cat43 #activeAppliances, #Cat17 #activeAppliances, #Cat43 #activeAppliances, #Cat8 #activeAppliances, #Cat9 #activeAppliances, #Cat10 #activeAppliances, #Cat11 #activeAppliances, #Cat12 #activeAppliances, #Cat16 #activeAppliances, #Cat7 #activeAppliances, #Cat24 #activeAppliances, #Cat18 #activeAppliances, #Cat19 #activeAppliances, #Cat13 #activeAppliances, #Cat27 #activeAppliances {color:#FFF; transition:all 0.3s ease; background:#27AAE1;} #homepageContentLogos {display:block; width:100%; float:left;} #homepageContentLogos a {width:16.666%; float:left; margin:0; padding:0; text-align:center;} #homepageContentLogos a img {float:none !important; max-width:100%; height:auto;} #forHomeownersLI {position:relative;} #mainNav #forHomeownersLI:hover #forHomeownersUL {transition:all 0.3s ease; padding:10px 0 5px 0; height:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);} #mainNav #forHomeownersUL {position:absolute; width:100%; z-index:500; top:37px; height:0; overflow:hidden; transition:all 0.3s ease; color:#FFF; background:#000;} #forHomeownersUL li {clear:both; width:100%; display:block;} #mainNav #forHomeownersUL li a {padding:11px 0; text-align:center; display:block; float:left; width:100%;} #forHomeownersUL li a:hover { } /*#forHomeownersLI {position:relative;} #forHomeownersLI:hover #forHomeownersUL {display:block;} #forHomeownersUL {position:absolute; top:35px; left:0; display:none; text-align:center; background:#161616; width:276px; border-top:2px solid #000;} #forHomeownersUL li {width:100%;} #forHomeownersUL a {display:block;}*/ /*#appliancesLI {position:relative;} #appliancesLI:hover #appliancesUL {display:block;} #appliancesUL {position:absolute; top:35px; left:40px; display:none; text-align:center; background:#161616; width:220px; border-top:2px solid #000;} #appliancesUL li {width:100%;} #appliancesUL a {display:block;}*/ #homeownersContentBtns {width:100%; float:left; display:block; height:253px; margin-bottom:20px;} .serviceEntryBlock {width:33%; display:inline-block; text-align:center; position:relative; height:100%; overflow:hidden;} .serviceEntryBlock:hover .serviceEntryGreen {width:55%;} #main .serviceEntryBlock img {height:auto; position:absolute; top:0; left:0;} #main .serviceEntryBlock img.serviceBtnImg {width:568px; height:253px; overflow:hidden; max-width:568px;} .serviceEntryBlock .serviceEntryGreen span {z-index:100; position:relative; top:46%; transform:translateY(-46%); font-family: "din_alternatebold"; font-size:24px;} .serviceEntryBlock .serviceEntryPurple span {z-index:100; position:relative; top:30%; transform:translateY(-30%); font-family: "din_alternatebold"; font-size:36px; text-transform:uppercase;} .serviceEntryGreen {width:50%; position:relative; float:left; transition:all 0.3s ease; color:#FFF; background:url(../images/homeownersGreenOverlay.png) repeat; height:100%; position:relative; z-index:100;} .serviceEntryPurple {width:100%; opacity:0; transition:all 0.3s ease; float:left; transition:all 0.3s ease; color:#FFF; background:url(../images/homeownersPurpleOverlay.png) repeat; height:100%; position:absolute; top:0; left:0; z-index:100; } #main .serviceEntryBlock img.btnArrowLine {position:absolute; right:-26px; top:0; left:auto; opacity:0; transition:all 0.3s ease;} #main .serviceEntryBlock:hover img.btnArrowLine {opacity:1; transition:all 0.3s ease;} #ConsultingDesign #firstHomeownersBtn .serviceEntryGreen {display:none;} #ConsultingDesign #firstHomeownersBtn .serviceEntryPurple {display:block; opacity:1;} #DeliveryInstallation #secondHomeownersBtn .serviceEntryGreen {display:none;} #DeliveryInstallation #secondHomeownersBtn .serviceEntryPurple {display:block; opacity:1;} #RepairMaintenance #thirdHomeownersBtn .serviceEntryGreen {display:none;} #RepairMaintenance #thirdHomeownersBtn .serviceEntryPurple {display:block; opacity:1;} /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeInNew { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeInNew { from { opacity:0; } to { opacity:1; } } @keyframes fadeInNew { from { opacity:0; } to { opacity:1; } } .fade-inNew { opacity:0; /* make things invisible upon start */ -webkit-animation:fadeInNew ease-in 1; /* call our keyframe named fadeIn, use animation ease-in and repeat it only 1 time */ -moz-animation:fadeInNew ease-in 1; animation:fadeInNew ease-in 1; -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:0.6s; -moz-animation-duration:0.6s; animation-duration:0.6s; transition:all 0.3s ease; } .fade-inNew.one { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; } .fade-inNew.two { -webkit-animation-delay: 0.9s; -moz-animation-delay:0.9s; animation-delay: 0.9s; } .fade-inNew.three { -webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; animation-delay: 1.3s; } #main a.hvr-wobble-horizontal.blueCTBtn {background: #27AAE1; transition:all 0.2s ease; color:#FFF; font-family: 'din_alternatebold'; display: inline-block; margin-top: 10px; padding: 15px 30px; color: #FFF; text-transform: uppercase; letter-spacing: 0.2px; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } #appliancesLI {position:relative;} #mainNav #appliancesLI:hover #appliancesUL {transition:all 0.3s ease; height:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);} /*Removed padding:10px 0 5px 0; 01/11/18 AW*/ #mainNav #appliancesUL {position:absolute; width:100%; z-index:500; top:36px; height:0; overflow:hidden; transition:all 0.3s ease; color:#FFF; background:#000;} /*Changes made 01/10/18 AW*/ /*#appliancesUL li {clear:both; width:100%; display:block;}*/ #appliancesUL li, .slicknav_nav .navIconLI {width:50%; display:block; float: left;} #mainNav #appliancesUL li a {padding:11px 0; text-align:center; display:block; float:left; width:100%; transition:color 0.3s ease;} /*Changes made 01/10/18 AW*/ #mainNav #appliancesUL li a object {pointer-events: none;} #mainNav #appliancesUL li a.cool object { padding-left: 5px; } #mainNav #appliancesUL li a.cool {padding-top: 5px; border-bottom: 1px solid #222; padding-bottom: 8px;} #mainNav #appliancesUL li a.cook {padding-top: 5px; border-left: 1px solid #222; border-bottom: 1px solid #222; padding-bottom: 8px; margin-bottom: 7px;} #mainNav #appliancesUL li a.clean {margin-top: -7px; padding-top: 15px;} #mainNav #appliancesUL li a.convenience {border-left: 1px solid #222; margin-top: -7px; padding-top: 15px;} #mainNav #appliancesUL li a.cool:hover {color: rgb(39, 170, 225); transition:color 0.3s ease;} #mainNav #appliancesUL li a.cook:hover {color: rgb(247, 148, 29); transition:color 0.3s ease;} #mainNav #appliancesUL li a.clean:hover {color: rgb(40, 174, 59); transition:color 0.3s ease;} #mainNav #appliancesUL li a.convenience:hover {color: rgb(242, 9, 15); transition:color 0.3s ease;} #mainNav #appliancesUL li a.hvr-shutter-out-horizontal::before { background-color: #222;} #mainNav #appliancesUL li a.hvr-shutter-out-horizontal:hover::before { background-color: #222;} .navIcon {display: block; margin: auto;} #appliancesUL li a:hover { } #contactheadLI {position:relative;} #mainNav #contactheadLI:hover #contactheadUL {transition:all 0.3s ease; padding:10px 0 5px 0; height:auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);} #mainNav #contactheadUL {position:absolute; width:100%; z-index:500; top:37px; height:0; overflow:hidden; transition:all 0.3s ease; color:#FFF; background:#000;} #contactheadUL li {clear:both; width:100%; display:block;} #mainNav #contactheadUL li a {padding:11px 0; text-align:center; display:block; float:left; width:100%;} #contactheadUL li a:hover { } /*#contactheadLI {position:relative;} #contactheadLI:hover #contactheadUL {display:block;} #contactheadUL {position:absolute; top:35px; left:0; display:none; text-align:center; background:#161616; width:208px; border-top:2px solid #000;} #contactheadUL li {width:100%;} #contactheadUL a {display:block;}*/ /* Headline Hiding */ #Cat17 #main h1, #Cat43 #main h1, #Cat9 #main h1, #Cat11 #main h1, #Cat10 #main h1, #Cat12 #main h1, #Cat25 #main h1, #Cat26 #main h1, #Cat23 #main h1, #Cat22 #main h1, #Cat20 #main h1, #Cat14 #main h1, #Cat15 #main h1, #Cat29 #main h1, #Cat28 #main h1 {display:none;} #headerPhone {color:#e6df00; font-family:'open_sanssemibold'; float:right; font-size:22px; margin-top:2px;} #headerPhone a {margin:0; padding:0; color:#11a2de; text-decoration:none; font-size:22px; font-family:'open_sanssemibold';} #headerPhone a:hover {background:none; color:#e6df00;} #headerSocials {float:right; margin:0.4% 5% 0 0.5%;} #headerSocials a {padding:1px 0.8vw;} #mainNav #headerSocials a:hover {background:none;} #topRotator {background:#FFF; height:auto;} #topRotatorWrap {position:fixed; top:0px; float:left; width:100%;height:auto;} #spaceClear {width:100%; clear:both;} #mobilePhone {display:none;} #Home #main {padding-bottom:0;} #Home #shoppingNav {padding-bottom:0;} #shoppingNav { float:left; width:60%; position:relative; z-index:150; background:#FFF; padding-bottom:50px;} /*Changed width: 100%; 01/11/18 AW*/ #shoppingNavImageBuddy {width: 40%; float: left; position: relative; z-index: 150; min-height: 530px; background-image: url(../images/subHeaders/shoppingNavigationImageBuddy.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; } #Home #shoppingNavImageBuddy {min-height: 480px;} #shoppingNavImageBuddy p {position: absolute; top: 50%; left: 50%; color: #fff; text-transform: uppercase; font-size: 1.5vw; margin: auto; transform: translate(-50%, -50%); font-family: 'open_sansbold'; text-shadow: -2px 2px 4px #000;} #shoppingNavImageBuddy p span {font-size: 3vw; font-style: italic; white-space: nowrap;} #shoppingNavImageBuddy p span.bullets {font-style: normal; line-height: 1;} #mobileNavBits {display:none;} #homeImgMobile640 {display:none;} #blueSlideOut {position:absolute; top:0; left:0; margin-left:-100%; opacity:0; transition:all 1.4s ease; max-width:55%; width:45%; height:100%;} #blueSlideOut.lateSlideIn {margin-left:0; opacity:1; transition:all 1.2s ease;} #imageBlueSlide {max-width:100%; height:100%;} #blueSlideOut #imageBlueSlide img {width:100%; max-width:100%; height:100%;} #spansBlueSlide {position:absolute; top:8%; left:10%; width:100%; color:#FFF; font-family: 'open_sansextrabold'; font-size:9vw;} #sbsOne {position:relative; opacity:0; left:-550px; -webkit-animation: slideLoad 0.8s forwards; -webkit-animation-delay: 3.5s; animation: slideLoad 0.8s forwards; animation-delay: 3.5s;} #sbsTwo {position:relative; opacity:0; left:-550px; -webkit-animation: slideLoad 0.8s forwards; -webkit-animation-delay: 3.7s; animation: slideLoad 0.8s forwards; animation-delay: 3.7s;} #sbsThree {position:relative; opacity:0; left:-550px; -webkit-animation: slideLoad 0.8s forwards; -webkit-animation-delay: 3.9s; animation: slideLoad 0.8s forwards; animation-delay: 3.9s;} #sbsFour {position:relative; /*text-transform:uppercase !important;*/ margin-left:50px; font-family: 'open_sansextrabold_italic'; opacity:0; left:-550px; -webkit-animation: slideLoad 0.8s forwards; -webkit-animation-delay: 4.1s; animation: slideLoad 0.8s forwards; animation-delay: 4.1s;} #feelSeeTasteText {position:relative; opacity:0; left:-550px; -webkit-animation: slideLoad 0.8s forwards; -webkit-animation-delay: 4.3s; animation: slideLoad 0.8s forwards; animation-delay: 4.3s;} #spansBlueSlide span {width:100%; text-transform:capitalize; display:block; line-height:0.86em; } #feelSeeTasteText {position:absolute; bottom:4.5%; left:12%;} #feelSeeTasteText img {max-width:110%;} .insetshadow {color:#202020; background-color:#2d2d2d; letter-spacing:.1em; text-shadow:-1px -1px 1px #111, 2px 2px 1px #363636;} #nav {background:url(../images/nav.png) no-repeat; width:1272px; height:20px; position:absolute; z-index:2;right:4%;top:15px;margin-top:-50px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #Home #logo {position:absolute; z-index:1; right:10.5%;top:-32px; width:auto;} #Home #svg_logo {max-width:600px; width:100%; min-width:600px;} #Home #logoShadowing {display:none;} #logoShadowing {position:absolute; right:0; top:0;} #logo {position:absolute; z-index:10; right:0; top:0; width:50%;} #mobileHeaderLogo {max-width:100%; background:url(../images/logoShadowing.png) top center no-repeat; background-size:cover; display:none;} #closeVideo {color:#FFF; font-size:16px; font-family:'open_sanssemibold'; padding:5px; transition:all 0.3s ease;} #closeVideo:hover {color:gray; transition:all 0.3s ease; cursor:pointer;} #playVidBtn:hover img {opacity:0.5; transition:all 0.3s ease;} #playVidBtn img {transition:all 0.2s ease;} #Home #logo {display:block;} #Home #hmobileHeaderLogo {display:block;} #vidSlide {background:url(../images/blackVidBG.png) repeat; width:53%; max-height:55%; position:absolute; top:15%; padding-bottom:1%; right:-100%; z-index:10000; transition:all 0.2s ease;} #vidSlide.expanded {right:0; transition:all 0.4s ease;} #vidSlide video {width:100%; height:100%;} #hlogo {position:absolute; z-index:300; right:0; top:0; width:50%; display:none;} #hmobileHeaderLogo {max-width:100%; background:url(../images/logoShadowing.png) top center no-repeat; background-size:cover; display:none;} #mobileHeaderLogoWhite {display:none; max-width:100%; background:url(../images/logoShadowing.png) top center no-repeat; background-size:cover;} #svg_logo {max-width:450px; min-width:450px;} #svg_logo *{transition-property: fill-opacity; transition-duration: 1s; } #brandingIntro{ background:url(../images/brandingText.png) no-repeat; width:549px; height:119px; position:absolute;right:131px; top:415px;z-index:2;opacity:0;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #brandingIntro.show{opacity:1;} #topBGIMg{float:left; width:100%; overflow:hidden; z-index:1;opacity:0;-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out;} #topBGIMg img{width:100%; float:left;z-index:1;} #placeHolderImg{float:left; width:100%;} .clear{clear:both;} #topBGIMg.fadeIn{opacity:1;} #Home #newLogo.fadeIn {opacity:1;} #Home #newLogo {opacity:0; position:relative; display:block;} #newLogo {opacity:1; transition:all 2s ease-in-out; position:absolute; display:none;} #newLogo {opacity:1; transition:all 2s ease-in-out;} #mobileHeaderLogoWhite {display:block;} #Home #mobileHeaderLogoWhite {display:none;} #viewAllNew {display:none;} .mi-current #viewAllNew {display:none;} #Home #subHeader {display:none;} /*Changes made 01/09/18 AW*/ /*#subHeader {height:487px; width:100%;}*/ #subHeader {height:487px; width:100%; background-position: top center; background-repeat: no-repeat;} #slideOverlaySub {background:url(../images/mobileOverlay.png) top center no-repeat; z-index:5; width:45%; max-width:901px; height:100%; position:relative;} #slideOverlaySub::before { content: ''; display: block; position: absolute; background-repeat: no-repeat; background-size: contain; right: 50%; top: 20%; /*width: 50%;*/ min-width: 540px; width: 60%; min-height: 100%; background-position: bottom center; } #Cat197 #slideOverlaySub, .CatParent197 #slideOverlaySub, .CatParent198 #slideOverlaySub, .CatParent199 #slideOverlaySub { background-color: rgba(39, 170, 225, .9); background-image: none; } #Cat197 #slideOverlaySub::before, .CatParent197 #slideOverlaySub::before, .CatParent198 #slideOverlaySub::before, .CatParent199 #slideOverlaySub::before { background-image: url(../images/newBannerOverlay/Cool.png); } #Cat204 #slideOverlaySub, .CatParent204 #slideOverlaySub, .CatParent215 #slideOverlaySub, .CatParent220 #slideOverlaySub, .CatParent223 #slideOverlaySub, .CatParent226 #slideOverlaySub { background-color: rgba(247, 148, 29, .9); background-image: none; } #Cat204 #slideOverlaySub::before, .CatParent204 #slideOverlaySub::before, .CatParent215 #slideOverlaySub::before, .CatParent220 #slideOverlaySub::before, .CatParent223 #slideOverlaySub::before, .CatParent226 #slideOverlaySub::before { background-image: url(../images/newBannerOverlay/Cook.png); } #Cat205 #slideOverlaySub, .CatParent205 #slideOverlaySub, .CatParent206 #slideOverlaySub, .CatParent207 #slideOverlaySub, .CatParent231 #slideOverlaySub { background-color: rgba(40, 174, 59, .9); background-image: none; } #Cat205 #slideOverlaySub::before, .CatParent205 #slideOverlaySub::before, .CatParent206 #slideOverlaySub::before, .CatParent207 #slideOverlaySub::before, .CatParent231 #slideOverlaySub::before { background-image: url(../images/newBannerOverlay/Clean.png); } #Cat195 #slideOverlaySub, .CatParent195 #slideOverlaySub, .CatParent196 #slideOverlaySub, .CatParent233 #slideOverlaySub, .CatParent234 #slideOverlaySub, .CatParent235 #slideOverlaySub { background-color: rgba(242, 9, 15, .9); background-image: none; } #Cat195 #slideOverlaySub::before, .CatParent195 #slideOverlaySub::before, .CatParent196 #slideOverlaySub::before, .CatParent233 #slideOverlaySub::before, .CatParent234 #slideOverlaySub::before, .CatParent235 #slideOverlaySub::before { background-image: url(../images/newBannerOverlay/Convenience.png); } .subName {color:#FFF; display:block; z-index:15; text-align:center; line-height:1; font-family: "open_sansextrabold"; font-size:5.5vw; position: relative; top: 50%; transform: translateY(-50%); text-transform:uppercase;} .CatPage .subName {font-size:5.5vw;} #Cat9.CatPage .subName, #Cat23.CatPage .subName {font-size:6.5vw;} #Cat17.CatPage .subName, #Cat22.CatPage .subName {font-size:5.5vw;} #Cat37.CatPage .subName {font-size:5.5vw;} .CatParent30.CatPage .subName {font-size:5.5vw;} #Cat43.CatPage .subName {font-size:5vw;} #Cat10.CatPage .subName {font-size:5.5vw;} /* Sub Header BG Assignments */ #topAccent {position:absolute; top:0; right:0; opacity:1; animation-name: fadeInAccent; animation-duration:1s;} #Contact #subHeader, #ContractorContact #subHeader, #ThankYou #subHeader {background:url(../images/subHeaders/contactHeaderImg.jpg) top center no-repeat;} #Services #subHeader, #ConsultingDesign #subHeader, #DeliveryInstallation #subHeader, #Cat30 #subHeader, #RepairMaintenance #subHeader, #ContactStreamEntryBodyID #subHeader {background:url(../images/subHeaders/serviceHeaderImg.jpg) top center no-repeat;} #ContractorsBuilders #subHeader, #Blog #subHeader, .BlogClass #subHeader {background:url(../images/subHeaders/aboutHeaderImg.jpg) top center no-repeat;} #Cat3 #subHeader {background:url(../images/subHeaders/serviceHeaderImg.jpg) top center no-repeat;} #catError #subHeader {background:url(../images/subHeaders/serviceHeaderImg.jpg) top center no-repeat;} #MemberLoginBodyID #subHeader {background:url(../images/subHeaders/serviceHeaderImg.jpg) top center no-repeat;} #Showroom #subHeader {background:url(../images/subHeaders/refrigerationHeaderImg.jpg) top center no-repeat;} .CatParent7 #subHeader {background:url(../images/subHeaders/cookingHeaderImg.jpg) top center no-repeat;} #Cat7 #subHeader {background:url(../images/subHeaders/cookingHeaderImg.jpg) top center no-repeat;} #Cat8 #subHeader {background:url(../images/subHeaders/cooking_Ranges.jpg) top center no-repeat;} #Cat76 #subHeader {background:url(../images/GasRangeBanner.jpg) top center no-repeat;} #Cat9 #subHeader {background:url(../images/subHeaders/cooking_CooktopRange.jpg) top center no-repeat;} #Cat10 #subHeader {background:url(../images/subHeaders/cooking_Microwaves.jpg) top center no-repeat;} #Cat11 #subHeader {background:url(../images/subHeaders/cooking_WallOvenRange.jpg) top center no-repeat;} #Cat12 #subHeader {background:url(../images/subHeaders/cooking_WarmingDevice.jpg) top center no-repeat;} .CatParent16 #subHeader {background:url(../images/subHeaders/refrigerationHeaderImg.jpg) top center no-repeat;} #Cat16 #subHeader {background:url(../images/subHeaders/refrigerationHeaderImg.jpg) top center no-repeat;} #Cat17 #subHeader {background:url(../images/subHeaders/refrigeration_Drawers.jpg) top center no-repeat;} #Cat43 #subHeader {background:url(../images/subHeaders/refrigeration_Refrigerator.jpg) top center no-repeat;} .CatParent24 #subHeader {background:url(../images/subHeaders/drinkSystemHeaderImg.jpg) top center no-repeat;} #Cat24 #subHeader {background:url(../images/subHeaders/drinkSystemHeaderImg.jpg) top center no-repeat;} #Cat25 #subHeader {background:url(../images/subHeaders/wineStorage.jpg) top center no-repeat;} #Cat26 #subHeader {background:url(../images/subHeaders/beverageCenterSubzero.jpg) top center no-repeat;} .CatParent5 #subHeader {background:url(../images/subHeaders/dishwasherHeaderImg.jpg) top center no-repeat;} #Cat18 #subHeader {background:url(../images/subHeaders/dishwasherHeaderImg.jpg) top center no-repeat;} .CatParent19 #subHeader {background:url(../images/subHeaders/ventilationHeaderImg.jpg) top center no-repeat;} #Cat19 #subHeader {background:url(../images/subHeaders/ventilationHeaderImg.jpg) top center no-repeat;} #Cat23 #subHeader {background:url(../images/subHeaders/ventilation_customVentHood.jpg) top center no-repeat;} #Cat21 #subHeader {background:url(../images/subHeaders/ventilation_islandHoods.jpg) top center no-repeat;} #Cat22 #subHeader {background:url(../images/subHeaders/ventilation_cabinetHoods.jpg) top center no-repeat;} #Cat20 #subHeader {background:url(../images/subHeaders/ventilation_wallHood.jpg) top center no-repeat;} .CatParent13 #subHeader {background:url(../images/subHeaders/outdoorCookingHeaderImg.jpg) top center no-repeat;} #Cat13 #subHeader {background:url(../images/subHeaders/outdoorCookingHeaderImg.jpg) top center no-repeat;} #Cat14 #subHeader {background:url(../images/subHeaders/outdoor_grill.jpg) top center no-repeat;} #Cat15 #subHeader {background:url(../images/subHeaders/outdoor_cooker.jpg) top center no-repeat;} .CatParent27 #subHeader {background:url(../images/subHeaders/laundryHeaderImg.jpg) top center no-repeat;} #Cat27 #subHeader {background:url(../images/subHeaders/laundryHeaderImg.jpg) top center no-repeat;} #Cat28 #subHeader {background:url(../images/subHeaders/laundry_washer.jpg) top center no-repeat;} #Cat29 #subHeader {background:url(../images/subHeaders/laundry_dryer.jpg) top center no-repeat;} #Cat31 #subHeader {background:url(../images/subHeaders/brand-kitchenAid.jpg) top center no-repeat;} #Cat32 #subHeader {background:url(../images/subHeaders/brand-subZero.jpg) top center no-repeat;} #Cat33 #subHeader {background:url(../images/subHeaders/brand-wolf.jpg) top center no-repeat;} #Cat34 #subHeader {background:url(../images/subHeaders/brand-miele.jpg) top center no-repeat;} #Cat35 #subHeader {background:url(../images/subHeaders/brand-bosch.jpg) top center no-repeat;} #Cat36 #subHeader {background:url(../images/subHeaders/brand-thermador.jpg) top center no-repeat;} #Cat37 #subHeader {background:url(../images/subHeaders/brand-bertazzoni.jpg) top center no-repeat;} #Cat38 #subHeader {background:url(../images/subHeaders/brand-maytag.jpg) top center no-repeat;} #Cat39 #subHeader {background:url(../images/subHeaders/brand-whirlpool.jpg) top center no-repeat;} #Cat40 #subHeader {background:url(../images/subHeaders/brand-sharp.jpg) top center no-repeat;} #Cat41 #subHeader {background:url(../images/subHeaders/brand-leCornue.jpg) top center no-repeat;} #Cat42 #subHeader {background:url(../images/subHeaders/brand-asko.jpg) top center no-repeat;} #Cat44 #subHeader {background:url(../images/subHeaders/brand-amana.jpg) top center no-repeat;} #Cat45 #subHeader {background:url(../images/subHeaders/brand-best.jpg) top center no-repeat;} #Cat46 #subHeader {background:url(../images/subHeaders/brand-bosch.jpg) top center no-repeat;} #Cat47 #subHeader {background:url(../images/subHeaders/brand-dacor.jpg) top center no-repeat;} #Cat48 #subHeader {background:url(../images/subHeaders/brand-dcs.jpg) top center no-repeat;} #Cat49 #subHeader {background:url(../images/subHeaders/brand-fisherPaykel.jpg) top center no-repeat;} #Cat50 #subHeader {background:url(../images/subHeaders/brand-hoshizaki.jpg) top center no-repeat;} #Cat51 #subHeader {background:url(../images/subHeaders/brand-jennAir.jpg) top center no-repeat;} #Cat52 #subHeader {background:url(../images/subHeaders/brand-liebherr.jpg) top center no-repeat;} #Cat53 #subHeader {background:url(../images/subHeaders/brand-perlick.jpg) top center no-repeat;} #Cat54 #subHeader {background:url(../images/subHeaders/brand-scotsman.jpg) top center no-repeat;} /* Scotsman NEED unique banner */ #Cat55 #subHeader {background:url(../images/subHeaders/brand-uline.jpg) top center no-repeat;} #Cat56 #subHeader {background:url(../images/subHeaders/brand-viking.jpg) top center no-repeat;} #Cat57 #subHeader {background:url(../images/subHeaders/brand-zephyr.jpg) top center no-repeat;} #Cat58 #subHeader {background:url(../images/subHeaders/brand-ventahood.jpg) top center no-repeat;} #ContractorContact #subHeader {background:url(../images/subHeaders/contractorContactHeaderImg.jpg) top center no-repeat;} #Cat16 #subHeader {background:url(../images/subHeaders/chillHeaderImg.jpg) top center no-repeat;} #RepairMaintenance #subHeader {background:url(../images/subHeaders/repairMaintenanceHeaderImg.jpg) top center no-repeat;} #Services #subHeader {background:url(../images/subHeaders/homeownersHeaderImg.jpg) top center no-repeat;} #ConsultingDesign #subHeader {background:url(../images/subHeaders/consultingDesignHeaderImg.jpg) top center no-repeat;} #DeliveryInstallation #subHeader {background:url(../images/subHeaders/deliveryInstallHeaderImg.jpg) top center no-repeat;} #ContractorsBuilders #subHeader {background:url(../images/subHeaders/contractorsBuildersHeaderImg.jpg) top center no-repeat;} /*Changes made 01/09/18 AW*/ #Cat197 #subHeader {background-image:url(../images/subHeaders/CoolHeaderImg.jpg);} #Cat204 #subHeader {background-image:url(../images/subHeaders/cookingHeaderImg.jpg);} #Cat205 #subHeader {background-image:url(../images/subHeaders/CleanHeaderImg.jpg);} #Cat195 #subHeader {background-image:url(../images/subHeaders/ConvenienceHeaderImg.jpg);} #Cat198 #subHeader {background-image:url(../images/subHeaders/Cool_BuiltInFridge.jpg);} #Cat199 #subHeader {background-image:url(../images/subHeaders/Cool_FreeStandingFridge.jpg);} #Cat215 #subHeader {background-image:url(../images/subHeaders/cooking_Ranges.jpg);} #Cat220 #subHeader {background-image:url(../images/subHeaders/cooking_WallOvenRange.jpg);} #Cat223 #subHeader {background-image:url(../images/subHeaders/cooking_CooktopRange.jpg);} #Cat226 #subHeader {background-image:url(../images/subHeaders/cooking_Microwaves.jpg);} #Cat206 #subHeader {background-image:url(../images/subHeaders/dishwasherHeaderImg.jpg);} #Cat207 #subHeader {background-image:url(../images/subHeaders/laundryHeaderImg.jpg);} #Cat231 #subHeader {background-image:url(../images/subHeaders/ventilationHeaderImg.jpg);} #Cat196 #subHeader {background-image:url(../images/subHeaders/Convenience_coffeeSystems.jpg);} #Cat233 #subHeader {background-image:url(../images/subHeaders/Convenience_WarmingDevices.jpg);} #Cat234 #subHeader {background-image:url(../images/subHeaders/Convenience_IceProduction.jpg);} #Cat235 #subHeader {background-image:url(../images/subHeaders/Convenience_laundryStorage.jpg);} #homeImgMobile {display:none;} #svg_logo {display:none;} #Home #svg_logo {display:block;} #Home #mobileHeaderLogo {display:none;} #Home #remainingContent {-webkit-animation: fadeIn 4s ease; animation: fadeIn 4s ease; background:#FFF;} #mobileFeelText {display:none;} .fullColorCat {display:none;} .fullColorCat img {width:110%;} .CatPage .fullColorCat {/*display:block;*/ display:none; position:absolute; bottom:-40px; z-index:100;} #Cat3.CatPage .fullColorCat {display:none;} #Cat3.CatPage .subName {font-size:5.5vw;} .CatParent5 .hideThisC5 {display:none;} #Cat3 #activeAppliances {color: #FFF; transition: all 0.3s ease; background: #27AAE1;} #activeAppliances { } #fssList {display:none;} #Home #brandsSection {display:block;} #Cat3 #brandsSection {display:block; /*background:url(/Content/images/subBrandsBG.jpg) bottom center no-repeat #000;*/ } #brandsSection {float:left; width:100%; position:relative;background:#000;text-align:center;overflow:hidden; display:none;} #brandsSection .wrap { } #brandsSection a {width:19%; text-align:center; display:inline-block; position:relative; z-index:100; padding:2% 0;} #brandsSection a img {max-width:100%; height:auto; transition:all 0.2s ease;} #brandsSection a:hover img {opacity:0.7; transition:all 0.2s ease;} .boilVid {position:absolute; bottom:0; width:100%;left:0;opacity:0;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} .boilVidIDSub {position:absolute; top:-20%; width:100%;left:0;opacity:1;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #brandLogos {margin:100px auto;max-width:1617px; width:90%; position:relative;z-index:1;} .reveal {-webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; -ms-transition: all 4s ease-in-out; transition: all 4s ease-in-out;} #boilVidID.reveal {opacity:1;-webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; -ms-transition: all 4s ease-in-out; transition: all 4s ease-in-out;} .viewAllBtn {display:none;} #subBrands {float:left; width:100%; position:relative; background:#000; text-align:center; overflow:hidden; display:block; padding:90px 0; max-height:100px;} #Cat30 #subBrands {max-height:460px;} #main #subBrands a {position:relative; z-index:100; padding:0; text-decoration:none; width:20%; float:left; text-align:center;} #subBrands a img {max-width:100%; height:auto;} #subBrands .boilVid {position:absolute; bottom:0; width:100%;left:0;opacity:0;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #subBrands #brandLogos {margin:100px auto;max-width:1617px; width:90%; position:relative;z-index:1;} #subBrands .reveal {-webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; -ms-transition: all 4s ease-in-out; transition: all 4s ease-in-out;} #subBrands #boilVidID.reveal {opacity:1;-webkit-transition: all 4s ease-in-out; -moz-transition: all 4s ease-in-out; -o-transition: all 4s ease-in-out; -ms-transition: all 4s ease-in-out; transition: all 4s ease-in-out;} #threeSet {width:100%; display:inline-block; position:relative; background:#FFF; float:left; padding:55px 0 35px; font-family: 'din_alternateregular'; min-height:370px;} #threeSet p {line-height:25px; width:80%; margin:40px 10%;} #threeSetInner {max-width:1638px; width:80%; margin:0 10%;} .fstSpan {font-size:13px; text-transform:uppercase; letter-spacing:1px;} .fstDash {color:#bababa;} .fullColorSpan {display:block; margin:0 auto; max-width:250px; color:#11A2DE; text-transform:uppercase; border-bottom:6px solid #DFDFDF; font-size:24px;} #forHomeownersBlock {width:30.333%; padding:0 1.5%; min-height: 375px; text-align:center; float:left; height:100%; position:relative; } #forHomeownersBlock h3 {color:#28AE3B; font-family:'din_alternatebold'; font-size:49px; font-weight:normal; text-transform:uppercase; margin:0; padding:0;} #forHomeownersBlock .h3span {color:#28AE3B; font-size:36px; font-family:'din_alternatebold'; text-transform:uppercase;} #ourShowroomBlock {width:33.333%; overflow:hidden; text-align:center; min-height: 390px; float:left; position:relative; top:-15px; padding-top:15px;} #ourShowroomBlock h3 {color:#F7941D; font-family:'din_alternatebold'; font-size:49px; font-weight:normal; text-transform:uppercase; margin:0; padding:0; position:relative; z-index:10;} #ourShowroomBlock .h3span {color:#F7941D; font-size:36px; font-family:'din_alternatebold'; text-transform:uppercase; position:relative; z-index:10;} #ourShowroomBlock #showroomGmap {left:50%; margin-left:-316px; position:absolute; top:-20px;} #ourShowroomBlock #showroomBubble {position:relative; top:2%; border:3px solid #F7941D; padding:20px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index:100; background:url(../images/mapOverlayBoxBG.png) top center repeat; margin:0 auto; width:464px; max-width:90%;} #ourShowroomBlock #showroomBubble p {font-size:15px; width:90%; margin:0 5%;} #ourShowroomBlock #showroomBubble #mapIcon {position:relative; background:url(../images/mapicon.png) top center no-repeat; width:20px; height:31px; position:absolute; left:50%; z-index:100; display:block;} #showroomGmapMobile {display:none; max-width:100%; position:absolute; top:-20px; left:0;} #ourShowroomBlock2 {width:33.333%; overflow:hidden; text-align:center; min-height: 390px; float:left; position:relative; top:-15px; padding-top:15px;} #ourShowroomBlock2 h3 {color:#F7941D; font-family:'din_alternatebold'; font-size:49px; font-weight:normal; text-transform:uppercase; margin:0; padding:0; position:relative; z-index:10;} #ourShowroomBlock2 .h3span {color:#F7941D; font-size:36px; font-family:'din_alternatebold'; text-transform:uppercase; position:relative; z-index:10;} #ourShowroomBlock2 #showroomGmap2 {left:50%; margin-left:-316px; position:absolute; top:-20px;} #ourShowroomBlock2 #showroomBubble2 {position:relative; top:2%; border:3px solid #F7941D; padding:20px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index:100; background:url(../images/mapOverlayBoxBG.png) top center repeat; margin:0 auto; width:464px; max-width:90%;} #ourShowroomBlock2 #showroomBubble2 p {font-size:14px; width:90%; margin:0 5%; line-height:1.4;} #ourShowroomBlock2 #showroomBubble2 #mapIcon2 {position:relative; background:url(../images/mapicon.png) top center no-repeat; width:20px; height:31px; position:absolute; left:50%; z-index:100; display:block;} #showroomGmapMobile2 {display:none; max-width:100%; position:absolute; top:-20px; left:0;} #forContractorsBlock {width:30.333%; padding:0 1.5%; min-height: 375px; text-align:center; float:left; height:100%; position:relative;} #forContractorsBlock h3 {color:#f2090f; font-family:'din_alternatebold'; font-size:49px; font-weight:normal; text-transform:uppercase; margin:0; padding:0;} #forContractorsBlock .h3span {color:#f2090f; font-size:36px; font-family:'din_alternatebold'; text-transform:uppercase;} .contactTriSection {position:absolute; bottom:0; width:91%; padding-top:16px; text-align:center;} #ourShowroomBlock .contactTriSection {width:100%; z-index:100; bottom:10px;} #ourShowroomBlock2 .contactTriSection {width:100%; z-index:100; bottom:10px;} .brandsContentUL {list-style-type:none; text-align:center; margin:10px auto !important; padding:0; width:80%; max-width:1000px;} .brandsContentUL li {display:inline-block; text-align:center; margin:0; padding:0 !important;} .brandsContentUL li::before {content:none !important;} .brandsContentUL li a:hover img {opacity:0.8; transition:all 0.2s ease;} .brandsContentUL li img {max-width:200px !important; height:auto; transition:all 0.2s ease;} #threeSetsmall {display:none; clear:both; float:left; width:100%; font-family:"din_alternateregular"; min-height:300px;} #mi-slider2 ul {width:100%; clear:both; display:block; margin-top:110px;} #mi-slider2 ul li {width:100%; max-width:100%;} #mi-slider2 nav {width:100%; max-width:100%; clear:both; border-bottom:3px solid #333; border-right:none; text-align:center;} #mi-slider2 nav a {width:50%; float:left; text-align:center;} #mi-slider2 nav a:hover {cursor:pointer;} #mi-slider2 nav .mobileHeadHC {display:block; clear:both; font-size:22px;} #mi-slider2 nav .mobileSubHeadHC {display:block; clear:both; font-size:27px;} #mi-slider2 nav a#forHomeownersMobileBlock {color:#28ae3b; font-family: "din_alternatebold";} #mi-slider2 nav a#forHomeownersMobileBlock.mi-selected {color:#28ae3b;} #mi-slider2 nav a#forContractorsMobileBlock {color:#1c317f; font-family: "din_alternatebold";} #mi-slider2 nav a#forContractorsMobileBlock.mi-selected {color:#1c317f;} #mi-slider2 .contactTriSection {position:relative; width:100%;} #mi-slider2 ul li a {height:auto; color:#FFF;} /*#mi-slider2 nav a.mi-selected::before { border-color: #333 transparent transparent; border-width: 27px; left: 50%; margin-left: -27px; } #mi-slider2 nav a.mi-selected::after, #mi-slider2 nav a.mi-selected::before { border: medium solid transparent; content: ""; height: 0; pointer-events: none; position: absolute; bottom: -5px; width: 0; } #mi-slider2 nav a.mi-selected::after { border-color: #fff transparent transparent; border-width: 20px; left: 50%; margin-left: -20px; } #mi-slider2 nav a.mi-selected::after, #mi-slider2 nav a.mi-selected::before { border: medium solid transparent; content: ""; height: 0; pointer-events: none; position: absolute; bottom: -5px; width: 0; } #mi-slider2 nav a.mi-selected {font-size:18px;} #mi-slider2 nav a.mi-selected {color:#000; font-family:"din_alternatebold"; font-size:24px;}*/ .feelFreeMobileRight {float:right; margin-top:30px; width:50%; text-align:center;} .contactMobileLeft {float:left; margin-top:10px; width:50%; text-align:center; padding-bottom:50px;} #greenContactBtn {background:#28AE3B; font-family: 'din_alternatebold'; display:inline-block; margin-top:10px; padding:15px 30px; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} #greenContactBtn:hover {background:#27AAE1; transition:all 0.2s ease; } #greenContactBtn .arrow-up {border-left:12px solid #28AE3B; border-right: 12px solid #28AE3B; transition:none;} #greenContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:all 0.2s ease;} .greenContactBtn {background:#28AE3B; font-family: 'din_alternatebold'; display:inline-block; margin-top:10px; padding:15px 30px; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} .greenContactBtn:hover {background:#27AAE1; transition:all 0.2s ease; } .greenContactBtn .arrow-up {border-left:12px solid #28AE3B; border-right: 12px solid #28AE3B; transition:none;} .greenContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:all 0.2s ease;} #orangeShowroomBtn {border:2px solid #F7941D; font-family: 'din_alternatebold'; background:#FFF; position:relative; top:0; color:#F7941D; display:inline-block; margin-top:100px; padding:15px 30px; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} #orangeShowroomBtn:hover {transition:all 0.2s ease; color:#000;} #orangeShowroomBtn .arrow-up {background:url(../images/showroomGalleryArrow.jpg) top center no-repeat; transition:none; width:30px; height:14px; border:none; bottom:-2px;} #orangeShowroomBtn:hover .arrow-up {border:none; transition:none;} #orangeShowroomBtn .arrow-up.arrow-upWhite {border-left:12px solid #FFF; border-right: 12px solid #FFF; border-bottom:12px solid #FFF; transition:none; bottom: 0; } #orangeShowroomBtn2 {border:2px solid #F7941D; font-family: 'din_alternatebold'; background:#FFF; position:relative; top:0; color:#F7941D; display:inline-block; margin-top:100px; padding:15px 30px; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} #orangeShowroomBtn2:hover {transition:all 0.2s ease; color:#000;} #orangeShowroomBtn2 .arrow-up {background:url(../images/showroomGalleryArrow.jpg) top center no-repeat; transition:none; width:30px; height:14px; border:none; bottom:-2px;} #orangeShowroomBtn2:hover .arrow-up {border:none; transition:none;} #orangeShowroomBtn2 .arrow-up.arrow-upWhite {border-left:12px solid #FFF; border-right: 12px solid #FFF; border-bottom:12px solid #FFF; transition:none; bottom: 0; } #redContactBtn {background:#f2090f; font-family: 'din_alternatebold'; display:inline-block; margin-top:10px; padding:15px 30px; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} #redContactBtn:hover {background:#27AAE1; transition:all 0.2s ease; } #redContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:0.2s ease;} #redContactBtn .arrow-up {width: 0; height: 0; border-left:12px solid #f2090f; transition:none; border-right: 12px solid #f2090f; border-bottom: 12px solid #FFF; display:block; position:absolute; left:45%; bottom:0;} .redContactBtn {background:#1c317f; font-family: 'din_alternatebold'; display:inline-block; margin-top:10px; padding:15px 30px; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} .redContactBtn:hover {background:#27AAE1; transition:all 0.2s ease; } .redContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:0.2s ease;} .redContactBtn .arrow-up {width: 0; height: 0; border-left:12px solid #1c317f; transition:none; border-right: 12px solid #1c317f; border-bottom: 12px solid #FFF; display:block; position:absolute; left:45%; bottom:0;} #ContractorsBuilders #main p #redContactBtn img {max-width:100%;} #ContractorsBuilders p #redContactBtn {display:inline-block; background:none; margin:0; padding:0; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; float:right; max-width:33.5%;} #ContractorsBuilders p #redContactBtn:hover {transition:all 0.2s ease; } #ContractorsBuilders p #redContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:0.2s ease;} #ContractorsBuilders p #redContactBtn .arrow-up {width: 0; height: 0; border-left:12px solid #f2090f; transition:none; border-right: 12px solid #f2090f; border-bottom: 12px solid #FFF; display:block; position:absolute; left:45%; bottom:0;} #ContractorsBuilders #main p #greenContactBtn img {max-width:100%;} #ContractorsBuilders p #greenContactBtn {display:inline-block; background:none; margin:0; padding:0; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; float:left; max-width:66.5%;} #ContractorsBuilders p #greenContactBtn:hover {transition:all 0.2s ease; } #ContractorsBuilders p #greenContactBtn .arrow-up {border-left:12px solid #28AE3B; border-right: 12px solid #28AE3B; transition:none;} #ContractorsBuilders p #greenContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:all 0.2s ease;} #main p #redContactBtn img {max-width:100%;} #main p #redContactBtn {display:inline-block; background:none; margin:0; padding:0; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; float:right; max-width:33.5%;} #main p #redContactBtn:hover {transition:all 0.2s ease; } #main p #redContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:0.2s ease;} #main p #redContactBtn .arrow-up {width: 0; height: 0; border-left:12px solid #f2090f; transition:none; border-right: 12px solid #f2090f; border-bottom: 12px solid #FFF; display:block; position:absolute; left:45%; bottom:0;} #main p #greenContactBtn img {max-width:100%;} #main p #greenContactBtn {display:inline-block; background:none; margin:0; padding:0; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; float:left; max-width:66.5%;} #main p #greenContactBtn:hover {transition:all 0.2s ease; } #main p #greenContactBtn .arrow-up {border-left:12px solid #28AE3B; border-right: 12px solid #28AE3B; transition:none;} #main p #greenContactBtn:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:all 0.2s ease;} #ourShowroom {display:block; width:100%; height:673px; overflow:hidden; position:relative; float:left;} #ourShowroomText {position:absolute; top:35%; display:block; width:100%; text-align:center; z-index:5;} #ourShowroomText img {max-width:1638px; width:80%; margin:0 10%;} #parallax-bg3 {z-index:3; height:100%; background:url(../images/showroomParallaxBG.jpg) top center no-repeat; position:relative; left:0; /* align left edge with center of viewport */ top:0; width:100%; margin-left:0; /* move left by half element's width */} #Home #main {display:none;} #remainingContent {background:url(../images/fadedBG.jpg) top center no-repeat;} #main .wrap table {width:100%;} #main .wrap table tr {text-align:center;} #main .wrap table tr td {padding:2%;} #Cat3 #main {min-height:0;} #main {position:relative; z-index:5; clear:both; font-family:'din_alternateregular'; margin-bottom:50px; padding-bottom:25px; min-height:200px;} #main p {line-height:1.5em;} #main img {max-width:90%;} #main a {color:#1c317f; transition:all 0.2s ease;} #main a:hover {color:#27AAE1; transition:all 0.2s ease;} #homeMain {background:#FFF; position:relative; z-index:5; clear:both; font-family:'din_alternateregular'; float:left; width:100%;} #homeMain p {line-height:1.5em;} #homeMain img {max-width:90%;} #homeMain a {color:#1C317F;} #homeMain a:hover {color:#27AAE1;} #homeMain ul {list-style-type:none; padding:0; margin:10px 0; line-height:1.5em}; #homeMain li {padding-left:1em; text-indent: -.7em;} #homeMain li:before {content: "• "; color:#1c317f;} #main ul {list-style-type:none; padding:0; margin:10px 0 20px; float:left; width:100%; text-align:center; display:block; clear:both;} #main li {padding-left:1em; text-indent: -.7em; float:left; color:#1c317f; font-family: 'din_alternatebold'; font-size:20px; margin-left:25px;} #main li:before {content: "• "; color:#1c317f; font-size:21px;} .wrap {max-width:1638px; width:95%; margin:0 auto; padding:20px 0;} #Home .patternBarSection {margin-top:0; position:relative;} .patternBarSection {background:url(../images/patternBackground.jpg) top center no-repeat; width:100%; height:86px; margin-top:15px; float:left;} #shoppingNav .patternBarSection {margin-top:0px;} #footerNew {clear:both; width:100%; background:#000; position:relative; z-index:5; float:left; font-family:'din_alternateregular';} #footerNew .wrap {max-width:1800px; position:relative;} #footerNew .footerPhone a {color:#25aae1;} #footerNew a {color:#a0a0a0; text-decoration:none; line-height:25px; transition:all 0.3s ease;} #footerNew a:hover {color:#1c317f; transition:all 0.3s ease;} #footerNew span {color:#a0a0a0;} #newsletterIconMobile {position:relative; top:7px; left:-5px;} #footerNew #newsletterSignupTextMobile {color:#F5EE31; line-height:30px;} #footerNew ul {float:left; list-style-type:none; margin-top:55px; max-width:215px;} #footerNew ul#brandsFooterUL a:hover {color:#F48C09;} #footerNew ul#homeownersFooterUL a:hover {color:#2AAD3B;} #footerNew ul#contactUL {float:left; list-style-type:none; margin-top:55px; max-width:none; line-height:26px;} #footerLogo {float:left; width:30%;} #footerLogo img {max-width:100%;} #footerBottomBar {clear:both; width:100%; background:#FFF; color:#404040; font-family:'open_sansitalic'; margin-top:25px; display:inline-block; font-size:14px;} #footerBottomBar span {padding-left:3.2%;} #footerBottomBar .wrap {padding:10px 0;} #footerNew #newsletterIcon {float:left;} #footerNew span#newsletterSignupText {margin:-3px 0 0 10px; color:#F5EE31; transition:all 0.3s ease; font-size:12px; font-family:'open_sanssemibold'; text-transform:uppercase; float:left; width:75%; line-height:15px;} #footerNew span#newsletterSignupText:hover {color:#FFF; transition:all 0.3s ease;} #footerPhoneLI {border-bottom:6px solid #000; position:relative;} #footerNew #footerAddress span {color:#FFF;} #footerNew #footerAddress span a{color:#FFF;} #footerNew #footerAddress span a:hover{color:#a0a0a0;} #footerNew span.blueSpanFooter {color:#25AAE1; text-transform:uppercase; font-family: 'din_alternatebold';} #footerNew span.blueSpanFooter.footerPhone {font-size:20px; font-family:'open_sansbold';} #footerNew span.boldFooterSpan {font-family: 'din_alternatebold'; font-size:21px;} #nariLogoLI {margin-top:10px;} #footerNew #contactUL span.boldFooterSpan {font-size:16px;} #brandsHeadLI {color:#FFF; text-transform:uppercase; border-bottom:6px solid #F48C09; margin-bottom:20px;} #brandsHeadLI span {color:#FFF;} #homeownersHeadLI {color:#FFF; text-transform:uppercase; border-bottom:6px solid #2AAD3B; margin-bottom:20px;} #homeownersHeadLI span {color:#FFF;} #contractorsHeadLI {color:#FFF; text-transform:uppercase; border-bottom:6px solid #f2090f; margin-bottom:20px;} #contractorsHeadLI span {color:#FFF;} #catSubHeader {width:38%; display:block; clear:both; float:left;} .FancyWord {display:block; line-height:1.5em; overflow:hidden; line-height:1.5em; /* this overflow needs to be removed */ width:100%; float:left; /*text-align:center;*/ color:#1c317f; font-size:50px; /*font-family:'amelia_scriptfine_version';*/ font-family: 'open_sansitalic'; position:relative; top:0;} .TopDescrip {display:block; width:100%; float:right; position: relative; top: 0; /*transform: translateY(-50%);*/ font-size:22px;} .TopDescrip p {margin-top:0;} /* Sub Cat Prod Display */ #Products {padding:20px 0 80px; float:right; width:60%;} #gc_mainImage {float:right; width:100%; position:relative; max-height:432px; overflow:hidden;} #gc_miniScrollBar {width:10%; float:left;} #gc_miniProductPhotoWrap {float:left; width:20%;} .gc_miniProductPhoto {width:100%; text-align:center; margin:0 0 10px;} .gc_miniProductPhoto img {border:1px solid #CCC; max-width:100%; transition:all 0.3s ease; max-width:208px; height:auto; max-height:150px;} .gc_miniProductPhoto img:hover {cursor:pointer; opacity:0.6; transition:all 0.3s ease;} #gc_mainImage img { } #gc_prodMainImageSpan {width:70%; float:right; /*border-left:3px solid #000;*/ } #main #gc_prodMainImage {max-width:720px; width:100%; height:auto; margin:0 9% 0 0; float:left; max-height:440px;} #Cat30 h1 {display:none;} #Cat30 #main .wrap {padding:0;} .brandsImg {display:none;} .CatParent30 .brandsImg {display:block;} .CatParent46 .brandsImg {background:url('../images/brands/boschLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent46 .subName {display:none;} .CatParent42 .brandsImg {background:url('../images/brands/askoLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent42 .subName {display:none;} .CatParent45 .brandsImg {background:url('../images/brands/bestLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent45 .subName {display:none;} .CatParent46 .brandsImg {background:url('../images/brands/boschLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent46 .subName {display:none;} .CatParent47 .brandsImg {background:url('../images/brands/dacorLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent47 .subName {display:none;} .CatParent48 .brandsImg {background:url('../images/brands/dcsLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent48 .subName {display:none;} /*.CatParent1 .brandsImg {background:url('/Content/images/brands/filiBertazzoniLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent1 .subName {display:none;}*/ .CatParent49 .brandsImg {background:url('../images/brands/fisherPaykelLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent49 .subName {display:none;} .CatParent51 .brandsImg {background:url('../images/brands/jennairLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent51 .subName {display:none;} .CatParent31 .brandsImg {background:url('../images/brands/kitchenaidLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent31 .subName {display:none;} .CatParent38 .brandsImg {background:url('../images/brands/maytagLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent38 .subName {display:none;} .CatParent53 .brandsImg {background:url('../images/brands/perlickLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent53 .subName {display:none;} .CatParent40 .brandsImg {background:url('../images/brands/sharpLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent40 .subName {display:none;} .CatParent32 .brandsImg {background:url('../images/brands/subzeroLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent32 .subName {display:none;} .CatParent36 .brandsImg {background:url('../images/brands/thermadorLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent36 .subName {display:none;} .CatParent55 .brandsImg {background:url('../images/brands/ulineLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent55 .subName {display:none;} .CatParent56 .brandsImg {background:url('../images/brands/vikingLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent56 .subName {display:none;} .CatParent39 .brandsImg {background:url('../images/brands/whirlpoolLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent39 .subName {display:none;} .CatParent33 .brandsImg {background:url('../images/brands/wolfLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent33 .subName {display:none;} .CatParent57 .brandsImg {background:url('../images/brands/zephrLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent57 .subName {display:none;} .CatParent58 .brandsImg {background:url('../images/brands/ventahoodLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent58 .subName {display:none;} .CatParent34 .brandsImg {background:url('../images/brands/mieleLogo.png') center no-repeat; width:100%; height:100%; display:block;} .CatParent34 .subName {display:none;} #Cat31 .brandsImg {background:url('../images/brands/kitchenaidLogo.png') center no-repeat; width:100%; height:100%;} #Cat32 .brandsImg {background:url('../images/brands/subzeroLogo.png') center no-repeat; width:100%; height:100%;} #Cat33 .brandsImg {background:url('../images/brands/wolfLogo.png') center no-repeat; width:100%; height:100%;} #Cat34 .brandsImg {background:url('../images/brands/mieleLogo.png') center no-repeat; width:100%; height:100%;} #Cat36 .brandsImg {background:url('../images/brands/thermadorLogo.png') center no-repeat; width:100%; height:100%;} #Cat37 .brandsImg {background:url('../images/brands/filiBertazzoniLogo.png') center no-repeat; width:100%; height:100%;} #Cat38 .brandsImg {background:url('../images/brands/maytagLogo.png') center no-repeat; width:100%; height:100%;} #Cat39 .brandsImg {background:url('../images/brands/whirlpoolLogo.png') center no-repeat; width:100%; height:100%;} #Cat40 .brandsImg {background:url('../images/brands/sharpLogo.png') center no-repeat; width:100%; height:100%;} #Cat41 .brandsImg {background:url('../images/brands/lacornueLogo.png') center no-repeat; width:100%; height:100%;} #Cat42 .brandsImg {background:url('../images/brands/askoLogo.png') center no-repeat; width:100%; height:100%;} #Cat44 .brandsImg {background:url('../images/brands/amanaLogo.png') center no-repeat; width:100%; height:100%;} #Cat45 .brandsImg {background:url('../images/brands/bestLogo.png') center no-repeat; width:100%; height:100%;} #Cat46 .brandsImg {background:url('../images/brands/boschLogo.png') center no-repeat; width:100%; height:100%;} #Cat47 .brandsImg {background:url('../images/brands/dacorLogo.png') center no-repeat; width:100%; height:100%;} #Cat48 .brandsImg {background:url('../images/brands/dcsLogo.png') center no-repeat; width:100%; height:100%;} #Cat49 .brandsImg {background:url('../images/brands/fisherPaykelLogo.png') center no-repeat; width:100%; height:100%;} #Cat50 .brandsImg {background:url('../images/brands/hoshizakiLogo.png') center no-repeat; width:100%; height:100%;} #Cat51 .brandsImg {background:url('../images/brands/jennairLogo.png') center no-repeat; width:100%; height:100%;} #Cat52 .brandsImg {background:url('../images/brands/liebherrLogo.png') center no-repeat; width:100%; height:100%;} #Cat53 .brandsImg {background:url('../images/brands/perlickLogo.png') center no-repeat; width:100%; height:100%;} #Cat54 .brandsImg {background:url('../images/brands/scotsmanLogo.png') center no-repeat; width:100%; height:100%;} #Cat55 .brandsImg {background:url('../images/brands/ulineLogo.png') center no-repeat; width:100%; height:100%;} #Cat56 .brandsImg {background:url('../images/brands/vikingLogo.png') center no-repeat; width:100%; height:100%;} #Cat57 .brandsImg {background:url('../images/brands/zephrLogo.png') center no-repeat; width:100%; height:100%;} #Cat58 .brandsImg {background:url('../images/brands/ventahoodLogo.png') center no-repeat; width:100%; height:100%;} #Cat59 .brandsImg {background:url('../images/brands/prizerHoodsLogo.png') center no-repeat; width:100%; height:100%;} #Cat60 .brandsImg {background:url('../images/brands/blueStarLogo.png') center no-repeat; width:100%; height:100%;} #Cat62 .brandsImg {background:url('../images/brands/profileGELogo.png') center no-repeat; width:100%; height:100%;} #Cat63 .brandsImg {background:url('../images/brands/gmCafeLogo.png') center no-repeat; width:100%; height:100%;} #Cat66 .brandsImg {background:url('../images/brands/electroluxLogo.png') center no-repeat; width:100%; height:100%;} #Cat67 .brandsImg {background:url('../images/brands/broanLogo.png') center no-repeat; width:100%; height:100%;} #Cat68 .brandsImg {background:url('../images/brands/lynxLogo.png') center no-repeat; width:100%; height:100%;} #Cat72 .brandsImg {background:url('../images/brands/monogramGELogo.png') center no-repeat; width:100%; height:100%;} #Cat75 .brandsImg {background:url('../images/brands/blazeLogo.png') center no-repeat; width:100%; height:100%;} .CatParent30 .subName {display:none;} #leftLineSet {right:0px; position:absolute; background:url(../images/lineSetOverlay.png) top left no-repeat; width:70%; height:100%;} #leftLineSet.Image1 {background:url(../images/lineSetOverlayTop.png) top left no-repeat;} #leftLineSet.Image2 {background:url(../images/lineSetOverlayMiddle.png) center left no-repeat;} #leftLineSet.Image3 {background:url(../images/lineSetOverlayBottom.png) bottom left no-repeat;} .gc_ProdDisplay {height:100%;} .gc_ProdDisplayImgHolder.Showing img {opacity:0.5; transition:all 0.3s ease;} .gc_ProdDisplayImgHolder:hover {cursor:pointer;} .gc_ProdDisplayImgHolder.Showing { } #main .owl-item img {max-width:100%;} .owl-item img:hover {cursor:pointer;} /* Product Scroller Cat-Page */ #productsScroll {width:15%; float:left;} #productsScroll .WithoutScroller {width:100%; float:left;} #main #subBrandsBGImg {position:absolute; max-width:100%; margin:0 auto; bottom:0; left:0;} .overlay {position: relative; display:inline-block;} .overlay:after {position: absolute; content:""; top:0; left:0; width:100%; height:100%; opacity:0;} .overlay:hover:after {opacity: .5;} .blue:after {background-color: #27AAE1;} /* Modal Styling */ .modal {display:none; position:fixed; z-index:1000; left:0; top:0; text-align:center; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4); font-family: "din_alternateregular";} .modal-content {background-color: #fefefe; overflow-y:hidden; margin: 15% auto; padding:30px 50px 20px; border: 1px solid #888; width: 80%; max-height:120px;} .close {color: #aaa; float: right; font-size: 28px; font-weight: bold;} .close:hover, .close:focus {color: black; text-decoration: none; cursor: pointer;} #myBtn {background:none; border:none; margin-top:5px; text-align:left; transition:all 0.3s ease;} #myBtn:hover {cursor:pointer; color:#FFF; transition:all 0.3s ease;} #myBtn:hover #newsletterSignupText {color:#FFF; transition:all 0.3s ease;} #newsletterDiv {width:100%; max-width:480px; display:block; margin:0 auto;} #newsletterDiv input {padding: 10px; margin-bottom:10px; width:80%; max-width:500px; min-width:280px; border: none; border-bottom: solid 2px #c9c9c9; transition: border 0.3s; background:#edecec; transition:all 0.3s ease;} #newsletterDiv input:focus {border-bottom: solid 2px #27AAE1; background:#dfdddd; transition:all 0.3s ease;} .newsletterMessages {background-color: #fefefe; border: 1px solid #888; margin: 15% auto; padding: 30px 50px 20px; width: 52%; text-align:center; font-family: 'din_alternatebold';} /* Blog Styling */ .blogBlock {display:block; float:left; width:27%; margin:2%; padding:1%; height:240px;} .blogLink {font-size:20px; font-weight:bold; padding:10px 0; display:block; width:100%; float:left;} .blogContent { } .blogReadMore {margin:0 auto; text-align:center;} .returnToBlogBtn a {display:block; padding:10px 15px;} #main .blogReadMore a {background:#EB0811; display:inline-block; margin-top:10px; padding:15px 30px; color:#FFF; text-transform:uppercase; letter-spacing:0.2px; text-decoration:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;} #main .blogReadMore a:hover {background:#27AAE1; transition:all 0.2s ease; } #main .blogReadMore a:hover .arrow-up {border-left:12px solid #27AAE1; border-right: 12px solid #27AAE1; transition:all 0.2s ease;} .arrow-up {width: 0; height: 0; transition:all 0.2s ease; border-left:12px solid #EB0811; border-right: 12px solid #EB0811; border-bottom: 12px solid #FFF; display:block; position:absolute; left:45%; bottom:0;} .blogBlock:nth-child(odd) .arrow-up {border-bottom:12px solid #EDEDED;} .blogBlock:nth-child(odd) {background:#EDEDED;} /* Member Login Styling */ #main label {display:block;} #main input {padding: 10px; width:80%; max-width:500px; min-width:300px; border: none; border-bottom: solid 2px #c9c9c9; transition: border 0.3s; background:#edecec; transition:all 0.3s ease;} #main input:focus {border-bottom: solid 2px #27AAE1; background:#dfdddd; transition:all 0.3s ease;} #main select {padding: 10px; width:80%; max-width:500px; min-width:300px; border: none; border-bottom: solid 2px #c9c9c9; transition: border 0.3s; background:#edecec; transition:all 0.3s ease;} #main select:focus {border-bottom: solid 2px #27AAE1; background:#dfdddd; transition:all 0.3s ease;} #main textarea {padding:10px; width:80%; max-width:500px; min-width:300px; font-family:inherit !important; border: none; border-bottom: solid 2px #c9c9c9; transition: border 0.3s; background:#edecec; transition:all 0.3s ease;} #main textarea:focus {border-bottom: solid 2px #27AAE1; background:#dfdddd; transition:all 0.3s ease;} /* Contact Stream Styling */ #contactLeft {width:55%; float:left;} #contactLeft iframe {width:100%;} #contactRight {width:40%; float:right;} #ContactForm #emoji-slider {width:79%; max-width:500px; margin-left:1%; text-align:center;} #ContactForm .emoji-slider-question {width:80%; max-width:500px; text-align:center;} .newContactHeader {color:#f7941d; font-size:20px; font-family: "din_alternatebold"; display:block; width:100%; padding:10px 0 13px;} #contactAddyLeft {float:left; width:40%;} #contactAddyRight {float:right; width:60%;} #contactAddyRight p {margin:2px 0;} .boldDateContact {font-weight:bold;} #MemberLoginBodyID #main a {padding-left:15px;} #main button, #main input[type=submit], #newsletterDiv input[type=button] { transition:all 0.2s ease; background-color:#3bb3e0; padding:10px; position:relative; margin-left:8px; font-family: "din_alternateregular"; font-size:12px; text-decoration:none; color:#fff; border: solid 1px #186f8f; background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(44,160,202)), color-stop(1, rgb(62,184,229))); -webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; -moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #main button:hover, #main input[type=submit]:hover, #newsletterDiv input[type=button]:hover {cursor:pointer; border:1px solid #000; transition:all 0.2s ease;} #main button::before, #main input[type=submit]::before { background-color:#ccd0d5; content:""; display:block; position:absolute; width:100%; height:100%; padding:8px; left:-8px; top:-8px; z-index:-1; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; -moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; -o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff; } #main button:active, #main input[type=submit]:active { padding-bottom:9px; padding-left:10px; padding-right:10px; padding-top:11px; top:1px; background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(62,184,229)),color-stop(1, rgb(44,160,202))); } /* Video Stream Styling */ .videoList {list-style-type:none; margin:0; padding:0;} .videoListItem {margin:0; padding:0; float:left; width:31.333%; margin:1%; text-align:center;} .videoListItem img {transition:all 0.3s ease; opacity:1;} .videoListItem:hover img {opacity:0.7; transition:all 0.3s ease;} .videoListItem a {display:block; height:202px; overflow:hidden; position:relative;} .videoListItem a img.YoutubeThumb {position:absolute; top:-34px; width:100%; left:0; max-width:100% !important;} .YoutubeThumb {max-width:100%; height:auto;} #miniHeader{position:fixed; top:0; width:auto; right:0;height:65px; z-index:600;} #MHLeft{margin-left:-80px;height:65px; line-height:65px; position:absolute; top:0; left:0; z-index:3; border-radius:0 30px 30px 0;width:80px;background:#11a2de;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #MHRight{margin-right:-92px;height:65px; line-height:65px; position:absolute; top:0; right:0; z-index:3; border-radius:30px 0 0 30px;width:92px;background:#000;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #MHRight.goWhite{background:#FFF;} #mhRightFacebook {display:none;} #MHRight.goWhite.goGreen{background:#27ae3a;} #MHRight.goWhite.goGreen.goBlack{background:#000;} #MHRight.goOrange{background:#f7941d;} #MHRight.goGreenNew{background:#28AE3B;} #MHRight img{float:left; margin:10px 0 0 16px;} #MHLeft img{float:right; margin:21px 30px 0 0;} #MHRight.slideIn{margin-right:0; z-index:250;} #MHLeft.slideIn{margin-left:0; z-index:250;} #forHomeOwners{ width:100%; float:left;overflow:hidden;position:relative;} #HObigWrap{position:absolute; left:0; top:0; width:200%;} #InrtoAndPic{background:url(../images/forHomeOwnersBG.jpg) top center no-repeat;width:50%; height:1000px;float:left;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} #InrtoAndPic.slideAway{margin-left:-25%;} #innerContentWrap{float:left; width:50%; text-align:center;} #forHOContent{margin-top:100px;position:relative; z-index:2;cursor:pointer;} #serviceLinks{background:url(../images/forHomeOwnersLinks.jpg) top center no-repeat;width:25%; height:1000px; float:left;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #greenOverlay{background:url(../images/forHomeOwnersGreenOverlay.png) top center no-repeat; margin-left:-25%;width:50%; position:absolute; opacity:0; left:0; top:0; height:1000px;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #greenOverlay.show{opacity:1;} #forContractors{background:url(../images/forContractors.jpg) top center no-repeat; width:100%; height:1000px;float:left;position:relative;overflow:hidden;} #forCContentWrap{float:right; width:50%; text-align:center;} #forCContent{margin-top:100px;position:relative; z-index:2;} #forCArrow{width:0; position:absolute; bottom:0; left:0;margin-left:-3%;height:405px;overflow:hidden;-webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out;} #forCArrowImg{width:100%; height:405px; float:left; background:url(../images/forConArrow.png) top left no-repeat;} #forCArrow.showArrow{width:100%;} #forCOven{margin:600px auto 0;-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} #forCOven.slideUp{margin:100px auto 0;} #footer {width:100%; height:1010px; background:url(../images/contentFooter.jpg) top center no-repeat; float:left; position:relative; z-index:200;} #footerNew #orangeLinkFooter {color:#F48C09; transition:all 0.2s ease;} #footerNew #ulFooterSection #orangeLinkFooter:hover {color:#FFF; transition:all 0.2s ease;} #footerNew #greenLinkFooter {color:#2AAD3B; transition:all 0.2s ease;} #footerNew #ulFooterSection #homeownersFooterUL a#greenLinkFooter:hover {color:#FFF; transition:all 0.2s ease;} #footerNew #redLinkFooter { transition:all 0.2s ease;} #footerNew #redLinkFooter:hover {color:#f2090f; transition:all 0.2s ease;} #footerNew #redLinkFooter2 { transition:all 0.2s ease;} #footerNew #redLinkFooter2:hover {color:#f2090f; transition:all 0.2s ease;} #facebookFooter {position:relative; top:4px;} #footerGoogleMap {position:relative; top:2px; left:-3px;} /* Slick Nav Menu */ .slicknav_nav li {text-align:center;} .slicknav_btn {position:relative; display:block; vertical-align:middle; float:left; /*padding:0.438em 0.625em 0.438em 0.625em;*/ line-height:1.125em; cursor:pointer;} .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top:0.188em;} .slicknav_menu {*zoom:1; width:100%;} .slicknav_menu .slicknav_menutxt {display:block; line-height:1.188em; float:left;} .slicknav_menu .slicknav_icon {float:left; width:1.125em; height:0.875em; margin:0.188em 0 0 0.438em; display:none;} .slicknav_menu .slicknav_icon:before {background:transparent; width:1.125em; height:0.875em; display:block; content:""; position:absolute;} .slicknav_menu .slicknav_no-text {margin:0;} .slicknav_menu .slicknav_icon-bar {display:block; width:1.125em; height:0.125em; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; -webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25); box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);} .slicknav_menu:before {content:" "; display:table;} .slicknav_menu:after {content:" "; display:table; clear:both;} .slicknav_nav {clear:both; width:100%; top:-60px; padding-top:80px;} .slicknav_nav ul {display:block;} .slicknav_nav li {display:block;} .slicknav_nav .slicknav_arrow {font-size:0.8em; margin:0 0 0 0.4em;} .slicknav_nav .slicknav_item {cursor:pointer;} .slicknav_nav .slicknav_item a {display:inline;} .slicknav_nav .slicknav_row {display:block;} .slicknav_nav a {display:block;} .slicknav_nav .slicknav_parent-link a {display:inline;} .slicknav_brand {float:left;} .slicknav_menu {font-size:16px; opacity:0; box-sizing:border-box; position:fixed; top:0px; left:0px; z-index:510; display:block; margin-left:-115px; transition:all 0.3s ease;} .slicknav_menu.slideIn {margin-left:0; transition:all 0.3s ease; opacity:1;} .slicknav_menu * {box-sizing:border-box;} .slicknav_menu .slicknav_menutxt {color:#fff; font-weight:bold; text-shadow:0 1px 3px #000; background:#27AAE1; padding:10px 30px 10px 10px; -webkit-border-top-right-radius: 28px; -webkit-border-bottom-right-radius: 28px; -moz-border-radius-topright: 45px; -moz-border-radius-bottomright: 45px; border-top-right-radius: 45px; border-bottom-right-radius: 45px;} .slicknav_menu .slicknav_icon-bar {background-color:#fff;} .slicknav_btn {text-decoration:none; position:relative; z-index:550; text-shadow:0 1px 1px rgba(255, 255, 255, 0.75); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; /*background:#222;*/} .slicknav_nav {color:#fff; margin:0; font-family: "din_alternatebold"; font-size:15px; top:-60px; position:relative; padding:80px 0; list-style:none; overflow:hidden; background:#27AAE1;} .slicknav_nav ul {list-style:none; overflow:hidden; padding:0; margin:0; background:#1e88b4;} .slicknav_nav ul a {padding:5px 0;} .slicknav_nav .slicknav_row {padding:15px 10px; margin:2px 5px;} .slicknav_nav .slicknav_row:hover {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#FFF; color:#104A31;} .slicknav_nav .slicknav_row:hover a {color:#27AAE1;} .slicknav_nav a {padding:15px 10px; margin:8px 5px; text-decoration:none; color:#fff; font-size:16px;} .slicknav_nav a:hover {-webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#FFF; color:#27AAE1;} .slicknav_nav .slicknav_txtnode {margin-left:15px;} .slicknav_nav .slicknav_item a {padding:0; margin:0;} .slicknav_nav .slicknav_parent-link a {padding:0; margin:0;} .slicknav_nav .linkA, .slicknav_nav .noLinkA {top:auto;} .slicknav_brand {color:#fff; font-size:18px; line-height:30px; padding:7px 12px; height:44px;} #nav-icon1 {width:50px; background:#27AAE1; padding:20px; height:40px; left:15px; position:relative; /*margin:50px auto;*/ -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer;} #nav-icon1 span {display:block; position:absolute; height:4px; width:85%; background:#FFF; opacity:1; left:0; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;} #nav-icon1 span:nth-child(1) {top:5px;} #nav-icon1 span:nth-child(2) {top:18px;} #nav-icon1 span:nth-child(3) {top:31px;} .slicknav_menutxt.open #nav-icon1 span:nth-child(1) {top:18px; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg);} .slicknav_menutxt.open #nav-icon1 span:nth-child(2) {opacity:0; left:-60px;} .slicknav_menutxt.open #nav-icon1 span:nth-child(3) {top:18px; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg);} /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; background: url(../images/headerBackground.png); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #27AAE1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .slicknav_menu .hvr-shutter-out-horizontal::before {background:none;} .slicknav_menu .hvr-shutter-out-horizontal {background:none;} /* Parallax Styling */ section.module:last-child { margin-bottom: 0; } section.module h2 { margin-bottom: 40px; font-family: "Roboto Slab", serif; font-size: 30px; } section.module p { margin-bottom: 40px; font-size: 16px; font-weight: 300; } section.module p:last-child { margin-bottom: 0; } section.module.content { padding: 40px 0; } section.module.parallax { padding: 240px 0; background-position: 0 0; } section.module.parallax h1 { color: #1e1e1e; font-size: 48px; line-height: 1; font-weight: 700; text-align: center; text-transform: uppercase; text-shadow: 0 0 10px white; } #Home section.module.parallax-1 { clear:both; position:relative; display:block; } section.module.parallax-1 {display:none;} /* Slider Styling */ .mi-slider { position: relative; margin-top: 30px; height: 480px; width:90%; margin:0 5%; } .mi-slider ul { left: 0; width: 100%; overflow: hidden; text-align: center; position: absolute; pointer-events: none; list-style-type: none; bottom: 120px; padding-left:0; } .no-js .mi-slider ul { margin: 0; left: auto; bottom: auto; overflow: visible; position: relative; } .mi-slider ul.mi-current { pointer-events: auto; } .mi-slider ul li { max-width: 300px; padding: 20px 0.5%; display: inline-block; transform: translateX(600%); transition: opacity 0.2s linear; -webkit-transform: translateX(600%); -webkit-transition: opacity 0.2s linear; } /*Added 01/11/18 AW*/ @media screen and (max-width: 2000px) and (min-width: 1000px){ .mi-slider ul li.coolSlider {width: 48%;} .mi-slider ul li.cleanSlider {width: 30%;} .mi-slider ul li.cookSlider, .mi-slider ul li.convenienceSlider {width: 21%;} } .no-js .mi-slider ul li { transform: translateX(0); -webkit-transform: translateX(0); } .mi-slider ul li a, .mi-slider ul li img { display: block; margin: 0 auto; } .mi-slider ul li a { color:#000; outline: none; cursor: pointer; } .mi-slider ul li img { border: none; max-width: 100%; } .mi-slider ul li h4 { display: inline-block; color:#000; text-transform:uppercase; font-family: 'din_alternateregular'; letter-spacing:0.7px; font-style: italic; font-weight:normal; font-size: 15px; padding: 20px 10px 0;} .mi-slider ul li:hover { opacity: 0.7; } .mi-slider nav { top: 335px; margin: 0 auto; max-width: 100%; position: relative; text-align: center; border-top: 5px solid #333; } .no-js nav { display: none; } .mi-slider nav a { color: #888; position: relative; display: inline-block; padding: 40px 1vw 30px; text-transform: uppercase; outline: none; text-decoration:none; -webkit-transition: color 0.2s linear; transition: color 0.2s linear; font-family: 'din_alternateregular'; } .mi-slider nav a.mi-selected {color: #000; font-family: 'din_alternatebold'; font-size:24px;} .mi-slider nav a:hover {color:#000; transition: all 0.2s ease;} .mi-slider nav a.mi-selected:after, .mi-slider nav a.mi-selected:before { width: 0; height: 0; top: -5px; content: ''; position: absolute; pointer-events: none; border: solid transparent; } .mi-slider nav a.mi-selected:after { border-color: transparent; border-top-color: #fff; border-width: 20px; left: 50%; margin-left: -20px; } .mi-slider nav a.mi-selected:before { border-color: transparent; border-top-color: #333; border-width: 27px; left: 50%; margin-left: -27px; } /* Move classes and animations */ .mi-slider ul:first-child li, .no-js .mi-slider ul li { -webkit-animation: scaleUp 350ms ease-in-out both; animation: scaleUp 350ms ease-in-out both; } @-webkit-keyframes slideLoad { 100% { left: 0; opacity:1;} } @keyframes slideLoad { 100% { left: 0; opacity:1;} } @-webkit-keyframes scaleUp { 0% { -webkit-transform: translateX(0) scale(0); } 100% { -webkit-transform: translateX(0) scale(1); } } @keyframes scaleUp { 0% { -webkit-transform: translateX(0) scale(0); transform: translateX(0) scale(0); } 100% { -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); } } @-webkit-keyframes fadeIn { 0% {opacity:0; } 50% {opacity:0; } 100% {opacity:1;} } @keyframes fadeIn { 0% {opacity:0; } 50% {opacity:0; } 100% {opacity:1;} } .mi-slider ul:first-child li:first-child { -webkit-animation-delay: 90ms; animation-delay: 90ms; } .mi-slider ul:first-child li:nth-child(2) { -webkit-animation-delay: 180ms; animation-delay: 180ms; } .mi-slider ul:first-child li:nth-child(3) { -webkit-animation-delay: 270ms; animation-delay: 270ms; } .mi-slider ul:first-child li:nth-child(4) { -webkit-animation-delay: 360ms; animation-delay: 360ms; } /* moveFromRight */ .mi-slider ul.mi-moveFromRight li { -webkit-animation: moveFromRight 350ms ease-in-out both; animation: moveFromRight 350ms ease-in-out both; } /* moveFromLeft */ .mi-slider ul.mi-moveFromLeft li { -webkit-animation: moveFromLeft 350ms ease-in-out both; animation: moveFromLeft 350ms ease-in-out both; } /* moveToRight */ .mi-slider ul.mi-moveToRight li { -webkit-animation: moveToRight 350ms ease-in-out both; animation: moveToRight 350ms ease-in-out both; } /* moveToLeft */ .mi-slider ul.mi-moveToLeft li { -webkit-animation: moveToLeft 350ms ease-in-out both; animation: moveToLeft 350ms ease-in-out both; } /* Animation Delays */ .mi-slider ul.mi-moveToLeft li:first-child, .mi-slider ul.mi-moveFromRight li:first-child, .mi-slider ul.mi-moveToRight li:nth-child(4), .mi-slider ul.mi-moveFromLeft li:nth-child(4) { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .mi-slider ul.mi-moveToLeft li:nth-child(2), .mi-slider ul.mi-moveFromRight li:nth-child(2), .mi-slider ul.mi-moveToRight li:nth-child(3), .mi-slider ul.mi-moveFromLeft li:nth-child(3) { -webkit-animation-delay: 90ms; animation-delay: 90ms; } .mi-slider ul.mi-moveToLeft li:nth-child(3), .mi-slider ul.mi-moveFromRight li:nth-child(3), .mi-slider ul.mi-moveToRight li:nth-child(2), .mi-slider ul.mi-moveFromLeft li:nth-child(2) { -webkit-animation-delay: 180ms; animation-delay: 180ms; } .mi-slider ul.mi-moveToLeft li:nth-child(4), .mi-slider ul.mi-moveFromRight li:nth-child(4), .mi-slider ul.mi-moveToRight li:first-child, .mi-slider ul.mi-moveFromLeft li:first-child { -webkit-animation-delay: 270ms; animation-delay: 270ms; } /* Animations */ @-webkit-keyframes moveFromRight { 0% { -webkit-transform: translateX(600%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes moveFromLeft { 0% { -webkit-transform: translateX(-600%); } 100% { -webkit-transform: translateX(0%); } } @-webkit-keyframes moveToRight { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(600%); } } @-webkit-keyframes moveToLeft { 0% { -webkit-transform: translateX(0%); } 100% { -webkit-transform: translateX(-600%); } } @keyframes moveFromRight { 0% { -webkit-transform: translateX(600%); transform: translateX(600%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moveFromLeft { 0% { -webkit-transform: translateX(-600%); transform: translateX(-600%); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moveToRight { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(600%); transform: translateX(600%); } } @keyframes moveToLeft { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 100% { -webkit-transform: translateX(-600%); transform: translateX(-600%); } } .mi-slider { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Media Queries */ @media screen and (max-width: 910px){ .mi-slider nav { max-width: 90%; } .mi-slider nav a { /*font-size: 12px; padding: 40px 10px 30px 14px;*/ } } @media screen and (max-width: 740px){ .mi-slider { height: 300px; } .mi-slider nav { top: 220px; } } @-webkit-keyframes fadeInAccent { 0% { opacity:0; margin-left:-400px; } 100% { opacity:1; margin-left:0;} } @keyframes fadeInAccent { 0% { opacity:0; margin-left:-400px; } 100% { opacity:1; margin-left:0;} } @media (max-width:1700px) { #ulFooterSection {width:70%; float:right;} #ulFooterSection ul {width:27.333%; float:left; max-width:none;} #footerNew ul#contactUL {font-size:13px;} #footerNew ul#contactUL #footerPhoneLI {display:block; float:left; clear:both;} #footerNew ul#contactUL #footerAddress {display:block; float:left; clear:both; font-weight:bold;} #footerNew ul#contactUL #showroomHours {display:block; float:left; clear:both;} #footerNew ul#contactUL li {float:left; margin-left:10px;} #footerNew ul#contactUL li .boldFooterSpan {font-size:14px;} .serviceEntryBlock .serviceEntryPurple span {font-size:2vw;} } @media (max-width:1600px) { #Home #logo {width:40%; right:10%;} #Home #svg_logo {max-width:100%; min-width:430px; top:30px; position:relative;} } @media (max-width:1500px) { #threeSet p {font-size:15px; line-height:23px; margin:28px 10%; width:80%;} .FancyWord {font-size:35px;} } @media (max-width:1200px) { .blogBlock {width:98%;} #ourShowroomBlock {padding-top:0;} #ourShowroomBlock .contactTriSection {bottom:125px; z-index:100;} #ourShowroomBlock .contactTriSection a#orangeShowroomBtn {background:#FFF;} #ourShowroomBlock2 {padding-top:0;} #ourShowroomBlock2 .contactTriSection {bottom:125px; z-index:100;} #ourShowroomBlock2 .contactTriSection a#orangeShowroomBtn {background:#FFF;} .mi-slider nav a.mi-selected {font-size:18px;} .mi-slider nav a {padding: 30px 1vw 10px; font-size:14px;} .contactTriSection {width:94%;} #footerLogo {width:25%;} #ulFooterSection {width:75%;} #forHomeownersBlock .h3span, #forContractorsBlock .h3span, #ourShowroomBlock .h3span {font-size:2vw;} #forHomeownersBlock h3, #forContractorsBlock h3, #ourShowroomBlock h3 {font-size:3vw;} #shoppingNav .patternBarSection {margin-top:40px;} #threeSet {min-height:650px; position:relative; font-size:14px;} #threeSet p {margin:20px 10%;} #forHomeownersBlock {width:47%; min-height:300px;} #ourShowroomBlock {position:absolute; bottom:-30px; top:auto; width:100%; text-align:center; padding-top:30px; min-height:345px;} #ourShowroomBlock #showroomBubble {width:auto;} #ourShowroomBlock .contactTriSection {bottom:100px;} #ourShowroomBlock2 {position:relative; bottom:-30px; top:auto; width:100%; text-align:center; padding-top:30px; min-height:345px;} #ourShowroomBlock2 #showroomBubble {width:auto;} #ourShowroomBlock2 .contactTriSection {bottom:100px;} #forContractorsBlock {width:47%; min-height:300px;} .contactTriSection #orangeShowroomBtn {margin-top:0;} #showroomGmap {display:none;} #showroomGmapMobile {display:block; opacity:0.6; min-height:300px;} #headerPhone {position:absolute; top:0; right:0;} #headerPhone a {font-size:18px; line-height:31px;} #headerSocials {position:relative; top:25px; padding-top:5px; background:#000; margin:0.4% 0 0 0.5%;} #mainNav.navslideIn #headerSocials {display:none;} } @media (max-width:1150px) { /*#footerNew {height:650px;} #ulFooterSection {position:relative; width:70%; top:220px; right:0;} #contactUL {position:absolute; top:90px; right:10px;}*/ .FancyWord {font-size:3vw; line-height:1.3em;} #Home #logo #newLogo {max-width:100%;} } @media (min-width:1000px) { .slicknav_nav {display:none !important;} .slicknav_btn, #MHRight {margin-top:37px;} } @media (max-width:1000px) { .serviceEntryBlock .serviceEntryPurple span {top:45%;} #homeownersContentBtns {height:175px;} .serviceEntryBlock .serviceEntryGreen span {font-size:17px;} .serviceEntryBlock { } #main .serviceEntryBlock img.serviceBtnImg {width:400px; height:auto;} #main .serviceEntryBlock img.btnArrowLine {height:100%; right:-11%;} #Home #logo #newLogo {display:none;} #homepageContentLogos a {width:50%; float:left; margin:0; padding:0; text-align:center;} #vidSlide {display:none;} #homeMain img {max-width:100%;} .mi-current #viewAllNew {display:block;} /*Added 01/11/18 Aw*/ #shoppingNav { width:100%;} #shoppingNavImageBuddy {display: none;} /*Added 01/10/18 Aw*/ .navIconLI a object { pointer-events: none; } .navIconLI a.cool object { padding-left: 5px;} .navIconLI a.cool, .navIconLI a.clean {max-width: 110px; margin-right: 0; margin-left: auto;} .navIconLI a.cook, .navIconLI a.convenience {max-width: 110px; margin-right: auto; margin-left: 0;} .navIconLI a.cool {border-bottom: 1px solid rgba(255, 255, 255, .6); padding-bottom: 15px;} .navIconLI a.cook {border-left: 1px solid rgba(255, 255, 255, .6); border-bottom: 1px solid rgba(255, 255, 255, .6); padding-bottom: 15px;} .navIconLI a.clean { margin-top: -8px; padding-top: 15px;} .navIconLI a.convenience {border-left: 1px solid rgba(255, 255, 255, .6); margin-top: -8px; padding-top: 15px;} h1 {font-size:25px;} h2 {font-size:22px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:18px;} #slideOverlaySub {background:#1c317f;} #slideOverlaySub::before { right: auto; top: 0; left: 0; bottom: 0; background-position: center center; width: auto; min-width: 60%; } #Contact #subHeader, #ContractorContact #subHeader, #ThankYou #subHeader {background:url(../images/subHeaders/640banners/contactHeaderImg.jpg) top center no-repeat;} #Services #subHeader {background:url(../images/subHeaders/640banners/homeownersHeaderImg.jpg) top center no-repeat;} #ConsultingDesign #subHeader {background:url(../images/subHeaders/640banners/consultingDesignHeaderImg.jpg) top center no-repeat;} #DeliveryInstallation #subHeader {background:url(../images/subHeaders/640banners/deliveryInstallationHeaderImg.jpg) top center no-repeat;} #RepairMaintenance #subHeader {background:url(../images/subHeaders/640banners/repairMaintenanceHeaderImg.jpg) top center no-repeat;} #Cat30 #subHeader, #ContactStreamEntryBodyID #subHeader {background:url(../images/subHeaders/640banners/serviceHeaderImg.jpg) top center no-repeat;} #ContractorsBuilders #subHeader, #Blog #subHeader, .BlogClass #subHeader {background:url(../images/subHeaders/640banners/contractorBuildersHeaderImg.jpg) top center no-repeat;} #Cat3 #subHeader {background:url(../images/subHeaders/640banners/serviceHeaderImg.jpg) top center no-repeat;} #catError #subHeader {background:url(../images/subHeaders/640banners/serviceHeaderImg.jpg) top center no-repeat;} #MemberLoginBodyID #subHeader {background:url(../images/subHeaders/640banners/serviceHeaderImg.jpg) top center no-repeat;} #Showroom #subHeader {background:url(../images/subHeaders/640banners/refrigerationHeaderImg.jpg) top center no-repeat;} .CatParent7 #subHeader {background:url(../images/subHeaders/640banners/cookingHeaderImg.jpg) top center no-repeat;} #Cat7 #subHeader {background:url(../images/subHeaders/640banners/cookingHeaderImg.jpg) top center no-repeat;} #Cat8 #subHeader {background:url(../images/subHeaders/640banners/cooking_Ranges.jpg) top center no-repeat;} #Cat9 #subHeader {background:url(../images/subHeaders/640banners/cooking_CooktopRange.jpg) top center no-repeat;} #Cat10 #subHeader {background:url(../images/subHeaders/640banners/cooking_Microwaves.jpg) top center no-repeat;} #Cat11 #subHeader {background:url(../images/subHeaders/640banners/cooking_WallOvenRange.jpg) top center no-repeat;} #Cat12 #subHeader {background:url(../images/subHeaders/640banners/cooking_WarmingDevice.jpg) top center no-repeat;} .CatParent16 #subHeader {background:url(../images/subHeaders/640banners/refrigerationHeaderImg.jpg) top center no-repeat;} #Cat16 #subHeader {background:url(../images/subHeaders/640banners/refrigerationHeaderImg.jpg) top center no-repeat;} #Cat17 #subHeader {background:url(../images/subHeaders/640banners/refrigeration_Drawers.jpg) top center no-repeat;} #Cat43 #subHeader {background:url(../images/subHeaders/640banners/refrigeration_Refrigerator.jpg) top center no-repeat;} .CatParent24 #subHeader {background:url(../images/subHeaders/640banners/drinkSystemHeaderImg.jpg) top center no-repeat;} #Cat24 #subHeader {background:url(../images/subHeaders/640banners/drinkSystemHeaderImg.jpg) top center no-repeat;} #Cat25 #subHeader {background:url(../images/subHeaders/640banners/wineStorage.jpg) top center no-repeat;} #Cat26 #subHeader {background:url(../images/subHeaders/640banners/beverageCenterSubzero.jpg) top center no-repeat;} .CatParent5 #subHeader {background:url(../images/subHeaders/640banners/dishwasherHeaderImg.jpg) top center no-repeat;} #Cat18 #subHeader {background:url(../images/subHeaders/640banners/dishwasherHeaderImg.jpg) top center no-repeat;} .CatParent19 #subHeader {background:url(../images/subHeaders/640banners/ventilationHeaderImg.jpg) top center no-repeat;} #Cat19 #subHeader {background:url(../images/subHeaders/640banners/ventilationHeaderImg.jpg) top center no-repeat;} #Cat23 #subHeader {background:url(../images/subHeaders/640banners/ventilation_customVentHood.jpg) top center no-repeat;} #Cat21 #subHeader {background:url(../images/subHeaders/640banners/ventilation_islandHoods.jpg) top center no-repeat;} #Cat22 #subHeader {background:url(../images/subHeaders/640banners/ventilation_cabinetHoods.jpg) top center no-repeat;} #Cat20 #subHeader {background:url(../images/subHeaders/640banners/ventilation_wallHood.jpg) top center no-repeat;} .CatParent13 #subHeader {background:url(../images/subHeaders/640banners/outdoorCookingHeaderImg.jpg) top center no-repeat;} #Cat13 #subHeader {background:url(../images/subHeaders/640banners/outdoorCookingHeaderImg.jpg) top center no-repeat;} #Cat14 #subHeader {background:url(../images/subHeaders/640banners/outdoor_grill.jpg) top center no-repeat;} #Cat15 #subHeader {background:url(../images/subHeaders/640banners/outdoor_cooker.jpg) top center no-repeat;} .CatParent27 #subHeader {background:url(../images/subHeaders/640banners/laundryHeaderImg.jpg) top center no-repeat;} #Cat27 #subHeader {background:url(../images/subHeaders/640banners/laundryHeaderImg.jpg) top center no-repeat;} #Cat28 #subHeader {background:url(../images/subHeaders/640banners/laundry_washer.jpg) top center no-repeat;} #Cat29 #subHeader {background:url(../images/subHeaders/640banners/laundry_dryer.jpg) top center no-repeat;} #Cat31 #subHeader {background:url(../images/subHeaders/640banners/brand-kitchenAid.jpg) top center no-repeat;} #Cat32 #subHeader {background:url(../images/subHeaders/640banners/brand-subZero.jpg) top center no-repeat;} #Cat33 #subHeader {background:url(../images/subHeaders/640banners/brand-wolf.jpg) top center no-repeat;} #Cat34 #subHeader {background:url(../images/subHeaders/640banners/brand-miele.jpg) top center no-repeat;} #Cat35 #subHeader {background:url(../images/subHeaders/640banners/brand-bosch.jpg) top center no-repeat;} #Cat36 #subHeader {background:url(../images/subHeaders/640banners/brand-thermador.jpg) top center no-repeat;} #Cat37 #subHeader {background:url(../images/subHeaders/640banners/brand-bertazzoni.jpg) top center no-repeat;} #Cat38 #subHeader {background:url(../images/subHeaders/640banners/brand-maytag.jpg) top center no-repeat;} #Cat39 #subHeader {background:url(../images/subHeaders/640banners/brand-whirlpool.jpg) top center no-repeat;} #Cat40 #subHeader {background:url(../images/subHeaders/640banners/brand-sharp.jpg) top center no-repeat;} #Cat41 #subHeader {background:url(../images/subHeaders/640banners/brand-leCornue.jpg) top center no-repeat;} #Cat42 #subHeader {background:url(../images/subHeaders/640banners/brand-asko.jpg) top center no-repeat;} #Cat44 #subHeader {background:url(../images/subHeaders/640banners/brand-amana.jpg) top center no-repeat;} #Cat45 #subHeader {background:url(../images/subHeaders/640banners/brand-best.jpg) top center no-repeat;} #Cat46 #subHeader {background:url(../images/subHeaders/640banners/brand-bosch.jpg) top center no-repeat;} #Cat47 #subHeader {background:url(../images/subHeaders/640banners/brand-dacor.jpg) top center no-repeat;} #Cat48 #subHeader {background:url(../images/subHeaders/640banners/brand-dcs.jpg) top center no-repeat;} #Cat49 #subHeader {background:url(../images/subHeaders/640banners/brand-fisherPaykel.jpg) top center no-repeat;} #Cat50 #subHeader {background:url(../images/subHeaders/640banners/brand-hoshizaki.jpg) top center no-repeat;} #Cat51 #subHeader {background:url(../images/subHeaders/640banners/brand-jennAir.jpg) top center no-repeat;} #Cat52 #subHeader {background:url(../images/subHeaders/640banners/brand-liebherr.jpg) top center no-repeat;} #Cat53 #subHeader {background:url(../images/subHeaders/640banners/brand-perlick.jpg) top center no-repeat;} #Cat54 #subHeader {background:url(../images/subHeaders/640banners/brand-scotsman.jpg) top center no-repeat;} /* Scotsman NEED unique banner */ #Cat55 #subHeader {background:url(../images/subHeaders/640banners/brand-uline.jpg) top center no-repeat;} #Cat56 #subHeader {background:url(../images/subHeaders/640banners/brand-viking.jpg) top center no-repeat;} #Cat57 #subHeader {background:url(../images/subHeaders/640banners/brand-zephyr.jpg) top center no-repeat;} #Cat58 #subHeader {background:url(../images/subHeaders/640banners/brand-ventahood.jpg) top center no-repeat;} /*Changes made 01/09/18 AW*/ #Cat197 #subHeader {background-image:url(../images/subHeaders/1000/CoolHeaderImg_mob.jpg);} #Cat204 #subHeader {background-image:url(../images/subHeaders/1000/cookingHeaderImg_mob.jpg);} #Cat205 #subHeader {background-image:url(../images/subHeaders/1000/CleanHeaderImg_mob.jpg);} #Cat195 #subHeader {background-image:url(../images/subHeaders/1000/ConvenienceHeaderImg_mob.jpg);} #Cat198 #subHeader {background-image:url(../images/subHeaders/1000/Cool_BuiltInFridge_mob.jpg);} #Cat199 #subHeader {background-image:url(../images/subHeaders/1000/Cool_FreeStandingFridge_mob.html);} #Cat215 #subHeader {background-image:url(../images/subHeaders/1000/cooking_Ranges_mob.jpg);} #Cat220 #subHeader {background-image:url(../images/subHeaders/1000/cooking_WallOvenRange_mob.jpg);} #Cat223 #subHeader {background-image:url(../images/subHeaders/1000/cooking_CooktopRange_mob.jpg);} #Cat226 #subHeader {background-image:url(../images/subHeaders/1000/cooking_Microwaves_mob.jpg);} #Cat206 #subHeader {background-image:url(../images/subHeaders/1000/dishwasherHeaderImg_mob.jpg);} #Cat207 #subHeader {background-image:url(../images/subHeaders/1000/laundryHeaderImg_mob.jpg);} #Cat231 #subHeader {background-image:url(../images/subHeaders/1000/ventilationHeaderImg_mob.jpg);} #Cat196 #subHeader {background-image:url(../images/subHeaders/1000/Convenience_coffeeSystems_mob.jpg);} #Cat233 #subHeader {background-image:url(../images/subHeaders/1000/Convenience_WarmingDevices_mob.jpg);} #Cat234 #subHeader {background-image:url(../images/subHeaders/1000/Convenience_IceProduction_mob.jpg);} #Cat235 #subHeader {background-image:url(../images/subHeaders/1000/Convenience_laundryStorage_mob.jpg);} #brandsSection a {width:24%; margin:0.5%;} #ourShowroomBlock .h3span {display:none;} #ourShowroomBlock h3 {display:none;} #ourShowroomBlock .contactTriSection {bottom:125px; z-index:100;} #ourShowroomBlock .contactTriSection a#orangeShowroomBtn {background:#FFF;} #ourShowroomBlock2 .h3span {display:none;} #ourShowroomBlock2 h3 {display:none;} #ourShowroomBlock2 .contactTriSection {bottom:125px; z-index:100;} #ourShowroomBlock2 .contactTriSection a#orangeShowroomBtn {background:#FFF;} #shoppingNav .patternBarSection {margin-top:100px;} .viewAllBtn {background:url(../images/viewAllSplashImg.png) center no-repeat #f78d10; border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; transition:all 0.2s ease; display:inline-block; width:80%; height:130px; margin:0px 10%; color:#FFF; text-decoration:none;} .viewAllBtn:hover {opacity:0.7; transition:all 0.2s ease;} .viewAllBtn span {position:relative; top:50%; transform:translateY(-50%); display:block; font-family:"din_alternateregular"} #shoppingNav .mi-current li { width:31.333%; } .mi-slider ul li h4 {height:30px;} #shoppingNav .mi-current .viewAllBtn {width:31.3333%; float:right; margin:0% 1% 0 0; padding:10px 0; border:1px solid #f78d10;} #brandsSection {background:url(../images/subBrandsBG.jpg) bottom center no-repeat #000;} #boilVidID {display:none;} .slicknav_menu {opacity:1;} .FancyWord {width:100%; float:left; text-align:left; height:auto; font-size:45px; padding-bottom:20px;} .TopDescrip {width:100%; float:left; text-align:left; top:32%;} #catSubHeader {min-height:220px;} #forHomeownersBlock .contactTriSection { } #forContractorsBlock .contactTriSection {right:0; width:100%;} #subHeader {position:relative;} #subHeader #slideOverlaySub {width:100% !important; height:30%; position:absolute; bottom:0;} #ulFooterSection ul {margin-left:0;} #footerLogo {width:45%;} #ulFooterSection {width:100%;} #contactUL {position:absolute; top:55px; right:50px; width:50%; text-align:right;} #footerNew ul#contactUL #footerPhoneLI {float:right;} #footerNew ul#contactUL #footerAddress {float:right;} #footerNew ul#contactUL #showroomHours {float:right;} #footerNew ul#contactUL li {float:right; clear:both;} #nariLogoLI {max-width:100%;} #nariLogoLI img {max-width:100%;} #ulFooterSection .boldFooterSpan {clear:both; display:block;} #MHRight.goWhite {background:none;} #svg_logo {max-width:430px; min-width:430px; top:30px; position:relative;} .slicknav_menu {display:block; margin-left:0;} #MHRight {margin-right:0; background:none; display:none;} #Home #MHRight {display:block;} #menucontainer {display:none;} #topBar {display:none;} #Home #logo { } #Home #logo #mobilePhone {display:block;} #logo #mobilePhone {display:none;} #logo {right:0; top:0; width:100%;} #mobileHeaderLogo {display:none;} #mobileHeaderLogoWhite {display:block; margin:0 auto; max-width:58%; min-width:320px;} #logoShadowing {display:none;} #subHeader #slideOverlaySub {width:35%; max-width:1000px;} #subHeader #slideOverlaySub .subName {font-size:4.5vw;} #blueSlideOut {display:none;} #Home section.module.parallax-1 {display:none;} #mainNav {display:none;} #homeImgFull {display:none;} #homeImgMobile {display:block;} #svg_logo {display:none;} #Home #svg_logo {display:none;} #MHRight.slideIn {display:none;} #mhRightLogo {display:none;} #mhRightFacebook {display:block;} #Home #logo {top:50px; width:100%; right:0; left:0; text-align:center;} #mobileHeaderLogo {max-width:70%; margin:0 auto; position:relative; top:-30px;} #Home #mobileHeaderLogoWhite {max-width:70%; margin:0 auto; position:relative; top:-30px; display:block;} #topBGIMg img {width:auto;} #miniHeader {float:right; right:0; left:auto; width:auto; position:relative;} #topRotatorWrap {position:relative;} #spaceClear {display:none;} #miniHeader {z-index:9999;} #mobileFeelText {display:block; text-align:center; padding-top:35px;} #mobileFeelText img {max-width:90%; margin:0 5%;} #shoppingNav {clear:both;} .mi-slider ul {bottom:auto;} #mobilePhone {display:block; color:#F4ED24; text-decoration:none; font-size:27px; letter-spacing:1px; font-family: 'open_sansbold'; margin-top:0px;} /* Product Slider Nav */ #mi-slider2.mi-slider {height:300px;} .mi-slider {height:auto; margin:0 auto; max-width:640px; width:90%;} .mi-slider nav {top:0; width:30%; float:left; border-top:none; border-right:3px solid #333;} .mi-slider nav a.mi-selected::after, .mi-slider nav a.mi-selected::before {border:none;} #mi-slider2.mi-slider nav a.mi-selected::after, #mi-slider2 nav a.mi-selected::before {border:3px solid #333; top:87px;} #mi-slider2.mi-slider nav a.mi-selected::after, #mi-slider2.mi-slider nav a.mi-selected::before {border-color: #333 transparent transparent; border-width: 25px; left: 50%; margin-left: -25px;} #mi-slider2.mi-slider nav a.mi-selected::after {border-color: #fff transparent transparent; border-width: 20px; left: 50%; margin-left: -20px;} #mi-slider2.mi-slider nav a.mi-selected::before {border-width:25px; margin-left:-25px;} .mi-slider nav a {width:100%; padding:18px 0; text-align:left;} #miSliderULs {width:65%; float:right; position:relative;} .mi-slider ul {width:65%; float:right; right:0; margin-top:5%; left:auto;} .mi-slider ul li { margin:0; width:29.333%; text-align:center; max-width:33.333%; box-sizing: border-box; vertical-align: middle; } .mi-slider ul li a {height:150px; float:left; display:block; max-width:100%;} .mi-slider ul li a img {max-width:80%; position:relative; top:10%;} /*Changes made 01/09/18 AW*/ .mi-slider ul li a img.specialFix {max-width:68%;} .mi-slider ul li h4 { padding:0; vertical-align: middle; font-size: 12px; } #contactLeft {width:100%;} #contactRight {width:100%;} #contactRight #ContactForm {text-align:center;} #contactRight #ContactForm #main input {margin:0 auto;} #contactRight #ContactForm #main { } #ContactForm #emoji-slider {margin:100px auto 30px;} #ContactForm .emoji-slider-question {margin:0 auto;} #subHeader .fullColorCat {display:none;} #shoppingNav .mi-slider ul[data-qty="has_four"] li { width: 24%; } #shoppingNav .mi-slider ul[data-qty="has_four"].mi-current li { width: 24%; } } @media (max-width:850px) { #homeownersContentBtns {height:370px; text-align:center;} .serviceEntryBlock {height:50%; width:48%;} #main .serviceEntryBlock img.btnArrowLine {right:-9%;} } @media (max-width:800px) { #contactAddyLeft {display:block; width:100%; text-align:center;} #contactAddyRight {display:block; width:100%; text-align:center;} #contactAddyRight p {width:100% !important;} } @media (max-width:720px) { #main .serviceEntryBlock img.btnArrowLine {right:-11%;} #main #gc_prodMainImage {max-width:100%;} #gc_mainImage {max-height:500px;} #main #subBrands {padding:40px 0 100px;} #main #subBrands a {width:29.3333%; margin:0 2%;} #subHeader {/*background-position:-1000px 0 !important; background-size:cover !important;*/} #main #gc_prodMainImage {border-left:none; border-bottom:3px solid #000;} .WithoutScroller .gc_ProdDisplayImgHolder {width:33.333%; text-align:center; float:left; margin-top:25px;} #main .WithoutScroller .gc_ProdDisplayImgHolder img {max-width:60%; height:auto;} #subHeader #slideOverlaySub .subName {font-size:36px;} #footerNew span#newsletterSignupText {font-size:11px; float:right; width:70%;} #ulFooterSection ul {width:25.333%;} #forHomeownersBlock {top:-40px;} #forContractorsBlock {top:-40px;} #forContractorsBlock .contactTriSection {bottom:-60px;} #forHomeownersBlock .contactTriSection {bottom:-60px;} #leftLineSet {width:90%; display:none;} #gc_prodMainImageSpan {width:90%;} #productsScroll {width:80%; margin:0 10%;} #productsScroll .owl-carousel .owl-wrapper {width:100% !important; margin:35px 0;} #productsScroll .owl-carousel .owl-item {width:31.333% !important; margin:0.3vw 1%;} } @media (max-width:640px) { #main .serviceEntryBlock img.btnArrowLine {display:none;} h1 {font-size:16px; text-align:center;} h2 {font-size:15px;} h3 {font-size:14px;} h4 {font-size:13px;} h5 {font-size:14px;} .mi-slider ul {margin-top:0;} #shoppingNav .mi-current li:nth-child(3) {border-bottom:none;} .mi-current #viewAllNew {display:none;} #threeSet {display:none;} #threeSetsmall {display:block;} .TopDescrip {font-size:17px;} #Home #mobileHeaderLogoWhite {max-width:60%;} #Home #logo {top:-10px;} #homeImgMobile640 {display:block;} #homeImgMobile {display:none;} #mhRightFacebook {display:none;} #remainingContent #footerNew {height:665px;} #footerNew #mobileNavBits {display:block; max-width:100%; width:100%; text-align:center; margin:0; padding:20px 0 0 0;} #myBtnMobile {background:none; border:none; color:#F5EE31; transition:all 0.2s ease;} #myBtnMobile:hover {cursor:pointer; transition:all 0.2s ease;} #brandsSection a {width:31%; margin:1.1%;} #shoppingNav .patternBarSection {margin-top:130px;} /*Changes made 01/08/18 AW*/ /*#viewAppliancesBtn {clear:both; width:100%; text-align:center; display:block; position:relative; top:60px;}*/ #viewAppliancesBtn {clear:both; width:100%; text-align:center; display:block; position:relative; margin: 30px auto 10px;} #viewAppliancesBtn a {color:#f7941d; text-transform:uppercase; font-family: 'din_alternatebold'; transition:all 0.2s ease; text-decoration:none; border:2px solid #f7941d; display:inline-block; border:2px solid #f7941d; border-radius:25px; letter-spacing:0.2px; padding:15px 30px;} #viewAppliancesBtn a:hover {color:#000; transition:all 0.2s ease;} #viewAppliancesBtn .arrow-up { background: rgba(0, 0, 0, 0) url("../images/showroomGalleryArrow.jpg") no-repeat scroll center top; border: medium none; left:48%; bottom:0px; height:14px; transition:none 0s ease 0s; width:30px;} .mi-slider ul li a img {max-width:68%;} .mi-slider ul li h4 {height:auto;} #shoppingNav .mi-current li:nth-child(4) {display:none;} #shoppingNav .mi-current li:nth-child(5) {display:none;} #shoppingNav .mi-current li:nth-child(6) {display:none;} #shoppingNav {padding-bottom:0;} #threeSet {padding:150px 0 30px;} #forHomeownersBlock {top:-100px;} #forContractorsBlock {top:-100px;} #ourShowroomBlock {bottom:-50px;} #ourShowroomBlock2 {bottom:-50px;} #forContractorsBlock .contactTriSection {bottom:-120px;} .blogBlock {height:270px;} .viewAllBtn {display:none;} #main .wrap table {border-collapse: collapse; border-spacing: 0; border: 1px solid #bbb; overflow-x: auto; display: block;} #main .wrap table tr td {border-top: 1px solid #ddd; padding: 4px 8px 40px;} #main .wrap table tr:nth-child(even) td {background-color: #eee;} #mobileHeaderLogo {min-width:300px; right:auto; top:5px;} #mobilePhone {font-size:26px; position:relative; top:-20px;} #footerNew {height:600px; position:relative;} #footerBottomBar {position:absolute; bottom:0; left:0; width:100%; text-align:center;} #ulFooterSection {display:none;} #footerNew ul#contactUL {position:relative; top:0; right:0; margin:0; padding:0; width:100%; text-align:center;} #footerNew ul#contactUL li {clear: both; float: right; width:100%; text-align:center;} #footerLogo {width:70%; margin:0 15%;} /*Changes made 01/09/18 AW*/ /*#shoppingNav .mi-slider {height:377px;}*/ #shoppingNav .mi-slider {height:440px;} #shoppingNav .mi-slider ul li {width:80%; border-left:none; border-right:none; margin:0 5%; max-width:90%; padding:0; border-bottom:1px solid #c4c4c4; border-top:none; height:126px;} #shoppingNav .mi-slider ul li h4 {padding-top:20px; margin:0 0 10px 0; font-size:12px;} #shoppingNav .mi-slider ul {width:40%;} #shoppingNav .mi-slider nav {width:55%;} .mi-slider ul li img {max-width:60%;} #ourShowroomBlock .h3span {display:none;} #ourShowroomBlock h3 {display:none;} #ourShowroomBlock2 .h3span {display:none;} #ourShowroomBlock2 h3 {display:none;} /*Changes made 01/09/18 AW*/ /*#shoppingNav .mi-slider ul li {height:130px;}*/ #shoppingNav .mi-slider ul li {height:150px;} #shoppingNav { display: none !important; } } @media (max-width:540px) { #mi-slider2 nav .mobileHeadHC {font-size:3.5vw;} #mi-slider2 nav .mobileSubHeadHC {font-size:4.5vw;} #mi-slider2 nav a {height:51px;} #mi-slider2.mi-slider ul li a {float:none;} } @media (max-width:480px) { .serviceEntryBlock .serviceEntryPurple span {font-size:3vw;} #ContractorsBuilders #greenContactBtn {width:100%; max-width:100%;} #ContractorsBuilders #redContactBtn {width:100%; max-width:100%;} #homeownersContentBtns {height:500px;} .serviceEntryBlock {height:33.3%; width:100%;} #main .serviceEntryBlock img.serviceBtnImg {width:100%;} #main #subBrands {max-height:150px;} #ourShowroomBlock2 #showroomBubble2 p {font-size:13px; width:90%; margin:0 5%; line-height:1.4;} #homeMain img {display:block; width:100%; max-width:100%; height:auto; margin:0 auto; padding-bottom:15px; float:none !important;} #ourShowroomBlock2 {top:75px;} #mi-slider2 .feelFreeMobileRight {width:100%; text-align:center; clear:both;} #mi-slider2 .contactMobileLeft {width:100%; text-align:center; clear:both;} #threeSetsmall {min-height:390px;} #brandsSection a {width:48%; margin:1%;} .mi-slider nav a.mi-selected {font-size:22px;} #shoppingNav .mi-slider ul li h4 {font-size:11px;} #forHomeownersBlock {width:94%; top:-125px;} #forContractorsBlock {width:94%; top:auto; bottom:220px;} #forContractorsBlock .contactTriSection {bottom:-15px;} #forHomeownersBlock h3, #forContractorsBlock h3 {font-size:5vw;} .fstSpan, .fstDash, .fullColorSpan { } #main #subBrands a {width:46%;} /*Changes made 01/09/18 AW*/ #shoppingNav .mi-slider {height:377px;} /*Changes made 01/09/18 AW*/ #shoppingNav .mi-slider ul li {height:130px;} } @media (max-width:380px) { .serviceEntryBlock {height:29%;} } table {border-collapse: collapse; } .clear {clear: both; } .error {color: Red; } div#title {display: block; float: left; text-align: left; } #logindisplay {font-size: 1.1em; display: block; text-align: right; margin: 10px; color: White; } #logindisplay a:link {color: white; text-decoration: underline; } #logindisplay a:visited {color: white; text-decoration: underline; } #logindisplay a:hover {color: white; text-decoration: none; } .hidethis {visibility: hidden } .image {text-align:center; } .field-validation-error {color: #ff0000; } .field-validation-valid {display: none; } .input-validation-error {border: 1px solid #ff0000; background-color: #ffeeee; } .validation-summary-errors {font-weight: bold; color: #ff0000; } .validation-summary-valid {display: none; } .display-label, .editor-label {margin: 1em 0 0 0; } .display-field, .editor-field {margin: 0.5em 0 0 0; } .text-box {width: 30em; } .text-box.multi-line {height: 6.5em; } .tri-state {width: 6em; } .field-validation-error {color: #f00; } .field-validation-valid {display: none; } .input-validation-error {border: 1px solid #f00; background-color: #ffeeee; } .validation-summary-errors {font-weight: bold; color: #f00; } .validation-summary-valid {display: none; } #DeleteSelectedFiles {background: none; border: 0; color: #2B94FF; cursor: pointer; } ul.FileManLinks li {display: inline; } ul.FileManLinks li a {text-decoration: underline; } p.FileManCwd {color: Gray; font-size: 1.2em; text-align: center; } ul.FileManOps li {display: inline; } ul.FileManip {margin-left: 150px; } ul.FileManip li {display: inline; padding: 0 3px; } #HelpOutput {border: 1px solid grey; margin-bottom: 20px; color: #2B94FF; } #FileManipSelectAllFiles {margin-left: 100px; } #PaginationDisplay {} #PaginationDisplay a {} #PaginationDisplay .selected {} .photoItem {float: left; text-align: center; width: 180px; height: 220px; } .ImageName {text-align: center; } .categoryItem {float: left; text-align: center; width: 180px; height: 220px; } .subCategoryName {text-align: center; } #ModalContactFormSlot {float: right; width: 250px; display: inline-block; } #ModalContactMask {background-color: #5C87B2; position:absolute; left:0; top:0; z-index:9000; display:none;} #ContactFormModal fieldset {padding: 10px 25px; border:none; margin-bottom:0px; color: #000} #ContactFormModal fieldset input {margin-bottom:5px;} #ContactFormModal #boxes fieldset {background-color: #E8EEF4; position:fixed; left:0; top:0; width: 500px; display:none; z-index:9999; padding:20px; color: #000 } #ContactFormModal #boxes fieldset legend {padding-top:53px;text-align:center;border:none;width:90%; display: block;} #ContactFormModal #boxes fieldset label {display: block; } #ContactFormModal #boxes fieldset label.error {display: inline; color: #f00;} #ContactFormModal #boxes fieldset input.error {border: 1px dotted #f00;} #ContactFormModal .CloseFieldset {margin: 10px 0 0 0; border-color: #ddd; color: #ddd; background-color: #222;} #ContactFormModal .CloseFieldset:hover{border-color: #eee; color: #eee; background-color: #444; font-weight: 900;} #ContactFormModal .formbg_top{display:block; width:302px; height:41px;} #ContactFormModal .formbg_middle{display:block; width:302px; height:auto;} #ContactFormModal .formbg_bottom{display:block; width:302px; height:96px;} #ContactFormModal .section {margin-bottom: 26px; padding-bottom: 10px; padding-top: 10px; text-align: left; float:left; margin-right:42px; } #ContactFormModal #captcha {float:left; } #ContactFormModal legend {border:none; font-weight:bold; text-transform:uppercase;} .YoutubeThumb {width:150px; height:150px;} div.comment {background:#eee; border:1px solid gray; padding:10px 10px 0 10px; margin-bottom:20px;} span.commentDate {font-weight:normal;} span.commentDate:after {font-weight:normal; content: " by ";} span.commentPoster {font-weight:bold;} p.commentContent { } div.commentError {color:red;} .CatPage .js-back {display:none;} .js-back:hover {cursor:pointer;} .gc_CatWrapper .gc_productImageHolder {margin-bottom:20px;} #gc_Categories {margin:0 0 35px; border-bottom:1px solid gray; padding:0 0 35px; float:left; display:block; width:100%;} .gc_CatWrapper {display:block; float:left; text-align:center; background:#FFF; border:1px solid #707070; padding:15px 5px; margin:0 1% 2%; width:17%; height:200px;} #Cat197 .gc_CatWrapper {width: calc(47% - 10px);} #Cat205 .gc_CatWrapper {width: calc(30.7% - 10px);} #Cat204 .gc_CatWrapper, #Cat195 .gc_CatWrapper {width: calc(22.6% - 10px);} .gc_CatWrapper .gc_productImageHolder {display:block; width:100%;} #Cat87 #subHeader {background:url(../images/ElectricRangeBanner.jpg) top center no-repeat;} #Products.not {width:100%; padding:0 0 20px;} #Products.not .gc_ProdDisplay {width:16%; float:left; margin:0 2% 1%; text-align:center;} #Products.not .gc_ProdDisplay .gc_ProdDisplayImgHolderAnchor {background:#FFF; border:1px solid #707070; padding:15px 5px; display:block;} #Products.not .gc_ProdDisplay .gc_ProdDisplayImgHolderAnchor img { max-width:100%; height:auto; } #Products.not .gc_ProdName {color:#21387e; display:block; font-family: 'din_alternatebold'; padding:15px 2px; height:80px; line-height:1.4em; font-size:15px;} .gc_ProdNumberLabel {font-size:13px;} #Products.not .prodNumbLabel {color:#21387e;} #Products.not .gc_ProdPrice {display:none;} #Products.not .gc_viewProduct { color: #FFF; padding: 10px; margin-top: 10px; border-radius: 25px; background: #28AE3B; letter-spacing: 0.2px; text-decoration: none; display: inline-block; transition:all 0.2s ease; -moz-border-radius: 25px; text-transform: uppercase; -webkit-border-radius: 25px; font-family: 'din_alternatebold'; max-width:150px; margin:10px auto; min-width:100px; } #Products.not .gc_viewProduct:hover { cursor:pointer; background:#11a2de; transition:all 0.2s ease; } @media (max-width:1400px) { #Products.not .gc_ProdName {font-size:14px; height:75px; width:100%;} #Products.not .prodNumbLabel {display:block; clear:both;} } @media (max-width:1200px) { #remainingContent #main #gc_ProductImageHolderLeft img {width:100%;} #Products.not .gc_ProdDisplay .gc_ProdDisplayImgHolderAnchor img {max-width:100% !important;} } @media (max-width:1000px) { #Products.not .gc_ProdDisplay {width:29%; margin:2%;} .gc_CatWrapper .gc_productImageHolder img {display:block; max-width:100% !important; height:auto; margin:0 auto;} } @media (max-width:640px) { .gc_CatWrapper {display:block; float:left; width:28%; margin:0 1.5% 2%; border:none;} #Cat205 .gc_CatWrapper {width: calc(30% - 10px);} #Cat204 .gc_CatWrapper, #Cat195 .gc_CatWrapper {width: calc(47% - 10px);} #main .gc_CatWrapper img {max-width:100% !important; height:auto;} #gc_Categories {float:left; width:100%;} #gc_ProductBG #gc_ProductImageHolderLeft {width:100%;} #gc_ProductBG #gc_ProductInfoWrapper {width:100%; text-align:center; padding-top:25px;} #remainingContent #main #gc_ProductImageHolderLeft img {max-width:100%; width:auto; height:auto;} #Products.not .gc_ProdDisplay {width:46%; margin:2%;} } @media (max-width:480px) { .gc_CatWrapper {display:block; float:left; width:97%; margin:0 1.5% 2%; border:none;} #Cat204 .gc_CatWrapper, #Cat195 .gc_CatWrapper, #Cat197 .gc_CatWrapper, #Cat205 .gc_CatWrapper {width: 97%;} #Products.not .gc_ProdDisplay {width:96%; margin:2%;} #catSubHeader {width:100%;} #Products {width:100%; padding:20px 0;} #gc_prodMainImageSpan {width:100%;} #gc_mainImage_AltText {width:100% !important;} } /* Product Detail/Page Styling */ .productBodyClass #subHeader {background:url(../images/ProductBanner.jpg) top center no-repeat;} .CatPage #subHeader {background:url(../images/ProductBanner.jpg) top center no-repeat;} .productBodyClass h1 {padding-top:0; margin-top:0;} #gc_ProductBG {padding-top:2%;} #gc_ProductImageHolderLeft {float:left; width:40%;} .CatPage.CatParent43 .subName {font-size:5.5vw;} .CatPage.CatParent42 .subName {font-size:5.5vw;} .hideThisC5 {display:block; clear:both;} #main #gc_ProductImageHolderLeft #gc_mainImage {text-align:center; padding:10px; background:#FFF; margin:0 auto; border:1px solid #707070;} #main #gc_ProductImageHolderLeft img {max-width:100%; height:auto; width:auto; margin:0 auto; float:none;} #gc_ProductInfoWrapper {float:right; width:55%;} #gc_ProductInfoTileWrapper {float:right; width:55%;} #gc_Producttext { } #gc_ProductNameInfo { } #gc_ProductSKU {display:block; clear:both; width:100%; text-align:center; margin:25px 0 0; float:left;} #gc_ProductContentText {display:block; margin:0 0 25px;} #gc_ProductNameInfo {padding:10px 0; display:block; width:100%; float:left;} .gc_detailProductLabels {color:#223782; font-family: "din_alternatebold"; padding-right:15px;} #gc_ProductpurchaseInfo {margin-top:30px; float:left; display:block; font-size:24px; color:#27ae3a; font-family: "din_alternatebold"; display:none;} #gc_ProductContentText ul {margin:15px 10px; padding:0;} #gc_ProductContentText li {margin:0; padding:0; display:block; clear:both; float:left; font-size:24px; line-height:1.8em; text-align:left;} .productBodyClass #threeSet {padding-top:0;} #gc_ProductContentText .linkClass { background: #28AE3B; font-family: 'din_alternatebold'; display: inline-block; margin-top: 10px; padding: 15px 30px; color: #FFF; text-transform: uppercase; letter-spacing: 0.2px; text-decoration: none; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;} #gc_ProductContentText .linkClass:hover .arrow-up { border-left: 12px solid rgb(17, 162, 222); border-right: 12px solid rgb(17, 162, 222); } #gc_ProductContentText .linkClass .arrow-up { border-left: 12px solid rgb(40, 174, 59); border-right: 12px solid rgb(40, 174, 59); transition: none 0s ease 0s; width: 0px; height: 0px; transition: all 0.2s ease 0s; border-left: 12px solid #28AE3B; border-right: 12px solid #28AE3B; border-bottom: 12px solid rgb(255, 255, 255); display: block; position: absolute; left: 45%; bottom: 0px; } #gc_ProductContentText .linkClass:hover { color:#FFF; background:#11a2de; } .smallCrummyList {display:block; float:left; margin:10px 0;} #Cat30 #gc_Categories {display:none;}