/* Standard LGEAI Help Library Article Styles */
@font-face{font-family:lg-ai-icon;src:url(https://www.lg.com/us/content/html/assets/icons/lg-ai-icon.eot?7611362541596f5c64c714af047838bb);src:url(https://www.lg.com/us/content/html/assets/icons/lg-ai-icon.eot?#iefix) format("embedded-opentype"),url(https://www.lg.com/us/content/html/assets/icons/lg-ai-icon.woff?7611362541596f5c64c714af047838bb) format("woff"),url(https://www.lg.com/us/content/html/assets/icons/lg-ai-icon.ttf?7611362541596f5c64c714af047838bb) format("truetype"),url(https://www.lg.com/us/content/html/assets/icons/lg-ai-icon.svg?7611362541596f5c64c714af047838bb#lg-icon) format("svg");font-weight:400;font-style:normal}

.content-header > .title, .content-feedback h3 {COLOR: #a50034 !important;}
.content {padding-top: 0px !important;}
.content-view-detail .content .content-description {padding: 0; position: relative;}
.search-wrap .search-keyword input {border-left: 2px solid #a50034 !important; border-right: 2px solid #a50034 !important;}
.support-content .container .tip {display: none;}
.content-view-detail {padding-top: 4rem;}

.lgeai-wrapper > * {margin-left: 3rem; margin-right: 3rem; padding: 0;}
	
.lg-red {color: #a50034 !important;}
.lgeai-wrapper {margin-left: 0px;}
.lgeai-wrapper a {COLOR: #a50034 !important; CURSOR: pointer !important;}
.lgeai-wrapper h2 {font-weight: normal;}
.lgeai-wrapper IMG {VERTICAL-ALIGN: middle !important}
.lgeai-wrapper .title {PADDING-BOTTOM: 10px; TEXT-TRANSFORM: none; FONT-WEIGHT: bold; PADDING-TOP: 10px;}
.lgeai-wrapper .img-350 {height: 350px !important; width: auto !important;}
.lgeai-wrapper .clearfix:after {content: ""; display: table; clear: both}
.lgeai-wrapper ol {list-style: decimal;}
.lgeai-wrapper ol ol {list-style: lower-alpha;}
.lgeai-wrapper ol ol ol {list-style: lower-roman;}
.lgeai-wrapper ul {list-style: disc;}
.lgeai-wrapper ul ul {list-style: circle;}
.lgeai-wrapper ul ul ul {list-style: disc;}
.lgeai-wrapper .note {font-style: italic; font-size: 1.8rem; display: block; background: #f4f5f7; border: 1px solid #bbb; padding: 1.2rem !important;}
.lgeai-wrapper .note .note-title {color: #a50034; font-weight: bold;}
.lgeai-links {MARGIN: 3px 3px 3px 0px;}
.lgeai-links > A {MARGIN-BOTTOM: 5px;}
.lgeai-links > A.active {FONT-WEIGHT: bold;}
.lgeai-links > A:hover {FONT-WEIGHT: bold;}
.lgeai-wrapper .lgeai-icon {width: 30px; height: 30px;}
.lgeai-wrapper .btn {color: #fff !important;}
.lgeai-wrapper .btn.large {min-width:250px;}
.is-mobile .lgeai-wrapper .btn.large {display:block; margin-bottom:1rem}

.lgeai-wrapper hr {border-color: #ddd;}

.lgeai-wrapper .ai-ml-0 {margin-left: 0;}
.lgeai-wrapper .ai-mr-0 {margin-right: 0;}
.lgeai-wrapper .ai-mt-0 {margin-top: 0;}
.lgeai-wrapper .ai-mb-0 {margin-bottom: 0;}
.lgeai-wrapper .ai-pl-0 {padding-left: 0;}
.lgeai-wrapper .ai-pr-0 {padding-right: 0;}
.lgeai-wrapper .ai-pt-0 {padding-top: 0;}
.lgeai-wrapper .ai-pb-0 {padding-bottom: 0;}

.lgeai-wrapper .lgeai-steps {DISPLAY: block; padding-top: 20px;}
.lgeai-wrapper .inactive {DISPLAY: none;}

.lgeai-description + hr {display: none;}


.title-desc-list > li {
margin-bottom: 1rem;
}
.title-desc-list > li > *:first-child {
font-size: 2.2rem;
}
.title-desc-list > li > *:last-child {
margin: 0;
font-size: 1.6rem;
}
.title-desc-list > li > *:last-child * {
margin: 0;
font-size: 1.6rem;
}

.side-by-side > * {WIDTH: 45%; DISPLAY: inline-block; VERTICAL-ALIGN: top !important; padding: 10px}
#syncObject {display: none;}

/*  WORKING ON TABS  */



.multi-box {display: flex}
.multi-box > * {WIDTH: 100%; margin: 5px; border: 1px solid #bbb; padding: 1rem;}
.multi-box.no-border > * {border: none;}

.is-mobile .multi-box {flex-flow: row wrap}
.is-mobile .multi-box > * {margin: .5rem 0; border: none;}


@media only screen and (max-device-width: 750px) {

}

#lgeai-steps-holder {margin: 0;}
.lgeai-steps > * {margin-left: 3rem; margin-right: 3rem; padding: 0;}
.is-mobile .lgeai-steps > * {margin-left: 2rem; margin-right: 2rem; padding: 0;}
#lgeai-steps-holder:before {content: ""; display: block; clear: both}
#next {display: none; margin: 0;}
	
/* Legacy LGEAI Help Library Article Styles */
.lgeai-wrapper P.descriptionbold {LINE-HEIGHT: 125%; FONT-SIZE: 16pt; FONT-WEIGHT: bold}
.lgeai-wrapper .sectiontitle {FONT-SIZE: 18pt; color: #a50034; font-weight: bold;}


/*  SEARCH BOX  */
.model-search-holder {padding: 10px; border: 1px solid #a50034; background: #f6f6f6}
.model-search-subtitle {font-size: 1.6em; width: 100%; text-align: center}


/*  VIDEO SCRIPTS  */
.btn-script {display: none}
.lgeai-video-script-area .lgeai-script-toggle {
    display: none;
}
.is-mobile .lgeai-wrapper .lgeai-video-script-area {margin-top: 3rem;}
.ai-embed-bc {
    display: block;
    max-width: 90%;
    width: 50rem;
    height: 35rem;
    margin: 2% auto;
}
.is-mobile .ai-embed-bc {
    max-width: none;
    margin: 2rem;
    width: auto;
    height: 20rem;
}
.ai-embed-bc > div {
    width: 100%;
    height: 100%;
}
.ai-embed-yt > iframe {
    display: block;
    margin: 3rem auto;
}
.lgeai-video-script-area {
    margin: 3rem;
}

.is-mobile .lgeai-video-script-area {
    margin: 2rem;
}

.content-view-detail .content .video-box {margin: 3rem auto; box-shadow: 0 0 1rem 0 #666;}
.is-mobile .content-view-detail .content .video-box {width: 90%; margin: 2rem auto;}


/*  REGISTRATION BANNER  */
.ai-tip {line-height: 70px;}
.ai-tip-text {display: inline;}
.ai-tip .reg-banner {float: right;}
.ai-tip .reg-banner img {display: none;}
body:not(.is-mobile) .ai-tip .reg-banner img.dt {display: block !important;}

.is-mobile .tip {padding: 0; display: none;}
.is-mobile .ai-tip {display: block;}
.is-mobile .ai-tip-text {display: none;}
.is-mobile .reg-banner, .is-mobile .reg-banner img {width: 100%;}
.is-mobile .ai-tip .reg-banner img.mo {display: block !important;}



/* SETTINGS ARTICLES */
.is-mobile .side-by-side > * {width: 90%; padding: 10px}


.is-mobile #content .title {display: none;}
.is-mobile article.content {padding: 0;}
.is-mobile article.content .content-description {padding: 0;}
.is-mobile .lgeai-wrapper {padding: 0;}
.is-mobile .lgeai-wrapper > * {margin-left: 2rem; margin-right: 2rem;}
.is-mobile .lgeai-steps {padding: 0;}

/* AUTHOR BOX */
.lgeai-wrapper .AuthorBox {display:flex; background-color:#7D8790; min-height: 70px; padding: 1rem; justify-content: center; margin: 0; margin-top: 6rem;}
.lgeai-wrapper div.AuthorBox p {font-size: 1.7rem; line-height:1.7rem;}
.lgeai-wrapper div.AuthorBox * {font-family: 'LG Smart Light', Tahoma, Arial, sans-serif; color:#FFFFFF; margin-top:auto; margin-bottom:auto;}
.lgeai-wrapper .AuthorBox-name	{font-size:150%;vertical-align: baseline; font-weight: bold;}
.lgeai-wrapper .AuthorBox-img {width: 70px;height: 70px;margin-right: 1rem;}
.is-mobile .lgeai-wrapper .AuthorBox {display:flex; background-color:#7D8790; min-height: 70px; padding: .8rem 1rem .8rem; justify-content: center;}

.ie .lgeai-wrapper .AuthorBox, .ie11 .lgeai-wrapper .AuthorBox {display:block; text-align: center;}
.ie .lgeai-wrapper .AuthorBox > *, .ie11 .lgeai-wrapper .AuthorBox > * {display:inline-block;}


/** Sammy Grey Boxes **/
.center {
               text-align: center;
}

.multi-box-inline {
               display: inline-flex !important;
               width: 100%;
               align-items: flex-end;
               padding-top: 0 !important;
}

.multi-box-inline > * {
               WIDTH: 100%;
               margin: 5px;
               padding: 10px;
               text-align: center;
}

.multi-box-inline p {
               margin-top: 0;
               margin-bottom: 0;
}
a.lgeai-box-hover img {
               min-height: 120px;
               width: auto;
}

.lgeai-box-hover:active {
               background-color: #a50034;
}

.lgeai-box-hover p:active{
               color:white;
}

a.lgeai-box-hover {
               border: solid 0.5rem #999;
               border-radius: 1pc;
               margin: 0 1rem!important;
}
a.lgeai-box-hover:hover,
a.lgeai-box-hover:active{
               border-color: #a50034;
}

span.answer-text.multi-box-inline.is-mobile {
               align-items: stretch;
}


@media only screen and (max-device-width: 750px) {
.multi-box-inline {
               flex-flow: row wrap
}
.multi-box-inline > * {
               width: 50%;
}
.multi-box-inline p {
               font-size: 1.2rem!important;
               line-height: 13px;
               margin-top: 5px;
}
a.lgeai-box-hover {
               margin: 0.5rem 0.5rem!important;
               width:45%
}
}




/********************/
/*  Survey Button   */
/********************/
.feedback-button-holder {display: flex; margin: 1rem;}
.feedback-button-holder > a {background: #f5f5f5; display: flex; align-items: center; border: 1px solid gray; border-radius: 5px; color: black; padding: 5px 5px 5px 20px; margin: 0 auto;}
.feedback-button-holder > a:hover, .feedback-button-holder > a:focus {text-decoration: none;}
img.feedback-checkmark-icon {max-height: 70px; width: 13%; margin-right: 10px;}
.feedback-button-text {text-align: left;}
.feedback-button-text > h2 {letter-spacing:-0.1rem; font-size: 3rem;}
.feedback-button-text > p {margin: 0; font-size: 1.2rem;  margin-top: -0.3rem; color: #666;}

/* IE */
.ie .feedback-button-holder, .ie11 .feedback-button-holder {display: block;}
.ie .feedback-button-holder a, .ie11 .feedback-button-holder a {display: inline-block;}
.ie .feedback-button-holder a > *, .ie11 .feedback-button-holder a > * {display: inline-block;}



/*  ORDERED LISTS  */
.lgeai-wrapper .big-list {
	position: relative;
	counter-reset: item;
	padding-left: 0;
}

.lgeai-wrapper .big-list > li {
	position: relative;
	margin-bottom: 2rem;
	list-style: none;
	padding-left: 7rem;
	border-bottom: 1px solid #bbb;
}

.lgeai-wrapper .big-list > li:before {
	content: counter(item);
	counter-increment: item;
	display: inline-block;
	color: #a50034;
	left: 0;
	top: -1.5rem;
	font-size: 8rem;
	font-family: "LG Smart Light",arial;
	margin-left: -6.3rem;
	padding-right: 1.5rem;
	max-width: 20%;
}
.lgeai-wrapper .big-list > li:after {
	content: "";
	display: table;
	clear: both;
}
.lgeai-wrapper .lgeai-list-title {
	display: inline-block;
	max-width: 80%;
	font-size: 4rem;
	font-family: "LG Smart Light",arial;
	margin: 0;
}
.is-mobile .lgeai-wrapper .big-list {
    position: relative;
    counter-reset: item;
    padding-left: 0;
}
.is-mobile .lgeai-wrapper .big-list > li {
    padding-left: 0;
}
.is-mobile .lgeai-wrapper .big-list > li:before {
    margin-left: 0;
    font-size: 6rem;
}
.is-mobile .lgeai-wrapper .lgeai-list-title {
    font-size: 3rem;
    font-family: "LG Smart";
    line-height: 90%;
}



/**************************/
/**    Accordions        **/
/**************************/
/* LGEAI FAQ CSS */

.lgeai-accord {margin: 0; padding: 0; margin-bottom: 2rem;}
.lgeai-accord-item {POSITION: relative; MARGIN: .5rem 0; list-style: none;}


.lgeai-accord-link {position: relative; background: #f4f5f7; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 1.5rem 3rem 1.5rem; font-size: 2.4rem; color: #333; text-decoration: none; cursor: pointer;}
.lgeai-accord-link.active {color: #a50034;}
.lgeai-accord-link:before {position: absolute; top: 50%; right: 3rem; margin-top: -5px; font-size: 20px; color: #676767;}
.lgeai-accord-link:before {font-family: lg-ai-icon; display: inline-block; vertical-align: middle; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f165";}
.lgeai-accord-link.active:before {content: "\f167"; color: #a50034;}

.lgeai-accord-content {padding: 1.5rem 3rem 3rem;}


UL LI.lgeai-accord-item UL, UL LI.lgeai-accord-item UL UL UL {LIST-STYLE: disc !important}
UL LI.lgeai-accord-item UL UL {LIST-STYLE: circle !important}
OL LI.lgeai-accord-item OL, OL LI.lgeai-accord-item OL OL OL {LIST-STYLE: decimal !important}
OL LI.lgeai-accord-item OL OL {LIST-STYLE: lower-alpha !important}

.show-all {text-align: right; padding: 1.2rem 3rem;}

.is-mobile .lgeai-wrapper .lgeai-accord {padding: 0; margin: 0;}
.is-mobile .lgeai-accord-item {margin: .5rem 0;}
.is-mobile .lgeai-accord-link {padding: 1rem 2rem;padding-right: 6rem;font-size: 2rem;}
.is-mobile .lgeai-accord-content {padding: 1rem 2rem 2rem;}




/**************************/
/**  Sub-Section Tabs    **/
/**************************/
.lgeai-wrapper .rs-tab-links > DIV > a {font-family:"LG Smart",Tahoma,Arial,sans-serif}
.lgeai-wrapper .rs-tab-menu {margin:26px 0 20px;background:#a5a5a5}
.lgeai-wrapper .rs-tab-menu:after {display:block; content: ""; clear: both;}
.lgeai-wrapper .rs-tab-links > DIV {float:left;position:relative; border:1px solid white;}
.lgeai-wrapper .rs-tab-links > DIV:before {display:block;content:"";width:8px;background:#fff;clear:both}
.lgeai-wrapper .rs-tab-links > DIV:first-child:before {display:none}
.lgeai-wrapper .rs-tab-links > DIV > a {display: block; position: relative; background: #a5a5a5; color: #fff; text-align: center; text-decoration: none; height: 4rem; font-size: 1.8rem; line-height: 4rem;}
.lgeai-wrapper .rs-tab-links > DIV.active > a {background: #fff; color: #a50034 !important; border: 1px solid #a50034;}

.rs-tab-links > * {position: relative;}
.rs-tab-links > .active:after {content: ""; position: absolute; width: 0; height: 0; left: 43%; bottom: -2rem; border: 0; border-style: solid; border-color: transparent; border-bottom: 0; border-top-color: #a50034; border-width: 2rem 2rem 0;}

.lgeai-wrapper .rs-tab-links > DIV a {color: white !important;}
.lgeai-wrapper .rs-tab-links > DIV:not(.active) > a:hover {background: #666 !important}
.lgeai-wrapper .rs-tab-links.with-images > DIV:not(.active) > a:hover {background: #fff !important}

.rs-tab-content {PADDING: 5px; DISPLAY: block;}

/* Tabs With Images */
.tab-links-with-images > div {height: 80px}
.tab-links-with-images > div > a {height: 100% !important}
.tab-links-with-images img {height: 100%}
.tab-links-with-images .rs-tab-links-text {left: 0; position: absolute; line-height: inherit; font-size: 320%; width: 100%; text-align: center; top: 30%; text-shadow: 0 0 15px black;}
@media screen and (max-width: 1300px) {
	.tab-links-with-images .rs-tab-links-text {font-size: 280%}
}
@media screen and (max-width: 1150px) {
	.tab-links-with-images .rs-tab-links-text {font-size: 200%}
}

/*  Mobile  */
.is-mobile .rs-tab-links {display: flex; flex-flow: row wrap;}
.is-mobile .rs-tab-links > .active {order: 1;}


/*****************/
/**  MAIN TABS  **/
/*****************/
.lgeai-wrapper .tab-section {margin: 0; margin-top: 2rem; background: #f5f5f7; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.lgeai-wrapper .lgeai-tab-wrapper {margin: 0; border-bottom: 1px solid #e5e5e5;}

body:not(.is-mobile) .lgeai-wrapper .tab-section > ul {max-width: 100%;}
.lgeai-wrapper .tab-section > ul > li {padding: 1rem; font-size: 2rem; width: auto; margin-left: 3rem; border-bottom: 3px solid #f5f5f7;}
.lgeai-wrapper .tab-section > ul > li:before {display: none;}
.lgeai-wrapper .tab-section > ul > li:hover {cursor: pointer;}
.lgeai-wrapper .tab-section > ul > li.active {border-bottom: 3px solid #a50034;}
.lgeai-wrapper .tab-section > ul > li > a {padding: 0; background: transparent; height: auto; font-size: 2.4rem;}
.lgeai-wrapper .tab-section > ul > li.active > a {color: #a50034 !important;}
.lgeai-wrapper .tab-section > ul > li.active > a:after {display: none;}

.lgeai-wrapper .tab-section ul li a {color: #666 !important;}
.lgeai-wrapper .tab-section ul li:not(.active):hover a {color: #222 !important;}


.lgeai-wrapper .lgeai-tab-wrapper.sticky {position: fixed; top: 0; left: 0; width: 100%; margin: 0; z-index: 299; box-shadow: 0 0.8rem .5rem -0.5rem #e5e5e5;}
.lgeai-wrapper .lgeai-tab-wrapper.sticky .tab-section {margin: 0;}
body:not(.is-mobile) .lgeai-wrapper .lgeai-tab-wrapper.sticky .tab-section ul {margin: 0 auto;}



/*  WORKING ON TABS  */
/* MOBILE */
.is-mobile .lgeai-wrapper .lgeai-tab-wrapper {width: 100%; margin: 2rem; margin-left: 0; overflow: hidden; border-bottom: 1px solid #e5e5e5; box-shadow: 0 0.8rem .5rem -0.5rem #e5e5e5;} /* height: 4.8rem;  */

.is-mobile .lgeai-wrapper .tab-section {position: relative; margin: 0; overflow: scroll;} /*  height: 5.8rem; */

.is-mobile .lgeai-wrapper .tab-section > ul {padding: 0; margin-top: 3px;}

.is-mobile .lgeai-wrapper .tab-section > UL > LI {display: inline-block; padding: 0; margin-left: 2rem;}

.is-mobile .lgeai-wrapper .tab-section > ul > li > a {font-size: 1.9rem; height:4rem; line-height:4rem;}



.is-mobile .lgeai-wrapper .tab-section > ul > li:not(.active) .icon-hamburger {display: none;}

.is-mobile .lgeai-wrapper .lgeai-tab-wrapper.sticky {position: fixed; top: 0; left: 0; width: 100%; margin-top: 0; z-index: 299;}


@media only screen and (min-device-width: 750px) {
// SETTINGS ARTICLES
.side-by-side > * {WIDTH: 45%; DISPLAY: inline-block; VERTICAL-ALIGN: top !important; padding: 10px}
}




.is-mobile .lgeai-wrapper UL, .is-mobile .lgeai-wrapper OL {padding-left: 1.7rem;}




/********************************/
/**  DECISION TREE NAVIGATION  **/
/********************************/
.lgeai-wrapper .step, .lgeai-wrapper .start {list-style: none; padding: 2rem; margin-bottom: 2rem; border: 1px solid #666;}
.lgeai-wrapper .answer-text {display: block; padding: 1rem 0;}
.lgeai-wrapper .answer-text > a {MARGIN: .3rem;}

/*  Mobile  */
.is-mobile .lgeai-wrapper ol.lgeai-dec-tree {padding: 0;}
.is-mobile .lgeai-wrapper .step, .is-mobile .lgeai-wrapper .start {padding: 1rem 1rem 0}

OL.lgeai-dec-tree OL {LIST-STYLE: decimal !important}
OL.lgeai-dec-tree OL OL {LIST-STYLE: lower-alpha !important}





/*****************/
/**    MODAL    **/
/*****************/


.ai-modal-overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    margin: 0;
}
.ai-modal-overlay.inside-modal {
    position: absolute;
    background: rgba(255,255,255,.9);
}
.ai-modal-overlay + .ai-modal-overlay {
    background: transparent;
}
.ai-modal-holder {
    position: relative;
    margin: 5% auto;	
    width: 80%;
    height: 80%;
    background: #fff;
    padding: 4rem;
    border-radius: 7px;
    overflow: hidden;
}
.ai-modal-overlay.inside-modal .ai-modal-holder {border: 2px solid #666;}
.ai-modal-scroll-holder {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 2rem;
}

.ai-modal-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    font-size: 2.5rem;
    text-decoration: none;
}
.ai-modal-close:focus, .ai-modal-close:hover {
    text-decoration: none;
}
.ai-modal-close > span {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
}
.ai-modal-close:before {
    font-family: lg-ai-icon;
    content: "\f133";
    color: #999;
}

.ai-modal-content {display: none;}
.ai-modal-holder .ai-modal-content {display: block;}



.is-mobile .lgeai-wrapper .ai-modal-overlay {
    margin: 0;
}
.is-mobile .ai-modal-holder {
    margin: 10% auto;	
    width: 90%;
    padding: 2.5rem;
}
.is-mobile .ai-modal-close {
    top: .1rem;
    right: .5rem;
}



/***********************/
/**    Slider         **/
/***********************/
.slide-title {
text-align: center;
margin: 3rem;
font-size: 3.3rem;
}



	.lgeai-wrapper .slide-wrapper {position: relative; MARGIN: 0px auto; display: block; overflow: hidden;}
	.lgeai-wrapper .slider {position: relative; width: 70%; margin: 0 auto;}
	.lgeai-wrapper .slider.no-shadow > .slide {box-shadow: 0 0 0 0 #fff;}
	.lgeai-wrapper .slide {position: absolute; display: inline-block; overflow: hidden; left: 0; top: 0; z-index: 1; width: 100%; transition: all 1s ease; box-shadow: 0 0 20px 0 #bbb;}
	.lgeai-wrapper .slide > * {width: 100%;}
	.lgeai-wrapper .slide.active {position: relative; z-index: 2;}
	.lgeai-wrapper .slide.left {z-index: 3; transform: translateX(-200%);}
	.lgeai-wrapper .slide.right {z-index: 3; transform: translateX(200%);}
	.lgeai-wrapper .as-list .slide.right, .lgeai-wrapper .as-list .slide.left {transform: translateX(0);}
	.lgeai-wrapper .slide > IMG {transition: all .7s ease; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease} /*WIDTH: 527px; HEIGHT: 300px; */
	.lgeai-wrapper .slide-caption {BACKGROUND-COLOR: #fff; width: 70%; margin: 0 auto; display: block; padding: 2rem; color: #666; border-radius: 5px;} /*border: 1px solid #bbb;*/
/*
	.lgeai-wrapper .slide-span > DIV {DISPLAY: none}
	.lgeai-wrapper .slide-span > DIV.active {DISPLAY: block}
	.lgeai-wrapper .slide-span p {margin: 0;}
*/
	.lgeai-wrapper .slider-list-btn {display: block; width: 100%; text-align: center; font-size: 130%;}
	.lgeai-wrapper .slider-home {POSITION: absolute; WIDTH: 50px; BOTTOM: 0px; LEFT: 45%}
	.collapse {display: none;}


/*  Slide Caption  */
	.lgeai-wrapper .slide-span {position: relative;}
	.lgeai-wrapper .slide-span > * {position: absolute; display: inline-block; overflow: hidden; left: 0; top: 0; z-index: 1; width: 100%; transition: all 1s ease;}
	.lgeai-wrapper .slide-span > *.active {position: relative; z-index: 2;}
	.lgeai-wrapper .slide-span > *.left {z-index: 3; transform: translateX(-200%);}
	.lgeai-wrapper .slide-span > *.right {z-index: 3; transform: translateX(200%);}
	.lgeai-wrapper .as-list .slide-span > *.right, .lgeai-wrapper .as-list .slide-span > *.left {transform: translateX(0);}




.lgeai-wrapper .slide-wrapper .btn {position: absolute; bottom: 0; top: 0; width: 15%; z-index: 4; background: transparent; color: transparent !important; transition: color 1s ease;}
.lgeai-wrapper .slide-wrapper .btn.slider-home {display: none;}
.lgeai-wrapper .slide-wrapper .btn:before {font-size: 8rem; top: 30%; width: 100%; position: absolute; color: #666; font-family: lg-ai-icon; transition: color 1s ease;}
.lgeai-wrapper .slide-wrapper .btn:after {font-size: 3rem; top: 30%; margin-top: 2.5rem; width: 100%; position: absolute; color: #666; transition: color 1s ease;}

.lgeai-wrapper .slider-left {right: 100%;}
.lgeai-wrapper .slider-right {left: 100%;}
.lgeai-wrapper .slider-left:before {content: "\f10e"; left: 0;}
.lgeai-wrapper .slider-right:before {content: "\f10b"; right: 0;}
.lgeai-wrapper .slider-left:after {content: "Back"; left: 15%;}
.lgeai-wrapper .slider-right:after {content: "Next"; right: 15%;}


.lgeai-wrapper .slide-wrapper .btn:hover:before {color: #a50034;}
.lgeai-wrapper .slide-wrapper .btn:hover:after {color: #a50034;}


/*  AS LIST  */
.lgeai-wrapper .slide-wrapper.as-list {width: 70%; height: auto;}
.lgeai-wrapper .slide-wrapper.as-list > .btn {display: none;}
.lgeai-wrapper .slide-wrapper.as-list .slide-caption {display: none;}
.lgeai-wrapper .slide-wrapper.as-list .dot-holder {display: none;}
.lgeai-wrapper .slide-wrapper.as-list .slider {position: relative; width: auto; height: auto; left: 0 !important;}
.lgeai-wrapper .slide-wrapper.as-list .slide {position: relative; display: block; float: none; width: 90%; margin: 0 auto; padding: 2rem; height: auto; border-bottom: 1px solid #a50034; margin-bottom: 3rem;}
.lgeai-wrapper .slide-wrapper.as-list .slide-title {text-align: left; margin-left: 0; color: #a50034; font-family: "LG Smart";}
.lgeai-wrapper .slide-wrapper.as-list .slide-progress {display: none;}


/* DOTS */
.lgeai-wrapper .dot-holder {display: block; bottom: 0; width: 100%; height: 3em; text-align: center;}
.lgeai-wrapper .dot-holder .ai-dots {display: inline-block; height: 3em; margin: 0 auto;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot {display: inline-block; margin: .7em;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot:hover, .lgeai-wrapper .dot-holder .ai-dots .ai-dot:focus {text-decoration: none;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot.play-pause {height: 2.4rem; width: 2rem; vertical-align: middle;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot.play-pause.pause {background: url(/lg4-common/img/common/hero-dot-play.png) center no-repeat;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot.play-pause.play {background: url(/lg4-common/img/common/hero-dot-pause.png) center no-repeat;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot .icon {color: #fff; text-shadow: -1px -1px 0 #4b4b4b, 1px -1px 0 #4b4b4b, -1px 1px 0 #4b4b4b, 1px 1px 0 #4b4b4b;}
.ie9 .lgeai-wrapper .dot-holder .ai-dots .ai-dot .icon {width: 1.8rem; height: 1.8rem; background: url(/lg4-common/img/common/hero-dot-default-large.png) center no-repeat !important; }
.lgeai-wrapper .dot-holder .ai-dots .ai-dot.active .icon {color: #a50034;}
.ie9 .lgeai-wrapper .dot-holder .ai-dots .ai-dot.active .icon {background: url(/lg4-common/img/common/hero-dot-active-large.png) center no-repeat !important;}


/* Progress Bar */
.lgeai-wrapper .slide-progress {width: 70%; height: .5rem; margin: 0 auto; display: block; -webkit-appearance: none; appearance: none; color: #a50034;}
.lgeai-wrapper .slide-progress::-webkit-progress-bar {background: #eee; border-radius: 5px; box-shadow: 0 0 10px 0 #666 inset;}
.lgeai-wrapper .slide-progress::-webkit-progress-value {background: #a50034; border-radius: 5px;}



/*  MOBILE  */
.is-mobile .lgeai-wrapper .slide {position: relative;}
.is-mobile .lgeai-wrapper .slide-caption {width: 100%; border: 0; padding: 0;}
.is-mobile .lgeai-wrapper .slide-span > div {position: relative; display: block; border-bottom: 1px solid #a50034; padding: 8% 1%;}
.is-mobile .lgeai-wrapper .slide-span > div:last-child {border-bottom: none;}
.is-mobile .lgeai-wrapper .slide-span > div img {padding-top: 1%; padding-bottom: 1%;}
.is-mobile .lgeai-wrapper .slide-span > div .slide-label {width: 100%; text-align: center; color: gray}

.is-mobile .lgeai-wrapper .slide-wrapper .btn, .lgeai-wrapper .slide-wrapper .collapse {display: none;}
.is-mobile .lgeai-wrapper .slide-wrapper .mobile-slide-text * {font-size: 12pt;}
.is-mobile .lgeai-wrapper .slide-wrapper .mobile-slide-text img {width: 30px; height: 30px;}



/*  GRID  */
.ai-grid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

@media (min-width: 768px) {.ai-grid {width: 100%;}}
@media (min-width: 992px) {.ai-grid {width: 100%;}}
@media (min-width: 1200px) {.ai-grid {width: 100%;}}
.ai-grid-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.ai-grid-box {margin-right: -15px;margin-left: -15px;}

.ai-xsml-1, .ai-sml-1, .ai-med-1, .ai-lrg-1, .ai-xsml-2, .ai-sml-2, .ai-med-2, .ai-lrg-2, .ai-xsml-3, .ai-sml-3, .ai-med-3, .ai-lrg-3, .ai-xsml-4, .ai-sml-4, .ai-med-4, .ai-lrg-4, .ai-xsml-5, .ai-sml-5, .ai-med-5, .ai-lrg-5, .ai-xsml-6, .ai-sml-6, .ai-med-6, .ai-lrg-6, .ai-xsml-7, .ai-sml-7, .ai-med-7, .ai-lrg-7, .ai-xsml-8, .ai-sml-8, .ai-med-8, .ai-lrg-8, .ai-xsml-9, .ai-sml-9, .ai-med-9, .ai-lrg-9, .ai-xsml-10, .ai-sml-10, .ai-med-10, .ai-lrg-10, .ai-xsml-11, .ai-sml-11, .ai-med-11, .ai-lrg-11, .ai-xsml-12, .ai-sml-12, .ai-med-12, .ai-lrg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
.ai-xsml-1, .ai-xsml-2, .ai-xsml-3, .ai-xsml-4, .ai-xsml-5, .ai-xsml-6, .ai-xsml-7, .ai-xsml-8, .ai-xsml-9, .ai-xsml-10, .ai-xsml-11, .ai-xsml-12 {
  float: left;
}
.ai-xsml-12 {width: 100%;}
.ai-xsml-11 {width: 91.66666667%;}
.ai-xsml-10 {width: 83.33333333%;}
.ai-xsml-9 {width: 75%;}
.ai-xsml-8 {width: 66.66666667%;}
.ai-xsml-7 {width: 58.33333333%;}
.ai-xsml-6 {width: 50%;}
.ai-xsml-5 {width: 41.66666667%;}
.ai-xsml-4 {width: 33.33333333%;}
.ai-xsml-3 {width: 25%;}
.ai-xsml-2 {width: 16.66666667%;}
.ai-xsml-1 {width: 8.33333333%;}
@media (min-width: 768px) {
  .ai-sml-1, .ai-sml-2, .ai-sml-3, .ai-sml-4, .ai-sml-5, .ai-sml-6, .ai-sml-7, .ai-sml-8, .ai-sml-9, .ai-sml-10, .ai-sml-11, .ai-sml-12 {float: left;}
  .ai-sml-12 {width: 100%;}
  .ai-sml-11 {width: 91.66666667%;}
  .ai-sml-10 {width: 83.33333333%;}
  .ai-sml-9 { width: 75%;}
  .ai-sml-8 {width: 66.66666667%;}
  .ai-sml-7 {width: 58.33333333%;}
  .ai-sml-6 {width: 50%;}
  .ai-sml-5 {width: 41.66666667%;}
  .ai-sml-4 {width: 33.33333333%;}
  .ai-sml-3 {width: 25%;}
  .ai-sml-2 {width: 16.66666667%;}
  .ai-sml-1 {width: 8.33333333%;}
  .pull-up-7 {margin-top: -7rem;}
}
@media (min-width: 992px) {
  .ai-med-1, .ai-med-2, .ai-med-3, .ai-med-4, .ai-med-5, .ai-med-6, .ai-med-7, .ai-med-8, .ai-med-9, .ai-med-10, .ai-med-11, .ai-med-12 {float: left;}
  .ai-med-12 {width: 100%;}
  .ai-med-11 {width: 91.66666667%;}
  .ai-med-10 {width: 83.33333333%;}
  .ai-med-9 {width: 75%;}
  .ai-med-8 {width: 66.66666667%;}
  .ai-med-7 {width: 58.33333333%;}
  .ai-med-6 {width: 50%;}
  .ai-med-5 {width: 41.66666667%;}
  .ai-med-4 {width: 33.33333333%;}
  .ai-med-3 {width: 25%;}
  .ai-med-2 {width: 16.66666667%;}
  .ai-med-1 {width: 8.33333333%;}
}
	
@media (min-width: 1200px) {
  .ai-lrg-1, .ai-lrg-2, .ai-lrg-3, .ai-lrg-4, .ai-lrg-5, .ai-lrg-6, .ai-lrg-7, .ai-lrg-8, .ai-lrg-9, .ai-lrg-10, .ai-lrg-11, .ai-lrg-12 {float: left;}
  .ai-lrg-12 {width: 100%;}
  .ai-lrg-11 {width: 91.66666667%;}
  .ai-lrg-10 {width: 83.33333333%;}
  .ai-lrg-9 {width: 75%;}
  .ai-lrg-8 {width: 66.66666667%;}
  .ai-lrg-7 {width: 58.33333333%;}
  .ai-lrg-6 {width: 50%;}
  .ai-lrg-5 {width: 41.66666667%;}
  .ai-lrg-4 {width: 33.33333333%;}
  .ai-lrg-3 {width: 25%;}
  .ai-lrg-2 {width: 16.66666667%;}
  .ai-lrg-1 {width: 8.33333333%;}
}

.clearfix:before,
.clearfix:after,
.ai-grid:before,
.ai-grid:after,
.ai-grid-fluid:before,
.ai-grid-fluid:after,
.ai-grid-box:before,
.ai-grid-box:after {
  display: table;
  content: " ";
}
	
.clearfix:after,
.ai-grid:after,
.ai-grid-fluid:after,
.ai-grid-box:after{clear: both;}
.center-block {display: block;margin-right: auto;margin-left: auto;}
.center{text-align: center;}



/*  BOTTOM BANNER  */
.ai-banner-area {
    display: flex;
}
.ai-banner-area > *:first-child {
    margin-right: 1rem;
}

.is-mobile .ai-banner-area {
    flex-flow: row wrap;
}
.is-mobile .ai-banner-area > * {
    width: 100%;
}
.is-mobile .ai-banner-area > *:first-child {
    margin-right: 0;
}