/*CAPTAIN PLUGINS COLORS*/

/*
Dark Purple 1: #25252b
Dark Purple 2: #383845
Dark Purple 3: #474759
Dark Purple 4: #55556b
Mid Purple 5: #8484a9
Mid Purple 6: #e0e0e9
Saturated Purple: #c948ff
Blue: #0095e2
Red: #f26c72
Green: #29b99c
Yellow: #b3a902
Dark Gray: #66666a
Mid Gray: #efefef
Light Gray: #fafafa
rgba(37, 37, 43, 0.5)
*/

/* IMPORTANT: Update the .min.css file after making modifications */

body {
    background: #25252b;
    color: #25252b;
}

h1,
h2,
h3,
h4,
h5 {
    color: #25252b;
}

h2 {
    background: none;
    -webkit-text-fill-color: initial;
}

.content-section {
    background: #383845;
}

.content-section.content-section-light {
    background: #fff;
}

.background-white {
    background: #fff;
}

/*BUTTONS*/

.button,
.button:focus,
.navbar-nav li.header-button a,
.navbar-nav li.header-button a:focus {
    padding: 12px 27px;
    /* background: #f26c72; */
    background: #FF636A;
    -webkit-box-shadow: 0 4px 20px rgba(242, 108, 114, .35), 0 1px 3px rgba(242, 108, 114, .2);
    box-shadow: 0 4px 20px rgba(242, 108, 114, .35), 0 1px 3px rgba(242, 108, 114, .2);
}

.button.small:focus {
    padding: 8px 20px;
}

.button:hover,
.navbar-nav li.header-button a:hover {
    background: #ff757b;
    -webkit-box-shadow: 0 10px 30px rgba(242, 108, 114, .25), 0 3px 6px rgba(242, 108, 114, .13) !important;
    box-shadow: 0 10px 30px rgba(242, 108, 114, .25), 0 3px 6px rgba(242, 108, 114, .13) !important;
}

.button:active,
.navbar-nav li.header-button a:active {
    background: #ff757b;
    -webkit-box-shadow: 0 4px 20px rgba(242, 108, 114, .35), 0 1px 3px rgba(242, 108, 114, .2);
    box-shadow: 0 4px 20px rgba(242, 108, 114, .35), 0 1px 3px rgba(242, 108, 114, .2);
}

.navbar-default .navbar-nav > li > a.buton:focus,
.navbar-default .navbar-nav > li > a.button:hover {
    background: #ff757b;
}

.button.white,
.button.white:hover,
.button.white:active,
.button.white:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.button.white:hover {
    background: #0095e2;
}


.button.blue {
    background: #00b7ff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 183, 255, .1), 0 1px 3px rgba(0, 183, 255, .15);
    box-shadow: 0 3px 10px rgba(0, 183, 255, .1), 0 1px 3px rgba(0, 183, 255, .15);
}

.button.blue:hover {
    background: #00b7ff;
    -webkit-box-shadow: 0 10px 30px rgba(0, 183, 255, 0.2), 0 3px 6px rgba(0, 183, 255, 0.25) !important;
    box-shadow: 0 10px 30px rgba(0, 183, 255, 0.2), 0 3px 6px rgba(0, 183, 255, 0.25) !important;
}

.button.blue:active {
    background: #00b7ff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* CUSTOM BUTTONS. */
.btn-white{
    background: #ffffff;
    color: black !important;
}

.btn-white:hover{
    background: #f2f2f2;
}

.button.blue:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button-blue{
    background: #06B8EC;
}

.captain-download-content .button{
    font-size: 20px;
}

.navbar-nav li.header-button a,
.navbar-nav li.header-button a:focus {
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 20px 15px 20px 20px;
}

@media (max-width: 767px) {
    .navbar-nav li.header-button a {
        margin: 20px;
    }
}

/*NAVBAR*/

.navbar,
.navbar-nav {
    background: #25252b;
    -webkit-box-shadow: inset 0 3px #474759, 0 0 80px 30px rgba(37, 37, 43, 0.15);
    box-shadow: inset 0 3px #474759, 0 0 80px 30px rgba(37, 37, 43, 0.15);
}

@media (max-width: 767px) {

    .navbar,
    .navbar-nav {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

@media (min-width: 768px) {
    .collapse.navbar-collapse {
        background: #25252b;
        -webkit-box-shadow: inset 0 3px #474759;
        box-shadow: inset 0 3px #474759;
    }
}

.navbar-default .navbar-toggle .icon-bar {
    background: #fff;
}

.navbar-default .navbar-nav > li:not(.header-button) > a:not(.buy),
.navbar-default .navbar-nav > li:not(.header-button) > a:focus:not(.buy) {
    color: #fff;
}

.dropdown-background,
.mobile-menu-background {
    background: rgba(37, 37, 43, 0);
}

.dropdown.open .dropdown-background,
.navbar-collapse.collapse.in .mobile-menu-background {
    background: rgba(37, 37, 43, 0.5)
}

.navbar-brand {
    padding: 26px 0px 26px 14px;
}

@media (max-width: 767px) {
    .navbar-brand {
        padding: 28px 0 28px 14px;
    }
}

.navbar-nav > li > .dropdown-menu {
    background: #474759;
    padding: 15px 0;
    -webkit-box-shadow: 0 30px 80px rgba(37, 37, 43, 0.35);
    box-shadow: 0 30px 80px rgba(37, 37, 43, 0.35);
}

.dropdown-menu > li > a {
    color: #fff;
}

@media (max-width: 767px) {
    .dropdown-menu > li > a {
        color: #fff !important;
    }
}

.nav > li > a:focus:not(.buy),
.nav .open > a:not(.buy),
.nav .open > a:focus:not(.buy) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav > li > a:hover:not(.buy),
.nav .open > a:hover:not(.buy) {
    -webkit-box-shadow: inset 0 3px #8484a9;
    box-shadow: inset 0 3px #8484a9;
}

@media (max-width: 767px) {

    .nav > li > a:focus:not(.buy),
    .nav > li > a:hover:not(.buy),
    .nav .open > a:not(.buy),
    .nav .open > a:hover:not(.buy),
    .nav .open > a:focus:not(.buy) {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
    }
}


.navbar-default .navbar-nav > .current-menu-item > a,
.navbar-default .navbar-nav > .current-menu-item > a:focus,
.navbar-default .navbar-nav > .current-menu-item > a:hover,
.navbar-default .navbar-nav > .current-menu-parent > a,
.navbar-default .navbar-nav > .current-menu-parent > a:focus,
.navbar-default .navbar-nav > .current-menu-parent > a:hover {
    -webkit-box-shadow: inset 0 3px #0095e2;
    box-shadow: inset 0 3px #0095e2;
}

@media (max-width: 767px) {

    .navbar-default .navbar-nav > .current-menu-item > a,
    .navbar-default .navbar-nav > .current-menu-item > a:focus,
    .navbar-default .navbar-nav > .current-menu-item > a:hover,
    .navbar-default .navbar-nav > .current-menu-parent > a,
    .navbar-default .navbar-nav > .current-menu-parent > a:focus,
    .navbar-default .navbar-nav > .current-menu-parent > a:hover {
        -webkit-box-shadow: inset 3px 0 #0095e2;
        box-shadow: inset 3px 0 #0095e2;
    }
}

.dropdown-menu li.current-menu-item > a {
    background: #0095e2;
}

/*FAQ*/

.faq {
    background: #383845;
}

.faq h4 a {
    color: #fff;
    border-bottom: 1px solid #55556b;
}

.faq .material-icons {
    color: #fff;
}

.panel-group .panel .panel-collapse .panel-body {
    background: #25252b;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 8px 5px 0px 19px;
}

.faq h4 a {
    border: none;
}

/*RELATED PRODUCTS*/

.related-products {
    background: #25252b;
}

.product {
    background: #383845;
}

.product:hover {
    background: #474759;
}

/*HERO*/

.cta-plugin .button,
.captain .button
{
    font-size: 20px;
}

.content-section.hero {
    padding: 70px 0;
}

@media (max-width: 479px) {
    .content-section.hero {
        padding: 40px 0;
    }
}

.hero,
.related-products,
.se-workflow,
.gradient-bg {
    background: #25252b;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(37, 37, 43, 1) 0%, rgba(56, 56, 69, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(37, 37, 43, 1) 0%, rgba(56, 56, 69, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 37, 43, 1)), to(rgba(56, 56, 69, 1)));
    background: -o-linear-gradient(top, rgba(37, 37, 43, 1) 0%, rgba(56, 56, 69, 1) 100%);
    background: linear-gradient(to bottom, rgba(37, 37, 43, 1) 0%, rgba(56, 56, 69, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25252b', endColorstr='#383845', GradientType=0);
}


.cta .overlay,
.page-hero .overlay {
    background: rgba(37, 37, 43, 0.6);
}

.button-notification {
    background: #fff;
    color: #25252b;
}

.hero-video-thumbnail {
    position: relative;
}

.hero-video-thumbnail img {
    -webkit-transition: all 1.2s ease-in;
    -o-transition: all 1.2s ease-in;
    -moz-transition: all 1.2s ease-in;
    transition: all 1.2s ease-in;
    -webkit-box-shadow: 0 0 0px rgba(242, 108, 114, 0);
    box-shadow: 0 0 0px rgba(242, 108, 114, 0);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.hero-video-thumbnail:hover img {
    -webkit-transition: all .4s ease-out;
    -o-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    -webkit-box-shadow: 0 0 200px rgba(242, 108, 114, .65);
    box-shadow: 0 0 200px rgba(242, 108, 114, .65);
}

.contest-hero {
    position: relative;
    height: 900px;
}

.hero-input{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.hero-input input{
    height: 55px;
    max-width: 579px;
    border-radius: 5px 5px 5px 5px !important;
    border: 1px solid rgba(255, 255, 255, .3);
    background: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .3);
}

.hero-input .button{
    margin-bottom: 15px;
}

/*FONTS*/

.italic{
    font-style: italic;
}

/* CUSTOM BACKGROUNDS */

.dark-blue-hero,
.dark-blue-hero *:not(.dark-blue-hero li.header-button a, .dark-blue-hero .dropdown-background, .dark-blue-hero button span ),
.captain-epic .navbar{
    background:#232A3D !important;
    box-shadow: none;
}

.captain-epic nav,
.captain-epic .collapse.navbar-collapse,
.captain-epic .navbar-nav,
.captain-epic .navbar-nav > li > .dropdown-menu,
.captain-epic footer.content-section{
    background:#232A3D !important;
    box-shadow: none;
}

.background-white{
    background: #fff;
}

.background-blue{
    background: -moz-linear-gradient(right, rgba(101, 113, 159, 1) 0%, rgba(183, 204, 253,1) 20%,rgba(159, 181, 242,1) 40%,  rgba(169, 191, 247,1) 60%, rgba(161, 184, 240,1) 85%, rgba(56, 56, 69,1) 100%);
    background: -webkit-linear-gradient(right, rgba(101, 113, 159, 1) 0%,rgba(183, 204, 253,1) 20%,rgba(159, 181, 242,1) 40%,rgba(169, 191, 247,1) 60%, rgba(161, 184, 240,1) 85%, rgba(56, 56, 69,1) 100%);
    background: -o-linear-gradient(right, rgba(101, 113, 159, 1) 0%,rgba(183, 204, 253,1) 20%,rgba(159, 181, 242,1) 40%,rgba(169, 191, 247,1) 60%, rgba(161, 184, 240,1) 85%, rgba(56, 56, 69,1) 100%);
    background: linear-gradient(to left, rgba(101, 113, 159, 1) 0%,rgba(183, 204, 253,1) 20%,rgba(159, 181, 242,1) 40%,rgba(169, 191, 247,1) 60%,rgba(161, 184, 240,1) 85%, rgba(56, 56, 69,1) 100%);
}

.background-gray{
    background: #30354A;
}

.background-lighter-blue{
    background: #06B8EC;
}

.background-content-blue{
    background:#232A3D !important;
}

.background-dark-blue{
    background: #151829 !important;
}

.background-blue-gradient{
    background: -moz-linear-gradient(bottom,#151829,#06B8EC );
    background: -webkit-linear-gradient(bottom,#151829,#06B8EC );
    background: -o-linear-gradient(bottom, #151829,#06B8EC );
    background: linear-gradient(to top,#151829,#06B8EC );
}

.background-green-gradient{
    background: -moz-linear-gradient(bottom,#151829,#3BC4A8);
    background: -webkit-linear-gradient(bottom,#151829,#3BC4A8 );
    background: -o-linear-gradient(bottom, #151829,#3BC4A8 );
    background: linear-gradient(to top,#151829,#3BC4A8 );
}

.background-green{
    background: #3BC4A8;
}

.background-red-gradient{
    background: -moz-linear-gradient(bottom,#151829,#FF636A);
    background: -webkit-linear-gradient(bottom,#151829,#FF636A );
    background: -o-linear-gradient(bottom, #151829,#FF636A);
    background: linear-gradient(to top,#151829,#FF636A );
}

.background-dark-red-gradient{
    background: -moz-linear-gradient(bottom,#151829,#FE4C54);
    background: -webkit-linear-gradient(bottom,#151829,#FE4C54 );
    background: -o-linear-gradient(bottom, #151829,#FE4C54);
    background: linear-gradient(to top,#151829,#FE4C54 );
}

.background-purple-gradient{
    background: -moz-linear-gradient(bottom,#151829,#A870FE);
    background: -webkit-linear-gradient(bottom,#151829,#A870FE );
    background: -o-linear-gradient(bottom, #151829,#A870FE);
    background: linear-gradient(to top,#151829,#A870FE );
}

img{
    max-width: 100%;
}

/* SPLIT SECTION */

.background-split{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.back-split-item{
    width: 100%;
}

.bold-text{
    font-weight: bold !important;
}

.pt-0{
    padding-top: 0;
}

.pb-0{
    padding-bottom: 0;
}

.daws{
    padding-top: 95px;
    padding-bottom: 46px;
}

.daws-logo-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

.daws-logo-container a{
    margin:20px;
}

.before-after{
    padding-top: 80px;
}

.split-section{
    position: relative;
}

.before-after-item{
    padding-bottom: 71px;
}

.cta-plugin{
    padding-bottom: 80px;
}

.cta-plugin h2{
    width: 90%;
}

.cta-plugin .container{
    padding-top: 80px;
    padding-bottom: 60px;
    border-radius: 10px;
}

.audio-playlist ul{
    margin:50px auto 20px auto;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}


.audio-playlist ul li p{
    margin-bottom: 10px;
}

.cta-plugin .audio-playlist ul{
    justify-content: space-around;
}

.cta-plugin .audio-playlist ul{
    width: 90%;
}

.cta-plugin p:not(.cta-plugin .audio-playlist ul li p){
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}

/* CUSTOM STYLE FOR AUDIO TAGS */
.px-80{
    padding: 80px 0;
}

.audio-container{
    display: flex;
    align-items: center;
    width: 277px;
    height: 40px;
    border:1px solid white;
    background-color: rgba(255, 255, 255, .2);
}

.audio-container audio{
    display: none;
}

.play-audio,
.pause-audio{
    height: 40px;
    width: 40px;
    background: white;
    color: black;
    border:none;
    box-shadow: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.play-audio i{
    color: black !important;
    font-size: 14px;
}

.song-progress{
    height: 16px;
    width: 100%;
    background: white;
    position: relative;
    z-index: 1;
}

.song-progress .currentValue{
    position: absolute;
    display: block;
    height: 100%;
    background: black;
    z-index: 2;
}

/* Custom list style */
.captain-download-content .captain-download-item:last-of-type{
    box-shadow: 5px 5px 15px 5px rgba(21, 24, 41, .15);
}

.captain-download-item{
    padding-top: 37px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
}

.custom-list{
    list-style: none;
    padding-left: 0;
    max-width: 792px;
}

.custom-list li{
    display: flex;
    align-items: center;
}

.custom-list li p{
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #DCDDDF;
    margin: 0;
}

.custom-list li:last-of-type p{
    border-bottom: none;
}

.custom-list i{
    color: #3BC4A8;
    display: block;
    font-size: 18px;
    margin: 0 10px 0 0;
    line-height: 150%;
    border-bottom: 1px solid transparent;
    padding: 8px 0;
}

/*Download section */
.download-section{
    padding-top: 80px;
}

.captain-download-content{
    background: white;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 60px;
}

.captain-video-section{
    padding-bottom: 80px;
}

.captain-video-section .composition{
    position: relative;
}

.captain-video-section .play-button,
.captain .play-button{
    transition: all .2s;
    z-index: 91;
}

/* CTA Captain banner */
.cta-captain-banner{
    position: relative;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cta-captain-banner .custom-image-background{
    position: absolute;
    top: 0;
    object-position: center center;
    object-fit: cover;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: .3;
}

.captain .custom-feature .play-button:hover{
    width: 85px;
    height: 85px;
}


/* REASON SECTION */

.reasons-section .custom-list{
    margin-left: auto;
    margin-right: auto;
    margin-top: 42px;
}

.reasons-section .custom-list li p{
    padding-bottom: 24px;
}

/* PRODUCT BANNER SECTION */
.product-banner{
    border-radius: 10px;
    padding-top: 35px;
    padding-bottom: 35px;
}

.product-banner-section .product-banner:nth-of-type(even){
    margin-top: 80px;
    margin-bottom: 80px;
}

.product-banner .composition img{
    margin-bottom: 15px;
}





@media (min-width: 991px){
    .p-md-0{
        padding:0 !important;
    }

    .captain .hero .button{
        padding: 12px 42px;
    }

    .daws-logo-container{
        flex-wrap: nowrap;
    }


    .before-after-item:first-of-type{
        padding-right: 50px;
    }

    .before-after-item:last-of-type{
        padding-left: 50px;
    }

    .back-split-item{
        height: 100%;
        width: 50%;
    }


    .back-split-item:last-of-type{
        background: #06B8EC;
    }

    .back-split-item:first-of-type{
        background: #232A3D;
    }


    .before-after-heading h2{
        margin-bottom: 60px;
        margin-top: 0;
    }

    /*Hero*/

    .captain .hero .composition {
        margin-bottom: 30px;
    }

    .captain .hero .play-button{
        width: 135px;
        height: 135px;
    }

    .captain .hero .play-button:hover{
        width: 140px;
        height: 140px;
    }

    .hero-input{
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hero-input .input-group-btn{
        width: auto;
    }

    .hero-input input{
        margin-right: 10px;
    }


    .captain-download-content{
        max-width: 792px;
        margin-left: auto;
        margin-right: auto;
    }

    .product-banner{
        padding-left: 75px;
        padding-right: 75px;
        padding-top: 65px;
        padding-bottom: 65px;
    }


    .product-banner .audio-playlist{
        width: 86%;
        margin-left: auto;
        margin-right: auto;
    }

    .cta-plugin .audio-playlist{
        width: 86%;
        margin-left: auto;
        margin-right: auto;
    }

}

@media (max-width: 991px) {
    .contest-hero {
        height: 800px;
    }


    .before-after-item:last-of-type{
        background: #06B8EC;
    }


    .before-after-item:first-of-type{
        background:  #232A3D;
    }

    .audio-playlist ul{
        justify-content: center;
    }

    .hero-input{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .hero-input .input-group-btn{
        width: 100%;
    }




}

@media (max-width: 767px) {
    .contest-hero {
        height: 700px;
    }


    .hero-input .input-group-btn{
        width: 100%;
    }
}

@media (min-width: 500px) {


    .audio-playlist ul li{
        margin-right: 15px;
    }
}

@media (max-width: 479px) {
    .contest-hero {
        height: 600px;
    }


}

.contest-hero .background-image img {
    -o-object-position: center;
    object-position: center;
}

.contest-hero h1.title {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -26px;
    margin: 0 auto;
    text-align: center;
    font-size: 140px;
    color: #25252b;
}

.contest-hero h1.title2 {
    position: relative;
    margin: 140px auto 0 auto;
    text-align: center;
    display: inline-block;
    background: #21292d;
    color: #fff;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 17px 60px #15384b80;
    box-shadow: 0 17px 60px #15384b80;
}


.contest-hero-new {
    background: #25252b;

}

.contest-hero-new .hero-image {
    width: 100%;
    margin-top: 40px;
}

/*PRICING */

.pricing {
    background: #25252b;
}

.pricing h2 {
    color: #fff;
    background: none;
    -webkit-text-fill-color: initial;
}

/*FOOTER*/

footer.content-section {
    background: #25252b;
    background: -webkit-linear-gradient(18deg, #25252b, #55556b, #474759, #25252b);
    background: -moz-linear-gradient(18deg, #25252b, #55556b, #474759, #25252b);
    background: -o-linear-gradient(18deg, #25252b, #55556b, #474759, #25252b);
    background: linear-gradient(72deg, #25252b, #55556b, #474759, #25252b);
    -webkit-background-size: 400% 400%;
    -o-background-size: 400% 400%;
    background-size: 400% 400%;
    background-position: 100% 0%;
}

footer:hover {
    -webkit-transition: background-position 15s ease;
    -o-transition: background-position 15s ease;
    -moz-transition: background-position 15s ease;
    transition: background-position 15s ease;
    background-position: 0% 100%;
}

.footer-cta {
    background: #fff;
}

/*.footer-cta h2 {
    color: #383845
    background: none;
    -webkit-text-fill-color: initial;
}*/

.content-section-light .footer-cta {
    background: #f2f2f2;
}

/*FEATURE*/

.feature h2 {
    margin-bottom: 50px;
}

.feature h3 {
    margin-top: 0;
}

.feature:nth-child(odd) {
    background: #fff;
}

.feature:nth-child(even) {
    background: #383845;
}

.feature:nth-child(even) h3,
.feature:nth-child(even) h2,
.feature:nth-child(even) ul,
.feature:nth-child(even) p {
    color: #fff;
    background: none;
    -webkit-text-fill-color: initial;
}

.feature .button {
    margin-top: 10px;
}

/*LITY*/

.lity {
    background: rgba(37, 37, 43, 0.8) !important;
    -webkit-backdrop-filter: blur(7px);
}

/*GUIDES*/

.guides .tip img {
    margin: 10px 0 0 0;
}

.guides .caption {
    font-size: 14px;
    color: #7b7b7b;
    margin: 0 0 10px 0;
}

.guides .tip {
    margin: 20px 0;
    background: #25252b;
    display: block;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 15px 20px 20px;
    min-height: 55px;
    color: #fff;
}

.guides .tip .material-icons {
    float: left;
    margin: 0 5px 0 0;
    color: #00b7ff;
}

.guides img {
    margin: 10px 0 20px 0;
    max-width: 100%;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
}

.previous-guide,
.next-guide {
    padding: 30px;
    display: table;
    margin: 20px 0 40px 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    width: 100%;
    min-height: 100px;
    outline: none;
}

.previous-guide {
    border: 1px solid #fff;
    padding-left: 0;
}

.next-guide {
    border: 1px solid #00b7ff;
    background: #00b7ff;
    color: #fff !important;
}

.previous-guide h3,
.next-guide h3 {
    display: table-cell;
    vertical-align: middle;
    padding: 0;
}

.previous-guide h3 {
    color: #fff;
}

.previous-guide h3:after,
.next-guide h3:after {
    background: none;
    margin: 0;
    height: auto;
}

.previous-guide i,
.next-guide i {
    vertical-align: middle;
    display: table-cell;
    width: 10px;
    color: #fff;
}

.highlight {
    background: rgba(255, 255, 255, 0.15);
    padding: 0px 5px 2px 5px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}

/*TABLE OF CONTENTS*/

.floating-menu li a,
.table-of-contents li a,
.floating-menu li a:hover,
.table-of-contents li a:hover {
    color: #fff;
}

.collapse-button .material-icons {
    color: #fff;
}

.collapse-button h4 {
    color: #fff;
}

.floating-menu li:not(.list-header),
.table-of-contents li {
    -webkit-box-shadow: inset 3px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 3px 0 rgba(255, 255, 255, 0.1);
    padding-left: 15px;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.floating-menu li:hover:not(.list-header):not(.current-menu-item),
.table-of-contents li:hover {
    -webkit-box-shadow: inset 3px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 3px 0 rgba(255, 255, 255, 1);
}

.floating-menu li.current-menu-item,
.table-of-contents li.current-menu-item {
    -webkit-box-shadow: inset 3px 0 #0095e2;
    box-shadow: inset 3px 0 #0095e2;
}

.floating-menu li.current-menu-item > a,
.table-of-contents li.current-menu-item > a {
    color: #0095e2;
}

.book .separator,
.guides .separator {
    background: #fff;
}

.book .caption {
    color: rgba(255, 255, 255, .6);
}

/*CONTEST*/

.prizes {
    position: relative;
    width: 100%;
    height: 499px;
    margin: 40px 0;
}

.prizes-inner {
    background: url(/wp-content/themes/mixed-in-key+9/img/contest/MusicInnovation-2020-Prizes.png) repeat-x;
    -webkit-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    height: 499px;
    -webkit-animation: 60s linear infinite anim;
    -moz-animation: 60s linear infinite anim;
    -o-animation: 60s linear infinite anim;
    animation: 60s linear infinite anim;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.prizes2020-inner {
    background: url(/wp-content/themes/mixed-in-key+9/img/contest/MusicInnovation-2020-Prizes.png) repeat-x;
    -webkit-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    height: 100%;

    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-animation: 60s linear infinite anim;
    -moz-animation: 60s linear infinite anim;
    -o-animation: 60s linear infinite anim;
    animation: 60s linear infinite anim;
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

@-webkit-keyframes anim {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -1354px 0;
    }
}

@-moz-keyframes anim {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -1354px 0;
    }
}

@-o-keyframes anim {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -1354px 0;
    }
}

@keyframes anim {
    from {
        background-position: 0 0;
    }

    to {
        background-position: -1354px 0;
    }
}

.prizes-inner:active {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}


/*CONTEST ABOUT*/

.contest-about,
.se-use-cases {
    background: #713f45;
    background: -moz-linear-gradient(45deg, #713f45 0%, #292632 50%, #4a3273 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #713f45), color-stop(50%, #292632), color-stop(100%, #4a3273));
    background: -webkit-linear-gradient(45deg, #713f45 0%, #292632 50%, #4a3273 100%);
    background: -o-linear-gradient(45deg, #713f45 0%, #292632 50%, #4a3273 100%);
    background: linear-gradient(45deg, #713f45 0%, #292632 50%, #4a3273 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#713f45', endColorstr='#4a3273', GradientType=1);
}


.contest-about .social ul {
    padding: 0;
}

.contest-about .social ul a {
    margin: 10px 20px;
}

/*CONTEST TIMELINE*/

.contest-timeline {
    margin: 40px 0 60px 0;
}

.submissions,
.judging,
.announcement {
    display: inline-block;
    margin: 0 -4px 0 0;
}

.submissions {
    width: 50%;
}

.judging {
    width: 30%;
}

.announcement {
    width: 20%;
}

@media (max-width: 767px) {

    .submissions,
    .judging,
    .announcement {
        display: block;
        margin-bottom: 30px;
        width: 100%;
    }
}

.submissions small::before,
.judging small::before,
.announcement small::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 7px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    vertical-align: baseline;
}

.submissions small::before {
    background: #f26c72;
}

.judging small::before {
    background: #d54bb6;
}

.announcement small::before {
    background: #924aff;
}

.submissions .duration,
.judging .duration,
.announcement .duration {
    padding: 0;
    width: 100%;
    height: 60px;
    display: table;
    opacity: .4;
}

.submissions .duration p,
.judging .duration p,
.announcement .duration p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.submissions .duration {
    background: #f26c72;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.judging .duration {
    background: #d54bb6;
}

.announcement .duration {
    background: #924aff;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

@media (max-width: 767px) {

    .submissions .duration,
    .judging .duration,
    .announcement .duration {
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}

.contest-timeline .active .duration {
    opacity: 1;
}

/*CONTEST RULES*/

.contest-rules .icon {
    width: 100px;
    height: 100px;
    position: relative;
    margin: 10px auto;
}

.contest-rules .icon img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

/*WHY CAPTAIN */

.content-section.why-captain {
    padding-bottom: 0;
    overflow: hidden;
}

.why-captain {
    background: #713f45;
    background: -moz-linear-gradient(45deg, #713f45 0%, #2c282e 50%, #106593 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #713f45), color-stop(50%, #2c282e), color-stop(100%, #106593));
    background: -webkit-linear-gradient(45deg, #713f45 0%, #2c282e 50%, #106593 100%);
    background: -o-linear-gradient(45deg, #713f45 0%, #2c282e 50%, #106593 100%);
    background: linear-gradient(45deg, #713f45 0%, #2c282e 50%, #106593 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#713f45', endColorstr='#106593', GradientType=1);
}

.why-captain .captain-screenshot {
    width: 100%;
    -webkit-box-shadow: 0 0 300px rgba(242, 108, 114, .3);
    box-shadow: 0 0 300px rgba(242, 108, 114, .3);
    margin: 50px 0 -55px 0;
}

/*JUDGES & FINALISTS*/

.judges2020,
.finalists2020 {
    background: #000000;
    color: #ffffff;
}

.judges2020 .photo2020 img,
.finalists2020 .photo2020 img {
    width: 100%;
    border-radius: 5px;
    margin: 40px 0 10px 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 200px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.finalists .photo img {
    height: 120px;
}

.finalist-player {
    width: 100%;
}

.judges,
.finalists {
    background: #fff;
}

.judges .photo img,
.finalists .photo img {
    width: 100%;
    border-radius: 5px;
    margin: 40px 0 10px 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 200px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.finalists .photo img {
    height: 120px;
}

.finalist-player {
    width: 100%;
}

/*Wiki*/

.article-teaser {
    background: #474759;
}

.content-section-light .article-teaser {
    background-color: #fff;
}

.article-teaser:hover {
    background: #55556b;
}

.content-section-light .article-teaser:hover {
    background-color: #fff;
}

.wiki-cta {
    background: rgb(37, 37, 43);
    background: -moz-linear-gradient(top, rgba(37, 37, 43, 1) 0%, rgba(242, 108, 114, 0.5) 100%);
    background: -webkit-linear-gradient(top, rgba(37, 37, 43, 1) 0%, rgba(242, 108, 114, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 37, 43, 1)), to(rgba(242, 108, 114, 0.5)));
    background: -o-linear-gradient(top, rgba(37, 37, 43, 1) 0%, rgba(242, 108, 114, 0.5) 100%);
    background: linear-gradient(to bottom, rgba(37, 37, 43, 1) 0%, rgba(242, 108, 114, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#25252b', endColorstr='#f26c72', GradientType=0);
}

.pro-tip {
    background: #25252b;
}

.content-section-light .pro-tip {
    background: #eceef9;
}

/*Tabs*/
.nav-tabs {
    border-bottom: 2px solid #25252b;
}

.nav-tabs > li > a {
    color: rgba(255, 255, 255, .6);
}

.nav-tabs > li > a:hover {
    color: #fff;
    border-bottom: 2px solid #55556b;
}

@media (max-width: 479px) {
    .nav-tabs {
        border: none;
        border-left: 2px solid #25252b;
    }

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:focus,
    .nav-tabs > li.active > a:hover {
        border-bottom: 2px solid rgba(0, 0, 0, 0);
    }

    .nav-tabs > li > a:hover {
        border-bottom: 2px solid rgba(0, 0, 0, 0);
    }
}

/*Interview*/


.interview img {
    margin: 10px 0 20px 0;
    max-width: 100%;
    display: block;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.20);
}

.play-button {
    -webkit-box-shadow: 0 20px 120px rgba(16, 23, 33, .8);
    box-shadow: 0 20px 120px rgba(16, 23, 33, .8);

}

.se-workflow img,
.se-use-cases img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 250px;
    margin: 30px 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.studio-edition .navbar-brand {
    padding: 15px 0 15px 10px;
}

/*Search*/

.search-form .screen-reader-text {
    color: #fff;
    font-size: 14px;
}

.search-form #s {
    border-bottom-color: #fff;
    text-align: left;
    color: #fff;
    padding-right: 70px;
    font-size: 20px;
    margin: 0 0 2px 0;
}

.search-form #s:hover,
.search-form #s:focus {
    border-bottom-color: #00b7ff;
}

#searchsubmit,
#searchsubmit:focus {
    font-size: 14px;
    padding: 2px 7px 3px 7px;
    position: relative;
    margin: -33px 0 0 0;
    float: right;
    background: #0095e2;
    outline: none;
}

#searchsubmit:hover {
    background: #0095e2;
}

/*MIK SE name*/

.mik-se-name {
    padding: 2px 10px;
    background: #fff;
    color: #25252b;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 3px;
    white-space: nowrap;
}

/*Routing*/

.routing img {
    width: 100%;
}

.routing .vst-logos {
    display: block;
}

.routing .vst-logos-mobile {
    display: none;
}


@media (max-width: 767px) {
    .routing .vst-logos {
        display: none;
    }

    .routing .vst-logos-mobile {
        display: block;
    }

}