:root {
            --main-red: #FFFFFF;
            --active-red: #ceaf31;
            --bg-color: #000000;
            --text-dark: #A6A6A6;
        }
        
@font-face {
    font-family: 'geson_bamerregular';
    src: url('gesonbamer-regular-webfont.eot');
    src: url('gesonbamer-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('gesonbamer-regular-webfont.woff2') format('woff2'),
         url('gesonbamer-regular-webfont.woff') format('woff'),
         url('gesonbamer-regular-webfont.ttf') format('truetype'),
         url('gesonbamer-regular-webfont.svg#geson_bamerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Arial', sans-serif;
        }

        body {
  				left: 0;
  				margin: 0;
  				overflow-x: hidden;
  				position: relative;
				background: url('bg_last.jpg') top center no-repeat fixed;
        	   background-color: var(--bg-color); 
        	   background-size: contain, auto; 
            color: var(--text-dark);
            line-height: 1.6; 
        }
        
       .attention-block {
       	display:block;
     		padding:12px 0px;
       	width:auto;
       	vertical-align: top;
       	margin-bottom:12px;
 			border-top:2px dotted #ffe033;
  			border-bottom:2px dotted #ffe033;
 			border-radius:12px;
       	
       }
       
       .attention-block .ab_nodelivery {
       	float:left;
       	display:block;
       	text-align: right;
       	vertical-align: middle;
			width:30%;
			margin:0px 0px;
       	margin-left:15%;
       }
       
       .attention-block .ab_nodelivery b {
			color:var(--main-red);  
			text-transform:uppercase;     
       }
       
       .attention-block .ab_or {
       	float:left;
       	display:block;
       	text-align: center;
       	min-width: 10%;
       	vertical-align: middle;
			margin:0px 0px;
       }
       
       .attention-block .ab_yaeda {
       	float:left;
       	display:block;
       	vertical-align: middle;
			width:30%;
			margin:0px 0px;
       }
       
       .attention-block .ab_yaeda span a {
			text-decoration: none;  
			text-transform:uppercase;   
			font-weight:bold;
			display:inline-block;
			color:var(--main-red);  
         transition: color 0.5s ease-out;     
       }
       
        .attention-block .ab_yaeda span a img {
			display:inline-block;
			vertical-align:middle;      
			width:24px;
			height:auto;  
        }
       
       .attention-block .ab_yaeda span a:hover {       
             color: var(--active-red);
             transition: color 0.5s ease-out;
       }

			.menu {
				z-index:10000;
  				background: #555 url('menu-bg.jpg') repeat left top;
  				right: -225px;
  				height: 100%;
  				position: fixed;
  				width: 225px;
			}

			.background {

			}
			
.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  font-family: 'Open Sans', sans-serif;
  line-height: 30px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.menu li:hover {
  }

.menu a {
  color: var(--main-red);
  transition: color 0.5s ease-out;
  font-size: 15px;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
}

.menu a:hover {
  color: var(--active-red);
  transition: color 0.5s ease-out;
}

.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 0px;
  padding-right:12px;
  line-height: 1em;
  text-align:right;
}

.icon-menu {
  position:fixed;
  z-index: 9999;
  top:25px;
  right:15px;
  margin-left:-15px;
  display:block;
  width:85px;
  color: #ffffff;
  cursor: pointer;
  font-size: 11px;
  padding:6px 6px;
  text-decoration: none;
  text-transform: uppercase;
  background-color:#000000;
  border-radius: 5px;
}

.icon-menu span {
	vertical-align: top;
	line-height: 1.9em;
	padding-top:5px;
	margin-right:5px;
}

.icon-menu img {
	vertical-align: top;
	width:24px;
	height:auto;
  margin-right: 5px;
}

        .container {
        	   width: 100%;
            max-width: 1440px;
            margin: 0 auto;
            padding: 20px 80px;
        }

        .header {
            text-align: center;
            padding: 50px 0 30px 0;
            margin-bottom: 0px;
        }

        .header h1 {
            color: var(--main-red);
            font-size: 1.2em;
            text-transform: uppercase;
            letter-spacing: 3px;
            margin-bottom: 15px;
        }
        
         .header .logo_top_block {
         	float:left;
         	width:30%;
         	padding-right:40px;
         }
        
        .header .logo_top {
				width:100%; 
				height:auto;      
        }

        .contacts {
            font-size: 1.1em;
            float:right;
            width:70%;
        }
        
        .contacts .contacts_left {
        	   padding-left:40px;
        	   padding-right:20px;
        		text-align:left;
        	   display:block;
            float:left;
            width:60%;
        }
        
        .contacts .contacts_left a, .contacts .contacts_right a {
             color: var(--main-red);
             transition: color 0.5s ease-out;
            font-weight: bold;
 				text-decoration:none;
        }
        
        .contacts .contacts_left a:hover, .contacts .contacts_right a:hover {
             color: var(--active-red);
             transition: color 0.5s ease-out;
       }
        
       .contacts .contacts_left a {
			font-size:0.85em;      
      }
      
         .contacts .contacts_left .work_time, .contacts .contacts_right .action_call {
        	padding: 6px 0px;
         font-size:0.7em;
         }
         
         .contacts .contacts_left .work_time {
         padding-top:0px;
         }
         
 			.contacts .contacts_right .action_call {
 				display:block;
			 }
            
       .contacts .contacts_left span {
       	display:block;
        }
         .contacts .contacts_right {
         	display:block;
         	text-align:right;
            float:right;
            width:40%;
        }
 
  			.contacts_right a { 
 				font-size:1.6em;
 				line-height:1em;
 			}
 			
 			.group-anchor {
 				width:100%;
 				display:block;
 				padding-bottom:48px;
 			}
 			
         .section-title {
				color:var(--main-red);
         	text-align:center;
 				font-family: 'geson_bamerregular';
 				font-size:3em;
 				line-height:1em;
 				font-weight:normal;
 				font-style:normal;
 				margin-bottom:-10px;
			}
        
			.clr {
				width:0px;
				height:0px;
				display:block;
				clear:both;			
			}
			
			.menu-row {
				display:block;
				margin-bottom:20px;
			}
			
			.menu-item {
				display:block;
				width:22.75%;
				height:auto;
				float:left;		
				vertical-align: top;
				border-radius: 12px;
				overflow: hidden;
				position: relative;
				margin:20px 3% 20px 0px;
				background: url('menu-item-block-bg-15.png') bottom repeat-x;
			}
			
			.menu-short .menu-item {
				margin-bottom:0px;
			}
			
			.menu-item:nth-child(4), .menu-item:nth-child(8), .menu-item:nth-child(12), .menu-item:nth-child(16) {
			margin-right:0px;
			}
			
			.menu-item .menu-item-img {
				display:block;
				width:100%;
				height:auto;
			}
			
			.menu-item .menu-item-img img {
				display:block;
				width:100%;
				height: auto;
			}
			
			.menu-item .menu-item-img img:hover {
				cursor:zoom-in;
			}
		
			.menu-item-block {
				display:block;
				width:100%;
				height:120px;
				padding:12px;
			}
			
			.pizza-block .menu-item-block {
				height:145px;
			}
			
			.pasta-block .menu-item-block {
				height:145px;		
			}
			
			.wok-block .menu-item-block {
				height:140px;		
			}
			
			.hot-block .menu-item-block {
				height:155px;		
			}
			
			.snack-block .menu-item-block {
				height:100px;		
			}
			
			.salad-block .menu-item-block {
				height:160px;		
			}
			
			.soup-block .menu-item-block {
				height:140px;		
			}
			
			.sugar-block .menu-item-block {
				height:90px;		
			}
			
			.others-block .menu-item-block {
				height:90px;	
			}
			
			.drinks-block .menu-item-block {
				height:114px;	
			}
			
			.menu-item-name {
				font-size:1.2em;
				line-height:1.2em;
				color:var(--main-red);
				margin-top:6px;
				margin-bottom:3px;
			}
			
			.menu-item-desc {
				font-size:0.65em;
				line-height: 1.2em;
				margin-bottom:3px;
				font-style: italic;			
			}
			
			.menu-item-netto {
				font-size:0.9em;
			}
			
			.menu-item-price {
				font-size:1.2em;
				float:right;
				color:var(--main-red);
				font-weight:bold;
			}
			
#magnify {
  display: none;
  /* position: absolute; upd: 24.10.2016 */
  position: fixed;
  max-width:44%;
  height: auto;
  z-index: 9999;
}
#magnify img {
  width: 100%;
}
/* затемняющий фон */
#overlay {
  display: none;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}
/* кнопка закрытия */
#close-popup {
  width: 45px;
  height: 45px;
  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}
#close-popup i {
	margin-top:5px;
	margin-left:5px;
  width: 32px;
  height: 32px;
  background: url('btn-cross-gallery.png') no-repeat center center;
  background-size: 32px 32px;
  display: block;
}
@keyframes rota {
 25% { transform: rotate(360deg); }
}
#close-popup:hover {
  animation: rota 4s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

footer {
	text-align:center;
}

.final-word {
	display:block;
	margin:24px auto 12px auto;
	color:var(--main-red);
} 

.copyright {
	display:block;
	margin:0px auto;
	color:var(--text-dark);
	font-size:11px;
	margin-bottom:24px;
} 
@media (max-width: 1440px) {
#magnify {
  max-width:42%;
}
}
			
			
@media (max-width: 1200px) {
#magnify {
  max-width:50%;
}
			.menu-item {
				width:31.33%;			
			}	
			
			.menu-item:nth-child(4), .menu-item:nth-child(8), .menu-item:nth-child(12), .menu-item:nth-child(16) {
			margin-right:3%;
			}

			.menu-item:nth-child(3), .menu-item:nth-child(6), .menu-item:nth-child(9), .menu-item:nth-child(12), .menu-item:nth-child(15) {
			margin-right:0px;
			}
         .section-title {
 				font-size:2em;
 				line-height:1em;
 			}	
 			.group-anchor {
 				padding-bottom:32px;
 			}
        .attention-block .ab_nodelivery {
			width:46%;
       	margin-left:3%;
       }
       .attention-block .ab_yaeda {
			width:38%;
       }
}
			
@media (max-width: 1000px) {
#magnify {
  max-width:55%;
}
            .container {
                padding: 20px 40px;
				}
				.contacts {
					width:100%;}
				.contacts .contacts_left, .contacts .contacts_right  {
					width:100%;
					text-align:center;
					margin:0px auto;
					padding:0px 0px;}
					.contacts .contacts_right  {
					margin:20px auto;}
				.header .logo_top_block {
					text-align:center;
					width:100%;
					padding:20px 0px;
				}
             .header .logo_top {
                width:40%;
            }
.header {
    padding-bottom:0px;
    padding-top:0px;
    }
			.menu-item-name {
				font-size:1em;
				line-height:1.2em;
}
       .attention-block .ab_nodelivery {
			width:40%;
       	margin-left:5%;
       }
       .attention-block .ab_yaeda {
			width:40%;
       }
}


 @media (max-width: 768px) {
 #magnify {
  max-width:75%;
}
            .container {
                padding: 10px 20px;
            }
            .header h1 {
                font-size: 1em;
            }
              .header .logo_top {
                width:60%;
            }
 			.menu-item {
				width:48.5%;			
			}	

			.menu-item:nth-child(3), .menu-item:nth-child(6), .menu-item:nth-child(9), .menu-item:nth-child(12), .menu-item:nth-child(15) {
			margin-right:3%;
			}

			.menu-item:nth-child(even) {
			margin-right:0px;
			}
}

@media (max-width: 600px) {
}
        
 @media (max-width: 556px) {
  #magnify {
  max-width:85%;
}
             .header .logo_top {
                width:90%;
            }
                .header .logo_top {
                width:70%;
            }
 			.menu-item {
 			width:100%;
 			margin-left:0px;
			margin-right:0px;
			border-radius:0px;
			background:none;
			}
         .menu-item  .menu-item-img {
            	width:30%;
					float:left;   
					border-radius:12px;    
					overflow:hidden;     
            }
         .menu-item  .menu-item-block {
             	width:70%;
					float:right;       
					height:auto;  
					padding-top:0px;
         }
         .menu-short .menu-item {
				margin-bottom:0px;         
				margin-top:0px;
         }
         .menu-short .menu-item:nth-child(1) {
				margin-top:20px;         
         }
         .menu-short .menu-item .menu-item-block {
              	width:100%;        	
         }
			.drinks-block .menu-item-block {
			 height:auto;			
			}
         .header {
          padding-top:20px;}
        .attention-block .ab_nodelivery {
			 width:48%;
       	 margin-left:0px;
       }
        .attention-block .ab_or {
        	 width:12%;
        }
       .attention-block .ab_yaeda {
			width:40%;
       }
}

@media (max-width: 556px) {
	      .attention-block .ab_nodelivery {
			width:100%;
			text-align: center;
       	margin-left:0px;
       }
        .attention-block .ab_or {
        	width:100%;
        }
       .attention-block .ab_yaeda {
			width:100%;
			text-align: center;
       }
}

 @media (max-height: 432px) {
 		.menu {
		  overflow-y: scroll; 		
 		}
 }