h2 { font-size: 50px; }
h3 { font-size: 40px; }
h4 { font-size: 17px; font-weight: 700; }
#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; width: auto; }
#product-nav .btn { float: right; padding: 10px 15px 10px 15px; line-height: inherit; }
#product-nav .nav.spacing { letter-spacing: -0.1px; }
#product-nav .nav.spacing>li>a { padding-right: 20px; padding-left: 20px; }
#product-nav .navbar-nav>li>a.btn-primary { color: #fff; border-bottom: none; font-weight: 400; }
#product-nav .btn-primary:hover, .blue-btn:hover { background: #28acff; border: 1px solid #28acff; }
.logo-pcmag img, .logo-pcmag span { position: absolute; }
.hero { background-position: center center; background-repeat: no-repeat; background-size: 1600px; font-size: 16px; color: #fff }
.ultimate .hero { background-color: #131e3a; }
.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.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; }
.hero .footnote { font-size: 12px; margin: 30px 0 0; }
.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-size: cover; background-repeat: no-repeat; }
.ultimate #overview-intro .intro { color: #fff; background-color: #131e3a; }
.pro #overview-intro .intro { background-color: #fbdebe; }
#overview-intro .intro .title p { font-size: 18px; }
.title p, .features .title p { font-size: 20px; }
.intro-video { padding: 200px 0 300px; 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; }
.awards .ico { max-width: 200px; margin-top: 20px; }
.awards .num-cols { display: flex; flex-wrap: wrap; }
.awards .num-cols .col-item { display: flex; flex-direction: column; justify-content: space-between; }
.awards .col-item { border-right: 1px solid #eee; }
.awards .col-item:last-child { border: none; }
.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: #f806fb; font-size: 16px; font-weight: 700; text-transform: uppercase; }
.features .accordion .ult-only { display: block; position: relative; padding-top: 10px; top: 0; font-weight: 700; line-height: 17px; font-style: normal; }
li .ult-only { top: -15px; left: -2px; }
#whats-new .templates { color: #333; }
#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, .speech p, .stabilization 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 .speech  .section-content, .whats-new .stabilization .section-content, .whats-new .gif-creator .section-content, .whats-new .face-indexing .section-content, .capture-video .section-content, .instant-slideshow .section-content { background: transparent; }
.whats-new .stabilization { background-color: rgba(255,255,255,.9); }
.whats-new .speech  .ult-only, .whats-new .stabilization .ult-only { font-size: 16px; }
.whats-new h3 { font-size: 38px; }
.whats-new .templates, .whats-new .stabilization, .whats-new .gif-creator, .whats-new .face-indexing, #features .capture-video { background-size: cover; background-repeat: no-repeat; background-position: bottom center; }
.whats-new .speech { background-size: 1900px; background-position: bottom center; background-repeat: no-repeat; }
.ultimate .whats-new .speech { background-color: #131e3a; color: #fff; }
.pro .whats-new .speech { background-color: #fbdebe; color: #333; }
.speech { padding-top: 80px; }
.pro .whats-new .speech h3 span { font-weight: 700; }
.ultimate .whats-new .speech h3 span { font-weight: 700; }
#features .instant-slideshow { background-size: cover; background-repeat: no-repeat; background-position: bottom center; }
.ultimate .whats-new .gif-creator { color: #fff; background-size: 1750px; background-color: #131e3a;}
.pro .whats-new .gif-creator { color: #333; background-size: 1750px; background-color: #fbdebe;}
.whats-new .face-indexing { color: #fff; background-size: 1750px; background-color: #131e3a; }
.captivate-section { background-size: cover; background-position: center; color: #fff; }
.ultimate .captivate-section a { color: #fff; text-decoration: underline; }
.ultimate .captivate-section a:hover { color: #fff; text-decoration: none; }
.pro .captivate-section { color: #333; }
.what-can { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
#features .capture-video { background-color: #E2F6FF }
.improved-tools, #features .instant-slideshow { color: #fff; }
.display-none{display: none!important;}
.bg-light {background: #fff;}
#features h3, #whats-new .accordion 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: 700px; }
/*.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: #23284e;
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: #23284e;
}
.ultimate input[type=range]:focus::-webkit-slider-runnable-track {
background: #23284e;
}
/*Mozilla*/
.ultimate input[type=range]::-moz-range-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: #23284e;
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: #23284e;
}
/*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: #23284e;
margin-top: -2px;
}
.ultimate input[type=range]::-ms-fill-lower {
background: #23284e;
border-radius: 20px;
}
.ultimate input[type=range]::-ms-fill-upper {
background: #23284e;
border-radius: 20px;
}
.ultimate input[type=range]:focus::-ms-fill-lower {
background: #23284e;
}
.ultimate input[type=range]:focus::-ms-fill-upper {
background: #23284e;
}
.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: #f806fb;
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: #131e3a;
}
.creative-color input[type=range]:focus::-webkit-slider-runnable-track, .mask-creator input[type=range]:focus::-webkit-slider-runnable-track {
background: #f806fb;
}
/*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: #f806fb;
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: #f806fb;
}
/*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: #f806fb;
margin-top: -2px;
}
.creative-color input[type=range]::-ms-fill-lower, .mask-creator input[type=range]::-ms-fill-lower {
background: #f806fb;
border-radius: 20px;
}
.creative-color input[type=range]::-ms-fill-upper, .mask-creator input[type=range]::-ms-fill-upper {
background: #f806fb;
border-radius: 20px;
}
.creative-color input[type=range]:focus::-ms-fill-lower, .mask-creator input[type=range]:focus::-ms-fill-lower {
background: #f806fb;
}
.creative-color input[type=range]:focus::-ms-fill-upper, .mask-creator input[type=range]:focus::-ms-fill-upper {
background: #f806fb;
}
.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: #fbdebe;
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: #fbdebe;
}
/*Mozilla*/
.pro input[type=range]::-moz-range-track {
width: 100%;
height: 32px;
cursor: pointer;
animate: 0.2s;
background: #fbdebe;
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: #fbdebe;
}
/*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: #fbdebe;
margin-top: -2px;
}
.pro input[type=range]::-ms-fill-lower {
background: #fbdebe;
border-radius: 20px;
}
.pro input[type=range]::-ms-fill-upper {
background: #fbdebe;
border-radius: 20px;
}
.pro input[type=range]:focus::-ms-fill-lower {
background: #fbdebe;
}
.pro input[type=range]:focus::-ms-fill-upper {
background: #fbdebe;
}
.beforeAfter { position: relative; max-height: 800px; overflow: hidden; }
.beforeAfter ul, .beforeAfter li { margin: 0 !important; }
.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 .right.image { position: absolute; z-index: 1; top: 0; left: 0 }
.slider .left.image { position: relative; z-index: 2; margin-right: -4px; overflow: hidden; }
.ultimate .slider .left.image { border-right: 4px solid #f807fc; }
.pro .slider .left.image { border-right: 4px solid #b80006; }
.slider .instruction { position: absolute; top: 55%; padding: 0 15px 7px; color: #fff; border: 2px solid #fff; border-radius: 4px; left: 49.9% !important; transform: translate(-50%, -50%); z-index: 3 }
.ultimate .slider .instruction { background: rgb(253,130,255); background: linear-gradient(90deg, rgba(253,130,255,1) 0%, rgba(250,55,253,1) 35%, rgba(248,17,252,1) 100%); -webkit-box-shadow: 0 0 10px -1px rgba(0,0,0,0.65); box-shadow: 0 0 10px -1px rgba(0,0,0,0.65); }
.pro .slider .instruction { background: rgb(223,139,142); background: linear-gradient(90deg, rgba(223,139,142,1) 0%, rgba(204,71,75,1) 35%, rgba(187,11,16,1) 100%); -webkit-box-shadow: 0 0 10px -1px rgba(0,0,0,0.65); box-shadow: 0 0 10px -1px rgba(0,0,0,0.65); }
.slider .instruction p { display: inline; font-size: 2em; text-transform: uppercase; color: #fff; line-height: 1.2 }
.ba-section { color: #fff; min-height: 600px; }
.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; }
.ba-section.stickers { color: #333; }
.ba-section.stickers.dark-blue-bg {color: #fff;}
.ba-section.title-editing,  .dark-blue-bg { color: #fff; background: #131e3a;}
#whats-new ul { margin-top: 10px;}
.audio-editing {background-size: contain; background-position: center; background-repeat: no-repeat;}

video.responsive{
    width: 100%;
    height: auto;
}
.rounded-corners{
    border-radius:10px;
}

.tile video, .tile img, .tile-ba-section img {
    aspect-ratio: 16/9;
    object-fit: cover;
}

@media(max-width:767px){
    .whats-new .enhancements .icon-card{
        padding-top:50px;
    }
    .enhancements .pad-top{
        padding-top: 0;
    }
}
@media(min-width:768px){
    .audio-editing {min-height:500px;}
    .whats-new p{
        font-size:16px;
        margin: 0 0 10px;
    }
    
.whats-new .enhancements .icon-card{
    background: #dac0a5;
    padding: 60px 30px 30px;
    text-align: center;
}
.ultimate .whats-new .enhancements .icon-card{
    background: #0d1528;
}
}
@media(min-width:768px) and (max-width:1300px){
    .audio-editing {background-size: contain;}
}
.pro .whats-new .enhancements{
background-color: #fbdebe;
}
.whats-new .enhancements .icon-card img{
    width: 150px;
}
.mar-b-minus-50{
    margin-bottom:-50px;
}
.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.dark-blue-bg .accordion .panel-title a { color: #fff; }
.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: #f806fb; }
.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; padding: 0 0 100px; }
/* .features-accordion { min-height: 1000px; } */
.ultimate #whats-new .features-accordion, .ultimate #whats-new .features-accordion .panel-default>.panel-heading a { color: #fff; }
.ultimate #whats-new .features-accordion { min-height: 850px; background-color: #131e3a; }
.pro #whats-new .features-accordion { min-height: 850px; background-color: #fbdebc; }
.ultimate #whats-new .features-accordion .accordion .panel-title a.collapsed::before { background: #fff; }
#features .features-accordion.multicam-section { min-height: 750px; }
.features-accordion .title { z-index: 10; }
.features-accordion.audio { min-height: 700px; padding-bottom: 60px; }
.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: 17px; 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: #f806fb; }
.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: #f806fb; }
.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: #f806fb; display: block; position: relative; top: 0; font-weight: 700; font-size: 16px; }
.plugins p { font-size: 20px; }
.plugins .plugins-list h4 { font-size: 17px; }
.plugins .plugins-list p { font-size: 14px; }
.enhancements .plugins-list ul { font-style: italic; }
.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; line-height: 1.35; }
#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/2023/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/2023/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/2023/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; }
#compare th a { color: #fff; text-decoration: underline; font-size: 16px; line-height: 1.1;}
#compare th a:hover { color: #fff; text-decoration: none; cursor: pointer; }
#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: #f806fb; text-transform: uppercase; font-style: italic; font-weight: 700; }
.pro .new { color: #b80006; }
.new-inline, .improved-inline, .enhanced-inline { font-weight: 700; text-transform: uppercase; font-style: italic; color: #f806fb !important; }
.new-content h4 { font-weight: 500; }
.new-content .new { display: block; margin-bottom: 5px }
.pad-top, .pad-top-100 { padding-top: 100px; }
.pad-top-0 { padding-top: 0 !important; }
.pad-top-25 { padding-top: 25px; }
.pad-top-75 { padding-top: 75px; }
.pad-btm { padding-bottom: 100px; }
.pad-btm-0 { padding-bottom: 0; }
.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; }
.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-position: 40%; background-repeat: no-repeat; background-size: cover; color: #fff; }
.learning-support p a { color: #fff; text-decoration: underline; }
.learning-support p a:hover { text-decoration: none; }
.learning-support ul {
    list-style: none;
    font-size: 16px;
    padding-left: 0;
    margin-top: 50px;
}
.learning-support ul li{
    display:flex;
    
}
.learning-support ul li>a{
    display: flex;
    align-items: baseline;
}

.learning-support .icon-list {
    width: 70px;
    margin-right: 20px;
}

.learning-support{
    text-align:left;    
}
.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 { background-size: cover; }
.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; margin-right: 5px; }
.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 { font-size: 14px; 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 { font-size: 16px; }
.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; }
.t-intro .intro-p { min-height: 91px; }
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 }
.ultimate .action-section, .pro .action-section { background: #fff; }
.nobr { white-space: nowrap; }
.ultimate .cm-section { color: #fff; background-color: #131e3a; }
.pro .cm-section { background-color: #fff; }
.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; }
.whats-new .stabilization, .black-bg { color: #fff; background: #000; }
.stabilization video { margin: 0 auto; max-width: 1700px; width: 100%; height: 100%; }
#beforeAfter2 .slider .instruction { left: 37.8% !important; }
.features p{
    font-size:16px;
}
.features h4{
    font-size:17px;
    font-weight: 700;
}
.features-accordion.audio { background: transparent; }
.left-anchor{
    left:15px;
}
@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/2023/vsp-standard-hero.jpg'); color: #333 }
.ultimate .hero { background-image: url('/static/vsp/images/products/videostudio/2023/vsp-ultimate-hero.jpg'); }
.family .hero { background-image: url('/static/vsp/images/products/videostudio/2023/vsp-family-hero.jpg'); }
.navbar-right { float: right!important; margin-right: -15px; }
.logo-pcmag img { width: 110px !important; left: -200px; top: 350px; }
.logo-pcmag span { left: -90px; 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 .stabilization, .whats-new .face-indexing { min-height: 580px; }
.whats-new .speech { min-height: 1000px; }
.whats-new .gif-creator, .whats-new .face-indexing { min-height: 1000px; }
.face-indexing .section-content { padding-top: 200px; }
.mask-creator { color: #fff; }
.pro #features .instant-slideshow { color: #333; }
.captivate-section { min-height: 700px; }
.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; }
.enhancements .content-overlay{
    margin-top:-80px;
}
}

@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; }
.ultimate #overview-intro .intro, .pro #overview-intro .intro { background-size: 1850px; background-position: center bottom; }
#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 .right .accordion .content { float: right; }
.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 .gif-creator, .features-accordion .accordion .tab-pane .gif-creator { 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; }
.audio.features-accordion .accordion .tab-pane { background-size: cover; }
.pro .audio-wrap { background: rgb(222,193,161); background: linear-gradient(90deg, rgba(222,193,161,1) 0%, rgba(222,193,161,1) 25%, rgba(254,254,254,1) 75%, rgba(255,255,255,1) 100%); }
.ultimate .audio-wrap { background: rgb(252,161,255); background: linear-gradient(90deg, rgba(252,161,255,1) 0%, rgba(252,161,255,1) 25%, rgba(254,254,254,1) 75%, rgba(255,255,255,1) 100%); }
.ru .audio.features-accordion {padding: 60px 0;}
.ru .audio.features-accordion .accordion .panel-title a {letter-spacing: -0.1px;}
.ru #features .audio h3 {letter-spacing: -1px;}
}

@media (min-width: 1800px) {
    .features-accordion .accordion .tab-pane { background-size: contain; }
}
@media (min-width: 2200px) {    
     #features .multicam-section.features-accordion .accordion .tab-pane { background-color: #f6f6f6; }
    .audio.features-accordion .accordion .tab-pane { background-size: 2000px; }
    .audio.expand-bg.features-accordion .accordion .tab-pane { background-size: cover; }
}

@media (max-width: 1600px) {
.improved-tools-bg { background-size: cover; background-position: 38% top; }
.ba-section { min-height: 500px; }
.ba-section.expand-sec { min-height: 600px; }
.ba-section.stickers .sec-block { padding-top: 40px; }
#features .instant-slideshow { background-position-x: right; }
}

@media (max-width: 1199px) {
.beforeAfter .controls { bottom: -50px; right: 10px; width: 65px }
.ba-section { min-height: 400px; }
.ba-section.stickers .sec-block { padding-top: 20px; }
.ba-section.expand-sec { min-height: 550px; }
.ba-section.stickers .sec-block.text-center { max-width: 360px; }
.image-holder .slider-bg { width: 200%; margin-left: -5%; }
.whats-new .speech { background-size: cover; }
}

@media (max-width: 991px) {
.ba-section.stickers .sec-block.text-center { position: initial; color: #333; max-width: 100%; text-align: center; }
.ba-section { min-height: auto; }
#overview-intro .intro { background-position-x: 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.multicam-section .accordion .tab-pane { background-position: 25% 0; }
.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%; }
.audio.features-accordion .accordion .tab-pane { background-position: center;  }
.features-accordion.audio { background-color: #f6f6f6; }
.instant-slideshow .section-content { background-color: rgba(0,0,0,.7) !important; color: #fff; }
}

@media (max-width: 767px) {
.xs-no-bg-image{
    background-image: none!important;
}
h2 { font-size: 36px; }
h3 { font-size: 24px; }
.logo-pcmag, .hero .footnote { display: none; }
#whats-new h2, .features-accordion h2 { font-size: 36px; }
.whats-new h3, #features h3, #whats-new .accordion 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, .speech p, .stabilization p { font-size: 14px; }
.pro .hero { background-image: url('/static/vsp/images/products/videostudio/2023/vsp-standard-hero-mobile.jpg'); }
.ultimate .hero { background-image: url('/static/vsp/images/products/videostudio/2023/vsp-ultimate-hero-mobile.jpg'); }
#product-nav .navbar-nav { display: block; }
#product-nav #buy { margin-left: 15px; }
.hero .title .new { display: block; }
#overview-intro .intro { background-size: 200%; background-position-y: bottom; }
.awards .num-cols .col-item { border: none; margin-bottom: 20px; align-items: center; }
.awards .col-img { text-align: center; }
.awards h5 { font-size: 13px; }
.awards .ico { margin-top: 10px; }
.captivate-section ul { font-size: 16px; }
p.testimonial { font-size: 18px; }
.carousel { padding: 0; }
.carousel-control { display: none; }
.item-holder { margin: 0 0 30px; }
.ultimate .slider-bottom-holder { background: #131e3a; }
.image-holder .slider-bg { height: 240px; margin-left: 0; background-position: 33%; }
.item-holder:last-child .content {padding-bottom: 0;}
.slider-bottom-holder .image-holder { opacity: 1; }
.slider-bottom-holder .image-holder, .slider-bottom-holder.visible .image-holder { position: initial; }
.item-holder:first-child .content { padding-top: 20px; }
.item-holder .content { width: 100%; max-width: initial; padding-left: 15px; padding-right: 15px; margin-left: 0; }
.item-holder .content h3 { margin-top: 40px; }
.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 .speech  .section-content, .whats-new .stabilization .section-content, .whats-new .gif-creator .section-content, .face-indexing .section-content, .capture-video .section-content, .instant-slideshow .section-content { max-width: 300px; }
.templates .section-content, .speech .section-content, .stabilization .section-content, .gif-creator .section-content, .face-indexing .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; }
.creative-color-content .ult-only { position: static; display: block; }
.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; }
.pro #features .instant-slideshow { color: #333; }
#features .instant-slideshow { background-position: bottom right; }
#whats-new .templates { padding-bottom: 40px !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: 175px 0; }
a.video span { background-size: 14% }
.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 { border: none }
.what-can .num-cols { text-align: left }
.what-can .col { margin-bottom: 20px; }
.what-can h3 { margin-top: 0; }
.learning-support .caption { padding-top: 0 }
.family .table { font-size: 14px; }
.family .hero img { position: inherit; z-index: 2; max-width: 260px; margin: 0 auto; display: block; }
.family .hero .new-inline { display: block; color: #333 !important; }
.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: 200%; background-repeat: no-repeat; background-position: 30% 50%; min-height: 350px; }
#features .features-accordion .accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 80% 85%; min-height: 350px; }
#features .features-accordion.multicam-section .accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 20% 20%; min-height: 350px; }
#features .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; }
.stabilization video { margin-top: 20px; }
.image-holder div { background-size: 200%; }
.whats-new .speech { min-height: 600px; padding-top: 40px; background-size: 1400px; background-position-y: top;}
}

@media (max-width: 500px) {
    .intro-video { padding: 100px 0; }
    .whats-new .speech { padding-top: 20px; background-size: 1800px;}
}