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

/* General */
	.section { color:#58585a; font-family: 'LG Smart Light';  text-decoration:none; font-size:22px; line-height:29px; }
	.section h1 { font-size: 58px; line-height: 58px; font-family: 'LG Smart Light' !important; margin:0; padding-bottom: 20px; } 
	.section h2 { font-size: 50px; line-height: 50px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h3 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h4 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Light' !important; margin:18px; }
	.section h5 { font-size: 24px; line-height: 20px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h6 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Light' !important; margin:0; }
	.section.titles { font-size: 15px; line-height: 19px; font-family: 'LG Smart Light' !important; margin:0; color: #58585a; text-align: center; padding: 20px;  }
	.section.titles.left { font-size: 22px; line-height: 29px; font-family: 'LG Smart Light' !important; margin:0; color: #58585a; text-align: left; padding: 20px; margin-left: -20px;  }
	.section.fourspacer { height:38px; }
	.section.title { background-color:#f5f5f6; color:#58585a; }
	.section.title h2 { font-family: 'LG Smart SemiBold' !important; }
	.nav-bg { /*background:rgba(0, 0, 0, 0.2); position:absolute; width:100%; height:40px;*/ }
	a { color: #333; }
	blockquote.style1 { padding: 8px; margin: 0px; background-image: url(/us/business/commercial-display/vertical-markets/retail-solutions/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/commercial-display/vertical-markets/retail-solutions/images/quote-close.png); background-repeat: no-repeat; background-position: bottom right; }
	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: 1rem 2rem 0.8rem; 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; }
	.fine { font-size:0.6em; line-height:1.2em; text-decoration:none; }
	.italic { font-style:italic; }
	.bold { font-family: 'LG Smart Bold'; }
	.center { text-align:center; }
	.left { float:left !important; }
	.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; }
	img.transparent { width:100%; height:100%; }
	.div-toggler { width:300px; margin:0 auto; vertical-align:bottom; /* position:absolute; bottom:0; */ }
	#sticky { z-index:9999; }
	.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%;	}
	

	/* hero areas */
	.scalable { position:relative; }
	.scalable .ratio { display:block; width:100%; height:auto; margin-top: -20px; }
	.scalable iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
	.scalable .copywrap { position: absolute; top: 0; width: 100%; color:#fff; padding-left: 60px; }
	.scalable .copybox { margin: 13em auto 0 5em; float:left; width: 50%; }
	.scalable .copybox.center { margin: 3em 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; }
	ul.socially li { display:inline-block; }


	/* product sliders */
	.feat-products h2 { margin:0; }
	.feat-products .title, .feat-products .title a { text-decoration:none; color:#333; }
	.feat-products .model, .feat-products .model a { text-decoration:none; color:#333; }
	.feat-products .stars { width:130px; height:26px; padding:18px 0; }
	.feat-products .price, .feat-products .price a { font-size:1.5em; line-height:1.5em; letter-spacing:-3px; text-decoration:none; color:#333; }
	.feat-products .price a sup { font-size:0.5em; letter-spacing: -1px; }
	.feat-products .suggested { text-decoration:none; color:#333; padding:20px 0 8px 0; }
	.feat-products .details, .feat-products .details a { text-decoration:none; color:#fff; }
	.details .btn, a.details .btn { background-color:#a50034 !important; border-radius:0px; text-decoration:none; color: #fff;cursor: pointer; padding: 0.5rem; font-size:1rem !important; text-align: center;transition: width 0.2s ease-in 0s; }
	.details .btn:hover, a.details .btn:hover,div.details .btn:focus, adiv.details .btn:focus { background-color:#a50034!important; }
	
	
	/* customer reviews */
	.customer-reviews h2 { margin:0; }
	.customer-reviews .title, .customer-reviews .title a { font-family: 'LG Smart SemiBold' !important; text-decoration:none; color:#333; }
	.customer-reviews .quote { color:#333; width:33%; margin:0 auto; text-align:center;}
	.customer-reviews .quote a { text-decoration:none; color:#a50034; }
	.customer-reviews .stars { width:130px; height:26px; }
	.customer-reviews .date { font-family: 'LG Smart SemiBold' !important; text-decoration:none; color:#333; padding:20px 0 8px 0; }
	.customer-reviews .one-half.column { width:35%; }


	/* submenu */
	.submenu ul { background-color:#a50034; color:#fff; }
	.submenu ul li a { color:#fff; text-decoration:none; }
	.submenu ul li a:hover { color:#a50034; }
	.submenu ul li { display:inline-block;  }
	.submenu ul li:before { content: "|"; padding: 0.8em; }
	.submenu ul li:first-child:before { content: ""; padding: 0; }
	
	
	/* flexslider */
	.flexslider .copywrap { top: 0; width: 100%; color:#fff; }
	.flexslider .copywrap .copybox img.logo { width:inherit; height:inherit; margin:20px 0; }
	.flexslider .copywrap .copybox { margin: 5em auto 0 5em; float:left; width: 50%; }
	.flexslider .copywrap .copybox.center { margin: 1em auto 0 !important; float:none; width: 75%; text-align:center; }
	.flexslider .copywrap .copybox.right { margin: 5em 5em 0 auto; float:right; width:50%; }          
	.flexslider ul.flex-direction-nav li.flex-nav-prev a.flex-prev { left: 50px !important; }						
	.flexslider ul.flex-direction-nav li.flex-nav-next a.flex-next { right: 50px !important; }
	#slider-1.flexslider ul.flex-direction-nav li.flex-nav-prev a.flex-prev { left: -10px !important; }
	#slider-1.flexslider ul.flex-direction-nav li.flex-nav-next a.flex-next { right: -10px !important; }
	#productslide ul.flex-direction-nav li.flex-nav-prev a.flex-prev { left: -85px !important; }						
	#productslide ul.flex-direction-nav li.flex-nav-next a.flex-next { right: -85px !important; }
	#productslide .flexslider ol.flex-control-nav.flex-control-paging { bottom: -45px; }
	/* flexslider manual nav */
	.custom-navigation { display: table; table-layout: fixed; width: 100%; }
	ul.custom-navigation { position:absolute; top:50%; width:100%; }
	ul.custom-navigation li a.flex-prev { float:left; }
	ul.custom-navigation li a.flex-next { float:right; }
	.flexslider .slides li { position:relative; }
	.flexslider .flex-viewport ul.slides .copywrap { position: absolute; top: 0; width: 100%; color:#fff; }
	.flexslider .flex-viewport ul.slides .copybox { margin: 12% auto 0 10%; float:left; width: 50%; }
	.flexslider .flex-viewport ul.slides .copybox.center { margin: 36% auto 0 !important; float:none; width: 70%; }
	.flexslider .flex-viewport ul.slides .copybox.right { margin: 12% 10% 0 !important; float:none; width:37%; }


	/* fancybox */
	.fancybox-opened { z-index: 10000 !important;}
	.fancybox-overlay { z-index: 9999 !important;}
	.fancybox-type-iframe .fancybox-nav { width: 60px; }
	.fancybox-type-iframe .fancybox-nav span { visibility: visible; opacity: 0.5; }
	.fancybox-type-iframe .fancybox-nav:hover span { opacity: 1; }
	.fancybox-type-iframe .fancybox-next { right: -60px; }
	.fancybox-type-iframe .fancybox-prev { left: -60px; }
	
	
	/* gallery */
	.gallery-share-content { position:relative; width:100%;height:100%;  }
	.gallery-share-content span { display: block; }
	.gallery-share-content div.social { position: absolute; bottom:10%; width:100%; z-index:9999;  }
	.gallery-share-content div.social ul.icons { z-index: 99999; width:400px; height:40px; margin: 0 auto; display:block; }
	.gallery-share-content div.social ul.icons li { display:inline-block; }
	.gallery-share-content .videoWrapper { position: relative;	padding-bottom: 72.25%; /* 16:9 */ padding-top: 25px; height: 0; }
	.gallery-share-content .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	

	/* accordion */
	.question { width: 100%; float: left; background: #fff; padding: 20px 0 30px 25px; border-top:1px solid #ccc; cursor: pointer; background-image : url(/us/business/commercial-display/vertical-markets/retail-solutions/images/accordion-open.png); background-position : 1px 32px;	background-repeat : no-repeat;	}
	.answer { width: 100%; font-size: 62%; float: left; padding:0px 0 50px 25px; margin-left:20px; background: #fff; }
	.active { background-image : url(/us/business/commercial-display/vertical-markets/retail-solutions/images/accordion-close.png); background-repeat:no-repeat; background-position : 1px 32px; }


	/* lg modal */
	.module { min-width:0px;} /* controls lightbox so it's not constrained to whatever div it is in*/
	.module .video-asset { width: 70%; height: 70%; position: fixed;left: 13.5%; top: 20%; } /*places lightbox on full size on screen*/
	.module .video-asset .video-content a.close {font-size: 60px;}/*size of close button*/
	/*gets rid of blue outline, may also disable tab highlight*/
	:focus {outline: 0;	outline: none;	}
	a:focus,a:hover { outline: 0; outline: none;	}
	.modal-layer {	display: none;	font-family: "LG Smart", Tahoma, Arial, sans-serif	}
	.modal-content.repair-policy .modal-title, .modal-title {font-family: "LG Smart Light", Tahoma, Arial, sans-serif}
	.modal-layer .close-modal {	position: absolute;	right: 15px;top: 15px;	font-size: 25px	}
	.modal-layer .close-modal span {position: absolute;	width: 0;	height: 0;	font-size: 0;overflow: hidden;text-indent: -999em}
	.modal-layer .close-modal:active, .modal-layer .close-modal:focus, .modal-layer .close-modal:hover {text-decoration: none}
	.btn-find-pw, .survey p.feedback a {text-decoration: underline }
	.modal-layer .close-modal:before {	color: #666	}
	.modal-inner { overflow-x: hidden;	width: 95%;	background: #fff;border-radius: 5px	}
	.modal-title { display: block;	font-weight: 400;padding-right: 50px;font-size: 24px;font-size: 2.4rem;line-height: 26px;line-height: 2.6rem;padding-bottom: 15px;padding-bottom: 1.5rem;	margin-bottom: 15px;margin-bottom: 1.5rem;	border-bottom: 1px solid #bbb	}
	.cs-modal-signin .move-top, .datepicker>div { display: none	}
	.modal-content { padding: 20px;	padding: 2rem }
	.modal-content .modal-bottom { text-align: center;	margin: 20px 0;	margin: 2rem 0	}
	.modal-content .modal-bottom button { margin-left: 6px;min-width: 95px	}
	.modal-content .modal-bottom button.first-child {margin-left: 0	}
	.modal-content .alert-title-ex {text-align: center;	font-size: 18px;font-size: 1.8rem}
	.modal-content .btn-two-w50 {overflow: hidden}
	.modal-content .btn-two-w50 .btn {width: 49%;float: right;font-size: 16px;font-size: 1.6rem	}
	.modal-content .btn-two-w50 .btn:first-child {	float: left	}
	.modal-content .bottom-center {	padding: 30px 0 0	}


	/* package */
	.container-skel .image { line-height:0; }
	.container-skel-bleed .image { line-height:0; }
	.mobile-custom { display: none !important; }
	.section.navigation { background-color:#000; color: #fff; }
	.section.grade { background: url(/us/business/commercial-display/vertical-markets/retail-solutions/images/gradient.png) bottom center repeat-x; }
	.section.callout-1 { background-color:#a50034; color:#fff; }
	.section.slider-1 { background-color:#000; }
	.section.gallery { background-color:#000; color:#fff; }
	.scalable .copybox { position:relative; left:0; width:100%; margin:100px 0 0 0; padding:20px; }
	.scalable .copybox.left { position:relative; left:50px; width:100%; margin:60px 0 0 0; padding:30px; text-align: left !important; }
	.scalable .copybox.center { position:relative; left:0; width:100%; margin:0; padding:20px; }
	.scalable .copybox.right { position:relative; left:0; width:100%; margin:0; padding:20px; }

	.titles { text-align: center; margin-top: 30px; padding: 20px; margin-right: 30px; }
	.section.tabs a.one-fifth.column.tab { background-color: #afafaf; text-align: center; padding: 20px; border-right: 2px solid #fff; color: #fff; text-decoration: none; }
	.section.tabs a:hover.one-fifth.column.tab, .section.tabs .one-fifth.column.tab.active { background-color: #959595; }
	.section.tabs #tab > li:nth-child(5) > a:nth-child(1) { border-right: 0px solid #fff; }

	.section.tabs a.one-half-pure.column.tab { background-color: #afafaf; text-align: center; padding: 20px; border-right: 2px solid #fff; color: #fff; text-decoration: none; }
	.section.tabs a:hover.one-half-pure.column.tab, .section.tabs .one-half-pure.column.tab.active { background-color: #959595; }
	

	.section.contact { background-color:#3b3b3a; color: #fff; }
	.section.offerings { background-color:#f7f6f6; color: #000;  } 
	.section.follow { background-color:#000; color: #fff; }
	.section.follow .one-fifth { text-align: center; }
	.section.touts .image {opacity: 0.8;}
	.section.touts .image:hover {opacity: 1;}


	.lgbox .image { opacity: 0.8; position:relative; overflow:hidden; }
	.lgbox .image:hover { opacity: 1; }
	.lgbox .title { position:absolute; width: 100%; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; color: #fff; overflow: hidden; padding: 20px; text-align: center; }
	
	/* custom for LG look right border
	.lgbox-wrap .container-skel-bleed { margin-bottom: 4px; }
	.lgbox-wrap .one-half.column.left { width: 49.875%; margin-left: 0 !important; }
	.lgbox-wrap .one-half.column.right { width: 49.875%; margin-left: .23% !important; }

	.lgbox-wrap .one-quarter.column.left { width: 24.825%; margin-left: 0 !important; }
	.lgbox-wrap .one-quarter.column.right { width: 24.825%; margin-left: .23% !important; }

	.lgbox-wrap .one-third.column.left { width: 33.175%; margin-left: 0; }
	.lgbox-wrap .one-third.column.right { width: 33.175%; margin-left: .23% !important; }

	.lgbox-wrap .image {  position:relative; overflow:hidden; }
	.lgbox-wrap .image:hover { opacity: 1; }
	.lgbox-wrap .title { position:absolute; width: 100%; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; bottom: 0; color: #fff; overflow: hidden; padding: 20px; text-align: center; }
	

	.touts .scalable .copywrap { top: 5%; }
	.touts .scalable .copybox.center { width: 85%; }
	*/

	.section.hero { background-color: #000; }

	.tout { width:auto; position: relative; }
	.tout-text { position: absolute; top:50%; left:0; padding:1rem; transform:translateY(-50%); text-align: center; color: #fff; width: 95%; }
	.ratio { display:block; height:auto; width: 94%; padding-top: 20px; }

	#video  h5 { font-size: 19px; padding-top: 20px; }




/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 667px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
	.mobile-custom { display: inherit !important; }
	.desktop-custom { display: none !important; }
	.section { font-size:15px; line-height:19px; }
	.section.fourspacer { display: none; }
	.section img { display: block; margin: 0 auto; }
	.section h1 { font-size: 35px; line-height: 35px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h2 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h3 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h4 { font-size: 20px; line-height: 20px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h5 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h6 { font-size: 10px; line-height: 10px; font-family: 'LG Smart Light' !important; margin:0; }
	
	.section.tabs a.one-fifth.column.tab { border-right: 0px solid #fff !important; }
	
	/* custom for LG look right border
	.section.feature1 .one-half.column.left { width: inherit!important; }
	.section.feature1 .one-half.column.right {  width: inherit!important; }
	.section.feature2 .one-third.column.left {  width: inherit!important;}
	.section.feature2 .one-third.column.center {  width: inherit!important; }
	.section.feature2 .one-third.column.right {  width: inherit!important; }
	*/
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 666px)
  and (-webkit-min-device-pixel-ratio: 1){
	.mobile-custom { display: inherit !important; }
	.desktop-custom { display: none !important; }
	.section { font-size:15px; line-height:19px; }
	.section.fourspacer { display: none; }
	.section img { display: block; margin: 0 auto; }
	.section h1 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0;  padding-bottom: 20px;}
	.section h2 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h3 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h4 { font-size: 20px; line-height: 20px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h5 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h6 { font-size: 10px; line-height: 10px; font-family: 'LG Smart Light' !important; margin:0; }
	.answer { font-size:100% !important; }
	.feat-products { text-align:center }
	.feat-products .stars { margin:0 auto; }
	.socialize ul li { display:inline-block; width:40px; padding:0; margin:0; }
	.socialize ul li img {  padding:0; margin:0; }
	/* flexslider */
	.flexslider ol.flex-control-nav.flex-control-paging { bottom: -10px; }
	.flexslider .flex-viewport ul.slides .flex-caption { position:inherit; left:8px; right:0; bottom:25%; z-index:1; padding:20px 30px; width: 80%; }
	
	/* package */
	.scalable .copybox { position:relative; left:0; width:100%; margin:100px 0 0 0; padding:20px; }
	.scalable .copybox.left { position:relative; left:0; width:100%; margin:100px 0 0 0; padding:20px; text-align: left !important; }
	.scalable .copybox.center { position:relative; left:0; width:100%; margin:0; padding:20px; }
	.scalable .copybox.right { position:relative; left:0; width:100%; margin:0; padding:20px; }
	
	.lgbox .title { text-align: left; }
	
	.nav-collapse a.active, .nav-collapse a:hover { margin: 0px !important; }
	.section.hero .scalable .copywrap { bottom: 49px !important;}
	
	.section.tabs a.one-fifth.column.tab { border-right: 0px solid #fff !important; }
	
	.scalable .copybox.center { margin: 6em auto 0 !important; float:none; width: 85%; }
	
	/* custom for LG look right border
	.section.feature1 .one-half.column.left { width: inherit!important; }
	.section.feature1 .one-half.column.right {  width: inherit!important; }
	.section.feature2 .one-third.column.left {  width: inherit!important;}
	.section.feature2 .one-third.column.center {  width: inherit!important; }
	.section.feature2 .one-third.column.right {  width: inherit!important; }
	*/
	
}