/* 
LAST UPDATED 7-4 12:33

HOCKEYFOOD

*/
body{scrollbar-color: #666 transparent;scrollbar-width: thin;}
.series-index .jumbotron{padding:4rem 0rem}
.series-index .headlines .jumbotron{height:500px!important;}
.series-index .headlines .jumbotron .inner{padding:0 1rem}
.serie .credits{display:block;text-align:left;font-size:1.2rem;color:rgba(238, 238, 238, .4)!important;opacity: 1;z-index: 2;position: relative;}
.serie .credits strong{color:rgba(255, 255, 255, 0.7)!important;font-size:1.2rem;}
.serie .credits a{color:rgba(238, 238, 238, .4)!important;font-size:1.2rem;}
.nav-pills .nav-item{margin-bottom:0.5rem;}
.nav-pills .nav-item .nav-link{padding:0.5rem 1rem;}
h4{font-size:18px;color:#e5e5e5!important;opacity:1;}

.owl-carousel.owl-loaded{overflow-x: hidden;position: relative}
.owl-carousel.training .item h5,
.owl-carousel.training .card-text{color:#FFF;}
.owl-carousel.training .item .card i{color:#FFF;opacity:.5}
.owl-carousel.training .item.currentweek .card i{color:#FFF!important;opacity:1}
.owl-carousel.training .item:not(.no-trainings) .card i{color: #95d89b;opacity:1}
.owl-carousel.trainings .item h5{color:#888;font-weight:500}
.owl-carousel.training .owl-stage {padding-top: 5px;}
.owl-carousel.trainings{padding-left: 1rem;padding-right: 1rem;}
.owl-carousel .item a.file-link span{font-size:10px;background:#000;padding:2px 5px;border-radius:3px;position:absolute;top:5px;left:5px;margin-right:5px;}



@media (max-width: 991px){
    .series-index .headlines .jumbotron{height:440px!important;}
    .serie .headlines .jumbotron .inner img{max-height: 300px;width: inherit;}
    .series-index .headlines .jumbotron .inner{padding: 0;}
    .series-index .headlines .jumbotron .inner .credits{margin: 0 15px;}
}
.fa,.fab,.fal,.far,.fas{font-family:"Font Awesome 5 Pro"}
body{color:#eee;background:#000}
*{color:#eee;outline:none;font-family:'Open sans',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;font-size:14px;  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; }
.small,small{font-size:70%}
hr{border-top:1px solid #E0E0E0}
.btn-link{color:#25A9DF!important}
a:hover{text-decoration:none}
.custom-range{width:90%}
.custom-range::-webkit-slider-thumb{background:#25A9DF;height:24px;width:24px;position:relative;top:-4px;cursor:pointer}
.custom-range::-moz-range-thumb{background:#25A9DF;height:24px;width:24px;position:relative;top:-4px;cursor:pointer}
.custom-range-value{margin-top:3px;width:8%;float:right;line-height:24px;font-size:16px}
.alert .fal{color:#856404}
.alert{text-align:center}
.nopadding{padding:0!important}
h1{font-size:3rem;font-family:'Teko', sans-serif;text-transform:uppercase;}
h5{font-size:16px;font-weight:600;letter-spacing:-.75px;font-family: 'Open sans',sans-serif;}
h4{font-size:1.2rem;font-weight:600;font-family: 'Open sans',sans-serif;letter-spacing: -.5px}
.no-bg .list-group-item{background:none}
.no-bg .list-group-item:hover,.no-bg .list-group-item:focus{background:#f8f9fa}
.no-bg .list-group-item:active{background:#e9ecef!important}
.bg-dark{background-color:#222 !important;border-color:#333;}
nav.bg-dark.navbar-bottom{background: rgba(17, 17, 17, 0.9)!important}
.btn-link{color: rgba(255, 255, 255, 0.5)!important;text-decoration: underline}
html.no-scroll {
    overflow: hidden;
}
.fa-sign-out-alt{
    font-weight: 400;
    position: relative;
    top: 3px;
}
.fa-sign-out-alt:before {
    content: "\f08b";
}
ul.navbar-nav .nav-link.dropdown-toggle::after{display: none;}
/* BUTTONS */
.btn{border-radius: .15rem;}
.btn-primary{background:#563d7c;}
.btn-transparent{background: rgba(255, 255, 255, 0.1);padding: 0.5rem 1.75rem;}
.btn-transparent:hover{background: rgba(255, 255, 255, 0.2);padding: 0.5rem 1.75rem;}
.btn-play{background:#563d7c;color:#FFF !important}
.btn-play:hover{background:#563d7c;color:#FFF !important;}
.btn-play:hover .fas.fa-play{color:#FFF !important;}
.btn-play .fas.fa-play{color:#FFF!important}

.btn-danger{background-color:rgba(244, 67, 54, 0.25)!important;border-color:transparent;color:#F44336;}
.btn-success{background-color:rgba(76, 175, 80, .25)!important;border-color:transparent;color:#4CAF50;}

.nav-link {
    font-size: 12px;
    display: block;
    padding: 0.25rem 0.5rem;
}

.navbottom a {color: #FFF;
    padding: 10px 15px;
    font-size: 12px;
    border-radius: 2px;
}
.navbottom a i{font-size: 10px;}
ul.navbar-nav{display:flex;width: 80%;text-align: center; margin-top: 5px;flex-direction: inherit;-ms-flex-direction: inherit;margin-right:inherit!important}
ul.navbar-nav .nav-item {display:inline-block;}
ul.navbar-nav .nav-link{color:#FFF!important;font-size:14px;letter-spacing:-0.25;}
ul.navbar-nav .nav-link.dropdown-toggle::after {
    content: "\f107";
    border: 0;
    font-family: "Font Awesome 5 Pro";
    vertical-align: initial;
    margin: 0;
    font-size: 10px;
    opacity: .5;
}
.dropdown-holder{margin-top: -100px;padding-bottom: 300px;}
.dropdown-menu h4{
    opacity: 1;
    color: #FFF;
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    top: 80px;
}
.navbar-nav .dropdown-menu{
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    border-radius: 0;
    border: 0;
    padding-top: 230px;
    margin: 0;
    overflow-y: scroll;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    position: fixed !important;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    display: -ms-flexbox!important;
    display: flex!important;
    /*  o-transition:visibility 0s .5s,opacity .2s linear;
      -moz-transition:visibility 0s .5s,opacity .2s linear;
      -webkit-transition:visibility 0s .5s,opacity .2s linear;
      -ms-transition:visibility 0s .5s,opacity .2s linear;
  */}
.navbar-nav .dropdown-menu.show{opacity: 1;visibility: visible;o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-webkit-transition:opacity .1s linear;-ms-transition:opacity .1s linear;}

li.nav-item.dropdown.show:before {
    content: "";
    background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
    display: block;
    width: 100%;
    height: 220px;
    bottom: 0;
    position: fixed;
    z-index: 1001;
    left: 0;
    right: 0;
}
.nav-item.dropdown.show:after {
    content: "×";
    height: 52px;
    width: 52px;
    background: #FFF;
    position: fixed;
    bottom: 90px;
    left: calc(50% - 26px);
    border-radius: 100px;
    color: #333;
    font-size: 40px;
    line-height: 50px;
    z-index: 9999999999;
    display: block;
}
.navbar-nav .dropdown-menu .dropdown-item{color:rgba(255, 255, 255, 0.5);font-size: 18px;line-height: 50px;}
.navbar-nav .dropdown-menu .dropdown-item:last-child{margin-bottom:50px;}
.dropdown-item:focus, .dropdown-item:hover{background:none;color:#FFF;}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus{background-color:#1e8ebb!important;border-color:#1e8ebb!important}
.btn-outline-secondary{border-color:#D5DBDF;border-radius:60px;color:#24253D!important;font-family:Montserrat;font-size:16px;line-height:38px;font-weight:400}
.btn-group > .btn{border-radius:4px}
.btn-outline-secondary:hover,.btn-outline-secondary:active,.btn-outline-secondary:focus{background-color:#D5DBDF!important;border-color:#D5DBDF!important}
.btn-group > .btn-group:not(:last-child) > .btn,.btn-group > .btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group > .btn-group:not(:first-child) > .btn,.btn-group > .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group-vertical > .btn:first-child{border-top-right-radius:4px!important}
.btn-group-vertical > .btn:last-child{border-bottom-left-radius:4px!important}
.btn-group-vertical > .btn.disabled{line-height:20px;background:#f6f7f9!important;border-left:0;opacity:1;border-right:0;pointer-events:none;font-weight:500;font-size:14px}
.btn-group > .btn-outline-secondary:active,.btn-group > .btn-outline-secondary.active{background-color:#00A8DE!important;border-color:#00A8DE!important;color:#FFF!important}
.mobileHoverFix:hover,.mobileHoverFix.hover{background-color:transparent!important;box-shadow:none}
.btn .fa,.btn .fab,.btn .fal,.btn .far,.btn .fas{color:#FFF!important}
.sort .fal{margin-left:5px}
.list-group-item .fa-clock{font-size:12px;opacity:.5}
.btn-secondary{background-color:#2B4050;border-color:#2B4050}
.list-group-item{border:1px solid #dfdfdf}
.badge-primary{background:#5E478D}
.badge-danger{background:#F44336}
.badge-warning{background:#FF7E22;color:#FFF}
.badge-hold{background:#FB0;color:#8B572A}
.badge-success{background:#8BC34A}
.card.tournament h{color:#25A9DF}
.tdetails h5{margin-top:1.5rem;margin-bottom:0}
.tdetails .fa-external-link{font-size:.75rem;position:relative;top:-2px;margin-left:5px}
.hr-text{line-height:1em;position:relative;outline:0;border:0;color:#000;text-align:center;height:1.5em;opacity:.5}
.hr-text:before{content:'';background:#D5DBDF;position:absolute;left:0;top:50%;width:100%;height:1px}
.hr-text:after{content:attr(data-content);position:relative;display:inline-block;color:#000;padding:0 .5em;line-height:1.5em;background:#f6f7f9}
.btn-group-vertical{width:100%}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,.btn-group-vertical .btn-outline-secondary{background:#FFF!important;border-radius:4px}
.dim40{opacity: .4}
.dim20{opacity: .2}


/* Styles  */
nav.navbar.open{background: rgba(0, 0, 0, 0.75);}
.navbar.fixed-top{background:rgba(0,0,0,0.65);z-index:9;-o-transition:background .3s linear;-moz-transition:background .3s linear;-webkit-transition:background .3s linear;-ms-transition:background .3s linear;}
.navbar-bottom{padding:0;z-index:99999}
.navbar-bottom .btn{font-size:10px;font-weight:600;color:#FFF;}
.navbar-bottom .btn:active{background:#222}
.navbar-bottom .fal{font-size:22px;display:block;}
.navbar-bottom .fal.fa-equals{transform:scaleX(1.5);}
.navbar-bottom .btn.menu.open .fa-equals{display:none}
.navbar-bottom .btn.menu.open .fa-times{display:block!important;/*color:#563d7c!important*/}
.navbar-bottom .btn.menu.open{background:#222222;}
.navbar-brand b{font-size:1.25rem;line-height:inherit;white-space:nowrap;font-weight:600!important;}
main > div{background:#000}
main > .headlines{background:none}



/* Side navigation */
.jquery-accordion-menu,.jquery-accordion-menu *{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:0}
.jquery-accordion-menu{max-width:300px;min-width:260px;float:left;position:fixed;top:0;left:0;margin-left:-300px;bottom:0;z-index:9999;padding-top:56px;background:#111}
html,body{overflow-x:hidden;width:100%;}
main,.jquery-accordion-menu{-o-transition:margin-left .1s linear;-moz-transition:margin-left .1s linear;-webkit-transition:margin-left .1s linear;-ms-transition:margin-left .1s linear;width:100%}
.menuopen main{margin-left:300px;position:relative;width:100%;overflow: hidden}
.menuopen .jquery-accordion-menu{margin-left:0;}
.menuopen .jquery-accordion-menu:after{background:rgba(0,0,0,0.6);content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;}



.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header{width:100%;height:50px;padding-left:22px;float:left;line-height:50px;font-weight:600;color:#f0f0f0;background:#414956}
.jquery-accordion-menu ul{margin-bottom:30px;padding:0;list-style:none;float:left;}
.jquery-accordion-menu .playlists .sidebar-title {padding: 0px 0px 0px 25px;color: rgba(255,255,255,.3);font-weight: 700;text-transform: uppercase; font-size: 12px; letter-spacing: 1.5px;}
.jquery-accordion-menu .playlists ul > li a{padding:7.5px 20px 7.5px 25px;font-weight:500}
.jquery-accordion-menu .playlists ul{margin-bottom:10px}
.jquery-accordion-menu ul li a span{font-size: 14px;color: #b3b3b3;opacity: 0.6;}
.jquery-accordion-menu ul li a span i{width: 23px;font-size: 14px;}
.jquery-accordion-menu a.createPlaylist{float: left;width: 100%;padding: 7.5px 20px 7.5px 25px;}
.jquery-accordion-menu a.createPlaylist span{font-size: 14px;color: #b3b3b3;text-decoration: underline;opacity: 0.6;}
.jquery-accordion-menu .playlists #newPlist{margin-left: 25px;height: 33px;border-radius: 2px; border: 1px solid #333;background: #222;width: calc(100% - 45px);margin-bottom:10px}




.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}
.jquery-accordion-menu ul li a{width:100%;padding:15px 20px 15px 25px;float:left;text-decoration:none;color:#b3b3b3;font-weight:700;font-size:15px;background:#414956;letter-spacing:-.5px;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.jquery-accordion-menu ul li a i{color: #b3b3b3;position:relative;top:2px}
.jquery-accordion-menu > ul > li.active > a,.jquery-accordion-menu > ul > li:hover > a{color:#fff;background:#000}
.jquery-accordion-menu > ul > li > a{border-bottom:solid 1px #3b424d}
.jquery-accordion-menu ul li a i{width:22px;float:left;line-height:18px;font-size:16px;text-align:center;margin-right:10px;}
.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}
.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}
.jquery-accordion-menu .submenu-indicator-minus > .submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}
.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}
.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:11px;background:#383838;border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}
.jquery-accordion-menu ul ul.submenu li:hover > a{border-left-color:#414956}
.jquery-accordion-menu ul ul.submenu > li > a{padding-left:30px}
.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > a{padding-left:45px}
.jquery-accordion-menu ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a{padding-left:60px}
.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#333;text-align:center;line-height:18px;background:#959398;border-radius:100%}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}
.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}
@-webkit-keyframes ripple {
    100%{opacity:0;-webkit-transform:scale(2.5)}
}
@-moz-keyframes ripple {
    100%{opacity:0;-moz-transform:scale(2.5)}
}
@-o-keyframes ripple {
    100%{opacity:0;-o-transform:scale(2.5)}
}
@keyframes ripple {
    100%{opacity:0;transform:scale(2.5)}
}
.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header,.jquery-accordion-menu ul li a{background:#000}
.jquery-accordion-menu > ul > li.active > a,.jquery-accordion-menu > ul > li:hover > a{background:#000}
.jquery-accordion-menu > ul > li > a{border-bottom-color:#0000}
.jquery-accordion-menu ul ul.submenu li:hover > a{border-left-color:#222}




.nav-pills .nav-link.active{background:rgba(255, 255, 255, 0.5);color:#FFF;}
.nav-pills .nav-link{background:rgba(255, 255, 255, 0.2);margin-right: 5px;color:rgba(255, 255, 255, 0.4)}
.nav-pills .nav-link:hover{background:rgba(255, 255, 255, 0.4);color:#FFF;}


.headlines{position:relative}
.headlines .jumbotron{height:300px!important;background-position:center top!important;background-size:cover!important;margin-bottom:0;position:relative;border-radius:0;background:#000}
.headlines .jumbotron .inner:after{content:"";position:absolute;z-index: 0; top:0;right:0;left:0;background:-moz-linear-gradient(top, rgba(0,0,0,0.4) 60%, rgba(0,0,0,1) 85%);background:-webkit-linear-gradient(top, rgba(0,0,0,0.4) 60%,rgba(0,0,0,1) 85%);background:linear-gradient(to bottom, rgba(0,0,0,0.4) 60%,rgba(0,0,0,1) 85%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );height: 300px;}

.season .headlines .jumbotron .inner:before{content: "";position: absolute;z-index: -1;top: 0;right: 0;left: 0;background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,1) 85%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,1) 85%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0.10) 0%,rgb(0, 0, 0) 85%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );height: 270px;}
.headlines .jumbotron .spotlightvid{/*position:fixed;top:0;left:0;width:100%;height:430px;z-index:0;pointer-events:none;overflow:hidden;*/width:100%;}
.headlines .jumbotron .spotlightvid iframe{width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#000}
.headlines .jumbotron .inner{z-index:1;width:100%;padding-top: 200px;position: absolute;top: 0;left: 0;padding-left: 2rem;padding-right: 2rem;}
.headlines .jumbotron .inner img{max-height: 260px;position: absolute;left: -15px;right: -15px;max-width: inherit;width: 110%; object-fit: cover;top: 0px;object-position: top;z-index: -2;}
.headlines .jumbotron img{pointer-events:none}
.headlines .jumbotron h1{line-height:1;z-index: 2;
    position: relative;}
.headlines .jumbotron h5{font-size:26px;}
.headlines .jumbotron h5{font-size:26px;}
.headlines .jumbotron p{font-size:14px;z-index: 2;
    position: relative;}
.headlines .themes .btn{color:#FFF!important;letter-spacing:-0.25px;font-size:14px;}
.headlines .btn-play{max-width:90%;margin:auto;}

.owl-theme .owl-nav{padding-bottom:10px;margin-top:0!important;width:100%;position:absolute;top:35px;display: none}
.owl-carousel:hover .owl-nav{display: block}
.owl-theme.training .owl-nav{top:8px}
.owl-theme .owl-nav button{width:40px;}
.owl-theme .owl-nav button:hover{background:#222!important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background:rgba(0, 0, 0, 0.8) !important;height: 70px;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{font-size: 50px;color:#eee;position: relative;top: -7px;}
.owl-carousel .owl-nav button.owl-next{right: 0px; position: absolute;}
.owl-carousel .owl-nav button.owl-prev{left: 0px; position: absolute;}
.owl-carousel .owl-stage{padding-left:0 !important}

.trainings .item a{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;}
.trainings .item h5{margin-top:10px;font-size: 14px;}
.trainings .item p{font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;display:inline-block;text-overflow:ellipsis;width:90%;}
.trainings .item .card-img-overlay{padding: 0.5rem;}
.trainings .item .badge{background:rgba(0, 0, 0, 0.4);color:#FFF;font-size:12px;margin-right:0.25rem}
.item .card{overflow: hidden;background:#68AF6E;border-radius:3px;}
.trainingseries .item .badge{background:#333;color:#FFF;font-size:12px;margin-right:0.25rem;margin-top:0.25rem;letter-spacing:-.5px;}
.trainingseries .item p.time{font-size:12px}
.trainingseries .item p.time i{font-size:12px}
.trainingseries .item h5{margin-top:1rem}
.trainingseries .item p{font-size:14px;line-height:18px;margin-bottom:5px;}
.training .card.bg-dark{border-color: #000; background-color: #453163 !important;}
.training .list-group-item{border-color: #333333; background-color: #222222 !important;}
.training .card.bg-dark .card-body{background:#222}

.item ul{list-style:none;padding:0;opacity:0.75;}
.item ul i.far{margin-right:5px;font-weight:900;}

.searchmodal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:9999;overflow-x:hidden}
.searchmodal .form-group{position:relative}
.searchmodal .form-group .fa-search{position:absolute;left:15px;top:11px;opacity:.5;}
.searchmodal input{text-indent:25px;font-size:14px;}
.searchmodal input.form-control:focus{border-color:#5a5a5a;box-shadow:0 0 5px 0.2rem rgba(255, 255, 255, 0.15);}
.searchmodal .btn-link{color:#EEE!important;font-size:14px;}


/* SEASON */
.season .credits{width:100%;display:inline-flex;opacity:0.6;}
.season .credits strong{font-size:inherit;font-weight:600!important;letter-spacing:-.5px;margin-right:.25rem;}
.season .seasonimg,
.seasonimg{position:relative;height:fit-content;}
.season .seasonimg .fa-play,
.seasonimg .fa-play{position: absolute;background: rgba(0, 0, 0, 0.8);font-size: 18px;width: 36px !important;height: 36px;top: 50%;left: 50%;text-align: center !important;line-height: 35px !important;border-radius: 20px;text-indent: 3px;pointer-events: none;border: 1px solid rgba(255, 255, 255, 0.6);transform: translate(-50%, -50%);}
.serie .seasonimg .badge-attachment{position: absolute;top: 5px;left: 25px;right: 5px;text-align: left;overflow: hidden;text-overflow: ellipsis;}


.item .itemlink{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;opacity:0;}
.item iframe.itemlink{left:15px!important;width:calc(100% - 15px);top:-7px;height:100%;}
.item .androidlink{z-index: 99999999;display: block}
.training .item {position: relative;width: 170px;max-width: 170px;float: left;margin-left: 5px;min-width: 170px;}
.trainings .item{position: relative;float: left;margin-left: 5px;min-width: 110px;width: 100%}

.item p{opacity:1}
.owl-carousel{width:100%;z-index:1;overflow-x:auto;overflow-y:hidden;min-height:120px;display:flex!important;padding-top:5px;}

#myTrainings .form-control{background:#333;border-color:#333;color:#CCC;box-shadow:none!important}
#myTrainings .filtersearch{float:left;width:100%;position:relative}
#myTrainings .filtersearch:before{position:absolute;font-family:"Font Awesome 5 Pro";top:7px;right:12px;content:"\f002";opacity:.25}
#myTrainings .form-control:focus{background:#8b8b8b;border-color:#8b8b8b;color:#FFF!important;box-shadow:none!important}
#myTrainings .form-control:focus::placeholder{color:#FFF!important}
#myTrainings .form-control::placeholder{opacity:.5}
.filters #myFilters{float:left;width:100%}
.filters #myFilters .btn{color:rgba(255,255,255,0.4);font-size:12px;display:block;padding:.25rem 0.5rem;border-radius:.25rem;display:inline-block;float:left;background: #222;margin-right: 5px;margin-bottom: 5px;}
.filters #myFilters .btn.active{background:rgba(255,255,255,0.5);color:#FFF}
.filters .item-row{float:left;color:#fff;display:none;width:100%;cursor:pointer}
.filters .item-title a{color:#FFF;display:inline-block;width:100%;position:relative;border-top:1px solid #222;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-transition:all .1s linear;-moz-transition:all .1s linear;-webkit-transition:all .1s linear;-ms-transition:all .1s linear;min-height:40px;line-height:18px;padding:15px 35px 15px 20px}
.filters .item-title a:hover,.filters .item-title a:active,.filters .item-title a:focus{color:#CCC;background:#222}
.filters .item-title a:before{content:"\f054";position:absolute;font-family:"Font Awesome 5 Pro";top:50%;right:20px;transform:translateY(-50%);font-size:10px;opacity:.25}
.filters .item-title a:hover:before,.filters .item-title a:active:before,.filters .item-title a:focus:before{opacity:1}
.filters .show{display:block}


.list-group.bg-transparent .list-group-item{background: none !important}
.list-group.bg-transparent .list-group-item{border: 1px solid rgba(255, 255, 255, 0);}
.list-group.bg-transparent .list-group-item:nth-of-type(odd){background:rgba(255, 255, 255, 0.1)!important;}
a.list-group-item{color:#FFF}
a.list-group-item:focus,a.list-group-item:active{color:#ccc}

.presence.summary span{font-size:18px;padding:0 17px;}

.presence .p-present-o,
.presence.summary .p-present-o{color:#009D4B!important;background:none!important;margin:-1px!important;font-size:14px;}
.presence .p-maybe-o,
.presence.summary .p-maybe-o{color:#F39E00!important;background:none!important;margin:-1px!important;font-size:14px;}
.presence .p-notpresent-o,
.presence.summary .p-notpresent-o{color:#E12E24!important;background:none!important;margin:-1px!important;font-size:14px;}

.person .presence .p-present-o,
.person .presence .p-maybe-o,
.person .presence .p-notpresent-o{font-size: 14px;font-weight: 600;letter-spacing: -1px;padding: 3px 8px;text-align: center;height: inherit !important;width:inherit !important}

.list-group-item.training{font-size:14px;padding:1.5rem 1rem;font-weight: bold}
.list-group-item.person{font-size:14px;padding:1rem;font-weight: bold}
.list-group-item .personname{line-height:42px;position:relative;font-weight: bold}
.list-group-item small{position:absolute;left:0;top:8px;font-size:75%;}
.list-group-item.notpresent-person .personname{top:-7px;position:relative;}
.list-group-item.person select{-webkit-appearance: none;
    display: none;
    background-color: rgba(136, 136, 136, 0.5)!important;
    border-color: #888;
    line-height: 40px;
    color: rgba(255, 255, 255, .8);
    height: inherit;
    background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");

    background-repeat: no-repeat;
    background-position: 99% center;}
.person .presence .badge{margin-right:5px;cursor:pointer}
.person .presence .p-present{background:#009D4B;}
.person .presence .p-maybe{background:#F39E00;}
.person .presence .p-notpresent{background:#E12E24;}
.person .presence{display:flex;margin-left:10px;}
.person .presence .badge{margin-right:5px;background:#333;height:42px;width:42px;}
.person .presence .badge i{line-height:36px}
.person .presence .p-maybe i{transform:scale(0.7);}
.person .presence .p-present.active{background:#009D4B;}
.person .presence .p-maybe.active{background:#F39E00;}
.person .presence .p-notpresent.active{background:#E12E24;}




/* TRAINNGS */
.carousel .bg-dark {
    background-color: rgba(52, 58, 64, .5)!important;
    border-color: rgba(52, 58, 64, .5)!important;
    border-radius: 3px;
}
.carousel .card-text{
    letter-spacing: -.5px;
    font-weight: 800;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.2);
    opacity: 1
}


.carousel h5.custom{letter-spacing:-.5px; font-kerning: none;font-family:'Teko', sans-serif;text-transform:uppercase;margin-bottom:0.5rem!important;font-size:24px;}
.carousel h5 small{text-transform:initial;padding-top:10px;font-size:12px;letter-spacing: -0.5;}
.carousel .card i{margin-right:10px;width: 20px;text-align:center;line-height:16px;opacity: .5;}
.carousel .item a{position: absolute;height: 100%;width: 100%;z-index: 9999;}
::-webkit-scrollbar {
    display: none !important;
}
.carousel::-webkit-scrollbar {
    display: none;
}
.carousel{
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.owl-carousel.training .owl-item,
.carousel.training .item {
    max-width: 170px;
    float: left;
    margin-left: 2px;
    margin-right: 2px;
    min-width: 170px;
}
img{max-width:100%;}


/* EXERCISE */
.exercise{position:relative}
.exercise:not(.scrolled) nav{background:rgba(0,0,0,0.0)}
.exercise .btn-back{position:absolute;left:0;top:60px;font-size:12px;font-weight:bold;z-index:3;color:#FFF!important;letter-spacing:-.5px;}
.exercise .headlines{background:#212121;text-align:center;padding-top:75px;}
.exercise .headlines img{max-width: 100%}
.exercise .moreitems a.nav-link{float:left;color:#FFF;font-weight:bold;letter-spacing:-.5px;border-color: transparent;background: rgba(255, 255, 255, 0.2);padding: 7px 18px;}

.bug-report-button{display: inline-block;font-weight: 400;;text-align: center; vertical-align: middle; -webkit-user-select: none;-moz-user-select: none; -ms-user-select: none;user-select: none;background-color: transparent;border: 1px solid transparent;padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background: rgba(255, 255, 255, 0.1); color: #FFF;}


.exercise a.nav-link.addtofav{position: relative;padding: 8px 15px 8px 18px;margin-left:15px;}
.exercise a.nav-link.addtofav .fa-plus-circle{position: absolute;top:6px;left:12px;font-size: 10px;border: 2px solid #88bf8d;border-radius: 50px;}
.exercise a.nav-link.addtofav .fa-plus-circle:before{content: "\f055"; z-index: 1;position: absolute;}
.exercise a.nav-link.addtofav .fa-plus-circle:after{border-radius: 77px; content: ""; width: 14px; height: 14px;background: #88bf8d;z-index: 0; position: absolute;left: -2px;top: -2px;}
.moreitems .dropdown-menu.show {display: block;left: 50% !important;transform: translateX(-50%) translateY(-50%)!important;top: 50% !important; box-shadow: 0 0 0 3000px rgba(0, 0, 0, 0.7);background:#000}
.moreitems .dropdown-menu.show .dropdown-item{font-size:15px;color:#b3b3b3}
.moreitems .dropdown-menu .dropdown-header{color: rgba(255,255,255,.3);}

.exercise .exercise-details .item p{color:#EEE;}
.exercise .content ul li{list-style:none;}
.exercise .content ul li::before {content:"\2022";color:#444;font-weight:bold;display:inline-block;width:1em;margin-left:-1em;}
.exercise .owl-info .owl-dots{position:absolute;top:-30px;width:100%;display:flex;display:-ms-flexbox!important;}
.exercise .owl-info .owl-dot{-ms-flex:1 1 auto!important;flex:1 1 auto!important;}
.exercise .owl-info .owl-dot span{width:100%!important;border-radius:0!important;height:2px!important;background:#222!important;margin-left:0!important;margin-right:0!important}
.exercise .owl-info .owl-dot.active span{background:#444!important;}
.exercise .owl-related{background:#68AF6E}
.exercise .owl-related a{color:#FFF;}
.exercise h2{opacity:.5;font-family:'Teko', sans-serif;text-transform:uppercase;}
.exercise #animation{}
.exercise #infoTab.nav-tabs{border:0;}
.exercise #infoTab.nav-tabs .nav-link{background: rgba(255,255,255,0.2);margin-right: 5px;margin-bottom: 5px;color: rgba(255,255,255,1);font-size: 13px;padding: .5rem 1rem;border-radius: 0rem;display: inline-block;float: left; width: 100%;text-align: center;font-weight: bold;letter-spacing: -.5px}
.exercise #infoTab.nav-tabs .nav-item:first-child .nav-link{border-radius:0.25rem 0 0 0.25rem}
.exercise #infoTab.nav-tabs .nav-item:last-child .nav-link{border-radius:0 0.25rem 0.25rem 0}
.exercise #infoTab.nav-tabs .nav-link.active{border-color:transparent!important;background:rgba(255,255,255,1);color:#000}
.exercise .card-header{font-size:18px;}
.exercise .bg-break{background:#222222;}
.exercise .list-group-item{border-color:#202427;}
.exercise .open .list-group-item{border-color:#4a7e4e;background:#68ae6e!important;padding-left:40px;position:relative;cursor: pointer}
.exercise .open .list-group-item a{position: absolute;top: 0;right: 0;bottom: 0;left:0;}
.exercise .list-group-item h5{letter-spacing:-.5;margin: 0;}
.exercise .list-group-item p{line-height:18px;margin:0;opacity:.7;font-size: 14px;}
.exercise .open .list-group-item p{opacity:1}
.exercise .open .list-group-item .badge{float: left;margin-top:5px}
.exercise .card.open{background:#68AF6E!important;border-color:#333!important}
.exercise .card.open .card-header{background: #222;}
.exercise .collapsi{position: absolute;width: 100%;height: 70px;left: 0;right: 0;top: 0;text-align: right;opacity: .25;}
.exercise .collapsi:not(.collapsed) {transform: scaleY(-1);}
.exercise .collapsi i{line-height: 70px;width: 50px;text-align: center;}
.exercise h5 small{opacity:0.5;font-size:14px;}
.exercise-details{margin-top:15px;}

#difficultyLevel .btn{
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: -.5px;
}
.badge{letter-spacing:0px;}
.list-group .list-group-item .fa-chevron-right{    position: absolute;
    right: 0;
    height: 86px;
    width: 30px;
    top: 0;
    line-height: 88px;}
.list-group .list-group-item h5 > span:first-child {
    font-weight: 600;
    margin-right: 8px;
    color: #FFF;
    background: rgba(0, 0, 0, 0.1);
    padding: 1px 7px;
    border-radius: 2px;
    font-size: 13px;
    position: absolute;
    left: 9px;
    top: 10px;
    bottom: 10px;
    display: flex;
    align-items: center!important;}


.item hr{opacity: .25}
.item h2{font-family:'Teko', sans-serif;color:#FFF!important;text-transform:uppercase;font-size:32px;font-weight:100;line-height:28px}
.item h3{font-family:'Teko', sans-serif;color:#FFF!important;text-transform:uppercase;font-size:22px;font-weight:100;line-height:22px;opacity:.4}
.assets strong{font-family:'Teko', sans-serif;color:#FFF!important;font-weight:600!important;font-size:22px;}
a.btn.filterbtn{background: #222;font-size: 12px;font-weight:bold;letter-spacing:-.5px;color:#FFF;}
a.btn.filterbtn:hover{background:#333;}


body.login{background:url(../img/bg-login.jpg) center center;background-size:cover}
.login:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(33,39,52,0.7);z-index:-1}
body.login .navbar.fixed-top{background:rgba(0,0,0,0.2)}
main{height:100%}
img.clublogo{max-width:90px;margin:0!important;padding-bottom:1rem}
.login.card form div:nth-child(1) input{border-bottom-color:transparent;border-radius:.3rem .3rem 0 0;background:#f9f9f9}
.login.card form div:nth-child(1) input:focus{z-index:0;position:relative}
.login.card form div:nth-child(2) input{border-radius:0 0 .3rem .3rem;background:#f9f9f9}
.login.card form div input{border:1px solid #E5E5E5;font-size:1rem}
.login.card .card-footer a{color:rgba(86,61,124,.5)}
.login.card{line-height:18px}
.login .login-btn{border-color:#563d7c}
.login .login-btn:hover,.login .login-btn:active,.login .login-btn:focus{border-color:#333!important;background:#333!important}
.forgot-psw{font-size:13px}
.forgot-psw:hover{text-decoration:underline}


.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.ekko-lightbox .modal-dialog{margin-top:55px;}
.modal-header{border:0!important;}
.ekko-lightbox-container>div.ekko-lightbox-item{border-radius:4px;overflow:hidden;height:fit-content;}
.modal-backdrop{z-index:999999}
.modal-open .modal{z-index:9999999}
.ekko-lightbox-nav-overlay{display: flex !important}
.modal-backdrop.show{opacity:0.95;}
.modal-content textarea,
.modal-content input[type="email"]{background: #000000; border-color: #333333;width: calc(100% - 2rem);left: 50%;}
.modal-header .close span{font-size:40px;}
.modal-content .send-button {
    margin-top: 20px;
    background-color: #563d7c !important;
    margin-bottom: 20px;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
}
.modal-content{background:none;border:0;}
.modal-body{padding:0;}
.ekko-lightbox-nav-overlay a{opacity:1!important}
.ekko-lightbox-nav-overlay a span{font-size:20px;}

.content h4{font-family:'Teko', sans-serif;color:#FFF!important;text-transform:uppercase;font-size:34px;font-weight:100;margin-bottom: 0}

@media screen and (max-width:767px) {
    .seasonimg{padding-right: 0 !important;}

}
/* iPhone < 5 */
@media screen and (max-width:320px) {
    ul.navbar-nav .nav-link {
        font-size: 12.5px;
    }
    ul.navbar-nav {
        width: 84%;
    }
}
@media screen and (min-width:991px) {
    .headlines .btn-play {
        max-width: 20%;
    }
}