{outline:  3px solid red;
     }

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

/***** reusable *****/


.row {
    max-width: 1140px;
    margin: 0 auto;
}


 
.heading-main h2 {
    text-align: center;
    font-size: 35px;
    margin-top: 20px;
}

.heading-main h2:after {
    content: "";
    display: block;
    width: 200px;
    border-bottom: 3px solid #a93d00;
    margin: 20px auto;
    
}



/***** header *****/

 

header {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url("../images/judobackground.jpg");
    background-size: cover;
    height: 960px;
    background-attachment:fixed;
    background-position: center;
  }

.nav-pozadí{
    /*margin-top: 654px;*/
    width: 100%;
    height: 56px;
    background-color: rgba(173, 50, 36, 1.0);
    position: fixed;
    z-index: 50;
    /*border-bottom: 1px solid #fff;*/
}


nav ul {
    position: fixed;
    margin-top: -91px;
    z-index: 100;
    float: right;
    margin-left: 8%;
}

nav ul li {
    display: inline-block;
	list-style-type: none;
	font-size: 35px;
    margin-left: 25px;

}

nav ul li a{
	color:white;
	text-decoration: none;
}

nav ul li a:hover{
    border-bottom: 2px solid #fff;
}
nav ul li:active{
	border-bottom: 2px solid transparent; 
}

nav ul li a.jq--scroll-body:hover,
nav ul li .jq--scroll-body:active{
	border-bottom: 2px solid transparent; 
}

img.jq--image-up{
    width: 34px;
    height: 34px;
    margin-bottom: -5px;
}



#logo img{
    width: 250px;
    position: absolute;
    top:80%;
    left:40%;
    transform: translate(-50%,-50%);
    
}

.smalllogo{
    position: relative;
    top: 86px;
    width: 125px;
    height: auto;
    background-color: rgba(173, 50, 36, 1.0);
    /*border-bottom: 2px solid #fff;*/
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
    z-index: 50;
    
}

    
}

#logo-ijf {
    position: absolute;
    left:76%;
    top:26%;
}

#logo-ijf img {
    height: 700px;
    width: auto;
}

#logo-ijf  ul {

    position: absolute;
    /*left:85%;
    top:54%;*/     
  
 }   

#logo-ijf  ul li{
    list-style-type: none;
    
 } 
/* Mobile navigation */
.mobile-nav-icon {
    float: right;
    margin-top: 8px;
   display: none;
}



/***** main *****/

.section about-us{
    
}

 .section1 {
	position: relative;
	top: -175px;
}


.section1 ul {
    display: inline-block;
}
 
.section1 ul li {
   display: inline-block;
    list-style-type: none;
    width: 214px;
    text-align: center;
    line-height: 50px;
    font-size: 22px;
    background: #ad3224;
    margin-left: 40px;
    margin-top: 120px;
    border-radius: 5px;
    border: 1px solid #fff;
}

.section1 ul li a {
    color:white;
	text-decoration: none;
}

.section1 ul li a:hover {
	border-bottom: 2px solid #e2beae;
}


.li2 {
    display: block;
    margin-left:-61px 
}

.li3 {
    display: block;
    margin-left:-144px
    
}




.section2 {
    list-style-type: none;
	width: 150px;
    height: 200px;
	margin-left: 100px;
    margin-top: -85px;
    font-size: 20px;
    background:white;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    border: 8px solid #ad3224 ;
    color:#ad3224;
    
   
}


 
.section2 li {
    padding-top:25px;
    list-style-type: none;
}
 
 .section2 a:hover {
     /*border-bottom:2px solid #e2beae;*/
}



.section3  {
  
    font-size: 22px;
    margin-top: -65px;
    
}


.section1 ul li.ikona {
  
    font-size: 35px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    font-weight: bold;
    text-shadow: 2px 2px #a198c9;
   
  }


 
 h1 {
  color: DimGray;
  background-color: gainsboro;
  border: 5px solid black;  
   
}

/***** fotogalerie *****/


.photo-gallery{
    margin-top: 50px;
   background: #cccfc4; 
    padding-bottom: 50px;
}

.heading-main{
    padding-top: 35px;
}


.photo-segment li{
    list-style-type: none;
    background: #000;
    overflow: hidden;
    height: 300px;
     border-radius: 5px;
  
   
}

.photo-segment img {
    width: 100%;
    height: 300px;
    opacity: 0.5;
    transform: scale(1)
}

.photo-segment img:hover{
     transition: transform 0.5s, opacity 0.5s;
     transform: scale(1.4);
     opacity: 1;
}

.allfoto a{
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin-left: 50%;
    transform: translate(-50%,50%);
    background:#b04133;  
    padding: 8px;
    border-radius: 5px;
}


/***** miniatury *****/
.mini{
    padding: 50px 0;
    background: #c0c1ac; 
}


.miniatury{   
 /*margin-top: 80px;*/
}

.miniatury img{
    width: 100%;
    border-radius: 10%;
    border:2px solid #fff;
    /*box-shadow: 5px 5px 8px #fff;*/
/*border: 2px solid red;*/
    
}


/***** děti *****/


.děti{
    margin-top: 80px;

}
 
.děti-text{
    font-size: 23px;
    text-align: center;
    line-height: 130%;

}

/***** dospělí *****/
.pozadí{
    display: block;
   background: #c1c1c136;
    
}
.dospělí{
    margin-top: 80px;
   
}

 
.dospělí-text{
    font-size: 23px;
    text-align: center;
    line-height: 130%;
}

.obrázek{
    padding-top: 135px;
  
   
}
.obrázek img{
    width: 95%;
    height: auto;
}

/***** kontakt *****/
.kontakty{
    
}

.kontakt{
    background: #cccfc4;
    padding-bottom: 30px;
   
}

.kontakt p {
    font-size: 18px;
    text-align: center;
    font-style: italic;
    background:#827b6b;
    margin-top: 3px;
    border-radius: 5px;
    padding: 3px;
     color: #cccfc4;
}

.kontakt p img{
   width: 14px;
    color: #fff;
    position: relative;
    top: 2px;
    right: 4px;
    z-index: 10;
}

.photo-name {
   margin-top: 10px;
    margin-bottom: 3px;
}

.photo-name p {
    font-size: 20px;
    padding: 10px;
    /*margin-left: 50px;*/
    font-style: normal;
}

.photo-name img {
    width: 43px;
    border-radius: 17%;
    border: 2px solid #827b6b;
    float: left;
}
.první-dan p{
    background: #000;
}
.první-kyu p{
    background: #693015;
}
.druhé-kyu p{
    background: #0b0b90;
}
.adresa{
     margin-top: 50px;
    margin-bottom: 50px;
}

.adresa p{
    background: none;
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-family: "Times New Roman", Arial, Helvetica;
}
.mapa{
    position: relative;
    width: 400px;
    margin: 0 auto;
}

/***** footer *****/
footer{
    background:#827b6b;
}
footer p{
    font-size: 14px;
    text-align: center;
    color:#cccfc4;
   
}
footer ul{
     text-align: center;
}
footer ul li{
    text-decoration: none;
    display: inline-block;
}

footer img{
    margin-right: 5px;
}

footer a{
    color: #cccfc4;
}


  .facebook img{  
    margin-left: 50px;
}
.mischu {
    font-size: 12px;
    margin-left: -405px;
    position: relative;
    top: -6px;
}
/***** mobily *****/
.mobily{
    display: none;
}

.mobily h3 {
    text-align: center;
    font-size: 35px;
    margin-top: 20px;
}

.mobily h3:after {
    content: "";
    display: block;
    width: 200px;
    border-bottom: 3px solid #a93d00;
    margin: 20px auto;
    
}
.jq--image-up-footer{
    margin-bottom: 9px;
    width: 38px;
    height: 38px;
}




/***** Stop floating *****/
.clearfix {zoom: 1}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}


  /*.clearfix:after {
    content: "";
    display: table;
    clear: both;
}*/