@charset "UTF-8";

/* Main website colors:
	- Primary: #
	- Primary Light: #
	- Primary Dark: #
*/

@font-face {
	font-family: 'Chalk';
	src: url('/netcat_template/template/2/fonts/chalk.eot');
	src: local('☺'), url('/netcat_template/template/2/fonts/chalk.woff') format('woff'), url('/netcat_template/template/2/fonts/chalk.ttf') format('truetype'), url('/netcat_template/template/2/fonts/chalk.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Scripticus';
	src: url('/netcat_template/template/2/fonts/scripticus.eot');
	src: local('Scripticus'), url('/netcat_template/template/2/fonts/scripticus.woff') format('woff'), url('/netcat_template/template/2/fonts/scripticus.otf') format("opentype");
	font-weight: normal;
	font-style: normal;
}


/*	==================================================
	Основные стили страницы
	==================================================	*/

* {padding:0;margin:0;position:relative;-webkit-font-smoothing:antialiased;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;}
html {color:white;font-family:'Courier New','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14pt;height:100%;background: url(/netcat_template/template/2/img/background.jpg) no-repeat center center; background-size: cover; background-attachment: fixed;}
body {overflow-x:hidden;min-height:100%;}
a,a:visited,a:active,a:link {text-decoration:none;color:white;}
a:hover {opacity: 0.9}
.container {max-width:960px;margin:0 auto;}
.clearfix:after {content:" ";visibility:hidden;display:block;height:0;clear:both;}
#wrap{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}


/*	==================================================
	Хэдэр сайта
	==================================================	*/

header #header_left{height:100%; z-index: 5}
header:after {content:" ";visibility:hidden;display:block;height:0;clear:both;}
header #header_left>div {position: absolute; width: 100px; bottom: 0; left: 0;}
header #header_left .divider {font-weight: 900; display: inline-block; margin: 0px 5px}
header #header_right{height:100%;float:right; width: 50%; text-align: right; z-index: 6}
header #header_right a{position:absolute;right:0;bottom:0; display: block}
header #header_right img {position: absolute; right: 0px; bottom: 0px;}


/*	==================================================
	Футер сайта
	==================================================	*/

footer #level1{float: left; position: relative; z-index: 1;}
footer #level1 a{color:#fff;display:inline-block;font-family:'Chalk';font-size:1em;margin-right:8px;opacity:.8;line-height: 26px; margin-top: 3px; opacity: 0.4}
footer #level1 a:hover{opacity:1;}
footer #level2{float: right; position: relative; z-index: 1;}
footer #level2 a{display: inline-block; margin-left: 10px; font-family:'Chalk';font-size:1em; opacity: 0.4}
footer #level2 a:nth-of-type(1) {margin-left: 0px;}
footer #level2 a.active, footer #level1 a.active {opacity: 0.4}
footer #level2 #gavrosh {height: 19px; margin: 2px 0px 0px 0px}

.index footer #level1 a, .index footer #level2 a, .en footer #level1 a, .en footer #level2 a {opacity: 1}
.index #header_right, .index #header_left, #content, .index footer, .index #order {opacity:0}
.en #header_right, .en #header_left, .en footer, .en #order {opacity:0}


footer #order{width:100%;padding:50px 0 60px;text-align:center;}
footer #order:after {content:" ";visibility:hidden;display:block;height:0;clear:both;}
footer #order .btn{display:inline-block;background:#eee;color:#333;text-shadow:0 -1px 0 rgba(250,250,250,0.25);box-shadow:0 1px 2px rgba(38,40,44,0.54),0 -2px 0 rgba(0,0,0,0.2) inset,0 2px 0 rgba(255,255,255,0.15) inset;width:166px;border-radius:4px;font:bold 13px/30px Verdana,Helvetica,sans-serif;text-align:center;text-decoration:none;height:32px;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(255,255,255,0.15)),color-stop(100%,rgba(0,0,0,0.15)));background-image:-webkit-linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15));background-image:-moz-linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15));background-image:-o-linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15)); float: right}
footer #order #orders{display:inline-block;text-align:left;vertical-align:middle;line-height:1;padding-right:20px;height:50px;opacity:0;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;-ms-transition:opacity .25s ease;-o-transition:opacity .25s ease;transition:opacity .25s ease;float:left; height: 32px; line-height: 1; margin-top: 0px;  width: 60%;
}
footer #order #orders.loaded{opacity:1;}
footer #order #orders .item{line-height:1;height:auto;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);font-family:'Scripticus';font-size:1.8em;width:600px;height:32px;padding-left:2px; letter-spacing: -0.05em; text-transform: uppercase; word-spacing: 8px;text-align: center;}
footer #social{text-align:center;position:relative;z-index:1;display:inline-block;font-size:0;position:absolute;left:280px;}
footer #social img{width:25px;margin:0 3px;}
.menu footer #level2 a{margin-top:4px;}
#content {height: 65%; margin: 1% 0 3px 0;}

#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;background-color:#000;opacity:.85; display: none;}
.popup{position:fixed;top:50%;left:50%;width:640px;height:220px;z-index:102;background-color:#fff;padding:30px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:none;color:#000;}
.popup h3{margin-bottom:15px;font-weight:400;}
.popup .close{background-image:url(../img/close.png);background-position:center center;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;position:absolute;right:30px;top:30px;opacity:.5;cursor:pointer;}
.popup .close:hover{opacity:.8;}
#popup_order{color:#000;height:auto;}
#popup_order form{width:100%;font-size:0;}
#popup_order form input,#popup_order form textarea{display:inline-block;width:100%;font-size:12pt;border:1px solid #ddd;padding:12px;border-radius:4px;margin:0 0 10px;resize:none;outline:none;}
#popup_order form input:focus,#popup_order form textarea:focus{border-color:#666;}
#popup_order form input#form_name{width:49%;margin-right:2%;}
#popup_order form input#form_phone{width:49%;}
#popup_order form input#form_date{width:59%;margin-right:2%;}
#popup_order form input#form_persons{width:39%;}
#popup_order form input.submit{display:inline-block;background:#eee;color:#333;text-shadow:0 -1px 0 rgba(250,250,250,0.25);box-shadow:0 1px 2px rgba(38,40,44,0.54),0 -2px 0 rgba(0,0,0,0.2) inset,0 2px 0 rgba(255,255,255,0.15) inset;width:166px;border-radius:4px;font:bold 13px/30px Verdana,Helvetica,sans-serif;text-align:center;text-decoration:none;height:32px;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,rgba(255,255,255,0.15)),color-stop(100%,rgba(0,0,0,0.15)));background-image:-webkit-linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15));background-image:-moz-linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15));background-image:-o-linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15));background-image:linear-gradient(rgba(255,255,255,0.15),rgba(0,0,0,0.15));padding:0;cursor:pointer;}
#popup_order form input.submit:hover{opacity:.7;}
#popup_order form input.submit[disabled]{opacity:.7;cursor:not-allowed;}
#popup_order form input.error,#popup_order form input.error:focus{border-color:#f95b5b;}
#popup_order form input.success,#popup_order form input.success:focus{border-color:#7cf05c;}
#popup_thanks{text-align:center;padding:80px 30px;}
#popup_thanks h2{margin:0 0 10px;}




/*	==================================================
	Страницы сайта
	==================================================	*/
/*  Главная страница  */

#background {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: left center; background-size: cover; background-repeat: no-repeat; z-index: 1;}
#about_text{z-index:2;background-color:rgba(0,0,0,0.85);position:absolute;width:420px;right:20px;top:20px;padding:10px 20px;bottom:20px;overflow:hidden; border-radius: 8px;}
#about_text * {-webkit-font-smoothing:subpixel-antialiased}
#about_text .scrollable {height: 100%; padding-right: 30px}
#about_text h2 {font-size: 1.2em; line-height: 1; margin-bottom: 1em;}
#about_text p {font-size: 0.8em; font-weight: 500; margin-bottom: 1em; line-height: 1.4}
#about_text p:nth-last-of-type(1) {margin-bottom: 0px}
#about_text a {text-decoration: underline}

footer #order #orders .item span {
    font-size: 1.3em;
    line-height: 0.6;
}

.delivery #about_text, .notfound #about_text {height: auto; bottom: 20px; top: auto; width: 350px;z-index: 1000}
.delivery .sy-prev, .delivery .sy-next {display: none}
.delivery #about_text img{float:left;margin-right:40px; height: 220px;}
.delivery #about_text p, .notfound #about_text p {font-weight: 400;}
.delivery #about_text .scrollable, .notfound #about_text .scrollable {padding-right: 0px}

/*  Галерея  */
#grid{font-size:0;height:100%;overflow-y:hidden;background-color:#000;}
#grid .item{display:inline-block;background-size:cover;background-position:center;cursor:pointer;margin:2px;}
#grid .item:hover{opacity:.9;}
#grid .item:after{content:" ";display:block;padding-top:100%;}
#grid_gallery{position:fixed;top:50%;border:20px solid #fff;left:50%;display:none;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%); z-index: 105;}
#grid_gallery #grid_left, #grid_gallery #grid_right {width: 60px; height: 60px; border-radius: 50%; background-color: white; position: absolute; top: 50%; margin: -25px 0px 0px 0px; cursor: pointer;}
#grid_gallery #grid_left:hover, #grid_gallery #grid_right:hover {opacity: 0.7}
#grid_gallery #grid_left {left: -100px; background-image: url(/netcat_template/template/2/img/gallery_prev.png);}
#grid_gallery #grid_right {right: -100px; background-image: url(/netcat_template/template/2/img/gallery_next.png);}
#grid_gallery #grid_close {background-image:url(../img/close_white.png);background-position:center center;background-repeat:no-repeat;background-size:contain;width:35px;height:35px;position:absolute;right:-85px;top:-20px;opacity:1;cursor:pointer;}


/*  Оформление меню  */
.menu_list #menu_list{height:100%;background-color:rgba(0,0,0,0.85);padding:36px;border-radius:8px;}
.menu_list #menu_list .scrollable{height:100%;padding-right:40px;}
.menu_list #menu_list h2{font-size:2em;font-weight:300;margin-bottom:.4em;margin-top:1.6em;}
.menu_list #menu_list h2:nth-of-type(1){margin-top:0;}
.menu_list #menu_list .one-column{display:block;width:100%;}
.menu_list #menu_list .two-column{display:block;width:100%;}
.menu_list #menu_list .two-column .row{display:inline-block;width:49%;vertical-align:top;}
.menu_list #menu_list .one-column .row{width:100%;}
.menu_list #menu_list .row{margin-bottom:20px;padding-left:40px;}
.menu_list #menu_list .row .item{border-bottom:2px dotted #fff;font-weight:700;}
.menu_list #menu_list .row .item .price{position:absolute;right:0;background-color:#000;display:inline-block;line-height:1;padding-left:4px;text-align:right;bottom:-2px;}
.menu_list #menu_list .row .item.add{font-size:.8em;font-weight:500;}
.menu_list #menu_list .row .item .text{bottom:-2px;background-color:#000;display:inline-block;padding-right:4px;}


/*  18+  */
.age-confirm{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,0.86);display: none}
.age-confirm .container{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center; width: 90%}
#age-confirm-heading{font-size:4.8em;font-weight:100;border:2px solid #fff;border-radius:50%;height:2.2em;width:2.2em;margin:0 auto 20px;line-height:2.14em;letter-spacing:-.03em;}
.age-confirm a{display:inline-block;padding:12px 24px 14px;line-height:1;border-radius:8px;font-weight:700;color:#111;background-color:#fff;margin:20px 0 0;}


.contacts #about_text span{padding-left:143px;}
.contacts #about_text{background:none;width:345px;top:50%;bottom:auto;-webkit-transform:translate(0%,-50%);-moz-transform:translate(0%,-50%);-ms-transform:translate(0%,-50%);-o-transform:translate(0%,-50%);transform:translate(0%,-50%); padding-right: 0px}
.contacts #about_text p {font-weight: 400}
.contacts #about_text .scrollable {padding-right: 0px}
.contacts #background{background-size:114%;background-position:center right;}


.menu #background, .vine.special #backgroundб .vine.winelist #background{display:none;}
.menu #about_text, .vine.special #about_text, .vine.winelist #about_text{width:100%;padding:16px;right:0;height:100%;top:0;}
.menu #about_text img, .vine.special #about_text img, .vine.winelist #about_text img{width:100%;}

.vine.special #about_text {background-color: white}



.ps-container{overflow:hidden!important;}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,.ps-container.ps-active-y > .ps-scrollbar-y-rail{display:block;}
.ps-container.ps-in-scrolling{pointer-events:none;}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail{background-color:#eee;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x{background-color:#999;}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail{background-color:#eee;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y{background-color:#999;}
.ps-container > .ps-scrollbar-x-rail{display:none;position:absolute;/* please don't change 'position' */-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;/* there must be 'bottom' for ps-scrollbar-x-rail */height:8px;}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x{position:absolute;/* please don't change 'position' */background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;/* there must be 'bottom' for ps-scrollbar-x */height:8px;}
.ps-container > .ps-scrollbar-y-rail{display:none;position:absolute;/* please don't change 'position' */-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0.6;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;/* there must be 'right' for ps-scrollbar-y-rail */width:4px;  background-color: #555;}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y{position:absolute;/* please don't change 'position' */background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;/* there must be 'right' for ps-scrollbar-y */width:4px;}
.ps-container:hover.ps-in-scrolling{pointer-events:none;}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail{background-color:#eee;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x{background-color:#999;}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail{background-color:#ccc;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y{background-color:#eee;}
.ps-container:hover > .ps-scrollbar-x-rail,.ps-container:hover > .ps-scrollbar-y-rail{opacity:.6;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);}
.ps-container:hover > .ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x{background-color:#999;}
.ps-container:hover > .ps-scrollbar-y-rail:hover{background-color:#666;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);filter:alpha(opacity=90);}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y{background-color:#eee;}

@-webkit-keyframes left-right {
0%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
100%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
}
@-moz-keyframes left-right {
0%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
100%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
}
@-ms-keyframes left-right {
0%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
100%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
}
@keyframes left-right {
0%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
100%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
}
@-webkit-keyframes right-left {
0%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
100%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
}
@-moz-keyframes right-left {
0%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
100%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
}
@-ms-keyframes right-left {
0%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
100%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
}
@keyframes right-left {
0%{-moz-transform:translateY(0%) translateX(10%);-ms-transform:translateY(0%) translateX(10%);-webkit-transform:translateY(0%) translateX(10%);transform:translateY(0%) translateX(10%);}
100%{-moz-transform:translateY(-20%) translateX(-10%);-ms-transform:translateY(-20%) translateX(-10%);-webkit-transform:translateY(-20%) translateX(-10%);transform:translateY(-20%) translateX(-10%);}
}
.sy-box.sy-loading .sy-slides-wrap,.sy-box.sy-loading .sy-pager{visibility:hidden;}
.sy-slides-wrap{position:relative;height:100%;width:100%;}
.sy-slides-wrap:hover .sy-controls{display:block;}
.sy-slides-crop{height:100%;width:100%;position:absolute;overflow:hidden;}
.sy-list{width:100%;height:100%;list-style:none;margin:0;padding:0;position:absolute;}
#gallery {opacity: 0; -webkit-transition: opacity 0.25s ease;
-moz-transition: opacity 0.25s ease;
-ms-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;}
#gallery.loaded {opacity: 1}
.sy-list.horizontal{-moz-transition:left ease;-o-transition:left ease;-webkit-transition:left ease;transition:left ease;}
.sy-list.vertical{-moz-transition:top ease;-o-transition:top ease;-webkit-transition:top ease;transition:top ease;}
.sy-slide{position:absolute;width:100%;z-index:2; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center}
.sy-slide.kenburns{width:140%;left:-20%;}
.sy-slide.kenburns.useCSS{-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(1n){-webkit-animation-name:left-right;-webkit-animation-fill-mode:forwards;-moz-animation-name:left-right;-moz-animation-fill-mode:forwards;-o-animation-name:left-right;-o-animation-fill-mode:forwards;animation-name:left-right;animation-fill-mode:forwards;}
.sy-slide.kenburns.useCSS.sy-ken:nth-child(2n){-webkit-animation-name:right-left;-webkit-animation-fill-mode:forwards;-moz-animation-name:right-left;-moz-animation-fill-mode:forwards;-o-animation-name:right-left;-o-animation-fill-mode:forwards;animation-name:right-left;animation-fill-mode:forwards;}
.sy-slide.sy-active{z-index:3;}
.sy-slide > img{margin:0;padding:0;display:block;width:100%; border:0;}
.sy-slide > a{margin:0;padding:0;display:block;width:auto; padding-left: 2px; position: relative; z-index: 1;}
.sy-slide > a > img{margin:0;padding:0;display:block;width:100%;border:0;}
.sy-controls{display:none;list-style:none;height:100%;width:100%;position:absolute;padding:0;margin:0;}
.sy-controls li{position:absolute;z-index:33; background-size: cover; background-repeat: no-repeat;background-position: center center; width: 50px; height: 50px; top: 50%; margin-top: -25px; border-radius: 50%; display: block; opacity: 0.5;}
.sy-controls li.sy-prev{left:20px;background-image: url(../img/gallery_prev.png)}
.sy-controls li.sy-prev a:after{background-position:-5% 0;}
.sy-controls li.sy-next{right:20px;background-image: url(../img/gallery_next.png)}
.sy-controls li:hover {opacity: 0.8}

.sy-controls li.sy-next a:after{background-position:105% 0;}
.sy-controls li a{position:relative;width:100%;height:100%;display:block;text-indent:-9999px;}
.sy-controls li a:link,.sy-controls li a:visited{opacity:.4;}
.sy-controls li a:hover,.sy-controls li a:focus{opacity:.8;outline:none;}
@media only screen and (max-device-width: 600px) {
.sy-controls{display:block;}
.sy-controls li{min-width:2.1em;}
.sy-controls li a:after{width:1.4em;height:1.4em;margin-top:-.7em;margin-left:-.7em;}
}
.sy-caption-wrap{position:absolute;bottom:2em;z-index:12;left:50%;}
.sy-caption-wrap .sy-caption{position:relative;left:-50%;background-color:rgba(0,0,0,0.54);color:#fff;padding:.4em 1em;-moz-border-radius:1.2em;-webkit-border-radius:1.2em;border-radius:1.2em;}
.sy-caption-wrap .sy-caption a:link,.sy-caption-wrap .sy-caption a:visited{color:#e24b70;font-weight:600;text-decoration:none;}
.sy-caption-wrap .sy-caption a:hover,.sy-caption-wrap .sy-caption a:focus{text-decoration:underline;}
@media only screen and (max-device-width: 600px),screen and (max-width: 600px) {
.sy-caption-wrap{left:0;bottom:.4em;}
.sy-caption-wrap .sy-caption{left:0;padding:.2em .4em;font-size:.92em;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
}
.sy-pager{overflow:hidden;*zoom:1;display:block;width:100%;margin:1em 0 0;padding:0;list-style:none;text-align:center;}
.sy-pager li{display:inline-block;width:1.2em;height:1.2em;margin:0 1em 0 0;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.sy-pager li.sy-active a{background-color:#e24b70;}
.sy-pager li a{width:100%;height:100%;display:block;background-color:#ccc;text-indent:-9999px;-moz-background-size:2em;-o-background-size:2em;-webkit-background-size:2em;background-size:2em;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.sy-pager li a:link,.sy-pager li a:visited{opacity:1;}
.sy-pager li a:hover,.sy-pager li a:focus{opacity:.6;}
.sy-filler{width:100%;}
.sy-filler.ready{-moz-transition:padding 600ms ease;-o-transition:padding 600ms ease;-webkit-transition:padding 600ms ease;transition:padding 600ms ease;}



/*	==========	Адаптивная вёрстка	==========	*/

/*
@media screen and (min-width: 1921px) {
	#wrap {width: 1440px}
	#content {width: 1440px; height: 630px}
	header {height: 121px}
	header #header_right img {width: 326px; height: 121px}
	footer {height: 105px}
	#grid .item{  width: 356px;height: 310px;}
	footer #order #orders {margin-left: -7px}
	footer #order #orders .item {text-align: left;}
	#about_text {width: 756px; height: 540px;top: 45px;right: 45px;}
	#grid_gallery img {width: 612px; height: 612px;}

}
*/

@media screen and (min-width: 1024px) {
	#wrap {width: 800px}
	header {height: 70px}
	header #header_right img {width: 229px; height: 85px}
	#content {width: 800px; height: 350px;}
	#grid .item {width: 196px;height: 171px;}
	footer {height: 105px}
	#about_text {width: 420px; height: 300px; top: 25px;}
	#grid_gallery img {width: 612px; height: 612px;}
}

@media screen and (max-width: 1023px) {
	html {background-size: cover}
	#wrap {width: 576px}
	header {height: 50px}
	header #header_right img {width: 135px; height: 50px;}
	#content {width: 576px; height: 252px;}
	footer{height:220px;}
	footer #level1,footer #level2{float: none; display: block; width: 100%; text-align: center; margin-bottom: 0px}
	footer #social{text-align:center;position:relative;display:block;font-size:0;left:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none; width: 100%; margin: 5px 0px}
	footer #order {padding-bottom: 0px}
	footer #order #orders{display:block;width:100%;text-align:center; margin: 16px auto 10px; padding-right: 0px; float: none;}
	footer #order #orders .item {width: 100%}
	footer #order .btn {display: block; float: none; margin: 0px auto}
	.index footer #level2 {  position: absolute;  bottom: -30px;}
	.sy-slide > img{margin:0;padding:0;display:block;height:100%; border:0; width: auto;}
	#grid .item {width: 140px;height: 122px;}
	#about_text {  height: 100%; width: 100%; top: 0; right: 0; padding: 18px; position: relative;border-radius: 0px}
	.delivery #about_text{width: 100%;   height: 100%; bottom: 0px; top: 0px; text-align: center; padding: 24px}
	.delivery #about_text .scrollable {padding-right: 0px}
	.delivery #about_text img{float:none;margin: 0px auto 15px auto; height: 100px;}
	.delivery #about_text p {font-size: 1em; font-weight: 400;  line-height: 1.6; min-width: 0px}	
	.contacts #about_text{width:100%;height:100%;bottom:0;top:0;text-align:center;padding:24px;background-color:rgba(0,0,0,.95);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
	.contacts #about_text .scrollable {padding-right: 0px}
	.contacts #about_text img{float:none;margin: 0px auto 15px auto; height: 100px;}
	.contacts #about_text p {font-size: 1em; font-weight: 400;  line-height: 1.6; min-width: 0px}	
	#grid_gallery img {width: 540px; height: 540px;}
	#grid_gallery #grid_left {left: 20px; z-index: 900}
	#grid_gallery #grid_right {right: 20px; z-index: 900}
	footer #level2 {margin-bottom: 20px}

}
@media screen and (max-width: 640px) {
	html {font-size: 10pt}
	#wrap {width: 90%; height:auto;width:90%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0); top:0; left: 0; position: relative; margin: 0 auto; padding: 30px 0px}
	#content {width:100%;height: 360px;}
	#grid .item{width:49.3%;height:88px;margin:2px .3% 0;}
	#grid_gallery {border-width: 5px}
	#grid_gallery img {max-width: 320px; height: 320px}
	#grid_gallery #grid_left {left: 20px; z-index: 900; top: auto; bottom: -100px;}
	#grid_gallery #grid_right {right: 20px; z-index: 900; top: auto; bottom: -100px;}
	#grid_gallery #grid_close{width:24px;height:24px;position:absolute;right:50%;margin-right:-12px;bottom:-84px;top:auto;}
	footer {height: auto}
	.index footer {height: 240px;}
	.index footer #level2 {bottom: 30px}
	footer #order {padding: 20px 0px 0px}
	footer #order #orders {margin: 24px 0px 0px}
	.contacts #about_text span {padding-left: 0px;}
	.popup{position:fixed;top:50%;left:50%;width:95%;height:auto}
	#popup_order form input,#popup_order form textarea{font-size:10pt;}
	#popup_order form input#form_name,#popup_order form input#form_phone, #popup_order form input#form_date,#popup_order form input#form_persons{width:100%;margin-right:0px; margin-left: 0px}

}
@media screen and (max-width: 480px) {
	header {height: 100px;}
	header #header_right, header #header_left {float: none; display: block; position: relative; text-align: center; width: 100%;   height: auto;}
	header #header_right img {position: relative; margin: 0 auto 20px}
	header #header_right a {position: relative; margin: 0 auto}
	header #header_left>div{position:relative;text-align:center;bottom:auto;left:auto; width: 100%}
	#grid_gallery img {max-width: 240px; height: 240px}
	footer #order #orders .item {font-size: 1.2em}
}


/*
@media screen and (max-width: 2559px) {
}
@media screen and (min-width: 2560px) {
	header #header_right img {width: 238px; height: 88px}
}
@media screen and (max-width: 2455px) {
	
}
@media screen and (max-width: 2210px) {
	
}
@media screen and (max-width: 1966px) {
	
}
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1722px) {
}
@media screen and (max-width: 1480px) {

}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 1235px) {
	#content {height: 58%}
	footer{height:30%;}
	footer #order{padding:20px 0 0;}
}
@media screen and (max-width: 1023px) {
	footer #level1,footer #level2{float: none; display: block; width: 100%; text-align: center; margin-bottom: 0px}
	footer #social{text-align:center;position:relative;display:block;font-size:0;left:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none; width: 100%; margin: 5px 0px}
	.index footer #level2 {  position: absolute;  bottom: -30px;}
	.sy-slide > img{margin:0;padding:0;display:block;height:100%; border:0; width: auto;}
}
@media screen and (max-width: 990px) {

}
@media screen and (max-width: 960px) {
	header {height: 10%;}
	footer{height:40%;}
	footer #order #orders{display:block;width:100%;text-align:center; margin: 0 auto 10px; height: 80px; padding-right: 0px; float: none;}
	footer #order #orders .item {width: 100%}
	footer #order .btn {display: block; float: none; margin: 0px auto}
}
@media screen and (max-width: 880px) {
	#background {display: none;}
	.index #background {display: block}
	#about_text {  height: 100%; width: 100%; top: 0; right: 0; padding: 18px; position: relative}
	.delivery #about_text{width: 100%;   height: 100%; bottom: 0px; top: 0px; text-align: center; padding: 24px}
	.delivery #about_text .scrollable {padding-right: 0px}
	.delivery #about_text img{float:none;margin: 0px auto 15px auto; height: 100px;}
	.delivery #about_text p {font-size: 1em; font-weight: 400;  line-height: 1.6; min-width: 0px}	
	.contacts #about_text{width:100%;height:100%;bottom:0;top:0;text-align:center;padding:24px;background-color:rgba(0,0,0,.95);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);}
	.contacts #about_text .scrollable {padding-right: 0px}
	.contacts #about_text img{float:none;margin: 0px auto 15px auto; height: 100px;}
	.contacts #about_text p {font-size: 1em; font-weight: 400;  line-height: 1.6; min-width: 0px}	
}
@media screen and (max-width: 840px) {
	
}
@media screen and (max-width: 746px) {
	.popup{position:fixed;top:50%;left:50%;width:95%;height:auto}
	#popup_order form input,#popup_order form textarea{font-size:10pt;}
	#popup_order form input#form_name,#popup_order form input#form_phone, #popup_order form input#form_date,#popup_order form input#form_persons{width:100%;margin-right:0px; margin-left: 0px}
}
@media screen and (max-width: 640px) {
	#content {height: 360px;}
	header {height: 80px;}
	header #header_left{height:20px;float:none; text-align: center; display: block}
	header #header_left>div {position: relative; margin: 0 auto}
	header #header_right{height:50px;float:none; width: 100%; text-align: center; display: block; margin-bottom: 10px}
	footer #level2 #gavrosh {max-width: 100%;}
}
@media screen and (max-width: 502px) {
	
}



@media screen and (max-height: 860px) {
	header {height: 70px;}
	#content {height: 350px;}
	footer{height:auto;}
}
@media screen and (max-height: 700px) {
 	#wrap{height:auto;width:90%;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0); top:0; left: 0; position: relative; margin: 0 auto; padding: 30px 0px} 
 	header {height: 70px;}
	#content {height: 360px}
	footer{height:auto;}
	.index footer {padding-bottom: 30px}
	.index footer #level2 {bottom: 0px}
	.sy-slide > img{margin:0;padding:0;display:block;height:100%; border:0; width: auto;}
}
@media screen and (max-height: 479px) {
	#content {height: 300px}
}
@media screen and (orientation:portrait) {
	header {height: 70px;}
	#content {height: 300px; margin: 16px 0px}
	footer{height:auto;}
	footer #social {position: relative; margin-top: 20px; bottom: auto}
}
*/