@charset "utf-8";
/* CSS Document */

/* home */
#content div.block div.about { width:100%; max-width:780px; margin:0 auto; text-align:center; padding:0px 50px; }
#content div.block div.about::before { width:104px; height:125px; top:50%; margin-top:-62px; background:url(../images/decor_about_left.png); left:-104px; }
#content div.block div.about::after {  width:118px; height:125px; top:50%; margin-top:-62px; background:url(../images/decor_about_right.png); right:-118px; }

div.home-photos { margin:0 auto; margin-top:50px; white-space:nowrap; }
div.home-photos::after { height:13px; width:8000px; top:0px; left:0px; background:url(../images/inner_shadow.png) left top repeat-x; z-index:3; }
div.home-photos a { display:inline-block; }
div.home-photos a::before { width:100%; height:100%; left:0px; top:0px; background:url(../images/noise.png); z-index:1; opacity:1; }
div.home-photos a::after { width:80px; height:80px; background:url(../images/zoom.png) left top no-repeat; background:url(../images/zoom.svg), none; background-size:100% 100%; top:50%; left:50%; margin:-40px 0px 0px -40px; opacity:0; z-index:3; transform:scale(.25,.25); -webkit-transform:scale(.25,.25); -o-transform:scale(.25,.25); -ms-transform:scale(.25,.25); -moz-transform:scale(.25,.25); }
div.home-photos a img { filter:sepia(50%); -webkit-filter:sepia(50%); }
div.home-photos a:hover::before { opacity:0; }
div.home-photos a:hover::after { opacity:.9; transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); }
div.home-photos a:hover img { filter:sepia(0%); -webkit-filter:sepia(0%); }

/* services */
#content div.block div.services { width:100%; max-width:980px; margin:0 auto; padding:0px 20px; }
#content div.block div.services > div.service { width:50%; display:inline-block; vertical-align:top; padding:0px 20px; margin:20px 0px; }
#content div.block div.services > div.service::before { left:10px; top:0px; width:2px; height:100%; background:#aea190; }
#content div.block div.services  > div.decor { height:90px; width:100%; background:url(../images/decor_services.png) center center no-repeat; }

#content div.block div.discount { text-align:center; }
#content div.block div.discount a { display:inline-block; }
#content div.block div.discount img { max-width:700px; width:100%; }
#content div.block div.discount a:hover img { filter:brightness(140%); -webkit-filter:brightness(140%); }

#content div.contact h3 { margin-bottom:0px; margin-top:15px; }
#content div.contact { max-width:900px; padding:0px 20px; width:100%; margin:0 auto; }
#content div.contact::before { width:65px; height:126px; margin-top:-63px; top:50%; left:-85px; background:url(../images/decor_contact_left.png); }
#content div.contact div.map { padding-left:280px; float:none; }
#content div.contact div.map::before { top:22px; right:-130px; background:url(../images/decor_contact_right.png); width:160px; height:160px; }
#content div.contact div.map img { max-width:615px; width:100%; }
#content div.contact div.map a { display:block; }
#content div.contact div.map a p { position:absolute; width:100%; height:100%; top:0px; left:0px; opacity:0; background:url(../images/map_over.png) no-repeat; background-size:100% auto; }
#content div.contact div.map a:hover p { opacity:1; }
#content div.contact div.map a span { width:100%; height:100px; background:url(../images/zoom.svg) center top no-repeat; top:50%; margin:-50px 0px 0px 0px; opacity:0; z-index:3; transform:scale(.25,.25); -webkit-transform:scale(.25,.25); -o-transform:scale(.25,.25); -ms-transform:scale(.25,.25); -moz-transform:scale(.25,.25); position:absolute; text-align:center; color:#fff; padding:70px 20px 0px 20px; text-transform:uppercase; font-weight:700; }
#content div.contact div.map a:hover span { transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); opacity:1; }
#content div.contact div.map span.hidden { display:none; }

#content div.contact div.info { float:left; width:260px; text-align:center; vertical-align:bottom; z-index:1; }
#content div.contact div.info * { font-size:18px; line-height:24px; }
#content div.reservation { max-width:900px; margin:0 auto; padding-left:130px; width:100%; }
#content div.reservation img { max-width:458px; width:100%; }
#content div.reservation a { transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; }
#content div.reservation a:hover { }