html,
body {
	padding: 0;
	margin: 0;
  	height: 100%;
    position: relative;
}
.wrapper {
  	display: table;
  	height: 100%;
  	width: 100%;
}
.content {
  	display: table-row;
  	height: 100%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currentlyf
                                  supported by Chrome and Opera */
}

#map {
	height: 400px;
}
label{
    font-weight: 500;
    font-size: 14px;
    line-height: 0;
}

.inp {
	border:#e95d43 1px solid;
	border-radius: 6px;
	padding: 5px 10px;
	font-size: 16px;
	display: block;
	width: 100%;
	outline: none;
	margin-bottom: 10px;
}

input.red,
.inp.red {
	border:#f00 1px solid;
	color: #f00;
}
.clear {
	clear: both;
}

.pad0 {
	padding: 0;
}

.padr0 {
	padding-right: 0;
}

.padl0 {
	padding-left: 0;
}
.asd,
input.asd,
.formContacts input.asd {
	display: none !important;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.burger {
	display: inline-block ;
	width: 27px !important;
	height: 27px !important;
	display: block;
   	/*width: 100% !important;*/
    height: 100% !important;
	background-size: 27px !important;
}

.burger.show1 {
	background: url(/images/burger.png) center center no-repeat;
}
.burger.hide1 {
	background:url(/images/close1.png) center center no-repeat;
	position: relative;
	z-index: 99999999999;
    display: none;
}

.mobilemenu {
	background: #f6f6f6;
    /*border-top: #794c89 1px solid;*/
	/*position: fixed;*/
	position: absolute;
	/*top:67px;*/
    top:0px;
    right: 0;
	z-index: 50;
	width: 366px;
    max-width: 100%;
	/*opacity: 0;*/
}
.mobile-menu-header {
    padding: 20px  20px ;
    background: #fff;
}

.mobilemenu.Active{
	opacity: 1;
}
.mobilemenu .menu-mobile-div > a {
	display: block;
    width: 100%;
	color: #202020;
	font-size: 22px;
	border-bottom: #d9dee0 1px solid;
	padding:8px 60px 8px 20px;
	outline: none;
}
.mobilemenu .menu-mobile-div > a.act {
    border-bottom: #e95d43 2px solid;
}
.menu-mobile-div {
    position: relative;
}
.updown {
    position: absolute;
    z-index: 60;
    top: 5px;
    right: 20px;
    width: 40px !important;
    height: 40px;
    background: url(/images/red-arrow-down.png) 0 0 no-repeat;
    background-position: center;
    border-bottom: none !important;
    padding: 0 !important;
}
.updown.act {
    background: url(/images/red-arrow-up.png) 0 0 no-repeat;
    background-position: center;
}
.menu-mobile-div.act .submenu-mobile {
    display: block;
}
.submenu-mobile a {
    font-size: 20px;
    color: #5c5c5c;
    display: block;
    width: 100%;
    border-bottom: #d9dee0 1px solid;
    padding:8px 20px 8px 40px;
    outline: none;
    display: block;
    position: relative;
}
.submenu-mobile.konferents>a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.submenu-mobile a:before {
    position: absolute;
    content: '';
    display: block;
    left: 20px;
    top: 20px;
    width: 5px;
    height: 5px;
    background: url(/images/mobile-menu-li.png) 0 0 no-repeat;
}

.asd {
    display: none !important;
}


#bg132 {
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 150;
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    opacity: 0.5;
}

.dlg { position:absolute; z-index:200; background:#fff; display:none; font-size: 14px; padding: 50px; width: 480px; max-width: 100%;}

.close_feedback {
    position: absolute;
    top: 11px;
    right:10px;
    width: 16px;
    height: 16px;
    background: url(/images/close.png) 0 0 no-repeat;
    background-size: cover;
    display: block;
    text-decoration: none;
    cursor: pointer;;
}

.inp.invalid {
	border-color: #f00;
}

.modalForm {
	position: fixed;
	z-index: 112;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	background: rgba(0,0,0,0.4);
	opacity: 0;
	display: none;
	-webkit-transition: opacity 0.3s, linear 0.3s;
		-o-transition: opacity 0.3s, linear 0.3s;
			transition: opacity 0.3s, linear 0.3s;
}

.modalForm.Active {
	opacity: 1;
	display: -webkit-box;
    	display: -ms-flexbox;
    		display: flex;
}
.modalForm .f-form {
	padding: 0;
	margin: 0;
}
.modalForm .f-form .inp,
.formFeedback  .inp  {
	max-width: 100%;
}
.modal_content {
	background: #fff;
	color: #131313;
	padding: 30px;
	width: 320px;
	max-width: 100%;
	position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 16px -5px black;
    	box-shadow: 0 0 16px -5px black;
}
.modal_close {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 120;
	width: 32px;
	height: 32px;
}
#message {
	color: #131313;
}

.breadcrumb {
    padding: 0;
    margin: -1px 0 22px 0;
    background-color: transparent;
}
.breadcrumb>li {
    display: inline-block;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #fff;
    content: "|";
}

/* lichniy style */

.big-slider .owl-next {
    display: block;
    background: url(/images/big-slide-right.png) 0 0 no-repeat !important;
    width: 35px;
    height: 62px;
    right: 20px;
    top: 40%;
    position: absolute;
    z-index: 10;
    outline: none;
}
.big-slider .owl-prev {
    display: block;
    background: url(/images/big-slide-left.png) 0 0 no-repeat !important;
    width: 35px;
    height: 62px;
    left: 20px;
    top: 40%;
    position: absolute;
    z-index: 10;
    outline: none;
}

body.home {
    height: 100%;
    overflow: hidden;
}
.home header {
    background: rgba(0,0,0,0.3);
    padding: 15px 0;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 16px;
}
.home footer {
    background: rgba(0,0,0,0.3);
    padding: 15px 0;
    position: absolute;
    z-index: 10;
    width: 100%;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 16px;

    bottom: initial;
    top: 104px;
}
.home header a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding-bottom: 1px;
    display: inline-block;
    border-bottom: #fff 1px dashed;
}
.home footer a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
}
.home header .top-phone a,
.header1 .top-phone a {
    font-size: 26px;
    border-bottom: none;
}
.header1 .top-phone a {
    color: #000;
}
.home .top-mail {
    padding-top: 15px;
}
.lang-links a {
    border-bottom: none !important;
    border-radius: 50%;
    display: inline-block;
    margin-right: 14px;
    padding: 0 5px;
	font-size: 14px;
}
.home .lang-links a.act {
    background: rgba(255,255,255,0.3);
}
.home .top-social,
.header1 .top-social {
    display: inline-block;
    padding-left: 30px;
}
.header1 .top-mail a,
.header1 .links a {
	color: #d63314;
}
.header1 .links a {
	border-bottom: #d63314 1px dashed;
	font-size: 16px;
}
.inner .lang-links a {
	color: #9f9f9f;
}
.inner .lang-links a.act {
	color: #fff;
	background: #b80604;
}

.home .top-social a {
    border-bottom: none;
}
.big-slide {
    cursor: pointer;
}
.har ul {
    margin-left: 0;
    padding-left: 20px;
}
.big-slide-desc {
    background: rgba(255,255,255,0.8);
    padding: 23px;
    position: absolute;
    right: 120px;
    top: 160px;
    z-index: 20;
    width: 650px;

    top: 223px;
}
.big-slide-desc p:last-child {
    margin-bottom: 0;
}
.homeform {
    background: rgba(255,255,255,0.8);
    padding: 21px;
    position: absolute;
    left: 120px;
    top: 160px;
    z-index: 20;
    width: 250px;

    top: 223px;
}
.homeform-btn {
    background: #e44d33;
    border-radius: 25px;
    padding: 5px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    outline: none !important;
    border: none;
    margin-top: 12px;
}
.homeform label {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    text-align: center;
    padding-bottom: 10px;
}
#homeform-date1,
#homeform-date2 {
    border-radius: 25px;
    padding: 5px 15px;
    font-size: 16px;
    display: inline-block;
    width: 100%;
    border: none;
    outline: none !important;
    margin-bottom: 15px;
}
.homeform-wrap {
    position: relative;
}
.cal-png {
    position: absolute;
    right: 13px;
    bottom: 22px;
    z-index: 30;
}
#homeform-adults {
    padding: 5px 15px;
    font-size: 16px;
    display: inline-block;
    width: calc(100% - 70px);
    border: none;
    outline: none !important;
    margin-bottom: 15px;
}
.homeform-minus {
    display: inline-block;
    width: 35px;
    background: #fff;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #a1a1a1;
    font-size: 30px;
    outline: none;
    text-decoration: none !important;
    border-right: #e6e6e6 1px solid;
    text-align: center;
    position: relative;
    top: 2px;
    height: 34px;
    line-height: 27px;
    padding-left: 4px;
}
.homeform-plus {
    display: inline-block;
    width: 35px;
    background: #fff;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #a1a1a1;
    font-size: 30px;
    outline: none;
    text-decoration: none !important;
    border-left: #e6e6e6 1px solid;
    text-align: center;
    position: relative;
    top: 3px;
    height: 34px;
    line-height: 29px;
    padding-right: 4px;
}
.home-btn {
    font-size: 20px;
    color: #3d3d3d;
    background: url(/images/home-btn.png) 0 0 no-repeat;
    padding: 6px;
    display: inline-block;
    outline: none !important;
    border: none;
    width: 234px;
}
.home-bron {
    left: 0;
    position: absolute;
    top: 100px;
    z-index: 11;
    width: 100%;
}
#tl-reputation-widget,
.tl-reputation-widget {
    min-width: 131px !important;
}
div[class^="x-tl-booking-widget"] {
    display: none;
}
.form-btn {
	border: none;
	padding: 5px 20px;
	border-radius: 4px;
	background-color: #e95d43;
	color: #fff;
	font-size: 22px;
	text-align: center;
	outline: none;
}
.homeform input {
    text-align: center;
}
.header1 {
	padding: 13px 0;
}
.header2 {
	padding: 13px 0 0 0;
	background: #f6f6f6;
}
.header2.menu a {
	font-size: 20px;
	color: #000;
}
.header2.menu .div-menu > a {
	display: inline-block;
	padding-bottom: 13px;
	border-bottom: 2px transparent solid;
}
.header2.menu .div-menu > a:hover {
	border-bottom: 2px #e95d43 solid;
	text-decoration:none;
}
.inner footer {
	background: #f6f6f6;
	padding: 40px 0;
	color: #555555;
}
.inner footer a {
	color: #000;
	text-decoration: underline;
}
.inner footer .top-phone a {
	text-decoration: none;
}
.inner .fmenu {
	margin-bottom: 20px;
}
.inner .bottom-social {
	margin-top: 20px;
}
.div-menu {
	position: relative;
}
.submenu {
    display: none;
    position: absolute;
    top: 45px;
    left: 0px;
    z-index: 120;
    width: 160px;
    /* width: 100%; */
    width: auto;
    padding-top: 10px;
    /*border: #ccc 1px solid;*/
}
.submenu:before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #f6f6f6 transparent;
	position: relative;
	left: 30px;
}
.submenu a {
    background: #f6f6f6;
	display: inline-block;
	width: 100%;
    text-align: left;
    padding: 15px 15px 15px 15px !important;
    border-bottom: #d9dee0 1px solid !important;
    color: #2a2728 !important;
    line-height: 18px !important;
    font-size: 16px !important;
    white-space: nowrap;
    text-decoration: none !important;
}
.submenu.konferents>a {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.div-menu:hover .submenu {
    display: block;
}

.submenu-mobile {
    display: none;
}

.header2.menu .div-menu:hover > a {
	border-bottom: 2px #e95d43 solid;
	text-decoration:none;
}

.submenu a:hover {
	opacity: 1;
	-webkit-box-shadow: inset 0 3px 15px -12px black;
        box-shadow: inset 0 3px 15px -12px black;
}

.container1 {
	width: 1300px;
	max-width: 100%;
	margin: 0 auto;
}
footer .container1 {
    width: 1024px;
}
.komf {
    margin-left: 10px;
    background: #79a9e2;
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    border-radius: 15px;
}
.free {
    margin-left: 10px;
    background: #ea872f;
    display: inline-block;
    padding: 3px 5px;
    color: #fff;
    border-radius: 15px;
}
.formZag1 {
    font-size: 33px;
    line-height: 50px;
    color:#e95d43;
    text-align: center;
    margin-bottom: 30px;
}
.zak_call .modal_content {
    width: 572px;
    padding-left: 90px;
    padding-right: 90px;
}
.zak_call .inp {
    padding: 7px 20px;
    font-size: 18px;
    margin-bottom: 30px;
}
.zak_call .form-btn {
    font-size: 22px;
    padding: 4px 30px;
}
.rooms-slider .owl-stage,
.coffee-carousel .owl-stage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rooms-slider .owl-stage .owl-item,
.coffee-carousel .owl-stage .owl-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.rooms-slider .owl-stage .owl-item.active {
    display: block;
}

.rooms-slide {
    width: 100%;
    position: relative;
    z-index: 10;
    cursor: pointer;
}
.rooms-slide img {
    max-height: 530px;
}
.active .rooms-slide img {
    max-height: none;
}
.rooms-slider-wrap {
    background: url(/images/rooms-bg-vert.png) left center repeat-x;
    margin-bottom: 60px;
}

.rooms-slider .owl-next {
    display: block;
    background: url(/images/rooms-slide-right.png) 0 0 no-repeat !important;
    width: 43px;
    height: 78px;
    right: 15%;
    top: 40%;
    position: absolute;
    z-index: 10;
    outline: none;
}

.rooms-slider .owl-prev {
    display: block;
    background: url(/images/rooms-slide-left.png) 0 0 no-repeat !important;
    width: 43px;
    height: 78px;
    left: 15%;
    top: 40%;
    position: absolute;
    z-index: 10;
    outline: none;
}
.rooms-slide-desc {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30;
    width: 100%;
    padding: 80px 40px;
    height: 100%;
    background: rgba(0,0,0,0.5);
}

 .rooms-name {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
.rooms-slider .active .rooms-name {
    font-size: 65px;
    line-height: 65px;
}
.rooms-slider .rooms-slide .komf {
    font-size: 20px;
    line-height: 22px;
    position: relative;
    top: -20px;
}
.rooms-slider .active .rooms-slide .komf {
    font-size: 30px;
    line-height: 32px;
    padding: 5px 10px;
    top: -30px;
}
.rooms-slider .prev .rooms-name {
	text-align: right;
}
.rooms-price {
	font-size: 25px;
	color: #fff;
    margin-top: 15px;
}
.rooms-price .price {
	display: inline-block;
	padding: 3px 5px;
	margin: 0 5px;
	font-size: 40px;
	line-height: 42px;
	background: #ea7558;
}
.rooms-slider .next .rooms-price,
.rooms-slider .prev .rooms-price,
.rooms-slider .next .rooms-bron,
.rooms-slider .prev .rooms-bron,
.rooms-slider .next .rooms-square,
.rooms-slider .prev .rooms-square {
	display: none;
}
/*.rooms-slider .next .rooms-slide-desc,
.rooms-slider .prev .rooms-slide-desc {
    background: rgba(0,0,0,0.5);
}
*/

.rooms-slider .active .rooms-slide-desc {
    padding: 70px 70px;
    background: rgba(0,0,0,0.4);
}

.rooms-slider .active:hover .rooms-slide-desc {
    background: transparent;
}

.rooms-bron {
    position: absolute;
    bottom: 60px;
}
.bron {
    background: url(/images/button-bron.png) 0 0 no-repeat;
    background-size: cover;
    width: 272px;
    height: 76px;
    text-align: center;
    color: #fff !important;
    display: inline-block;
    outline: none !important;
    text-decoration: none !important;
    font-size: 28px;
    padding-top: 15px;
    border: none;
}
.row-togglers {
    margin-top: 20px;
}
.bron-long-1 {
    background: url(/images/button-bron-long1.png) 0 0 no-repeat;
    background-size: cover;
    width: 222px;
    height: 51px;
    text-align: center;
    color: #fff !important;
    display: inline-block;
    outline: none !important;
    text-decoration: none !important;
    font-size: 15px;
    padding-top: 14px;
}
.bron:hover {
    opacity: 0.9 !important;
}
.rooms-square {
    font-size: 130px;
    line-height: 135px;
    color: #fff;
    position: absolute;
    right: 70px;
    top: 70px;
}
.rooms-square .kvm {
    font-size: 50px;
    line-height: 55px;
}
.rooms-square.brd {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: #fff 1px solid;
}
.rooms-anons {
    color: #fff;
    position: absolute;
    right: 70px;
    top: 240px;
    text-align: right;
}
.rest .rooms-anons {
    right: initial;
    left: 70px;
    text-align: left;
    top: 185px;
}
.owl-carousel .owl-item  .rooms-anons img {
    width: initial;
    display: inline-block;
}
.podr {
    display: inline-block;
    outline: none !important;
    text-decoration: none !important;
    font-size: 16px;
    color: #fff;
    padding: 3px 10px;
    background: transparent;
    border: #fff 1px solid;
    border-radius: 15px;
}
.podr:hover {
    background: #fff;
    color: #000;
}
.rub {
    font-family: 'Rouble';
}
h1 .komf {
    font-size: 30px;
    padding: 5px 7px;
    line-height: 30px;
}
.owl-h1 a {
    color: #d5d5d5;
    font-size: 35px;
    line-height: 35px;
    display: inline-block;
    text-decoration: none !important;
}
.owl-h1 {
    margin-top: 2px;
}
.owl-h1 .owl-item {
    position: relative;
}
.owl-h1 .owl-item:after {
    position: absolute;
    right: -20px;
    top: 5px;
    height: 28px;
    display: block;
    width: 1px;
    background: #ccc;
    content: '';
}
.owl-h1 .owl-prev {
    display: block;
    background: url(/images/rooms-slide-left.png) 0 0 no-repeat !important;
    width: 24px;
    height: 46px;
    background-size: 24px 46px !important;
    top: -5px;
    left: -30px;
    position: absolute;
    outline: none !important;
}
.owl-h1 .owl-next {
    display: block;
    background: url(/images/rooms-slide-right.png) 0 0 no-repeat !important;
    width: 24px;
    height: 46px;
    background-size: 24px 46px !important;
    top: -5px;
    right: -30px;
    position: absolute;
    outline: none !important;
}

.tdh1 {
    width: 42%;
    padding-right: 80px;
}
.tdh2 {
    width: 58%;
}

.min-stoim {
    font-style: italic;
    color: #7f7f7f;
    font-size: 14px;
    line-height: 14px;
    padding-left: 20px;
    position: relative;
    margin-top: 15px;
}
.min-stoim:before {
    color: #f00;
    content: '*';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
}
 .one-room-price > div {
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
}
.one-room-price > .ot {
    font-size: 16px;
    line-height: 16px;
    width: 100%;
}
.one-room-desc .phone_link small,
.one-room-desc .phone_link small > *{	
	text-decoration: none!important;
}
.one-room-desc .phone_link > small:first-of-type {	
	padding: 6px 30px!important;
    font-size: 18px!important;
    color: white!important;
    background: linear-gradient(180deg, #e45e4b, #c63a2e);
    border-radius: 15px;
}
.har {
    margin-top: 30px;
}
.room-table tr td {
    font-size: 14px;
    line-height: 14px;
    padding: 14px;
    border:#ccc 1px solid;
}
.room-table tr:first-child td {
    border-top: none;
}
.room-table tr td:first-child {
    border-left: none;
}
.room-table tr td:last-child {
    border-right: none;
}
.room-table tr:last-child td {
    border-bottom: none;
}
.opis {
    margin-bottom: 20px;
}
.owl-room-big {
    margin-bottom: 19px;
}
.owl-room-small .owl-prev {
    display: block;
    background: url(/images/rooms-slide-left.png) 0 0 no-repeat !important;
    width: 14px;
    height: 28px;
    background-size: cover !important;
    top: 30%;
    left: -30px;
    position: absolute;
    outline: none !important;
}
.owl-room-small .owl-next {
    display: block;
    background: url(/images/rooms-slide-right.png) 0 0 no-repeat !important;
    width: 14px;
    height: 28px;
    background-size: cover !important;
    top: 30%;
    right: -30px;
    position: absolute;
    outline: none !important;
}
 a[href^="#toggle-"] {
    font-size: 20px;
    color: #000;
    display: inline-block;
    text-decoration: none !important;
    border-bottom: #ccc 1px dashed;
    padding-right: 30px;
    background: url(/images/red-arrow-down.png) right 9px no-repeat;
}
a[href^="#toggle-"].act {
    background: url(/images/red-arrow-up.png) right 9px no-repeat;
}
div[toggle] {
    display: none;
}
div[toggle].act {
    display: block;
}
.review {
    background: #f6f6f6;
    padding: 20px 60px;
}
.review p {
    margin-bottom: 0;
}
.reviews {
    margin-top: 30px;
}
.rateRate {
    color: #e95d43;
    font-size: 14px;
    font-weight: bold;
}
.owl-reviews img {
   width: auto !important;
    display: inline-block !important;
}

.owl-reviews .owl-prev {
    display: block;
    background: url(/images/rooms-slide-left.png) 0 0 no-repeat !important;
    width: 14px;
    height: 28px;
    background-size: cover !important;
    top: 10%;
    left: 20px;
    position: absolute;
    outline: none !important;
}
.owl-reviews .owl-next {
    display: block;
    background: url(/images/rooms-slide-right.png) 0 0 no-repeat !important;
    width: 14px;
    height: 28px;
    background-size: cover !important;
    top: 10%;
    right: 20px;
    position: absolute;
    outline: none !important;
}

.coffee_td.act {
    background: #eb6850;
    color: #fff;
}
.coffee_td.act img {
    filter: gray;
    -webkit-filter: grayscale(1) invert(100%);
    filter: grayscale(1) invert(100%);
}
.link-coffee {
    position: absolute;
    z-index: 20;
    padding: 5px 15px;
    background: #fff;
    border: #ccc 1px solid;
    color: #000;
    display: none;
}
.link-coffee a {
    color: #000;
    text-decoration: none !important;
}
.coffee-carousel-wrap-wrap {
    position: absolute;
    z-index: 40;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    left: 0;
    top: 0;
    display: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.coffee-carousel-wrap-wrap.Active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.coffee-carousel-wrap {
    width: 1230px;
    /*height: 80%;*/
    position: absolute;
    left: 0;
    right: 0;
    margin: auto auto;
}
.coffee-zag {
    text-align: center;
    font-size: 36px;
    padding: 40px 60px;
    line-height: 40px;
    background: #fff;
}
.coffee-desc {
    padding: 15px 60px;
    font-size: 20px;
    line-height: 30px;
    background: #fff;
}
.coffee-price {
    font-size: 35px;
    line-height: 72px;
    padding: 30px 15px;
    background: #e95d42;
    text-align: center;
    color: #fff;
}
.owl-carousel.coffee-carousel .owl-item img {
    display: inline-block;
    width: auto;
}
.coffee-carousel .coffee-slide {
    width: 490px;
    max-width: 100%;
    position: relative;
}
.coffee-carousel .next,
.coffee-carousel .prev {
    opacity: 0.7;
}
.coffee-carousel .next img,
.coffee-carousel .prev img {
    max-height: 110px;
}
.coffee-carousel .next .coffee-zag,
.coffee-carousel .prev .coffee-zag {
    font-size: 30px;
    padding: 30px 60px;
    line-height: 35px;
}
.coffee-carousel .next .coffee-desc,
.coffee-carousel .prev .coffee-desc {
    padding: 10px 60px;
    font-size: 16px;
    line-height: 20px;
}
.coffee-carousel .next .coffee-price,
.coffee-carousel .prev .coffee-price{
    font-size: 30px;
    line-height: 65px;
    padding: 20px 15px;
}
.coffee-carousel .owl-prev {
    display: block;
    background: url(/images/rooms-slide-left.png) 0 0 no-repeat !important;
    width: 24px;
    height: 46px;
    background-size: 24px 46px !important;
    top: 40%;
    left: calc(50% - 180px);
    position: absolute;
    outline: none !important;
}
.coffee-carousel .owl-next {
    display: block;
    background: url(/images/rooms-slide-right.png) 0 0 no-repeat !important;
    width: 24px;
    height: 46px;
    background-size: 24px 46px !important;
    top: 40%;
    right: calc(50% - 180px);
    position: absolute;
    outline: none !important;
}
.owl-carousel.coffee-carousel .owl-nav.disabled {
    display: block;
}
.pager a {
    color: #000;
    display: inline-block;
    padding: 3px 5px;
}
.pager a.act {
    font-weight: bold;
}
.row.reviews > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}
.row.reviews .review {
    width: 100%;
}
.row.news > div {
    margin-bottom: 20px;
}
.vert-grad {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7c7c7c+0,000000+100&0.61+0,0+68,0+68 */
    background: -moz-linear-gradient(top,  rgba(124,124,124,0.61) 0%, rgba(40,40,40,0) 68%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(124,124,124,0.61) 0%,rgba(40,40,40,0) 68%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(124,124,124,0.61) 0%,rgba(40,40,40,0) 68%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c7c7c7c', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.actions .action {
    position: relative;
    height: 250px;
    margin-bottom: 30px;
    cursor: pointer;
}
.action-grad {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.action-name {
    position: absolute;
    z-index: 10;
    width: 100%;
    padding: 10px 15px;
    top: 0;
    left: 0;
}
.action-name a {
    color: #fff;
    text-decoration: none !important;
    outline: none !important;
    font-size: 28px;
    line-height: 28px;
}
#fmZal input,
#fmZal select {
    border:#ccc 1px solid;
    border-radius: 5px;
    padding: 5px 15px;
    width: 100%;
    display: inline-block;
    outline: none;
}
#fmZal input:focus,
#fmZal select:focus {
    border:#e95d42 1px solid;

}
#fmZal select {
    padding: 7px 15px;
}
#fmZal label {
    font-size: 16px;
}
#fmZal .homeform-wrap {
    margin-bottom: 10px;
}
#fmZal .bron {
    font-size: 23px;
    padding-top: 0px;
}
#fmZal .alert-input-danger {
    border: #ff0000 1px solid;
}
#fmZal .form-control-checkbox {
    display: none;    
}
#fmZal .form-control-checkbox-alter::after {
    content: '☐';
    font-size: 22px;
    width: 22px;
    height: 22px;
    margin: 10px 2px 0 15px;
    display: block;    
}
#fmZal .form-control-checkbox:checked+span::after {
    content: '☑';
}
#c-warning {
    position: fixed;
    display: block;
    bottom: 0;
    width: 100%;
    padding: 16px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 12px rgba(0,0,0,0.25);
    box-shadow: 0px 4px 12px rgba(0,0,0,0.25);
    z-index: 20;    
}
#c-warning .c-layout {
    padding: 0 16px 0 0;
    color: #3D3D3D;
    text-align: center;
}
#c-warning .c-text {
    margin-bottom: 16px;
    line-height: 20px;
    padding-right: 20px;
    word-break: break-word;
    max-width: 100%;
    font-size: 15px;
    font-family: Arial, Helvetica, Tahoma, "Open Sans", sans-serif;
    color: #3D3D3D;
    display: inline-block;
}
#c-warning .c-button {
    opacity: 0.9;
    display: inline-block;
    cursor: pointer;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    padding: 8px 16px;
    font-family: Arial, Helvetica, Tahoma, "Open Sans", sans-serif;
    font-size: 12px;
    background-color: #FD372C;
    color: #fff;
    border-radius: 3px;
}
.toggler {
    display: none;
     transition: ,all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.toggler.showed {
    display: block
}
a[href="#toggler"] {
    display: inline-block;
    text-decoration: none;
    border-bottom: #ccc 1px dashed;
    font-size: 24px;
    position: relative;
    color: #000;
    padding: 5px 40px 0 0;
}
a[href="#toggler"]:after {
    width: 19px !important;
    height: 10px;
    background: url(/images/red-arrow-down.png) 0 0 no-repeat;
    position: absolute;
    right: 0;
    top: 18px;
    content: '';
}
a[href="#toggler"].act:after {
    background: url(/images/red-arrow-up.png) 0 0 no-repeat;
}
.td2h1 {
    position: relative;
}
.h1-owl-right-grad {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.star {
    color: #f00;
    display: inline;
}
.har[toggle="har"] {
    display: block;
}
.insta-about .wrapper {
    width: auto !important;
}
.owl-room-small .owl-item:last-child {
    margin-right: 0 !important;
}
.mar-left-20 {
    position: relative;
    left: 20px;
}

.rooms-slide .bron {
    position: relative;
    z-index: 70;
}
.rooms-small-active {
    border: #fb0000 1px solid;
}
.nyban {
    position: absolute;
    z-index: 10;
    right: 30px;
    bottom: 30px;
}
.closeNYBan {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 11;
}
.ivid {
    height: 100%;
}
.owl-room-big .owl-stage {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
/* /lichniy style */


@media (max-width: 1500px) {
    .rooms-slide img {
        max-height: 380px;
    }
    .active .rooms-slide img {
        max-height: 510px;
    }
    .rooms-slider .owl-next {
        right: 10%;
        width: 31px;
        height: 56px;
        background-size: cover !important;
    }
    .rooms-slider .owl-prev {
        left: 10%;
        width: 31px;
        height: 56px;
        background-size: cover !important;
    }
    .rooms-slider-wrap {
        background-size: 1px 449px;
    }
    .coffee-zag {
        font-size: 30px;
        padding: 20px 30px;
        line-height: 35px;
    }
    .coffee-desc {
        padding: 15px 30px;
        font-size: 16px;
        line-height: 20px;
    }
    .coffee-price {
        font-size: 35px;
        line-height: 50px;
        padding: 20px 15px;
    }
    .coffee-carousel .owl-next {
        right: calc(50% - 194px);
    }
    .coffee-carousel .owl-prev {
        left: calc(50% - 194px);
    }
}
@media (max-width: 1450px) {
    .big-slide-desc {
        top: 106px;
        width: 450px;
        right: 80px;
        top: 223px;
    }
    body.home {
        position: relative;
        height: 100%;
        overflow: auto;
    }

    .rooms-slider-wrap {
        background-size: 1px 425px;
    }
    .rooms-square {
        font-size: 70px;
        line-height: 70px;
    }
    .rooms-slider .active .rooms-name {
        font-size: 44px;
        line-height: 44px;
    }
    .rooms-square .kvm {
        font-size: 27px;
        line-height: 27px;
    }
    .rooms-slider .komf {
        font-size: 16px;
    }
    .rooms-price .price {
        font-size: 25px;
    }
    .rooms-anons {
        top: 170px;
    }
    h1 {
        font-size: 27px !important;
        line-height: 30px !important;
    }
    h1 .komf {
        font-size: 23px;
        line-height: 25px;
    }
    .owl-h1 a {
        font-size: 21px;
        line-height: 25px;
    }
    .owl-h1 {
        margin-top: 10px;
    }
    .owl-h1 .owl-prev,
    .owl-h1 .owl-next {
        width: 14px;
        height: 28px;
        background-size: cover !important;
        top: -1px;
    }
    .owl-room-small .owl-prev,
    .owl-room-small .owl-next {
        top: 15%;
    }

}
@media (max-width: 1400px) {
    .home footer{
        top: 98px;
    }
}

@media (max-width: 1300px) {
    .tdh1 {
        width: 50%;
        padding-right: 80px;
    }
    .tdh2 {
        width: 50%;
    }
}
@media (max-width: 1200px) {
     .big-slide-desc {
        top: 120px;
    }
     .big-slide-desc p ,
     .big-slide-desc p span {
        font-size: 14px !important;
    }
     .big-slide-desc p  {
        line-height: 16px;
    }
}
@media (max-width: 1100px) {
    .home footer{
        top: 97px;
    }
     .homeform {
        left: 20px;
    }
}

@media (max-width: 990px) {
    .nyban {
        bottom: 180px;
    }
	.inner .header1 {
		background: #f6f6f6;
	}
    .homeform {
        left: 20px;
        top: 160px;
    }
    .home header {
        background: #f4f4f4;
        padding: 5px 0 ;
    }
    .home footer{
        top: initial;
        bottom: 0;
    }

    .logohome {
        max-width: 57px;
    }
	.logoinner{
	    max-width: 57px;
	}
    footer a {
        margin-bottom: 15px;
    }
    footer .bottom-social a {
        padding: 0 10px;
    }
    .rooms-slide img {
        max-height: none;
    }
    .active .rooms-slide img {
        max-height: none;
    }
    .rooms-slider .owl-prev {
        display: block;
        background: url(/images/rooms-slide-left.png) 0 0 no-repeat !important;
        width: 24px;
        height: 46px;
        background-size: 24px 46px !important;
        top: initial;
        left: 20px;
        bottom: 17px;
    }
    .rooms-slider .owl-next {
        display: block;
        background: url(/images/rooms-slide-right.png) 0 0 no-repeat !important;
         width: 24px;
        height: 46px;
        background-size: 24px 46px !important;
        top: initial;
        right: 20px;
        bottom: 17px;
    }
    .rooms-slider .active .rooms-slide-desc {
        padding: 20px 20px;
        background-color: rgba(0,0,0,0.2);
    }
    .rooms-slider .active .rooms-name {
        font-size: 45px;
        line-height: 60px;
    }
    .rooms-slider .komf {
        font-size: 25px;
    }
    .rooms-square {
        font-size: 100px;
        line-height: 100px;
        top: 89px;
        right: 20px;
    }
    .rooms-square.brd {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .rooms-square .kvm {
        font-size: 50px;
        line-height: 50px;
    }
    .rooms-anons img {
        max-height: 45px;
        width: auto !important;
    }

    .rooms-anons {
        top: 209px;
        right: 20px;
    }
    .rooms-bron {
        bottom: 104px;
    }
    .rooms-bottom-line {
        height: 1px;
        background: rgba(255,255,255,0.5);
        width: 100%;
        z-index: 20;
        position: absolute;
        left: 0;
        bottom: 70px;
    }
    .rooms-prev-name {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        position: absolute;
        left: 50px;
        bottom: 29px;
        z-index: 20;
    }
    .rooms-next-name {
        color: #fff;
        font-size: 20px;
        line-height: 20px;
        position: absolute;
        right: 50px;
        bottom: 29px;
        z-index: 20;
    }
    .rooms-slider-wrap {
        background: none;
    }
    .tdh1 {
        /*width: 45%;*/
    }
    .owl-h1 .owl-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .owl-h1 a {
        white-space: nowrap;
    }
    .min-stoim {
        margin-top: 0;
    }


    .owl-room-big .owl-dots {
         display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        position: absolute;
        width: 100%;
        bottom: 20px;
        z-index: 20;
    }
    .owl-room-big .owl-dot {
        margin: 0 5px;
        padding: 0;
        width: 10px !important;
        height: 10px !important;
        outline: none !important;
        border: none !important;
        background: #fff !important;
        border-radius: 50%;
        cursor: pointer;
    }
    .owl-room-big .owl-dot.active {
        background: #b80604 !important;
    }

    .one-room-gal {
        padding-left: 0px;
        position: relative;
    }
    .one-room-gal-desc {
        position: absolute;
        padding: 30px;
        width: 100%;
        /*height: 100%;*/
        left: 0;
        top: 0;
        z-index: 20;
    }
    .one-room-gal-desc .rooms-square .kvm {
        font-size: 30px;
        line-height: 30px;
    }
    .one-room-gal-desc .rooms-square {
        position: initial;
        font-size: 30px;
        line-height: 30px;
        border-bottom: none;
    }
    .min-stoim-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
    .har[toggle="har"] {
        display: none;
    }
    body {
    	overflow-x: hidden;
    }
}

@media (max-width: 767px) {
    body.home {
        background-attachment: fixed !important;
    }
    .home .markertop {
        max-width: 30px;
    }
    .rest .rooms-anons {
        top: 52px;
        left: 15px;
    }
    .home footer {
        bottom: 0;
        top: 177px;
    }
    #tl-reputation-widget,
    .tl-reputation-widget {
        width: 131px !important;
    }
    .rooms-slide-desc {
        padding: 15px;
        height: 100%;
        background: rgba(0,0,0,0.2);
    }
    .rooms-square {
        display: none;
    }
    .one-room-gal {
        padding-right: 0;
    }
    .h1-owl-right-grad {
        display: none;
    }
    .one-room-gal-desc {
        padding: 10px 10px 0 10px;
    }
    .one-room-gal-desc .rooms-square {
        display: block;
    }
    .mob-anons img {
        max-height: 30px;
        width: auto;
    }
    .bron {
        color: #3a3a3a !important;
        background: url(/images/bron-gray.png) 0 0 no-repeat;
        background-size: cover;
        width: 158px;
        height: 38px;
        font-size: 20px;
        padding-top: 3px;
    }
    .rooms-price .price {
        background: none;
        font-size: 25px;
        line-height: 25px;
    }
    .rooms-bron {
        bottom: 15px;
    }
    .rooms-slide {
        margin-bottom: 30px;
    }
    .rooms-price {
        position: absolute;
        right: 15px;
        bottom: 18px;
    }
    .rooms-anons {
        top: auto;
        right: inherit;
        left: 50%;
        bottom: 20px;
    }
    .tdh1 {
        width: 100%;
        position: relative;
        padding: 0 20px;
    }
    .h1-room-prev,
    .h1-room-next {
        position: absolute;
        top: 22px;
        left: -7px;
        z-index: 10;
    }
    .h1-room-next {
        left: initial;
        right: -7px;
    }
    h1 {
        margin-bottom: 20px !important;
        margin-top: 20px !important;
    }
    .one-room-price > div {
        display: inline-block;
        font-size: 29px;
        line-height: 29px;
    }
    .one-room-price > .ot {
        width: auto;
        font-size: 30px;
        line-height: 30px;
    }
    .room-table tr td {
        display: block ;
        width: 50% !important;
        float: left;
    }
    .room-table tr td:first-child {
        border-right: none;
        border-bottom: none;
    }
    .room-table tr td:last-child {
        border-left: #ccc 1px solid;
        border-right: none;
        border-bottom: none;
    }
    .room-table tr:first-child td:nth-child(2) {
        border-bottom:  #ccc 1px solid;
    }
    .room-table tr:first-child td:first-child {
        border-bottom:  #ccc 1px solid;
    }
    .room-table tr td:nth-child(2) {
        border-right: none;
        border-bottom: none;
    }
    .room-table tr td:nth-child(3) {
        border-right: none;
        border-bottom: none;
        border-left: none;
    }
    .room-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        clear: both;
    }
    .rooms-name {
        font-size: 29px;
        line-height: 29px;
    }
    .fixedBron {
        -webkit-transform: translateZ(0);
            transform: translateZ(0);
        -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        position: fixed;
        bottom: 0;
        width: 100%;
        padding: 5px 0;
        z-index: 20;
        background: #fff;
        text-align: center;
    }
    .pageid51 .fixedBron {
        display: none !important;
    }
    #fmZal .bron {
        font-size: 19px;
        width: 194px;
        height: 46px;
    }
    .nyban {
        right: 0;
        bottom: 180px;
    }
}
/*garland */
.homeform {
	top: 323px;
}
.big-slide-desc {
	top: 323px;
}

/**/
.rooms-slider-wrap .rooms-slider .rooms-wrap-dop-gh {
    margin-top: 20px;
}
.rooms-slider-wrap .rooms-slider .rooms-wrap-dop-gh .komf {
    position: relative;
    top: auto;
    margin: 20px auto;
}
.rooms-slider-wrap .rooms-slider .rooms-wrap-dop-gh .rooms-square {
    position: relative;
    float: right;
    top: auto;
    right: auto;
    line-height: 50px;
}
@media (min-width: 1451px) {
   .rooms-slider-wrap .rooms-slider .rooms-wrap-dop-gh .rooms-square {
       font-size: 120px;
   }
}
@media (min-width: 991px) and (max-width: 1450px) {
   .rooms-slider-wrap .rooms-slider .rooms-anons {
       top: 200px;
   }
}
@media (min-width: 768px) and (max-width: 814px) {
   .rooms-slider-wrap .rooms-slider .podr {
       display: none;
   }
}
@media (max-width: 767px) {
   .rooms-slider-wrap .rooms-slider .rooms-wrap-dop-gh {
       margin-top: 40px;
   }
}

/* banner 10 */
.banner-10-content {
    width: 360px;
    height: 161px;
    position: fixed;
    right: 25px;
    bottom: 25px;
    z-index: 10;
}
.banner-10-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 25px;
    z-index: 11;
}
@media (max-width: 400px) {
   .banner-10-content {
       right: 0;
       bottom: 0;
       height: 105px;
   }
}
@media (max-width: 360px) {
    .rooms-anons {
        right: 10px;
        left: inherit;
    }
}


/** ek logo **/
header .ek-logo {
    position: absolute;
    top: 11px;
    left: 1%;
    z-index: 1;
}
.home header .ek-logo {
    top: 15px;
}
header .ek-logo a {
    border-bottom: none;
}
@media (min-width: 1810px) and (max-width: 1879px) {
   header .ek-logo {
       left: 10px;
   }
}
@media (min-width: 1730px) and (max-width: 1809px) {
   header .ek-move-left {
       padding-left: 70px;
   }
}
@media (min-width: 1425px) and (max-width: 1729px) {
   header .ek-logo {
       left: 1%;
   }
}
@media (min-width: 1366px) and (max-width: 1425px) {
   header .ek-move-left {
       padding-left: 70px;
   }
}
@media (min-width: 1290px) and (max-width: 1365px) {
   header .ek-logo {
       left: 10px;
   }
}
@media (min-width: 1200px) and (max-width: 1289px) {
   header .ek-move-left {
       padding-left: 70px;
   }
}
@media (min-width: 992px) and (max-width: 1080px) {
   header .ek-logo {
       left: 0;
   }
   header .ek-move-left {
       padding-left: 40px;
   }
}
@media (max-width: 991px) {
   header .ek-logo {
       top: 4px;
   }
   .home header .ek-logo {
       top: -2px;
   }
}
@media (min-width: 768px) and (max-width: 880px) {
   header .logohome, header .logoinner {
       margin-left: 50px;
   }
}
@media (min-width: 610px) and (max-width: 767px) {
   header .logohome, header .logoinner {
       margin-left: 20px;
   }
}
@media (max-width: 609px) {
   header .ek-logo {
       left: 0;
   }
}
@media (min-width: 575px) and (max-width: 609px) {
   header .logohome, header .logoinner {
       margin-left: 11px;
   }
}
@media (min-width: 460px) and (max-width: 574px) {
   header .logohome, header .logoinner {
       margin-left: 11px;
   }
}
@media (min-width: 400px) and (max-width: 459px) {
   header .logohome, header .logoinner {
       margin-left: 11px;
   }
}
@media (min-width: 300px) and (max-width: 399px) {
   header .logohome, header .logoinner {
       margin-left: 11px;
   }
}
@media (max-width: 354px) {
   header .ek-logo {
       display: none;
   }
   header .logohome, header .logoinner {
       margin-left: inherit;
   }
}