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

	/* General */
	a { color: #333; }
	img { max-width: 100% }
	img.transparent { width:100%; height:100%; }
	sup { font-size:0.6em; }
	ul li, ol li { margin-bottom: 0px !important; list-style:none; }
	ul { margin:0; padding:0; }
	blockquote.style1 { padding: 8px; margin: 0px; background-image: url(../images/quote-open.png); background-position: top left; background-repeat: no-repeat; /*text-indent: 0.4em;*/ font-size:2em; line-height:1em; }
  	blockquote.style1 span { display: block; background-image: url(../images/quote-close.png); background-repeat: no-repeat; background-position: bottom right; }
	#sticky { z-index:9999; }
	.section { color:#333; font-family: 'LG Smart Light';  text-decoration:none; font-size:24px; line-height:29px; }
	.section h1 { font-size: 58px; line-height: 58px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h2 { font-size: 50px; line-height: 50px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h3 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h4 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h5 { font-size: 24px; line-height: 20px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h6 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Light' !important; margin:0; }
	.section.fourspacer { height:38px; }
	.section.title { background-color:#f5f5f6; color:#58585a; }
	.section.title h2 { font-family: 'LG Smart SemiBold' !important; }
	.quote-credit { text-align:left; font-size:0.8em; margin-top:10px; }
	.bigquote { font-size:2em; line-height:1em; }
	.quote-credit img, .dgr div.contentsquare div.table div.table-cell p a img { height:40px !important; width:40px; }
	.red, .red a { color:#a50034 !important; }
	.fine { font-size:13px; line-height:15px; text-decoration:none; }
	.italic { font-style:italic; }
	.bold { font-family: 'LG Smart Bold'; }
	.center { text-align:center; }
	.stick-left { float:left !important; }
	.stick-right { float:right !important; }
	.add-top { padding-top: 20px !important; }
	.add-right { padding-right: 20px !important; }
	.add-bottom { padding-bottom: 20px !important; }
	.add-left { margin-left:20px !important; }
	.add-top-more { padding-top: 60px !important; }
	.add-right-more { padding-right: 60px !important; }
	.add-bottom-more { padding-bottom: 60px !important; }
	.add-left-double { margin-left:60px !important; }
	.remove-top { margin-top: 0 !important; }
	.remove-left { margin-left: 0 !important; }
	.remove-right { margin-right: 0 !important; }
	.remove-bottom { margin-bottom: 0 !important; }
	.border-full { border: 1px solid #CCCCCC !important; }
	.border-top { border-top:1px solid #ccc; }
	.border-right { border-right:1px solid #ccc; }
	.border-bot { border-bottom:1px solid #ccc; }
	.border-left { border-left:1px solid #ccc; }
	.hide { display: none; }
	.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
	.videoWrapper iframe { position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;	}

	
	/* hero areas */
	.scalable { position:relative; }
	.scalable .ratio { display:block; width:100%; height:auto; }
	.scalable iframe { position:absolute; top:0; left:0; width:100%; height:100%;}
	.scalable .copywrap { position: absolute; top: 0; width: 100%; }
	.scalable .copybox { margin: 6em auto 0 5em; float:left; width: 35%; }
	.scalable .copybox.center { margin: 2em auto 0 !important; float:none; width: 85%; }
	.scalable .copybox.right { margin: 5em 5em 0 auto; float:right; width:50%; }
	.socially { position:absolute; z-index:200; width:98%; padding: 10px 0 0 0; text-align: right; }
	ul.socially li { display:inline-block; }

	
	/* package */
	.hero { color: #fff; }
	.tout { font-size: 1.2em; }
	#sort { color: #000; font-size: 1.2em; }
 	#sort a { text-decoration: none; }
	
	
	.button, a.button { background-color:#a50034 !important; border-radius:5px; text-decoration:none; color: #fff;cursor: pointer; padding: 6px 30px; text-align: center;transition: width 0.2s ease-in 0s; font-family: 'LG Smart SemiBold' !important; }
	.button:hover, a.button:hover,.button:focus, a.button:focus { background-color:#a50034!important; }
	


	#navMenu button.btn, a#navMenu button.btn { background-color: transparent !important; border: none; color: #000; padding: 0.2rem; font-size: 0.9em; font-family: 'LG Smart Regular' !important; }
	#navMenu button.btn:hover { color:#a50034!important; }


	/* bootstrap.min.css BTN*/
	.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px }
	.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
	.btn.focus,.btn:focus,.btn:hover {color: #333;text-decoration:none}
	.btn.active,.btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125) }
	.btn-primary { color: #fff; background-color: #898989; border-color: #898989 }
	.btn-primary.focus,.btn-primary:focus { color: #fff; background-color: #a50034; border-color: #760327 }
	.btn-primary:hover { color: #fff; background-color: #a50034; border-color: #760327 }
	.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary { color: #fff; background-color: #a50034; border-color: #760327 }
	.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #760327; border-color: #760327 }
	.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary {background-image: none}
	.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {background-color: #337ab7;border-color:#2e6da4}


	.navee { background-color: #e9ecf0;padding: 10px; }
	#sort img:hover { opacity: 0.8; }
	#sdfm-wrapper div { text-align: center; font-size: 17px;  }
	h3.sdfm-nothing { padding-top: 200px; }

	#signup { font-size: 55%; background-color: #e8e8e8; }
	#signup .hdr { background-color: #fff; padding: 20px; font-family: 'LG Smart Regular'; }
	#signup .form { background-color: #e8e8e8; padding: 0 20px 20px 20px; }
	

	#popup-wrap { display: block; font-family: 'LG Smart Regular' }	
	#popup-wrap h1 { line-height: .9em !important; font-size: 3em; }	
	#popup-wrap #pop-left { float: left; width: 35%; }
	#popup-wrap #pop-right { float: right; width: 65%; }



	.fancybox-slide--iframe .fancybox-content,
	.fancybox-slide--inline .fancydiv {
		width  : 900px;
		height : 450px;
		max-width  : 80%;
		max-height : 80%;
		margin: 0;
	}

	.fancybox-slide--inline .signup {
		width  : 325px;
		height : 550px;
		margin: 0 auto;
		padding: 0;
	}



	#navMenu .btn, a.btn { padding: 0.5rem 2rem; }
	
	#navMenu {
		margin:0;
		padding:0;
		position: relative;
		z-index: 1;
	}
	#navMenu ul {
		margin:0;
		padding:0;
		line-height:30px;
	}
	#navMenu li {
		margin:0;
		padding:0;
		list-style:none;
		position:relative;
	}
	#navMenu ul li a {
		text-decoration:none;
		display:block;
		color:#000;
		margin:0;
		padding: 0 0 4px 5px;
	}
	#navMenu ul ul {
		position: absolute;
		visibility: hidden;
		background-color: #e9ecf0;
		padding: 10px 0 0 0;
		margin: 0 0 0 5px;
		width: 150px;
		opacity: 0;
        -webkit-transition: all 0.25s linear;
	}
	#navMenu ul ul li {
		border-bottom: 1px solid #ebebeb;
		background-color: #fff;
	}

#navMenu ul ul li a {
		padding: 5px 30px 5px 0;
	}



	#navMenu ul ul li:hover {
		background-color: #f8f7f7;
	}
	#navMenu ul li:hover ul {
		visibility:visible;
		opacity: 1;
		margin-top: 0;
	}



.icon-down:before {
	width: 0; 
	height: 0; 
	content: "";
	position: relative;
	top: 12px;
	left: -18px;
	border-top: 4px solid rgba(255, 255, 255, 1);    	
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}


@media screen and (min-width: 1024px) /* Desktop */ {
	
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 667px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
	.logo.web {display: none !important; }
	.mobile { display: inherit !important; }
	.desktop { display: none !important; }
	.section { font-size:22px; line-height:28px; }
	.section.fourspacer { display: none; }
	.section h1 { font-size: 35px; line-height: 35px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h2 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h3 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h4 { font-size: 20px; line-height: 20px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h5 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h6 { font-size: 10px; line-height: 10px; font-family: 'LG Smart Light' !important; margin:0; }
	
	/* package */
	.scalable .copybox { position:relative; left:0; width:100%; margin:100px 0 0 0; padding:20px; }
	.scalable .copybox.left { position:relative; left:0; width:100%; margin:100px 0 0 0; padding:20px; text-align: center !important; }
	.scalable .copybox.center { position:relative; left:0; width:100%; margin:0; padding:20px; }
	.scalable .copybox.right { position:relative; left:0; width:100%; margin:0; padding:20px; }
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 666px)
  and (-webkit-min-device-pixel-ratio: 1){
	.mobile { display: inherit !important; }
	.desktop { display: none !important; }
	.section { font-size:15px; line-height:19px; }
	.section.fourspacer { display: none; }
	.section h1 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h2 { font-size: 30px; line-height: 30px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h3 { font-size: 25px; line-height: 25px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h4 { font-size: 20px; line-height: 20px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h5 { font-size: 15px; line-height: 15px; font-family: 'LG Smart Light' !important; margin:0; }
	.section h6 { font-size: 10px; line-height: 10px; font-family: 'LG Smart Light' !important; margin:0; }
	
	
	/* package */	
	.scalable .copybox { position:relative; left:0; width:100%; margin:0; padding:20px; text-align: center; }
	.scalable .copybox.center { position:relative; left:0; width:100%; margin:0; padding:20px; }
	.scalable .copybox.right { position:relative; left:0; width:100%; margin:0; padding:20px; }
}