/* Reset */
* { margin: 0; padding: 0; border: 0; }
body, html { height: 100% }
body { font-size: 16px; line-height: 1.5em; overflow: hidden; }
iframe { overflow: hidden; background-color: transparent; z-index: 100 }
input, textarea, select { font-family: Segoe UI, sans-serif; }
select:focus::-ms-value {
background: none
}
img { width: 100%; height: 100%; }
h1, h2, h3, h4, h5 { color: #000; }
/* Global */
body { font-family: 'Segoe UI', 'Avenir Next', sans-serif; }
a { text-decoration: none; color: #009cff; }
a:hover { text-decoration: none; }
a:link, a:visited, a:hover, a:active { cursor: pointer; }
button { border: none; }
button:hover { cursor: pointer; }
button.blue { background: #009cff; color: #fff; }
button.blue:hover { background: #28acff }
button.grey { background: #e1e1e1; color: #000 }
.btn-primary {color:#fff; background: #009cff; border-radius: 0; border: 1px solid #009cff; font: 400 13.3333px Arial; text-transform: uppercase; border-radius: 0 !important; text-shadow: none; }
.btn-primary:hover { background: #28acff }
.btn { font-size: 0.95em; font-weight: 100; text-transform: uppercase; min-width: 7.5em; line-height: 1; }
#window { height: 100%; }
.top { height: 1.563em; padding: 0.5em 0.625em 0.125em 1.05em; font-weight: 100; line-height: 1; background: #fff; }
.top span { font-weight: 400; font-size: 0.875em; }
#close { float: right; }
#close button { width: 10px; height: 20px; background-color: transparent; cursor: pointer; }
.center { text-align: center; }
.message { float: left; padding-top: 1.563em }
.message span { color: #fff; text-transform: uppercase }
.badge { display: inline-block; color: #fff; padding: 0.25em 0.750em; font-weight: 600; }
.bg-blue { background-color: #009cff; }
.bg-orange { background-color: #EA552B; }
.col { width: 13.75em; float: left; text-align: center }
.image { float: right }
.heading { font-weight: 600; margin-bottom: 0.5em; }
.copy { font-size: 0.875em; line-height: 1.35; margin-bottom: 1em }
.lto-promo { font-weight: 600; }
.price { margin-bottom: 0.625em }
.priceDisplayStrikethrough { font-size: 1.125em; color: #777; display: block; text-decoration: line-through }
.priceDisplayNormal { font-size: 1.625em; font-weight: 600; }
.disclaimer { font-size: 0.750em; margin-top: 0.125em; float: left;}
.disclaimer.twolines { line-height: 1.25em; margin-top: 0.5em }
.callout { height: 8.750em }
.triangle { width: 0; height: 0; border-style: solid; border-width: 8.750em 25em 0; margin-left: -7.813em; position: absolute; z-index: 1 }
.blackout { background-color: rgba(0, 0, 0, 0.7); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 ); }
.wordmark .blackout { padding: 0.625em 1.250em }
.wordmark .wm { width: 10.4em }
.blue { color: #009cff }
body.ipm { background-color: #fff; color: #000 }
.ipm .btn { padding: 0.64em 0.9em 0.6em; }
body.cuh { background-color: #000; color: #fff }
.cuh .btn { padding: 0.45em 0.6em 0.5em; }
/* IPM */
.ipm .message { width: 10.85em; padding-left: 1.563em; }
.ipm .message span { font-size: 1.4em; }
.ipm .content { padding-right: 1em; float: right; width: 17.9em }
.ipm .hero { height: 8.5em; position: relative }
.ipm .hero .image img { height: 100% }
.ipm .intro { padding: 0 1.563em; }
.ipm .box { width: 11.2em; padding-left: 1.563em; float: left; position: relative }
.ipm .heading { font-size: 1.250em; }
.ipm .callout .heading { color: #fff; position: absolute; z-index: 100; width: 12.27em; text-align: center; margin-top: 0.2em; }
.ipm .lto-promo { font-size: 1.875em; margin-bottom: 0.35em; }
.ipm ul.list { list-style-type: none; margin-bottom: 1.2em; }
.ipm ul.list li { background: url(/static/ipm/images/bullet-arrow.png) no-repeat 0 0.438em; background-size: 0.438em 0.625em; padding-left: 1em }
.ipm.ipm-01 .hero .image, .ipm.ipm-02 .hero .image, .ipm.fam-01 .hero .image { width: 62.75%; height: 8.5em }
.ipm.ipm-01 .main { margin-top: 1.875em; }
.ipm.ipm-02 .lto-promo, .ipm.special .lto-promo { font-size: 3.5em; font-weight: 400; line-height: 0.7; text-transform: uppercase }
.ipm.family .intro { padding: 0.5em 2.2em 0 }
.ipm.family .intro.center { padding: 0 3em 0.4em; }
.ipm.family .lto-promo { font-size: 3em; font-weight: 400; line-height: 0.7; }
.ipm.family .row.compare { width: 27.5em; margin: 0 auto; }
.ipm.family .box { width: 6em; float: none; padding: 0; margin: auto }
.ipm.fam-02 .heading { font-size: 2em; margin-top: 0.5em; }
.ipm.fam-02 .copy { font-size: 1em; }
.ipm.special .heading { text-transform: uppercase; font-size: 2.8em; font-weight: 100; line-height: 1; }
.ipm.special .intro .heading { font-weight: 400; line-height: 0.65; margin-bottom: 0.75em; }
.ipm.special .intro .heading span { text-transform: none; font-size: 0.6em; }
.ipm.special .content { width: 17.9em; }
.ipm.special .box { width: 11.4em; padding-left: 2em; }
.ipm.special .box .label { position: absolute; top: 14.3em; left: 1.9em; background: #EA552B; color: #fff; font-size: 0.813em; padding: 0.125em 0.625em }
.ipm.special .box .label:after, .ipm.special .box .label::after { position: absolute; left: 0; bottom: -0.5em; width: 0; height: 0; border-style: solid; border-width: 0 0.6em 0.5em 0; border-color: transparent #EA552B transparent transparent; content: ''; }
.ipm.spec-02 .BuyLink { float: left; }
.ipm.spec-02 .lto-promo { font-size: 3em; }
.ipm.special .lto-promo .items { font-size: 0.375em; margin-top: 1.1em; text-transform: none; line-height: 1.3; }
.ipm.item .hero, .ipm.patch .hero { float: left; height: auto; }
.ipm.item .hero .image { height: 13.75em; margin-bottom: 0.375em }
.ipm.item .hero .label { position: absolute; padding: 0.28em 1em; background: #EA552B; color: #fff; bottom: 2.5em; font-size: 1.125em; text-transform: uppercase; }
.ipm.item .lto-promo { font-size: 3em; font-weight: 600; line-height: 0.7; text-transform: uppercase; color: #ea552b; }
.ipm.item .lto-promo { font-size: 3em; font-weight: 600; line-height: 0.7; text-transform: uppercase; color: #ea552b; }
.ipm.item .main { margin-top: 1em; float: left }
.ipm.item .col { width: 15.48em; text-align: left; padding: 0 0.29em 0 1em; margin-top: 1.250em }
.ipm.item .col.left { border-right: solid 0.063em #d4d4d4; }
.ipm.item .col.left .copy { font-size: 1em }
.ipm.item .col.instructions ol, .ipm.patch ul { font-size: 0.875em; line-height: 1.3; margin-left: 1.3em; }
.ipm.item .price { margin-bottom: 1em }
.ipm.item .txt-each { font-size: 0.75em; white-space: nowrap; }
.ipm.item-01 .wordmark { position: absolute; bottom: 1.25em; left: 18em; }
.ipm.item-01 .wm { width: 9.7em; }
.ipm.item-02 .main { position: absolute; bottom: 2.5em; padding: 0 1em; color: #fff }
.ipm.item-02 .main .blackout { padding: 1.25em 1.563em 1.875em }
.ipm.item-02 .main .heading { color: #7ec589; text-transform: uppercase; font-size: 1.25em; font-weight: 100 }
.ipm.item-02 .main .copy { margin-bottom: 1.4em }
.ipm.item-02 .links { position: absolute; bottom: 0.8em; right: 1.5em; color: #fff; text-align: right; font-size: 0.75em }
.ipm.item-02 .links a { color: #fff; text-decoration: underline }
.ipm.patch .main { padding: 0.5em 2em; float: left; }
.ipm.patch ul { padding-bottom: 0.625em }
.ipm.patch li { margin-bottom: 0.625em }
/* CUH */
.cuh .badge { text-transform: uppercase; font-weight: 100; padding: 0.063em 0.75em; }
.cuh #close { position: absolute; float: none; right: 0.75em; top: 0; z-index: 101 }
.cuh.hor .main { background-color: #1f1f1f; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0.063em solid #626262; padding: 0.813em 0.75em; }
.cuh.hor .image { float: left; margin-right: 0.625em; }
.cuh.hor .image img { float: left; }
.cuh.hor .heading { margin-bottom: 0; font-size: 1em; color: #fff; }
.cuh.hor .copy { color: #969696; font-size: 0.8em }
.cuh-01 .main { margin-top: 0.6em }
.cuh-01 .message { width: 6.7em; margin-left: 0.813em; padding-top: 2.65em; background: url(/static/ipm/images/logo-corel.png) no-repeat 0 0.625em; line-height: 1.250em; background-size: 4.2em }
.cuh-01 .message span { font-size: 0.875em; }
.cuh-01 .hero { height: 7.375em }
.cuh-01 .image { width: 7.938em; }
.cuh-01 .content { text-align: center; }
.cuh-01 .heading { font-size: 1.125em; }
.cuh-01 .lto-promo { font-size: 2.250em; color: #12a8c2; margin-bottom: 0.575em; }
.cuh-02 .main { margin: 1.25em 1.25em 0 0 }
.cuh-02 .badge { margin-left: 0.625em; line-height: 1.5; font-size: 0.938em; }
.cuh-02 .blackout { padding: 0 0.55em 0.125em }
.cuh-02 .blackout.b1 { font-size: 1.25em; }
.cuh-02 .blackout.b2 { margin-top: 0.125em; font-size: 0.813em; display: inline-block; padding: 0 0.625em 0.125em }
.cuh-03 .wordmark { margin: 0.625em 0 0 0.938em; text-align: left; }
.cuh-03 .wordmark .wm { width: 6.5em }
.cuh-03 .main { position: absolute; left: 0; bottom: 1.875em; width: 13.125em; height: 3.75em; padding: 0.625em 0.938em; z-index: 1 }
.cuh-03 .heading { font-size: 1.25em; line-height: 1; }
.cuh-03 .heading span { font-weight: 100; font-size: 0.9em; }
.cuh-03 .btn { position: absolute; bottom: 1.3em; left: 0.938em; z-index: 100 }
/* Black November CUH */
#blacknovember.cuh { background-color: #f0f0f0; color: #000000; }
#blacknovember .message { background: none !important; padding-top: 2.25em !important; text-align: center; width: 100% !important; line-height: 1.50em !important; margin-left: 0 !important; }
#blacknovember .message span { color: #ff0066; display: block; font-size: 1.4em !important; font-weight: 100 !important; line-height: 1 !important; }
#blacknovember.cuh-01 .heading { font-size: 0.938em; }
#blacknovember.cuh-01 .lto-promo { color: #000; }
#blacknovember.cuh-01.loc .message { padding-top: 2.1em !important; }
#blacknovember.cuh-01.loc .lto-promo { font-size: 1.75em }
/* Loc overrides */
.ipm.ipm-02.loc .lto-promo, .ipm.special.loc .lto-promo { font-size: 2.1em; margin-top: 0.3em; }

/* IPTN */
.iptn .badge { text-transform: uppercase; font-weight: 100; padding: 0.063em 0.75em; }
.iptn #close { position: absolute; float: none; right: 0.75em; top: 0; z-index: 101 }
.iptn.small .main { background-color: #1e242e; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0.063em solid #626262; padding: 0.813em 0.75em; }
.iptn.small .image { float: left; margin-right: 0.625em; }
.iptn.small .image img { float: left; width: 3.75em; }
.iptn.small .heading { margin-bottom: 0; font-size: 1em; color: #fff; }
.iptn.small .copy { color: #b5b5b5; font-size: 0.8em; }

.iptn.large .main { background-color: #1e242e; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 0.063em solid #626262; padding: 0.9em 0.75em; }
.iptn.large .content { padding-right: 1em; float: right; width: 15.5em; }
.iptn.large .image { float: left; margin-right: 0.625em; }
.iptn.large .image img { float: left; width: 4.5em; }
.iptn.large .heading { font-size: 1.15em; color: #fff; }
.iptn.large .copy { color: #b5b5b5; font-size: .95em; letter-spacing: -.04em }
.iptn.large .copy p { margin-bottom: 1em; }
.guar { color: #fbb414; }

/* TRIAL IPMs */
.ipm-trial .hero { height: 3.75em; position: relative; }
.ipm-trial .hero .image { float: left; padding-top: 1.2em; padding-left: 1em; }
.ipm-trial .countdown {
	color: #fff;
	height: 100%;
	vertical-align: middle;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	padding: 0 .75em;
}
.ipm-trial .countdown.green {
	background: #127601; /* For browsers that do not support gradients */
    background: linear-gradient(#419b04, #127601);
}
.ipm-trial .countdown.yellow {
	background: #ce6d02; /* For browsers that do not support gradients */
    background: linear-gradient(#f38200, #ce6d02);
}	
.ipm-trial .countdown.red {
	background: #a20303; /* For browsers that do not support gradients */
    background: linear-gradient(#f50101, #a20303);
}
.ipm-trial .countdown .days { font-size: 2.5em; font-weight: bold; float:left; padding-top: .385em; }
.ipm-trial .countdown .days.es { font-size: 2em; text-align:center; padding-top: 0; line-height: .3em; margin-top: -.15em; }
.ipm-trial .countdown .days.es span.firstline { font-size: .3em; display: inline-block; line-height: 2.3em; }
.ipm-trial .countdown .days.es span.daysleft { font-size: 1em;text-align: center;padding-top: 0;margin-top: -.25em;line-height: .5em !important; }
.ipm-trial .countdown .days.es span.bottomline { font-size: .3em; }
.ipm-trial .countdown .label { font-size: .75em; line-height: 1.1em; padding-top: .8em; margin-left: .6em; display: inline-block; }
.ipm-trial .topmessage {
	color: #fff;
	height: 100%;
	vertical-align: middle;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	padding: 0;
}
.ipm-trial .topmessage.purple {
	background: #553888; /* For browsers that do not support gradients */
    background: linear-gradient(#684a9c, #553888);
}
.ipm-trial .topmessage .label { font-size: 1.15em; line-height: 1em; font-weight: bold; padding: .6em 1em; text-align: center; }
.ipm-trial .keyimage { width: 15.5em; float: left; position: relative; }
.ipm-trial .content { margin-top: 2em; width: 16.5em; }
.ipm-trial .heading { font-size: 1.4em; letter-spacing: -.025em; line-height: 1.25em; }
.ipm-trial .cta .heading { font-size: 1.15em; font-weight: 600; margin-bottom: 0; }
.ipm-trial .cta .copy { font-size: 1em; margin-bottom: 1.5em; }
.ipm-trial .cta img.mbg { width: 91px; float: right; margin-top: -3.5em; }
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 2em;
	margin-bottom: 1.5em;
}

/* ULT-OFFER */
.ult-offer .hero {
	height: 3.5em;
	position: relative;
	font-size: 1.3em;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 3.5em;
}
.ult-offer.ipm .content { float: none; margin-left: 2em; margin-top: 2em; width: 50%; }
.ult-offer .heading { font-size: 1.25em; letter-spacing: -.025em; line-height: 1.25em; }
.ult-offer .copy { font-size: 1em; margin-bottom: 1.5em; }
.ult-offer .image { margin-right: 2em; }
.ult-offer .image { width: 145px; height: 195px; }
.ult-offer .cta .heading { font-size: 1.15em; font-weight: 600; margin-bottom: 0; }
.ult-offer .cta .copy { font-size: 1em; margin-bottom: 1.5em; }
.ult-offer .cta .lto-promo { text-transform: uppercase !important; color: #e97348; font-size: 2.25em; font-weight: bold; }
.ult-offer .cta .priceDisplayStrikethrough { font-size: .75em; display: inline-block; }
.ult-offer .cta .regularly { font-size: .75em; color: #777777; }