.container { min-width: initial; }
a { outline: none }
a:hover { text-decoration: none; }
#hero { color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden }
#hero .artist-name { position: absolute; font-size: 12px; right: 25px; bottom: 25px; color: rgba(255, 255, 255, .6); }
.artist-name.is-pc, .artist-name.is-mac { display: none }
h1 { font-size: 24px; line-height: 1; font-weight: 400; margin: 0 0 20px 0; padding: 0; }
.wordmark { text-align: left }
.wordmark h1 img { width: 250px; margin-left: 0; }
.wordmark span { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.hp-hero-promo {
	border: 2px solid #4A10D6;
	border-radius: 10px;
	position: relative;
	padding: 30px 23px 25px 23px;
	margin-bottom: 32px;
	/*margin-top: 40px;*/
}
.hp-hero-promo .title {
	background: #4A10D6;
	border-radius: 5px 5px 5px 0px;
	position: absolute;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 12px;
	top: -20px;
	left: -2px;
	color: #fff;
	text-transform: uppercase;
}
.hp-hero-promo .save {
	font-size: 16px;
}

.hp-hero-promo p.tagline {
	margin: 0 !important;
}
.title-box { height: 480px; display: table; width: 100%; text-align: center; }
.title-box header { display: table-cell; vertical-align: middle }
.title-box p span { font-weight: 400; }
.title-box p { font-size: 16px; font-weight: 400; margin: 15px 0 25px; line-height: 1.5; }
.title-box p.available { font-size: 16px; margin: 8px 0 0 0 }
.title-box p.available a { color: #fff; text-decoration: underline }
.buttons { margin: 0 !important; }
.btn-learn-more { background: #fff; color: #333; }
.btn-trial { background: transparent; color: #fff; }
.btn-trial:hover, .btn-trial:focus, .btn-trial:active { outline: none; background: transparent; color: #fff; border: 2px solid #fff; }
.btn-learn-more:hover, .btn-learn-more:focus, .btn-learn-more:active { outline: none; color: #1d0a3c; }
#brands { background-color: #000 }
#other-products { padding-top: 25px; padding-bottom: 60px; }
#other-products .module-row a { color: #333; background-color: #fff; }
#other-products .module-row a .link { color: #009cff; }
#other-products .module-row a:hover .link { text-decoration: underline; }
#other-products .module { background-color: #fff; padding: 0; font-size: 16px; position: relative; padding-bottom: 50px;
    height: 100%;}
#other-products .module-row .module-col { margin-bottom: 20px }
#other-products .module .content { padding: 15px 0 0;}
#other-products .module h4 { font-weight: 600 }
#other-products .module .artist-name { position: absolute; right: 15px; top: -25px; font-size: 11px; color: rgba(255, 255, 255, .6); }
#other-products .module .artist-holder {position: relative;}
#other-products .module .call-out { position: absolute; left: 15px; top: -15px; background-color: #000; color: #fff; font-size: 12px; font-weight: 700; padding: 5px 15px; display: inline-block; }
#other-products .module img { width: 100%; border-radius: 10px;}
#other-products .module .savingsBadgeHolder {
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 1;
    width: 100%;
}
#other-products .module .savingsBadge {
    position: absolute;
    right: 0;
    top: 0;
    background: #CC1275;
	color: #fff;
    margin: 0;
    padding: 8px 12px;
	border-radius: 0 10px 0 10px;
	text-transform: uppercase;
	font-size: 14px;
}
.spotlight { position: relative; }
.spotlight img { width: 100%; }
.spotlight .content { padding: 50px 35px 0; }
.spotlight h4 { font-size: 24px; font-weight: 400; line-height: 1.1 }
.spotlight p { font-size: 20px; font-weight: 300; }
.spotlight p, .spotlight h4 { color: #fff }
.spotlight .artist-name { font-size: 11px; position: absolute; bottom: 15px; left: 15px; color: rgba(255, 255, 255, .6); }
.spotlight .sp-img { background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 325px; }
.spotlight .sp-content { position: relative; }
.spotlight .sp-content .savings-badge { position: absolute; right: 0; top: 0; background: #009CFF; color: #fff; margin: 0; padding: 5px 15px 7px; font-size: 17px; font-weight: 400 }
.loc.title-box .btn.btn-trial { margin-right: 0 }
.loc.title-box .btn { margin-right: 15px; }
.spotlight .new { text-transform: uppercase; font-weight: 600; font-style: italic }
.special-highlight { display: inline-block; margin-bottom: 10px; padding: 2px 10px 4px; background: #ff9c00; color: #fff; font-size: 16px; box-shadow: 0 0 1px 0 #69727a; }
#corel .special-highlight { padding: 5px 15px; margin-bottom: 0; }
#other-products .pe .module .artist-name { top: -40px; right: 9px; text-align: right; }

@media (max-width: 991px) {
.module-col nobr { white-space: inherit }
}

@media (max-width: 767px) {
.hp-hero-promo {margin-top: 40px;}
#hero .hero { background: rgba(0, 0, 0, .7); background-size: cover; padding-bottom: 30px; }
.wordmark { width: 225px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; position: relative; }
.wordmark h1 img { margin-left: 0; }
.wordmark p.label-new { text-align: left; }
.title-box { min-height: 400px; height: inherit; padding-top: 30px; }
.title-box p { font-size: 18px; font-weight: 400; margin: 15px 0 25px; line-height: 1.5; width: 100%; padding-left: 30px; padding-right: 30px; }
p.tagline { font-size: 16px; }
h2.title { margin-bottom: 30px; }
.buttons.mobile { display: block !important; }
#other-products { padding: 10px 0 20px; }
#hero .artist-name { color: rgba(255, 255, 255, .5); }
#other-products .pe .module .artist-name { right: 15px; }
.spotlight .content { padding: 30px 35px; margin-bottom: 20px; }
.spotlight p { font-size: 16px; }
}

@media (min-width: 768px) {
#hero { background-position: center !important; background-repeat: no-repeat; background-size: cover !important; }
h1 { font-size: 24px }
.buttons.desktop { display: block !important; }
.title-box { text-align: left; }
.title-box p span { font-weight: 400; }
.title-box p { font-size: 16px; margin: 15px 0 20px; line-height: 1.5; }
h2.title { text-align: center; font-weight: 400; font-size: 32px; }
.spotlight h4 { font-size: 28px; }
#other-products .module-row { padding-top: 20px; display: -webkit-flex; display: -ms-flexbox; display: flex; display: table-cell\9; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
#other-products .module-row .module-col { display: -ms-flexbox; display: -webkit-flex; display: flex; display: table-cell\9; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
#add-ons .module-row { padding-top: 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.spotlight .row { min-height: 325px; }

}

@media (min-width: 992px) {
h1 { font-size: 36px }
.title-box p { font-size: 18px; font-weight: 400; margin: 15px 0 35px; line-height: 1.5; }
h1.wordmark img { width: 350px; margin-left: 0; }
}

@media (min-width: 768px) and (max-width: 1199px) {
.btn { margin-bottom: 5px; }
.spotlight p { font-size: 18px; }
}

@media (min-width: 1200px) {
#other-products .module-row { margin: 0 -30px }
}

@media (min-width: 2200px) {
.title-box { min-height: 600px; }
.title-box p { font-size: 24px; }
.container { width: 1600px; max-width: 1600px; }
}
#other-products .module .abs-bottom { position: absolute !important; bottom: 0 !important;}
.hp-hero-promo { border: 2px solid #CC1275; width: 100%;}
.hp-hero-promo .title { background: #CC1275;}