/*
Skeleton V1.1 -- Layout
*/

/* Table of Content
==================================================
	#baseline corrections
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Typography (baseline corrections)
================================================== */

	.band h1,
	.band h2,
	.band h3,
	.band h4,
	.band h5,
	.band h6,
	.band h7
	 { font-family: 'LG Smart Light' !important; text-transform:inherit; }
	
	p { margin: 0 0 21px 0; font-family: "LG Smart Light" !important;
text-transform: inherit; }
	p.lead { line-height: 28px; }
	

/* #Site Styles
================================================== */

@font-face{ 
	font-family: 'WebSymbolsRegular';
	src: url('../fonts/websymbols/websymbols-regular-webfont.eot');
	src: url('../fonts/websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/websymbols/websymbols-regular-webfont.woff') format('woff'),
	     url('../fonts/websymbols/websymbols-regular-webfont.ttf') format('truetype'),
	     url('../fonts/websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	}
	
/* #BASE
================================================== */
	img { max-width: 100% }
	.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; }
	
	.left { float:left !important; }
	.right { float:right !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; }
	
	.border-full-alt { border: 1px dotted #CCCCCC !important; }
	.border-top-alt { border-top:1px dotted #ccc; }
	.border-right-alt { border-right:1px dotted #ccc; }
	.border-bot-alt { border-bottom:1px dotted #ccc; }
	.border-left-alt { border-left:1px dotted #ccc; }	
	
/* PRODUCT LISTING GRID
================================================== */
	li.model { font-size: 15px; color: #000; font-family: 'LG Smart Bold'; }
	li.model a { font-size: 15px; color: #000; font-family: 'LG Smart Bold'; text-decoration:none;  }
	li.msrp { font-size: 11px; font-weight: normal; color: #5d5c5c; font-family: 'LG Smart Light'; }
	li.save { font-size: 17px; font-weight: normal; line-height: 25px; color: #5d5c5c; font-family: 'LG Smart Light'; }
	li.btn { line-height: 35px; padding-left: 5px; margin-left: 40px; }
	li.description { font-size: 14px; color:#585858; font-family: 'LG Smart Bold'; }
	li.math { border-bottom:1px solid #ccc; }
	li.total { color:#D80546; font-size:19px; }
	img.prodthumb { border: 1px solid #e8e8e8 !important }
		
/* TABS
================================================== */
	.flex-control-nav { bottom:10px !important; }
	#slide-tabs { margin: 0; padding: 13px 0 0 0; list-style-type: none; }
	#slide-tabs li.tab { /*margin: 0; float: left; width: 188px !important;*/ text-align:center; }
	#slide-tabs li.tab a { display: block; text-decoration: none; /*font-family: 'LG Smart Bold';*/ font-size:16px; }
	#slide-tabs li.tab a:hover { color: #D80546; }
	#slide-tabs li.tab #active a { display: block; color: #FFF; width: 9em; padding: 10px; text-decoration: none;  }
	#slide-tabs li.tab a.active { color:#D80546; /*background:#737373 url('/us/PATHTOPACKAGE/images/arrowd-grey.png') no-repeat 50% 101% !important;*/ }
	#slide-tabs li.tab .active:after { content: ' ▾';display: block; position: absolute; height: 10px; width: 10px;z-index: 999; margin:8px 0 0 65px; color:#fff; font-size:50px; }
	#toprated-tabs { margin: 0; padding: 13px 0 0 0; list-style-type: none; }
	#toprated-tabs li.tab { /*margin: 0; float: left; width: 188px !important;*/ text-align:center; }
	#toprated-tabs li.tab a { display: block; text-decoration: none; /*font-family: 'LG Smart Bold';*/ font-size:13px; }
	#toprated-tabs li.tab a:hover { color: #D80546; }
	#toprated-tabs li.tab #active a { display: block; color: #FFF; width: 9em; padding: 10px; text-decoration: none; }
	#toprated-tabs li.tab a.active { color:#D80546; text-decoration:underline; font-family: 'LG Smart Bold'; /*background:#737373 url('/us/PATHTOPACKAGE/images/arrowd-grey.png') no-repeat 50% 101% !important;*/ }
	#toprated-tabs li.tab .active:after { content: ' ▾';display: block; position: absolute; height: 10px; width: 10px;z-index: 999; margin:8px 0 0 65px; color:#fff; font-size:50px; }
	.submenu { height:40px; margin-top:-5px; }
	.gradient-grey { background:url('/us/PATHTOPACKAGE/images/gradient-grey.png') top repeat-x; }
			
/* CUSTOM
================================================== */
	.band.spacer {  margin-top:46px; }
	.band.tophero { background:#000 url(/us/do-game-day-right/images/hero.jpg) top center no-repeat; height:480px; color:#fff; margin-top:2px }
	.fancybox-opened {z-index: 10000 !important;}
	.fancybox-overlay {z-index: 9999 !important;}
	.module { border-top: 1px solid #CCCCCC !important; padding-bottom: 40px !important; padding-top: 40px !important;}
	.red { color:#D80546 !important; }
	.day { font-family: 'LG Smart Bold'; color:#D80546; font-size:100px; clear:both; display:block; }
	.fine { font-size:10px; }
	.hero-copy { color: #fff; font-size: 17px; line-height:20px; margin-top:80px; font-family: 'LG Smart Regular' !important }
	.gradient { background: url(/us/PATHTOPACKAGE/images/gradient.png) bottom center repeat-x }
	.subnavi { font-family: 'LG Smart Bold'; font-size:16px; padding:15px 0; }
	.subnavihed { padding-top:10px; }
	#sticky { z-index:9999; }
	.quote {font-size:20px; color:#666666; line-height:24px;}
	#share {left: 700px !important;} /* share fix */
	#altmenu { width: 100%; /*background: #f0f0f0;border: 1px solid #ccc; */ border-right: none; font-family: 'LG Smart Regular' !important; font-size:14px; }
	#altmenu ul { overflow: hidden; margin: 0; padding: 0; }
	#altmenu ul li { list-style: none; float: left; text-align: center; /*border-left: 1px solid #fff; border-right: 1px solid #ccc; */ width: 16.6667%; /* fallback for non-calc() browsers */ width: calc(100% / 7); box-sizing: border-box; }
	#altmenu ul li:first-child { border-left: none; }
	#altmenu ul li a { display: block; text-decoration: none; color: #fff; padding: 10px 0; }
	#altmenu ul li a:hover , #altmenu .current { /* background-color: #D80546; */ color: #fff !important; font-family: 'LG Smart Bold' !important; }
	.accordion .question { background-image: url("/us/PATHTOPACKAGE/images/open-close.png"); background-position: 1px -25px; background-repeat: no-repeat; color: #d80546; cursor: pointer; font-family: "LG Smart Regular Italic" !important;font-size: 31px !important; padding: 6px 0 0 21px;}
	.accordion .answer { font-family: 'LG Smart Regular Italic' !important; color:#6b6b6b; font-size:23px; line-height:26px; padding:0 0 30px 0;  }
	.accordion .question.active { background-image: url("/us/PATHTOPACKAGE/images/open-close.png");  background-repeat:no-repeat;  background-position : 4px 11px;}
	.socials a img.ico-share-tw { display: inline; height: 35px; width: 41px; }
	.socials a img.ico-share-fb { display: inline; height: 34px; width: 18px; }
	.socials { float: right; z-index: 1; display: block; }

/* FlexSlider Default Theme

*********************************/
	.flexslider { position: relative;  zoom: 1;}
	.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
	.loading .flex-viewport {max-height: 300px;}
	.flexslider .slides {zoom: 1; height:auto !important; }
	.carousel li {margin-right: 5px}
	
	/* Direction Nav */
	.flex-direction-nav a {width: 35px; height: 70px; margin: -20px 0 0; display: block; background: url(/us/PATHTOPACKAGE/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; /*opacity: 0;*/ -webkit-transition: all .3s ease;}
	.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
	.flex-direction-nav .flex-prev {left: -36px;}
	.flexslider:hover .flex-next { opacity: 0.8; /*right: 5px;*/}
	.flexslider:hover .flex-prev {opacity: 0.8; /*left: 5px;*/}
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
	.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
	
	/* Control Nav */
	.flex-control-nav {width: 100%; position: absolute; top: -34px; text-align: center; display: none;}
	.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
	.flex-control-paging li a {background: none repeat scroll 0 0 #D5D5D5;    border: 1px solid #D5D5D5;    border-radius: 10px;    color: rgba(0, 0, 0, 0);    cursor: pointer;    display: inline-block;    font: 0px/0 a;    height: 14px;    text-shadow: none;width: 14px;}
	.flex-control-paging li a:hover { background: none repeat scroll 0 0 #F1F1F1; }
	.flex-control-paging li a.flex-active { background: none repeat scroll 0 0 #F1F1F1; }
	.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
	.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
	.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
	.flex-control-thumbs img:hover {opacity: 1;}
	.flex-control-thumbs .active {opacity: 1; cursor: default;}
	.count { float: left; font-size: 13px; padding-top: 10px; width: 250px; }
	.slide-current-slide, .slide-total-slides {  }
	.slide-current-slide { padding:0 5px 0 0 ; }
	.slide-total-slides { padding:0 20px 0 0; }
	#carousel.flexslider div.flex-viewport ul.slides li { list-style:none; float:none !important; }
	#carousel.flexslider { width:215px; height:426px; overflow:hidden; }
	#carousel img { border:3px solid #fff; margin:4px 0; }
	.scroll { width:200px; text-align:center; padding:0; }
	.fineprint {font-size:10px; line-height: 11px; color:#ffffff; text-align:center;}


/* MOBILE
================================================== */	
	@-webkit-viewport {
	width:device-width
	}
	@-moz-viewport {
	width:device-width
	}
	@-ms-viewport {
	width:device-width
	}
	@-o-viewport {
	width:device-width
	}
	@viewport {
	width:device-width
	}
	
	.main {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
		padding: 3em 4em;
		position: fixed;
		overflow: hidden;
		overflow-y: scroll;
		border-top-left-radius: 5px;
		box-shadow: 0 0 15px rgba(0,0,0,.6);
		top: .8em;
		right: 0;
		bottom: 0;
		width: 76%;
		background: #fff
	}
	.main::-webkit-scrollbar {
	-webkit-appearance:none;
	background-color:rgba(0,0,0,.15);
	width:8px;
	height:8px
	}
	.main::-webkit-scrollbar-thumb {
	border-radius:0;
	background-color:rgba(0,0,0,.4)
	}
	.nav-collapse {
		position: absolute;
		width: 24%;
		top: 2em;
		left: 0;
		background-color:#D80546;
	}
	.nav-collapse ul {
		display: block;
		width: 100%;
		list-style: none
	}
	.nav-collapse li {
		width: 100%;
		display: block
	}
	.nav-collapse a {
		color: #fff;
		font-weight: 700;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: background .3s ease;
		-moz-transition: background .3s ease;
		transition: background .3s ease;
		border-bottom: 1px solid rgba(0,0,0,.2);
		border-top: 1px solid rgba(255,255,255,.1);
		display: block;
		padding: .6em 2em;
		width: 100%
	}
	.nav-collapse a:hover {
		background:#920933;
		color:#fff;
	}
	.nav-collapse .active a {
		color: #fff;
		background:#920933;
	}
	.nav-collapse li:first-child a {
		border-top: 0
	}
	.nav-collapse li:last-child a {
		border-bottom: 0
	}
	#toggle {
		display: none
	}
	
	@media screen and (max-width:40em) {
		.js .nav-collapse {
			clip: rect(0 0 0 0);
			max-height: 0;
			position: absolute;
			display: block;
			overflow: hidden
		}
		.nav-collapse {
			top: 0;
			width: 100%;
			position: relative
		}
		.nav-collapse.opened {
			max-height: 9999px
		}
		.nav-collapse a:hover {
			background: transparent
		}
		.nav-collapse .active a:hover {
			color: #fff;
			background: rgba(0,0,0,.3)
		}
		#toggle {
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			display: block;
			width: 70px;
			height: 55px;
			text-align:center;
			text-indent: -9999px;
			overflow: hidden;
			background: #444 url("/us/PATHTOPACKAGE/images/hamburger.png") no-repeat 50% 33%
		}
		.main {
			-webkit-overflow-scrolling: auto;
			padding: 0 2em 1em;
			border-radius: 0;
			box-shadow: none;
			position: relative;
			width: 100%;
			overflow: hidden
		}
		.main::-webkit-scrollbar {
		background-color:transparent
		}
		.quiz { background:url("/us/PATHTOPACKAGE/images/quiz-bg-mobile.jpg") top center no-repeat; }
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:1.3), screen and (min--moz-device-pixel-ratio:1.3), screen and (-o-min-device-pixel-ratio:2 / 1), screen and (min-device-pixel-ratio:1.3), screen and (min-resolution:192dpi), screen and (min-resolution:2dppx) {
		#toggle {
			background-image: url("/us/PATHTOPACKAGE/images/hamburger.png");
			-webkit-background-size: 100px 100px;
			-moz-background-size: 100px 100px;
			-o-background-size: 100px 100px;
			background-size: 100px 100px
		}
		.quiz { background:url("/us/PATHTOPACKAGE/images/quiz-bg-mobile.jpg") top center no-repeat; }
	}
	
	@media screen and (min-width:76em) {
		.nav-collapse {
			width: 18em
		}
		.main {
			width: auto;
			left: 18em
		}
	}