/* Výška okna menší než 1000px */
@media screen and (max-height:900px) { 
  .corner { max-width:780px; max-height:720px; height:95vh }

  .hand-img1 { max-width: 200px; max-height:240px; bottom:0!important;   }
  .hand-img2 { max-width: 282px; max-height:304px; bottom:0!important;}
  .hand-img3 { max-width: 302px; max-height:323px; bottom:0!important; right:0 }
  .hand-img4 { max-width: 300px; max-height:360px;   }
  .hand-img5 { max-width: 340px; max-height:200px;   }

  .footer-img img { max-width:160px; margin-top:40px }
}


@media screen and (max-width:1800px) { 
  .corner { max-width:620px; max-height:620px; }

  .hand-img1 { max-width: 140px; max-height:180px; bottom:0!important;   }
  .hand-img2 { max-width: 182px; max-height:204px; bottom:0!important;}
  .hand-img3 { max-width: 232px; max-height:253px; bottom:0!important; right:0 }
  .hand-img4 { max-width: 240px; max-height:300px;   }
  .hand-img5 { max-width: 280px; max-height:140px;   }

  .footer-img img { max-width:160px; margin-top:40px }
}


@media screen and (max-width:1500px) { 

     .header-text {   max-width:650px; }
}




@media screen and (max-width:1279px) { 


	.font20 		{ font-size:18px;  }
	.font24 		{ font-size:18px; line-height:1.25em }
	.font24 .BCEricMachatScript { font-size:17px;  }
	.font36 		{ font-size:21px; line-height:1.25em }
	.font36 .BCEricMachatScript { font-size:19px; }
	

  	.header { padding-bottom:300px }
	.header-text {  position: relative; bottom: auto; margin-top:80px; width:100%; max-width:60%; }
	
	.medailonek-plus { width:28px; height:28px; bottom:24px; right:24px; }
	.medailonek-plus-line { width:28px;  }
	.medailonek-plus-hanka { left:24px; right:auto;  }
	
	.lisime { max-width:120px }
	.lisime.font36 { font-size:18px; letter-spacing:0.05em;  }
	
	.info-close { position:absolute; top:44px; right:24px; width:24px; height:24px; }
	.info-close-line { position:absolute; top:50%; left:-3px; width:32px; height:2px; background-color:#FF3D00;
					transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); }
					
	.footer 		{ padding-top:140px }
	.footer.font36 	{ font-size: 28px; line-height: 1em; }
	
	

}


@media screen and (max-width:1023px) { 

	.social { display:none; }
	.hamburger	{ display:block;  }
	
	.menu	{ position:fixed; margin:0; top:-520px; left:auto; right:0; width:100%; height:100%; max-height: 520px;
			  background-color:#fff; padding:130px 16px 0 16px; 
				  z-index:1000; transition:all .5s ease-in-out;  }
	.menu.active	{ top:0; }
	.menu.font16	{ font-size: 32px; font-weight: 600; line-height:1.5em; }
	.menu-mobile { position:absolute; bottom:30px } 
	.menu-item { clear:both; margin-right:0; margin-left:30px; padding:0; 
					transform: translateY(-20px); animation-name: dropIn; animation-timing-function:cubic-bezier(.2,.8,.2,1);
					    animation-duration: 1000ms;  animation-fill-mode:forwards;  }
	.menu-item:nth-child(1){ animation-delay: 0.1s; }
    .menu-item:nth-child(2){ animation-delay: 0.2s; }
    .menu-item:nth-child(3){ animation-delay: 0.3s; }
					    
	.menu-item.closing { transform: translateY(-20px); animation-name: dropOut; animation-timing-function:cubic-bezier(.2,.8,.2,1);
					    animation-duration: 500ms;  animation-fill-mode: forwards;  }
	.menu-item.closing:nth-child(1){ animation-delay: 0s; }
    .menu-item.closing:nth-child(2){ animation-delay: 0s; }
    .menu-item.closing:nth-child(3){ animation-delay: 0s; }
    
					    
	
	
	.menu-item:hover .uline { background-size:0; }
	
  @keyframes dropIn{
    from{
      transform: translateY(-20px);
      opacity: 0;
    }
    to{
      transform: translateY(0);
      opacity: 1;
    }
  }
  
  @keyframes dropOut{
    from{
      transform: translateY(0);
      opacity: 1;
    }
    to{
      transform: translateY(-20px);
      opacity: 0;
    }
  }

		
	.medailonek-bara { position:relative; display:block; top:0; left:auto; margin:auto; margin-top:100px;  }
	.medailonek-hanka { float:none; display:block; margin:auto; margin-top:20px; }
	.medailonek-jmeno {  bottom:8px; }
	
	.medailonek-hide-jmeno { font-size:24px; position:absolute; top:20px; left:20px;  }
 	.medailonek-hide-text.font20 {  font-size: 16px; }
	.medailonek-hide-text { bottom:20px; left:20px; width:calc(100% - 40px); }
	
	.info  { max-width: 650px; }
	.info-left { position:relative; bottom:auto; width:100%; }
	.info-left .button  { display:none;} 
	.info-right { float:left; width:100%; min-height:auto; margin-right:0;  margin-top:10px; }
	.info-right-inner { position:relative; padding:24px 0 24px 0; float:left; }

	.mobile-button { text-align:center; }
	.info .mobile-button { float:left; width:100%; margin-top:40px }
    .info .mobile-button .button { float:none; display:inline-block; }

	.mobile-only { display:block; }
	
    .lisime { max-width:none }
    
    .info-right ul { max-width:none; margin-top:24px; margin-bottom:0  }
    .info-close {  top:24px; right:0; }
}





/* Mobilní šířka */
@media screen and (max-width:767px) { 
  .container  { width:calc(100% - 40px); }
	.menu-item {  margin-left:0; letter-spacing: 0.01em; }

  .medailonek-jmeno {  font-size:30px; }
	
  .logo { width:170px }
  .header-text .button { float:none; display:inline-block; }
  
  
  	.header { height: auto; padding-bottom:0 }

	.header-text { max-width:none; }
  	.corner { position:relative; bottom: auto; height:300px; }
    .hand-img1 { left:-20px;   }
    .hand-img2 { left:60px;   }
    .hand-img3 { right:-60px;   }
	.hand-img4 { display:none;  }
    .hand-img5 { display:none; }
    
    .footer-link { float: none; text-align: center; }
  
  .footer-img img { max-width:100px; margin-bottom:40px }
}

@media screen and (max-width:479px) {


}




@media screen and (min-width:767px) {
	.zoom .header {  padding-top:22px;}
	.zoom .container  { width:calc(100% - 60px); }
	.zoom .logo { max-width:180px; }
	.zoom .button 		{ padding:14px 30px;  border:solid 1.5px #0B34DE; }
	.zoom .social { right:20px; }
	.zoom .social img { width:24px }
	
	.zoom .font14 		{ font-size:10px; }
	.zoom .font16 		{ font-size:12px;  }
	.zoom .font24 		{ font-size:18px;  }
	.zoom .font20 		{ font-size:16px; }
	.zoom .font36 { font-size: 20px; }
	.zoom .font24 .BCEricMachatScript { font-size:16px; }
	.zoom .font36 .BCEricMachatScript { font-size:20px;}
	
	
	.zoom .lisime { max-width:100px }
	.zoom .info-close { position:absolute; top:42px; right:24px; width:24px; height:24px; }
	.zoom .info-close-line { position:absolute; top:50%; left:-3px; width:32px; height:2px; background-color:#FF3D00;
					transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); }

	.zoom .header-text { max-width:502px; }

	.zoom .medailonky { max-width:685px;  }
	.zoom .medailonek { max-width:330px; }
	
	
	.zoom .medailonek-jmeno { left:16px; bottom:13px; font-size:28px; }
	.zoom .medailonek-hanka .medailonek-jmeno { left:initial; right:16px; }
	.zoom .medailonek-plus { bottom:22px; right:22px; width:28px; height:28px; }
	.zoom .medailonek-plus-line { width:28px; }
	.zoom .medailonek-plus-hanka { left:18px; right:auto;  }
	.zoom .medailonek-hide-jmeno { font-size:28px; top:20px; left:20px;  }
	.zoom .medailonek-hide-text { bottom:20px; left:20px; width:calc(100% - 40px); }
	

	.zoom .social-footer img { width:24px}
	.zoom .footer { padding-top: 140px; }
	.zoom .footer-img img { max-width:140px; }
	
	.zoom .info-right-hide.font24 { font-size: 15px; }
	.zoom .info-right ul { margin-top: 10px; margin-bottom: 0; }
	.zoom .info-right ul li { margin-top: 8px;}
	
	
  .zoom .corner { max-width:670px;}
  
  .zoom .hand-img1 { max-width: 180px; max-height:220px; bottom:0!important;   }
  .zoom .hand-img2 { max-width: 262px; max-height:284px; bottom:0!important;}
  .zoom .hand-img3 { max-width: 282px; max-height:303px; bottom:0!important; right:0 }
  .zoom .hand-img4 { max-width: 280px; max-height:340px;   }
  .zoom .hand-img5 { max-width: 320px; max-height:180px;   }
   
}


@media screen and (min-width:1000px) {

	.zoom .info-right { min-height:350px }
}


@media screen and (min-width:1300px) {

	.zoom .info-right { min-height:300px }
}

@media screen and (min-width:767px) and (max-width:1000px) {
	
  .zoom .header-text { max-width:402px; }
	
  .zoom .corner { max-width:430px; max-height:520px;}
  .zoom .hand-img1 { max-width: 100px; max-height:130px; bottom:0!important;   }
  .zoom .hand-img2 { max-width: 142px; max-height:164px; bottom:0!important;}
  .zoom .hand-img3 { max-width: 182px; max-height:183px; bottom:0!important; right:0 }
  .zoom .hand-img4 { max-width: 200px; max-height:240px;   }
  .zoom .hand-img5 { max-width: 220px; max-height:100px;   }
	

}



@media screen and (min-width:767px) and (max-height:580px) {
	
  .zoom .header-text { max-width:402px; }
	
  .zoom .corner { max-width:450px; max-height:520px;}
  .zoom .hand-img1 { max-width: 120px; max-height:150px; bottom:0!important;   }
  .zoom .hand-img2 { max-width: 162px; max-height:184px; bottom:0!important;}
  .zoom .hand-img3 { max-width: 202px; max-height:203px; bottom:0!important; right:0 }
  .zoom .hand-img4 { max-width: 220px; max-height:260px;   }
  .zoom .hand-img5 { max-width: 240px; max-height:120px;   }
	
}