.wp-block-getwid-image-hotspot__wrapper{
    position:relative;
    overflow:hidden;
    padding-bottom:56.25%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    will-change:transform;
    width:100%
}
.wp-block-getwid-image-hotspot__wrapper img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:130%;
    -o-object-fit:cover;
    object-fit:cover;
    will-change:transform
}
body:not(.team):not(.team-de) .wp-block-media-text{
    padding:10px;
    position:relative
}
body:not(.team):not(.team-de) .wp-block-media-text::before{
    position:absolute;
    height:50px;
    width:50px;
    top:-5px;
    left:-5px;
    right:auto;
    z-index:1
}
body:not(.team):not(.team-de) .wp-block-media-text.has-media-on-the-right{
    padding:10px;
    position:relative
}
body:not(.team):not(.team-de) .wp-block-media-text.has-media-on-the-right::before{
    position:absolute;
    height:50px;
    width:50px;
    top:-5px;
    right:-5px;
    left:auto;
    z-index:1
}
.wp-block-image,.wp-block-media-text__media{
    padding:0;
    margin:50px 0 0;
    position:relative;
    width:100%;
	height:50vh;
    background-color:var(--lightgray);
    position:relative;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    border-radius:10px;
	text-align:center
}
.wp-block-image img,.wp-block-media-text__media img{
    position:absolute;
    width:100%!important;
    height:105%;
    left:0;
    bottom:0;
    -o-object-fit:cover;
    object-fit:cover;
    will-change:transform;
    -o-object-position:top;
    object-position:top;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transform-origin:50% 50%;
    transform-origin:0% 50%;
	transform: none !important;
}
.kb-block-show-more-container .kb-show-more-content{
    display:none
}
.kb-block-show-more-container.kb-smc-open .kb-show-more-content{
    display:block
}
@media screen and (max-width:768px){
    .wp-block-getwid-icon-box.has-icon-left,.wp-block-getwid-icon-box.has-icon-right{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical!important;
        -webkit-box-direction:normal!important;
        -ms-flex-direction:column!important;
        flex-direction:column!important
    }
}
@media screen and (max-width:450px){
    .has-layout-list .wp-block-getwid-custom-post-type__post-thumbnail{
        max-width:40%;
        margin:0 auto
    }
    .wp-block-getwid-custom-post-type__content-wrapper{
        text-align:center;
        display:block;
        margin:0 auto
    }
}
.wp-block-kadence-show-more.kb-smc-open .kb-show-more-buttons .kb-button:first-of-type{
    display:none!important
}
.wp-block-kadence-show-more:not(.kb-smc-open) .kb-show-more-buttons .kb-button:nth-child(2){
    display:none!important
}
.wp-block-kadence-rowlayout .kt-row-column-wrap.kb-theme-content-width.kt-has-2-columns{
    grid-template-columns:1fr 1fr
}
.wp-block-getwid-section{
    max-width:1300px;
    margin:0 auto;
	min-height: 79.69vh;
}
@media screen and (max-width:1300px){
    .wp-block-getwid-section{
        padding:0 20px
    }
}
@media screen and (max-width:768px){
    .wp-block-getwid-section{
        padding:0 10px
    }
}
.wp-block-getwid-button-group__wrapper{
    gap:20px
}
.wp-block-group{
    padding:0!important;
    margin-bottom:30px
}
.wp-block-columns{
    gap:30px;
    margin-bottom:30px
}
.wp-block-getwid-content-timeline-item__card{
    -webkit-filter:none;
    filter:none
}
.wp-block-getwid-content-timeline__bar{
    background-color:var(--red)
}
.wp-block-getwid-content-timeline-item.is-active .wp-block-getwid-content-timeline-item__point-content{
    border-color:var(--red);
    background-color:var(--red)
}
.basic-element>div{
    text-align:left!important;
    font-family:var(--fontBold);
    margin-bottom:14px
}
.basic-answer-label,.basic-gdpr-consent-text{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    grid-gap:10px
}
.basic-gdpr{
    margin:10px 0 20px
}
label{
    font-size:85%
}
.button,.wp-element-button{
    cursor:pointer;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-width:1px;
    border-color:var(--red);
    color:#fff;
    border-style:solid;
    width:100%;
    min-height:45px;
    padding:0;
    border-radius:45px!important;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:relative;
    background-color:var(--red);
    min-width:130px
}
.button.basic-vote-button{
    background-color:var(--red)!important;
    color:#fff!important
}
.button.menu{
    max-width:100%;
    width:100px;
    min-width:100px;
    background-color:#fff;
    color:#25463c;
    border:1px solid #000;
    height:40px;
    min-height:40px;
    font-size:80%
}
.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{
    padding:0
}
#submit,.button,.wp-element-button{
    background:var(--red);
    color:#fff;
    width:200px;
    height:45px;
    border:0;
    font-family:var(--fontBold);
    font-size:15px;
    border-radius:30px;
    position:relative;
    overflow:hidden
}
#submit:focus,.button:focus,.wp-element-button:focus{
    outline:0
}
#submit:before,.button:before,.wp-element-button:before{
    content:"";
    display:block;
    position:absolute;
    background:var(--redHover);
    width:60px;
    height:100%;
    left:0;
    top:0;
    opacity:.5;
    -webkit-filter:blur(30px);
    filter:blur(30px);
    -webkit-transform:translateX(-100px) skewX(-15deg);
    transform:translateX(-100px) skewX(-15deg)
}
#submit:after,.button:after,.wp-element-button:after{
    content:"";
    display:block;
    position:absolute;
    background:rgba(255,255,255,.2);
    width:30px;
    height:100%;
    left:30px;
    top:0;
    opacity:0;
    -webkit-filter:blur(5px);
    filter:blur(5px);
    -webkit-transform:translateX(-100px) skewX(-15deg);
    transform:translateX(-100px) skewX(-15deg)
}
#submit:hover,.button:hover,.wp-element-button:hover{
    cursor:pointer
}
#submit:hover:before,.button:hover:before,.wp-element-button:hover:before{
    -webkit-transform:translateX(300px) skewX(-15deg);
    transform:translateX(300px) skewX(-15deg);
    opacity:.6;
    -webkit-transition:.7s;
    transition:.7s
}
#submit:hover:after,.button:hover:after,.wp-element-button:hover:after{
    -webkit-transform:translateX(300px) skewX(-15deg);
    transform:translateX(300px) skewX(-15deg);
    opacity:1;
    -webkit-transition:.7s;
    transition:.7s
}
input[type=checkbox]+label{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    cursor:pointer;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:12px
}
input[type=checkbox]+label::before{
    border:1px solid #ccc;
    width:20px;
    height:20px;
    margin-right:10px;
    vertical-align:bottom;
    color:transparent;
    -webkit-transition:.2s;
    transition:.2s;
    font-weight:100;
    line-height:.8;
    display:inline-block;
    content:""
}
.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{
    border:1px solid #000
}
input[type=checkbox]{
    border-radius:4px;
    margin-top:0!important;
    margin-right:8px;
    padding:0;
    display:inline-block;
    vertical-align:top;
    background-color:#fff;
    width:20px;
    height:20px;
    margin:0;
    border:1px solid #000;
    border-radius:4px;
    cursor:pointer;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-print-color-adjust:exact;
    color-adjust:exact;
    outline:0!important;
    background-size:12px;
    background-position:center;
    background-repeat:no-repeat;
    -webkit-transition:.3s;
    transition:.3s
}
input[type=checkbox]:checked{
    border-color:#000;
    background-color:#000;
    background-image:url("data:image/svg+xml,%3Csvg width='14' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.922 5.7a.627.627 0 01-.127-.194.72.72 0 010-.5.6.6 0 01.127-.195l.905-.867a.562.562 0 01.425-.195.592.592 0 01.25.05.665.665 0 01.207.145l2.73 2.734L11.295.82a.658.658 0 01.202-.145.613.613 0 01.484.002.568.568 0 01.191.143l.905.88a.6.6 0 01.127.195.72.72 0 010 .5.628.628 0 01-.127.194l-7.2 7.163a.575.575 0 01-.195.147.655.655 0 01-.5 0 .575.575 0 01-.195-.147L.922 5.7z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:50% 50%
}
.effect-16{
    padding:4px 0;
    background-color:transparent
}
.effect-16~.focus-border{
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:1px;
    z-index:2;
    background-color:var(--blackhove);
    -webkit-transition:.4s;
    transition:.4s
}
.effect-16:focus~.focus-border,.has-content.effect-16~.focus-border{
    width:100%;
    -webkit-transition:.4s;
    transition:.4s
}
.effect-16~label{
    font-size:80%;
    position:absolute;
    left:0;
    top:0;
    color:var(--black);
    -webkit-transition:.3s;
    transition:.3s;
    letter-spacing:.5px;
    z-index:2
}
.effect-16:focus~label,.has-content.effect-16~label{
    top:-16px;
    font-size:12px;
    color:var(--black);
    -webkit-transition:.3s;
    transition:.3s
}
.tnp-field{
    position:relative;
    height:100%
}
.tnp-field label{
    font-size:80%;
    z-index:1;
    color:var(--black)
}
.button.loading{
    text-indent:-9999em
}
.button.loading:after{
    content:"";
    width:25px;
    min-width:25px;
    height:25px;
    min-height:25px;
    mix-blend-mode:difference;
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    margin:auto;
    border-radius:50%;
    border-top:2px solid rgba(255,255,255,.2);
    border-right:2px solid rgba(255,255,255,.2);
    border-bottom:2px solid rgba(255,255,255,.2);
    border-left:2px solid #fff;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-animation:circle-loader-spin 1s infinite linear;
    animation:circle-loader-spin 1s infinite linear
}
.button.loading .button__text-inner{
    opacity:0
}
@-webkit-keyframes circle-loader-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes circle-loader-spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.comment-form-cookies-consent #wp-comment-cookies-consent{
    position:absolute
}
.rank-math-breadcrumb{
    text-align:left;
    font-size:85%
}
.rank-math-breadcrumb p{
    font-size:90%;
    padding:0 10px
}
.wp-block-columns{
    gap:30px;
    margin-bottom:30px
}
@media screen and (max-width:1023px){
    .wp-block-spacer{
        height:30px!important
    }
}
.wp-block-getwid-banner__title{
    font-size:100px
}
@media screen and (max-width:1023px){
    .wp-block-getwid-banner__title{
        font-size:1.4rem
    }
}
.logo .wp-block-column{
    padding:0!important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:20px;
    will-change:transform;
    position:relative
}
.logo .wp-block-column::before{
    content:"";
    display:block;
    padding-bottom:100%;
    grid-area:1/1/2/2
}
.logo .wp-block-column .wp-block-image{
    padding:0;
    margin:0;
    width:100%;
    height:100%;
    grid-area:1/1/2/2;
    position:absolute;
    top:0;
    background-color:#fff;
    left:0
}
.logo .wp-block-column .wp-block-image img{
    -o-object-fit:contain;
    object-fit:contain;
    width:60%!important;
    height:60%;
    left:20%;
    top:20%!important;
    position:absolute;
    -webkit-transform:none!important;
    transform:none!important;
    top:0;
    mix-blend-mode:luminosity
}
.logo .wp-block-column .wp-block-getwid-button-group{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center
}
.logo .wp-block-column .wp-block-getwid-button-group .wp-block-button__link{
    max-width:100px
}
.icon-white-bg .wp-block-column{
    padding:0!important;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:20px;
    will-change:transform;
    position:relative
}
.icon-white-bg .wp-block-column .wp-block-image{
    padding-top:0;
    border-radius:0;
    width:70px;
    padding:20px;
    height:70px;
    margin:0 auto;
    display:block;
    border-radius:70px;
    background:#f1f1f1
}
.icon-white-bg .wp-block-column .wp-block-image img{
    -o-object-fit:contain;
    object-fit:contain;
    height:100%!important;
    position:initial;
    -webkit-transform:none!important;
    transform:none!important;
    mix-blend-mode:luminosity
}
.icon-white-bg .wp-block-column .wp-block-image:hover img{
    mix-blend-mode:normal
}
.icon-white-bg .wp-block-column h3{
    margin-top:10px;
    text-align:center;
    font-size:90%
}
.logo-img.wp-block-media-text .wp-block-media-text__media img{
    height:100%
}
.wp-block-media-text ol,.wp-block-media-text ul{
    margin:10px 0;
    padding-left:20px
}
.wp-block-media-text ol li{
    position:relative;
    list-style-type:decimal
}
.wp-block-media-text ol li::marker{
    color:currentColor
}
.wp-block-media-text ul li{
    position:relative;
    list-style-type:disc
}
.wp-block-media-text ul li::marker{
    color:currentColor
}
.background{
    background-color:var(--red);
    padding:20px;
    color:#fff
}
.mainheaderblock{
    border-radius:0 0 50px 50px
}
.has-text-align-center{
    text-align:center
}
.getwid-section-content-full-width .wp-block-getwid-section__background-holder .wp-block-getwid-section__background,.getwid-section-content-full-width .wp-block-getwid-section__background-holder .wp-block-getwid-section__background-image-wrapper{
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    background-position:center
}
.wp-block-getwid-section__inner-wrapper{
    margin:0 auto
}
.wp-block-columns{
    -webkit-box-align:normal!important;
    -ms-flex-align:normal!important;
    align-items:normal!important;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap!important;
    flex-wrap:wrap!important
}
@media (min-width:782px){
    .wp-block-columns{
        -ms-flex-wrap:nowrap!important;
        flex-wrap:nowrap!important
    }
}
.wp-block-column{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    min-width:0;
    overflow-wrap:break-word;
    word-break:break-word;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
@media (min-width:782px){
    .wp-block-column{
        -ms-flex-preferred-size:0;
        flex-basis:0;
        -webkit-box-flex:1;
        -ms-flex-positive:1;
        flex-grow:1
    }
}
.wp-block-media-text{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    direction:ltr;
    display:grid;
    grid-template-columns:50% 1fr;
    grid-template-rows:auto
}
@media screen and (max-width:600px){
    .wp-block-media-text{
        grid-template-columns:100%!important
    }
}
.wp-block-media-text .wp-block-media-text__content{
    padding:0 8%;
    word-break:break-word
}
.wp-block-media-text .wp-block-media-text__media{
    padding-left:8%;
    padding-right:8%;
    margin:0
}
@media screen and (max-width:600px){
    .wp-block-media-text .wp-block-media-text__media{
        grid-column:auto;
        grid-row:auto;
        padding-left:0;
        padding-right:0
    }
}
:where(figure){
    margin:0 0 1em
}
.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media{
    -ms-flex-item-align:center;
    align-self:center
}
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background){
    background-color:transparent;
    background-image:none;
    color:currentColor
}
.wp-block-button .wp-block-button__link.is-style-outline,.wp-block-button.is-style-outline>.wp-block-button__link{
    border:1px solid
}
.wp-block-getwid-button-group .wp-block-button__link{
    width:100%;
    padding:0 10px
}
@media screen and (max-width:1023px){
    .wp-block-getwid-button-group .wp-block-button__link{
        padding:0 5px
    }
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    -ms-flex-preferred-size:100%;
    flex-basis:100%
}
.wp-block-columns.logo>.wp-block-column{
    -ms-flex-preferred-size:3 0!important;
    flex-basis:3 0%!important
}
.wp-block-table{
    overflow-x:auto
}
.wp-block-table table{
    border-collapse:collapse;
    width:100%
}
.wp-block-table table td,.wp-block-table table th{
    border:1px solid #000;
    padding:.5em
}
.wp-block-getwid-button-group__wrapper{
    width:100%;
    gap:20px;
}
h4.wp-block-heading{
	font-size: 1.4rem !important;
    margin-bottom:10px;
}
@media screen and (max-width:1024px){
    h1{
        font-size:2rem!important
    }
}
.home .wp-block-column h3{
    margin-top:20px
}
@media screen and (max-width:1024px){
    .wp-block-getwid-content-timeline{
        padding:0 24px
    }
}
.wp-block-buttons.wp-block-buttons-is-layout-flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    grid-gap:20px;
    margin-bottom:30px
}
.wp-block-post-template{
    display:grid;
    grid-template-columns:1fr 1fr 1fr!important;
    grid-gap:20px
}
@media screen and (max-width:758px){
    .wp-block-post-template{
        grid-template-columns:1fr!important
    }
}
.wp-block-post-template li .wp-block-post-featured-image{
    padding-top:56.25%;
    position:relative;
    overflow:hidden;
    border-radius:20px
}
@media screen and (max-width:768px){
    .wp-block-post-template li .wp-block-post-featured-image{
        padding-top:100%
    }
}
.wp-block-post-template li .wp-block-post-featured-image img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.wp-block-post-template li h2{
    margin-top:10px;
    font-size:110%
}
.columns-2.wp-block-post-template.wp-container-3.wp-container-3,.columns-3.wp-block-post-template.wp-container-1.wp-container-1,.columns-3.wp-block-post-template.wp-container-3.wp-container-3,.columns-4.wp-block-post-template.wp-container-3.wp-container-3,.wp-container-2.wp-container-2{
    display:grid;
    gap:20px
}
@media screen and (max-width:1023px){
    .columns-2.wp-block-post-template.wp-container-3.wp-container-3,.columns-3.wp-block-post-template.wp-container-1.wp-container-1,.columns-3.wp-block-post-template.wp-container-3.wp-container-3,.columns-4.wp-block-post-template.wp-container-3.wp-container-3,.wp-container-2.wp-container-2{
        grid-template-columns:1fr 1fr
    }
}
@media screen and (max-width:500px){
    .columns-2.wp-block-post-template.wp-container-3.wp-container-3,.columns-3.wp-block-post-template.wp-container-1.wp-container-1,.columns-3.wp-block-post-template.wp-container-3.wp-container-3,.columns-4.wp-block-post-template.wp-container-3.wp-container-3,.wp-container-2.wp-container-2{
        grid-template-columns:1fr
    }
}
.columns-2.wp-block-post-template.wp-container-3.wp-container-3 .wp-block-post-featured-image,.columns-3.wp-block-post-template.wp-container-1.wp-container-1 .wp-block-post-featured-image,.columns-3.wp-block-post-template.wp-container-3.wp-container-3 .wp-block-post-featured-image,.columns-4.wp-block-post-template.wp-container-3.wp-container-3 .wp-block-post-featured-image,.wp-container-2.wp-container-2 .wp-block-post-featured-image{
    padding-bottom:56.25%;
    position:relative;
    overflow:hidden;
    border-radius:20px
}
.columns-2.wp-block-post-template.wp-container-3.wp-container-3 .wp-block-post-featured-image img,.columns-3.wp-block-post-template.wp-container-1.wp-container-1 .wp-block-post-featured-image img,.columns-3.wp-block-post-template.wp-container-3.wp-container-3 .wp-block-post-featured-image img,.columns-4.wp-block-post-template.wp-container-3.wp-container-3 .wp-block-post-featured-image img,.wp-container-2.wp-container-2 .wp-block-post-featured-image img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.columns-2.wp-block-post-template.wp-container-3.wp-container-3 h2,.columns-3.wp-block-post-template.wp-container-1.wp-container-1 h2,.columns-3.wp-block-post-template.wp-container-3.wp-container-3 h2,.columns-4.wp-block-post-template.wp-container-3.wp-container-3 h2,.wp-container-2.wp-container-2 h2{
    margin-top:10px;
    font-size:110%
}
.wp-block-getwid-content-timeline-item__card{
    color:#fff;
    background-color:#000
}
.wp-block-getwid-content-timeline-item__point-content{
    background-color:#f4f4f4
}
.wp-block-getwid-content-timeline__bar{
    background-color:var(--red)
}
.wp-block-getwid-content-timeline__line{
    background-color:#f4f4f4
}
.ytv-canvas{
    display:block;
    background:#282828;
    overflow:hidden;
    font-family:arial,sans-serif
}
.ytv-canvas ::-webkit-scrollbar{
    border-left:1px solid #000;
    width:10px
}
.ytv-canvas ::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.1)
}
.ytv-video{
    position:absolute;
    top:0;
    right:30%;
    bottom:0;
    left:0;
    height:100%
}
.ytv-video iframe{
    width:100%;
    height:100%;
    border:none;
    outline:0;
    display:block
}
.ytv-list{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    width:30%;
}
.ytv-list-inner{
    overflow:auto;
    position:absolute;
    top:52px;
    right:0;
    bottom:0;
    left:0;
    -webkit-overflow-scrolling:touch
}
.ytv-list ul{
    margin:0;
    padding:0;
    list-style-type:none
}
.ytv-list .ytv-active a{
    border-left:2px solid #fff;
    background:rgba(255,255,255,.05)
}
.ytv-list a{
    display:block;
    text-decoration:none;
    font-size:11px;
    color:#fefefe;
    padding:10px;
    padding-left:8px;
    border-top:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(0,0,0,.5);
    border-left:2px solid transparent
}
.ytv-list a b{
	font: 300 0.75rem 'Helvetica Now Display Light', sans-serif;
    max-height:45px;
    overflow:hidden;
    display:block;
    text-overflow:ellipsis
}
.ytv-list li:first-child a{
    border-top:none
}
.ytv-list li:last-child a{
    border-bottom:none
}
.ytv-list a:hover,.ytv-list-header .ytv-playlists a:hover{
    background:rgba(255,255,255,.05)
}
.ytv-list a:active,.ytv-list-header .ytv-playlists a:active{
    background:rgba(0,0,0,.05)
}
.ytv-list .ytv-content{
    padding-left:125px
}
.ytv-list .ytv-thumb-stroke{
    position:absolute;
    top:1px;
    left:1px;
    bottom:1px;
    right:1px;
    z-index:2;
    outline:1px solid rgba(255,255,255,.1)
}
.ytv-list .ytv-thumb{
    float:left;
    position:relative;
    outline:1px solid rgba(0,0,0,.5)
}
.ytv-list .ytv-thumb img{
    width:120px;
    display:block
}
.ytv-list .ytv-thumb span{
    position:absolute;
    bottom:5px;
    right:5px;
    color:#eee;
    background:rgba(0,0,0,.7);
    font-size:11px;
    font-weight:700;
    padding:0 4px;
    border-radius:3px
}
.ytv-views{
    display:block;
    margin-top:5px;
    font-size:10px;
    font-weight:400;
    opacity:.3
}
.ytv-list-header{
    height:52px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
    box-shadow:0 1px 2px rgba(0,0,0,.2)
}
.ytv-list-header a{
    background:rgba(255,255,255,.05);
    position:relative;
    z-index:10
}
.ytv-list .ytv-playlists .ytv-thumb img,.ytv-list-header img{
    width:30px;
    vertical-align:middle
}
.ytv-list-header span{
    padding-left:10px;
    font-size:12px;
    font-weight:700
}
.ytv-playlists{
    z-index:9;
    position:absolute;
    background:#282828;
    top:52px;
    left:0;
    right:0;
    bottom:0;
    overflow:auto;
    display:none
}
.ytv-list-header img,.ytv-playlists img{
    float:left
}
.ytv-list-header a span,.ytv-playlists a span{
    white-space:nowrap;
    padding-left:10px;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis
}
.ytv-list-header>a span{
	font: 300 1rem 'Helvetica Now Display Light', sans-serif;
    line-height:30px
}
.ytv-list-header .ytv-playlists a{
    background:0 0
}
.ytv-playlist-open .ytv-playlists{
    display:block
}
.ytv-relative{
    position:absolute;
    top:0;
    width:100%;
    height:100%
}
.ytv-full{
    position:fixed;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important;
    margin:0!important
}
.ytv-arrow{
    height:10px;
    width:0;
    position:relative;
    top:10px;
    right:5px;
    border:10px solid transparent;
    float:right;
    border-top-color:rgba(0,0,0,.4);
    display:none
}
.ytv-has-playlists .ytv-arrow{
    display:inline-block
}
.ytv-playlist-open .ytv-arrow{
    border-color:transparent;
    border-bottom-color:rgba(0,0,0,.4);
    top:-10px
}
.ytv-clear:after,.ytv-list-header a:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.playlists .special{
    position:absolute;
    top:50px;
    left:50%;
    margin-left:420px
}
.playlists .ytv-list-header>a{
    -webkit-animation:pulse 2s infinite;
    animation:pulse 2s infinite
}
.playlists .ytv-list-header.ytv-playlist-open>a{
    -webkit-animation:none;
    animation:none
}
@-webkit-keyframes pulse{
    0%{
        background:rgba(255,255,255,0)
    }
    50%{
        background:rgba(255,255,255,.1)
    }
    100%{
        background:rgba(255,255,255,0)
    }
}
@keyframes pulse{
    0%{
        background:rgba(255,255,255,0)
    }
    50%{
        background:rgba(255,255,255,.1)
    }
    100%{
        background:rgba(255,255,255,0)
    }
}
@media screen and (max-width:768px){
    #frame:before{
        padding-bottom:140%!important
    }
    .ytv-relative{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .ytv-list,.ytv-video{
        position:relative;
        width:100%
    }
}