/* ----------------------------------------------
 Connect fonts
 ---------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700&subset=cyrillic');

/* ----------------------------------------------
 Default settings
 ---------------------------------------------- */
* {margin: 0; padding: 0;}
/*html {height: 100%; overflow: hidden;}*/
html {height: 100%;}
body {font: 14px "Open Sans", sans-serif; overflow-y: scroll; width: 100%; height: 100%; line-height: 20px; background: #fff; color: #464646;}
a {color: blue; outline: none; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: 0; max-width: 100%;}
input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
button {cursor: pointer; border: 0; outline: none;}
input {vertical-align: middle; outline: none; border: 0;}
input[type="submit"], input[type="button"] {cursor: pointer; -webkit-appearance: none; border: 0;}
textarea {outline: none; resize:none;}
:invalid {box-shadow: none;}
ol,ul {list-style-position: inside;}
::-webkit-input-placeholder {color:#000; opacity: 1; transition: opacity 0.3s ease;}
::-moz-placeholder {color:#000; opacity: 1; transition: opacity 0.3s ease;}
:-moz-placeholder {color:#000; opacity: 1; transition: opacity 0.3s ease;}
:-ms-input-placeholder {color:#000; opacity: 1; transition: opacity 0.3s ease;}
:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}
a, .btn {-webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s;}
.btn {display: inline-block; vertical-align: top;}
.wrapper {min-height: 100%; height: auto !important; height: 100%;}
.container {max-width: 1170px; margin: 0 auto;}
.pull-left {float: left;}
.pull-right {float: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.row>div {display: inline-block; vertical-align: top;}
.row-mid>div {display: inline-block; vertical-align: middle;}
.row-bot>div {display: inline-block; vertical-align: bottom;}
.hid {overflow: hidden;} 
.clearfix:before, .clearfix:after {content: ""; display: table;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

/* ----------------------------------------------
 Site styles
 ---------------------------------------------- */
.start {
color:#fff;padding: 102px 0 204px; text-align: center;    z-index: 1;
    overflow: hidden;}

.bg3{background-image: url(../images/bg3.jpg);}
    
    .bg-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    z-index: 1;
}
.gradient-overlay:before {


opacity: 0.5;
	
} 
    .overlay {
    position: relative;
    z-index: 1;
}

.radio label, .checkbox label
{
	padding-left: 0px !important;
}
.rooms-select .checkbox i
{
	display: inline !important;
}
.checkbox-style2 i
{
	width: 85%;
}
.overlay:before{position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    background-color: #262627;
    z-index: -1;}
.start .title {text-transform: none; font-weight: 300; font-size: 40px; line-height: 64px; margin: 80px 0 46px;}
.btn-style {display: inline-block; vertical-align: top;  text-decoration: none; color: #fff; font-size: 18px; text-transform: uppercase; background: #1ac6ff; border-radius: 20px; letter-spacing: 1.7px; padding: 14px 40px;}
.btn-style:hover {background: #28a1ca;color:#fff;}
.gray {background: #f5f5f5;}
.calendar {background: #ececec;}
.calendar .gray {background: #ececec;}
.white {background: #fff;}
.cols {text-align: center;}
.cols>div {display: inline-block; vertical-align: middle; padding-top: 90px; padding-bottom: 90px; width: 50%; margin-left: -4px;}
.cols>div.gray:first-child {margin-left: 0;}
.cols>div:first-child .content {padding-right: 80px;}
.cols>div:last-child .content {padding-left: 80px;}
.cols>div:first-child {text-align: right;}
.cols>div:last-child {text-align: left;}
.content {max-width: 510px; display: inline-block; text-align: left; vertical-align: top;}
.calendar .col-style2 {margin-top: -36px; margin-bottom: -36px;}
.calendar>div {vertical-align: top;}
.calendar-wrap {position: relative; max-width: 402px;}
.calendar-wrap .bx-prev {position: absolute; left: 18px; top: 0; width: 10px; height: 16px; background: url(../images/sprite.png) no-repeat; font-size: 0;}
.calendar-wrap .bx-next {position: absolute; right: 18px; top: 0; width: 10px; height: 16px; background: url(../images/sprite.png) no-repeat -10px 0; font-size: 0;}
.calendar-slider {font-size: 16px; list-style: none;}
.calendar-slider table th {text-transform: uppercase; font-weight: 600;}
.calendar-slider table td, .calendar table th {padding: 12px 17px;}
.calendar-slider .title {text-align: center; font-size: 14px; text-transform: uppercase; font-weight: 600; letter-spacing: 1.5px; margin-bottom: 18px;}
.calendar-slider td {font-weight: 300;}
.calendar-slider td a {color: #1ac6ff; font-weight: 700; text-decoration: none;}
.calendar-slider td a:hover {text-decoration: underline;}

.title-main {text-transform: uppercase;  font-weight: 600; margin-bottom: 13px; letter-spacing: 1.3px; font-size: 30px;}
.subtitle {text-transform: uppercase; font-size: 12px; letter-spacing: 1.4px; margin-bottom: 26px;}
.note {color: #1b1b1b; font-weight: 700; margin-bottom: 27px;}


.info {background: #f5f5f5; text-align: center; margin-top: 0; padding: 80px 0 80px;}


.cols>.col-img {padding-top: 40px; padding-bottom: 40px;}
.col-img .content {padding-left: 0 !important; padding-right: 0 !important; line-height: 0;}
.col-img img {max-width: none;}
.desc {overflow: hidden; margin-top: -60px;}
.desc:first-child {margin-top: 0;}
.desc>div {padding-bottom: 116px; padding-top: 116px; width: 50.06%;}
.btn-style2 {display: inline-block; text-align: center; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 18px; background: #1ac6ff; padding: 14px 65px; border-radius: 25px; letter-spacing: 1.8px;}
.btn-style2:hover {background: #28a1ca;color:#fff;}
.desc .btn-style2 {margin-top: 20px;}
.cols>.col-img:first-child img {float: right;}
.first {margin-top: 0;}

.our-services {text-align: center; padding: 90px 0;}
.our-services-blocks {margin-bottom: 40px;}
.our-services-blocks>div {display: inline-block; margin-top: 10px; vertical-align: top; width: 20.6%; margin-right: 5.3%;}
.our-services-blocks>div:last-child {margin-right: 0;}
.our-services .title {color: #1b1b1b; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; font-size: 12px; letter-spacing: 1.5px;}

.icon {display: inline-block; vertical-align: top; height: 60px; margin-bottom: 14px;}
.service-icon1 {width: 45px; background: url(../images/sprite.png) no-repeat 0 -24px;}
.service-icon2 {width: 51px; background: url(../images/sprite.png) no-repeat -47px -24px;}
.service-icon3 {width: 92px; background: url(../images/sprite.png) no-repeat -99px -24px; margin-top: 6px; height: 54px;}
.service-icon4 {width: 50px; background: url(../images/sprite.png) no-repeat -192px -24px;}

.reservation {background: url(../images/fifaback.jpg) no-repeat center 0; background-size: cover; padding: 100px 0 95px; text-align: center; color: #fff;}


.reservation .title-main {margin-bottom: 30px;}

.footer {background: #1f2125; color: #fff; line-height: 26px; padding: 45px 0 35px;}
.footer .pull-left {width: 82%;}
.footer .pull-right {width: 17%; color: #f1f1f1; text-align: right; font-weight: 300;}
.footer .pull-left>div {display: inline-block; vertical-align: top;}
.adress { margin-right: 5.5%; font-weight: 300; position: relative;}
.adress span {position: relative; padding-left: 28px;}
.adress span:before {content: ""; position: absolute; left: 0; top: 3px; width: 15px; height: 22px; background: url(../images/sprite.png) no-repeat -22px 0;}
.phones { position: relative; padding-left: 28px;}
.phones:before {content: ""; position: absolute; left: 0; top: 3px; width: 19px; height: 20px; background: url(../images/sprite.png) no-repeat -39px 0;}
.phones a {color: #fff; text-decoration: none; font-weight: 300; display: inline-block;}
.footer-logo {width: 16.8%; margin-right: 10.8%; margin-top: -4px;}

.box_window{width:100%; height: 100% !important; display: none; text-align: center; position:fixed; top:0; left:0%; z-index:1100;}
.box_window_in {position: relative; cursor: default !important;}
.bw_close {position: absolute; z-index: 100; top: 0; right: 0; line-height: 25px; width: 25px; text-decoration: none; cursor: pointer; text-align: center; font-family: Arial, sans-serif; color: #000;}
.popwindow .bw_close:after {content: "✕"; right: 15px; top: 15px; position: absolute; color: #464646; font-size: 30px; font-family: "MyriadSetPro-Thin"; font-weight: 300;}
.popup-style>.bw_close {background: rgba(255, 255, 255, 0.3);}
.mask{position:fixed; background: #000; opacity: .5; filter: alpha(opacity=50); display:none; height:100%; width: 100%; z-index:1000;}
.popbutton {cursor: pointer;}
.popup-style {margin: 40px auto; text-align: left; border-radius: 10px; width: 496px; max-width: 87%; padding: 55px 2.8% 40px; position: relative; z-index:1200; background: #fff;}
.box_window>.bw_close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 0;}
input[type="checkbox"] {display: none;}
input[type="checkbox"] + label span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 23px;height: 23px; border: 1px solid #464646; border-radius: 3px; margin: -3px 11px 0 0; background: #fff;  cursor: pointer;}
input[type="checkbox"]:checked + label span {background: #261e43; border-color: #261e43; position: relative;}
input[type="checkbox"]:checked + label span:before {content: ""; position: absolute; left: 2.5px; top: 5px; width: 19px; height: 15px; background: url(../images/sprite.png) no-repeat -60px 0;}

.popup-style .title-main {text-align: left; margin-bottom: 42px;}
.checkbox i {font-style: normal; cursor: pointer; display: inline-block; vertical-align: middle;}
.checkbox-style2 {font-size: 12px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 26px;}
.form-main>div {margin-bottom: 17px;}
.form-main .col1 {width: 38.5%; display: inline-block;  vertical-align: top; padding-top: 9px; line-height: 18px;}
.form-main .col2 {width: 60%; display: inline-block;  vertical-align: top;}
.popup-style input[type="text"] {border: 1px solid #464646; transition: .2s; border-radius: 3px; width: 90%; padding: 10px 5%; color: #000;}
.popup-style input[type="text"]:focus {border-color: #b5b5b5;}
.checkbox-desc-left i {margin-right: 13px;}
label {display: block; margin-bottom: 20px;}
.checkbox label {margin-bottom: 0;}
.rooms-wrap {padding-top: 10px;}
.input-num {display: inline-block; vertical-align: middle; position: relative;}
.input-num:after {content: "шт"; position: absolute; right: 6px; top: 2px; font-weight: 300; color: #000; pointer-events:none;}
.rooms-select>div>div {display: inline-block; vertical-align: middle;}
.rooms-select input[type="text"] {padding: 2px 20px 2px 6px; width: 20px;}
.rooms-select .checkbox {min-width: 130px;}
.rooms-select>div {margin-bottom: 14px;}
.popup-style .btn-style2 {margin-top: 30px; margin-bottom: 20px;}
.link-style {color: #464646; text-transform: uppercase; text-decoration: none; font-size: 12px; letter-spacing: 2.2px;}
.link-style:hover {text-decoration: underline;}

.only-mob {display: none !important;}


/* ----------------------------------------------
 Media
 ---------------------------------------------- */
@media (max-width: 1169px) {
	.container {padding-left: 15px; padding-right: 15px;}
	.cols>div:first-child .content, .col-first .content {padding-right: 40px; padding-left: 15px;}
	.cols>div:last-child .content {padding-left: 40px; padding-right: 15px;}
	.desc>div:last-child .content {min-height: 562px;}
	.desc.cols>div {padding-top:50px; padding-bottom:50px;}
	.calendar-slider table td, .calendar table th {padding: 8px 14px;}
	.calendar-wrap {max-width: 360px;}
	.footer-logo {margin-right: 5%;}
	.footer .pull-left {width: 80%;}
	.footer .pull-right {width: 20%;}
	.calendar .col-style1 {padding-top: 130px; padding-bottom: 130px;}
	.adress {margin-right: 2%; max-width: 43%;}
}

@media (max-width: 767px) {
	.start {padding: 50px 0;}
	.start .title {font-size: 28px; line-height: 34px; margin: 30px 0 35px;}
	.cols>div {width: 100%; padding-bottom: 30px; padding-top: 30px;}
	.cols>div:first-child {text-align: left;}
	.calendar .col-style2 {margin-top: 0; margin-bottom: 0;}
	.content {max-width: 100%; padding-left: 15px !important; padding-right: 15px !important; display: block;}


	.calendar-slider table td, .calendar table th {padding: 4px 9px;}
	.calendar-wrap {max-width: 290px; margin: 0 auto;}
	.col-img img {max-width: 100%;}
	.calendar {margin-top: 0;}
	.info {padding: 50px 0; margin-top: 0;}
	.btn-style2 {padding-left: 50px; padding-right: 50px;}
	.desc {margin-top: 0;}
	.cols > .col-img {padding-top: 0 !important; padding-bottom: 0 !important;}
	.our-services, .reservation {padding: 50px 0;}
	.our-services-blocks>div {margin-right: 0; width: 100%; margin-bottom: 15px;}
	.our-services-blocks>div:last-child {margin-bottom: 0;}
	.desc.last {margin-bottom: 0;}	
	.footer-logo {margin-right: 5%;}
	.footer {text-align: center;}
	.adress {max-width: none; padding-right: 5px;}
	.adress br {display: none;}
	.footer-logo {display: block !important; margin-right: 0;}
	.footer .pull-left {width: 100%; float: none;}
	.footer .pull-left>div {display: inline-block; margin-bottom: 10px; margin-right: 0;}
	.footer .pull-right {width: 100%; float: none; text-align: center;}
	.footer-logo  {width: auto;}
	.checkbox-style2 i {width: 85%;}
	.popup-style {padding-top: 30px; padding-bottom: 30px; padding-left: 4%; padding-right: 4%;}
	.rooms-select .checkbox {margin-bottom: 5px;}
	.only-mob {display: block !important;}
	.only-pc-tab {display: none !important;}
	.desc>div:last-child .content {min-height: auto;}
	.calendar .col-style1 {padding-top: 40px; padding-bottom: 40px;}
}

@media (max-width: 1170px) {
	
}

@media (max-width: 1170px) {
	
}