@charset "utf-8";
/* CSS Document */
				
	a:link, a:visited{
	color: #434343;
	text-decoration: none;
}

a:hover{color:  #a0212f;
	text-decoration: none;
} 
	  button {border: none;}
	  
		.myselect{
			border: 0px solid #cbd1d8;
			font-size: 20px;}
	
.myselect::-ms-expand {
  display: none;
}
		.myselect:hover{  
		font-weight: bold;}
		#menu-mobile{display: none;}
	  .head_menu{position: fixed;width: 90%;height: 60px;border-bottom: 3px solid #434343;background: #fff;padding-left: 5%;padding-right: 5%;display:  table-cell; vertical-align: middle;  align-items: center;z-index: 1000;}
	  
	  .menu-mobile{width: 100%; height: 100%;  position: fixed;  top: 0;left: 0;z-index: 1001;overscroll-behavior: contain;}
		.menu-mobile_fon{background-color: rgba(216,216,216,0.7);
    z-index: 1001;
    -khtml-opacity: 0.9;
    -moz-opacity: .9;
    opacity: 0.9;   
filter: alpha(opacity=90) white;
    -webkit-transition: opacity 0.9s ease-in;
    -moz-transition: opacity 0.9s ease-in;
    -ms-transition: opacity 0.9s ease-in;
    -o-transition: opacity 0.9s ease-in;
    transition: opacity 0.9s ease-in;
    pointer-events: all;
    content: none;
		cursor: default;}
	  .mobile {background: #fff; display: block;position: absolute;z-index: 1001;width: 290px; height: 100%; padding-bottom: 10%; overflow-y: auto;}
		.mobile-menu {
    font-size: 15px;
		font-family: "MuseoSans",sans-serif;}
		ul.mobile-menu   {
    background-color: #fcfcfc;
    border-top: 1px solid #e9e9e9;
    font-size: 15px;
		font-weight: bold;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    list-style: none;
}
		ul.mobile-menu li {
    border-bottom: 1px solid #e9e9e9;
    display: block;padding: 10px 25px 10px 25px;
}
		ul.mobile-menu li a{}
		.mobile-contact{padding: 20px 30px 5px;
		font-size: 20px;}
		.mobile-contact a{
    display: inline-block;
    vertical-align: top;
    width: 34.32px;
    height: 34.32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;}
		.mobile-contact a.phone {color: #434343;}
		.mobile-contact a.mail {font-size: 16px;}
		.mobile-contact a.fb {background-image: url("http://www.club58.com.ua/facebook_gr.png");padding-left: 1%;padding-right: 1%;}
		.mobile-contact a.fb:hover {background-image: url("http://www.club58.com.ua/facebook.png")}
	  
		.mobile-contact a.form_zapyt {background-image: url("http://www.club58.com.ua/form_letter_gr.png");padding-left: 1%;padding-right: 1%;}
		.mobile-contact a.form_zapyt:hover {background-image: url("http://www.club58.com.ua/form_letter.png")}
		.mobile-contact a.vb_desk {background-image: url("http://www.club58.com.ua/viber_gr.png");padding-left: 1%;padding-right: 1%;}
		.mobile-contact a.vb_desk:hover {background-image: url("http://www.club58.com.ua/viber.png")}
		.mobile-contact a.vb_mob {background-image: url("http://www.club58.com.ua/viber_gr.png");padding-left: 1%;padding-right: 1%;}
		.mobile-contact a.vb_mob:hover {background-image: url("http://www.club58.com.ua/viber.png")}
		.mobile-contact a.telegram {background-image: url("http://www.club58.com.ua/telegram_gr.png");padding-left: 1%;padding-right: 1%;}
		.mobile-contact a.telegram:hover {background-image: url("http://www.club58.com.ua/telegram.png")}
		.mobile-contact a.instagram {background-image: url("http://www.club58.com.ua/instagram_gr.png");padding-left: 1%;padding-right: 1%;}
		.mobile-contact a.instagram:hover {background-image: url("http://www.club58.com.ua/instagram.png")}
	  .head_menu svg {fill:#434343; stroke:#434343;}
	  .head_menu svg:hover {fill:#a0212f;stroke:#a0212f;}
	  
		.phone_desk{float: right;padding-right: 4%;padding-top: 8px;}
		.phone_media{display: block;background: #fff; margin:5px 5px 15px 5px;font-size: 14px; }
		.sm{width: 300px;position: absolute;top:25px;right: -116px; z-index: 180;display: none;font-size: 18px;}
		.ph20{padding: 0;margin: 0;font-size: 20px;}
		.sm_phone{background: #fefefe;border: 3px solid #f9f9f9;padding: 2%;font-size: 16px;}
.sm a{color: #434343;}
		
			.phone_media{display: block;}
		.call_callback{padding: 5px;font-weight: bolder;font-size: 22px;cursor: pointer;}
		.call_callback:hover{color:  #a0212f;}
		#callback{display: none;}
	  .seach{display: block;float: right;padding-right: 3%;width: 28px;height:28px;background: url('http://www.club58.com.ua/search-1.svg');background-repeat: no-repeat;background-size: 100% 100%;margin-top: 10px;cursor: pointer;}
	  .seach-m{display: none;float: left;padding-right: 3%;width: 28px;height:28px;background: url('http://www.club58.com.ua/search-1.svg');background-repeat: no-repeat;background-size: 100% 100%;margin-top: 10px;cursor: pointer;}
	  
	  .logo_container{display: block; float: left;align-items: center;padding-left: 20px;width: 155px;}
	   .logo_container_mobile{display: none; float: left;align-items: center;padding-left: 20px;width: 155px;}
	   .logo_container_mobile img {margin-top: 8px;}
		#sm{display: none;position: absolute;z-index: 999;}
		.input{width: 90%;
			height: 50px;
			background: #fff;
    border-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.15);
			font-size: 18px;
}
		button {border: none;
			background-color: #fff;}
		button.btn{display: inline-block;
			text-decoration: none;
		width: 100%;	
    height: 48px;
    line-height: 52px;
    font-size: 16px;
    font-weight: 500;
			margin-top: 18px;
			background: #fff;
			border: 1px solid #fcfcfc;
		}
		button.btn:hover{color: #a0212f;
    font-size: 20px;}
		
.glnav{width:100%; height: 45px; color: #ffffff;background-color: #303030;margin-bottom: 2px;padding-top: 60px;}
		.glnav_cont{width: 58%}
		ul.dropdown{
 list-style-type: none;
 padding: 0;
 margin: 0;
 }
 ul.dropdown li.dropdown-top {
 display: block;
	 padding-top: 8px;
 float: left;
 margin: 0 58px 0 0;
		border-bottom: 3px solid rgba(0,0,0,0);
 }
 ul.dropdown li.dropdown-top a {
 padding: 3px 3px 4px ;
 display: block;
 }
 ul.dropdown a.dropdown-top { 
  	color: #fff;
	font-size: 1.33vw; font-family: Georgia, serif; 
	font-weight: bold;}
 ul.dropdown a.dropdown-top:hover { padding: 2px 3px 3px;
 color:#fff;
		border-bottom: 2px solid #fff;
	}
			.submenu{width: 95%;position: absolute;top:115px;left: 0; z-index: 80;background: #fff;border-bottom: 3px solid #f9f9f9;border-top: 1px solid #434343;padding: 2%; color: #434343;
    justify-content: center;
font-size: 1.25vw;}
		.submenu_content{display: block;margin-left: 2%;padding-right: 2%;}
		.submenu_nav{border-bottom: 1px solid #434343;padding-bottom: 4px;font-weight: 700;}
		ul.submenu_menu {display: block;
	 padding: 0;
			margin: 0;
 }
		ul.submenu_menu li{display: block;
	 padding-top: 8px;
 }
		ul.submenu_submenu {display: block;
	 float: none;}
		ul.submenu_submenu li{display: block;
	 float: none;padding-top: 0px;}
		button.button_submenu {
 color:#fff;  width: 250px; font-size: 1.15em;
			font-weight: 600;
		   cursor: pointer;
 position: relative;
 text-align: center;
 line-height: 1;
		  font-weight: 500;
		  padding-bottom: 2%;
		  padding-top: 2%;margin-top: 0;
			border: 0;
	} 	  
	  button.button_submenu:hover{background: #b7b7b7;}
	   button.button_submenu a{color: #fff;text-decoration: none;}
		.m{padding: 0;margin: 0;color: #434343;}
		#menu1{display: none;}
		#menu2{display: none;}
		#menu3{display: none;}
		#menu4{display: none;}
		#m1{display: none;}
		#m2{display: none;}
	  .gnav_mobile{display: none;width: 98%;padding-left: 1%;padding-right: 1%;padding-top: 62px;}
	  .gnav_mobile a {display: block;float: left; width: 25%;padding-bottom: 8%;margin-bottom: 9px;
		  -webkit-background-size: 100% 100%;  
     -moz-background-size: 100% 100%;        
       -o-background-size: 100% 100%;          
          background-size: 100% 100%;       
background-repeat:no-repeat;
	background-size: cover;
background-position:0px 0px;}
	  .gnav_mobile a:hover {
background-position:0px -5px;}
	  
	  .block{width:100%;display: none;z-index: 5;position: relative;top: 70px;}
	   .block-link {color: #fff;}
	   a.block-link  {color: #fff;}
	   a.block-link:hover {color: #303030;}
	  #block1{display: none;  position: relative; background: #C9212F;}
#block2{display: none;background:#E31E24; position: relative;}
#block3{display: none;background:#56A237;position: relative;}
#block4{display: none;background:#66D43D;position: relative;}
.fn{width: 100%; position: absolute;top:0px;z-index: 8;}
.fnf{width: 100%; display: table-cell; vertical-align: middle; height:2.00em; font-size: 23px;font-weight: 500; padding-left: 25px; 
	font-family: Georgia, serif; }
	  
		#m3{display: none;}
		#m4{display: none;}
	  
			.container_container{width: 100%;padding-top: 18px;}
	 
	  .text{background: #fff;
  	color: #303030;
	font-size: 22px; 
	font-family: Georgia, serif; 
	min-height: 200px;

}
	  .text_h {color: #434343;padding-top: 40px; padding-bottom: 0px;margin-bottom: 5px;}
	  .text_content {background: #f5f5f5;position: relative;width: 100%;padding-top: 55px;padding-bottom:1px;}
	  .text_content_f {position: absolute; top: 0px; background: #fff;width: 100%;height: 38px;}
	  .text_content_z {position: absolute; top: 0px; color: #fff; width:220px;height: 38px;}
.slider_sp {
      position: relative;
      overflow: hidden;
    }
	  
.sp_img_sm{width: 21%;display:block;float: left;margin-left:2%;margin-right: 2%;}
.sp_img_big{width: 48%;display:block;float: left;}
	.sp_nav{
    width: 55%
}


	 .top-scroll:hover {   
opacity:0.5;   
-moz-opacity:0.5;   
filter: alpha(opacity=50) white;   
-khtml-opacity: 0.5;   
background-color: #ffffff;   
    }   
.top-scroll {
	display: none;
    padding: 15px;
    font-size: 30px;
    color: #fff;
    border: 2px solid #000;
    bottom: 4%;
    right: 1%;
    cursor: pointer;
    z-index: 1;
    position: fixed;}
.top-scroll div {
    width: 24px;
    height: 24px;
    background: url(http://www.club58.com.ua/up-arrow24.png);
}
  
.messeges {
	display:block;
    bottom: 20%;
    right: 1%;
    cursor: pointer;
    z-index: 1;
    position: fixed;
	z-index: 1002;
width: 55px;}

	 .messeges-img:hover {   
opacity:0.5;   
-moz-opacity:0.5;   
filter: alpha(opacity=50) white;   
-khtml-opacity: 0.5;   
background-color:#ffffff;   
    }   
  
.footer h3{margin-top: 0px;}  
.footer1 h3{margin-top: 0px;}
    
.contact:before {
    font-size: 1.25em;
 content:"\2706";
	line-height: 1em;
	vertical-align: middle;
    font-weight: normal;
    position: absolute;
    left: 0;}
.mail:before{
    font-size: 1.25em;
 content:"\2709";line-height: 1em;
	vertical-align: middle;
    font-weight: normal;
    position: absolute;
    left: 0;}
.footer{background: #efefef;color: #434343; width: 100%;border-top: 3px solid #b5b5b5;font-size: 0.98vw;padding-bottom: 16%;font-weight: 600;}
.footer_contact{width: 40%; float: left;display: block;}
.footer_menu{width: 44%; float: left;display: block;}
.footer_pn{width: 15%; float: left;display: block;}
		.pn_contaner{display: flex;
    justify-content: center;}
	.pn  {display: block;width: 25%;}
			
.footer1{background: #434343;color: #fff; width: 100%;border-top: 3px solid #b5b5b5;font-size:14px;padding-bottom: 14%;}
		.footer1 a{color: #fff;}
		.footer1 a:hover{color:  #b9b9b9;}
	  .footer1 img {width: 23%; padding-bottom: 25px;}
		
		ul.menu-mobile_hide {display: none; font-weight: normal;}
			ul.mobile-menu li.menu-mobile_hide {display: none;}
		#vm{display: none;}
		#vp{display: none;}
		#mess{display: none;}
	  
	  
	 .button_zak_table:hover {
		  font-size:24px;
	  }  
	  .button_zak_table a {color: #fff;}
	  
	
		.button_zak_table {
		   cursor: pointer;
 position: relative;
 text-align: center;
 line-height: 1;
		  font-size: 22px; 
		  font-weight: 600;
		  padding-bottom: 1%;
		  padding-top: 1%;margin-top: 3%;
 color:#fff; background: #a0212f; width: 70%; height: 60px;border: 0px solid #fff;
  border-radius:5px;box-shadow:2px 2px 2px rgba(0,0,0,0.5);transition: ease-out 0.3s;
     -webkit-transition: ease-out 0.3s;
     -moz-transition:  ease-out 0.3s;
     -o-transition: ease-out 0.3s;
} 
	
	  .button_zak_table:hover{ background: #84090B; 
		  box-shadow:3px 3px 3px rgba(0,0,0,0.5);
			transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
     -webkit-transition: ease-out 0.3s;
     -moz-transition:  ease-out 0.3s;
     -o-transition: ease-out 0.3s;
			transition: ease-out 0.3s;}
		.tennis_head{	width: 100%;position: relative; background-image: url('http://www.club58.com.ua/tennis-ping-pong_1680.jpg');background-size: 100% 100%;background-repeat: no-repeat;padding-bottom: 35%;display: block;float: left;font-size: 1.45vw;margin-top:63px;}
			.container_container_tennis{width: 100%;padding-top: 35%;font-size: 1.25vw; }
		.tennis_head_menu {display: block;float: left;margin: 0 3% ;}
		.tennis_head_menu a{color: #fff;}
		.tennis_head_menu a:hover{color: #a0212f;}
		.tennis_price {background: #f5f5f5;color: #303030;width: 94%; text-align: center;margin-top: 10px;padding-bottom: 20px;padding-top: 5px;padding-left: 3%;padding-right: 3%;}
		.tennis_gallery {background: #fff;color: #303030;width: 94%; text-align: center;margin-top: 10px;padding-bottom: 20px;padding-top: 5px;padding-left: 3%;padding-right: 3%;}
		.tennis_gallery_name img {width: 5%; height: auto;vertical-align: middle;padding-right: 20px;}
	  
	  
		.sport_s {font-size: 1.25vw; position: relative;}
		.sport_memu {
    position: absolute;
    z-index: 999;
    top: 15px;
    right: 7%;
    color: #fff;
    width: 580px;
			font-weight: 500;
}
	  .sport_memu_border{border-bottom: 2px solid #fff;padding-bottom: 7%;}
			.container_container_sport{width: 100%;padding-top: 70px;}
	  
		.sport_s {font-size: 1.30vw; position: relative;padding: 0; margin: 0;}
		.sport_tennis_menu {
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 998;
    color: #fff;
}
		.sport_head_menu {display: block;float: left;margin: 0 2% ;font-weight: 700;font-size: 1.45vw; }
		.sport_head_menu a{color: #fff;}
		.sport_head_menu a:hover{color: #a0212f;}
	  
	  
	 #show_service {position: absolute;
			top: 65%;
			display: none;
	  padding-top: 9px;
		 margin-left: -11px;
	  }
	  .service_submenu_head {padding: 0px;margin: 0px; color: #efefef;padding-bottom: 0px;width: 110px;height: 5px;background: #efefef;}
		ul.show_service  {
			border: 2px solid #cfcfcf;
    line-height: 1.1;
    margin: 0;
    padding:0;
    list-style: none;
	  font-weight: normal;
	  color: #303030;
	  font-size: 18px;
	  font-weight: 600;
	  box-shadow: 2px 2px 12px rgba(0,0,0, 0.7);
}
	  ul.show_service li {padding: 5px;text-shadow: 0;
			background-color: rgba(255,255,255,0.97);}
	  
	  ul.show_service a {color: #303030;}
	  ul.show_service a:hover{color: #a0212f;}
	  .sl_content_text_s{color: #fff; width: 620px;padding-top: 35px; font-size: 1.35vw;}
	 
    .slider {
      position: relative;
      overflow: hidden;
		width: 100%;
      margin: 0 auto;
      padding-bottom: 10px;
      box-sizing: border-box;
    }
	 #slider-1  {
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
    }
	 #slider-2  {
      padding-left: 0px;
      padding-left: 0px;
      box-sizing: border-box;
      padding-bottom: 30px;
    }
	  
	 #slider-4  {
      padding-left: 5px;
      padding-right: 5px;
      box-sizing: border-box;
		 top: 0px;position: absolute;
    }
	 #slider-3  {
      padding-left: 0px;
      padding-left: 0px;
      box-sizing: border-box;
      padding-bottom: 30px;
    }

    .slider__wrapper {
      display: flex;
      transition: transform 0.6s ease;
      box-sizing: border-box;
    }
	  	  
 #slider-2 .slider__item {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
    } 
	  
 #slider-3 .slider__item {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
    }
    #slider-1 .slider__item {
      flex: 0 0 100%;
      max-width: 100%;
      padding-left: 10px;
      padding-right: 10px;
      box-sizing: border-box;
    }
    #slider-4 .slider__item {
      flex: 0 0 20%;
      max-width: 20%;
      padding-left: 0px;
      padding-right: 0px;
      box-sizing: border-box;
    }

    @media (min-width: 500px) {
       #slider-1 .slider__item {
        flex: 0 0 50%;
        max-width: 50%;
      }
		#slider-4 .slider__control {
      position: absolute;
      top: 50%;
      display: flex;
display: -ms-flexbox;
display: -webkit-flex;
      align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
      justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: justify;
      width: 40px;
      color: #fff;
      text-align: center;
      opacity: 0.5;
      height: 50px;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, .5);
      box-sizing: border-box;
    }
		.sl_content_text{width: 70%;}
    }

    @media (min-width: 800px) {
       #slider-1 .slider__item {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
      }
       #slider-4 .slider__item {
        flex: 0 0 12.5%;
        max-width: 12.5%;
      }
		.sl_content_text{width: 60%;font-size: 1.55vw;}
		#button_zak{ width: 28%;}
    }

    @media (min-width: 1000px) {
      #slider-1  .slider__item {
        flex: 0 0 25%;
        max-width: 25%;
      }
       #slider-4 .slider__item {
        flex: 0 0 12.5%;
        max-width: 12.5%;
      }
		.sl_content_text{width: 50%;font-size: 1.45vw;}
		#button_zak{ width: 24%;}
    }
    @media (min-width: 1290px) {
      #slider-1  .slider__item {
        flex: 0 0 20%;
        max-width: 20%;
      }
      #slider-4  .slider__item {
        flex: 0 0 10%;
        max-width: 10%;
      }
		
	  .sl_content_text{width: 40%;font-size: 1.25vw;}
		#button_zak{ width: 20%;}
    }
#slider-1 .slider__control {
      position: absolute;
      top: 50%;
      display: flex;
display: -ms-flexbox;
display: -webkit-flex;
      align-items: center;
-webkit-align-items: center;
-ms-flex-align: center;
      justify-content: center;
-webkit-justify-content: center;
-ms-flex-pack: justify;
      width: 40px;
      color: #fff;
      text-align: center;
      opacity: 0.5;
      height: 50px;
      transform: translateY(-50%);
      background: rgba(0, 0, 0, .5);
      box-sizing: border-box;
    }
	  


    .slider__control:hover,
    .slider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: .9;
-moz-opacity:0.9;   
filter: alpha(opacity=90) white;   
-khtml-opacity: 0.9; 
    }
	  
    #slider-2 .slider__control {
      position: absolute;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      color: #fff;
      text-align: center;
      bottom: 0;
      background: ;
      box-sizing: border-box;
    }

    #slider-2 .slider__control:hover,
    #slider-2 .slider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
    }
    #slider-3 .slider__control {
      position: absolute;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 50px;
      color: #fff;
      text-align: center;
      bottom: 0;
      background: ;
      box-sizing: border-box;
    }

    #slider-3 .slider__control:hover,
    #slider-3 .slider__control:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
    }

    .slider__control_left {
      left: 0;
    }

    .slider__control_right {
      right: 0;
    }

    .slider__control::before {
      content: '';
      display: inline-block;
      width: 20px;
      height: 20px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
    }

   #slider-3 .slider__control_left::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    #slider-3 .slider__control_right::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }
	  
	  
     .slider__control_left::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    }

    .slider__control_right::before {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    }
  #slider-2 .slider__content{ background: #c5f744;}
	  #slider-3 .slider__content{ background: #c5f744;}
	  #slider-1 .slider__content{margin-left: 10px;margin-right: 10px;background: #fff;}
	  #slider-4 .slider__content{
    margin-left: 5px;
    margin-right: 5px;
    background: #fff;
    margin-top: 4px;
    margin-bottom: 4px;
}
	  
    #slider-1  .slider__content_header {
      position: relative; width: 100%;padding-bottom: 100%;
		background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%;
    }
	   #slider-3  .slider__content_header {
      position: relative; width: 100%;padding-bottom: 37%; background: cover;
		background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%;
    }
	  
	   #slider-2  .slider__content_header {
      position: relative; width: 100%;padding-bottom: 35%; background: cover;
		background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%;
    }
	  #slider-4  .slider__content_header_s {
    position: relative;
    width: 100%;
    padding-bottom: 70%;
    background: cover;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    }
	.slider__content_header {
      position: relative; 
    }

    .slider__content_img {
      display: block;
      height: auto;
      max-width: 100%;
		width: 100%;
		height: auto;
    }

    .slider__content_section {
      position: absolute;
      bottom: 0;
      left: 0;
      background: #009688;
      color: #fff;
      padding: 4px 8px;
    }

    .slider__content_title {
    background: #fff;
    color: #424242;
    white-space: normal;
    font-weight: 600;
    font-size: 1.02em;
    line-height: 1.3;
    padding: 10px 15px;
    margin: 0;
    height: 52px;
    }

    .slider__content_footer {
      background: #fff;
      display: flex;
		align-items: center;
		justify-content: flex-end;
      padding: 20px 15px;
      color: #616161;
    }


    .slider__indicators {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 15;
      display: flex;
      justify-content: center;
      padding-left: 0;
      margin-right: 15%;
      margin-left: 15%;
      list-style: none;
      margin-top: 0;
      margin-bottom: 0;
    }
	  #slider-2 .slider__indicators{bottom: 10px;}
	  #slider-3 .slider__indicators{bottom: 10px;}
    .slider__indicators li {
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 30px;
      height: 4px;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #9e9e9e;
      background-clip: padding-box;

      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: .5;
      transition: opacity .6s ease;
    }

    .slider__indicators li.active {
      opacity: 1;
    }
	  .sl_content{position: absolute; top: 5%; right: 3%; left: 3%; padding: 4px 8px; font-weight: 500;  width: 93%;}
	  .sl_content_text_text {margin-bottom: 5px;}
	  #button_zak{
		   cursor: pointer;
 position: relative;
 text-align: center;
 line-height: 1;
		  font-size: 22px; 
		  font-weight: 600;
		  padding-bottom: 1%;
		  padding-top: 1%;margin-top: 3%;
 -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
 -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.4);
 box-shadow: 4px 4px 7px rgba(0,0,0,0.4);}
	  #button_zak:hover {
		  font-size:23px;
	  }  
	  #button_zak a{color: #fff;}
	  .button_zak {
 color:#fff;
 background: #56A237; /* для старых браузеров */
 background: -moz-linear-gradient(top,  #56A237 0%, #66D43D 100%); /* для FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56A237), color-stop(100%,#66D43D)); /* для Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #56A237 0%,#66D43D 100%); /* для Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #56A237 0%,#66D43D 100%); /* для Opera 11.10+ */
 background: -ms-linear-gradient(top,  #56A2376 0%,#66D43D 100%); /* для IE10+ */
 background: linear-gradient(top,  #56A237 0%,#66D43D 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56A237', endColorstr='#66D43D',GradientType=0 ); /* IE6-9 */
} 
	  .rezerv_button_zak_price{/* для старых браузеров */
 background: -moz-linear-gradient(top,  #56A237 0%, #66D43D 100%); /* для FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56A237), color-stop(100%,#66D43D)); /* для Chrome,Safari4+ */
 background: -webkit-linear-gradient(top,  #56A237 0%,#66D43D 100%); /* для Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top,  #56A237 0%,#66D43D 100%); /* для Opera 11.10+ */
 background: -ms-linear-gradient(top,  #56A2376 0%,#66D43D 100%); /* для IE10+ */
 background: linear-gradient(top,  #56A237 0%,#66D43D 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56A237', endColorstr='#66D43D',GradientType=0 ); /* IE6-9 */
		   cursor: pointer;}  
	  .button_zak_price{
 color:#fff;
 background: #56A237; 
 text-align: center;
 line-height: 1;
		  font-size: 15px; 
		  font-weight: 500;
		  padding: 4% 10%;
	   border-radius:14px;}
	   .button_zak_price:hover{ background: #66D43D;box-shadow:2px 2px 2px rgba(0,0,0,0.5);
		 transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
	  transition: transform ease-out 0.4s;
     -webkit-transition:  ease-out 0.4s;
     -moz-transition:   ease-out 0.4s;
     -o-transition:  ease-out 0.4s; }
	  
	   .button_zak1 {
 color:#fff; background: #a5a5a5; 
} 
	
	  .button_zak1:hover{ background: #b5b5b5; }
	  .button_zak1 .button_zak:before {
 content:"";
 width: 100%;
 height: 100%;
 display: block;
 z-index: -1;
 position: relative;
 padding: 15px;
 background: #ddd;
 left: -15px;
 top: -15px;
 -webkit-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.4);
 -moz-box-shadow: inset 2px 2px 4px rgba(0,0,0,0.4);
 box-shadow: inset 2px 2px 4px rgba(0,0,0,0.4);
} 
button.button_go {
	flex: 0 0 40%;
	max-width: 40%;
 color:#fff; background: #C9212F; width: 50%; font-size: 0.85em;
		   cursor: pointer;
 position: relative;
 text-align: center;
 line-height: 1;
		  font-weight: 500;
		  padding-bottom: 3%;
		  padding-top: 3%;margin-top: 3%;
	border: 1px solid #a0212f;
} 	  
	  button.button_go:hover{background: #a0212f;}
	   button.button_go a{color: #fff;text-decoration: none;}
	  button.foto_control_left{display: inline-block;
		  cursor: pointer;
      width: 30px;
      height: 30px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
	   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
	  button.foto_control_right{display: inline-block;
		  cursor: pointer;
      width: 30px;
      height: 30px;
      background: transparent no-repeat center center;
      background-size: 100% 100%;
	   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23424242' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
	  
	  
	  .saj_services{display: block;float: left;width: 25%;height: 400px;}
	  .saj_services_text{display: block;width: 90%;padding-left: 5%;padding-right: 5%;position: relative;height: 375px; overflow: hidden;}
	  .saj_services_img {display: block;width: 99%;}
	  .saj_services_text h3 {padding: 0;margin: 0;}
	  .saj_services_img img { border-radius: 50%;}
.saj_services_reklama_img {width: 25%;float: left;}
.saj_services_reklama {padding: 3px;border: 2px solid #a0212f;margin-bottom: 15px;background-color: #FaFaFe;}
	  .saj_detal{  position: absolute; bottom: 0;width: 100%;height: 40px;text-align: right;}
	  .saj_detal_fon{ background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(254,254,254,1) 100%); width: 100%;height: 20px;}
	  .saj_detal_text{
    background: #fff;
    font-size: 15px;
    width: 90%;
    height: 20px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}
	  .saj_services_s {
    display: block;
    float: left;
    width: 25%;
    height: auto;
}
	  .saj_services_s img {
    width: 75%;
    height: auto;
}
	
	  .saj_services_ss {
    display: block;
    float: left;
    width: 25%;
    height: auto;}
	  .saj_services_text_s{display: block;width: 90%;padding-left: 5%;padding-right: 5%;} 
	  .saj_services_text_s h3 {padding: 0;margin: 0;} 
		.sport_head_text_mobile{
    padding: 1%;
    display: none;
    width: 98%;
}
	  .table_price {width: 50%;}
	  .saj_gallery_big {width: 750px;}
	  .saj_gallery_cont {height: 720px;}
	  .pole {height: 600px;width: 56%;margin-left: 22%;margin-right: 22%}
	  #g_mob{display: none;}
	  .map {width: 100%; position: relative;height: 640px; overflow: hidden; }
	  .map_info{position: absolute; margin:  10px 10px; padding: 10px;width: 288px;background: #fefefe;height: 75%;z-index: 500;font-size: 18px;}
	  .map_info h2{margin-bottom: 0px;}
	  .map_info_mobile{width: 100%;background: #fefefe;display: none;}
	  .map_map{position: absolute; top: 0px;width: 100%;z-index: 0;}
	  
		
		@media screen and (max-width: 1481px){
		.glnav_cont{width: 70%; align-content: center;}
		ul.dropdown a.dropdown-top { font-size: 1.55vw;}
.submenu { font-size: 1.75vw;}
			.container_container{width: 100%;padding-top: 15px;}
.footer{font-size: 1.25vw;}
.footer{font-size: 1.20vw;}
	.pn  {display: block;width: 28%;}
		.sport_memu {width: 540px;}
			.sport_s {font-size: 1.40vw;}
		.sport_head_menu {font-size: 22px; }
	  .sl_content_text_s{ width: 630px;font-size: 1.30vw;}
			 .saj_services{height: 380px;}
	  .saj_services_text{height: 355px;}
	  .pole {height: 600px;width: 62%;margin-left: 19%;margin-right: 19%}
		}
		
		@media screen and (max-width: 1289px){
		.glnav_cont{width: 80%; align-content: center;}
		ul.dropdown a.dropdown-top { font-size: 1.70vw;}
.submenu { font-size: 1.75vw;}
			.m{padding-top: 2px;}
.footer{font-size: 1.25vw;}
.footer1{font-size: 1.20vw;padding-bottom: 16%;}
			.footer1 .footer_pn {width: 50%}
	.pn  {display: block;width: 33%;}
			button.button_submenu {font-size: 1.25em;
		  padding-bottom: 1%;
		  padding-top: 1%;	} 	
				
				.tennis_head{ background-image: url('http://www.club58.com.ua/tennis-ping-pong_1000.jpg');padding-bottom: 44%;font-size: 1.76vw;}
			.container_container_tennis{font-size: 1.76vw;padding-top: 44%;} 
			
		.sport_memu {width: 500px;}
			.sport_s {font-size: 19px;}
		.sport_head_menu {font-size: 21px; }
	  .sl_content_text_s{ width: 530px;font-size: 19px;}
			 .saj_services{height: 355px;}
	  .saj_services_text{height: 330px;}
		
			
	   #slider-3  .slider__content_header {
      padding-bottom: 0; height: 500px; }
	  .pole {height: 600px;width: 76%;margin-left: 12%;margin-right: 12%}
			
		}
		
		@media screen and (max-width: 999px){
		.glnav_cont{width: 90%; align-content: center;}
		ul.dropdown a.dropdown-top { font-size: 1.90vw;}
.submenu { font-size: 1.75vw;}
			.m{padding-top: 5px;}
.footer{font-size: 1.50vw;padding-bottom: 18%;}
.footer1{font-size: 1.45vw;padding-bottom: 17%;}
	  .footer1 img {width: 34%}
	.pn  {width: 40%;}
		#button_zak{ width: 26%;}
			
				.tennis_head{ background-image: url('http://www.club58.com.ua/tennis-ping-pong_990.jpg');padding-bottom: 61%;font-size: 2.56vw;background-size: auto;background-position: right;}
			.container_container_tennis{font-size: 2.06vw;padding-top: 61%;}
	  .table_price {width: 75%;}
			 .saj_services{width: 50%;height: 430px;}
	  .saj_services_text{height: 405px; overflow: hidden;}
			
.saj_services_reklama_img {width: 35%;}
			.saj_services_reklama p {padding-left: 40%;}
	  .pole {height: 600px;width: 86%;margin-left: 7%;margin-right: 7%}
			
		}
		@media screen and (max-width : 799px ){
		.glnav_cont{width: 96%; align-content: center;}
		ul.dropdown a.dropdown-top { font-size: 1.99vw;}
.submenu { font-size: 1.75vw;}
			.m{padding-top: 7px;}
.footer{font-size: 1.65vw;}
.footer1{font-size: 1.60vw;}
			#button_zak{ border: 1px solid #f9f9f9;width: 29%;}
			.sl_content_text_text{color: ;padding-top: 0px; font-weight: bold;text-shadow: #fff 1px 1px 1px, #fff -1px -1px 1px, 
                 #fff -1px 1px 1px, #fff 1px -1px 1px;}
			.top-scroll {
	display: none;
    padding: 4px;
    font-size: 18px;
    color: #fff;
    border: 2px solid #000;
    bottom: 4%;
    right: 1%;
    cursor: pointer;
    z-index: 1;
    position: fixed;}
.top-scroll div {
    width: 24px;
    height: 24px;
    background: url(http://www.club58.com.ua/up-arrow24.png);}
			 .mobile {width: 400px;}
			.mobile-menu {font-size: 20px;}
			ul.mobile-menu   {font-size: 20px;}
		.mobile-contact{padding: 30px 30px 5px;
		font-size: 29px;}
		.mobile-contact a.mail {font-size: 21px;}
			
			
				.tennis_head{ background-image: url('http://www.club58.com.ua/tennis-ping-pong_990.jpg');padding-bottom: 71%;font-size: 2.86vw;background-size: auto;background-position: right;}
			.container_container_tennis{font-size:20px;padding-top: 71%;}
			 .saj_services{width: 50%;height: 385px;}
	  .saj_services_text{height: 360px; overflow: hidden;}
	  .saj_services_s {width: 50%;height: 260px;}
	  .saj_gallery_big {width: 620px;}
	  .pole {height: 490px;}	
	  .saj_gallery_cont {height: 580px;}
		}
		@media screen and (max-width: 740px){
			.glnav{display: none;}
			
	  .gnav_mobile{display: block;} 
	  .logo_container{display: none; float: left;align-items: center;padding-left: 20px;width: 155px;}
	   .logo_container_mobile{display: block; float: left;align-items: center;padding-left: 20px;width: 155px;}
			.container_container{padding-top: 0;}
.footer1{font-size: 2.55vw;padding-bottom: 33%;}
			.footer1 .footer_pn {width: 50%}
			.footer1 .footer_contact {width: 50%}
.footer{font-size: 3.25vw;padding-bottom: 40%;}
.footer h3 {font-size: 3.25vw;}
.footer_contact{width: 70%;display: block;}
.footer_menu{display: none;}
.footer_pn{width: 30%;display: block;}
	.pn  {width: 33%;}
			.phone_media{display: block;}
			.phone_desk{display: none;}
		#callback{display: none;}
			ul.mobile-menu li.menu-mobile_hide {display: block;}
			
			ul.menu-mobile_hide {display: block;}
			.sl_content_text{width: 60%;font-size: 1.55vw;}
		
		#button_zak{ width: 36%;}
			.sl_content{ top: 3%; right: 6%; left: 6%; width: 87%;}
			.sl_content_text{width: 70%;font-size: 2.10vw;font-weight: bold;color: #fff;}
			
				.tennis_head{ background-image: url('http://www.club58.com.ua/tennis-ping-pong_990.jpg');padding-bottom: 93%;font-size: 3.86vw;background-size: auto;background-position: right;}
			.container_container_tennis{font-size:22px;padding-top: 93%;}
		.sport_memu {width: 450px;}
			.sport_s {font-size: 18px;}
	  .sl_content_text_s{ width: 460px;font-size: 18px;}
		.sport_head_menu {font-size: 19px; }	
	   #slider-3  .slider__content_header {
      padding-bottom: 0; height: 460px; }	  
 #slider-3 .slider__item {
      padding-left: 0;
      padding-right: 0;
    }
	  .table_price {width: 85%;}
	  .saj_services_s {width: 50%;height: 250px;}
	  .saj_services_ss {width: 50%;}
	  .saj_services_text_s{}
	  .saj_gallery_big {width: 95%;}
	  .pole {height: 5px;
			padding-bottom: 75%; }
	  .map_info{display: none;}
	  .map_info_mobile{width: 100%;background: #fefefe;display: block;font-size: 20px;}
	  .map_map{width: 100%;position: relative;}
	  .map {height: 100%; }
			 .saj_services{width: 50%;height: 365px;}
	  .saj_services_text{height: 340px; overflow: hidden;}
			.saj_services_reklama_img {width: 50%;}
			
		.sport_tennis_menu {left: 2px;}
	  }
	  
	  @media screen and (max-width: 599px){
		.sport_tennis_menu {display: none;}
	  }
	  
	@media screen and (max-width: 499px){		
	  .gnav_mobile{display: none;} 	
	  .seach{display: none;}
	  .seach-m{display: block;}
		.sp_img_sm{display:none;}
.sp_img_big{width: 100%;}
	.sp_nav{width: 100%}
		
		
		#button_zak{ width: 55%;}
	  .logo_container{display:none; float: left;align-items: center;padding-left: 20px;width: 36%;max-width: 155px;}
			 .mobile {width: 90%;}
		 .logo_container_mobile{width: 36%;max-width: 150px;}
	  
	  .block{width:100%;display: block;z-index: 5;position: relative;top: 63px;}
	#block1{display: none;padding-top: 15%;width: 100%;}
	#block2{display: none;padding-top: 15%;width: 100%;}
	#block3{display: none;padding-top: 15%;width: 100%;}
	#block4{display:none;padding-top: 15%;width: 100%;}


		.footer1{font-size: 15px;padding-bottom: 8%;}
		.footer{font-size: 3.95vw;padding-bottom: 8%;}
.footer_contact{width: 90%; float: none;}
.footer_pn{width: 90%; float: none;}
			.footer1 .footer_pn {width: 90%; float: none;}
			.footer1 .footer_contact {width: 90%; float: none;}
.footer_pn h3{font-size: 4.55vw;}
.footer1 .footer_pn h3{font-size: 15px;}
	.pn  {width: 30%;}
		#slider-2{display: none;}
		.messeges {width: 47px;}
		#smm{visibility: hidden;}
		.sm{right: -92px; }
		
				.tennis_head{ background-image: url('http://www.club58.com.ua/tennis-ping-pong_500.jpg');padding-bottom: 110%;font-size: 3.96vw;background-size: auto;background-position: left;}
		.sport_s {font-size: 3.70vw; position: relative;}
		.sport_memu {position: absolute;right: 0;width: 99%;left:1%;
     }
		.sport_head_menu {font-size: 3.85vw; }
			.container_container_tennis{font-size:22px;padding-top: 110%;}
		.saj_services{float:none;width: 100%;height: 425px;}
	  .saj_services_s {float:none;width: 100%;height: 330px;}
	  .saj_services_text{height: 400px; overflow: hidden;}
	  .saj_services_ss {float:none;width: 100%;}
	  .saj_services_text_s{}
	  .saj_services_s img { width: 85%;}
	.saj_services_reklama_img {width: 100%;float: none;}
	  .table_price {width: 95%;}
	  .saj_gallery_big {width: 100%;}
			
	  .saj_gallery_cont {height: 390px;}
	
		 #show_service {top: 5%; visibility: hidden;}
		.sport_head_text_mobile{display: none;}
		#slider-3 .slider__control {display: none;}
		#slider-3 .sl_content {
    right: 1%;
    left: 1%;
    padding: 4px 8px;
    font-weight: 500;
    width: 98%;
}
		#slider-3 .slider__content_header{background-size: auto 116%;}
	  .sl_content_text_s{font-size: 3.70vw; 
    width: 100%;}
		}
	  #g0{background: #434343;}
	  .show_select{font-size: 19px;cursor: pointer;}
	  #select_lang {list-style: none;padding: 0;margin: 0;background: #fff;width: 35px; display: none}


				#show_opys0 {display: block;}
			.show_opys0 {display: block;}
				.saj_detal0{ display: none;}
	  .saj_detal_fon0{  display: none;}
	  .saj_detal_text0{ display: none;}
			.cl_opys0 {padding-top: 10px; font-size: 14px; cursor: pointer;display: none;}
			@media screen and (max-width: 799px){
				#show_opys0 {height: 360px; position: relative;}
			.show_opys0 {height: 350px;overflow: hidden; }
				.saj_detal0{display: block;  position: absolute; bottom: 0;width: 100%;height: 40px;text-align: right;}
	  .saj_detal_fon0{display: block;  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 100%); width: 100%;height: 20px;}
	  .saj_detal_text0{
    display: block;
    background: #f5f5f5;
    font-size: 15px;
    width: 100%;
    height: 20px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;}
				.cl_opys0 {display:block;}
			}

			h2.menu_back  {text-align: left;padding: 0px;margin: 0px;padding-bottom: 10px;}
			a.menu_back  {color: #fff;}
			 a.menu_back:hover{color: #434343;}
			.foto_bank_container{display: block;float: left;}
			 .foto_bank{margin: 2%;
	  transition:  ease-out 0.1s;
     -webkit-transition:  ease-out 0.1s;
     -moz-transition:   ease-out 0.1s;
     -o-transition:  ease-out 0.1s;}
			img.foto_bank {border: 1px solid #fff;}
			 .foto_bank:hover{
		 transform: scale(1.4); 
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
	  transition: transform ease-out 0.4s;
     -webkit-transition:  ease-out 0.4s;
     -moz-transition:   ease-out 0.4s;
     -o-transition:  ease-out 0.4s; }


	.pograty{display: block;float: left; width: 2%;height: 620px;}
			.pograty_back{display: block; width: 2%;height: 620px;}
		.pograty_menu_block{display: block;float: left; overflow: hidden;width: 32%;background: #434343;}
			.pograty_menu_table{display: table;width: 100%;position: relative;}
			.pograty_menu{width: 100%;display: table-cell;vertical-align: middle;height: 620px; 
	-webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;overflow: hidden; background-repeat: no-repeat;background-position: center;}
			.pograty_menu_hover{padding:  5%;height: 620px;width: 90%;color: #fff;position: absolute;z-index: 99;left: 0;display:table-cell;vertical-align: middle;font-size: 24px;font-weight: bold;text-align: center;line-height: 410px;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.40));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.30), rgba(0,0,0,0.30));}
			.pograty_menu_hover p{display: inline-block;vertical-align: middle;line-height: 1.25;}
			.pograty_menu_hover a{color: #fff;}
			.pograty_menu_hover:hover{ background-image: -moz-linear-gradient(top, rgba(0,0,0,0.00), rgba(0,0,0,0.00));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.00), rgba(0,0,0,0.00));
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.00), rgba(0,0,0,0.00));
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.00), rgba(0,0,0,0.00));} 
			.pograty_menu:hover{ transform: scale(1.2);
	-ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
				}
			@media screen and (max-width: 1289px){
	 .pograty_menu_hover{height: 550px; }
	 .pograty{height: 550px;}
	 .pograty_menu{height: 550px;}
				.pograty_back{height: 550px;}
	  }
			@media screen and (max-width: 799px){
	 .pograty_menu_hover{height: 350px; }
	 .pograty{height: 350px;}
	 .pograty_menu{height: 350px;background-size: auto 100%;}
				.pograty_back{height: 350px;}
	  }
 @media screen and (max-width: 599px){
	 .pograty_menu_hover{font-size:3.70vw;}
	  }


			.variant {width: 50%;height: auto;}
			 
	  @media screen and (max-width: 799px){
		.variant {width: 70%;height: auto;}
	  }		 
	  @media screen and (max-width: 740px){
		.variant {width: 90%;height: auto;}
	  }


		.pravila ol {
	  list-style: none;
	  counter-reset: li;
	}
	.pravila li:before {
	  counter-increment: li; 
	  content: counters(li,".") ". ";
	}