@import "https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic";
@import "https://fonts.googleapis.com/css?family=Great+Vibes";
@import url('https://fonts.googleapis.com/css?family=Marck+Script&subset=cyrillic,latin-ext');

.blue{background-color:#0c57a4}
.blue-text{color:#0c57a4}
.silver{background-color:#313131}
.white-text{color:#fff}
.white{background-color:#fff}
.bordered{border:1px solid #fff}
.grey{background-color:#eee}
.container{width:100%;min-height:100%;height:inherit;z-index:2;position:relative;background-color:#fff}
section,footer,header{background-color:#fff}
.min-h100p{min-height:100%}
header{background-color:#fff;position:fixed;top:0;left:0;height:10px;width:100%;z-index:80}
.header .logo{width:170px;padding:15px;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;position:absolute;top:-10px;margin-left:auto;margin-right:auto;left:1%;right:1%}
.header.scroll .logo{width:100px;padding:10px;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;position:absolute;top:0;margin-left:0;margin-right:0;left:0;right:inherit}
.header.scroll{height:57px;overflow:hidden;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;box-shadow:rgba(0,0,0,0.11) 0 0 3px}
.header{-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.header nav{display:none}
.header nav ul{list-style:none;margin-left:120px;margin-top:8px}
.header nav ul li{display:inline-block}
.header nav ul li a{display:block;text-decoration:none;padding:10px;font-size:13px;color:#313131}
.header nav ul li a:hover{background-color:#0c57a4;color:#fff}
.header.scroll nav{display:block}
.lng {position:absolute; top:17px; right:90px;}
.lng a {display:inline-block; width:25px; height:25px; line-height:25px; text-align:center; font-size:13px; text-decoration:none; background-color:rgba(255,255,255,1.00); margin-right:5px; -moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
.lng .active, .lng a:hover {background-color:#0c57a4; color:#fff;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;}
.slider{position:absolute;overflow:hidden;top:0;left:0;width:100%;height:100%}
.slider .img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.slider .img img{width:100%;height:100%;min-width:1024px}
.mask{position:absolute;bottom:0;height:33%;width:100%;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0)}
.welcome{font-family:'Marck Script',cursive;position:absolute;top:135px;left:1%;right:1%;margin-left:auto;margin-right:auto;text-align:center}
.index-contacts{position:absolute;bottom:0;left:0}
#reservation-module{position:absolute;bottom:0;right:20px;width:240px}
#reservation-module .arr{cursor:pointer}
p{margin-bottom:0}
.round{width:50px;height:50px;font-size:20px;line-height:50px;text-align:center;display:inline-block;border-radius:50%;border:solid 1px #fff;color:#fff;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;position:absolute;bottom:10px;left:1%;right:1%;margin-left:auto;margin-right:auto}
.round:hover{opacity:.7;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-button{padding:20px;position:absolute;top:0;right:0;background-color:#fff}
@keyframes move {
from{margin-top:-5px}
to{margin-top:0}
}
@-webkit-keyframes move {
from{margin-top:-5px}
to{margin-top:0}
}
 

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.menu-call{width:30px;position:relative;z-index:100;cursor:pointer;padding-top:8px;padding-bottom:8px;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;animation-duration:.5s;animation-name:move;animation-iteration-count:infinite;animation-direction:alternate;-webkit-animation:move .8s linear infinite}
.menu-call span{width:100%;height:2px;background-color:#0c57a4;display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:#0c57a4;position:absolute;top:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:#0c57a4;position:absolute;bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span{-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:0}
.menu-call.open span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:#0c57a4;position:absolute;top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:#0c57a4;position:absolute;bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.read-more{color:#fff;background-color:#0c57a4;text-decoration:none;display:inline-block;position:relative;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.read-more i{line-height:30px;font-size:25px;font-weight:500;text-align:center;width:30px;display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.read-more span{display:block;position:absolute;line-height:30px;top:0;left:30px;background-color:#0c57a4;height:30px;width:0;overflow:hidden;font-size:13px;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.read-more:hover span{width:120px;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu{background-color:rgba(77,77,77,1.00);position:fixed;z-index:1;width:250px;height:100%;top:0;right:0;box-shadow:inset rgba(0,0,0,0.1) 5px 5px 5px}
.menu ul{margin-left:0;list-style:none}
.menu ul li{margin-bottom:10px}
.menu ul li a{color:#fff;text-decoration:none;display:block;border-bottom:solid 1px rgba(94,94,94,1.00);padding:5px;font-size:14px}
.menu ul li a:hover{background-color:#fff;color:rgba(51,51,51,1.00)}
.submenu ul{list-style:none;padding-left:0!important;margin-left:0!important;text-align:center;margin-bottom:20px}
.submenu ul li{display:inline-block}
.submenu ul li a{line-height:45px;color:#fff;text-decoration:none;display:block;padding-left:20px;padding-right:20px;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;font-size:14px}
.submenu ul li a:hover{background-color:#313131;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.cmspage table{border-collapse:collapse;border:solid 1px rgba(239,239,239,1.00);font-size: 0.5em;}
.cmspage table td{border-collapse:collapse;border:solid 1px rgba(239,239,239,1.00);padding:10px}
.cmspage .news_cover{float:right;margin-left:10px;margin-bottom:10px;max-width:35%}
.cmspage h2{color:#0c57a4;font-size:18px;font-weight:700;letter-spacing:-1px;margin-bottom:10px;margin-top:20px}
.ui-datepicker-div,.ui-widget{font-family:'Open Sans',sans-serif;font-size:14px}
.ui-widget-header{background-color:#000;border-radius:0;background-image:none;color:#fff}
.ui-datepicker-title{font-weight:300}
.ui-corner-all{border-radius:0!important}
.ui-datepicker{margin-bottom:20px}
.gallery{margin-bottom:20px!important}
.gallery img{float:left;width:20%;padding:5px}
.h700{height:720px}
.reserve_bg{background-image:url(../images/reserve_bg.jpg);background-repeat:no-repeat;background-size:cover}
label{margin-bottom:5px}
.thanks{padding-top:150px}
.lrg-icon{color:#0c57a4;font-size:2.4em;float:left;margin-right:10px;display:block}
.page-slider{height:auto;background-color:rgba(233,233,233,1.00);margin-bottom:10px;position:relative;overflow:hidden;width:100%}
.cmspage .slider-dots a{border:2px solid #01a347;border-radius:6px;cursor:pointer;display:inline-block;height:10px;margin:0 2px;opacity:.4;text-indent:999em;transition:background .5s ease 0s,opacity .5s ease 0;width:10px}
.page-slider .img{width:100%;height:100%;position:absolute;top:0;left:0}
.slider-dots-small .active{background:#0c57a4 none repeat scroll 0 0;opacity:1}
.page-slider-small{height:auto;background-color:rgba(233,233,233,1.00);margin-bottom:10px;position:relative;overflow:hidden;width:100%}
.cmspage .slider-dots-small a{border:2px solid #0c57a4;border-radius:6px;cursor:pointer;display:inline-block;height:10px;margin:0 2px;opacity:.5;text-indent:999em;transition:background .5s ease 0s,opacity .5s ease 0;width:10px}
.page-slider-small .img{width:100%;height:100%;position:absolute;top:0;left:0}
.no-flow{overflow:hidden}
.places-gallery .main-img{width:100%;position:relative;overflow:hidden}
.places-thumbs{margin-left:-9.38px}
.places-thumbs div{float:left;width:67px;margin-left:9.38px;margin-bottom:10px;height:50px;overflow:hidden}
.cmspage .submenu select  {display:none;}
	body {overflow-x:hidden;}
.resButon:hover{color:#fff; background-color:#0c57a4}


@media (min-width:961px) and (max-width:1062px) {
	
	.wraper {width:960px;}	
	
}

@media (max-width:960px) {
	
	.wraper {width:100%; padding-left:10px; padding-right:10px;}	
	.slider {position:relative; height:inherit;}
	#reservation-module {display:block; position:relative; padding-left:15px; padding-right:15px;}
	.header .logo {width:120px;}
	.menu-call {width:25px; padding-bottom:8px; padding-top:8px;}
	.menu-button {padding:10px;}
	#reservation-module {padding-top:20px; padding-bottom:20px; width:100%; right:0;}
	#reservation-module .unit-33 {float:left; width:33%; padding:5px;}
	.index-contacts {position:relative;}
	.round {display:none;}
	.reserve_bg {display:none;}
	.header.scroll nav {display:none;}
	.cmspage h1 {padding-top:0px;}
	.cmspage .submenu ul {display:none;}
	.cmspage .submenu {padding-top:10px; padding-bottom:10px; margin-bottom:10px;}
	.cmspage .submenu select {display:block; border:none;}
	.right.mrg-left-15.mrg-bottom-15.width-50 {width:100%; margin:0 !important;}
	body {overflow-x:hidden;}
	.slider .img img{width:100%;height:100%;min-width:inherit;}
	.welcome {top:90px;}
	.places-thumbs{margin-left:0px}
	.places-thumbs div {margin:0; width:20%; padding:2px;}
	.places-thumbs div img {width:100%;}
	.unit-75.pad-top-20.pad-bottom-10.pad-right-50 {padding:0; padding-left:15px; padding-right:15px;}
	.lng {position:absolute; top:17px; left:10px;}
	.header.scroll .lng {display:none;}
}

@media (min-width: 576px) {
	.cmspage table{font-size: 0.5em;}
}

@media (min-width: 768px) { 
	.cmspage table{font-size: 0.8em;}
}