.dqv-range{
    padding:5px 0
}
.dqv-range.vol{
    width:50px
}
.dqv-range.dur{
    padding:0 .5em;
    border:1px solid #d3d3d3;
    border-radius:4px
}
#dqv .material-icons,#dqv input[type=range].dqv-range{
    cursor:pointer
}
#dqv .controls{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    height:30px;
    padding-left:0
}
#dqv .controls:first-child{
    padding-left:15px
}
#dqv .vids{
    max-height:400px;
    overflow:auto
}
.footer-basic{
    padding:40px 0;
    background-color:#fff;
    color:#4b4c4d
}
.footer-basic ul{
    padding:0;
    list-style:none;
    text-align:center;
    font-size:18px;
    line-height:1.6;
    margin-bottom:0
}
.footer-basic li{
    padding:0 10px
}
.footer-basic ul a{
    color:inherit;
    text-decoration:none;
    opacity:.8
}
.footer-basic ul a:hover{
    opacity:1
}
.footer-basic .social{
    text-align:center;
    padding-bottom:25px
}
.footer-basic .social>a{
    font-size:24px;
    width:40px;
    height:40px;
    line-height:40px;
    display:inline-block;
    text-align:center;
    border-radius:50%;
    border:1px solid #ccc;
    margin:0 8px;
    color:inherit;
    opacity:.75
}
.footer-basic .social>a:hover{
    opacity:.9
}
.footer-basic .copyright{
    margin-top:15px;
    text-align:center;
    font-size:13px;
    color:#aaa;
    margin-bottom:0
}
section{
    width:100%;
    height:238px;
    border:none;
    overflow:hidden
}
.navigation-clean-button{
    background:#fff;
    padding-top:.75rem;
    padding-bottom:.75rem;
    color:#333;
    border-radius:0;
    box-shadow:none;
    border:none;
    margin-bottom:0
}
@media (min-width:768px){
    .navigation-clean-button{
        padding-top:1rem;
        padding-bottom:1rem
    }
}
.navigation-clean-button .navbar-brand{
    font-weight:700;
    color:inherit
}
.navigation-clean-button .navbar-brand:hover{
    color:#222
}
.navigation-clean-button.navbar-dark .navbar-brand:hover{
    color:#f0f0f0
}
.navigation-clean-button .navbar-brand img{
    height:100%;
    display:inline-block;
    margin-right:10px;
    width:auto
}
.navigation-clean-button .navbar-toggler{
    border-color:#ddd;
    color:#888
}
.navigation-clean-button .navbar-toggler:focus,.navigation-clean-button .navbar-toggler:hover{
    background:0 0
}
.navigation-clean-button.navbar-dark .navbar-toggler{
    border-color:#555;
    color:#eee
}
.navigation-clean-button .form-inline,.navigation-clean-button .navbar-collapse{
    border-top-color:#ddd
}
.navigation-clean-button.navbar-dark .form-inline,.navigation-clean-button.navbar-dark .navbar-collapse{
    border-top-color:#333
}
.navigation-clean-button .navbar-nav a.active,.navigation-clean-button .navbar-nav>.show>a{
    background:0 0;
    box-shadow:none
}
.navigation-clean-button.navbar-dark .navbar-nav a.active,.navigation-clean-button.navbar-dark .navbar-nav a.active:focus,.navigation-clean-button.navbar-dark .navbar-nav a.active:hover,.navigation-clean-button.navbar-light .navbar-nav a.active,.navigation-clean-button.navbar-light .navbar-nav a.active:focus,.navigation-clean-button.navbar-light .navbar-nav a.active:hover{
    color:#8f8f8f;
    box-shadow:none;
    background:0 0;
    pointer-events:none
}
.navigation-clean-button.navbar .navbar-nav .nav-link{
    padding-left:18px;
    padding-right:18px
}
.navigation-clean-button.navbar-light .navbar-nav .nav-link{
    color:#465765
}
.navigation-clean-button.navbar-light .navbar-nav .nav-link:focus,.navigation-clean-button.navbar-light .navbar-nav .nav-link:hover{
    color:#37434d!important;
    background-color:transparent
}
.navigation-clean-button .navbar-nav>li>.dropdown-menu{
    margin-top:-5px;
    box-shadow:0 4px 8px rgba(0,0,0,.1);
    background-color:#fff;
    border-radius:2px
}
.navigation-clean-button .dropdown-menu .dropdown-item,.navigation-clean-button .dropdown-menu .dropdown-item:focus{
    line-height:2;
    font-size:14px;
    color:#37434d
}
.navigation-clean-button .dropdown-menu .dropdown-item:focus,.navigation-clean-button .dropdown-menu .dropdown-item:hover{
    background:#eee;
    color:inherit
}
.navigation-clean-button.navbar-dark{
    background-color:#1f2021;
    color:#fff
}
.navigation-clean-button.navbar-dark .actions .login,.navigation-clean-button.navbar-dark .navbar-nav .nav-link{
    color:#dfe8ee
}
.navigation-clean-button.navbar-dark .navbar-nav .nav-link:focus,.navigation-clean-button.navbar-dark .navbar-nav .nav-link:hover{
    color:#fff!important;
    background-color:transparent
}
.navigation-clean-button.navbar-dark .navbar-nav>li>.dropdown-menu{
    background-color:#1f2021
}
.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item,.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus{
    color:#f2f5f8
}
.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:focus,.navigation-clean-button.navbar-dark .dropdown-menu .dropdown-item:hover{
    background:#363739
}
@media (max-width:767px){
    #dqv .controls{
        padding-left:15px
    }
    .navigation-clean-button .navbar-nav .show .dropdown-menu{
        box-shadow:none
    }
    .navigation-clean-button .navbar-nav .show .dropdown-menu .dropdown-item{
        color:#37434d;
        padding-top:12px;
        padding-bottom:12px;
        line-height:1
    }
    .navigation-clean-button.navbar-dark .navbar-nav .show .dropdown-menu .dropdown-item{
        color:#fff
    }
}
.navigation-clean-button .actions .login{
    margin-right:1rem;
    text-decoration:none;
    color:#465765
}
.navigation-clean-button.navbar-dark .actions .login:hover{
    color:#fff
}
.navigation-clean-button .navbar-text .action-button,.navigation-clean-button .navbar-text .action-button:active,.navigation-clean-button .navbar-text .action-button:hover{
    background:#56c6c6;
    border-radius:20px;
    font-size:inherit;
    color:#fff;
    box-shadow:none;
    border:none;
    text-shadow:none;
    padding:.5rem 1rem;
    transition:background-color .25s;
    font-size:inherit
}
.navigation-clean-button .navbar-text .action-button:hover{
    background:#66d7d7
}
.navigation-clean-button.navbar-dark .action-button,.navigation-clean-button.navbar-dark .action-button:active{
    background:#208f8f
}
.navigation-clean-button.navbar-dark .action-button:hover{
    background:#269d9d
}