/*.editContent span {background: #ff6260}*/
/* Zoom in Keyframes */
@-webkit-keyframes zoomin-video {
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
}
@keyframes zoomin-video {
    0% {transform: scale(1);}
    50% {transform: scale(1.2);}
    100% {transform: scale(1);}
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout-video {
    0% {transform: scale(1);}
    50% {transform: scale(0.80);}
    100% {transform: scale(1);}
}
@keyframes zoomout-video {
    0% {transform: scale(1);}
    50% {transform: scale(0.80);}
    100% {transform: scale(1);}
}/*End of Zoom out Keyframes */

.xf-bg5-video {

/*    background-image:url(/elements/bundles/Zenler/images/people-2557396_960_720.jpg);*/
    background-size:  cover;
    position: relative;
    /*-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-animation: zoomin-video 25s ease-in infinite;
    animation: zoomin-video 25s ease-in infinite;
    transition: all .25s ease-in-out;*/
    overflow: hidden;
    position: absolute;
    left: 0px;
    top:0px;
    height: 100%;
    width: 100%;
    z-index: 0;
    opacity: 0.2;

}

.xf-bg5-video:before {content: "";background-image: repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25) 1px, transparent 2px, transparent 6px);top: 0;left: 0;bottom: 0;right: 0;position: absolute;}


.xf-container-video {background-color:#ff6260;  padding:80px 0px 80px 0px; position: relative; border-bottom: 50px solid #2a3f50;}
.xf-container-video .xf-box { background:rgba(45, 62, 79, 0.86);  font-family: 'Roboto', sans-serif !important; padding: 50px 20px 40px 20px; box-shadow: 3px 3px 13px 0px rgb(42, 39, 56);}

.xf-container-video .x-block-101-titles {color:#fff; }
.xf-container-video h1 {margin-bottom: 10px; margin-top: 10px; font-family: 'Roboto', sans-serif !important; font-weight:700; font-size: 3.3em; text-transform:uppercase; margin: 0px; padding: 0px;}
.xf-container-video .x-paragraph-container p {color:#fff; font-family: 'Roboto', sans-serif !important; font-size: 1.2em;line-height:1.2em; margin: 0px; padding: 10px;}
.xf-container-video h6 {font-family: 'Roboto', sans-serif !important; font-size: 26px; text-transform: uppercase; margin: 0px; padding: 0px; clip-path: polygon(5% 0%,95% 0%,100% 100%,0 100%); background: #fce43d; color: #2d3e4f; padding: 10px; display: inherit; position: absolute; top: -20px; left: -10px; z-index: 1001; transform: rotate(-20deg);}


.f-5-video-list { font-size: 1em; display: inline-flex; width: 100%;padding: 0;overflow: auto;}
.f-5-video-list li { background: rgba(45, 62, 79, 0.86); color: #fff; padding: 10px 20px; margin:0px 3px; display: inline-grid; text-align: center; width: 25%;}
.f-5-video-list li i { font-size: 2em; margin-bottom: 5px;}
.f-5-video-list li a , a:hover {color: #fff; display: inline-grid;}
.f-5-video-list .locked {opacity: 0.2 !important; background: #000;}

.fv5-button {background:rgba(45, 62, 79, 0.86); color: #fff; padding: 20px 40px; margin: 10px auto; display:block; width: 30%; border-radius: 0px; font-size: 20px; text-align: center;}
.fv5-button:hover {text-decoration: none; color: #fff; text-align: center; display:block;}
.f5-a-btn { font-family: 'Roboto', sans-serif; text-transform: uppercase; letter-spacing: 1px; word-break: break-word; color: #fff; font-size: 2em; background: #ff625f; border-radius: 10px; padding: 20px; margin-top: 20px; display: block; width: 90%; margin: 0 auto; text-decoration: none; font-weight: 700;}
.f5-a-btn:hover, .f-a-btn:focus {text-decoration: none; color: #fff !important;}