div.cta-banner-wrapper{
	background-image:url('/resources/images/layout/heros/3ds_max_hero_hq_cropped.jpg');
	background-size:cover;
	background-position:center;
}

div.cta-banner-wrapper div.inner-wrapper{
	padding-top:20px;
	padding-bottom:20px;
}

div.cta-banner-wrapper h1{
	color:rgb(60, 60, 60);
	font-weight:bold;
	margin-bottom:0px;
}

div.cta-banner-wrapper h2{
	color:rgb(60, 60, 60);
	width:60%;
	font-size:1.6em;
}


/* offers */

div.offers-wrapper{
	padding-top:40px;
	width:auto;
	float:none;
	margin:0 auto;
	text-align:center;
}

div.offers-wrapper div.offer{
	width:100%;
	display:block;
}

div#maya_offer + div#_3ds_max_offer{
	padding-top:30px;
}

div.offer div.options-wrapper{
	width:100%;
	text-align:center;
}

div.options-wrapper div.option{
	background-color:var(--li-dark-grey);
	color:white;
	width:40%;
	display:inline-block;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
	margin-bottom:30px;
	font-size:0.7em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   div.options-wrapper div.option{
        padding-top:10px;
   }
}

div.options-wrapper div.option.active{
	background-color:var(--li-navy);
}

div.options-wrapper div.option div.arrow{
	position:absolute;
	margin:0 auto;
	left:0; right:0;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	background-color:transparent;
	border-top: 20px solid var(--li-navy);
	display:none;
}

div.options-wrapper div.option.active div.arrow{
	border-top: 20px solid var(--li-navy);
	display:block;
}

div.offer div.offer-details-wrapper{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	position:relative;
}

div.offer.tall img.product-icon{
	max-width:50%;
	margin:0 auto;
	margin-bottom:20px;
}

div.offer div.offer-details-wrapper img.product-icon{
	max-width:50%;
	float:left;
}

div.offer.try div.offer-details-wrapper img.product-icon{
	max-width:60%;
	float:none;
}

div.offer div.offer-details-wrapper div.offer-details{
	height:100%;
	float:right;
	width:50%;
	position:relative;
	text-align:center;
	color:var(--li-dark-grey);
	font-weight:bold;
	display:none;
	color:rgb(70, 68, 69);
}

div.offer div.offer-details-wrapper div.offer-details.active{
	display:block;
}

div.offer-details div.save{
	color:#dd2222;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.2em;
	margin-top:15px;
	line-height:1em;
	height:1.4em;
}

div.offer-details div.strikethrough{
	text-decoration:line-through;
	line-height:1em;
	height:1em;
}

div.offer-details div.offer-price{
	color:rgb(70, 68, 69);
	font-size:2.6em;
	margin-left:3px;
}

div.offer-price sup{
	font-size:0.6em;
}

div.offer-price sub{
	font-size:0.4em;
}

div.get-button{
	margin-top:10px;
	display:block;
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	color:white;
	border-radius:4px;
	font-size:1em;
	font-weight:bold;
	position:relative;
	text-transform:uppercase;
	background-color:#dd2222;
	border:1px solid #a61919;
}

div.get-button:hover{
	background-color:#a61919;
}

div.get-button.button-white {
	background-color:#fff;
	border:1px solid #dd2222;
	color: #dd2222;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   div.get-button{
	   padding-top:17px;
   }
}

div.offer div.get-button{
	display:none;
}

div.offer div.get-button.active{
	display:block;
}

div.get-button a{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
}

div.legal-disclosure-toggle{
	color:white !important;
	padding-top:20px;
	padding-right:10px;
	font-size:0.9em;
	text-align:left;
	color:var(--li-dark-grey);
}

div.legal-disclosure-toggle.text-dark{
	color:#000 !important;
}

div.legal-disclosure-toggle span.legal-toggle{
	text-decoration:underline;
	cursor:pointer;
}

/* legal terms for buy cta */

div.discount-disclosure{
	font-size:10px;
	text-align:right;
	color:#909090;
	margin-left: 20px;
    margin-right: 20px;
}

div#legal-terms{
	height:0px;
	overflow:hidden;
	margin-top:0px;
	color:rgb(0, 0, 0);
	font-size:0.6em;
	-webkit-transition: all 1s; /* Safari 3.1 to 6.0 */
    transition: all 1s;
	
}

div#legal-terms.open{
	height:auto;
	overflow:default;
	-webkit-transition: all 1s; /* Safari 3.1 to 6.0 */
    transition: all 1s;
}

div#legal-terms h1{
	padding-top:0px;
	padding-bottom:5px;
	color:black;
}

div#legal-terms h2{
	padding-top:10px;
	padding-bottom:5px;
	font-style:italic;
}

div#legal-terms p{
	padding-top:5px;
	padding-bottom:5px;
	font-style:italic;
	font-size:1.2em;
}

.pull-right {
	float: right !important;
}