/* Custom -- Layout */ /* #baseline ================================================== */ .section { color:#333; font-family: 'LG Smart Light'; text-decoration:none; font-size:100%; } .container-skel { font-size: 1.4em; line-height: 1.4em; } .section.fourspacer { height:38px; } .section.title { background-color:#f5f5f6; } .section.title h1 { margin:0 !important; } .section h1, .section h2, .section h3, .section h4, .section h5, .section h6 { font-family: 'LG Smart Light'; line-height: 1.1em; margin: 0 0 0.4em 0; font-size: 35px; } .section h3 { font-family: 'LG Smart Light'; line-height: 0.9em; margin:0 0 0.4em 0; } .section p { font-family: 'LG Smart Light';line-height: 0.9em;margin: 0 0 0.4em 0;font-size: 20px;} img { max-width: 100% } sup { font-size:0.6em; } .ir { background-repeat: no-repeat; direction: ltr; display: block; overflow: hidden; text-align: left; text-indent: -999em; } ul li, ol li { margin-bottom: 0px !important; list-style:none; } ul { margin:0; padding:0; } .btn, a.btn { background-color:#a50034 !important; border-radius:8px; text-decoration:none; color: #fff;cursor: pointer; padding: 0.4rem; text-align: center;transition: width 0.2s ease-in 0s; } .btn:hover, a.btn:hover,.btn:focus, a.btn:focus { background-color:#a50034!important; } .red { color:#a50034 !important; } .ital { font-style:italic; } .fine { font-size:0.7em; text-decoration:none; } .center { text-align:center; } .hero-overlay { position:absolute; z-index:50; width:100%; } .hero-overlay .socially { text-align:right; padding:1% 2% 0 0; } .one-half-pure.column.tout { padding:78px 50px 0 50px; } .one-third.tout { } .one-third.tout h3 { margin:0 0 10px 0 !important; } .one-third.tout img { padding-right:10px; } .one-third.tout p { height:150px; margin:0 0 15px 0; } .one-third-pure.column p { margin:0 0 5px 0; } .one-third.column a.btn { font-size:0.7em; padding:0.8rem; } .large-touts { color:#fff; } .large-touts div.one-third-pure.column.border { border-right:5px solid #fff } .large-touts div.one-third-pure.column { padding:25px; } .feat-product { font-size:0.8em; line-height:1em; } .feat-product a { text-decoration:none; } .feat-product .one-quarter.column { min-height:600px; } .feat-product h2 { margin:0; } .feat-product .title, .feat-product .title a { text-decoration:none; color:#333; width:85%; height:70px; } .feat-product .model, .feat-product .model a { text-decoration:none; color:#333; } .feat-product .stars { height:26px; padding:18px 0; font-size:0.9em; } .feat-product .stars img { width: 30%; } .feat-product .reviews, .feat-product .reviews a { text-decoration:none; color:#333; padding-top:20px; padding-bottom: 20px; } .feat-product .price, .feat-product .price a { font-size:1.3em; line-height:1.7em; /*letter-spacing:-2.5px;*/ text-decoration:none; color:#333; } .feat-product .price a sup { font-size:0.5em; letter-spacing: -0px; } .feat-product .msrp { font-size:1em; line-height:0.9em; text-decoration:none; color:#a50034; } .feat-product .details, .feat-product .details a { /*text-decoration:none; color:#a50034;*/ margin-top: 0px;margin-bottom: 5px !important;text-align: center;width: 96%; font-family: 'LG Smart'; text-decoration:none; font-size: 1.8rem;} .add-top { padding-top: 20px !important; } .add-right { padding-right: 20px !important; } .add-bottom { padding-bottom: 20px !important; } .add-left { margin-left:20px !important; } .add-top-more { padding-top: 60px !important; } .add-right-more { padding-right: 60px !important; } .add-bottom-more { padding-bottom: 60px !important; } .add-left-double { margin-left:60px !important; } .remove-top { margin-top: 0 !important; } .remove-left { margin-left: 0 !important; } .remove-right { margin-right: 0 !important; } .remove-bottom { margin-bottom: 0 !important; } .left { float:left !important; } .right { float:right !important; } .border-full { border: 1px solid #CCCCCC !important; } .border-top { border-top:1px solid #ccc; } .border-right { border-right:1px solid #ccc; } .border-bot { border-bottom:1px solid #ccc; } .border-left { border-left:1px solid #ccc; } .socialize { background: #000; } .socialize ul li { display:inline-block; margin-top:60px; padding:10px 15px 20px 15px; } /* forms ================================================== */ form#lgsignupform { } form#lgsignupform ::-webkit-input-placeholder { /* WebKit browsers */ color: #333; } form#lgsignupform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333; opacity: 1; } form#lgsignupform ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333; opacity: 1; } form#lgsignupform :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #333; } form#lgsignupform .lgformtext { font-family: 'LG Smart Regular'; padding:16px 14px; color: #333; margin: 0px 10px 10px 0; border:none; background-color:#e1e1e1; width:98%; font-size:0.9em; } form#lgsignupform .lgformtext::-webkit-input-placeholder { color: #333;} form#lgsignupform .submit-button { background-color:#363636; border: 1px; padding:6px; width: 100%; color:#fff; border-radius: 0px; border-style: solid; border-width: thin; font-size:0.7em; font-family: 'LG Smart Regular'; } form#lgsignupform .submit-button:hover { background-color:#a50034; } form#lgsignupform .mobile-opt-in { margin: 10px 0 6px 0;} form#lgsignupform label.checkbox-label { display:block; position:relative; } form#lgsignupform input[type="checkbox"] { display:none; } form#lgsignupform input[type="checkbox"] + label span.custom-checkbox { position:absolute; left:0; display:block; float:left; width:25px; height:27px; margin-right:4px; background:url(/us/promotions/images/checkbox-sprite.png) left top no-repeat; border: #000000; border-style: solid; border-width: thin; } form#lgsignupform input[type="checkbox"]:checked + label span.custom-checkbox { position:absolute; left:0; background-position: -25px top; display:block; } form#lgsignupform .checkbox-copy { display:block; font-size:0.7em; line-height:1em; position:relative; left:35px; margin-bottom:20px; width:90%; } form#lgsignupform .dropdown { position: relative; display: inline-block; vertical-align: middle; } form#lgsignupform .dropdown-select { padding:13px; margin: 0px 10px 10px 0; -webkit-appearance: none; border-radius:0; -moz-appearance: none; appearance: none; color: #333; background-color:#e1e1e1; opacity:0.3; font-size:0.9em; border:0; width:98% !important; } form#lgsignupform .dropdown::before, .dropdown::after { content: ""; position: absolute; pointer-events: none; background-color:#000; opacity:0.3; } form#lgsignupform .dropdown::after { /* Custom dropdown arrow */ content: url(/us/promotions/images/dropdown-arrow.png); right: 8px;top:0;color: black; background-color: #e1e1e1; height:57px; } form#lgsignupform .dropdown::before { /* Custom dropdown arrow cover */ right: 0; bottom: 0; background-color: #fff; border-left: 1px solid transparent; } form#lgsignupform .dropdown-select[disabled] { color: rgba(0,0,0,.3); } form#lgsignupform .dropdown.dropdown--disabled::after { color: rgba(0,0,0,.1); } form#lgsignupform @-moz-document url-prefix() .dropdown-select { } form#lgsignupform label.error { clear:both; } form#lgsignupform .error { color:#ff0000; } /* accordion ================================================== */ .accordion a { color: #a50034; text-decoration:none; } .accordion .question { background-image: url("/us/promotions/images/open-close.png"); background-position: 1px -25px; background-repeat: no-repeat; color: #a50034; cursor: pointer; padding: 6px 0 0 21px;} .accordion .answer { font-family: 'LG Smart Regular Italic' !important; color:#6b6b6b; font-size:23px; line-height:26px; padding:0 0 30px 0; } .accordion .question.active { background-image: url("/us/promotions/images/open-close.png"); background-repeat:no-repeat; background-position : 4px 11px;} /* discovernav menu ================================================== */ .section.discover-nav { height:45px; background:#333333;} nav.discover-nav { position:absolute; left:1px; width:100%;z-index:100; margin:0;} nav.discover-nav a { font-size:0.9em; line-height:1em; display:block;float:left;width:100%;height:45px;padding-top:15px;background:#333333;color:#fff; text-decoration:none;text-align:center; margin-right:1px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;} nav.discover-nav a.selected{background:#a50034;color:#fff;} nav.discover-nav a:active,nav.discover-nav a:hover{text-decoration:none;background:#a50034;color:#fff;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;} nav.discover-nav ul li { display:inline-block;float:left;height:45px;overflow:hidden; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 4);} nav.discover-nav ul li ul { margin:1px 0 0 0;} nav.discover-nav ul li.has-sub ul li { min-width:100% } nav.discover-nav ul li.has-sub:hover {height:230px;-webkit-transition:height .3s ease-out;-moz-transition:height .3s ease-out;-ms-transition:height .3s ease-out;-o-transition:height .3s ease-out;transition:height .3s ease-out;} nav.discover-nav ul li.has-sub:hover ul{display:block;-webkit-transition:height .3s ease-out;-moz-transition:height .3s ease-out;-ms-transition:height .3s ease-out;-o-transition:height .3s ease-out;transition:height .3s ease-out;} /* tabbin menu ================================================== */ #tabbin { overflow: hidden; } #tabbin li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 4); box-sizing: border-box; position:relative; } #tabbin li a { display: block; text-decoration: none; color: #fff; background-color: #a5a5a5; padding: 40px 0; } #tabbin li a:hover, #tabbin li .active, #tabbin-ha ul#sticky li.active a.active { background-color: #666666 !important; color: #fff !important; } #tabbin li:first-child { border-left: none; } #tabbin li:last-child { border:none; } #tabbin li .active::after { content: ''; position: absolute; left: 44%; top: 100%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #666666; clear: both; } /* altnav menu ================================================== */ .altnav { overflow: hidden; } .altnav li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 4); box-sizing: border-box; position:relative; line-height:110px; } .altnav li a { display: block; text-decoration: none; color: #fff; background-color: #a5a5a5; } .altnav li a:hover, .altnav li .nav-active { background-color: #666666; color: #fff !important; } .altnav li:first-child { border-left: none; } .altnav li:last-child { border:none; } /*.altnav.stick li a.nav-active::after { content: ''; position: absolute; left: 44%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #666666; clear: both; }*/ .altnav.stick li { width: 15.667%; line-height: inherit; } .altnav.stick { position: fixed; top: 0; z-index: 10000; margin-top:0px; } /* altnav menu - Home Appliances ================================================== */ .altnav-ha{ overflow: hidden; } .altnav-ha li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 5); box-sizing: border-box; position:relative; line-height:110px; } .altnav-ha li a { display: block; text-decoration: none; color: #fff; background-color: #a5a5a5; } .altnav-ha li a:hover, .altnav li .nav-active { background-color: #666666; color: #fff !important; } .altnav-ha li:first-child { border-left: none; } .altnav-ha li:last-child { border:none; } /*.altnav.stick li a.nav-active::after { content: ''; position: absolute; left: 44%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #666666; clear: both; }*/ .altnav-ha.stick li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 5) !important; box-sizing: border-box; position:relative; line-height:110px; } .altnav-ha.stick { position: fixed; top: 0; z-index: 10000; margin-top:0px; width: 62.667% !important; line-height: inherit; } /* subnav menu HA ================================================== */ #tabbin-ha { overflow: hidden; } #tabbin-ha li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 5); box-sizing: border-box; position:relative; } #tabbin-ha li a { display: block; text-decoration: none; color: #fff; background-color: #a5a5a5; padding: 40px 0; } #tabbin-ha li a:hover, #tabbin li .active { background-color: #666666 !important; color: #fff !important; } #tabbin-ha li:first-child { border-left: none; } #tabbin-ha li:last-child { border:none; } #tabbin-ha li .active::after { content: ''; position: absolute; left: 44%; top: 100%; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #666666; clear: both; } /* carriers menu ================================================== */ #carriers { overflow: hidden; background-color:#333333; color:#fff; } #carriers a { color:#fff; } #carriers li { list-style: none; float: left; text-align: center; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 4); box-sizing: border-box; position:relative; } #carriers li a { display: block; text-decoration: none; color: #fff; padding: 55px 0; } #carriers li a:hover, #carriers li .active { color: #fff !important; } #carriers li:first-child { border-left: none; } #carriers li:last-child { border:none; } #carriers li .active::after { } /* subnav menu ================================================== */ #subnav { overflow: hidden; } #subnav .container-skel { border-top:6px solid #fff; } #subnav li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 4); box-sizing: border-box; position:relative; font-size:1.3em; } #subnav li a { display: block; text-decoration: none; color: #fff; background-color: #a5a5a5; padding: 55px 0; } #subnav li a:hover, #subnav li .selected { background-color: #666666; color: #fff !important; } #subnav li:first-child { border-left: none; } #subnav li:last-child { border:none; } /* custom */ /*.nav-header, #nav.nav-collapse.nav-collapse-0.closed ul li.dropdown ul { background-color:rgba(51, 51, 51, 0.9); } hack */ #nav.nav-collapse.nav-collapse-0.closed ul li.dropdown ul { width:100% !important; } .dropdown ul li a:hover { background-color:rgba(135, 134, 134, 0.9); } .nav-collapse a:hover { background-color:rgba(135, 134, 134, 0.9); } .tout-1 { background:url(/us/promotions/images/tout-1.jpg) 50% 0 no-repeat; height:350px; } .tout-2 { background:url(/us/promotions/images/tout-2.jpg) 50% 0 no-repeat; height:350px; } .tout-3 { background:url(/us/promotions/images/tout-3.jpg) 50% 0 no-repeat; height:350px; } .tout-1-rebates { background: height:400px; } .tout-2-rebates { background: height:400px; } .tout-3-rebates { background:url(/us/promotions/images/tout-3-studio-bundle.jpg) 50% 0 no-repeat; height:350px; } .tout-4-rebates { background:url(/us/promotions/images/tout-4-energy-bundle.jpg) 50% 0 no-repeat; height:350px; } .tout-1 h1, .tout-2 h1, .tout-3 h1 { padding-top:70px; } .tout-1-rebates h1, .tout-2-rebates h1, .tout-3-rebates h1, .tout-4-rebates h1 { padding-top:35px; font-size: 39px; } .section.hero-home { background:#c5c5c5 url(/us/promotions/images/hero-home-bg.jpg) top center no-repeat; height:575px; } .section.hero-he { background:#fff /*url(/us/promotions/images/hero-he-bg.jpg) top center no-repeat*/; height:600px; } .section.hero-ha { background:/*#c5c5c5 url(/us/promotions/images/hero-ha-bg2.jpg)*/ top center no-repeat; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebefea+0,fff9f9+50,ebefea+100 */ background: #ebefea; /* Old browsers */ background: -moz-linear-gradient(top, #ebefea 0%, #fff9f9 50%, #ebefea 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ebefea 0%,#fff9f9 50%,#ebefea 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ebefea 0%,#fff9f9 50%,#ebefea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebefea', endColorstr='#ebefea',GradientType=0 ); /* IE6-9 */ } .section.hero-mu { background:#c5c5c5 url(/us/promotions/images/hero-mu-bg.jpg) top center no-repeat; height:575px; } .promo-he { background:#000 url(/us/promotions/images/promo-he-bg.png) top left no-repeat; color:#fff; height:300px; margin-top: 4%; } .promo-ha { background:#000 /*url(/us/promotions/images/two-in-one-twinwash-banner.jpg) top left no-repeat*/; color:#fff; /*height:440px;*/ } .promo-ha-twinwash { background:#000 url(/us/promotions/images/sub-banner-styler.jpg) top center no-repeat; color:#fff; height:400px; } .promo-mu { background:#c5c5c5 url(/us/promotions/images/promo-mu-bg.png) top center no-repeat; color:#fff; /*height:509px;*/ color:#333; } .google-fine { font-size:0.6em; line-height:1em; margin:230px 0 0 20px; } .google-fine-b { font-size:0.8em; line-height:1em; } .choosetv { background:url(/us/promotions/images/choosetv-bg.jpg) top center repeat-x; color:#000; height:700px; } .carrier-pad-left { padding-left:90px; } .carrier-pad-right { right-left:200px; } .giant { font-size:4em; line-height:0.8em; letter-spacing:-7px; } .choosetv a.btn { background-color:#a50034 !important; border-radius:0px; text-decoration:none; color: #fff;cursor: pointer; padding: 5px 20px; text-align: center;transition: width 0.2s ease-in 0s; font-size:15px; } .choosetv a.btn.learn { border:1px solid #a50034 !important; background-color:transparent !important; border-radius:0px; text-decoration:none; color: #a50034;cursor: pointer; padding: 5px 20px; text-align: center;transition: width 0.2s ease-in 0s; font-size:15px; } .choosetv div.row.odd { background-color:#e7e8e9; } .choosetv div.row.odd,.choosetv div.row.even { padding-left:40px; } .clearbtn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px; font-family: Arial; color: #ffffff; font-size: 20px; padding: 10px 20px 10px 20px; border: solid #ffffff 2px; text-decoration: none; } .clearbtn:hover { background: #8a8a8a; text-decoration: none; } /* #hacks ================================================== */ #sticky { z-index:9999; } .fancybox-opened {z-index: 10000 !important;} .fancybox-overlay {z-index: 9999 !important;} .flexslider { border:none !important; } .flexslider .slides > li { position:relative !important; } .flex-caption { /*background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;*/ position: absolute; top:1%; width:51%; padding:7%; color: #fff; } .flex-caption.home { position: absolute; top:1%; width:47%; padding:5.5% 0 0 5%; color: #000; line-height:1.1em; font-family: 'LG Smart Light'; } .flex-caption.he { position: absolute;top: 1%;width: 35%;padding: 17% 0 0 0%;color: #fff;line-height: 1.1em;font-family: 'LG Smart Light';margin-left: 5%;text-align: left;} .flex-caption.ha {position: absolute;top: 13%;/* width: 85%; padding: 5% 0 0 56% ;*/color: #4B4B4B;line-height: 1.1em; font-family: 'LG Smart Light'; } .flex-caption.mu { position: absolute; top:1%; width:51%; color: #000; line-height:1.1em; font-family: 'LG Smart Light'; } .flex-caption.right { right:0; } .modalVideo { padding: 0 1.5em 1em; max-width:900px; } .modalVideo a { color:#fff; } /* menu ================================================== */ /*! responsive-nav.js 1.0.40 by @viljamis */ .nav-collapse ul { margin: 0; padding: 0; width: 100%; display: block; list-style: none; } .nav-collapse li { width: 100%; display: block; } .js .nav-collapse, .js .nav-collapse .dropdown ul { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; } .nav-collapse.opened, .nav-collapse .dropdown.opened ul { max-height: 9999px } .nav-collapse .dropdown.opened > ul, .nav-collapse .dropdown .dropdown.opened > ul { position: relative } .nav-toggle, .dropdown-toggle { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } @media screen and (min-width: 40em) { .js .nav-collapse { position: relative } .js .nav-collapse.closed, .js .nav-collapse.closed .dropdown ul { max-height: none } .nav-toggle { display: none } } /* ------------------------------------------ HEADER --------------------------------------------- */ #nav.nav-collapse.nav-collapse-0.closed ul li.dropdown ul { width: 100% !important } .nav-header { background: #a50034; float: left; width: 100%; z-index:8888; position:relative; font-size: 0.7em; /*master font size*/ } /* ------------------------------------------ NAVIGATION STYLES (+ responsive-nav.css file is loaded in the ) --------------------------------------------- */ .nav-collapse, .nav-collapse * { font: normal 100%/1.4 sans-serif; /* important for sub-menu */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .nav-collapse { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .nav-collapse, .nav-collapse ul { list-style: none; width: 100%; float: left; } @media screen and (min-width: 40em) { .nav-collapse { /*width: auto; float: right; */ } } .nav-collapse > ul { border: none } .nav-collapse li { float: left; width: 100%; } @media screen and (min-width: 40em) { .nav-collapse li { width: 25% } } .nav-collapse a { color: #fff; text-decoration: none; width: 100%; background: #a50034; border-bottom: 1px solid rgba(0,0,0, .15); padding: 0.7em 1em; float: left; } .nav-collapse a:active { color: rgba(255,255,255, .5) } @media screen and (min-width: 40em) { .nav-collapse a { margin: 0; padding: 1em 1.5em; float: left; text-align: center; border-bottom: 0; border-right: 1px solid white; } .nav-collapse li:last-child a { border: 0 } } /* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */ @font-face { font-family: "responsivenav"; src: url("/us/promotions/fonts/responsivenav.eot"); src: url("/us/promotions/fonts/responsivenav.eot?#iefix") format("embedded-opentype"), url("/us/promotions/fonts/responsivenav.ttf") format("truetype"), url("/us/promotions/fonts/responsivenav.woff") format("woff"), url("/us/promotions/fonts/responsivenav.svg#responsivenav") format("svg"); font-weight: normal; font-style: normal; } .nav-toggle { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; position: relative; overflow: hidden; width: 70px; height: 55px; float: right; } .nav-toggle:before { color: #fff; font-family: "responsivenav", sans-serif; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; content: "≡"; text-indent: 0; text-align: center; line-height: 55px; speak: none; width: 100%; top: 0; left: 0; font-size:1.5em; } .nav-toggle.active::before { content: "x" } /* ------------------------------------------ MULTIPLE LEVELS --------------------------------------------- */ .dropdown ul a { background: #333; padding-left: 1.5em; width: 100%; } .dropdown ul ul a { background: #81230e; padding-left: 2.5em; } @media screen and (min-width: 40em) { .js .nav-collapse .dropdown ul { display: none } } .dropdown ul { background: #b63315 } .dropdown ul ul { border: 0; padding: 0; } .dropdown .dropdown.opened .dropdown-toggle { background: #9c2c12 } .dropdown-toggle:after { content: "+"; line-height: 0.8; float: right; } .dropdown.opened > .dropdown-toggle:after { content: "–" } @media screen and (min-width: 40em) { .js .nav-collapse, .js .nav-collapse .dropdown ul { max-height: none; overflow: visible; } .dropdown-toggle:after { content: ""; width: 0; height: 0; margin: 0.3em 0 0 0.5em; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; } .dropdown ul .dropdown-toggle:after { content: ""; width: 0; height: 0; margin: 0.3em 0 0 0.5em; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-left: 6px solid #fff; } .nav-collapse a:hover { color: rgba(255,255,255, .7) } .nav-collapse .dropdown { position: relative } .nav-collapse .dropdown li { width: 100% } .nav-collapse .dropdown ul a { text-align: left; border: 0; } .js .nav-collapse .dropdown:hover > ul { clip: auto; position: absolute; width: 10em; top: 3.4em; left: 0; display: block !important; } .js .nav-collapse .dropdown .dropdown:hover > ul { top: 0; left: 10em; } .js .nav-collapse ul > .dropdown:last-child ul { left: auto; right: 0; } } @media screen and (min-width: 980px) /* Desktop */ { .altnav-ha.stick { position: fixed; top: 0; z-index: 10000; margin-top:0px; width: 65% !important; line-height: inherit; } } @media screen and (max-width: 768px) /* Tablet */ { .section h1, .section h2, .section h3, .section h4, .section h5, .section h6 { font-family: 'LG Smart Light'; } .large-touts div.one-third-pure.column.border { border: none; } .small-touts div.one-third.column { border: none; } .tout { border: none; margin-bottom:30px; } .one-half-pure.column.tout { padding:5px; } .section.hero { height:auto; } .hero-overlay .socially { height:40px; } .socialize ul li { display:inline-block; width:40px; padding:0; margin:0; } .socialize ul li img { padding:0; margin:0; } .section.hero-home, .section.hero-he, .section.hero-ha, .section.hero-mu { background: none !important; height:auto !important; } .flex-caption.home,.flex-caption.he, .flex-caption.ha, .flex-caption.mu { position: relative !important; color: #4B4B4B; line-height:1.1em; font-family: 'LG Smart Light'; width:100% !important; padding:20px 0 25px 0 !important; margin: 0; } #subnav li a { padding: 20px 0 !important; font-size:53% !important; } nav.discover-nav a { font-size:70% !important; height:60px !important; } nav.discover-nav ul li, .section.discover-nav { height:60px !important; } #tabbin li { font-size: 50% !important; line-height: 4.2em !important; } #tabbin-ha li { font-size: 66% !important; line-height: 1.2em !important; } .feat-product .one-quarter.column { min-height: auto !important; } .feat-product .title, .feat-product .title a { width:100% !important; } #tabbin li .active::after { left: 30% !important; } #tabbin-ha li .active::after { left: 30% !important; } .feat-product .title, .feat-product .title a { height:auto !important; } .feat-product .details, .feat-product .details a { margin-top: 10px;margin-bottom: 10px !important;text-align: center;width: 96%;} nav.discover-nav { z-index:100 !important; } .promo-mu-m { background:#c5c5c5 url(/us/promotions/images/promo-mu-bg-m.jpg) top center repeat-x; color:#fff; height:auto; color:#333; } #tabbin li a { padding: 15px 0 !important; } #tabbin-ha li a { padding: 15px 0 !important; } .altnav.stick li { font-size: 50% !important; line-height: 4.2em !important; width:23% !important; } .altnav li a { line-height: 1.3em; height: 45px; padding: 10px 0;} .altnav li { font-size: 50% !important; } /* altnav menu - Home Appliances ================================================== */ .altnav-ha{ overflow: hidden; } .altnav-ha li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 5); box-sizing: border-box; position:relative; line-height:110px; } .altnav-ha li a { display: block; text-decoration: none; color: #fff; background-color: #a5a5a5; } .altnav-ha li a:hover, .altnav li .nav-active { background-color: #666666; color: #fff !important; } .altnav-ha li:first-child { border-left: none; } .altnav-ha li:last-child { border:none; } .altnav-ha.stick { position: fixed; top: 0; z-index: 10000; margin-top:0px; width: 65% !important; line-height: inherit; } .altnav-ha.stick li { font-size: 50% !important; line-height: 4.2em !important; width:20% !important; } .altnav-ha li a { line-height: 1.3em; height: 45px; padding: 10px 0;} .altnav-ha li { font-size: 50% !important; } } @media screen and (max-width: 500px) /* Mobile Portrait */ { .section h1, .section h2, .section h3, .section h4, .section h5, .section h6 { font-family: 'LG Smart Light'; } .flex-control-nav { bottom: -35px!important; } .large-touts div.one-third-pure.column.border { border: none; } .large-touts { font-size:1.1em; } .small-touts div.one-third.column { border: none; } .tout { border: none; margin:30px 0; } .one-half-pure.column.tout { padding:5px; } .herostatic { height:auto; } .hero-overlay { position: inherit !important; z-index:100; width:100%; } .hero-overlay .socially { text-align:right; padding:0; height:40px; } .section.hero .btn, .section.hero a.btn { clear:both !important; padding: 0.5rem 1rem !important; } .socialize ul li { display:inline-block; width:40px; padding:0; margin:0; } .socialize ul li img { padding:0; margin:0; } .modalVideo { padding: 0 1.5em 1em; max-width:330px; } .section.hero-home, .section.hero-he, .section.hero-ha, .section.hero-mu { background: none !important; height:auto !important; } .flex-caption.home,.flex-caption.he, .flex-caption.ha, .flex-caption.mu { position: relative !important; color: #000; line-height:1.1em; font-family: 'LG Smart Light'; width:100% !important; padding:25px 0 25px 0 !important; } #subnav li a { padding: 20px 0 !important; font-size:53% !important; } nav.discover-nav a { font-size:70% !important; height:60px !important; } nav.discover-nav ul li, .section.discover-nav { height:60px !important; } #tabbin li { font-size: 50% !important; line-height: 4.2em !important; } #tabbin-ha li { font-size: 66% !important; line-height: 1.2em !important; } .feat-product .one-quarter.column { min-height: auto !important; } .feat-product .title, .feat-product .title a { width:100% !important; } #tabbin li .active::after { left: 30% !important; } #tabbin-ha li .active::after { left: 30% !important; } .feat-product .title, .feat-product .title a { height:auto !important; } .feat-product .details, .feat-product .details a { margin-top: 5px !important;margin-bottom: 5px !important;} nav.discover-nav { z-index:100 !important; } .promo-mu-m { background:#c5c5c5 url(/us/promotions/images/promo-mu-bg-m.jpg) top center repeat-x; color:#fff; height:565px; color:#333; } #tabbin li a { padding: 15px 0 !important; } #tabbin-ha li a { padding: 15px 0 !important; } .altnav.stick li { font-size: 50% !important; line-height: 4.2em !important; width:23% !important; } .altnav li a { line-height: 1.3em; height: 45px; padding: 10px 0;} .altnav li { font-size: 50% !important; } /* altnav menu - Home Appliances ================================================== */ .altnav-ha{ overflow: hidden; } .altnav-ha li { list-style: none; float: left; text-align: center; border-right: 2px solid #fff; width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 5); box-sizing: border-box; position:relative; line-height:110px; } .altnav-ha li a { display: block; text-decoration: none; color: #fff; background-color: #a5a5a5; } .altnav-ha li a:hover, .altnav li .nav-active { background-color: #666666; color: #fff !important; } .altnav-ha li:first-child { border-left: none; } .altnav-ha li:last-child { border:none; } .altnav-ha.stick { position: fixed; top: 0; z-index: 10000; margin-top:0px; width: 85.667% !important; line-height: inherit; } .altnav-ha .stick li { position: fixed; top: 0; z-index: 10000; margin-top:0px; font-size: 50% !important; line-height: 4.2em !important; width:20% !important; } .altnav-ha li a { line-height: 1.3em; height: 45px; padding: 10px 0;} .altnav-ha li { font-size: 50% !important; } }