.hero h2, .hero.main-heading h1 { font-size: 60px; margin: 0; color: #fff; }
.hero h3 { text-transform: none; font-size: 24px; color: #fff; margin: 20px 0; }
.hero .button a { text-align: center; white-space: nowrap; display: inline-block; }
.hero .inner { width: 100%; margin: 0 auto; padding: 120px 0; display: table; text-align: center; position: relative; }
.vr-page .hero .inner { background: url(/static/vsp/images/pages/seo/tips/vr-video/bg-hero.jpg) #fff no-repeat center 30%; background-size: cover; }
.sm-page .hero .inner { background: url(/static/vsp/images/pages/seo/tips/stop-motion/bg-hero.jpg) #fff no-repeat center bottom; background-size: cover; }
.gopro-page .hero .inner, .youtube-video .hero .inner { background: url(/static/vsp/images/pages/seo/hero-vsp-2020.jpg) #fff no-repeat center bottom; background-size: cover;  }
.tips-4k-video .hero .inner, .upload-youtube .hero .inner { background: url(/static/vsp/images/pages/seo/tips/basics/4k-video-editing.jpg) #fff no-repeat center center; background-size: cover; }
.music-videos .hero .inner { background: url(/static/vsp/images/pages/seo/tips/music-videos/bg-hero.jpg) #fff no-repeat center center; background-size: cover; }
.audio-editing .hero .inner { background: url(/static/vsp/images/pages/seo/tips/audio-editing/bg-hero.jpg) #fff no-repeat center center; background-size: cover; }
.slideshow .hero .inner { background: url(/static/vsp/images/pages/seo/tips/slideshow/video-collage.jpg) #fff no-repeat center center; background-size: cover; }
.lets-play .hero .inner { background: url(/static/vsp/images/pages/seo/tips/lets-play/hero.jpg) #fff no-repeat center center; background-size: cover; }
.video-lighting .hero .inner { background: url(/static/vsp/images/pages/seo/tips/video-lighting/hero.jpg) #fff no-repeat center center; background-size: cover; }
.green-screen .hero .inner { background: url(/static/vsp/images/pages/seo/tips/green-screen/hero.jpg) #fff no-repeat center center; background-size: cover; }
.demo-video .hero .inner { background: url(/static/vsp/images/pages/seo/tips/demo-video/demo-video_bg.jpg) #fff no-repeat center center; background-size: cover; }
.instagram-video .hero .inner { background: url(/static/vsp/images/pages/seo/tips/instagram-video/instagram-video_bg.jpg) #fff no-repeat center center; background-size: cover; }
.slow-motion .hero .inner { background: url(/static/vsp/images/pages/seo/tips/slow-motion/slow-motion_bg.jpg) #fff no-repeat center center; background-size: cover; }
.time-lapse .hero .inner { background: url(/static/vsp/images/pages/seo/tips/time-lapse/time-lapse_bg.jpg) #fff no-repeat center center; background-size: cover; }
.aspect-ratio .hero .inner { background: url(/static/vsp/images/pages/seo/tips/aspect-ratio/aspect-ratio.jpg) #fff no-repeat center center; background-size: cover; }
.compress-video .hero .inner { background: url(/static/vsp/images/pages/seo/tips/compress-video/compress-video.jpg) #fff no-repeat center center; background-size: cover; }
.drone-video .hero .inner { background: url(/static/vsp/images/pages/seo/tips/drone-video/drone-video.jpg) #fff no-repeat center center; background-size: cover; }
.gaming-editing-software .hero .inner { background: url(/static/vsp/images/pages/seo/tips/gaming-editing-software/gaming-editing-software.jpg) #fff no-repeat center center; background-size: cover; }
.rule-of-thirds .hero .inner { background: url(/static/vsp/images/pages/seo/tips/rule-of-thirds-in-video/rule-of-thirds.jpg) #fff no-repeat center center; background-size: cover; }
.screen-recording .hero .inner { background: url(/static/vsp/images/pages/seo/tips/screen-recording/screen-recording.jpg) #fff no-repeat center center; background-size: cover; }
.video-background-changer .hero .inner { background: url(/static/vsp/images/pages/seo/tips/video-background-changer/video-background-changer.jpg) #fff no-repeat center center; background-size: cover; }
.ultimate-guide-template .hero .inner, .video-converter .hero .inner, .android-video-editor .hero .inner, .apple-video-editor .hero .inner, .easy-video-editor .hero .inner, .film-editing .hero .inner, .meme-video .hero .inner, .make-video-intro .hero .inner, .upload-video-vimeo .hero .inner, .online-video-editor .hero .inner, .professional-video .hero .inner, .video-templates .hero .inner  { background: url(/static/vsp/images/pages/seo/tips/video-converter/video-converter.jpg) #fff no-repeat center center; background-size: cover; }
.video-equipment .hero .inner { background: url(/static/vsp/images/pages/seo/tips/video-equipment/video-equipment.jpg) #fff no-repeat center center; background-size: cover; }
.video-resolution .hero .inner, .make-a-movie .hero .inner { background: url(/static/vsp/images/pages/seo/tips/video-resolution/video-resolution.jpg) #fff no-repeat center center; background-size: cover; }
.video-advertising .hero .inner { background: url(/static/vsp/images/pages/screen-recording/bg-hero.jpg) #fff no-repeat; background-position-y: 25%; background-size: cover; }   
.windows-video .hero .inner { background: url(/static/vsp/images/learn/fortnite-4129124.jpg) #fff no-repeat; background-position-y: 25%; background-size: cover; }
.conversion .hero .inner {background-color: #fff;background: url(/static/vsp/images/conversion/bg-hero.jpg);background-size: cover;background-position-y: 25%;}

.windows-video .internal-ul { margin-bottom: 0;}
.windows-video .internal-ul li:last-child { padding-bottom: 0;}

.hero div.buttons { padding-top: 20px; }
.hero.m-bot-45 { margin-bottom: 45px;}

.main-content p.subtitle { margin: 5px 0 30px; text-align: center; color: #9d9d9d; }
.main-content h4 { font-weight: 600; }
.content-intro { margin-bottom: 50px; }
.main-content h2 { margin-bottom: 10px; margin-top: 20px; font-size: 22px; }
.main-content p { font-size: 16px; line-height: 22px; }
.main-content p.m-top-45 { margin-top: 45px;}
.main-content ul, .main-content ol { margin-left: 15px; margin-bottom: 20px; font-size: 16px; line-height: 22px; }
.main-content .content h1 { margin-top: 30px; text-align: center; }
.main-content .content h3 { font-size: 20px; margin-bottom: 10px; }
.main-content .content h4 { font-size: 18px; margin-bottom: 10px; margin-top: 18px; }

ul.row-image { list-style: none; float: left; margin-top: 30px; margin-left: 0 !important; padding-left: 0; }
.row-image > li { float: left; padding-left: 0; text-align: center; }
#tabs-content .pricing-tab-content .left-col a { color: #db2e00; }
.tutorial-current { color: #494d56 !important; background: #cccccc !important; }

.buttons { margin: 20px 0 !important; }
.buttons a { margin: 10px 5px; }
#info-product div.buttons { padding-top: 20px; }
#info-product { padding-bottom: 20px; }
#info-product h2 { text-transform: none; font-size: 24px; color: #fff; margin: 20px 0; }
#info-product div.buttons { padding-top: 20px; }
#info-product .inner { padding-top: 100px; padding-bottom: 100px; position: relative }

.call-action { margin: 50px 0; text-align: center; }
.call-action p { margin-top: 5px; }
.call-action .button a { margin: 10px; }
.call-action .content-highlight { font-size: 18px; line-height: 28px; font-weight: 500; }
.call-action p.content-highlight { font-size: 20px; font-weight: 500; }
.call-action-footer { padding: 50px 0; margin-bottom: 0;  /*background: url(/static/vsp/images/pages/video-masks/bg-footer.jpg) no-repeat;*/ background-size: cover; background-position-y: 80%; }
.call-action-footer .jumbotron p { font-weight: 400; }
.highlight-section { margin-bottom: 50px; color: #fff; text-align: center; }
.highlight-section h2 { margin-bottom: 0 !important; }
.highlight-section p { margin-top: 20px !important; }

.video-content { display: inline-block; margin: 20px auto; text-align: left; }
.video-content a.video span { width: 100%; height: 100%; position: absolute; background: url(/static/vsp/images/products/videostudio/x10/play-btn.png) no-repeat 50% 50%; background-size: 100%; opacity: .8; }
.video-content a.video span:hover { width: 100%; height: 100%; position: absolute; background: url(/static/vsp/images/products/videostudio/x10/play-btn.png) no-repeat 50% 50%; background-size: 100%; opacity: 1; }
.sample-image { margin-top: 20px; text-align: center; }
.sample-image .header-image { margin: 20px auto; text-align: center; }
.sample-image .header-image img { width: 70%; }
.sample-image .thumbnail, .sample-image .header-image { min-height: 320px; position: relative; }

.side-links { border-left: 1px solid #ccc; padding-left: 25px; float: right; }
aside.side-links { border-left: 1px solid #ccc; padding-left: 25px; float: right; margin-left:50px; margin-bottom: 30px;}
.side-links ul { padding-left: 0; margin-left: 0; list-style: none; }
aside.side-links ul { margin-bottom: 0; }
.side-links li { font-size: 12px; margin-left: -20px; }
.side-links a { font-size: 14px; }
.side-links h2 { margin-top: 10px !important; }

.bg-grey { background: #eee; }
.bg-light-grey { background: #f3f3f3; }
.bg-black { background: #151515; }

.thumbnail { padding: 0; }

.instruction-content { margin-top: 50px; }
.instruction-list { margin-top: 20px; margin-bottom: 30px; }
.instruction-list .instruction-item { display: flex; align-items: center; margin-bottom: 40px; }
.instruction-list.one-col .instruction-item { display: block; }
.instruction-list.one-col .instruction-img { margin: 15px 0; text-align: center; }
.instruction-list .instruction-item h2: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; }
ol.circles-instruction-lists { list-style-type: none; list-style-type: decimal !ie; /*IE 7- hack*/ counter-reset: li-counter; }
.instruction-list .instruction-item h2 { margin-top: 8px; }
.instruction-list .instruction-item img { width: 70%; box-shadow: 0 0 1px 2px #000; }
.instruction-list .instruction-img { padding: 0; }
.video-gallery .tab-content { padding-top: 20px; background: none; text-align: justify; }
#product-nav, .tab-content { float: unset; }
body.responsive .video-gallery img { width: 80%; }
.tab-content { padding: 0; margin: 0; background: #fff; }
.tab-content.center { text-align: center; }
.tab-content .video-content { display: block; text-align: center; }
.video-gallery ul { padding: 0; display: inline-block; list-style: disc; }
.video-gallery ul.nav-pills { margin: 20px 0 -10px; font-size: 16px; }
.video-gallery h2 { font-size: 36px; margin-bottom: 30px; }
.video-gallery .nav-pills > li.active > a { color: #2c2c2c; background: none; border-bottom: 1px #2c2c2c solid; border-radius: 0; }
.video-gallery .nav-pills > li > a, .nav-pills > li > a:focus { color: #2c2c2c; background: none; }
.video-gallery .nav > li > a { display: inline-block; padding: 10px 0 0 0; margin: 0 5px; }
.tab-content ul li { list-style: disc; padding: 0 0 5px 0; margin: 0; }
.video-gallery .nav-pills > li:last-of-type:after { padding: 0; content: '';}
.video-gallery .nav-pills > li:after { display: inline-block; padding: 0 10px; content: '•'; color: #2c2c2c;}
.jumbotron { background: none; padding-left: 30px; padding-right: 30px; margin-bottom: 0;}
.jumbotron h2 { margin-top: 0;}
.jumbotron-footer { background: none; }
a.video { float: left; position: relative; }

.main-content p { margin: 0; padding: 0 0 10px 0; }
.main-content .content h1 { font-size: 36px; font-weight: normal; margin-bottom: 45px; }
.main-content .content h2 { margin-bottom: 20px; font-size: 24px; }
.page-title { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; text-align: center; }
.page-title h4 { font-size: 140%; font-style: italic; }
.main-content li { margin: 0; padding: 0 0 10px 0; line-height: 160%;}
.main-content .note { font-size: 12px; line-height: normal;}
.no-padding { margin: 0 !important; padding: 0 !important;}

video { margin: 20px; position: unset; max-width: 75%; min-height: unset; min-width: unset; -webkit-transform: none; }
video.lazy-hidden { opacity: 1; }
.margin-bot-0 { margin-bottom: 0 !important; }
.image-holder { margin-bottom: 20px; }

.ultimate-guide-template h1{
    font-size: 60px;
    margin: 0;
    color: #fff;
}
.main-content.ultimate-guide .category-toc {
    margin-top: 30px;
}
.main-content.ultimate-guide .category-toc ul, .main-content.ultimate-guide .page-toc ul{ 
    list-style-type: none;
    padding:0;
    margin:0;    
}
.main-content.ultimate-guide .inner-content{
    padding-top:30px;
}
.main-content.ultimate-guide .inner-content ol{
    margin-bottom: 10px;
}
.main-content.ultimate-guide .inner-content ol li {
    padding: 0;
}
.main-content.ultimate-guide .category-toc > div, .main-content.ultimate-guide .page-toc{
    background: #f3f3f3;
    padding: 10px 0;
}
.main-content.ultimate-guide .category-toc h4, .main-content.ultimate-guide .page-toc h4{
    margin: 10px 20px;
}
.main-content.ultimate-guide .category-toc .button{
    margin: 0 20px; 
}
.main-content.ultimate-guide .category-toc li, .main-content.ultimate-guide .page-toc li{
    padding: 0;
}
.main-content.ultimate-guide .category-toc ul a, .main-content.ultimate-guide .page-toc ul a{
    padding: 10px 20px;
    display: block;
    text-decoration: none;
    color: #333;
}
.main-content.ultimate-guide .category-toc ul a:hover, .main-content.ultimate-guide .page-toc ul a:hover{
    background: #f9f9f9;
    color: #333;
}
.w-full{
    width: 100%;
}

@media (min-width:768px){
    .main-content.ultimate-guide .category-toc {
        position: sticky;
        top: 30px;
    }
    #collapse-category-toc{        
        display: block;
        height:100%!important;
    }
}

@media (max-width: 767px) {
    .main-content.ultimate-guide .category-toc .button{
        padding-bottom: 20px;
    }
    #collapse-category-toc{       
        padding: 0;
    }    
}

@media (max-width: 767px) {
    .hero .inner { padding: 35px 30px; }
    .hero h1 { font-size: 36px; }
    .hero h2 { font-size: 22px; margin: 20px 0; }
    .content-intro { padding: 0; }
    .side-links { border: none; padding: 0; margin-bottom: 20px; }
    .video-content { width: 100%; }
    .sample-image { width: 100%; }
    .sample-image .header-image img { width: 100%; }
    .sample-image .header-image img { width: 100%; }
    img.static-img { width: 100%;}
    img.active { width: 100%;}
    .instruction-list .instruction-img img{ width: 100%;}
    .nav-pills>li { float: unset;}
    .video-gallery .nav-pills > li:after { content: none;}
    .image-holder { margin: 20px 0;}
}