/**  AI ICON FILE  **/
@font-face{font-family:lg-ai-icon;src:url(/us/content/html/assets/icons/lg-ai-icon.eot?7611362541596f5c64c714af047838bb);src:url(/us/content/html/assets/icons/lg-ai-icon.eot?#iefix) format("embedded-opentype"),url(/us/content/html/assets/icons/lg-ai-icon.woff?7611362541596f5c64c714af047838bb) format("woff"),url(/us/content/html/assets/icons/lg-ai-icon.ttf?7611362541596f5c64c714af047838bb) format("truetype"),url(/us/content/html/assets/icons/lg-ai-icon.svg?7611362541596f5c64c714af047838bb#lg-icon) format("svg");font-weight:400;font-style:normal}

/*
 * Author: Ryan Small
 * Subsidiary: LGEAI
 * Project: Main CSS for Non-Help Library Pages
 * Date: Dec. 23, 2016
 */


/********************/
/*  General         */
/********************/
article:after {display: table; content: ""; clear: both;}

a {cursor: pointer}
body {font-family: "LG Smart",Tahoma,Arial,sans-serif;}
h2 {font-size: 1.8rem}
h3 {font-size: 1.6rem}
h4 {font-size: 1.4rem}
.lg-red {color: #a50034 !important}
.lgeai-icon {width: 8%;}
.multi-box {display: flex}
.ie .multi-box, .ie11 .multi-box {display: block;}
.multi-box > * {width: 100%; border: 1px solid #d5d5d5; border-radius: 7px; padding: 10px; margin: .5rem;}
.ie .multi-box > *, .ie11 .multi-box > * {display: inline-block;}
.multi-box.no-border > * {border: none;}
.padding-top-only-3rem {padding: 0; padding-top: 30px; padding-top: 3rem;}

.note {font-style: italic; font-size: 1.8rem; display: block; background: #f4f5f7; border: 1px solid #bbb; padding: 1.2rem !important;}
.note .note-title {color: #a50034; font-weight: bold;}

/* IE FIX */
input[type=text]::-ms-clear {display: none;}

/********************/
/*  General         */
/********************/
.ai-modal {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.7); z-index: 999;}
.ai-modal > .ai-modal-content {background: #fff; z-index: 1000; max-width: 1000px; width: 85%; height: 85%; overflow: scroll; margin: 10% auto; border-radius: 7px; box-shadow: 0 0 1px 1px #fff;}
.ai-modal.active {display: block;}
/*  ORDERED LISTS  */
.big-list {
	position: relative;
	counter-reset: item;
	padding-left: 0;
}

.big-list > li {
	position: relative;
	margin-bottom: 2rem;
	list-style: none;
	padding-left: 7rem;
	border-bottom: 1px solid #bbb;
}

.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%;
}
.big-list > li:after {
	content: "";
	display: table;
	clear: both;
}
.lgeai-list-title {
	display: inline-block;
	max-width: 80%;
	font-size: 4rem;
	font-family: "LG Smart Light",arial;
	margin: 0;
}
@media screen and (min-width: 768px) {
	.big-list {
		position: relative;
		counter-reset: item;
		padding-left: 0;
	}
	.big-list > li {
		padding-left: 0;
	}
	.big-list > li:before {
		margin-left: 0;
		font-size: 6rem;
	}
	.lgeai-list-title {
		font-size: 3rem;
		font-family: "LG Smart";
		line-height: 90%;
	}
}



/********************/
/*  Header          */
/********************/
/* .support-wrap .support-wrap {display: block; max-width: 1240px; width: 100%; margin: 0 auto;} */

.support-wrap .support-title {
    position: relative;
    width: auto;
    height: 260px;
}

.support-wrap .support-title.bg-white {background: #000;}

.product-support {border-top: 0;}
/* OVERRIDES */
.support-wrap .support-wrap {display: block; max-width: 1240px; width: 100%; margin: 0 auto;}
.support-wrap .support-title .img-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.support-wrap .support-title .img-area {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 1314px;
    margin: 0 auto;
    z-index: 0;
    background: #000;
}
.support-wrap .support-title .img-area img {max-width: none;}
.support-wrap .support-title .img-area img.pc {
    position: absolute;
	left: 50%;
    top: 0;
	margin-left: -800px;
    display: inline;
}
.support-wrap .support-title .img-area img.mobile {
    position: absolute;
	left: 50%;
    top: 0;
	margin-left: -384px;
    display: none;
}
.support-wrap .support-title .txt-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.support-wrap .support-title .txt-area .txt-wrap {
    max-width: 1314px;
    margin: 0 auto 50px;
}
.support-wrap .support-title .txt-area .title {
    text-align: center;
    font-size: 48px;
    line-height: 56px;
    color: #fff;
    font-family: "LG Smart SemiBold",sans-serif;
    font-weight: 400;
    padding: 78px 0 0 0;
}
.support-wrap .support-title .txt-area .desc {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-family: "LG Smart Regular",sans-serif;
    font-style: normal;
    font-weight: 400;
    padding: 3px 0 11px 0;
}
                                       
/** Responsive **/
                                       
@media (min-width: 768px) {
	.support-wrap .support-title .img-area img.pc {
     	display: inline; 
    }
  	.support-wrap .support-title .img-area img.mobile {
     	display: none; 
    }
  
    .support-wrap .support-title {
		margin: 0 -15px;
	}
}
@media (max-width: 767px) {
  .support-wrap .support-title {
      margin: 0 -15px;
      height: 220px;
  }
  
  .support-wrap .support-title .img-area img.mobile {
    display: inline;
  }
  .support-wrap .support-title .img-area img.pc {
   	display: none; 
  }
  
  .support-wrap .support-title .txt-area {
      padding: 0 15px;
      height: auto;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  }
                            
  .support-wrap .support-title .txt-area .txt-wrap {
      margin: 0 9px 0;
  }
                            
  .support-wrap .support-title .txt-area .title {
      max-width: 300px;
      margin: 0 auto;
      font-size: 32px;
      line-height: 40px;
      padding: 0;
  }
                            
  .support-wrap .support-title .txt-area .desc {
      max-width: 270px;
      margin: 0 auto;
      padding: 6px 0 11px 0;
      font-size: 16px;
      line-height: 22px;
  }
}

/********************/
/*  Body            */
/********************/
.section-title {padding-bottom: 2rem;}
.max-width-1400 {max-width: 1300px; margin: 0 auto;}
.max-width-1600 {max-width: 1600px; margin: 0 auto;}
.flex-without-flow {display: flex;} 
.intro-text-area {padding: 25px; text-align: center;}
.intro-area {display: flex}
.intro-area > * {width: 100%}
.ie .intro-area, .ie11 .intro-area {display: block; width: 100%;}
.ie .intro-area > *, .ie11 .intro-area > * {display: inline-block;}
.intro-text-area {padding-left: 15px}
.intro-text-area h1 {font-size: 2.0rem; border-bottom: 1px solid gray}

/*  flex  */
.flex-without-flow > * {display: block ; width: 100%;}
/*  no flex  */
.ie .flex-without-flow > *, .ie11 .flex-without-flow > * {display: inline-block; width: 30%}

/* modals */
#response {display: flex; align-items: center; flex-flow: row wrap;}
#response > * {flex-basis: 50%;}
.ie #response, .ie11 #response {display: block; width: 100%;}
.ie #response > *, .ie11 #response > * {display: inline-block; width: 50%;}
.modal-content .banner-text {font-size: 1.5rem; padding: 10px; margin-bottom: 10px}
.is-mobile .modal-content .manuals-item {padding-left: 20px;}

.navbar .nav-link {font-size: 1.2rem;}
.nav-link.active, .nav-link:hover, .nav-link:focus {
    text-decoration: underline;
}
                            
/* OVERRIDES */
.link-toggle-arrow {font-family: LG Smart Light, Arial;}



/********************/
/*  Footer          */
/********************/
/* OVERRIDES */
/* .footer-content {display: none !important} */



/********************/
/*  Columns         */
/********************/
.two-column > *, .three-column > * {float: left;}
.two-column > * {
	width: 50%;
}
.three-column > * {
	width: 33.3%
}



/****************************************************************/
/*           Section OR on Desktop						*/
/****************************************************************/
.is-mobile .intro-section.lgeai-search .search-wrap .col-or{
/* 	position: relative; */
}



.intro-section.lgeai-search .search-wrap .col-or {
    position: absolute;
    right: 0;
    display: block!important;
    margin:auto;
    width: auto;
    top: 10%;
}

.intro-section.lgeai-search .search-wrap .col-or .divider{
    position: absolute;
    width: 1px;
    height: 120px;
    left: 0;
    /* right: -50px; */
    top: -30px;
    margin:  auto;
    background-image: -webkit-linear-gradient(#fff, #777 50%, #fff);
    background-image: -o-linear-gradient(#fff, #777 50%, #fff);
    background-image: linear-gradient(#fff, #777 50%, #fff);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}

.intro-section.lgeai-search .search-wrap .col-or > span.text {
    width: 50px;
    height: 50px;
    top: 0px;
    right:  0;
    margin:  auto;
    left: -25px;
    background-color: #a5a5a5;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    font-family: Arial,sans-serif;
    display:  inline-block;
    z-index: 1;
    position:  absolute;
}




/********************/
/*  Popular Links   */
/********************/
/* OVERRIDES */
.software-info {width: 100%; margin: 4rem auto;}
.software-info .software-info-item a > * {display: block; margin: 0 auto;}
/* .software-info .software-info-item .img img {height: auto;} */

/*  flex  */
.software-info.flex-without-flow .software-info-item {display: block; width: 100%;}
/*  no flex  */
.ie .software-info.flex-without-flow .software-info-item, .ie11 .software-info.flex-without-flow .software-info-item {display: inline-block; width: 20%;}

.support-wrap .gradient-top .link-area.bg-white {background: transparent;}

.support-wrap .link-area .ico-tit-desc-list li {width: 16%;}
.support-wrap .link-area .ico-tit-desc-list li a span.img, .support-wrap .link-area .ico-tit-desc-list li a span.img img {width: 70%}
.support-wrap .link-area .ico-tit-desc-list li a dl dt {line-height: 25px; line-height: 2.5rem; font-size: 25px; font-size: 2.5rem;}
.support-wrap .link-area .ico-tit-desc-list li a dl dd {font-size: 16px; font-size: 1.6rem;}



/********************/
/*  Survey Button   */
/********************/
.feedback-button-holder {display: flex;}
.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;}
.feedback-button-text > p {margin: 0; font-size: 1.2rem;  margin-top: -0.3rem;}

/* 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;}



/*******************************/
/**  VIDEOS AND GUIDES AREA   **/
/*******************************/
#help-tutorials-area > a.link-toggle-arrow {position: absolute; bottom: 0; left: 0;}
.guide-list .category {display: none}
.guide-list .title a {color: black !important}
#video-lib-search .guide-list.video-list > ul > li {display: inline-block; width: 45%}

.video-more {display: none}
#video-tutorials-area, #help-tutorials-area {position: relative; text-align: left;}
#video-tutorials-area a::before {font-family: lg-ai-icon !important; font-size: 6rem; color: #666; position: absolute; top: 30%;}
#video-tutorials-area a:hover::before {color: #a50034 !important;}
#video-tutorials-area a.link-prev-arrow::before {content: "\f10e"; left: 0;}
#video-tutorials-area a.link-next-arrow::before {content: "\f10b"; right:0;}

#help-tutorials-area > a.link-toggle-arrow {position: absolute; bottom: 0; left: 0;}

#video-tutorials-area .guide-list.video-list > ul {display: flex;}
#video-tutorials-area .guide-list.video-list > ul > li {width: 20%; border: 0;}
#video-tutorials-area .guide-list.video-list > ul > li .video {display: block; width: 100%; padding: 0px; box-shadow: 0 0 10px black;}
#video-tutorials-area .guide-list.video-list > ul > li .info {display: block; padding: 20px;}
#video-tutorials-area .guide-list.video-list > ul > li .info .title {font-size: 14pt; line-height: 14pt;}

#video-tutorials-area .guide-list .account {display: none;}
.center-text {text-align: center; padding-bottom: 40px;}

.guide-area {padding: 0 60px; text-align: left;}
.guide-list .category {display: none;}

#video-tutorials-area .guide-area {padding-top: 2%}
.guide-area .guide-list.video-list>ul>li {padding: 20px;}

.content-view-detail .content .video-box {margin: 30px auto; box-shadow: 0 0 25px 0 black;}

/* OVERRIDES */
.link-toggle-arrow {font-family: LG Smart Light, Arial; font-size: 18pt; cursor: pointer;}

.guide-list .category {display: none}
.guide-list .title a {color: black !important}

##.matching-area, .sorting-area, .pagination {display: none;}



/*******************************/
/**     Sticky Tabs Area      **/
/*******************************/
.support-wrap .ai-link-area .text-only-area.cs-sticky {width: 100%;}
.support-wrap .ai-link-area .text-only-area {background-color: #333;}
.cs-sticky {top: auto; z-index: 200;}
.support-wrap .ai-link-area .text-only-area.clone {position: fixed; top: 0; left: 0;}
.support-wrap .ai-link-area .text-only-area .text-only-list li.active, .support-wrap .ai-link-area .text-only-area .text-only-list li:hover {background-color: #a50034;}

.support-wrap .ai-link-area .text-only-area .text-only-list {max-width: 1200px; margin: 0 auto; list-style: none; padding: 0;}
.support-wrap .ai-link-area .text-only-area .text-only-list li {position: relative; display: table-cell; width: 1%; text-align: center;}
.support-wrap .ai-link-area .text-only-area .text-only-list li a {font-family: "LG Smart Light", Tahoma, Arial, sans-serif; line-height: 23px; color: #fff; min-width: 192px; display: block; font-size: 18px; font-size: 1.8rem; padding: 13px 0 14px; padding: 1.3rem 0 1.4rem;}

.support-wrap .ai-link-area .text-only-area .text-only-list li:not(:first-child):after {display: block; content: ''; position: absolute; top: 50%; left: 0; border-left: 1px solid #525252; width: 1px; height: 20px; margin-top: -10px;}


@media screen and (min-width: 40rem) {
.support-wrap .ai-link-area .text-only-area .text-only-list li a {font-size: 18px; font-size: 1.8rem; padding: 13px 0 14px; padding: 1.3rem 0 1.4rem;}
}
@media screen and (min-width: 48rem) {
.support-wrap .ai-link-area .text-only-area .text-only-list li a {font-size: 18px; font-size: 1.8rem; padding: 13px 0 14px; padding: 1.3rem 0 1.4rem;}
}
@media screen and (min-width: 55rem) {
.support-wrap .ai-link-area .text-only-area .text-only-list li a {font-size: 18px; font-size: 1.8rem; padding: 13px 0 14px; padding: 1.3rem 0 1.4rem;}
}
@media screen and (min-width: 64rem) {
.support-wrap .ai-link-area .text-only-area .text-only-list li a {font-size: 23px; font-size: 2.3rem; padding: 23px 0 24px; padding: 2.3rem 0 2.4rem;}
}
@media screen and (min-width: 80rem) {
.support-wrap .ai-link-area .text-only-area .text-only-list li a {font-size: 23px; font-size: 2.3rem; padding: 23px 0 24px; padding: 2.3rem 0 2.4rem;}
}





/**********************************************************************************************/
/*                                                                                            */
/*                                    MOBILE STYLES                                           */
/*                                                                                            */
/**********************************************************************************************/

/********************/
/*  General         */
/********************/
.is-mobile #content {border-bottom: 1px solid #a50034;}
.is-mobile .max-width-1400 {width: 90%;}
.is-mobile .tip {width: 90%; margin: 0 auto; text-align: center;}
.is-mobile .section-title {font-size: 3.5rem; padding-bottom: 0;}
.is-mobile .guide-area {padding: 0;}
.is-mobile #video-tutorials-area .guide-list.video-list > ul {display: block;}
.is-mobile #video-tutorials-area .guide-list.video-list > ul > li {width: 70%; margin: 0 auto;}



/********************/
/*  Modals          */
/********************/
.is-mobile #response > * {flex-basis: 100%;}



/********************/
/*  Popular Links   */
/********************/
.is-mobile .software-info {margin: 0; background: none; border: 0px; flex-flow: row wrap;}
.is-mobile .software-info .software-info-item {flex-basis: 47%; margin: .5rem auto; box-shadow: 0 0 1px 0 gray; padding: 5px; border-radius: 7px;}
.is-mobile .software-info .software-info-item a {padding: 5px}
.is-mobile .software-info-item .box .text {display: none;}
.is-mobile .software-info-item .box .title {font-size: 100%;}

.is-mobile .multi-box {flex-flow: row wrap;}
.is-mobile .multi-box > * {flex-basis: 100%;}
.is-mobile .btn {margin-bottom: 10px;}



/********************/
/*  Survey Button   */
/********************/
.is-mobile .feedback-button-holder {padding: 20px;}
.is-mobile .feedback-button-holder > a {width: 100%; padding: 5px 0 5px 20%;}
.is-mobile img.feedback-checkmark-icon {width: 8%;}
.is-mobile .feedback-button-text > h2 {font-size: 140%;}
.is-mobile .feedback-button-text > p {display: none;}