a { outline: none !important; }
#product-nav { text-transform: inherit; }
#product-nav.sticky { z-index: 11; }
#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; margin-top: 5px; }
#hero .product-info { padding-top: 50px; padding-bottom: 50px; }
#hero .title { font-size: 24px; line-height: 1.5; margin-top: 0 }
#hero .title .new { font-size: 24px; font-style: italic; font-weight: 600; display: inline; color: #fff; font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif; }
#hero .title .description { font-size: 20px; display: block; }
#hero .content { color: #ccc; }
#hero .btn-trial { border: 1px solid #fff; border-radius: 0; color: #fff; margin-top: 5px; position: relative; text-transform: uppercase; font-weight: 600; background: #000; }
#hero .btn-trial:hover, .offer .btn-trial:hover { opacity: 0.85; color: #fff }
.offer .btn-trial:focus{color: #fff; opacity: 0.85;}
#hero .btn-trial span { border-right: 1px solid rgba(255,255,255, .7); padding: 5px 15px 5px 0; margin-right: 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 p { max-width: 510px; }
#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; }
#hero .price { padding: 0; margin: 0; padding-bottom: 15px; min-height: 70px }
#hero .list-price { color: #7f7f7f; text-decoration: line-through; padding: 0; margin: 0; min-height: 24px }
#hero .main-price { padding: 0; margin: 0; min-height: 28px }
#hero .priceDisplayNormal { font-size: 25px !important; padding-right: 10px; line-height: 1 }
#hero .offer-box { padding-top: 5px; padding-bottom: 50px; }
#hero .upsell { padding: 10px 15px 15px; background: #f4f4f4; color: #333; float: left; border: dotted 1px #ccc; margin-top: 15px; max-width: 430px }
#hero .upsell h4, #hero .upsell p { font-size: 13px; margin: 0; color: #333 }
#hero .upsell h4 { text-transform: uppercase; font-size: 14px; font-weight: 600; margin-bottom: 3px }
#hero .upsell p span { color: #00B10C; font-weight: 600; font-style: italic }
#hero .upsell a { color: #333; text-decoration: underline }
#hero .upsell a:hover { text-decoration: none }
#hero .footnote { font-size: 12px; margin: 30px 0 0; }
.row.pricing { min-height: 240px }
.purchase-box .styled-select { width: 95%; min-width: 150px; height: 30px; margin: 0 0 10px; background: #2c2c2c url(/static/psp/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 { padding: 8px 15px; min-width: 150px; font-size: 16px }
.version-select-label, .playlink span { position: absolute; top: -10000px }
.lto-promo { position: inherit; padding: 2px 10px; }
.lto-box h4 { font-size: 16px }
.lto-box .link { color: #333; text-decoration: underline }
.lto-box a:hover .link { text-decoration: none }
.additional-info p { margin: 0 !important; padding: 0 !important; }
.additional-info a { font-size: 12px; color: #fff; }
.additional-info a:hover { text-decoration: underline; }
#hero .boxshot { text-align: center; }
#hero .boxshot img { width: 80%; }
#hero .boxshot.ult img { max-width: 100%; width: initial }
#vatLabel { font-size: 12px; }
.btn-default { color: #000 }
.margin-right-5 { margin-right: 5px }
.no-padding-top { padding-top: 0 }
.padding-bottom-30 { padding-bottom: 30px }
.padding-top { padding-top: 30px; }
#product-nav .version { display: none }
#product-nav.sticky .version { display: block }
.overview.workflow { background: #080c0d; background-image: url(../../2023-new/images/photo-video-bundle/background-pvb.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; font-size: 16px; padding-top: 5em; padding-bottom: 2em; color: #fff; }
.overview.workflow h2, .overview.offer h2 { padding-bottom: 0.5em; }
#overview .overview.top-reasons, #overview .overview.whats-new { padding-bottom: 7em; }
.pro .overview.top-reasons { color: #fff; background-size: cover; background-position-x: center;}
.ult .overview.top-reasons { color: #fff; background-size: cover; background-position-x: center;}
#video .overview.whats-new { padding-top: 70px; background-color: #fff }
.overview.whats-new { background: #f2f2f2; padding-bottom: 60px; font-size: 16px}
.overview.whats-new h4 { font-weight: 500; margin-top: 20px; }
.whats-new .ult-only { position: absolute; }
ol.circles-list { list-style-type: none; list-style-type: decimal;
margin: 0; margin-left: 4em; padding: 0; counter-reset: li-counter; }
ol.circles-list > li p { font-size: 14px }
ol.circles-list > li { position: relative; margin-bottom: 20px; padding-left: 0.5em; min-height: 3em; }
ol.circles-list > li:before { position: absolute; top: 0; left: -1.33em; width: 1.2em; height: 1.2em; font-size: 1.6em; line-height: 1.2; text-align: center; color: #f5f5f5; border-radius: 50%; background-color: #009CFF; content: counter(li-counter); counter-increment: li-counter; }
.btn-trial { background: #5fa706; border-radius: 0; border: 1px solid #5fa706; text-transform: uppercase; color: #fff; }
.btn-trial:hover { background: #6cb90e; border: 1px solid #6cb90e; color: #fff; }
.dark-gray { background: #cccccc }
.features .feature { padding-top: 15px; padding-bottom: 35px; }
.gray { background: #f4f4f4; }
.features img { max-width: 100% }
.feature .new { display: inline; }
.feature .enhanced { color: #009cff; text-transform: uppercase; font-style: italic; font-weight: 700; }
a.video { position: relative; }
.features.ultimate-pack { background: #080c0c; background-image: url(https://www.videostudiopro.com/static/vsp/images/products/videostudio/x10/background-ultimate-pack.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; color: #fff; }
.features.audio-tools { background: #090f10; background-image: url(https://www.videostudiopro.com/static/vsp/images/products/videostudio/x10/background-audio-tools.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; color: #fff; }
.products a.link-to-feature.link-white { color: white; text-decoration: underline; }
.ultimate-pack .watch-video { color: #fff; display: flex; }
.ultimate-pack .feature p:last-child { margin-top: -10px; }
.products .feature { padding-bottom: 50px; }
.nav.nav-pills.nav-stacked h4 { margin-top: 0; }
.nav.nav-pills.nav-stacked p { margin-top: 0; }
.overview.reviews.single-review.dark { background: #f4f4f4; text-align: center; }
.overview.reviews.single-review { padding-top: 70px; padding-bottom: 70px; }
.sec-block-30 { padding: 80px 0 30px; }
.overview.reviews span.quotation { color: #009CFF; font-family: "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-size: 200%; line-height: .7em; vertical-align: middle; }
.overview.reviews.single-review .record { max-width: 700px; margin: 0 auto; }
#overview-intro a{font-size: 18px}
/* product galleries */
.features.ultimate-bonus-pack { background: #ffffff; padding-top: 70px; padding-bottom: 70px; }
.video-gallery { padding-top: 70px; padding-bottom: 70px; }
.video-gallery .whats-new { margin-left: 150px; }
.video-gallery .watch-video { font-size: 130%; }
.video-gallery ul { padding: 0; display: inline-block; }
.video-gallery .nav>li>a { display: inline-block; padding: 10px 0 0 0; margin: 0 10px; }
.video-gallery .nav-pills>li>a, .nav-pills>li>a:focus { color: #2c2c2c; background: none; }
.video-gallery .nav-pills>li.active>a { color: #2c2c2c; background: none; border-bottom: 1px #2c2c2c solid; border-radius: 0; }
.video-gallery .nav-pills>li:after { display: inline-block; padding: 0 10px; content: '•'; color: #2c2c2c; }
.video-gallery .nav-pills>li:last-of-type:after { padding: 0; content: ''; }
.video-gallery .tab-content { padding-top: 20px; background: none; }
.video-gallery hr { border-top: 1px solid #959595; margin-top: 50px; margin-bottom: 70px; }
.video-gallery .btn { margin: 30px 0 0 0; }
.video-gallery ul.nav-pills { margin: 20px 0 -10px; font-size: 16px }
.video-gallery .tab-content img { width: 72%; }
.video-gallery .tab-content { background: none; }
.features .tab-content { padding-top: 30px; background: none; }
.features .tab-pane { margin-top: -15px; }
.features .feature { padding-top: 15px; padding-bottom: 35px }
.features.photo-editing, .features.start-learn { background: #ffffff; padding-top: 70px; padding-bottom: 70px; }
.features.offer { background: #cccccc; padding-top: 70px; padding-bottom: 70px; }
.features ul.nav-pills.nav-stacked { padding: 10px 0 10px 10px !important; }
.features .nav-pills.nav-stacked>li>a { color: #7b7b7b; background: none; }
.features .nav-pills.nav-stacked>li.active>a, .features .nav-pills.nav-stacked>li>a:hover { color: #2c2c2c; background: none; }
.features .nav-pills.nav-stacked .pillar { position: absolute; left: 0px; height: 100%; width: 2px; background-color: #efefef; }
.gray.features .nav-pills.nav-stacked .pillar { position: absolute; left: 0px; height: 100%; width: 2px; background-color: #ccc; }
.features .nav-pills.nav-stacked>li.active>.pillar, .features .nav-pills.nav-stacked>li:hover>.pillar { background-color: #2c2c2c !important; height: 100%; width: 2px; }
.features ul.nav-pills.nav-stacked h4 { font-size: 110%; }
.features ul.nav-pills.nav-stacked p { font-size: 12px !important; line-height: 1.5 !important; }
.pillar-links { color: #009cff; }
.pillar-links span:hover { color: #ccc; transition-duration: .3s; }
.section-nav-pills .feature img { margin-bottom: 0; }
.features .nav-pills.nav-stacked .pillar { width: 5px !important; }
.feature .nav>li { padding: 0; margin: 0 0 20px; }
#overview-intro { font-size: 14px; }
.accordion video { width: 100%; }
.accordion .panel-title a { display: block; padding: 10px 0; }
.accordion .panel-heading { padding: 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 !important; text-decoration: underline; } */
.learning-support p a:hover { text-decoration: none; }
/* .learning-support img { width: 50% !important; } */
.new { color: #009cff; text-transform: uppercase; font-style: italic; font-weight: 700; }
.features ul.nav-pills.nav-stacked h4 { margin: 0; font-weight: 500; font-size: 18px; }
.ult-only { color: #009cff; display: block; font-weight: 400; font-size: 15px; }
section.dark { background: #222; color: #fff; }
section.dark p { font-size: 14px; line-height: 1.5; }
.capture-edit .features .ult-only, .split .ult-only, .plugins .ult-only { position: relative; top: 0; }
.new-content .ult-only, .split .ult-only, .capture-edit .ult-only, .plugins .ult-only { line-height: 1; }
.caption p a:hover, .content p a:hover, .accordion .panel-body a:hover, .social a:hover { text-decoration: none; }
.content h4 { font-weight: 400; margin: 0 0 5px !important; }
.split p { margin-top: 0; }
.icon-box img { width: 50% !important; }
.gray .section-nav-pills .tab-content { background: #f4f4f4; }
.products span.link-to-feature { color: #333; text-decoration: underline; }
.features, .learning { padding-top: 70px; padding-bottom: 70px; }
.overview.lifestyle { padding-top: 125px; padding-bottom: 125px; color: #fff; background: #080c0d; background-image: url(https://www.videostudiopro.com/static/vsp/images/products/videostudio/2019/background-lifestyle.jpg); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; }
.learning-support p a {
    color: #7CBDFF;
    text-decoration: none;
}
.section-nav-pills .nav-stacked>li+li { margin-top: 0; margin-left: 0; }
.title.section h2 { font-size: 30px; font-weight: 400 }
.title.style h4 { font-size: 30px !important; font-weight: 400 }
.title.section h2 span { font-weight: 500; }
.title p, .sec-block p { font-size: 18px; }
#bonus-collection .pad-top { padding-top: 50px; }
.icon-box { padding-top: 0; padding-bottom: 60px }
.caption h4, .content h4 { font-size: 20px; font-weight: 500; }
.title.style h2 { font-size: 30px; font-weight: 400; }
.disclaimers p, #tech-specs.sec-block .disclaimers p { font-size: 12px }
.features.ultimate-pack p, .overview.lifestyle p { font-size: 18px }
.overview.whats-new .new { display: inline-block }
.features.ultimate .relative { position: relative }
#base { background: #F26522; right: 0; top: -70px; height: 70px; margin-right: 25px; position: absolute; width: 100px; color: #fff; text-align: center; font-size: 120%; line-height: 120%; font-weight: 600; padding-top: 15px; }
#base:before { border-top: 25px solid #F26522; border-left: 50px solid transparent; border-right: 50px solid transparent; content: ""; height: 0; left: 0; position: absolute; top: 70px; width: 0; }
.icon-box h4, .feature-gallery .caption p, .accordion .panel-title, .caption p, .content p, .caption ul li, .content ul li { font-size: 17px; }
#photo .content p { font-size: 16px; }
#photo .content .feature-title p { font-size: 18px; }
.long-locs #photo .content .feature-title p { font-size: 16px; }
.long-locs #photo .content p { font-size: 15px; }
#video.accordion .tab-content { height: 0; padding-bottom: 67% }
.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 !important; }
.pad-btm-20 { padding-bottom: 20px; }
.pad-btm-35 { padding-bottom: 35px; }
.pad-btm-75 { padding-bottom: 75px; }
#video.loc .icon-box .icon { height: 200px; }
#tech-specs { background: #fff; color: #333; }
.slider-bottom-holder-vs { width: 100%; display: flex; flex-direction: column; }
.item-holder-vs .title { margin-bottom: 0 }
.item-holder-vs { margin: 20vh 0; }
.item-holder-vs.has-switch { position: relative }
.item-holder-vs .wrap-switch-input { display: none }
.item-holder-vs.active .wrap-switch-input { position: fixed; z-index: 2; left: 20%; bottom: 70px; width: 300px; display: block; }
.image-holder-vs .slider-bg { height: 100vh; width: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center center; }
#video .image-holder-vs .slider-bg { background-size: cover; }
.image-holder-vs .slider-bg.absolute { position: absolute; top: 0 }
.item-holder-vs .material-switch { position: absolute; z-index: 1; left: 30px; bottom: 10% }
.item-holder-vs:first-child .content { padding-top: 20vh; }
.item-holder-vs:first-child { margin-top: 0; }
.item-holder-vs:last-child .content { padding-bottom: 400px; }
.item-holder-vs .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 }
.item-holder-vs .content h3 { font-size: 30px; margin-bottom: 0; margin-top: 40px }
.item-holder-vs .content p { font-size: 18px; }
.feature-title p, .item-holder-vs .content .feature-title p { font-size: 18px; }
.locs .feature-title p { font-size: 16px; }
.feature-title h2 { font-size: 36px; }
.slider-bottom-holder-vs { position: relative; }
.slider-bottom-holder-vs .image-holder-vs { 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-vs .active .image-holder-vs { z-index: 1; opacity: 1; top: 0 }
.slider-bottom-holder-vs .top .image-holder-vs { top: 0 }
.slider-bottom-holder-vs.visible .image-holder-vs { position: fixed; }
.slider-bottom-holder-vs .image-holder-vs.absolute { bottom: 0; position: absolute; top: auto; }
.slider-bottom-holder-vs .sec-block { position: relative; z-index: 2 }
.item-holder-vs.right .content { margin-left: 0 }
.slider-bottom .section-intro { max-width: 1200px; margin: 0 auto }

.slider-bottom-holder { width: 100%; display: flex; flex-direction: column; }
.item-holder .title { margin-bottom: 0 }
.item-holder .feature-title h2 { font-size: 36px }
.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 }
.item-holder .content a, .art-section a{color: #333; text-decoration: underline}
.item-holder .content h3{font-size: 30px}
.slider-bottom-holder { position: relative; }
.slider-bottom-holder .image-holder { display: flex; justify-content: center; align-items: center; align-content: center; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; transition: opacity .2s linear; }
.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 }

.accordion .panel.panel-default { margin: 0; }
.accordion .panel-title { font-size: 17px; font-weight: 500; }
.accordion .panel { border: none; border-bottom: 1px solid #ccc; border-radius: 0 !important; box-shadow: none; background-color: transparent; font-size: 17px }
.accordion .panel:first-child { border-top: 1px solid #ccc; margin-top: 40px }
.accordion .panel-title a { color: #333; }
.accordion .panel-title { position: relative; padding-right: 25px; line-height: 1.5; }
.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; border: 0; }
.pro-vs  .accordion .panel-title a::before { background: #b80006; }
.ultimate-vs  .accordion .panel-title a::before { background: #00beff; }
.accordion.dark .panel-title a::before { color: rgba(255,255,255,.7); }
.accordion .panel-title a.collapsed::before { transform: rotate(0deg); color: #333; background: #f2f2f2 !important; border: 0; }
.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 }
.long-locs .accordion .panel-body { font-size: 15px; line-height: 1.4; }
.locs .accordion .panel-body { font-size: 15px; line-height: 1.4; }
.accordion .panel-title a { display: block; padding: 10px 0; font-weight: bold }
.accordion .panel-heading { padding: 0; background: transparent }
.accordion .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; }
.ultimate .finishing-touches {background: #1f1f1f;color: #fff;}
.finishing-touches {background: #1f1f1f;color: #fff;padding-bottom: 60px;}
.finishing-touches a{color: #fff; text-decoration: underline;}
.ultimate .finishing-touches a{color: #fff;}
.ultimate #compare .table>thead>tr>th.ultimate-version, .ultimate .compare-tab .nav-pills>li.active:before, .ultimate .accordion .panel-title a::before, .ultimate .feature-gallery .nav-pills>li.active:before  { background: #4293ff; }
.standard #compare .feature-gallery .nav-pills>li.active:before,
.standard .compare-tab .nav-pills>li.active:before,
.standard #compare .table>thead>tr>th.pro-version,
.feature-gallery .nav-pills>li.active:before,
.accordion .panel-title a::before{ background: #ff5b01;}
.graphic-design, .smart-solutions {position: relative;overflow: hidden;min-height: 800px;padding: 100px 0 60px;}
.ult .graphic-design { background: #0d1e3a; }
.pro .graphic-design { background: #fee600; }
.ult .more-tools { color: #fff; background: #4293ff; background: -moz-linear-gradient(top, #4293ff 0%, #01ffff 100%); background: -webkit-linear-gradient(top, #4293ff 0%, #01ffff 100%); background: linear-gradient(to bottom, #4293ff 0%, #01ffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4293ff', endColorstr='#01ffff', GradientType=0 );}
.pro .more-tools { background: #fee600; background: -moz-linear-gradient(top, #fee600 0%, #ff5b01 100%); background: -webkit-linear-gradient(top, #fee600 0%, #ff5b01 100%); background: linear-gradient(to bottom, #fee600 0%, #ff5b01 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee600', endColorstr='#ff5b01', GradientType=0 ); }
.ult .graphic-design, .ult .graphic-design .accordion .panel-title a { color: #fff; }
#video .title h2 { font-size: 50px; font-weight: 700; line-height: 1.1; text-align: center; }
#video h3 { font-size: 36px; font-weight: 700; }
#video .cm-section h3 { font-size: 40px; font-weight: 400; }
.cm-section h2 { font-size: 50px; }
.cm-section .image-holder div { height: 100vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.mask-creator .section-content { background: rgba(0,0,0,.7); color: #fff; }
.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; }
#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 .wrap-caption .sec-block { padding-bottom: 450px; }
.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; }
.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;}
.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; }
.accordion-section h3 { font-size: 36px; font-weight: 700; }
.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; border: 0; }
.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 .panel-title a { font-weight: 500; }
.accordion-section video { width: 95%; }
.embed-video { margin-bottom: 60px; }
.embed-video iframe { width: 100%; }
.ultimate-vs .accordion-section .accordion .panel-title a::before { background: #00BEFF; }
.pro-vs .accordion-section .accordion .panel-title a::before { background: #B80006; }
.ultimate-vs .accordion-section .accordion .panel-title a.collapsed::before, .pro-vs .accordion-section .accordion .panel-title a.collapsed::before { transform: rotate(0deg); color: #333; background: #ccc; }
.capture-video .ult-only { position: relative; display: block; margin-top: 30px; }
.mar-top-0 { margin-top: 0; }
.pad-btm-0 { padding-bottom: 0 }
.learning-support { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; text-align: center; }
.learning-support .ico { max-width: 100px; margin-bottom: 20px; }
.instant-slideshow { color: #fff; }
.black-bg { background: #000; }
#video .whats-intro h2 { font-weight: 400; }
#video .whats-inc { padding-bottom: 0; }
.lazy-hidden { opacity: 1; }
.section-content { padding: 25px 20px 60px; }
.ultimate-vs .mask-creator p { font-size: 16px; }
.ultimate-vs .cm-section { background-color: #131e3a; color: #fff; }
.pro-vs .cm-section { background-color: #fff; }
.pro-vs .whats-inc .whats-intro .section { margin-bottom: 60px; }
.photo-video-bundle #hero {background-color: #131e3a !important; background: url('../../2023-new/images/photo-video-bundle/vsp-ult-hero.jpg');  background-position: center center;  background-repeat: no-repeat; background-size: 1600px; font-size: 16px; color: #fff; }
.pro.photo-video-bundle #hero {background-color: #fff !important; background: url('/static/psp/images/products/photo-video-bundle/2023/vsp-pro-hero.jpg');  background-position: center center;  background-repeat: no-repeat; background-size: 1600px; font-size: 16px; color: #333; }
.more-tools .image-holder {max-width: 1400px;margin: 0 auto;}
.display-none{display: none!important;}
#video .no-padding-bottom { padding-bottom: 0 !important; }
#video .mar-btm-0 { margin-bottom: 0; }
.features-accordion { background: #f7f7f7; }
.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; border: 0; }
.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; padding: 0 0 100px; }
.features-accordion { min-height: 1000px; }
#whats-new .features-accordion { min-height: 850px; }
.features-accordion.multicam-section { min-height: 750px; }
.features-accordion .title { z-index: 10; }
.features-accordion.audio { min-height: 700px; padding-bottom: 60px; background: transparent; }
.pad-top, .pad-top-100 { padding-top: 100px; }
.pad-top-75 { padding-top: 75px; }
.pad-top-0 { padding-top: 0 !important; }
#video .accordion .ult-only { display: block; position: relative; padding-top: 10px; top: 0; font-weight: 700; font-size: 14px; line-height: 17px; font-style: normal; }
.organize-save-share { color: #fff; background-size: cover; background-repeat: no-repeat; background-position: top center; min-height: 700px; }
.organize-save-share h4 { margin: 30px 0 0; }
.long-locs .organize-save-share h4 { margin: 5px 0 0; }
.organize-save-share h4 { font-size: 17px; font-weight: 700; }
.organize-save-share .section-content p { font-size: 16px; }
.organize-save-share .section-content { padding-bottom: 30px; }
.long-locs .organize-save-share .section-content { padding-top: 0px; }
.organize-save-share .section-intro { margin-bottom: 40px; }
.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; }
.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; }
.instant-slideshow { background-size: cover; background-repeat: no-repeat; background-position: bottom center; }
.instant-slideshow .section-content, .capture-video .section-content { padding-bottom: 30px; }
.bg-grey { background: #f6f6f6; }
.pro-vs .instant-slideshow { color: #333; }
.ultimate-vs .ult-only { color: #f806fb; font-size: 14px; font-weight: 700; position: absolute; text-transform: uppercase; }
.ultimate-vs .features-accordion .accordion .panel-title a::before, .ultimate-vs .accordion-section .accordion .panel-title a::before { background: #f806fb; }
.features-accordion .accordion .panel-title a.collapsed::before, .accordion-section .accordion .panel-title a.collapsed::before { color: #333; background: #ccc; }
.ultimate-vs .new { color: #f806fb; }
.ultimate-vs .feature-gallery .nav-pills>li.active:before { background: #f806fb; }
/*Chrome, Safari*/
.ultimate-vs input[type=range] { -webkit-appearance: none; width: 100%; background: none; }
.ultimate-vs input[type=range]:focus { outline: none; }
.ultimate-vs 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-vs 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-vs input[type=range]:focus::-webkit-slider-runnable-track { background: #23284e; }
/*Mozilla*/
.ultimate-vs 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-vs 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-vs 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-vs input[type=range]::-ms-thumb { height: 24px; width: 24px; border-radius: 16px; border: 3px solid #fff; background: #23284e; margin-top: -2px; }
.ultimate-vs input[type=range]::-ms-fill-lower { background: #23284e; border-radius: 20px; }
.ultimate-vs input[type=range]::-ms-fill-upper { background: #23284e; border-radius: 20px; }
.ultimate-vs input[type=range]:focus::-ms-fill-lower { background: #23284e; }
.ultimate-vs 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-vs input[type=range] { -webkit-appearance: none; width: 100%; background: none; }
.pro-vs input[type=range]:focus { outline: none; }
.pro-vs 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-vs 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-vs input[type=range]:focus::-webkit-slider-runnable-track { background: #fbdebe; }
/*Mozilla*/
.pro-vs 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-vs 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-vs 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-vs input[type=range]::-ms-thumb { height: 24px; width: 24px; border-radius: 16px; border: 3px solid #fff; background: #fbdebe; margin-top: -2px; }
.pro-vs input[type=range]::-ms-fill-lower { background: #fbdebe; border-radius: 20px; }
.pro-vs input[type=range]::-ms-fill-upper { background: #fbdebe; border-radius: 20px; }
.pro-vs input[type=range]:focus::-ms-fill-lower { background: #fbdebe; }
.pro-vs input[type=range]:focus::-ms-fill-upper { background: #fbdebe; }
#tech-specs.sec-block p { font-size: 14px; }

@media (min-width: 992px) {
.mask-creator { color: #fff; }
.accordion-section .left video { float: right; }
#product-nav .nav>li>a { padding-left: 25px; padding-right: 25px; }
.ru #product-nav .nav>li>a { padding-left: 15px; padding-right: 15px; font-size: 17px; letter-spacing: -0.3px; }
#hero .title { font-size: 29px; }
#hero .title .new, #hero .title .new { font-size: 29px; }
#hero .title .description { font-size: 22px; }
.purchase-box .styled-select select { font-size: 16px; }
.accordion.full-width .images { position: inherit; width: 100%; }
.accordion.full-width .tab-content { width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0; }
.accordion.full-width .content { left: 0; top: 0; }
.accordion.full-width .tab-pane { height: 100%; width: 100%; background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; }
.col-md-5ths { width: 20%; float: left; }
.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; }
.ultimate-vs .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%);}
.audio.features-accordion .accordion .tab-pane { background-size: cover; }
}

@media screen and (max-width: 1367px) and (min-width: 992px){
    .accordion.full-width .tab-pane.bg-hr { height: 80%; background-position: 50% 0; }
}

@media (min-width: 768px) {
#hero p.trial a { text-decoration: underline; color: #fff; }
.additional-info a { font-size: 12px; color: inherit; }
#hero .details { border-bottom: 1px solid rgba(255,255,255,.2); }
.pro #hero .details { border-bottom: 1px solid rgba(255,255,255,.7); }
#hero .content { color: #fff; }
.pro #hero .content, .pro #hero p.trial a, .pro #hero .title .new, .pro.photo-video-bundle #hero { color: #333; }
#hero .boxshot { padding-top: 50px; }
#hero .boxshot.ult { padding-top: 60px; }
.vcenter { display: flex; align-items: center; }
.product-info .content { width: 90% }
#product-nav .navbar-collapse {text-align: center;padding-left: 0;padding-right: 0;}
#product-nav.sticky .navbar-brand {display: none;}
.actions {right: 15px;}
}

@media (min-width: 1510px) {
    .accordion.full-width .tab-pane { background-size: contain; }
}

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

@media (max-width: 1600px) {.instant-slideshow { background-position-x: right; }}

@media (max-width: 1199px) {
.item-holder:first-child .content {padding-top: 15vh;}
.item-holder .feature-title h2{font-size: 30px}
.item-holder .content .feature-title p, .item-holder .content p {font-size: 16px;}
.item-holder .content h3 {font-size: 24px;}
.image-holder .slider-bg, .image-holder-vs .slider-bg {width: 200%;margin-left: -5%;}
}

@media (max-width: 991px) {
.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; }
.accordion.full-width .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 70% 0; min-height: 400px; }
#whats-new .features-accordion { background: #f6f6f6; }
.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; }
.instant-slideshow .section-content { background-color: rgba(0,0,0,.7) !important; color: #fff; }
.audio.features-accordion .accordion .tab-pane { background-position: center; }
.audio.features-accordion { background: #fff; }
.organize-save-share .section-content { background-color: rgba(0,0,0,.7) !important; color: #fff; }
}

@media (max-width: 767px) {
.pro.photo-video-bundle #hero { color: #fff; background-position-x: left; }
.photo-video-bundle #hero {color: #fff; font-size: 16px; background-position-x: left; }
#hero .boxshot { padding-top: 25px; }
#hero .boxshot img { width: 50%; }
.features a.video:hover span { transform: scale(1); opacity: 1; }
#base { height: 55px; padding-top: 6px; }
#base:before { top: 55px; }
.cm-section .mobile img { width: 200%; margin-left: -20%; }
.cm-section .mobile { overflow-x: hidden; }
.cm-section .slider-bottom { display: none; }
.btn-default { white-space: normal; }
.pad-top { padding-top: 50px; }
.pad-top-25 { padding-top: 25px; }
.pad-top-75 { padding-top: 50px; }
.v-center.pad-top-75 { padding-top: 25px; }
.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; }
#video .mask-creator p, #video .creative-color-content p, #video .instant-slideshow p, #video .learning-support p, #video .accordion-section .accordion .panel-body, #video .features-accordion .accordion .panel-body { font-size: 14px; }
#video .title h2 { font-size: 36px; }
#video h3 { font-size: 24px; }
#video .cm-section h3 { font-size: 26px; }
.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; }
.creative-color h2, .cm-section h2 { font-size: 36px; }
.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; }
.wrap-improved-tools-bg, .wrap-creative-color-bg, .wrap-mask-creator-bg { position: relative; height: 400px; z-index: 2; }
#video .caption p, #video .content p { font-size: 15px; }
.creative-color-content p, .mask-creator p, .accordion-section .accordion .panel-body, .features-accordion .accordion .panel-body { font-size: 14px; }
.mask-creator{color: #fff}
#contrastSlider, #contrastSlider2, #contrastSlide3 { position: absolute; width: 90%; top: -130px; max-width: unset; }
.ult-only { font-size: 12px; }
.learning-support .num-cols { text-align: left; }
#hero .hero { background: rgba(0,0,0,.8); background-size: cover; }
#product-nav .navbar-brand img { display: block; }
#product-nav .navbar-brand span { display: none; }
#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; padding-top: 15px }
#hero .offer-box { background: rgba(0, 0, 0, 0.5); }
.item-holder .content {width: 100%;max-width: initial;padding-left: 15px;padding-right: 15px;margin-left: 0;}
.slider-bottom-holder .image-holder, .slider-bottom-holder.visible .image-holder {position: initial;}
.slider-bottom-holder .image-holder{opacity: 1}
.item-holder {margin: 0 0 30px;}
.item-holder:first-child .content {padding-top: 20px}
.item-holder .content h3 {margin-top: 40px;}
.image-holder .slider-bg { height: 400px; margin-left: 0; background-position: 40% center; }
#video .image-holder-vs .slider-bg {height: 240px; margin-left: 0; background-position: 33%;}
#video .image-holder-vs div.slider-bg { background-size: 200%; }
.item-holder:last-child .content {padding-bottom: 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 }
.feature-gallery .caption p { font-size: 14px; }
.feature-gallery .caption { padding-top: 10px; }
.features-accordion { padding-bottom: 40px; }
.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; }
.features-accordion.multicam-section .accordion .tab-pane { background-size: cover; background-repeat: no-repeat; background-position: 20% 20%; min-height: 350px; }
.mask-creator .section-content { background: none; color: #333; }
.multicam-section { padding-top: 0; }
.section-content p { max-width: 300px; }
.wrap-improved-tools-bg, .wrap-creative-color-bg, .wrap-mask-creator-bg { position: relative; height: 400px; z-index: 2; }
#video .cm-section .slider-bottom { display: block; }
#video .item-holder-vs { margin: 0 0 30px; }
.slider-bottom-holder-vs { background: #fff; }
.ultimate-vs .slider-bottom-holder-vs { background: #131e3a; }
.slider-bottom-holder-vs .image-holder-vs, .slider-bottom-holder-vs.visible .image-holder-vs { position: initial; }
.item-holder-vs:first-child .content { padding-top: 20px; }
.item-holder-vs .content { width: 100%; max-width: initial; padding-left: 15px; padding-right: 15px; margin-left: 0; }
.slider-bottom-holder-vs .image-holder-vs { opacity: 1; }
.item-holder-vs:last-child .content { padding-bottom: 60px; }
.ultimate-vs .slider-bottom-holder { background: #131e3a; }
.capture-video .section-content, .instant-slideshow .section-content {max-width: 300px;}
.pro .overview.top-reasons .container, .ult .overview.top-reasons .container { color: #fff; background-color: rgba(0, 0, 0, .6); }
}

.dark-blue-bg { color: #fff; background: #131e3a;}

.black-bg{    
    color: #fff;
    background: #000;
}
.grey-bg {
    background: #f6f6f6;
}
video{    
    width: 100%;
}
.vsp-new-features-video{
    aspect-ratio:720/448;
    object-fit:cover;
    display: block;
    width: 100%;
}

.rounded-corners{
    border-radius:10px;
}
video.rounded-corners{
    width:100%;
}
.accordion-section video.rounded-corners{
    width:95%;
}
#photo .title h2{
    font-size: 50px;
}
#video h4 {
    font-size: 17px;
    font-weight: 700;
}
#video .sec-block p, #video p, #video .item-holder-vs .content p{
    font-size:16px;
}
#video .title p {
    font-size: 18px;
}
.tile video, .tile img, .tile-ba-section img{    
    aspect-ratio: 16/9;
    object-fit: cover;
}
.features-accordion.dark-blue-bg .accordion .panel-title a {
    color: #fff;
}

.learning-support { background-attachment: local; 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;    
}
@media (max-width: 767px) {
.xs-no-bg-image{
    background-image: none!important;
}
}