body {
color: #23212c;
background: #fff;  
padding-top: 147px; 
}

 

h1, h2 {
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 300;
text-transform: uppercase;
}  
h2 {
border-bottom: 1px solid #23212c;
padding-bottom: 6px;
}
.navbar a, .navbar i.fas {
color: #F9F9FA;
text-decoration: none;
transition: all 1s;
font-weight: 600;
}
.navbar a:hover, .navbar i.fas:hover, .navbar a.active {
color: #c94641;
}

footer {
background: #23212c url("../img/logo_footer.png") 30% 10% no-repeat;
padding-top: 100px;
color: #fff;
}
.footer-mapa {
width:80%;
display:inline-block; 
overflow:hidden;
}
.footer-mapa iframe {
position:relative; 
top:-50px; 
border:none;
height: 200px;  
}

.card-columns {
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
    }


img.jazyk {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
   transition: 0.5s ease;
}
img.jazyk.active, img.jazyk:hover {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.jazyky li {
display: inline-block;
}
      

.boxy {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}


.box {
background: #fff;  
border: 1px solid #9e9e9e;  
margin: 10px;
padding: 10px;
} 
.full {
height: 100%;
margin-bottom: 10px;
}   
.box.no-border {
background: none;  
border: none;  
padding: 0;
}          
.box h2 {
padding-left: 15px;
margin-left: -10px;
margin-right: -10px;
} 
.box h2 a, .box h2 a:hover {
text-decoration: none;
color: #23212c;
}   
.y {
border-bottom: 8px solid #ffee00;
}  
.o {
border-bottom: 8px solid #ff6d00;
}  
.b {
border-bottom: 8px solid #00237d;
}  
.p {
border-bottom: 8px solid #d900ff;
}  
.g  {
border-bottom: 8px solid #6c757d;
}        


 /* customize scrollbar css */
::-webkit-scrollbar{
		width:14px;
		background-color:#f9f9fa;
	}
::-webkit-scrollbar:horizontal{
		height:10px;
	}
::-webkit-scrollbar-track{
		border:1px #787878 solid;
		border-radius:2px;
		-webkit-box-shadow:0 0 6px #c8c8c8 inset;
	}
::-webkit-scrollbar-thumb{
		background-color:#23212c;
		border:1px solid #23212c;
		border-radius:2px;
	}
::-webkit-scrollbar-thumb:hover{
		background-color:#bf4649;
		border:1px solid #c94641;
	}
::-webkit-scrollbar-thumb:active{
		background-color:#c94641;
		border:1px solid #c94641;
	}


.scrollable::-webkit-scrollbar{
		width:1px;
		background-color:#23212c;
	}
.scrollable::-webkit-scrollbar-thumb:hover, .scrollable::-webkit-scrollbar-thumb:active{
        background-color:#23212c;
		border:1px solid #23212c;
	}
.scrollable::-webkit-scrollbar-track{
		border: none;
		-webkit-box-shadow: none;
	}








.covering2 {
 -webkit-box-shadow: 0 -6px 6px -6px #000000;
 -moz-box-shadow: 0 -6px 6px -6px #000000;
 box-shadow: 0 -6px 6px -6px #000000;
 position: relative;
top: -70px;
}
.covering {  
height: 70px;
background: #F9F9FA;   
position: relative;
top: -70px;
box-shadow: 0 8px 0 #fff, 0 1px 6px rgba(0,0,0, 1);
}

.scrollable {  
height: 350px;
overflow-y: auto;
}


.modal-lg {
    max-width: 80% !important;
}

.main {
position: relative;
top: -50px;
padding-bottom:10px;
background: #F9F9FA;  
}

 .parallax-window {  
min-height: 300px;     
background: transparent;
}
.parallax-window.team {    
display: flex;
align-items: center;
justify-content: center;
}
.parallax-window.team h1 {
color: #f26700;
background: rgba(255,255,255,0.7);
padding: 5px 10px;
border-radius: 2px;
margin-bottom: 50px;
}

.owl-results {
font-size: 70%;
padding-top: 30px;
}     
.result {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); 
} 
.result .row {
margin: 0;
padding: 0;
} 
.results-top .result-l, .results-top .result-r {
    height: 100px;
    background: white bottom center;
    background-size: cover; -ms-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; 
      
}
 .results-top  .result-c {
    height: 100px;
    background: white; 
    padding: 0;
}
.results-bottom .result-l, .results-bottom .result-r {
    height: 50px;
    text-align: center;
    background: #23212c; 
}
 .results-bottom  .result-c {
    height: 50px;
    background: #23212c;
    color: #fff;
}
 .results-bottom  .result-c i {
display: block;
margin: 3px; 
}
.results-top  .result-c .result-league {
    height: 40px;
    background: #23212c;
    width: 100%;
    font-weight: 300;
    color: #fff;
}
.results-top  .result-c .result-result {
    height: 60px;
    background: #fff; 
    color: #000;
    width: 100%;
    font-size: 1.5em;
}
.results-future img {
margin: 0 auto;
}
 .results-top  .result-l,  .future-top  .result-l {
border-radius: 2px 0 0 0;
}
 .results-top  .result-rm, .future-top  .result-r {
border-radius: 0 2px 0 0;
}
 .results-bottom  .result-l, .future-bottom  .result-l {
border-radius: 0 0 0 2px;
}
 .results-bottom  .result-r, .future-bottom  .result-r {

}





.zapas > .row {
margin-bottom: 30px;
}

.zapas-detail-hlavicka-loga, .hrac-detail-hlavicka-loga {
min-height: 150px;
font-size: 150%;
margin-bottom: 0 !important;
}

.hrac-detail-hlavicka-loga {
font-size: 100%;
}

.zapas-detail-hlavicka-loga .row {
}

.vysledek {
font-size: 200%;
}

.zapas-detail-hlavicka-loga img, .hrac-detail-hlavicka-loga img {
width: 100px;
height: 100px;
}
.zapas-detail-hlavicka-nazvy {
font-size: 150%;
color: #fff; 
}
.zapas-detail-grafy {
margin-top: 40px;
}
.zapas-detail-grafy .alert-secondary.pie {
margin: 0 10px;
margin-top: -30%;
}
.tab-pane {
padding: 10px;
}


.ct-label {
color: black;
font-size: 90%;
fill: black;
}
.ekko-lightbox-container {
    overflow-y: auto;
}


.btn-fb {
   background: #3B5998;
   color: #fff;
}
.btn-fb:hover, .btn-fb:focus {
   background: #fff;
   color: #3B5998;
   border: 1px solid #3B5998;
}

.card-footer small {
float: right;
display: inline-block;
padding: 5px 0;
} 


.card {
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;

} 





 #loader{
 z-index:999999;
 display:block;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background: rgba(255,255,255,0.7);
}      
 #loader div {
 width:100%;
 height:100%;
 background: transparent url("../img/loading.svg") 50% 50% no-repeat;
 background-image: url("../img/loading.png");
 background-image: 
    linear-gradient(transparent, transparent),
    url("../img/loading.svg");
}                  

.scrollToTop{
	width:66px; 
	height:66px;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	background: url("../img/arrow-top.png") no-repeat left top;
    
  opacity: 0.9;
  transition: 0.3s ease;
}
.scrollToTop:hover{
	text-decoration:none;
  opacity: 1;
}  




/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}





.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: inherit; 
}


@media (max-width: 1200px) { 
.card-columns {
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
    }
}
@media (max-width: 992px) { 
.card-columns {
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
    } 
}
@media (max-width: 768px) {  
.card-columns {
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
}  
.covering2 {
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
footer {
text-align: center;
}   
.modal-lg {
    max-width: 100% !important;
}  
}
@media (max-width: 544px) {  
 
}