/*make parent of "container" fixed width and height*/

body,
html {
  height: 100%
}

body { 
  font-family: "Anaheim", sans-serif; 
  font-size: 18px;
  color: #000;
}    

.menu {                
background: #ba4654;  
padding: 0;
width: 100%;
 color: #fff;
 height: 120px;
}
.menu2 {                
background: #464646;  
padding: 0;
width: 100%;
 height: 42px;
}
.menu2 a {                
text-decoration: none;
padding: 2px 0.5em;
text-transform: uppercase;
color: #fff;
}
.menu2 a:hover, .menu2 a:focus {
background: #ba4654;
color: #fff;
}
.fixmenu {  
font-size: 1.5em;     
font-weight:bold;
position: fixed;
z-index: 100;
width: 100%;
    top: 0;
}

.logo {
    top: 6px;
    position: relative;
}
.logo-sm {
  height: 100px;   
  
}
.logo-sm img {
  display: inline-block;
  top: 6px;
    position: relative;
}

.social {
text-align:right;
}
.social.text-center {
text-align:center;
}
.domu {
margin-top: 162px;
}
.domu img {
margin: 0 auto;
}

.vybaveni {
margin-top: 2.5em;
margin-bottom: 2.5em;
}

.vybaveni a:hover, .vybaveni a:focus {
background: none !important;
}
.ekko-lightbox-nav-overlay a:hover {
background: none !important;
text-decoration: none;
}
.galimg {
margin: 0 auto;
}

h2  {
font-size: 3em;
font-weight: bold;
}
h2.opening  {
text-align: center;
}
h2.opening a:after {
  content: ' +';
}
h2.opening a[aria-expanded=true]:after {
  content: ' -';
}

.rockgym {
 background: #464646;
 color: #fff;
}
.cenik {
 color: #fff;
}
.instafeed {
 background: #ba4654;
 color: #fff;
}




a {
color: #ba4654;
transition: 0.3s ease;
padding: 2px;
text-decoration: underline;
}

a:hover, a:focus {
color: #fff;
background: #ba4654;
border-radius: 2px;
}
.menu a:hover, .menu a, .menu a:focus {
background: none;
border-radius: 0;
padding: 0;
text-decoration: none;
}

.social a { 
width: 64px;
height: 64px;
display: inline-block;
}
.social a.fb { 
background: url(../img/fb.png) no-repeat left top;
}
.social a.ins { 
background: url(../img/ins.png) no-repeat left top;
}
.social a.fb:hover { 
background: url(../img/fb.png) no-repeat right top;
}
.social a.ins:hover { 
background: url(../img/ins.png) no-repeat right top;
}
.social a span, .flag a span{ 
display: none;
}

.social a.men { 
background: url(../img/menu.png) no-repeat left top;
}
.social a.men:hover { 
background: url(../img/menu.png) no-repeat right top;
}


/*overlay*/
.overlay{
 z-index: 101;
 display: none;
 position: fixed;
 top: 0;
 height: 101%;
 width: 100%;
 background: #fff url("../img/menu-bg.jpg") center center no-repeat;
 overflow: auto;
 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.wrap{
 color: #000;
 text-align: center;
}
.wrap a {
font-size: 1.5em;
color: #000;
text-decoration: none;
font-weight: normal;
display: inline-block; 
transition: 0.5s ease;
}
.menu-body a:hover {
color: #7d7d7d; 
background: none !important;
}
.menu-body h3 {
margin: 0;
}
.menu-body a {
display: block;
padding: 1em 0 0 0;
}
.wrap .social a.men { 
background: url(../img/menu-close.png) no-repeat left top;
}
.wrap .social a.men:hover { 
background: url(../img/menu-close.png) no-repeat right top;
}            



.parallax { 
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* BOOTSTRAP COLUMN EXTENSION */

@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}
.vertical-align {
    display: flex;
    align-items: center;
}

#loader{
 z-index:999999;
 display:block;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 background: rgba(0,0,0,0.94);
}   
.rotate {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 250px;
    margin:-125px 0 0 -125px;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }                   

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


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.google-maps {
        position: relative;
        padding-bottom: 30%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;     
    }



::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #981d1c;
  border: 0px;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
::-webkit-scrollbar-thumb:active {
  background: #fff;
}
::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: #666666;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}



.margin-top-05 { margin-top: 0.5em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }


.margin-bottom-05 { margin-bottom: 0.5em; }
.margin-bottom-10 { margin-bottom: 1.0em; }
.margin-bottom-15 { margin-bottom: 1.5em; }
.margin-bottom-20 { margin-bottom: 2.0em; }
.margin-bottom-25 { margin-bottom: 2.5em; }
.margin-bottom-30 { margin-bottom: 3.0em; }

/*
    Bootstrap Carousel to Fade instead of slide
    */
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}  
.carousel-caption {
position: static;
padding: 15px 15px 40px 15px;
}
.carousel-indicators {
bottom: 10px;
color: #000;
} 





    @media only screen and (max-width : 992px) {
    
    } 
        
    
    
    @media only screen and (max-width : 768px) {
    .google-maps {
        padding-bottom: 70%; // This is the aspect ratio
    }
    .menu {
    font-size: 12px;
}
.domu {
margin-top: 60px;
}
    .parallax {
    background-attachment: scroll;
    }
    .social a { 
width: 32px;
height: 32px;
}
.social a.fb { 
background: url(../img/fb-sm.png) no-repeat left top;
}
.social a.ins { 
background: url(../img/ins-sm.png) no-repeat left top;
}
.social a.fb:hover { 
background: url(../img/fb-sm.png) no-repeat right top;
}
.social a.ins:hover { 
background: url(../img/ins-sm.png) no-repeat right top;
}
.social a.men { 
background: url(../img/menu-sm.png) no-repeat left top;
}
.social a.men:hover { 
background: url(../img/menu-sm.png) no-repeat right top;
}

.menu {                
 height: 160px;
}
.domu {                
 margin-top: 160px;
}

.wrap .social a.men { 
background: url(../img/menu-close-sm.png) no-repeat left top;
}
.wrap .social a.men:hover { 
background: url(../img/menu-close-sm.png) no-repeat right top;
}    

    }

    
    
    @media only screen and (max-width : 480px) {   
    }