/* 	
	LG Package 2018
	================================================== 
	Desktop : 1600px (1439px, 1024px)
	Tablet : 1024px
	Mobile : 768px (320px)
*/

/* General */
a { color: #333; }
a:hover { text-decoration: none; color: #fff; }
.btn, a.btn:hover {color: #fff !important;}
img { max-width: 100% }
sup { font-size:0.6em; }
ul { margin:0; padding:0; }
ul li, ol li { margin-bottom: 0px !important; list-style:none; }
blockquote.style1 { padding: 8px; margin: 0px; background-image: url(/us/business/builder/images/quote-open.png); background-position: top left; background-repeat: no-repeat; /*text-indent: 0.4em;*/ font-size:2em; line-height:1em; }
blockquote.style1 span { display: block; background-image: url(/us/business/builder/images/quote-close.png); background-repeat: no-repeat; background-position: bottom right; }
.red, .red a { color:#a50034 !important; }
.fine { font-size:13px; line-height:15px; text-decoration:none; }
.italic { font-style:italic; }
.bold { font-family: 'NexaHeavy'; }
.center { text-align:center; margin-bottom: 5em; }
.right { text-align: right; }
.stick-left { float:left !important; }
.stick-right { float:right !important; }
.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; }
.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; }
.hide { display: none; }
.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;	}
.scalable { position:relative; }
.scalable .ratio { display:block; width:100%; height:auto; }
.locator {  background: #ffffff url(/us/business/commercial-display/resources/our-events/roadshows/TechTour-NYC-2018/images/locator-bg.png) top center no-repeat !important; height: 580px; color: #fff; padding: 20px; } 
.locator h2 { color: #fff!important; text-align: left!important; }



/* package */
.section.custommenu { display: none !important; } /*custom for this package */
#sticky { z-index:9999; }
.section { color:#525252; font-family: 'LG Smart Regular';  text-decoration:none; font-size:17px; line-height:26px; }
.section.white { color:#fff; font-family: 'LG Smart Regular';  text-decoration:none; font-size:15px; line-height:26px; padding-left: 50px; }
.section a:hover{ text-decoration: none!important; }
.section h1 { font-size: 38px; line-height: 38px; font-family: 'LG Smart Regular' !important; margin:0; letter-spacing: .00em; text-align: center;}
.section h2 { font-size: 50px; line-height: 30px; font-family: 'LG Smart Regular' !important; margin:0; letter-spacing: .04em; }
.section h3 { font-size: 28px; line-height: 28px; font-family: 'LG Smart Regular' !important; margin:0; letter-spacing: .4em; }
.section h4 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Regular' !important; margin:0; letter-spacing: .4em; }
.section h5 { font-size: 24px; line-height: 20px; font-family: 'LG Smart Regular' !important; margin:0; letter-spacing: .00em; }
.section h6 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Regular' !important; margin:0; letter-spacing: .4em; }
.section p {font-family: 'LG Smart';line-height: 1.5em;margin: 0 0 0 0;font-size: 20px;padding: 20px;}
.section .rebate-head { font-size: 32px; line-height: 30px; font-family: 'NexaHeavy' !important; margin:0; letter-spacing: .04em; text-align: center;padding: 40px 0 25px 0;color: #000000;}

.section.fourspacer { height:38px; }
.container-skel .image { line-height:0; }
.container-skel-bleed .image { line-height:0; }
.for-mobile { display: none !important; }

.blackbanner {display: none !important;}

.section.discovermenu nav { position: relative; font-size: 13px; z-index:1; font-family: 'LG Smart'; }
.dropdown-header { font-size: 18px!important; padding: 3px 20px 3px 0px!important; }

/*.navbar-default .navbar-nav > li > a { font-size: 15px!important; font-family: 'LG Smart'!important; text-decoration: underline;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #000000 !important; }
.navbar-collapse { border-top: 0px solid transparent !important;	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0)!important; }
.navbar { margin: 0px auto !important;}
.navbar-static-top { z-index: 100!important; }
.navbar-header .logo { padding-top: 7px; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover { background-color: #383838 !important; }
.navbar-nav .open .dropdown-menu .dropdown-header { padding: 0px !important; color: #000000!important; }


.navbar-default {
	color: #fff !important;
	background: #000000;
	border: none!important;
	padding-left: 30%;
	}
	.navbar-default .navbar-nav > li > a{
		color:#fff!important;
	}
	.navbar-default .navbar-nav > li > a:hover {
		color:#fff!important;
		background:rgba(51, 51, 51, 0.75); 
	}
	.navbar-default .navbar-nav > .dropdown > a .caret{
		border-top-color: #fff;
		border-bottom-color: #fff;
	}
	.navbar-default .navbar-brand{
		color:#fff!important;
	}*/
	

  
#navbar {overflow: hidden;z-index:999999; text-align: left; background: #000000}

#navbar .copy{
    color: white;
    font-family: 'LG Smart Regular';
    text-decoration: none;
    font-size: 22px;
    line-height: 26px;
    position: relative;
    left: 25%;
}

#navbar a {    
	  float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 34px;
    font-size: 21px;
    text-transform: none;
    right: 200%;
    margin-top: 25px;
    }

#navbar a:hover {
  color: #db0546;
}

#navbar a.active {
  color: #db0546;
  background: red;
}

.navitem {
padding: 10px;
    }

.ctr_ch {
    display: inline-block;
}

.blk {
    color: #fff;
}

@media (max-width: 599px) {
  /* ================================================================ SECTIONNAME MOBILE PORTRAIT ================================================================ */
  #navbar {overflow: hidden;z-index:999999; text-align: center; background: #000000}

  #navbar .copy{
      color: white;
      font-family: 'LG Smart Regular';
      text-decoration: none;
      font-size: 17px;
      line-height: 26px;
      left: 0%

  }

  #navbar a {    
      float: left;
      display: block;
      color: #fff;
      text-align: center;
      padding: 14px 34px;
      font-size: 21px;
      text-transform: none;
      left: 5%;
      width: 90%;
      margin-top: 25px;
      }

  #navbar a:hover {
    color: #db0546;
  }

  #navbar a.active {
    color: #db0546;
    background: red;
  }
}



/*fading scroll button */

html, body {
  height:100%;
}

/* the important styles */

.arrow-wrap {
	position: absolute;
	z-index: 1;
	left: 50.4%;
	margin-left: -5em;
	background: #fff;
	width: 8em;
	height: 8em;
	padding: 3em 1.8em 0 1em;
	border-radius: 50%;
	font-size: 0.5em;
	display: block;
	box-shadow: 0px 0px 5px 0px #fff;
	top: 85%;
}

.arrow {
  float:left;
  position:relative;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}

.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #111 transparent transparent transparent;
  -webkit-transform:rotate(360deg)

}

.hint {
  position:absolute;
  top:0.6em;
  width:100%;
  left:0;
  font-size:2em;
  font-style:italic;
  text-align:center;
  color:#fff;
  opacity:0;
}

.arrow-wrap:hover .hint {
  opacity:1;
}

  @-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }

  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }


.section.discovermenu { background: #000000 top center no-repeat; max-width: 1600px; margin-left: auto; margin-right: auto; }
.section.hero { padding-bottom: 0px; }
.section.hero .copywrap { position: absolute; bottom: 200px; left: 90px; }
.section.hero .copybox { float:left; }
.section.hero h1 { font-family: 'Gotham Ultra' !important; font-size: 46px; color: #fff; text-transform: uppercase; text-align: left; width: 600px; padding: 20px; }
.section.two { text-align: center; padding-bottom: 20px; }
.section.two h2 { background-color: #fff; font-family: 'NexaHeavy'; color: #000; font-size: 21px; text-transform: uppercase; letter-spacing: 0.15em; }
.section.two.left h2 { text-align: left; background-color: #fff; font-family: 'NexaHeavy'; color: #000; font-size: 21px; text-transform: uppercase; letter-spacing: 0.15em; }
.section.three { padding-bottom: 30px; }
.section.three .one-quarter.column { width: 22%; }
.section.three ul { margin: 0 0 0 15px; height: 85%; }
.section.three ul li { padding: 0 0 2px 0; font-size: 13px; line-height: 18px; }
.section.three ul li ul { height: inherit; }
.section.three ul li ul li { font-size: 12px; line-height: 16px; }
.section.three .botblock { font-family: 'NexaHeavy'; background-color: #000; text-align: center; text-transform: uppercase; color: #fff; font-size: 13px; line-height: 35px; z-index: 0; }
.section.three .botblock a { text-decoration: none; color: #fff; }
.section.four { padding-bottom: 20px; }
.section.four h2 { text-align: center; font-family: 'LG Smart Bold' !important; color: #000; font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 0;}
.section.four.white h2 { text-align: left;  font-family: 'NexaHeavy'; color: #fff; font-size: 21px; text-transform: uppercase; letter-spacing: 0.15em; padding-top: 10px; }
.section.five { padding-bottom: 20px; }
.section.six { padding-bottom: 20px; }
.section.six h2 {  background-color: #fff; font-family: 'NexaHeavy'; color: #000; font-size: 21px;  letter-spacing: 0.15em; }
.section.six.red h2 {  background-color: #fff; font-family: 'NexaHeavy'; color: #a50034; font-size: 21px; letter-spacing: 0.15em; }
.section.seven { }
.section.seven .container-skel { padding: 40px; background-color: #292929; color: #fff; }
.section.seven .two.columns { width: 18.333333%; margin-left: 2%; }
.section.seven h4 { font-family: 'LG Smart Bold' !important; color: #b2b2b2; font-size: 19px; line-height: 60px; text-transform: uppercase; }
.section.seven h5 { font-family: 'NexaHeavy' !important; color: #fff; font-size: 15px; }
.section.seven a { color: #fff; }
.section.eight { }
.section.eight .container-skel { background-color: #000; color: #fff;  padding: 10px 0;}
.section.eight .container-skel a { color: #fff; text-decoration: none; line-height: 30px; }
.section.contact { padding: 30px 0; }
.section.contact h3 { line-height: 61px; }
.section.contact .container-skel { padding: 40px; background-color: #292929; color: #fff; }
.section.contact .six.columns { margin-left: 0; padding: 0 20px; }
.seeall { text-align: center; }
.section.hero.support { margin: 20px 0 0 0; }
.section.three.support .topblock { background-color: #919698; color: #fff; text-align: center; font-size: 13px; line-height: 16px; min-height: 250px; padding: 25px 25px 0 25px; }
.section.three.support .topblock h5 { font-family: 'NexaHeavy'; color: #fff; text-transform: uppercase; margin: 0 0 20px 0; font-size: 17px; line-height: 19px; }
.section.three.support .botblock { font-family: 'NexaHeavy'; background-color: #6b7072; text-align: center; text-transform: uppercase; color: #fff; font-size: 13px; line-height: 35px;}
.section.three.support .topblock a { color: #fff; }
.section.three.support .botblock a { text-decoration: none; color: #fff; }
.section.hero.product { margin: 20px 0 0 0; }
.section.hero.kitchen { margin: 20px 0 0 0; }
.section.hero.laundry { margin: 20px 0 0 0; }
.section.hero.supportt { margin: 20px 0 0 0; }
.section.hero.reps { margin: 20px 0 0 0; }
.section.two.product { margin: 30px 0; }
.section.product a { text-decoration: none; }
.section.three.product .one-half.column.side1 { width: 49.5%; margin-right: 5px }
.section.three.product .one-half.column.side2 { width: 49.5%; margin-left: 5px }
.section.three.supportt .topblock { background-color: #919698; color: #fff; text-align: center; font-size: 13px; line-height: 16px; min-height: 300px; padding: 25px 25px 0 25px; }
.section.three.supportt .topblock h5 { font-family: 'NexaHeavy'; color: #fff; text-transform: uppercase; margin: 0 0 20px 0; font-size: 17px; line-height: 19px; }
.section.three.supportt .botblock { font-family: 'NexaHeavy'; background-color: #6b7072; text-align: center; text-transform: uppercase; color: #fff; font-size: 13px; line-height: 35px;}
.section.three.supportt .topblock a { color: #fff; }
.section.three.supportt .botblock a { text-decoration: none; color: #fff; }
.section.kitchen { font-size: 13px; }
.section.kitchen a { color: #333; }
.section.laundry { font-size: 13px; }
.section.laundry a { color: #333; }
.section.two.reps .twelve.columns { padding: 20px 0; border-bottom: 1px solid #333333; }
.section.two.reps { font-size: 15px; }
.section.two.reps a { color: #333; }

.listhead { background-color: #333333; color: #fff!important; }
.listhead a { color: #fff!important; }

/* Vertslide */
.containerVertslide, .containerVertslide2 { margin:0 auto; }
.containerVertslide, .containerVertslide2 { overflow:hidden;position:relative;max-width:100%;height:43rem;line-height:0; }
.slideDiv, .slideDiv2, .controls { position:absolute; }
.slideDiv, .slideDiv2, .slide { width:100%;height:100%; }
.slide { background-size:cover; }
.controls { top:41%;padding:0 0.63rem;z-index:5;text-align:center; }
.button, .button2 { width:1.5rem;height:1.5rem;display:block;cursor:pointer;border-radius:50%;transition:all ease .2s; }
.button:not(:last-child), .button2:not(:last-child) { margin-bottom:0.63rem; }


/* hero areas */
	.scalable { position:relative; }
	.scalable .ratio { display:block; width:100%; height:auto; }
	.scalable iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
	.scalable .copywrap { position: absolute; top: 0; width: 100%; }
	.scalable .copybox { margin: 6em auto 0 5em; float:left; width: 35%; }
	.scalable .copybox.center { margin: 1em auto 0 !important; float:none; width: 85%; }
	.scalable .copybox.right { margin: 5em 5em 0 auto; float:right; width:50%; }
	.socially { position:absolute; z-index:200; width:98%; padding: 10px 0 0 0; text-align: right; }


/* Laptops */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  	
	  /*.navbar-default {padding-left: 20% !important;}*/
	  .section.four h2 { font-family: 'LG Smart Bold' !important; font-size: 20px !important;}
	  .section.discovermenu {
    background: #000000 top center no-repeat;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.section p {
    font-family: 'LG Smart Light';
    margin: 0 0 0 0;
    font-size: 16px;
    padding: 10px;
}

	  #navbar {overflow: hidden;z-index:999999; background: #000000}

#navbar a {    
	float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 37px;
    font-size: 15px;
    text-transform: none;}

#navbar a:hover {
  color: #db0546;
}

#navbar a.active {
  color: #db0546;
}

.ctr_ch {
    display: inline-block;
}
	  
	  .blackbanner {display: none;}
}


/* Portrait and Landscape Tablet */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	.section.fourspacer { display: none; }
	
	/* package */
	.section.four h2 { text-align: center; font-family: 'LG Smart Bold' !important; color: #000; font-size: 14px; text-transform: uppercase; font-weight: bold}
	.section p {font-family: 'LG Smart Light';line-height: 1.3em;margin: 0 0 0 0;font-size: 13px;padding-top: 15px; padding: 15px;
}
	.flex-control-nav { bottom: -5px !important; }
	 /* .navbar-nav > li > .dropdown-menu .col-sm-2 { width: 19.666667%; }
	.navbar-default {padding-left: 0!important;} 
	.navbar-nav > li > a { padding-left: 30px !important; }*/
	  .blackbanner {display: none;}
	  
	  .section.discovermenu {
    background: #000000 top center no-repeat;
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
#navbar {overflow: hidden;z-index:999999; background: #000000}

#navbar a {    
	float: left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 15px;
    font-size: 15px;
    text-transform: none;}

#navbar a:hover {
  color: #db0546;
}

#navbar a.active {
  color: #db0546;
}

.ctr_ch {
    display: inline-block;
}
	 
	  
.arrow-wrap {
    position: absolute;
    z-index: 1;
    left: 50.4%;
    margin-left: -4em;
    background: #fff;
    width: 8em;
    height: 8em;
    padding: 3em 1.8em 0 1em;
    border-radius: 50%;
    font-size: 0.4em;
    display: block;
    box-shadow: 0px 0px 5px 0px #fff;
    top: 78%;
}
}

/* Portrait and Landscape Tablet */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 768px) 
  and (-webkit-min-device-pixel-ratio: 2) {

	/*.navbar-default {padding-left: 10% !important;}
	.navbar-nav > li > a { padding-left: 30px !important; }
	  .blackbanner {display: none;}*/
}


/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 666px)
  and (-webkit-min-device-pixel-ratio: 1){
	.for-mobile { display: inherit !important; }
	.for-desktop { display: none !important; }
	.section { font-size:15px; line-height:19px; }
	.section.fourspacer { display: none; }
	
    .container-skel-bleed {
    position: relative;
    width: 100%;
    margin: 0 auto;
    /* padding: 0 20px; */
    box-sizing: border-box;
    text-align: left;
}
	  
	/* package */
	/*.section.discovermenu { background: #000000 top center no-repeat; }
	.navbar-default {padding-left: 0!important;}
	.navbar-header .logo { padding: 10px 0 0 30px; }
	.navbar-nav > li > a { padding-left: 30px !important; }
	.navbar-nav > li > .dropdown-menu .col-sm-2 { width: 19.666667%; } 
	.navbar-nav {  float: left!important; padding-left: 0;}
	.navbar-toggle { margin-right: 30px !important; }*/
	.view { width: auto; height:auto; }
	.view .mask,.view .content { width:auto; height:auto; }
	.section.two h2 { font-size: 18px; line-height: 20px; width: 70%; margin: 0 auto; }
	.section.two .copy { width: 70%; margin: 0 auto; }
	.section.three .one-quarter.column { width: 100%; margin-top: 30px; }
	.section.contact .six.columns { margin-left: 0; padding: 0; }
	.section.seven .two.columns { width: 49.333333%; }
	.section.four, .section.five, .section.six { padding: 0; }
	.section.four .seven.columns, .section.four .five.columns { padding-bottom: 30px; }
	.section.five .seven.columns, .section.five .five.columns { padding-bottom: 30px; }
	.section.six .six.columns { padding-bottom: 30px; }
	.logo { padding-bottom: 10px; }
	#lgform input[type="text"],  #lgform input[type="email"], #lgform select { padding: 0px; height: 40px; text-indent: 10px; text-align: center; }
	#lgform input[type="textarea"], #lgform textarea { height: 100px; }
	  
	  .arrow-wrap {
	position: absolute;
	z-index: 1;
	left: 50.4%;
	margin-left: -5em;
	background: #fff;
	width: 8em;
	height: 8em;
	padding: 2.5em 1.9em 0 1em;
	border-radius: 50%;
	font-size: 0.5em;
	display: block;
	box-shadow: 0px 0px 5px 0px #fff;
	top: 84%;
}
	  .blackbanner {
    position: absolute;
    color: #ffffff!important;
    margin: 35px !important;
    font-size: 20px !important;
    padding: 5px !important;
    text-align: center;
	display: block !important;
}
	  /* #navbar a {
    position: relative;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: underline;
    width: 12%;
    margin-bottom: 0%;
    font-size: 14px;
    padding: 10px 0 3px 2px;
    margin-left: 7px;
    line-height: 16px;
} */

.navitem {
border: none;
padding: 0;
    }
    
	  .blk {
    color: #fff;
}
	  .btn, a.btn {
    font-size: 1rem;
   
}
}