/*
================================
HSAD PACK 2021
================================
*/
.section { color:#333; font-family: 'LG Smart Regular'; font-size: calc(13px + (18 - 13) * ((100vw - 768px) / (1600 - 768))); line-height: calc(1.4em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))); }
.section h1 { font-size: 2em; line-height: 1em; margin:0; padding: 0 0 2% 0; }
.section h2 { font-size: 1.5em; line-height: 1em; margin:0; padding: 0 0 .8% 0; }
.section h3 { font-size: 1.17em; line-height: 1em; margin:0; padding: 0 0 2% 0; }
.section h4 { font-size: 1.12em; line-height: 1em; margin:0; padding: 0 0 2% 0; }
.section h5 { font-size: 1em; line-height: 1em; margin:0; padding: 0 0 2% 0; }
.section h1, .section h2, .section h3, .section h4, .section h5 { font-family: 'LG Smart SemiBold'; color:#000; }
.section h2.sectitle { font-size: 2.25em; line-height: 1em; margin-bottom: 60px; }
.section a { }
.section a:hover { text-decoration: none; }
.section img { max-width: 100% }
.section sup { font-size:0.6em; }
.section ul { margin:0; padding:0; }
.section ul li, ol li { margin-bottom: 0px; list-style:none; }
.section .red, .red a { color:#a50034 !important; }
.section .fine { font-size: .65em; }
.section .italic { font-style:italic; }
.section .bold { font-family: 'LG Smart Bold'; }
.section .center { text-align: center; }
.section .white { color: #fff; }
.section .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.section .videoWrapper iframe { position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;	}
.for-mobile { display: none !important; }
.row-skel:after { content: ""; display: table; clear: both; padding-bottom: 2%;  }
.btn-small, a.btn-small { margin-bottom: 10px; font-family: "LG Smart Bold",sans-serif; font-size: .7em; color: #fff; border-color: #a50034; background: #a50034; display: inline-block; min-width: 100px; padding: 2px 24px; border-radius: 3px; text-transform: uppercase; text-decoration: none; text-align: center; vertical-align: middle; white-space: normal; cursor: pointer; }
.btn-small:hover, a.btn-small:hover,.btn-small:focus, a.btn-small:focus { background-color:#c40043; }
.btn-small:hover { background-color:#c40043; }
.btn-small:focus { background-color:#c40043; }
.btn-small.wtb, a.btn-small.wtb { border-color: #6b6b6b!important; border: 1px solid; background: #fff; color: #6b6b6b; padding: 0px 24px; }
.btn-small.wtb:hover, a.btn-small.wtb:hover,.btn-small.wtb:focus, a.btn-small.wtb:focus { color:#000;  background-color: #fff; border-color: #000!important; }
.btn-full, a.btn-full { font-family: "LG Smart Bold",sans-serif; font-size: .8em; color: #fff; border-color: #a50034; background: #a50034; display: inline-block; width: 100%; padding: 7px 24px; border-radius: 3px; text-transform: uppercase; text-decoration: none; text-align: center; vertical-align: middle; white-space: normal; cursor: pointer; }
.btn-full:hover, a.btn-full:hover,.btn-full:focus, a.btn-full:focus { background-color:#c40043; }
.btn-full:hover { background-color:#c40043; }
.btn-full:focus { background-color:#c40043; }
.row-skel:after { content: ""; display: table; clear: both; padding-bottom: 2%;  }
.adlogo { position: absolute; top: 3%; right: 1.8%; z-index: 1; }
#respoiframe { min-height: 93vh!important; }
#sticky { top: 0px; position: -webkit-sticky; position: sticky; z-index: 100; }
#hidden-lightbox .copy img { max-width: 100%; }


/*
================================
 HEROS RESPONSIVE 2020 
================================
*/
.hero-responsive { position: relative; }
.hero-responsive img.hero-bg { max-width: 100%; }
.hero-responsive .hero-txt-center { display: block; position: absolute; left: 50%; top: 65%; transform: translate(-50%, -50%); width: 79%; text-align: center; }
.hero-responsive .hero-txt-left { display: block; position: absolute; left: 19.2%; top: 62%; transform: translate(-20%, -50%); width: 31%; text-align: center; }
.hero-responsive .hero-txt-left .copy { font-size: .75em; line-height: 1.3em; }
.hero-responsive .hero-txt-right { display: block; position: absolute; left: 80%; top: 50%; transform: translate(-60%, -50%); width: 34%; }
.hero-responsive .hero-txt-left, .hero-responsive .hero-txt-right, .hero-responsive .hero-txt-center { font-family: 'LG Smart SemiBold'; /* text-shadow: 0.1px 0.1px 2px rgba(0, 0, 0, .3);  font-size: .85em; */ line-height: 1.3em; }
.hero-responsive .hero-txt-left h1, .hero-responsive .hero-txt-center h1,.hero-responsive .hero-txt-right h1 { font-size: 2em; line-height: 1.1em; text-transform: inherit!important; color: #535353; }
.hero-responsive .hero-txt-center a, .hero-responsive .hero-txt-left a, .hero-responsive .hero-txt-right a {  }
.hero-responsive .eyebrow { color:#a50034; font-size: 1.5em; font-family: 'LG Smart Bold'; margin-bottom: 20px; }


/*
================================
TOUTS RESPONSIVE 2020
================================
*/
.tout-responsive { color: #fff; position: relative; line-height: 0; /* removes padding between sections text-shadow: 0 0 1px rgba(0,0,0,1); */ }
.tout-responsive img.tout-bg { max-width: 100%; /*background-color: #000;*/ }
.tout-responsive .tout-txt-center { display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; text-align: center; line-height: 1.3em; }
.tout-responsive .tout-txt-left { display: block; position: absolute; left: 29%; top: 9%; transform: translate(-60%, -50%); width: 41%; text-align: left; line-height: 1.3em; }
.tout-responsive .tout-txt-left2 { display: block; position: absolute; left: 30%; top: 17%; transform: translate(-60%, -50%); width: 41%; text-align: left; line-height: 1.3em; }
.tout-responsive .tout-txt-right { display: block; position: absolute; left: 75%; top: 50%; transform: translate(-60%, -50%); width: 55%; text-align: left; line-height: 1.3em; }
.tout-responsive a { font-family: 'LG Smart Bold'; color: #fff; text-transform: uppercase; }
.tout-responsive .tout-txt-left h2, .tout-responsive .tout-txt-center h2, .tout-responsive .tout-txt-right h2 { color:#000; }
.tout-responsive .tout-txt-left, .tout-responsive .tout-txt-left2, .tout-responsive .tout-txt-right, .tout-responsive .tout-txt-center { font-family: 'LG Smart SemiBold'; font-size: .85em; line-height: 1em; /*text-shadow: 0.1px 0.1px 2px rgba(0, 0, 0, .3);      text-shadow: 0 0 1px rgba(0,0,0,1); */ }


/*
================================
PRODUCT TOUT 2020
================================
*/
.product-tout { text-align: center; }
.product-tout a { text-decoration:none; }
.product-tout .thumb { padding: 0 0 15px 0px; }
.product-tout .model { font-size: .6em; line-height: 1.25em;  width: 80%;  margin: 0 auto; min-height: 70px; }
.product-tout .sku { font-size: .8em; line-height: 1em; margin: 10px 0 10px 0; font-family: 'LG Smart Bold';}
.product-tout .rating { width: 80%; margin: 0 auto; }
.product-tout .price {  font-size: .95em; line-height: 1em; margin: 10px 0 10px 0; }


/*
================================
SECTIONS 2020
================================
*/
hr { margin: .5em 0; border-top: 2px solid rgba(0,0,0,.1); }
.section.hero { padding: 0; }
.section.touts-1 { padding: 60px 0 10px 0px; margin: 0 0 50px 0; background-color: #fafaf4; }
.section.touts-1 .four.columns { }
.section.touts-1 .copy { padding: 0 0 20px 0; }
.section.eligible > div > div > div.row-skel > div.seven.columns.grid,
.section.eligible2 > div > div > div.row-skel > div.seven.columns.grid { margin-top: -40px; }
.grid h3 { font-size: .8em; font-family: 'LG Smart SemiBold'; }
.section.eligible { padding: 25px 0; }
.section.eligible2 { padding: 25px 0; }
.section.touts-2 > div > div > div.seven.columns { width: 57.666667%; }
.section.touts-2 > div > div.row-skel > div.five.columns { margin-left: 2%;}
.section.eligible > div > div > div.row-skel > div.seven.columns.grid > div:nth-child(2) > div > hr,
.section.eligible2 > div > div > div.row-skel > div.seven.columns.grid > div:nth-child(2) > div > hr { width: 70%; float: right; }
.section.touts-2 > div > div > div.five.columns > div:nth-child(1) { margin-bottom: 20px; }
.section.disc { margin: 0 0 50px 0; }

/*
================================
MEDIA QUERIES
================================
*/

/*MDPI Screen */
@media (min-width: 1024px) and (max-width: 1280px) {

}

/*HiDPI Screen */
@media (min-width: 1285px) and (max-width: 1440px) {
    
}

/*Mobile and Tablets - Landscape */
@media (min-width: 768px) and (max-width: 1199px){
    .section.equalheight-touts .col-flex { padding: 10px; }
	.tout-responsive .tout-txt-left, .tout-responsive .tout-txt-right, .tout-responsive .tout-txt-center { font-size: .7em; }
	.tout-responsive .tout-txt-left { left: 35%; width: 50%; } 
    .hero-responsive .hero-txt-left { font-size: .6em; }
    .btn-small, a.btn-small,
    .btn-small.wtb, a.btn-small.wtb { min-width: inherit; padding: 0px 7px; }
}

/*Mobile - Portrait */
@media (max-width: 767px) {
    .for-mobile { display: inherit !important; }
	.for-desktop { display: none !important; }
    .section { color:#333; font-family: 'LG Smart Regular'; font-size: calc(16px + (18 - 16) * ((100vw - 768px) / (1600 - 768))); line-height: calc(1.3em + (1.5 - 1.2) * ((100vw - 300px)/(1600 - 300))); }
	.section h2.sectitle { padding-bottom: 20px; }
	.tout, .tout-responsive { margin-bottom: 30px; } 
    .section.eligible > div > div > div.row-skel > div.seven.columns.grid { margin-top: 50px; }
    .section.touts-2 > div > div.row-skel > div.five.columns,
    .section.touts-2 > div > div > div.seven.columns { width: 100%; }
    .section.touts-2 > div > div.row-skel > div.five.columns { margin-left: inherit; }
    .hero-responsive .hero-txt-left { width: 65%; font-size: .6em; top: 69%; left: 22.9%; }
    .hero-responsive .eyebrow { margin-bottom: 5px; }
    .section.eligible .product-tout.three.columns,
    .section.eligible2 .product-tout.three.columns { width: 50%; min-height: 220px; }
    .section.eligible { padding: 20px 0; }
    .section.eligible2 { padding: 20px 0; }
    .section.eligible > div > div > div.row-skel > div.seven.columns.grid > div:nth-child(3) > div:nth-child(2) > div.twelve.columns.for-mobile > hr,
    .section.eligible > div > div > div.row-skel > div.seven.columns.grid > div:nth-child(7) > div:nth-child(2) > div.twelve.columns.for-mobile > hr,
    .section.eligible > div > div > div.row-skel > div.seven.columns.grid > div:nth-child(5) > div:nth-child(2) > div.twelve.columns.for-mobile > hr,
    .section.eligible2 > div > div > div.row-skel > div.seven.columns.grid > div:nth-child(5) > div:nth-child(2) > div.twelve.columns.for-mobile > hr { width: 90%; float: right; }
    .tout-responsive .tout-txt-left { top: 18%; left: 44%; width: 63%; }
    .tout-responsive .tout-txt-left2 { top: 22%; }
    .section.touts-2 > div > div > div.five.columns > div:nth-child(1) { margin-bottom: 30px; }  
}