/* Standard LGEAI Help Library Article Styles */
@font-face{font-family:lg-ai-icon;src:url(/ca_en/content/html/assets/icons/lg-ai-icon.eot?7611362541596f5c64c714af047838bb);src:url(/ca_en/content/html/assets/icons/lg-ai-icon.eot?#iefix) format("embedded-opentype"),url(/ca_en/content/html/assets/icons/lg-ai-icon.woff?7611362541596f5c64c714af047838bb) format("woff"),url(/ca_en/content/html/assets/icons/lg-ai-icon.ttf?7611362541596f5c64c714af047838bb) format("truetype"),url(/ca_en/content/html/assets/icons/lg-ai-icon.svg?7611362541596f5c64c714af047838bb#lg-icon) format("svg");font-weight:400;font-style:normal}
.fake-wrapper .modal-layer .content-feedback {display: none;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.content-header > .title, .content-feedback h3 {COLOR: #a50034 !important;}
.content {padding-top: 0px !important;}
.content-view-detail .content .content-description {padding: 0;}
.is-mobile .content-view-detail .content .content-description {width: 100%; display: block;}
.modal .content-view-detail .content .content-description {width: 100%;}
.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;}
/********************/
/* Related Content */
/********************/
.related-holder {display:none}
.content-view-detail .content .related-holder {border-top: 1px solid #bbb; padding-left: 0; margin: 6rem 0;}
.content-view-detail .content .related-holder .related-title {padding: 1rem;background: #fafafa;color: #555;margin-top: 1px;}
.content-view-detail .content .related-holder .related-title > * {font-weight: bold;}
.content-view-detail .content .related-holder .related-search {padding: 1rem 0 2rem; background: #fafafa;}
.content-view-detail .content .related-holder .related-search #article-form {position: relative; padding: 0 1rem;}
.content-view-detail .content .related-holder .related-search input {display: inline-block;vertical-align: middle;padding: .45rem 1rem;border-radius: 7px;border: 1px solid #bbb;width: 100%; font-size: 2rem; box-shadow: 0 0 5px 0 #bbb;}
.content-view-detail .content .related-holder .related-search .btn {display: block; vertical-align: middle; padding: 0; margin: 0; height: 0; overflow: hidden;}
.content-view-detail .content .related-holder .related-search .btn:before {position: absolute; font-family: lg-ai-icon!important; content: "\f17c"; color: #bbb; top: 0; right: 0; font-size: 2rem; padding: .8rem 2rem;}
.content-view-detail .content .related-holder .related-body {position: relative;}
.content-view-detail .content .related-holder .related-body .hidden-spinner {display: none; position: absolute; text-align: center; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.4);}
.content-view-detail .content .related-holder .related-body .hidden-spinner > p {position: relative; display: block; width: 100%; height: 100%;}
.content-view-detail .content .related-holder .related-body .hidden-spinner.active {display: block;}
.content-view-detail .content .related-holder .related-body .guide-area {padding-top: 0; border-top: 1px solid #bbb;}
.content-view-detail .content .related-holder .related-body .guide-area .sorting-area {padding: 0;text-align: left; background: #fff; border: none; display: inline-block; width: 40%;}
.content-view-detail .content .related-holder .related-body .guide-area .sorting-area .sort {padding: 1rem; margin: 0;}
.content-view-detail .content .related-holder .related-body .guide-area .sorting-area label {display: inline-block; vertical-align: middle; padding: 0;}
.content-view-detail .content .related-holder .related-body .guide-area .sorting-area .selectbox-wrap {display: inline-block; vertical-align: middle; width: auto;}
.content-view-detail .content .related-holder .related-body .guide-area .sorting-area .selectbox {height: 30px}
.related-body .guide-area .guide-list ul {display: inline-block; display: flex;}
.related-body .guide-area .guide-list li {padding: 1rem 0 1rem 1rem; display: flex; border: none;}
.related-body .guide-area .guide-list li:last-child {padding: 1rem;}
.related-body .guide-area .guide-list li .category {padding: 0; text-align: left;}
.related-body .guide-area .guide-list li .category .date {position: relative;}
.related-body .guide-area .guide-list li .info {padding: 1rem; border-radius: 7px; border: 1px solid #bbb;}
.related-body .guide-area .guide-list li .info .title {font-size: 1.7rem; color: #a50034; line-height: 18px;}
.related-body .guide-area .guide-list li .info .title a {color: #a50034; line-height: 18px;}
.related-body .guide-area .guide-list li .info .account {font-size: 1.5rem; line-height: 2rem; max-height: 75px; overflow: hidden;}
.related-body .guide-area .guide-list>ul>li .info .category {line-height: 15px;}
.related-body .guide-area .guide-list>ul>li .info .date {font-size: 15px; color: #666;}
.related-body .guide-area .pagination {padding: 1rem; margin: 0; display: inline-block; width: 55%;}
.related-body .guide-area .pagination ul {margin-top: 1rem;}
/** Mobile **/
.is-mobile .related-body .guide-area .guide-list ul {flex-flow: row wrap; padding-left: 1rem;}
.is-mobile .related-body .guide-area .guide-list li {flex-basis: 50%; padding: 1rem 1rem 1rem 0;}
.is-mobile .related-body .guide-area .guide-list li:last-child {padding: 1rem 1rem 1rem 0;}
.is-mobile .content-view-detail .content .related-holder .related-body .guide-area .sorting-area, .is-mobile .related-body .guide-area .pagination {display: block; width: 100%;}
/** IE **/
.ie9 .related-body .guide-area .guide-list li, .ie11 .related-body .guide-area .guide-list li {display: inline-block; width: 19%;}
.ie9 .related-body .guide-area .guide-list li .info, .ie11 .related-body .guide-area .guide-list li .info {width: 100%;}
/********************/
/* General Styles */
/********************/
.lgeai-wrapper > * {/* margin-left: 3rem; *//* margin-right: 3rem; */padding: 0;}
.lg-red {color: #a50034 !important;}
.lgeai-wrapper {/* max-width: 1200px; */margin: 0 auto;font-size: 18px;}
.lgeai-wrapper a {COLOR: #a50034 !important; CURSOR: pointer !important;}
.lgeai-wrapper p{line-height: 30px;font-size: 18px;}
.lgeai-wrapper h2 {font-weight: normal;}
.lgeai-wrapper strong{font-family: "LG Smart Bold"}
.lgeai-wrapper IMG {VERTICAL-ALIGN: middle !important;}
.lgeai-wrapper iframe{}
.lgeai-wrapper .ai-grid-box img{width:100%}
.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;margin-top: 1rem;}
.lgeai-wrapper ol ol li {list-style: lower-alpha; margin-left: 30px; padding-left:10px}
.lgeai-wrapper ol ol ol {list-style: lower-roman;}
.lgeai-wrapper ul {list-style: disc;padding-left: 40px;margin: 20px 0;}
.lgeai-wrapper ul li{
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: 16px;display: block;background: #f4f5f7;border: 1px solid #bbb;margin: 10px 0!important;padding: 10px !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: #000 !important;background: #fff; border: solid 1px}
.lgeai-wrapper .btn:hover{
background: #a50034;
border: solid 1px #a50034;
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-m-0 {margin: 0;}
.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-p-0 {padding: 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; width: 100%;}
.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;align-items: center;display: none;}
.lgeai-wrapper .AuthorBox > * {max-width: 700px}
.lgeai-wrapper div.AuthorBox p {font-size: 1.3rem;/* line-height:1.7rem; *//* vertical-align: middle; */}
.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;display: none;}
.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: 4rem;
/* border-bottom: 1px solid #bbb; */
margin-left: 0;
}
.lgeai-wrapper .big-list > li:before {
content: counter(item);
counter-increment: item;
display: inline-block;
color: #a50034;
font-size: 3rem;
font-family: "LG Smart Bold",arial;
margin-left: -50px;
padding-right: 0.8rem;
max-width: 20%;
line-height: initial;
}
.lgeai-wrapper .big-list > li:after {
content: "";
display: table;
clear: both;
}
.lgeai-wrapper .big-list .lgeai-list-title:first-child{
/* margin-left: -48px; */
}
.lgeai-wrapper .lgeai-list-title {
display: inline-block;
max-width: 80%;
font-size: 3rem;
font-family: "LG Smart Regular",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: 2.5rem;
}
.is-mobile .lgeai-wrapper .lgeai-list-title {
font-size: 2rem;
/* font-family: "LG Smart"; */
line-height: 90%;
}
/**************************/
/** Accordions **/
/**************************/
/* LGEAI FAQ CSS */
.lgeai-accord {margin: 0!important;padding: 0!important;margin-bottom: 2rem;}
.lgeai-accord-item {POSITION: relative;MARGIN: .5rem 0;list-style: none !important;}
.lgeai-accord-link {position: relative;background: #f4f5f7;border-top: 1px solid #bbb;border-bottom: 1px solid #bbb;padding: 0.7rem 2rem 0.7rem;font-size: 1.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 {border: solid 2px;
border-right: 0;
border-bottom: 0;
transform: rotate(-138deg);
width: 12px;
height: 12px; 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; transform: rotate(45deg);}
.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;}
.lgeai-wrapper .tab-section > ul, .lgeai-wrapper .tab-section > ul > li {margin: 0; padding: 0; list-style: none;}
body:not(.is-mobile) .lgeai-wrapper .tab-section > ul {max-width: 100%;}
.lgeai-wrapper .tab-section > ul:after {display: block; clear: both; content: "";}
.lgeai-wrapper .tab-section ul li {display: table; float: left; position: relative;}
.lgeai-wrapper .tab-section > ul > li {padding: 10px;font-size: 16px;width: auto;margin-left: 1rem;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 {display: table-cell; width: 100%; position: relative; text-align: center; text-decoration: none; vertical-align: middle;}
.lgeai-wrapper .tab-section > ul > li > a {padding: 0;background: transparent;height: auto;font-size: 20px;}
.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: 1rem;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: 1rem;}
.is-mobile .lgeai-wrapper .tab-section > ul > li > a {font-size: 1rem;height: 2rem;line-height: 2rem;}
.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 .start{
box-shadow: none;
}
.lgeai-wrapper .answer-text {display: block; padding: 1rem 0;}
.lgeai-wrapper .answer-text > a {MARGIN: .3rem;}
.lgeai-wrapper .answer-text > a:focus {outline: 1px dotted blue;}
.lgeai-wrapper .answer-text > a.selected{background: #a50034; border-color:#333; color:#fff!important}
.lgeai-wrapper .answer-text > a.not-selected {border-color: #999;}
.lgeai-wrapper .answer-text > a.not-selected img{opacity: 0.5}
/* 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}
ol.lgeai-dec-tree{
counter-reset: item;
}
.is-mobile .lgeai-wrapper .step, .is-mobile .lgeai-wrapper .start {
position: relative;
padding-top: 3rem;
margin-top: 4rem;
margin-bottom: 0;
}
li.question {
background: #fff;
border: none;
/* border-radius: 1.5rem; */
/* box-shadow: 2px 2px 1px #e1e1e1; */
position: relative;
}
li.question::before {
counter-increment: item;
content: counter(item);
display: inline-block;
font-size: 4rem;
max-width: 20%;
z-index: 2;
padding: 0 1rem 0 0;
}
li.question.no-question::before{display:none;}
.is-mobile li.question::before {
top: -25px;
left: 0;
right: 0;
margin: 0;
margin-left: auto;
margin-right: auto;
color: #fff;
font-size: 4rem;
border-radius: 50%;
padding: 0;
height: 50px;
width: 50px;
background: #737373;
text-align: center;
}
/*****************/
/** 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: 1rem;font-size: 1.5rem;}
.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: solid 1px #ccc;box-shadow: 0px 0px 4px 1px #ccc;margin-bottom: 10px;} /*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 { content:""; border: solid 3px;
border-right: 0;
border-bottom: 0;
transform: rotate(311deg);
width: 20px;
height: 20px;font-size: 40px;top: 50%;position: absolute;color: #a50035;transition: color 1s ease; text-shadow: none!important;}
.lgeai-wrapper .slide-wrapper .btn:after {font-size: 16px;top: 50%;margin-top: 0;width: 100%;position: absolute;color: #a50034;transition: color 1s ease;}
.lgeai-wrapper .slider-left {right: 100%;}
.lgeai-wrapper .slider-right {left: 100%;}
.lgeai-wrapper .slider-left:before {content: ""; left: 18px;}
.lgeai-wrapper .slider-right:before {content: ""; right: 18px; transform: rotate(131deg)!important;}
.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;box-sizing: border-box;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot {display: inline-block;margin: .7em;}
.lgeai-wrapper .dot-holder .ai-dots .ai-dot .icon-text{display:none;}
.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: 24px;width: 2rem;vertical-align: top;padding: 0;box-sizing: border-box;}
.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;border: solid 1px #000;border-radius: 50%;width: 15px;height: 15px;display: inline-block;}
.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;background: #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;}
.ie9 .lgeai-wrapper .lgeai-box-hover, .ie10 .lgeai-wrapper .lgeai-box-hover{display:block; float: left}
/* 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 > * {
display: inline-block;
width: 49%;
vertical-align: middle;
}
.ai-banner-area > *:first-child {
margin-right: 1%;
}
.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;
}
/**********************************
ADS
**********************************/
.is-mobile .support-content .content-view-detail.smartthinq-link {
padding-top:0;
}
.smarthinq-link.gradient-top{
background-size: 100% 150px;
}
.smarthinq-link-section {
position: relative;
margin-bottom: 2rem;
background: url("/ca_en/content/img/SmartThinQ-Ad-Background.jpg");
background-size: 100%;
background-repeat: no-repeat;
height:100px;
}
.smarthinq-link-section img {
width: 100%;
}
.smartthinq-text {
position: absolute;
top: 0;
right: 0;
max-width: 55%;
padding-top: 0.5rem;
}
.smartthinq-text h1 {
font-size: 3.2rem;
font-weight: bold;
}
.smartthinq-text p {
margin: 0;
line-height: 2.5rem;
width: 70%;
}
.smartthinq-text .btn {
position: absolute;
right: 2%;
bottom: 5%;
padding: 0.5rem 2rem;
}
@media screen and (max-width: 1150px){
.smartthinq-text h1 {
font-size: 2.7rem;
padding-right:0.5rem;
}
.smartthinq-text p {
width:70%;
font-size:1.7rem;
line-height:2rem
}
.smartthinq-text .btn{
font-size:1.5rem;
}
}
@media screen and (max-width: 925px){
.smarthinq-link-section{
margin-bottom:0;
background-size: cover;
}
.smartthinq-text {
width: 50%;
padding-top:0.3rem;
}
.smartthinq-text h1 {
font-size: 2.4rem;
font-weight:bolder;
}
.smartthinq-text p {
width:73%;
font-size:1.8rem;
}
.smartthinq-text .btn{
font-size:1.3rem;
}
}
@media screen and (max-width: 812px){
.smartthinq-text {
padding-top:0.3rem;
width:40%;
}
.smartthinq-text p {
display:none;
}
.smartthinq-text .btn{
font-size: 1.6rem;
position: relative;
margin-top:0.5rem;
text-align:center;
right: unset;
}
}
@media screen and (max-width:500px){
.smartthinq-text h1, .smartthinq-text p {
display:none;
}
.smartthinq-text .btn{
margin-top:0.3rem;
margin-left:2rem;
margin-right:1rem;
right:0;
}
.smarthinq-link-section {
position: relative;
height: 40px;
background-size: 130%;
background-position-y: 60%;
}
}
/* PARTS ADS */
.parts-link-section {
display: block;
position: relative;
margin-bottom: 3rem;
overflow: hidden;
cursor: pointer;
box-shadow: 0 0 5px 0 #bbb;
background-image: url("/ca_en/content/img/support/help-library/Register.jpg");
background-size: 100%;
background-repeat: no-repeat;
}
.parts-image{
/* display:none; */
}
.parts-image > img {
width: 100%;
}
.parts-text {
position: absolute;
top: 17%;
left: 2%;
width: 68%;
padding: 0.5rem;
text-transform: uppercase;
/* text-align: center; */
}
.parts-text > h1 {
color: #fff;
/* text-shadow: 0 0 5px #fff; */
font-size: 2.5rem;
/* letter-spacing: 2px; */
/* font-family: LG Smart; */
}
.parts-text .product-name{
/* font-family: LG Smart; */
/* FONT-WEIGHT: bolder; */
}
.parts-text > p {
margin: 0;
color: #fff;
display: inline-block;
margin-right: 1rem;
vertical-align: middle;
letter-spacing: 8px;
}
.lgeai-tab-wrapper .tab-instructions {
width: 0;
height: 0;
overflow: hidden;
margin: 0;
}
@media screen and (max-width: 1100px) {
.parts-text > h1 {
font-size: 1.8rem;
}
}
@media screen and (max-width: 1000px) {
.parts-text > p {
font-size: 0.6rem;
letter-spacing: 6px;
}
}
@media screen and (max-width: 900px) {
.parts-text > h1 {
font-size: 1.4rem;
}
}
@media screen and (max-width: 700px) {
.parts-text > h1 {
font-size: 1.0rem;
}
.parts-text{padding: 0.25rem;}
}
@media screen and (max-width: 500px) {
.parts-text > h1 {
font-size: 0.8rem;
}
.parts-text > p {
font-size: 0.5rem;
letter-spacing: 4px;
}
}
@media screen and (max-width: 400px) {
.parts-text > h1 {
font-size: 0.6rem;
}
.parts-text > p {
font-size: 0.5rem;
/* margin-top: -10px; */
}
}
.is-mobile .content-view-detail.parts-link {padding-top: 0;}
.is-mobile .parts-link-section {margin: 0rem;border-radius: 7px;min-height: 180px;background: #a50034;background-image: url("/ca_en/content/img/support/help-library/Register-mobile.jpg");background-size: 100%;background-repeat: no-repeat;margin-bottom: 30px;}
.is-mobile .parts-text {
/* font-size: 1rem; */
padding: 0 .5rem;
/* background: #fff; */
border-radius: 7px;
text-align: center;
top: auto;
left: 0;
right:0;
bottom: 10%;
width: auto;
color: #fff;
padding-top: 0rem;
}
.is-mobile .parts-link-section .parts-image{
display: none;
}
.is-mobile .register-your,
.is-mobile .product-name{
font-size: 2rem;
line-height: 0.8;
display: unset;
margin: 0;
margin-top: 30px;
}
.is-mobile .parts-text-box {
letter-spacing: 3px;
font-size: 1rem;
}
.is-mobile .parts-text > h1 {font-size: 1rem;/* font-weight: bold; */}
.is-mobile .parts-text > p {display: block;}
.is-mobile .parts-text > .red {color: #a50034;}
.is-mobile .parts-text > .shop-now {font-size: 1.3rem; color: #a50034;}
/* FORUM ADS */
.forum-link-section {
display: block;
position: relative;
margin: 2rem 0;
overflow: hidden;
cursor: pointer;
box-shadow: 0 0 5px 0 #bbb;
}
.forum-image > img {
width: 100%;
}
.forum-text {
position: absolute;
top: 15%;
left: 25%;
width: 50%;
/* padding: 0.5rem; */
text-align: center;
}
.forum-text > h1 {
color: #a50034;
text-shadow: 0 0 5px #fff;
font-size: 3rem;
}
.forum-text > p {
margin: 0;
color: #333;
display: inline-block;
margin-right: 1rem;
vertical-align: middle;
font-size: 16px;
}
@media screen and (max-width: 1100px) {
.forum-text > h1 {
font-size: 2rem;
}
}
@media screen and (max-width: 1000px) {
.forum-text > p {
font-size: 0.8rem;
}
}
@media screen and (max-width: 900px) {
.forum-text > h1 {
font-size: 1.8rem;
}
}
@media screen and (max-width: 700px) {
.forum-text > h1 {
font-size: 1.3rem;
}
.forum-text{width:70%;left: 15%;}
.forum-text > p{
margin-top: -10px;
font-size: 0.6rem;
}
}
@media screen and (max-width: 500px) {
.forum-text > h1 {
font-size: 0.8rem;
}
.forum-text > p{
font-size: .5rem;
}
}
.is-mobile .content-view-detail.forum-link {padding-top: 0;}
.is-mobile .forum-link-section {margin: 1rem 0;background-image: url("https://lgcommunity.us.com/themes/LG-Mobile-2/images/community-mobile-banner.jpg");min-height: 177px;background-repeat: no-repeat;background-size: 100%;background-position-y: bottom;border-radius: 5px;border: solid 1px #ccc;box-shadow: 0 0 3px 0 #bbb;}
.is-mobile .forum-image{display:none;}
.is-mobile .forum-text {padding: .25rem;left: 15%;width: 70%;}
.is-mobile .forum-text > h1 {font-size: 1.5rem;/* font-weight: bold; */}
.is-mobile .forum-text > p {border-radius: 7px;background: rgba(255,255,255,.9);/* display: none; */font-size: 14px;margin: 0;padding: 2px 5px;}
/* MOBILE SLIDER THAT CAN BE USED ON HELP LIBRARY
* Author: Sanmi
* Remember to add the /ca_en/content/js/support/tiny-slider.js
*
*/
.lg-smartphone-portrait .swiper-container {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.lg-smartphone-portrait .tns-horizontal.tns-subpixel {
background: transparent;
}
.lg-smartphone-portrait .swiper-slide {
background-position: center;
background-size: cover;
height: 100%;
min-height: 480px;
}
.lg-smartphone-portrait .tns-outer {
position: relative;
text-align: center;
height: 100%;
}
.lg-smartphone-portrait .tns-outer button[data-action="start"],
.lg-smartphone-portrait .tns-outer button[data-action="stop"],
.lg-smartphone-portrait .tns-controls button[data-controls="prev"],
.lg-smartphone-portrait .tns-controls button[data-controls="next"] {
position: absolute;
bottom: 38%;
-webkit-appearance: caret;
background: #fff;
border-radius: 50%;
color: #a50034;
/* box-shadow: 0px 0px 10px #a50034; */
z-index: 99;
width: 50px;
height: 50px;
}
.lg-smartphone-portrait .tns-outer button[data-action="start"],
.lg-smartphone-portrait .tns-outer button[data-action="stop"] {
bottom: 10%;
margin-left: auto;
margin-right: 1%;
left: 0;
right: 0;
}
.lg-smartphone-portrait .tns-controls button[data-controls="prev"] {
left: 1%
}
.lg-smartphone-portrait .tns-controls button[data-controls="next"] {
right: 1%
}
.lg-smartphone-portrait .tns-controls .next,
.lg-smartphone-portrait .tns-controls .prev {
font-size: 2rem;
line-height: 1;
}
.lg-smartphone-portrait .tns-nav > .tns-nav-active {
background: #999;
}
.lg-smartphone-portrait .tns-nav button {
width: 9px;
height: 9px;
padding: 0;
margin: 0 5px;
border-radius: 50%;
background: #ddd;
border: 0;
}
.lg-smartphone-portrait .tns-horizontal.tns-subpixel>.tns-item {
background: transparent;
color: #fff;
position: relative
}
.lg-smartphone-portrait .item.tns-item > p {
padding: 10px;
position: absolute;
bottom: 5%;
left: 0;
right: 0;
color: #000;
}
.lg-smartphone-portrait .swiper-slide {
width: unset;
padding-top: 35%;
}
.lg-smartphone-portrait .slider-section-icon {
cursor: pointer;
}
.lg-smartphone-portrait .slider-section-icon img {
max-height: 200px;
width: auto;
}
/*Mobile Smartphone and Slide*/
.lg-smartphone-portrait .wrap-phone {
max-width: 300px;
width: 100%;
margin: auto;
position: relative;
z-index: 30;
}
.lg-smartphone-portrait .wrap-phone .frame {
width: 100%;
position: relative;
z-index: 31;
pointer-events: none;
}
.lg-smartphone-portrait .wrap-phone .frame img {
max-width: 100%;
display: block;
}
.lg-smartphone-portrait .frame-bg {
position: absolute !important;
top: 0;
z-index: 20;
width: 100%;
}
.lg-smartphone-portrait .wrap-phone .infill {
position: absolute;
top: 1%;
left: 1%;
bottom: 1%;
right: 1%;
overflow: hidden;
/* border-radius: 48px;*/
z-index: 30;
}
.lg-smartphone-portrait .wrap-phone .slider {
height: 100%;
max-height: 100%;
padding-top: 5px;
padding-bottom: 13px;
max-width: inherit;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.lg-smartphone-portrait {
position: relative;
}
.lg-smartphone-portrait .item.tns-item > p {
position: absolute;
bottom: 0%;
background: rgba(165, 0, 52, 0.65);
width: 100%;
z-index: 99;
margin: 0;
color: #fff;
margin-bottom: 5rem;
display: none;
}
.lg-smartphone-portrait .swiper-slide {
min-height: 540px;
background-size: auto 100%;
}
.lg-smartphone-portrait .tns-horizontal.tns-subpixel>.tns-item,
.lg-smartphone-portrait .item .img,
.lg-smartphone-portrait .tns-ovh {
height: 100%;
}
.lg-smartphone-portrait .tns-controls button[data-controls="prev"] {
bottom: 0px;
left: 15%;
color: #555;
pdding: 5px;
border: transparent;
z-index: 999;
height: 40px;
width: 40px;
box-shadow: 0px 0px 10px #636363;
}
.lg-smartphone-portrait .tns-controls button[data-controls="next"] {
left: 0;
color: #fff;
background: transparent;
background-position: center;
transition: background 0.8s;
padding: 0;
border: none;
width: 41px;
height: 41px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
}
.lg-smartphone-portrait .tns-controls button[data-controls="prev"]:hover {
color: #a50034;
}
.lg-smartphone-portrait .tns-controls button[data-controls="next"]:hover {
/* background: #a50034 radial-gradient(circle, transparent 1%, #B50039 1%) center/15000%; */
/* color: #000000; */
}
.lg-smartphone-portrait .tns-controls button[data-controls="next"]:hover > span {
background: #7a364c radial-gradient(circle, transparent 1%, #B50039 1%) center/15000%;
color: white;
}
.lg-smartphone-portrait .tns-controls button[data-controls="next"]:hover > .slide-top {
/* opacity: 0;*/
}
.lg-smartphone-portrait .tns-controls button[data-controls="next"]:active {
/* background-color: #B50039; */
background-size: 100%;
transition: background 0s;
}
.lg-smartphone-portrait .tns-controls [data-controls="next"] span.next {
background: #c40541;
padding: 5px 4px;
box-sizing: border-box;
vertical-align: middle;
border-radius: 50%;
font-size: 2.5rem;
margin-top: 0px;
padding-top: 3px;
margin-left: -1px;
box-shadow: 0 0 0 2px #fff;
}
.lg-smartphone-portrait .tns-outer .tns-nav {
margin-top: -10px;
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
.lg-smartphone-portrait .tns-ovh {
border-radius: 25px
}
.lg-smartphone-portrait .tns-inner, .lg-smartphone-portrait .tns-slider {
height: 100%
}
.lg-smartphone-portrait .slide-top {
position: absolute;
top: 44px;
left: -40px;
width: auto;
min-width: 160px;
display: block;
background: #fff;
color: #000;
border-radius: 0.75rem;
padding: 5px;
border: solid 2px #A50034;
font-size: 1.3rem;
}
.lg-smartphone-portrait .slide-top:after,
.lg-smartphone-portrait .arrow_box:before {
/*
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
*/
}
.lg-smartphone-portrait .slide-top:after {
/*
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0; height: 0;
border-bottom: 8px solid #000000;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
*/
}
.lg-smartphone-portrait .slide-top:before {
content: '';
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-bottom: 8px solid #c40541;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}
.lg-smartphone-portrait .smart-phone-button {
color: #a50034;
position: absolute;
font-size: 2rem;
margin: 0;
display: flex;
cursor: pointer;
background: #fff;
border-radius: 50%;
line-height: unset;
padding: 0;
height: 40px;
width: 40px;
justify-content: center;
align-items: center;
padding-bottom: 4px;
box-shadow: 0px 0px 10px #636363;
}
.lg-smartphone-portrait .smart-phone-button:not(.stop):hover {
color: #a50034;
}
.lg-smartphone-portrait .smart-phone-button.restart {
right: 45%;
font-size: 3rem;
bottom: 20px;
z-index: 31;
}
.lg-smartphone-portrait .smart-phone-button.stop {
right: 24%;
bottom: 20px;
font-size: 3rem;
z-index: 31;
}
.is-mobile .lg-smartphone-portrait .swiper-slide{
min-height: 400px;
padding-top: 40%;
}