*::-webkit-input-placeholder {
	color: #666;
	opacity: 1;
}
*:-moz-placeholder {
	color: #666;
	opacity: 1;
}
*::-moz-placeholder {
	color: #666;
	opacity: 1;
}
*:-ms-input-placeholder {
	color: #666;
	opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
border:2px red solid;	
}
body input:required:valid,
body textarea:required:valid {
border:2px green solid;
}
body {
	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;
}
h1{
	font-family: "CenturyGothicRegular";
	font-size: 18px;
}
.form input{
outline: none;	
}
/*Мобильное меню*/
.hidemenu{
display:none;
background-color:#59267c;
height:50px;
border-bottom: 2px solid #EEDD82;	
}


.push ul{
margin: 0;
padding: 0;	
list-style-type: none;

}

.push {
position: absolute;
top:50px;
}


.mob a{
text-transform: uppercase;
text-decoration: none;
color: #fff;
background-color:#8f5db7;
padding:10px;
display: block;
transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
border-bottom: 1px solid #EEDD82;
}
.mob li:last-child a{
border-radius: 0 0 5px 5px;	
}
.mob a:hover{
background-color:#93b217;	
color:#59267c;
}


/*Оформление menunav*/
.top_menu ul{
padding: 0;	
list-style-type: none;
text-transform: uppercase;
}

.top_menu li{
position: relative;
float: left;
width:20%;
text-align: center;
}
.top_menu li li{
width: 100%;
}
.top_menu a{	
text-decoration: none;	
background-color:#59267c;
color: #fff;
display: block;
border: 1px solid  #EEDD82;
transition:0.5s;
-webkit-transition:0.5s;
-o-transition:0.5s;
line-height: 50px;
font-size:16px;
}
.top_menu ul ul{
position: absolute;
visibility: hidden;
z-index: 9999;

}
.drop li a{
line-height: 40px;	
background-color: #93b217;
}


.top_menu ul li:hover ul{
visibility: visible;
}
.top_menu a:hover{
background-color: #8f5db7;	
padding:0 20px 0 0;
}
.drop .down li:hover a{
background-color:#DFDFDF;
color:#93b217;
}
.menunav li:first-child a{
border-radius: 5px 0 0 5px;	
}
.menunav li:last-child a{
border-radius:0 5px 5px 0;	
}
.drop .down li a{
border-radius:0;	
}
.down li:last-child a{
border-radius: 0 0 10px 10px;	
}


/*Кнопка вызова меню*/
.menu_nav_button{
z-index: 1;	
position: absolute;
background: transparent;
color:  #EEDD82;
border-color: #EEDD82;
margin: 11px 15px;
text-decoration: none;
}

.imagemap{
margin-top:30px;
text-align: center;
}


.imagemap img{
width: 100%;
}

.europ{
font-family: "CenturyGothicRegular";
text-align: center;
margin-top:0;
}

.clock{
text-align: right;
margin-top:0;
}
.contact{
text-align: right;
font-size: 28px;
}
.sell_right{
font-size: 14px;
text-align: right;	
text-decoration: underline;
}
.fancybox{
color: #000033;	
}

.plov,.lagman,.manty{
margin:20px 20px auto 70%;
}
.plov{
 font-family:  "CenturyGothicRegular";
float: right;
width: 300px;
height: 220px;
padding:0 15px;
text-align: center;
background-color: #000;
opacity: 0.9;	
position: absolute;
z-index: 2;
color: #fff;
overflow: hidden;
border-radius: 20px;
transition:height 1s;
-webkit-transition:height 1s;
-o-transition:height 1s; 
}
.plov:hover{
height: 450px;	
}
.plov:hover .dot {
display: none;	
}
.lagman{
 font-family:  "CenturyGothicRegular";
width: 300px;
height: 265px;
overflow: hidden;
padding:0 15px;
text-align: center;
background-color: #000;
opacity: 0.9;	
position: absolute;
z-index: 2;
color: #fff;

border-radius: 20px;
transition:height 1s;
-webkit-transition:height 1s;
-o-transition:height 1s; 
}
.lagman:hover{
height: 490px;	
}
.lagman:hover .dot{
display: none;	
}
.manty{
 font-family:  "CenturyGothicRegular";
width: 300px;
height: 285px;
overflow: hidden;
padding:0 15px;
text-align: center;
background-color: #000;
opacity: 0.9;	
position: absolute;
z-index: 2;
color: #fff;

border-radius: 20px;
transition:height 1s;
-webkit-transition:height 1s;
-o-transition:height 1s; 
}
.manty:hover{
height: 510px;	
}
.manty:hover .dot{
display: none;	
}
/*Слайд*/
.bxslider img{
width: 100%;
}
.bxslider{	
margin: 0;
padding: 0;
}
.hidden{
display: none;
z-index: 9999;	
}

.no{
opacity:0;
}
.si{
opacity:1;
}
/*О кафе Райхон*/
.triangle{
background:url(../img/triangle.png)center center repeat-x;
height:23px;
position: relative;
}
.okafe{
width:100%;	
background: url(../img/texture1.jpg)fixed;
height:auto;
position:relative;
margin:0;
padding:0;
}
.peperone,.vroccolo,.pummaroll,.carciofulo,.cetriolo,.mulegnan{
width:100%;
background-repeat:no-repeat;	
}
.peperone{
width:200px;
height:218px;
left:10%;
top:75%;
background:url(../img/peperone.png);
margin-top:0;
margin-left:-100px;
position:fixed;
}
.vroccolo{
width:150px;
height:117px;
left:85%;
top:60%;
background:url(../img/vroccolo.png);
margin-top:-58.5px;
margin-left:-75px;
position:fixed;
}
.pummaroll{
width:120px;
height:137px;
left:91%;
top:60%;
background:url(../img/pummaroll.png);
margin-top:-69.5px;
margin-left:-60px;
position:fixed;
}
.carciofulo{
width:110px;
height:114px;
left:5%;
top:60%;
background:url(../img/carciofulo.png);
margin-top:-107px;
margin-left:-55px;
position:fixed;
}
.cetriolo{
width:174px;
height:152px;
left:91%;
top:80%;
background:url(../img/cetriolo.png);
margin-top:-76px;
margin-left:-87px;
position:fixed;
}
.mulegnan{
width:200px;
height:134px;
left:5%;
top:70%;
background:url(../img/mulegnan.png);
margin-top:-67px;
margin-left:-100px;
position:fixed;
}
.okafe_content{
color:#a3a3a3;
text-align: justify;
margin-top:50px;
font-family:"OpenSansItalic";
padding-top:3em;
padding-bottom:20em;
z-index: 1;
position: relative;
}
.okafe_content h1{
text-align: center;
font-family:"OpenSansItalic";
font-weight: bold;
font-size: 1.7em;
color:#f39214;
}
.okafe_content p{
font-size:18px;
}
.okafe_rayhon{
position:absolute;
z-index:0;
}
.okafe_rayhon img{
margin-top:-5em;
}
.okafe_continue{
top:-22em;	
position: absolute;
z-index:2;
}
.okafe_tekst{background-color:#e0e0e0;
border-radius:3px;
border:solid #000 1px;
padding:10px 30px;	
font-family:"OpenSansItalic";
font-size:18px;	
color:#333333;
text-align: justify; 	
}
.okafe_rose{
border:none;
background:transparent;
color:#000;
padding:10px 30px;	
font-family:"OpenSansItalic";
font-size:18px;
text-align: justify;
}
.rose{
background-color:#f4966d;
height:39em;
}

.piatto{	
position:absolute;
right: 0;
margin-top:-15em;
z-index:1;
}
.piatto img{	
width:100%;
}
.okafe_white{
background-color:#fff;
height:auto;
text-align: center;
}
.okafe_white h1{
margin-top:0;
padding-top:75px;
padding-left:4%;
padding-right:4%;
color:#000;
font:2.5em NautilusPompiliusRegular;
position: relative;
}
.okafe_white h1::before{
content:"";
position: absolute;
bottom:-25%;
height:2px;
width:10%;
background-color:#666;
left:50%;
margin-left:-5%;
}
.stih{
margin-top:4.5em;
padding-bottom:1.5em;
}
.stih p{
font-family:"AdineKirnbergRegular";
font-size: 3em;
line-height:36px;
}






.pop_form input[type="text"]{
display: block;
width: 95%;

margin:0 auto 30px;	
}
.pop_form h3{
text-align: center;
font-weight: bold;
font-size: 20px;
}

.pop_form .button{
margin:0 25%;
background: #000033;
color:#EEDD82;
width: 100px;
border-radius: 2px;
border: 2px solid #DDA520;
}

/*сайдбарчик*/
.side a{
text-decoration: none;
}

.side ul{
margin: 0;
padding: 0;
list-style: none;
}
.side{
width:100%;

}

.menu li:first-child a{
border-radius: 5px 5px 0 0;	
}

.menu li .menu__drop li a{
border-radius: 0;
border-bottom: 1px solid #EEDD82;	
}

.menu li:last-child a{
border-radius: 0 0 5px 5px ;
border:0;	
}

.menu li .menu__drop li:first-child a{
border-radius: 5px 5px 0 0;
}
.menu li .menu__drop li:last-child a{
border-radius:0 0 5px 5px ;
}
.menu a{
text-transform: uppercase;
background-color:#93b217;
color: #59267c;
padding: 10px;
display: block;
border-bottom: 1px solid #EEDD82;
transition:0.5s all;
-webkit-transition:0.5s all;
-o-transition:0.5s all;
}
.menu a:hover{
background-color:#59267c;
color:#fff;
padding: 10px 0 10px 20px;
}
.menu_list{
position: relative;
z-index: 5;
}
.menu__drop a{
background-color: #e2d4e7;	
color: 	#59267c;
}
.menu__drop{
position: absolute;
width: 100%;
left: 100%;
top:-9999em;
opacity: 0;
transition:0.5s opacity;
-webkit-transition:0.5s opacity;
-o-transition:0.5s opacity;
}
.menu_list:hover .menu__drop{
opacity: 1;
top: 0;
}
.menu__drop a:hover {
background-color: #8f5db7;
}

/*главный текст */
.welk{
position:relative;
margin-top:50px;	
width:100%;
height:400px;
background:url(../img/texture.jpg) no-repeat;
background-size:100% 100%;
background-position: left top;
border-radius: 5px 5px 0 0;
border: 1px solid #aaa;
border-top:none;
}
.welk img{
height: 100%;	
}

.tekst{
width: 100%;
position: absolute;
text-align: center;
line-height:45px;
padding-top:3%;
}
.tekst h1,
.tekst h2{
font-family: "OpenSansLight";
font-size: 20px;
padding-left: 45px;
padding-right: 45px;
text-shadow: #000 0 1px 5px;
color:#fff;
}


.lunch,.delivery,.banket{
position: relative;
margin: 0;
padding: 0;	
}
.item_content h1:hover{
transform: scale(1.1);
}
.lunch img,.delivery img,.banket img,.knopki img{
width:100%;
}

.lunch h1{	
color: #e4e4e4;	
font-family:"SladkoeshkaRegular";
font-size:60px;
transition: 0.5s all;
}
.item_content,.item_content2,.overlay1,.overlay2,.overlay3{	
position: absolute;
width: 100%;
height: 100%;
text-align: center;
}
.item_content2{
margin-top:5%;
text-align: center;
}

.overlay1{
background-color:rgba(0,0,0,.62);
}

.overlay2{
background-color: rgba(255,255,255,.70);	
}

.delivery h1{
font-family: "Exo2SemiBold";
font-size: 26px;
line-height: 50px;
}
.button_send,.call{
margin-left:auto;
margin-right: auto;
text-align: center;
left: 0;
right:0;
margin-top: -20%;
}
.button_del{
font-family:"Exo2SemiBold";
font-size: 20px;
text-transform: uppercase;
color:#fff;
padding:0.7em 2em;
transition: all 0.2s ease;
border-radius: 8px;
border:1px solid #59267c;
display:inline-block;
outline: none !important;
text-shadow:#000 0px 1px 5px;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
border-top:1px solid #8f5db7;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8f5db7), to(#6A7899));
background-image: -webkit-linear-gradient(#8f5db7 50%, #6A7899 100%);
background-image: -moz-linear-gradient(#8f5db7 50%, #6A7899 100%);
background-image: -o-linear-gradient(#8f5db7 50%, #6A7899 100%);
background-image: linear-gradient(#8f5db7 50%, #6A7899 100%);
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.5)));
}

.button_del:hover{
background-image: linear-gradient(rgba(23, 74, 178, 0.56) 50%,rgba(58, 76, 177, 0.44) 100%);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(23, 74, 178, 0.56) 50%), to(rgba(58, 76, 177, 0.44) 100%));
background-image: -webkit-linear-gradient(rgba(23, 74, 178, 0.56) 50%,rgba(58, 76, 177, 0.44) 100%);
background-image: -moz-linear-gradient(rgba(23, 74, 178, 0.56) 50%,rgba(58, 76, 177, 0.44) 100%));
background-image: -o-linear-gradient(rgba(23, 74, 178, 0.56) 50%,rgba(58, 76, 177, 0.44) 100%));

}
.button_del:active{
color:#fff;
opacity: 0.8;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8f5db7), to(#6A7899));
background-image: -webkit-linear-gradient(#8f5db7 50%, #6A7899 100%);
background-image: -moz-linear-gradient(#8f5db7 50%, #6A7899 100%);
background-image: -o-linear-gradient(#8f5db7 50%, #6A7899 100%);
background-image: linear-gradient(#8f5db7 50%, #6A7899 100%);
transform: translateY(3px);
}

.call{
font-family:"Exo2SemiBold";
font-size:2.5em;
-webkit-box-reflect: below -15px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.4)));
}

/*Салатовый фон*/
.banket{
display: block;
overflow: hidden;
}
.banket_content{
top: 0;
left: 0;	
position: absolute;
width: 100%;
height: 100%;
background-color:rgba(147,178,23,.70);
text-align: center;
font-family: "OpenSansRegular";
transition: 0.5s all ease;
}
.banket:hover .banket_content{
transform: scale(0.90);	
}
.banket img{
transition: 1s all ease;	
}
.banket:hover img{
transform: scale(1.2);
}
.banket_text{
color:#000033;
text-shadow:#fff 0px 1px 5px;
}
.banket_text h1{
font-size: 2em;	
font-family: "OpenSansRegular";
}

.offset-0{
padding: 5px;
}
.offset1{
padding: 0;	
}


/*Меню блюд*/
.menues{
background-color:#eeeacc;
border:1px solid #93b217;
border-radius: 5px;
text-align: center;
}
.menues a{
display: block;
color:transparent;
top:0;
left:0;
border: none!important;
}
.menues img,.popup-gallery img,.svg_i_metrika{
width:100%;
}
.menues .overlay3{
transform: none;
overflow: hidden;
}
.menu_cont{
color: #aaa;
text-align: center;
display: block;
font-size: 30px;
margin-top:2.2em;
}
.nome{
text-align: center;
padding: 15px;
}
.nome h2{ 
font:1.7em Exo2SemiBold;
margin-top: 0;
}
.nome p{
font:1.3em OpenSansRegular;
}
.ves_zena{
width: 100%;
}
.ves_zena tbody{
display:inline-block;	
text-align: center;	
}
.ves{
font-size:20px;
padding: 10px 25px;
color: #da9216;
}
.zena{
font-size:20px;	
padding: 10px 25px;
background-color: #93b217;
color: #fff;
border-radius: 5px;
border: 1px solid #2d892e;
border-top: #fff;
text-shadow: #2d892e 0 1px;
}
.otstup{
margin-bottom: 150px;	
}
.otstup1{
margin-bottom:50px;	
}



/*Фотогалерея*/
.titolo{
text-align: center;
}
.titolo h1{
font-family:"NautilusPompiliusRegular";
font-size: 2.5em;
color:#333333;
-webkit-box-reflect: below -10px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, transparent), to(rgba(255,255,255,0.2)));

}

.fon_gallery{
position: relative;	
width: 100%;
height:auto;
display: block;	
top:0;
left: 0;
margin-top: 20px;
margin-bottom: 200px;

}
.popup-gallery{
overflow: hidden;	
}
.popup-gallery a{
display: block;
transition:0.5s all ease;
border:1px solid #59267c;
}
.popup-gallery a:hover{
transform: scale(1.1);
}

.overlay3{
width: 100%;	
background-color:rgba(0,0,0,.6);
opacity: 0;
transition: all 0.25s;
top:0;
left: 0;
transform: scale(1.5);
}
.overlay3:hover{
opacity:1;
transform: scale(1);
}

.ov_content{
font-family:"OpenSansRegular";
color: #fff;
text-align:center;
display: block;
margin-top: 70px;
}

.ov_content .fa{
font-size: 1.5em;
margin-bottom: 5px;
}


/*Booking reservation*/
.reserv{
top: 0;
left: 0;	
background-image:url(../img/dark_wall.png);
background-repeat: repeat;
height:auto;
-webkit-background-size:cover;
background-size:cover;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}

.book h1{
text-align:center;
padding:30px 0px 0px 0px;
font:25px OpenSansRegular;
color:#FFF;
text-transform:uppercase;
text-shadow:#000 0px 1px 5px;
margin:0px;
}
.book p{
text-align: center;	
}
.reserv p{
font-size:13px;
font-family:"OpenSansRegular";
color:#6E6E6E;
text-shadow:#000 0px 1px 5px;
margin-bottom:10px;
}
	
.form input[type="text"],.form input[type="email"],.form input[type="tel"],.form textarea{
width:100%;
padding:15px 0 15px 8px;
border-radius:5px;
box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.3), 0 1px 1px -1px rgba(255,255,255,0.3);
background:rgba(0,0,0,0.2);
margin-bottom: 10px;
border:1px solid rgba(0,0,0,1);
color:#6E6E6E;
text-shadow:#000 0px 1px 5px;
}
.form textarea{
height:182px;
}

.reserv_submit{	
text-align:center;
display:block;
margin-top: 20px;
margin-bottom: 30px;
}
.form input[type="submit"]{
width:300px;
padding:15px;
border-radius:5px;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#28D2DE), to(#1A878F));
background-image: -webkit-linear-gradient(#28D2DE 0%, #1A878F 100%);
background-image: -moz-linear-gradient(#28D2DE 0%, #1A878F 100%);
background-image: -o-linear-gradient(#28D2DE 0%, #1A878F 100%);
background-image: linear-gradient(#28D2DE 0%, #1A878F 100%);
font:20px Exo2SemiBold;
color:#FFF;
text-transform:uppercase;
text-shadow:#000 0px 1px 5px;
border:1px solid #000;
opacity:0.7;
-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
-moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);
border-top:1px solid rgba(255,255,255,0.8)!important;
-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, transparent), to(rgba(255,255,255,0.2)));
}

/*.form input:focus{
box-shadow:inset 4px 6px 10px -4px rgba(0,0,0,0.7), 0 1px 1px -1px rgba(255,255,255,0.3);
background:rgba(0, 0, 0, 0.3);

}*/

.form input[type="submit"]:hover{
opacity:1;
cursor:pointer;
}
.form input[type="submit"]:focus{
background:rgba(64, 170, 164, 0.4);
transform: translateY(3px);
outline: none!important;
}
.form input:focus:required:invalid{
border:1px red solid;	
}
.form input:focus:required:valid{
border:1px green solid;
}
.name-help,.email-help,.tel-help,.person-help,.date-help,.time-help{
display:none;
padding:0px;
margin:0px 0px 15px 0px;
}

/*Footer*/
.footer{
clear: both;
position: relative;
width: 100%;
height:auto;
background-color: #000033;	
margin-bottom: 0;
border:2px solid #59267c;
}

.left_side{
font-family:"RobotoRegular";
text-align: center;
color: #93b217;
padding:10px 10px;
}

.left_side h2{
font-family:"CenturyGothicRegular";
}


.social{
text-align: center;
}
.social a,.ok{
display: inline-block;

}

.social .fa{
font-size: 3em;	
color: #fff;
padding:10px 10px 10px;
transition:0.25s all;
-webkit-transition:0.25s all;
-o-transition:0.25s all;
display: inline-block;
}

.social .fa:hover{
color:#93b217;
}
.ok path{
fill:#fff;
transition:0.25s;
-webkit-transition:0.25s;
-o-transition:0.25s;
}
.ok:hover path{
fill:#93b217;
width: 120%;	
}

.strelka_top,.metr{
padding: 10px 20px;
text-align: center;
}
.vk{	
margin-right: auto;
margin-left: auto;
width: 100%;
text-align:center;
text-align:-moz-center;
text-align:-webkit-center;
}

.strelka_top path{
transition:0.5s all;
fill:#666;
opacity: 0.7;
}
.strelka_top:hover path{
fill:#93b217;	
opacity: 1;
}
/*zoom на карте*/
.overlay {
background:transparent; 
position:relative; 
width:800px;
height:400px; /* your iframe height */
top:400px;  /* your iframe height */
margin-top:-400px;  /* your iframe height */
}
.karta{
text-align: center;
}

.karta iframe{
margin-top:100px; 
max-width: 100%;	
margin-bottom: 100px;	
}

.cont_tov {
color:#000033;
font-weight: bold; 
text-align:center;
}