/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 0 0 5% 4%;
}

.col2 {
    display: block;
    float: left;
    margin: 0 0 5% 0%;
}

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRIDS */
.span_6_of_6 {width: 100%;}
.span_5_of_6 {width: 83.06%;}
.span_4_of_6 {width: 66.13%;}
.span_3_of_6 {width: 49.2%;}
.span_2_of_6 {width: 32.26%;}
.span_1_of_6 {width: 15.33%;}

.span_5_of_5 {width: 100%;}
.span_4_of_5 {width: 79%;}
.span_3_of_5 {width: 58%;}
.span_2_of_5 {width: 37%;}
.span_1_of_5 {width: 16%;}

.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}

.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 66.13%;}
.span_1_of_3 {width: 32.26%;}

.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.5%;}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 768px) {
	.col {
	display: block;
	float:left;
	margin: 0 0 5% 0%;
}
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6 { width: 100%; }
	/*.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }*/
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	
}

	body {
		font-size: 16px !important;
	}
	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: 100%;
	}
	
	.max-16 {
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
	}
	.max-1190 {
		width: 100%;
		max-width: 1190px;
		margin: 0 auto;
	}
	.max-1215 {
		width: 100%;
		max-width: 1250px;
		margin: 0 auto;
	}
	
	.section {
		position: relative;
	}
	.container-abs {
		position: absolute;
	}
	.play-btn {
		margin-left: 45.5%;
		margin-top: 17%;
		width: 7%;
		max-width: 110px;
	}
	.nav {
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
	}
	.copyblock {
		width: 39%;
		position: absolute;
		text-align: left;
		color: #fff;
		right: 0;
		top: 25%;
	}
	.copyblock2 {
		width: 100%;
		font-family: lg smart bold;
		font-size: calc(16px + 1.78vw);
		line-height: 100%;
	}

	.headline {
		font-family: lg smart light;
		font-size: calc(16px + 2.74vw);
	}
	.copy {
		font-family: lg smart light;
		font-size: calc(16px + .65vw);
	}


@media screen and (min-width: 1600px) {
.headline {
font-size: 63.5px !important;
}
.copy {
font-size: 27.25px !important;
}
.btn, a.btn {
font-size: 20px !important;
}
.copyblock2 {
font-size: 45px !important;
}
.top5headline {
font-size: 35px !important;
}
}

	.margin25 {margin: 25px auto;}
		.margin25top {margin: 25px auto 0px;}
		.margin25bot {margin: 0px auto 25px;}
	.margin50 {margin: 50px auto;}
		.margin50top {margin: 50px auto 0px;}
		.margin50bot {margin: 0px auto 50px;}
	.margin75 {margin: 75px auto;}
		.margin75top {margin: 75px auto 0px;}
		.margin75bot {margin: 0px auto 75px;}
	.margin100 {margin: 100px auto;}
		.margin100top {margin: 100px auto 0px;}
		.margin100bot {margin: 0px auto 100px;}

	.btn, a.btn {
		padding: 10px 20px 8px;
		padding: 1rem 1rem .8rem;
		font-size: 1.25vw;
		border-radius: 0px;
		background-color: #fff !important;
		font-weight: 400;
		line-height: normal;
		color: #000 !important;
		text-align: center;
		cursor: pointer;
		transition: none;
		border: none;
	}
    .btn, a.btn:hover {
		background-color: #db0546 !important;
		color: #fff !important;
	}

	.top5headlinecontainer {
		max-width: 960px;
		margin: 100px auto 50px auto; 
		width: 100%;
	}

	.top5headline {
		font-family: lg smart regular;
		margin: 0 calc(10% - 34px);
		font-size: calc(16px + 1.18vw);
	}

	.top5container {
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
	}
	.graybg {
		position: absolute;
		left: 0;
		top: 28%;
	}
    
    .graybg2 {
		position: absolute;
		left: 0;
		top: 13%;
	}
    
    .graybg3 {
		position: absolute;
		left: 0;
		top: 24%;
	}
    
    
	.prodheadline {
		font-size: 19px;
		font-family: lg smart bold;
	}
	.prodcopy {
		font-size: 14px;
		font-family: lg smart regular;
	}
	.prodlink {
		font-size: 14px;
		font-family: lg smart semibold;
		color: #a50034;
		margin-top: 10px;
	}
	.prodlink a {
		color: #a50034;
	}    

    .prodlink a:hover {
		color: #db0546;
	}

	.prodbtn, a.prodbtn {
		padding: 10px 20px 8px;
		padding: .5rem 1.5rem .5rem;
		border-radius: 0px;
		background-color: #fff !important;
		line-height: normal;
		color: #a50034 !important;
		text-align: center;
		cursor: pointer;
		transition: none;
		border: 1px solid #a50034;
		font-size: 12px;
		font-family: lg smart semibold;
	}
    a.prodbtn:hover {
		background-color: #000 !important;
		color: #fff !important;
		
	}
    
	a:focus, a:hover {
		text-decoration: none !important;
	}
	.botbtn, a.botbtn {
		padding: 10px 20px 8px;
		padding: 1rem 2rem .8rem;
		font-size: 20px !important;
		border-radius: 0px;
		background-color: #000 !important;
		font-weight: 400;
		line-height: normal;
		color: #fff !important;
		text-align: center;
		cursor: pointer;
		transition: none;
		border: none;
		font-family: lg smart regular;
	}