html, body { height: 100%;}
        
.navbar-dark{ background: rgba(0,0,0,.4);}
.main-slider{ 
            min-height: 350px;
            height: 100vh;
            max-height: 880px;
            background-position: center;
            background-size: cover;
            align-items: center;
            justify-content: center;
            display: flex;
}

footer{background-color: #111;}
a{color: white; text-decoration: none;}
a:hover{color:#d5e400;}

.navbar-margin{ margin-top: 60px }
.nav-link{font-size: 14px;  font-family: 'Poppins', sans-serif;}

.nav-item.use-line{ position: relative;}
.nav-item.use-line::before{ content: ''; height: 2px; width: 0px; background-color:rgb(186, 207, 0); position: absolute;  bottom: 0px; transition: all 500ms; opacity: 0;}
.nav-item.use-line:hover::before{ width: 100%; opacity: 1;}
.navbar-dark .navbar-nav .nav-link{text-decoration: none!important; color: #FFFFFF;}
.nav-link.active{ color:#d5e400!important;}

.title-container{position: relative;}
.accent-text{ color:#d5e400!important; }
.green-text{color:#82b53f;}
.text-gray{color:#8c8c8c;}

.bottom-line{ border-bottom: solid 2px #d5e400;}

h1.slider-caption{  color:#d5e400;  font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 98px; padding: 0px 10px; background-color: black; display: inline-block; position: relative}
h2.slider-caption{  color:#d5e400; font-family: 'Poppins', sans-serif; font-weight: 100;font-size: 30px; padding: 0px 10px; background-color: black; display: inline-block; position: relative;}
p.slider-caption{ 
    padding: 5px; background-color: black; text-transform: uppercase; 
    display: block;  color:white; margin-top: 10px;
    font-size: 14px;    font-family: 'Poppins', sans-serif;
}

.caption{position: relative; display: inline-block;}
.caption>div{ position: relative; display: block; height: 80px; width: 100%; position: absolute; background-color:#d5e400; bottom:0px; left:-10px; }

.btn-black{background-color: black; color:white; transition: all 800ms;}
.btn-black:hover{background-color:#d5e400; color:black!important;}

.title{font-family: 'Poppins', sans-serif; position: relative; font-size: 62px; text-transform: uppercase; z-index: 1; display: inline-block; font-weight: 900; margin-bottom: 0px; line-height: 100%;}
.title::before{
    background: url(/images/title-bg.png) no-repeat; content: ""; height: 200px; position: absolute; top: -70px; width: 100px; z-index: -1;
}
.subtitle{font-family: 'Poppins', sans-serif; position: relative; z-index: 99; font-weight: 100; text-transform: uppercase;}

.form-control-black{ display: block; width: 100%; background: none; border:none; border-bottom: solid 2px #d5e400;
padding: 8px 18px; margin-top: 14px; color:white;}

.form-control-black:focus, .form-control-black:hover{
    outline: none;
    background: rgba(255,255,255,.18);
}

input.form-control-black::placeholder {
    opacity: 0.35;
    color: white;
}


.workout-list{ list-style: none; padding: 0px; margin: 0px; }
.workout-list>li{ margin: 10px; border: solid 1px #f1f1f1; padding: 10px; border-radius: 10px;}
.workout-list>li .daybox{ border: solid 1px rgba(108, 197, 29, 0.2); border-radius: 10px;}
.workout-list>li .daybox>h3{ color:#d5e400;}

.workout-list>li:hover{ border-color:#d5e400; }
.workout-list>li:hover .daybox{background:#82b53f; color:white; }
.workout-list>li:hover a{ border: solid 1px #d5e400;}
.btn-green{ border-radius: 10px;}
.btn-green:hover{ background:#d5e400; color:#333; }


.workout-list>li.finished{ background-color:#f5f5f5; border-color: #f5f5f5!important;}
.workout-list>li.finished .daybox{border-color: #f5f5f5!important;}
.workout-list>li.finished .daybox>h3{color:black!important;}
.workout-list>li.finished a{display: none!important;}



.block-list{ padding: 0px; margin: 0px;}
.block-list>div{padding: 10px;}
.block-list .bTitle{ padding: 0px; margin: 0px;  background:#111; text-align: center; display: flex; 
    justify-content: center; align-items: center; border-radius: 10px; margin-bottom: 5px;}
.block-list h3{ padding: 5px 0px; margin: 0px; font-size: 20px; color:white;}
.block-list ul, .prev-list{ padding-bottom: 0px; margin: 0px; list-style: none; padding-left: 20px;}
.block-list ul>li, .prev-list>li{padding-bottom: 0px; margin: 3px 0px;  position: relative;}
.block-list ul>li:before, .prev-list>li:before{content: ''; display: block; position: absolute; left:-15px; top:2px; bottom:2px; width: 10px; border-radius: 3px;}

.block-list ul>li:before{ background:#ff570d; }

.block-list ul.use-colors>li:nth-child(2n+1):before, .prev-list>li:nth-child(2n+1):before{ background:#9a9a9a!important; }
.block-list ul.use-colors>li:nth-child(2n+2):before, .prev-list>li:nth-child(2n+2):before{ background:#f2e513!important; }
.block-list ul.use-colors>li:nth-child(2n+3):before, .prev-list>li:nth-child(2n+3):before{ background:#96ae09!important; }




@media (max-width: 992px) {
.img-gallery{height: 280px; }
.img-gallery > a > img{max-height: 130px;}
.img-gallery > a:nth-child(3n+2){  width: 132px; }
.img-gallery > a:nth-child(3n+1){  width: 132px; }
.img-gallery > a:first-child{ height: 270px; width: 270px; }
.img-gallery > a:first-child > img{max-height: 270px;}
}


@media (max-width: 768px) {
.display-1.teko{ font-size: 80px;}
}

@media (max-width: 500px) { 
.display-1.teko{ font-size: 56px;}
}