h2 { font-size: 50px; }
h3 { font-size: 40px; }
#product-nav { text-transform: inherit; }
#product-nav.sticky { z-index: 20; }
#product-nav .navbar-header { float: none; }
#product-nav #subnav { font-size: 0; }
#product-nav .navbar-nav { display: inline-block; float: none; font-size: 14px; }
#product-nav .navbar-nav>li { padding: 0; }
#product-nav .navbar-nav>li>a { color: #333; }
#product-nav .navbar-nav>li>a.version { font-weight: 600; color: #000; }
#product-nav.sticky #buy { display: inline-block; }
#product-nav .btn { float: right; padding: 10px 15px 10px 15px; line-height: inherit; }
#product-nav .nav.spacing { letter-spacing: -1px; }
#product-nav .nav.spacing>li>a { padding-right: 20px; padding-left: 20px; }
img.logo-pcmag { position: absolute; }
.hero { background-position: center top; background-repeat: no-repeat; background-size: cover; font-size: 16px; color: #fff }
.hero .product-info { padding-top: 50px; padding-bottom: 50px; }
.hero .title { font-size: 24px; line-height: 1.5; }
.hero .title .new { font-size: 24px; font-style: italic; font-weight: 600; display: inline; color: #fff; }
.hero .title .description { font-size: 20px; display: block; }
.hero p { color: #ccc; font-size: 17px }
.hero p.trial a { text-decoration: underline; color: #fff; }
.hero p.trial a:hover { text-decoration: none; }
.hero .details { padding-bottom: 10px; }
.hero .details .btn-trial::after { content: "\e025"; font-family: "Glyphicons Halflings"; font-size: 18px; position: absolute; top: 8px; right: 12px; font-weight: 400; }
.hero .purchase-box { padding-top: 15px; }
.purchase-box .styled-select { width: 95%; min-width: 150px; height: 30px; margin: 0 0 10px; background: #2c2c2c url(/static/common/images/dropdown_arrow_default.png) no-repeat right; }
.purchase-box .styled-select select { background: transparent; color: #fff; padding: 0 10px 0 10px; font-size: 14px; border: 0; height: 30px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; width: 100%; }
.purchase-box .styled-select select option { color: #009cff }
.purchase-box .styled-select select::-ms-expand {
display: none;
}
.purchase-box .btn, .purchase-box .button a { font-size: 16px; border-radius: 0; color: #fff; text-transform: uppercase; text-decoration: none; padding: 6px 15px 8px; min-width: 150px; }
.purchase-box .btn-primary:hover, .purchase-box .blue-btn:hover { background: #28acff; border: 1px solid #28acff; }
.hero .price { padding: 0; margin: 0; padding-bottom: 15px; }
.hero .list-price { color: #7f7f7f; text-decoration: line-through; padding: 0; margin: 0; }
.hero .main-price { padding: 0; margin: 0; }
.hero .priceDisplayNormal { font-size: 25px !important; padding-right: 10px; line-height: 1 }
.lto-promo { position: inherit; padding: 2px 10px; }
.lto-box h4 { font-size: 16px }
.lto-box .link { color: #333; text-decoration: none; }
.lto-box a:hover .link { color: #23527c !important; text-decoration: none !important; }
.lto-box p { font-size: 80% !important; color: #333 !important; }
.lto-box .link { color: #009cff !important; }
.callout { font-weight: 600; text-transform: uppercase; font-style: italic; color: #009CFF; }
.hero .offer-box { padding-top: 5px; padding-bottom: 50px; }
.additional-info p { margin: 0 !important; padding: 0 !important; }
.additional-info a { font-size: 12px; color: #fff; }
.additional-info a:hover { text-decoration: underline; }
.title h2 { font-weight: 700; line-height: 1.1; text-align: center }
#overview-intro .intro { background: #fff; }
#overview-intro .intro .title p { font-size: 18px; }
.title p { font-size: 20px; }
.intro-video { padding: 275px 0; background-position: bottom center; }
.intro-video a.video { height: 100px; }
.what-can, .learning-support { color: #fff; }
.what-can .num-cols p { font-size: 18px; }
.what-can .ico { max-width: 200px; margin-bottom: 20px; }
.learning-support .ico { max-width: 100px; margin-bottom: 20px; }
.what-can h3 { font-weight: 400; }
.what-can .num-cols p, .why-edit .num-cols p { font-size: 16px; }
.slider-bottom-holder { width: 100%; display: flex; flex-direction: column; }
.item-holder .title { margin-bottom: 0 }
.item-holder { margin: 20vh 0; }
.image-holder div { height: 100vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.item-holder:first-child .content { padding-top: 20vh; }
.item-holder:first-child { margin-top: 0; }
.item-holder:last-child .content { padding-bottom: 400px; }
.item-holder .content { width: 35%; max-width: 445px; padding-left: 60px; padding-right: 15px; margin-left: 65%; align-items: flex-start; position: relative; z-index: 2; font-size: 18px }
.slider-bottom-holder { position: relative; background: #fff; }
.slider-bottom-holder .image-holder { display: flex; justify-content: center; align-items: center; align-content: center; opacity: 0; position: absolute; left: 0; top: 160px; width: 100%; -webkit-transition: top .3s, opacity .5s linear; -o-transition: top .3s, opacity .5s linear; transition: top .3s, opacity .5s linear; }
.image-holder .slider-bg { height: 100vh; width: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center center; }
.slider-bottom-holder .active .image-holder { z-index: 1; opacity: 1; }
.slider-bottom-holder.visible .image-holder { position: fixed; }
.slider-bottom-holder .image-holder.absolute { bottom: 0; position: absolute; top: auto; }
.slider-bottom-holder .sec-block { position: relative; z-index: 2 }
.slider-bottom-holder .image-holder { display: flex; justify-content: center; align-items: center; align-content: center; opacity: 0; position: absolute; left: 0; top: 160px; width: 100%; -webkit-transition: top .3s, opacity .5s linear; -o-transition: top .3s, opacity .5s linear; transition: top .3s, opacity .5s linear; }
.slider-bottom-holder .active .image-holder { z-index: 1; opacity: 1; top: 0 }
.slider-bottom-holder .top .image-holder { top: 0 }
.slider-bottom-holder.visible .image-holder { position: fixed; }
.slider-bottom-holder .image-holder.absolute { bottom: 0; position: absolute; top: auto; }
.slider-bottom-holder .sec-block { position: relative; z-index: 2 }
.item-holder.right .content { margin-left: 0 }
.slider-bottom .slider-bottom-wrap { max-width: 1200px; margin: 0 auto }
.section-content { background: #faf9f9; padding: 25px 20px 60px; }
.ult-only { color: #009CFF; font-size: 15px; font-weight: 400; position: absolute; text-transform: uppercase; }
li .ult-only { top: -15px; left: -2px; }
#whats-new .templates { color: #fff; }
#whats-new h2 { font-weight: 600; }
#whats-new h2 .wn { font-weight: 700; }
#whats-new .section-content p, #whats-new .section-intro p, #whats-new ul, .mask-creator p { font-size: 16px; }
#whats-new ul { margin-top: 35px; }
#whats-new .improved-tools ul li { margin-bottom: 10px; position: relative; }
.whats-new .templates .section-content, .whats-new .improved-tools .section-content, .whats-new .premium .section-content, .whats-new .stabilization .section-content, .whats-new .performance .section-content, .capture-video .section-content, .instant-slideshow .section-content { background: transparent; }
.whats-new .stabilization { background-color: rgba(255,255,255,.9); }
.whats-new .premium .ult-only, .whats-new .stabilization .ult-only { font-size: 16px; }
.whats-new h3 { font-size: 38px; }
.whats-new .templates, .whats-new .premium, .whats-new .stabilization, .whats-new .performance, #features .instant-slideshow, #features .capture-video { background-size: cover; background-position: bottom center; }
.captivate-section { background-size: cover; background-position: center; }
.what-can { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.whats-new .performance { color: #fff; background-color: #021426; }
#features .capture-video { background-color: #E2F6FF }
.improved-tools, #features .instant-slideshow { color: #fff; }

@media (min-width: 2000px) {
.whats-new .templates, .whats-new .performance, #features .capture-video { background-size: contain; background-repeat: no-repeat; }
}

@media (min-width: 1600px) {
.whats-new .premium, .whats-new .stabilization { background-size: contain; background-repeat: no-repeat; }
}
#features h3 { font-size: 36px; font-weight: 700; }
.features .accordion a.link-btn { display: inline-block; color: #333; margin-top: 30px; font-size: 16px; text-decoration: underline; }
.features .accordion a.link-btn:hover { text-decoration: none; }
#contrastSlider, #contrastSlider2, #contrastSlide3 { margin-top: 30px; margin-left: 10px; max-width: 280px; }
#contrastSlide3 { margin-left: 0; }
.wrap-caption { position: relative; z-index: 3; }
.improved-tools, .creative-color, .mask-creator { position: relative; transition: all 0.6s ease-in-out; min-height: 630px; }
/*.creative-color {padding-bottom: 90px;}*/
.creative-color .wrap-caption .sec-block { padding-bottom: 450px; }
/* .creative-color h2 {color: #fff;} */
.creative-color .ult-only { top: -8px; }
.improved-tools-bg, .creative-color-bg, .mask-creator-bg { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; opacity: 1; background-repeat: no-repeat; background-position: left center; background-size: cover; }
.creative-color-bg { background-position: top center; }
/*Chrome, Safari*/
.ultimate input[type=range] { -webkit-appearance: none; width: 100%; background: none; }
.ultimate input[type=range]:focus { outline: none; }
.ultimate input[type=range]::-webkit-slider-runnable-track {
cursor: pointer;
background: #b1bee2;
opacity: 0.75;
border-radius: 20px;
height: 32px;
transition: all 0.8s ease-in-out;
width: 100%;
padding-right: 8px;
}
.ultimate input[type=range]::-webkit-slider-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
border-radius: 16px;
height: 24px;
width: 24px;
border: 3px solid #fff;
background: #8296c9;
}
.ultimate input[type=range]:focus::-webkit-slider-runnable-track {
background: #b1bee2;
}
/*Mozilla*/
.ultimate input[type=range]::-moz-range-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: #b1bee2;
padding-right: 4px;
padding-left: 4px;
border-radius: 20px;
}
.ultimate input[type=range]::-moz-range-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 3px;
border-radius: 50%;
height: 21px;
width: 21px;
border: 3px solid #fff;
background: #b1bee2;
}
/*IE*/
.ultimate input[type=range]::-ms-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 64px 0;
color: transparent;
padding-top: 10px;
}
.ultimate input[type=range]::-ms-thumb {
height: 24px;
width: 24px;
border-radius: 16px;
border: 3px solid #fff;
background: #b1bee2;
margin-top: -2px;
}
.ultimate input[type=range]::-ms-fill-lower {
background: #b1bee2;
border-radius: 20px;
}
.ultimate input[type=range]::-ms-fill-upper {
background: #b1bee2;
border-radius: 20px;
}
.ultimate input[type=range]:focus::-ms-fill-lower {
background: #b1bee2;
}
.ultimate input[type=range]:focus::-ms-fill-upper {
background: #b1bee2;
}
.creative-color input[type=range], .mask-creator input[type=range] { -webkit-appearance: none; width: 100%; background: none; }
.creative-color input[type=range]:focus, .mask-creator input[type=range]:focus { outline: none; }
.creative-color input[type=range]::-webkit-slider-runnable-track, .mask-creator input[type=range]::-webkit-slider-runnable-track {
cursor: pointer;
background: #354266;
opacity: 0.75;
border-radius: 20px;
height: 32px;
transition: all 0.8s ease-in-out;
width: 100%;
padding-right: 8px;
}
.creative-color input[type=range]::-webkit-slider-thumb, .mask-creator input[type=range]::-webkit-slider-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
border-radius: 16px;
height: 24px;
width: 24px;
border: 3px solid #fff;
background: #8296c9;
}
.creative-color input[type=range]:focus::-webkit-slider-runnable-track, .mask-creator input[type=range]:focus::-webkit-slider-runnable-track {
background: #354266;
}
/*Mozilla*/
.creative-color input[type=range]::-moz-range-track, .mask-creator input[type=range]::-moz-range-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: #354266;
padding-right: 4px;
padding-left: 4px;
border-radius: 20px;
}
.creative-color input[type=range]::-moz-range-thumb, .mask-creator input[type=range]::-moz-range-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 3px;
border-radius: 50%;
height: 21px;
width: 21px;
border: 3px solid #fff;
background: #354266;
}
/*IE*/
.creative-color input[type=range]::-ms-track, .mask-creator input[type=range]::-ms-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 64px 0;
color: transparent;
padding-top: 10px;
}
.creative-color input[type=range]::-ms-thumb, .mask-creator input[type=range]::-ms-thumb {
height: 24px;
width: 24px;
border-radius: 16px;
border: 3px solid #fff;
background: #354266;
margin-top: -2px;
}
.creative-color input[type=range]::-ms-fill-lower, .mask-creator input[type=range]::-ms-fill-lower {
background: #354266;
border-radius: 20px;
}
.creative-color input[type=range]::-ms-fill-upper, .mask-creator input[type=range]::-ms-fill-upper {
background: #354266;
border-radius: 20px;
}
.creative-color input[type=range]:focus::-ms-fill-lower, .mask-creator input[type=range]:focus::-ms-fill-lower {
background: #354266;
}
.creative-color input[type=range]:focus::-ms-fill-upper, .mask-creator input[type=range]:focus::-ms-fill-upper {
background: #354266;
}
.pro input[type=range] { -webkit-appearance: none; width: 100%; background: none; }
.pro input[type=range]:focus { outline: none; }
.pro input[type=range]::-webkit-slider-runnable-track {
cursor: pointer;
background: #e5e5e5;
opacity: 0.75;
border-radius: 20px;
height: 32px;
transition: all 0.8s ease-in-out;
width: 100%;
padding-right: 8px;
}
.pro input[type=range]::-webkit-slider-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 4px;
margin-left: 4px;
margin-right: 4px;
border-radius: 16px;
height: 24px;
width: 24px;
border: 3px solid #fff;
background: #dd1a20;
}
.pro input[type=range]:focus::-webkit-slider-runnable-track {
background: #e5e5e5;
}
/*Mozilla*/
.pro input[type=range]::-moz-range-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: #e5e5e5;
padding-right: 4px;
padding-left: 4px;
border-radius: 20px;
}
.pro input[type=range]::-moz-range-thumb {
cursor: pointer;
-webkit-appearance: none;
margin-top: 3px;
border-radius: 50%;
height: 21px;
width: 21px;
border: 3px solid #fff;
background: #e5e5e5;
}
/*IE*/
.pro input[type=range]::-ms-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: transparent;
border-color: transparent;
border-width: 64px 0;
color: transparent;
padding-top: 10px;
}
.pro input[type=range]::-ms-thumb {
height: 24px;
width: 24px;
border-radius: 16px;
border: 3px solid #fff;
background: #e5e5e5;
margin-top: -2px;
}
.pro input[type=range]::-ms-fill-lower {
background: #e5e5e5;
border-radius: 20px;
}
.pro input[type=range]::-ms-fill-upper {
background: #e5e5e5;
border-radius: 20px;
}
.pro input[type=range]:focus::-ms-fill-lower {
background: #e5e5e5;
}
.pro input[type=range]:focus::-ms-fill-upper {
background: #e5e5e5;
}
#beforeAfter { position: relative; max-height: 800px; overflow: hidden; }
#beforeAfter ul, #beforeAfter li { margin: 0; }
#beforeAfter ul { display: table; padding: 0; }
#beforeAfter li { display: none; list-style: none; }
#beforeAfter .active-image { display: block; }
#beforeAfter .controls { position: absolute; bottom: 0; z-index: 100; width: 10%; right: -120px; }
#beforeAfter .controls .prev, #beforeAfter .controls .next { color: #13ad97; cursor: pointer; }
#beforeAfter .controls .prev { float: left; background: url(/static/ptr/product_content/painter/2020/arrows.png) no-repeat 0 0; width: 29px; height: 29px; }
#beforeAfter .controls .next { float: right; background: url(/static/ptr/product_content/painter/2020/arrows.png) no-repeat -29px 0; width: 29px; height: 29px; }
#beforeAfter .controls .prev:hover, #beforeAfter .controls .next:hover { opacity: 0.3; }
#beforeAfter .instruction { cursor: pointer; }
#beforeAfter .label { background-color: rgba(0, 0, 0, 0.5); border-radius: 0; bottom: 0; color: #fff; font-size: 14px; font-weight: normal; padding: 0.3em 1em 0.5em; position: absolute; z-index: 9 }
#beforeAfter .label.after { right: 0 }
.slider { position: relative; }
.slider .right.image { position: absolute; z-index: 1; top: 0; left: 0 }
.slider .left.image { position: relative; z-index: 2; border-right: 4px solid #fff; margin-right: -4px; overflow: hidden; }
.slider .instruction { position: absolute; top: 55%; padding: 0 15px 7px; color: #fff; border: 4px solid #fff; border-radius: 4px; left: 49.9% !important; transform: translate(-50%, -50%); z-index: 3 }
.ultimate .slider .instruction { background: #00BEFF; }
.pro .slider .instruction { background: #B80006; }
.slider .instruction p { display: inline; font-size: 2em; text-transform: uppercase; color: #fff; line-height: 1.2 }
.ba-section { color: #fff; }
.ba-section .container { position: relative; }
.ba-section.stickers .sec-block.text-center { position: absolute; right: 15px; top: 0; z-index: 3; text-align: left; max-width: 330px; }
.features-accordion .accordion .panel.panel-default { margin: 0; }
.features-accordion .accordion .panel-title { font-size: 17px; font-weight: 500; }
.features-accordion .accordion .panel { border: none; border-bottom: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; background-color: transparent; font-size: 17px }
.features-accordion .accordion .panel:first-child { border-top: 1px solid #ccc; margin-top: 40px }
.features-accordion .accordion .panel-title a { color: #333; }
.features-accordion .accordion .panel-title { position: relative; padding-right: 25px; line-height: 1.5; }
.features-accordion .accordion .panel-title a::before { position: absolute; font-family: 'Glyphicons Halflings'; content: "\002b"; font-size: 11px; right: 5px; top: 13px; transition: .3s transform ease-in-out; color: #fff; font-weight: initial; border-radius: 50%; padding: 2px 4.5px 0 5px; text-align: center; transform: rotate(45deg); width: 20px; height: 20px; }
.ultimate .features-accordion .accordion .panel-title a::before { background: #00BEFF; }
.pro .features-accordion .accordion .panel-title a::before { background: #B80006; }
.features-accordion .accordion.dark .panel-title a::before { color: rgba(255,255,255,.7); }
.features-accordion .accordion .panel-title a.collapsed::before { transform: rotate(0deg); color: #333; background: #ccc; }
.features-accordion .accordion .panel-body { font-size: 16px; border-top: 1px dotted rgba(0,0,0,.3); line-height: 1.5; padding: 5px 0 25px; letter-spacing: -0.2px }
.features-accordion .accordion .panel-title a { display: block; padding: 10px 0; font-weight: bold }
.features-accordion .accordion .panel-heading { padding: 0; background: transparent }
.features-accordion .accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.features-accordion { position: relative; overflow: hidden; min-height: 1000px; padding: 0 0 100px; }
.features-accordion .title { z-index: 10; }
.features-accordion.audio { min-height: auto; padding-bottom: 80px; }
.creative-color-content { background: rgba(255,255,255,.9); padding: 40px 0 45px; }
.creative-color-content h4, .instant-slideshow h4, .editor-360 h4, .capture-video h4 { font-size: 17px; font-weight: 700; }
.learning-support h4 { font-size: 20px; font-weight: 700; }
.creative-color-content p, .instant-slideshow p, .editor-360 p, .capture-video p { font-size: 16px; }
.instant-slideshow h4, .capture-video h4 { margin: 30px 0 0; }
.instant-slideshow .section-content, .capture-video .section-content { padding-bottom: 30px; }
.feature-gallery .tab-content.image { padding-bottom: 33%; }
.feature-gallery .nav-pills { border-bottom: 0; margin: 30px 0; }
.feature-gallery .nav-pills>li.active { border-bottom: solid 3px transparent; }
.feature-gallery .nav-pills>li.active:before { content: ""; width: 100%; height: 4px; border-radius: 2px; position: absolute; bottom: 0; left: 0; background: #00BEFF; }
.pro .feature-gallery .nav-pills>li.active:before { background: #B80006; }
.feature-gallery .nav-pills>li>a:focus, .feature-gallery .nav-pills>li>a:hover { color: #00BEFF; }
.pro .feature-gallery .nav-pills>li>a:focus, .pro .feature-gallery .nav-pills>li>a:hover { color: #B80006; }
.feature-gallery p { font-size: 17px; }
.feature-gallery video { width: 85%; }
.feature-gallery .caption { padding-bottom: 35px; }
.mask-creator .section-content { background: rgba(0,0,0,.7); }
.grey-bg { background: #f6f6f6; }
.black-bg { background: #000; }
.accordion-section .container-fluid { max-width: 1200px; }
.accordion-section .container-fluid .row.margin-bottom-0 { margin: 0; }
.accordion-section .container-fluid .row > div { padding: 0; }
.accordion-section .callout { color: #009CFF; font-weight: bold; font-style: italic; text-transform: uppercase; }
.accordion-section .accordion .tab-content { height: 0; padding-bottom: 59.6%; }
.accordion-section .left .accordion .tab-pane { text-align: left; float: left; }
.accordion-section .left .accordion .tab-pane.active img { width: 95% !important; margin: 0 0 0 5%; }
.accordion-section .right .accordion .tab-pane.active img { width: 95% !important; margin: 0 5% 0 0; }
.accordion-section .right .accordion .tab-pane { text-align: left; float: right; }
.accordion-section .container-fluid .row > div { padding: 0; }
.accordion-section .accordion .panel:first-child { border-top: 1px solid #ccc; }
.accordion-section .accordion .panel.panel-default { margin: 0; }
.accordion-section .accordion .panel { border: none; border-bottom: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; background-color: transparent; }
.accordion-section .accordion .panel-heading { padding: 0; }
.accordion-section .accordion .panel-title { position: relative; padding-right: 25px; line-height: 1.5; background: #fff; font-size: 17px; font-weight: 500; }
.accordion-section .accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.accordion-section .accordion .panel-title { background: transparent; }
.accordion-section .accordion .panel-title a { display: block; padding: 10px 0; color: #333; }
.accordion-section .accordion .panel-title a::before { position: absolute; font-family: 'Glyphicons Halflings'; content: "\002b"; font-size: 11px; right: 5px; top: 13px; transition: .3s transform ease-in-out; color: #fff; font-weight: initial; border-radius: 50%; padding: 2px 4.5px 0 5px; text-align: center; transform: rotate(45deg); width: 20px; height: 20px; }
.ultimate .accordion-section .accordion .panel-title a::before { background: #00BEFF; }
.pro .accordion-section .accordion .panel-title a::before { background: #B80006; }
.accordion-section .accordion .panel-title a.collapsed::before { transform: rotate(0deg); color: #333; background: #ccc; }
.accordion-section .accordion .panel-body { font-size: 16px; border-top: 1px dotted rgba(0,0,0,.3); line-height: 1.5; padding: 5px 0 25px; }
.accordion-section .accordion .panel-default>.panel-heading { background: transparent; }
.accordion-section .accordion-img { display: inline-block; }
.accordion-section h3 { margin-bottom: 30px; }
.accordion-section video { width: 95%; }
.embed-video { margin-bottom: 60px; }
.embed-video video { width: 100%; }
.capture-video h4 { position: relative; }
.capture-video .ult-only { position: relative; display: block; margin-top: 30px; }
.plugins .ult-only { color: #009cff; display: block; position: relative; top: 0; font-weight: 400; font-size: 15px; }
.plugins p { font-size: 20px; }
.plugins .collapse h4 { font-size: 17px; }
.plugins .collapse p { font-size: 14px; }
.captivate-section ul { list-style: none; font-size: 18px; padding-left: 0; margin-top: 50px; }
.captivate-section ul li { margin-bottom: 30px; display: flex; align-items: center; }
.captivate-section .icon-list { max-width: 70px; margin-right: 20px; }
#compare .panel-default { border-bottom: 1px solid #fff; }
#compare { padding-bottom: 60px }
#compare .panel-default:first-child { border-bottom: 0; }
#compare .panel-default .panel-heading { color: #fff; background-color: #ccc; border-color: #ccc; border-radius: 0; border-top: 1px solid #fff; }
#compare .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0; }
#compare .panel-group .panel+.panel { margin-top: 0; }
#compare .panel-body, #compare .panel-body .table>thead>tr>td { padding: 0; }
#compare .panel-title a { display: block; font-size: 14px; color: #0f0f0f; text-decoration: none; font-weight: bold; }
#compare .panel-title a:hover { color: #0f0f0f; text-decoration: none }
#compare .panel-heading a:before { font-family: 'Glyphicons Halflings'; content: "\e252"; float: left; color: #000000; margin-right: 15px; font-size: 12px; line-height: 17px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); }
#compare .panel-heading a[aria-expanded="true"]:before { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); }
#compare h3 { font-size: 16px; margin: 0; font-weight: 700; text-align: center }
#compare .trFeature { text-align: center; background: #f3f3f3; }
#compare .trFeature td:first-child { text-align: left; color: #000; font-size: 14px }
#compare .comparison-chart { margin-bottom: 0; }
#compare .comparison-chart { margin-bottom: 0; }
#compare .feature-check-new p { color: #555; font-weight: bold; }
#compare .comparison-chart .new { color: #000; font-weight: bold; font-style: normal; }
#compare td a { color: #000; text-decoration: underline }
#compare .comparison-chart td { font-size: 13px; vertical-align: middle; padding: 12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }
#compare .comparison-chart td.last-td { border-bottom: 1px solid #ddd; }
#compare .panel-heading td { padding: 15px; border-top: 0; border-left: 0 }
#compare .panel-default { border-color: transparent; }
#compare .table>tbody+tbody { border-top: 0; }
#compare .comparison-chart tr.trFeature:hover td { background-color: #e2e2e2; }
.comparison-chart .feature-check { background: transparent }
.compare-link-btn { color: #333; text-decoration: underline }
.compare-link-btn:hover { color: #333; text-decoration: none }
.link-span { display: inline-block; padding-right: 31px; }
.compare-link-btn:last-child { margin-left: 30px }
.pdf-links { font-size: 16px; margin-top: 15px; font-weight: 500; }
#compare .trFeature td:first-child { padding-left: 43px; border-left: 0 }
#compare .table>thead>tr>th:first-child .thead-wrapper { border-top-left-radius: 4px; border-left: none; padding-left: 15px; }
#compare .table>thead>tr>th:last-child .thead-wrapper { border-top-right-radius: 4px; border-right: none; }
#compare .table>thead>tr>th { border-bottom: 2px solid #fff; background-color: #fff; color: #fff; border-left: 2px solid #fff; padding: 7px 0 0; }
#compare .table thead tr th:first-child h3 { padding-left: 20px; text-align: left }
#compare .table thead tr { background: #fff; }
.pro #compare .table>thead>tr>th.new-version.pro .thead-wrapper, .ultimate #compare .table>thead>tr>th.new-version.ult .thead-wrapper, .pro #compare .ult.table>thead>tr>th.new-version.ult .thead-wrapper { background: transparent; padding: 12px 8px 15px }
#compare .table .thead-wrapper { padding: 16px 8px 19px; background: #000; }
#compare .btn-wrap { text-align: center; margin-bottom: 40px }
#compare .btn-collapse { background: #1e1e1e; color: #fff; border-radius: 0; text-decoration: none; text-transform: uppercase; display: inline-block; padding: 10px 20px; min-width: 235px; }
#compare .btn-collapse[aria-expanded='true'] { background: #a8a8a8; color: #fff; border: 2px solid transparent }
#compare .btn-collapse[aria-expanded='false']:hover { background: #202020; color: #fff; border: 2px solid #202020 }
#compare .heading { display: inline-block; margin: 0 5px; }
#compare .panel-group { margin-bottom: 0 }
#compare .panel-group > .panel { -webkit-box-shadow: none; box-shadow: none; }
.comparison-chart .feature-check { background: transparent }
.ultimate .comparison-chart .feature-check.ult:after, .pro .comparison-chart.ult .feature-check.ult:after { content: ''; background: url(/static/vsp/images/products/videostudio/2021/sprite.png) -133px -22px no-repeat; width: 22px; height: 20px; display: block; margin: 0 auto; }
.pro .comparison-chart .feature-check.pro:after { content: ''; background: url(/static/vsp/images/products/videostudio/2021/sprite.png) -23px -22px no-repeat; width: 22px; height: 20px; display: block; margin: 0 auto; }
.comparison-chart p.feature-check, .comparison-chart p.feature-check-black { width: 17px; height: 20px; margin: 5px auto 0; }
.comparison-chart .feature-check:after { content: ''; background: url(/static/vsp/images/products/videostudio/2021/sprite.png) -77px -22px no-repeat; width: 22px; height: 20px; display: block; margin: 0 auto; }
.compare-link-btn { color: #333; text-decoration: underline }
.compare-link-btn:hover { color: #333; text-decoration: none }
.link-span { display: inline-block; padding-right: 31px; }
.compare-link-btn:last-child { margin-left: 30px }
.pdf-links { font-size: 16px; margin-top: 15px; font-weight: 500; }
.ultimate #compare .table>thead>tr>th.new-version.ult, .pro #compare .ult.table>thead>tr>th.new-version.ult { background: #6a93ff; border-radius: 6px 6px 0 0; padding: 0 0 4px; }
.pro #compare .table>thead>tr>th.new-version.pro { background: #B80006; border-radius: 6px 6px 0 0; padding: 0 0 4px; }
#compare .trFeature td:first-child { padding-left: 43px; border-left: 0 }
#compare .table>thead>tr>th:first-child .thead-wrapper { border-top-left-radius: 4px; border-left: none; padding-left: 15px; }
#compare .table>thead>tr>th:last-child .thead-wrapper { border-top-right-radius: 4px; border-right: none; }
#compare .table>thead>tr>th { border-bottom: 2px solid #fff; background-color: #fff; color: #fff; border-left: 2px solid #fff; padding: 7px 0 0; }
#compare .table thead tr th:first-child h3 { padding-left: 20px; text-align: left }
#compare .table thead tr { background: #fff; }
#compare .table .thead-wrapper { padding: 16px 8px 19px; background: #000; }
#compare .section-intro { margin-bottom: 30px; }
#compare .note { font-size: 14px; display: block; }
#compare td a:hover { text-decoration: none; }
#tech-specs { background: #1e1e1e; color: #fff; padding-bottom: 60px }
#tech-specs a { color: #fff; text-decoration: underline; }
#tech-specs a:hover { color: #fff; text-decoration: none; }
#tech-specs ul.req-list { margin-bottom: 40px; }
#tech-specs .footnote { margin-top: 50px; }
.new { color: #00BEFF; text-transform: uppercase; font-style: italic; font-weight: 700; }
.new-inline, .improved-inline, .enhanced-inline { font-weight: 700; text-transform: uppercase; font-style: italic; color: #00BEFF !important; }
.new-content h4 { font-weight: 500; }
.new-content .new { display: block; margin-bottom: 5px }
.pad-top { padding-top: 100px; }
.pad-top-25 { padding-top: 25px; }
.pad-top-75 { padding-top: 75px; }
.pad-top-100 { padding-top: 100px; }
.pad-btm { padding-bottom: 100px; }
.pad-btm-0 { padding-bottom: 0px; }
.pad-btm-20 { padding-bottom: 20px; }
.pad-btm-35 { padding-bottom: 35px; }
.pad-btm-75 { padding-bottom: 75px; }
.mar-btm-0 { margin-bottom: 0; }
.mar-top-0 { margin-top: 0 !important; }
.video-wrap:before { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0, 0.7); left: 0; top: 0; content: '' }
.video-wrap { background: black; height: 400px; text-align: center; position: relative; overflow: hidden; max-width: 100%; width: 100%; left: 0; top: 0; }
.video-wrap video { min-width: 100%; min-height: 100%; width: auto; height: auto; }
.video-wrap .title { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 35%; bottom: 0; margin-top: auto; margin-bottom: auto; color: #fff; }
.video-wrap .playlink { background: url("/static/vsp/images/products/videostudio/2021/play-icon.svg") no-repeat; display: inline-block; width: 110px; height: 110px; opacity: .8; z-index: 10; transition: all .2s ease-in-out; }
.video-wrap:hover .playlink { transform: scale(1.1); opacity: 1; }
.lazy-hidden { opacity: 1; }
.play a { background: #ececec; color: #000; font-size: 16px; padding: 6px 15px; display: inline-block; margin-top: 5px; }
.play a:hover, .play a:focus { background: #ececec; color: #000; text-decoration: none }
.flex { display: flex }
.glyphicon.glyphicon-play-circle { margin-right: 5px; font-size: 21px }
a.video { position: relative; padding-bottom: 10px; display: block; margin: 0; padding: 0; }
.img-holder a.video { position: relative; }
a.video span { width: 100%; height: 100%; position: absolute; background: url("/static/vsp/images/products/videostudio/2020/play-icon.svg") no-repeat; background-position: 50% 50%; background-size: 10%; opacity: .8; z-index: 10; transition: all .2s ease-in-out; }
.img-holder a.video span { background-position: 50% 50%; background-size: 15%; }
a.video:hover span { transform: scale(1.1); opacity: 1; }
section.dark { background: #222; color: #fff }
.row.flex-icons { display: flex; flex-wrap: wrap; }
.row.flex-icons .icon { display: flex; flex-direction: column; }
.feature .nav>li { padding: 0; margin: 0 0 20px; }
.features .nav-pills.nav-stacked .pillar { width: 5px !important }
.features .nav-pills.nav-stacked .pillar { width: 5px !important }
.features ul.nav-pills.nav-stacked h4 { margin: 0; font-weight: 500 }
.features ul.nav-pills.nav-stacked p { font-size: 14px; margin: 6px 0 0 }
.surprise-yourself { text-align: center; padding-top: 125px; padding-bottom: 125px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; }
.img-holder img { width: 100%; }
.caption { padding-top: 10px; padding-bottom: 10px; }
.caption h4, .content h4 { font-size: 18px; line-height: 1.5; font-weight: 500; }
.caption p, .content p { font-size: 17px; line-height: 1.5; font-weight: 400; }
.content p { margin: 0 0 20px }
.caption ul, .content ul { margin: 0; padding: 0 0 0 20px; }
.caption ul li, .content ul li { margin: 0; font-size: 17px; line-height: 1.5; padding: 5px 0; }
.learning-support { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center; }
.learning-support p a { color: #fff; text-decoration: underline; }
.learning-support p a:hover { text-decoration: none; }
.tools-and-power { background: #111; }
.plugins .btn { white-space: initial; }
.disclaimers { padding-bottom: 25px; }
.disclaimers p { padding: 0; margin: 0; }
.testimonials { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; }
.carousel { margin: 0 auto; padding: 0 100px; }
.carousel .item { color: #fff; font-size: 24px; text-align: center; overflow: hidden; min-height: 260px; }
.carousel .item .img-box { width: 135px; height: 135px; margin: 0 auto; padding: 5px; border: 1px solid #ddd; border-radius: 50%; }
.carousel .img-box img { width: 100%; height: 100%; display: block; border-radius: 50%; }
.carousel .testimonial { padding: 30px 0 10px; }
.carousel .overview { font-style: italic; }
.carousel .overview span { text-transform: uppercase; color: #fff; font-weight: 500; font-style: normal; font-size: 20px; }
.carousel .carousel-control { width: 40px; height: 40px; margin-top: -20px; top: 50%; background: none; }
.carousel-control span.glyphicon { font-size: 30px; color: rgba(255, 255, 255, 0.8); }
.carousel .carousel-indicators { bottom: -40px; }
.carousel-indicators li, .carousel-indicators li.active { width: 10px; height: 10px; margin: 1px 3px; border-radius: 50%; }
.carousel-indicators li { background: #999; border-color: transparent; }
.carousel-indicators li.active { background: #fff; }
.social .icon img { width: 15%; margin-right: 10px }
.social .icon h4 { margin-top: 20px; font-size: 15px; font-weight: 500 }
.family .hero h1 { margin-bottom: 5px }
.family .hero h2 { font-size: 22px; margin: 0 }
.family .hero .caption { padding-top: 25px; color: #000 }
.family .hero .caption p { font-weight: 500; color: #000 }
.family .hero img { position: absolute; z-index: 2; top: 40px; left: 0 }
.family .hero p.trial a { text-decoration: none; }
.family .table h3 { font-size: 24px; }
.family .new-inline { color: #333; font-weight: 600; }
.family .intro-text { display: block; padding-bottom: 1em; }
.family .price { padding-bottom: 15px; }
.family .btn-trial { background: #000; border-radius: 0; text-decoration: none; border: 1px solid #000; text-transform: uppercase; color: #fff; padding: 6px 15px 10px; }
.family .trial a:hover { color: #fff }
.family .flex { display: flex; align-items: center; }
.family .play { border-left: 1px solid #000; margin-left: 19px; }
.family .top-buttons .glyphicon.glyphicon-play-circle { font-size: 34px; margin-right: 10px }
.family .top-buttons { display: flex; align-items: center; padding-bottom: 25px; }
.family .top-buttons .play a { background: transparent; margin-top: 0; }
.family .priceDisplayStrikethrough { text-decoration: line-through; color: #ACACAC; font-size: 20px; display: inline-block }
.family .lto-badge p { margin-top: 0; font-size: 20px; color: #d24421; font-weight: 500; margin-bottom: 0; }
.family .priceDisplayNormal { font-size: 30px; display: inline-block; margin-right: 10px }
.family .label-promo { position: absolute; top: 0; left: 0; padding: .4em 1.5em .4em 1em; background-color: #B5DFFF; text-transform: uppercase; width: 100%; }
.family .whats-inc .btn { display: none }
.family .whats-inc .collapse { display: block }
.family span.corner { position: absolute; right: 0; bottom: -10px; width: 0; height: 0; border-top: 10px solid #8c2221; border-right: 10px solid transparent; }
.family .plans a.link { color: #333; text-decoration: underline; }
.family .plans a.link:hover { text-decoration: none; }
.family .link-to-feature { text-decoration: underline; }
.family .link-to-feature:hover { text-decoration: none; }
.family .table h3 { margin-bottom: 0 }
.family .table p { margin-top: 5px }
.family .table td, .family .table th { width: 33%; vertical-align: middle }
.family .table th { vertical-align: top; position: relative; padding-top: 30px; }
.family .table td.bg-grey { font-weight: 600 }
.family .table tr:hover td { background-color: #EFEFEF }
.family .table tr.final:hover td { background-color: transparent }
.family .table tr.final td { padding: 20px }
.family .table .bg-grey { background-color: #FBF9F9; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.family .table>thead>tr>th { border: none; font-weight: normal; }
.family .table tbody tr { border-left: 1px solid #ddd; height: 50px }
.family .table tbody tr:last-of-type { border-left: none; }
.family .overview { margin-bottom: 40px; }
.table .check { display: inline-block; width: 28px; height: 28px; background: url("/static/vsp/images/ico-check.png") no-repeat top left; background-size: 100% }
.word-break { word-break: break-all }
.table .t-intro { display: -ms-flexbox; display: -webkit-flex; display: flex; display: table-cell\9; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-direction: column; justify-content: center; }
.t-intro p { min-height: 50px; }
body.ru .t-intro p.prod-desc { min-height: 80px; }
.price p { min-height: inherit }
a.textlink { display: inline-block; margin-top: .5em; text-decoration: none; }
a.textlink:hover { text-decoration: underline; }
#features .row.v-center.pad-top-25.pad-btm-35 { display: flex; flex-wrap: wrap }
.pro .action-section { background: #FFD2D2; }
.ultimate .action-section { background: #E2F6FF; }
.nobr { white-space: nowrap; }
.ultimate .cm-section { background-color: #e5f8ff; }
.pro .cm-section { background-color: #feeed8; }
.feature-gallery .nav-pills>li.active>a, .feature-gallery .nav-pills>li.active>a:focus, .feature-gallery .nav-pills>li.active>a:hover { color: #333; }

@media (min-width: 768px) and (max-width: 991px) {
.hero .product-info { padding-left: 45px; }
}

@media (min-width: 768px) {
.pro .hero { background-image: url('/static/vsp/images/products/videostudio/2021/vsp-standard-hero.jpg'); color: #333 }
.ultimate .hero { background-image: url('/static/vsp/images/products/videostudio/2021/vsp-ultimate-hero.jpg'); }
.family .hero { background-image: url('/static/vsp/images/products/videostudio/2021/vsp-family-hero.jpg'); }
img.logo-pcmag { width: 110px !important; left: -200px; top: 350px; }
#whats-new h2, .features-accordion h2 { font-size: 60px; }
.accordion .panel-title { font-size: 17px; }
.caption p, .content p, .caption ul li, .content ul li { font-size: 16px; }
.whats-new .premium, .whats-new .stabilization, .whats-new .performance { min-height: 580px; }
.mask-creator { color: #fff; }
.flex-center { display: flex; justify-content: center; }
.family .play { border-left: 1px solid #000; margin-left: 19px; }
.family .hero .new-inline { color: #333 !important; }
.family .table { width: 99%; }
.pro .hero p, .pro .hero .title .new, .pro .hero p.trial a, .pro .additional-info a { color: #333; }
.hero .details { border-bottom: 1px solid rgba(255,255,255,.2); }
.pro .hero .details { border-bottom: 1px solid rgba(0,0,0,.1); }
#product-nav .navbar-collapse { text-align: center; padding-left: 0; padding-right: 0; }
#product-nav.sticky .navbar-collapse { text-align: left; }
#product-nav.sticky .navbar-brand { display: none; }
#product-nav.sticky #buy { display: inline; padding: 18px 20px 19px; }
#product-nav li.active a { border-bottom: 3px solid #000; color: #000; }
#product-nav .nav>li>a { padding-left: 15px; padding-right: 15px; }
.vcenter { display: flex; align-items: center; }
}

@media (min-width: 992px) {
#product-nav .nav>li>a { padding-left: 25px; padding-right: 25px; }
.hero .title { font-size: 29px; }
.hero .title .new { font-size: 29px; }
.hero .title .description { font-size: 22px; }
#whats-new h2, .features-accordion h2 { font-size: 65px; }
.purchase-box .styled-select select { font-size: 16px; }
.title .new { font-size: 22px; }
.caption h4, .content h4 { font-size: 20px; }
.content h4 { margin: 0 0 5px; }
.features-accordion .accordion .images { position: inherit; width: 100%; }
.features-accordion .accordion .tab-content { width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0; }
.features-accordion .accordion .content { left: 0; top: 0; }
.features-accordion .accordion .tab-pane { height: 100%; width: 100%; background-size: cover; background-position: 50% 100%; background-repeat: no-repeat }
.features-accordion .accordion .tab-pane img.gif-image { display: block; position: absolute; left: 42%; max-width: 320px; bottom: 0; }
.features-accordion .accordion .tab-pane img.gif-image.customization { max-width: 522px; }
.features-accordion .accordion .tab-pane img.gif-image.customization { left: 45%; top: 150px; }
.features-accordion .accordion .tab-pane .performance { left: 51%; top: 275px; position: absolute; display: flex; flex-wrap: wrap }
.features-accordion .accordion .tab-pane img.gif-image.crop { left: 45%; max-width: 224px; }
.features-accordion .accordion .tab-pane img.gif-image.lightning { max-width: 460px; }
.accordion-section .left video { float: right; }
}

@media (max-width: 1500px) {
.improved-tools-bg { background-size: cover; background-position: 38% top; }
}

@media (max-width: 1200px) {
.beforeAfter .controls { bottom: -50px; right: 10px; width: 65px }
}

@media (max-width: 991px) {
.ba-section.stickers .sec-block.text-center { position: initial; color: #333; max-width: 100%; text-align: center; }
.features-accordion .accordion .panel-group { margin-bottom: 40px }
.features-accordion .accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 70% 0; min-height: 500px }
.features-accordion .accordion .tab-pane img.gif-image { max-width: 320px; width: auto; margin-top: 50px; }
.accordion-section .accordion .tab-content { height: inherit; padding-bottom: 0; }
.accordion-section .accordion-img { margin-bottom: 20px; }
.accordion-section .accordion .panel-group { margin-bottom: 40px; }
.accordion-section .left .accordion .tab-pane.active img, .accordion-section .right .accordion .tab-pane.active img { margin: 0 auto; width: 90% !important; display: block; }
.improved-tools-bg { background-size: auto; background-position-x: 45%; }
}

@media (max-width: 767px) {
h2 { font-size: 36px; }
h3 { font-size: 24px; }
img.logo-pcmag { display: none; }
#whats-new h2, .features-accordion h2 { font-size: 36px; }
.whats-new h3, #features h3 { font-size: 24px; }
#overview-intro .intro .title p, .title p { font-size: 16px; }
.creative-color-content h4, .instant-slideshow h4, .editor-360 h4, .capture-video h4, .plugins .collapse h4, .learning-support h4 { font-size: 16px; font-weight: 600; }
#whats-new .section-content p, #whats-new .section-intro p, #whats-new ul, .mask-creator p, .what-can .num-cols p, .creative-color-content p, .instant-slideshow p, .editor-360 p, .capture-video p, .learning-support p, .mask-creator p, .accordion-section .accordion .panel-body, .features-accordion .accordion .panel-body { font-size: 14px; }
.captivate-section ul { font-size: 16px; }
p.testimonial { font-size: 18px; }
.pro .hero { background-image: url('/static/vsp/images/products/videostudio/2021/vsp-standard-hero-mobile.jpg'); }
.ultimate .hero { background-image: url('/static/vsp/images/products/videostudio/2021/vsp-ultimate-hero-mobile.jpg'); }
.slider-bottom { display: none; }
.cm-section .mobile img { width: 200%; margin-left: -20%; }
.cm-section .mobile { overflow-x: hidden; }
.caption p, .content p { font-size: 15px; }
.section-content p { max-width: 300px; }
#beforeAfter { min-height: inherit; }
.ult-only { font-size: 12px; }
#contrastSlider, #contrastSlider2, #contrastSlide3 { position: absolute; width: 90%; top: -130px; max-width: unset; }
.tools-content.section-intro { background: none; padding: 0 15px; margin-bottom: 20px; }
.wrap-improved-tools-bg, .wrap-creative-color-bg, .wrap-mask-creator-bg { position: relative; height: 400px; z-index: 2; }
.whats-new .premium .section-content, .whats-new .stabilization .section-content, .whats-new .performance .section-content, .capture-video .section-content, .instant-slideshow .section-content { max-width: 300px; }
.templates .section-content, .premium .section-content, .stabilization .section-content, .performance .section-content, .instant-slideshow .section-content, .capture-video .section-content { background-color: rgba(0,0,0,.7) !important; color: #fff; }
.captivate-section { background: rgba(255,255,255,.8); }
.mask-creator .section-content { background: none; }
.improved-tools .section-content { color: #333; }
.features-accordion { padding-bottom: 40px; }
.creative-color { padding-bottom: 0; }
.creative-color .wrap-caption .sec-block { padding-bottom: 0; }
.creative-color #contrastSlider2 { top: -100px; }
.creative-color-title { position: absolute; top: -400px; }
.embed-video { margin-bottom: 40px; }
.embed-video iframe { width: 100%; height: 360px; }
.learning-support .num-cols { text-align: left; }
#compare h3 { font-size: 14px; }
#compare .table .thead-wrapper { height: 65px; display: flex; align-items: center; justify-content: center }
#compare .table th:first-child .thead-wrapper { justify-content: flex-start }
#compare .btn-collapse { margin-bottom: 20px }
#compare .table-responsive { border: 0; }
.templates.pad-btm, .instant-slideshow.pad-btm, .capture-video.pad-btm { padding-bottom: 0 !important; }
.family .hero { background: #f5f5f5; }
.pad-top { padding-top: 50px; }
.pad-top-25 { padding-top: 25px; }
.pad-top-75 { padding-top: 50px; }
.pad-top-100 { padding-top: 25px; }
.pad-btm { padding-bottom: 50px !important; }
.pad-btm-20 { padding-bottom: 25px; }
.pad-btm-35 { padding-bottom: 25px; }
.pad-btm-75 { padding-bottom: 50px; }
.title .new { font-size: 24px; display: inline-block; }
.title.style h4 { line-height: 1.1; }
.hero { background: rgba(0,0,0,.7); background-size: cover; }
#product-nav .btn { float: left; padding: 5px 15px 5px 15px; width: 100%; margin-top: 5px; }
.hero .product-info { padding-top: 10px; padding-bottom: 10px; }
.hero .details { text-align: center; }
.hero p.trial { display: none; }
.hero .purchase-box { padding-bottom: 25px; }
.hero .offer-box { background: rgba(0, 0, 0.5); padding-bottom: 0; }
.purchase-box .styled-select { width: 100%; }
.purchase-box .btn, .purchase-box .button a { padding: 10px 15px; width: 100%; }
.intro-video { padding: 100px 0; background-position: 55% 80%; }
.pro .intro-video { padding: 100px 0; background-position: 45% 80%; }
a.video span { background-size: 14% }
.video-wrap { background: url(/images/products/paintshop-pro/2020/intro-video-bg.jpg) 50% 50% no-repeat; background-size: cover; text-align: center; padding: 10px 0 45px; height: 400px; }
.video-wrap video { display: none }
.new-content h4 { font-size: 14px }
.icon-box .icon { margin-top: 0 }
.feature-gallery .nav>li>a { margin: 0 20px 10px; }
.feature-gallery .nav-pills { border-bottom: none; margin: 20px 0 0; }
.feature-gallery .nav-pills>li.active { background: #ddd; border: none }
.what-can .num-cols { text-align: left }
.learning-support .caption { padding-top: 0 }
.family .hero img { position: inherit; z-index: 2; max-width: 260px; margin: 0 auto; display: block; }
.family .play { border-left: 0; margin-left: 0; }
.family .play a { padding: 6px 0; }
.family a.video:hover span { transform: scale(1); opacity: 1; }
.family .columns { margin-bottom: 70px; }
.family .top-buttons { justify-content: center; }
.family .hero .caption { text-align: center; }
.family .plans { margin: 40px auto 0 }
.family .plans .row { flex-direction: column-reverse; }
.family .table-responsive { border: none; background: none; }
.family .table td, .family .table th { width: initial; }
.btn { white-space: initial; margin-bottom: 20px }
#tech-specs ul.req-list { margin-bottom: 20px; }
.features-accordion .accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 72% 20%; min-height: 350px; }
.features-accordion.audio .accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 30% 50%; min-height: 350px; }
.improved-tools-bg { background-size: cover; }
}