/*--------------------------------------------------------------

1.0 Reset

--------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}



html {

	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */

	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */

	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */

	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */

}



*,

*:before,

*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */

	-webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */

	-moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */

	box-sizing:         border-box;

}



body {

	background: #fff; /* Fallback for when there is no custom background color defined. */

}



article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section {

	display: block;

}



ol,

ul {

	list-style: none;

}



table { /* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}



caption,

th,

td {

	font-weight: normal;

	text-align: left;

}

blockquote:before,

blockquote:after,

q:before,

q:after {

	content: "";

}



blockquote,

q {

	quotes: "" "";

}



a:focus {

	outline: none;

}



a:hover,

a:active {

	outline: none;

}



a img {

	border: 0;

}



/*--------------------------------------------------------------

2.0 Typography

--------------------------------------------------------------*/

body,

button,

input,

select,

textarea {

	color: #404040;

	font-family: sans-serif;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 1.5;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

}



p {

	margin-bottom: 1.5em;

}



b,

strong {

	font-weight: bold;

}



dfn,

cite,

em,

i {

	font-style: italic;

}



blockquote {

	margin: 0 1.5em;

}



address {

	margin: 0 0 1.5em;

}



pre {

	background: #eee;

	font-family: "Courier 10 Pitch", Courier, monospace;

	font-size: 15px;

	font-size: 1.5rem;

	line-height: 1.6;

	margin-bottom: 1.6em;

	max-width: 100%;

	overflow: auto;

	padding: 1.6em;

}



code,

kbd,

tt,

var {

	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;

}



abbr,

acronym {

	border-bottom: 1px dotted #666;

	cursor: help;

}



mark,

ins {

	background: #fff9c0;

	text-decoration: none;

}



sup,

sub {

	font-size: 75%;

	height: 0;

	line-height: 0;

	position: relative;

	vertical-align: baseline;

}



sup {

	bottom: 1ex;

}



sub {

	top: .5ex;

}



small {

	font-size: 75%;

}



big {

	font-size: 125%;

}



/*--------------------------------------------------------------

3.0 Elements

--------------------------------------------------------------*/

hr {

	background-color: #ccc;

	border: 0;

	height: 1px;

	margin-bottom: 1.5em;

}



ul,

ol {

	margin: 0 0 1.5em 3em;

}



ul {

	list-style: disc;

}



ol {

	list-style: decimal;

}



li > ul,

li > ol {

	margin-bottom: 0;

	margin-left: 1.5em;

}



dt {

	font-weight: bold;

}



dd {

	margin: 0 1.5em 1.5em;

}



img {

	height: auto; /* Make sure images are scaled correctly. */

	max-width: 100%; /* Adhere to container width. */

}



figure {

	margin: 0;

}



table {

	margin: 0 0 1.5em;

	width: 100%;

}



th {

	font-weight: bold;

}



/*--------------------------------------------------------------

4.0 Forms

--------------------------------------------------------------*/

button,

input,

select,

textarea {

	font-size: 100%; /* Corrects font size not being inherited in all browsers */

	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */

	vertical-align: baseline; /* Improves appearance and consistency in all browsers */

}



button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

	border: 1px solid;

	border-color: #ccc #ccc #bbb;

	border-radius: 3px;

	background: #e6e6e6;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);

	color: rgba(0, 0, 0, .8);

	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */

	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 1;

	padding: .6em 1em .4em;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);

}



button:hover,

input[type="button"]:hover,

input[type="reset"]:hover,

input[type="submit"]:hover {

	border-color: #ccc #bbb #aaa;

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);

}



button:focus,

input[type="button"]:focus,

input[type="reset"]:focus,

input[type="submit"]:focus,

button:active,

input[type="button"]:active,

input[type="reset"]:active,

input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);

	outline: none;

}



input[type="checkbox"],

input[type="radio"] {

	padding: 0; /* Addresses excess padding in IE8/9 */

}



input[type="search"] {

	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */

	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */

	-moz-box-sizing:    content-box;

	box-sizing:         content-box;

}



input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */

	-webkit-appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */

	border: 0;

	padding: 0;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"],

textarea {

	color: #666;

	border: 1px solid #ccc;

	border-radius: 3px;

}



input[type="text"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="password"]:focus,

input[type="search"]:focus,

textarea:focus {

	color: #111;

}



input[type="text"],

input[type="email"],

input[type="url"],

input[type="password"],

input[type="search"] {

	padding: 3px;

}



textarea {

	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */

	padding-left: 3px;

	vertical-align: top; /* Improves readability and alignment in all browsers */

	width: 100%;

}



/*--------------------------------------------------------------

5.0 Links

--------------------------------------------------------------*/

a {

	color: royalblue;

}



a:visited {

	color: purple;

}



a:hover,

a:focus,

a:active {

	color: midnightblue;

}



/*--------------------------------------------------------------

6.0 General

--------------------------------------------------------------*/

header{

	position: absolute;

	z-index: 10000;

	background: url(/img/header_bg.png) no-repeat;

	background-position: bottom;

	background-size: cover;

	width: 100%;

	height: 102px;

	

}



body {

	background: url(/img/bg_main.png);

}



.wrapper {

	width: 100%;

}



.clearfix:after {

    content: "\0020"; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

    overflow:hidden;

}



.clearfix {

    display: block;

}



.clearfix {

    //display: inline-block;

}



* html .clearfix {

    height: 1%;

}



.hidden{

    display: none;

}



/*--------------------------------------------------------------

7.0 Fonts

--------------------------------------------------------------*/

@font-face{

    font-family: RobotoCondensed-Bold;

    src: url(fonts/RobotoCondensed-Bold.ttf);

}



@font-face{

	font-family: RobotoCondensed-Regular;

    src: url(fonts/RobotoCondensed-Regular.ttf);

}



@font-face{

	font-family: AmericanRetro;

    src: url(fonts/American_Retro/4281.ttf);

}



@font-face{

	font-family: ptSans;

    src: url(fonts/ptSans/2219.ttf);

}



@font-face{

	font-family: Roboto-Medium;

    src: url(fonts/Roboto-Medium.ttf);

}



@font-face{

	font-family: Ubuntu-B;

    src: url(fonts/Ubuntu-B.ttf);

}



@import url(https://fonts.googleapis.com/css?family=Roboto);



/*--------------------------------------------------------------

8.0 Slider

--------------------------------------------------------------*/

.slider-container{

    width: 100%;

    height: 615px;

}





button.slick-prev.slick-arrow{

    left: 315px;

    background: url(/img/arrow_left.png);

    height: 47px;

    width: 47px;

    top: 320px;

    z-index: 11;

    box-shadow:none;

    border: none;

    text-shadow: none;

}



button.slick-next.slick-arrow{

    right: 315px;

    background: url(/img/arrow_right.png);

    top: 320px;

    z-index: 11;

    height: 47px;

    width: 47px;

    box-shadow:none;

    border: none;

    text-shadow: none;

}



button.slick-arrow:before{

    content: ''; 

}



h2.slider-title{

    font: 700 50px RobotoCondensed-Regular;

    color: #ffffff;

    text-transform: uppercase;
text-shadow: 1px 1px 10px black;
    letter-spacing: 1px;

    width: 582px;

	text-align: center;

	margin: 239px auto 0;

}



p.slider-text {
text-shadow: 1px 1px 10px black;
    font: 400 16px / 24px RobotoCondensed-Regular;

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: normal;

    width: 582px;

    text-align: center;

	margin: 11px auto 0;

}



a.button {

    width: 165px;

    height: 34px;

    text-decoration: none;

    background-color: #ffe26f;

    border-radius: 33px;

    color: #3e2212;

    padding: 8px 24px 0px 34px;

  	white-space: nowrap;

}



a.button:active {

    box-shadow: inset 0px 2px 5px 1px;

}



a.button:hover {

    box-shadow: 0px 2px 5px 1px;

}



.slider-button {

	font: 500 14px Roboto;

	display: block;

    margin: 48px auto 0;

}



article.form form input[type="submit"]:hover,

a.application:hover,

a.consultation:hover{

	background-color: rgba(216, 85, 17, 0.88);

 }



.slider.slider-nav.slick-initialized.slick-slider,

.slider.slider-nav-standart.slick-initialized.slick-slider,

.slider.slider-nav-lux.slick-initialized.slick-slider{

  max-height: 49px;

  overflow: hidden;

}



/*--------------------------------------------------------------

9.0 Header

--------------------------------------------------------------*/

div.header-container{

    max-width: 1007px;

    margin: 0 auto;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.logo {

    margin-left: 20px;

    float: left;

}



.sub-logo {

    display: inline-block;

    color: #601901;

    font: 400 16px ptSans;

    position: absolute;

    top: 62px;

    left: 31px;

    text-transform: uppercase;

    letter-spacing: 2.6px;

    white-space: nowrap;

	

}



ul.nav-menu {

    display: block;

    margin: 0;

    float: left;

}



ul.nav-menu li {

	display: inline-block;

}



ul.nav-menu li a {

	color: #601901;

	font: 400 16px Roboto;

	text-decoration: none;

	margin: 0 8px;

}



ul.nav-menu li i.fa.fa-star {

    font-size: 8px;

    color: #cbbdac;

    vertical-align: middle;

}



ul.nav-menu li:hover i.fa.fa-star{

	color: #ffe26f;

}



ul.nav-menu li {

    margin: 0 2px;

}



div.social{

	display: inline-block;

	vertical-align: middle;

    float: left;

}



.social a {

    margin-right: 7px;

}



.header-phone {

    color: #601901;

    font: 700 20px RobotoCondensed-Regular;

    letter-spacing: 0.4px;

    float: right;

    display: block;

}



.header-phone a.callback{

    color: #3e2212;

    font: 500 13px Roboto;

    padding: 7px 15px;

}



.header-phone a.callback img{

	padding-right: 8px;

}



.header-phone span {

    white-space: nowrap;

    margin-bottom: 0.5px;

    display: block;

}



ul.mobile-nav li{

  list-style-type: none;

}



/*--------------------------------------------------------------

10.0 Article.Form

--------------------------------------------------------------*/

article.form {

	max-width: 950px;

    height: 316px;

    background-color: rgba(245, 220, 146,.6);

    margin: 52px auto 88px;

    border-radius: 28px;

    border: 2px solid white;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: center;

}



article.form h2 {

	color: #4b4b4b;

	font: 500 23px Roboto;

	align-self: center;

}



article.form form{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

	padding: 0 32px 0 40px;

}



article.form form input, article.form form select {

    height: 32px;

}



article.form form label {

	color: #bd0b0a;

	font: 500 18px Roboto;

}



article.form form input[type="submit"],

a.application,

a.consultation{

	color: #fff;

	font: 500 19px Roboto;

	border: none;

	width: 203px;

	height: 49px;

	border-radius: 22px;

	background-color: #f76419;

	box-shadow: 3px 5px 0px 0.00px rgba(198, 43, 32, 0.75);

	margin: 0 auto;

}



article.form form input{

	background-color: #fff;

	border: 1px solid #fff;

}



article.form form select {

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background: url("images/apperence.png") no-repeat right #fff;

	width: 149px;

	border: 1px solid #fff;

	margin-left: 10px;

	padding-left: 17px;

}



article.form form .datepicker{

	width: 117px;

}



input#dp1467550793461 {

    margin-left: 10px;

}



article.form form .name{

	width: 310px;

	margin-left: 10px;

}



input#dp1467550793462 {

    margin-left: 6px;

}



article.form form .count_of_guests{

	width: 111px;

	margin-left: 8px;

}



article.form form .email{

	width: 123px;

	margin-left: 8px;

}



article.form form .phone {

	width: 123px;

	margin-left: 6px;

}



/*--------------------------------------------------------------

11.0 section.about-hotel

--------------------------------------------------------------*/



.separator {

	margin: 0 auto 29px;

	display: block;

}



.bg_tracery_left {

	position: absolute;

	width: 166px;

	height: 586px;

	top: 1011px;

	left: 0px;

    z-index: -1;

}





.bg_tracery_right {

	width: 555px;

	height: 710px;

	position: absolute;

	top: 941px;

	right: 0px;

    z-index: -1;

}



.about-hotel-title {

	color: #444343;

	font: 700 39px / 25px Ubuntu-B;

	text-transform: uppercase;

	margin: 0 auto 50px;

	text-align: center;

	width: 400px;

}



.about-hotel-text {

	color: #434343;

	font: 400 18px Roboto;

	width: 833px;

	text-align: center;

	margin: 0 auto 35px;

}



.hotel-img-block {

	text-align: center;

	margin-bottom: 33px;

}



.hotel-img-block img {

	width: 212px;

	height: 212px;

	border-radius: 50%;

	border: 3px solid white;

}



.hotel-img-block img:nth-child(2){

	margin: 0 49px;

}





/*--------------------------------------------------------------

12.0 section.about-room

--------------------------------------------------------------*/



.about-room-title {

	color: #444343;

	font: 700 39px / 25px Ubuntu-B;

	text-transform: uppercase;

	margin: 0 auto 42px;

	text-align: center;

	width: 400px;

}



.about-room-text {

	color: #434343;

	font: 400 18px Roboto;

	width: 833px;

	text-align: center;

	margin: 0 auto 98px;

}



article.econom,

article.standart,

article.lux{

	width: 934px;

    height: 531px;

    margin: 0 auto 83px;

    background: url(images/article_about-room-bg.png) no-repeat;

}



article.lux {

	padding-bottom: 39px;

    margin-bottom: 0;

}



.article_about-room-frame {

	margin-top: -17px;

	margin-left: -21px;

	position: absolute;

}



.slider_about-room-container {

    float: left;

    margin: 28px 82px 0 44px;

}



article.standart .slider_about-room-container{

	float: right;

	margin: 26px 84px 0 0;

}



div.slider_about-room-container div.slider-nav .slick-arrow,

div.slider_about-room-container div.slider-nav-lux .slick-arrow,

div.slider_about-room-container div.slider-nav-standart .slick-arrow{

	display: none!important;

}



.icon {

	width: 34px;

	height: 34px;

	border-radius: 50%;

	display: inline-block;

	text-align: center;

	vertical-align: middle;

	margin: 3px;

}	



.slider-nav,

.slider-nav-lux,

.slider-nav-standart{

	margin-top: 13px;

}

.slider-nav img,

.slider-nav-lux img,

.slider-nav-standart img{

	margin: 0 2px;

}

.about-room-text-container {

	float: left;

    width: 380px;

    margin-right: 77px;

}





article.standart .about-room-text-container {

	margin: 0 0 0 89px

}



.about-room-text-container h3 {

	color: #3e2212;

    font: 500 25px Roboto;

    margin: 37px 0 20px 5px;

    text-transform: uppercase;

}



.about-room-text-container h4 {

	color: #9d8e67;

    font: 500 24px Roboto;

    margin: 9px 0 8px 1px;

}



.about-room-text-container p {

	color: #3e2212;

    font: 400 14px Roboto;

    margin-bottom: 14px;

    line-height: 17px;

}



a.application {

    display: block;

    text-decoration: none;

    text-align: center;

    line-height: 50px;

    margin: 0px 0px 44px -10px;

}



/*--------------------------------------------------------------

13.0 section.price

--------------------------------------------------------------*/



.section_price-bg {

	width: 100%;

	height: 89px;

	background: url(images/section_price-bg.png);

	position: absolute;

}



section.price h2 {

	color: #f2ece5;

	font: 700 39.67px / 25px Ubuntu-B;

	width: 300px;

	margin: 0 auto;

	text-align: center;

	padding-top: 107px;

}



section.price h3 {

	color: #f0ebe4;

	font: 500 24px Roboto;

	width: 400px;

	margin: 38px auto 57px;

}



section.price {

	background: url(images/section_price-main_bg.png) no-repeat;

	margin-top: 39px;

	background-size: cover;

}



div.table {

	max-width: 960px;

	height: 355px;

	border-radius: 20px;

	background-color: rgba(240, 234, 228, 0.71);

	margin: 0 auto 26px;

	padding: 0;

	overflow: hidden;

}



.padding-block{

    width: 100%;

    overflow: hidden;

    padding: 0 10px;

}



div.table div.col {

	width: 25%;

	float: left;

	border-right: 1px solid #e9e1dc;

}



div.table div.col:last-child{

	border: none;

}



.table .col h3 {

    padding-bottom: 30px;

}



div.table div.col span{

	display: block;

	color: #3a3a3a;

	font: 400 20px / 66px Roboto;

	margin: 0 5px;

	text-align: center;

}



div.table div.col h3 {

	color: #3a3a3a;

	font: 500 24px Roboto;

	text-align: center;

	width: 100%;

	margin-bottom: 0;

}

a.consultation {

	display: block;

    text-decoration: none;

    text-align: center;

    line-height: 50px;

	margin-bottom: 178px;

}

a.consultation img{

	margin: -5px 10px -4px -1px;

}



.section_price-bottom_bg{

	width: 100%;

	height: 89px;

	background: url(images/section_price-bottom_bg.png);

}



/*--------------------------------------------------------------

14.0 section.application

--------------------------------------------------------------*/



.application-title,

.map-title {

	color: #434343;

	font: 500 28px Roboto;

	background: url(images/111.png) no-repeat;

	background-position-y: center;

	width: 480px;

	margin: 0 auto 75px;

	text-transform: uppercase;

	text-align: center;

}



.map-title {

	width: 542px;

	background: url(images/222.png) no-repeat;

    background-position-y: center;

	margin: 0 auto 51px;

}



.application-article {

	width: 955px;

	background: url(images/article.application.png) no-repeat;

	margin: 0 auto;

}



.application-article h3{

	width: 306px;

	margin: 82px auto 32px;

	color: #434343;

	font: 500 20px Roboto;

	display: inline-block;

}



.application-article form{

	width: 368px;

	display: inline-block;

}



.application-article input{

	width: 368px;

	height: 56px;

	background-color: #f8f5f4;

	border-radius: 20px;

	border: 2px solid #b7b0a7;

	padding-left: 25px;

}



.application-article input:focus {

  box-shadow: 0 0 9pt 1pt #B7AFC5;

  outline: none;

}



.application-article input[type="text"]{

	margin-bottom: 7px;

}



.application-article input[type="tel"]{

	margin-bottom: 23px;

}



.application-article input[type="submit"] {

	width: 200px;

    height: 40px;

    background: url(images/Mail_Sent-128.png) no-repeat;

    background-position: 10px center;

    background-color: #ffe26f;

    color: #6d430c;

    font: 500 14px Roboto;

    border: none;

    padding-left: 40px;

	margin: 0 auto 81px;

    display: block;

}



.application-article img.phone_img {

	margin: 88px 41px 0 115px;

	float: left;

	width: 300px;

}



.application {

	margin-bottom: 49px;

}



.map-container {

	width: 100%;

	height: 567px;

}



.map-bottom-bg {

	  width: 100%;

    min-height: 89px;

    background: url(images/map-bottom-bg.png);

    background-size: cover;

    margin-top: -18px;

    position: absolute;

	

}

.map-bottom-bg p {

	color: #ffffff;

	font: 500 30px Roboto;

	width: 100%;

  text-align: center;

	padding-top: 45px;

}



.map-bottom-bg p a{

	color: #e8d594;

	font: 500 25px Roboto;

	/*margin-left: 76px;*/

  white-space: nowrap;

  padding-top: 25px;

}



#bodyContent p{

	color: #434343;

	font: 500 16px Roboto;

}



#bodyContent img{

	margin-right: 11px;

}



#bodyContent p.map-phone img{

    display: block;

    float: left;

    margin-top: 2px;

}



#bodyContent p.map-adress img{

    display: block;

    float: left;

}



#bodyContent p.map-mail img{

    display: block;

    float: left;

    margin-top: 0;

}



/*--------------------------------------------------------------

15.0 mozilla

--------------------------------------------------------------*/





@-moz-document url-prefix() {

.header-phone span {font-size: 18px;}

article.econom, article.standart, article.lux {position: relative;}

.article_about-room-frame {

    margin-top: 0;

    margin-left: 0;

    position: absolute;

    top: -17px;

    left: -21px;

}

}



/*--------------------------------------------------------------

16.0 Responsiv

--------------------------------------------------------------*/

@media only screen and (max-width: 1350px){

	button.slick-prev.slick-arrow{

		left: 215px;

	}

	

	button.slick-next.slick-arrow{

		right: 215px;

	}

}





@media only screen and (max-width: 1150px){

	button.slick-prev.slick-arrow{

		left: 65px;

	}

	

	button.slick-next.slick-arrow{

		right: 65px;

	}

}



@media only screen and (max-width: 400px){

	button.slick-prev.slick-arrow{

		left: 15px;

	}

	

	button.slick-next.slick-arrow{

		right: 15px;

	}

}





@media only screen and (max-width: 1000px){

    article.econom, 

    article.standart, 

    article.lux, 

    article.application-article {

        width: 96%;

        background-image: none;

        background-color: #fff;

        border-radius: 20px;

        margin: 30px auto;

    }

    .article_about-room-frame{

        display: none;

    }

}





@media only screen and (max-width: 970px){

    .slider_about-room-container,

    .about-room-text-container,

    article.standart .slider_about-room-container,

    article.standart .about-room-text-container{

        width: 46%;

        margin: 0 2%;

    }

    

    .slider_about-room-container,

    article.standart .slider_about-room-container{

        margin-top: 40px;

    }

}





@media only screen and (max-width: 910px){

    article.form {

        height: auto;

        padding: 20px;

    }

    

    article.form form label input,

    article.form form label select,

    article.form form .datepicker{

        width: 48%;

        margin: 10px;

    }

    

    article.form form {

        margin-top: 20px;

    }

}





@media only screen and (max-width: 910px){

    ul.mobile-nav{

    width: 100%;

    text-align: center;

    margin: 25% 0 0 0;

  }

  

  ul.mobile-nav li:hover i {

    color: dimgray;

  }

  

  .social.hidden{

    display: none;

  }

  

  ul.nav-menu{

    display: none;

  }

  

  div.header-container{

    justify-content: space-between;

    align-items: center;

    display: -webkit-flex;

    display: -moz-flex;

    display: -ms-flex;

    display: -o-flex;

    display: flex;

  }

  

  .burger{

	  display: block;

    width: 50px;

    height: 50px;

    float: right;

    margin-right: 40px;

    padding: 12px 0;

    background-color: #e4dedb;

    position: relative;

    cursor: pointer;

	  z-index: 111111;

  }

  

  .burger.active span:first-child{

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    top: 25px;

  }

  

  .burger.active {

    background-color: inherit;

}



.burger.active span {

    background-color: white;

}

  

  .burger.active span:nth-child(2){

	  display: none;

  }

  

  .burger.active span:last-child{

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    top: 25px;

  }

  

  .burger span:first-child{

	  width: 40px;

    top: 13px;

    left: 5px;

    height: 3px;

    background-color: #afafaf;

    display: block;

    transition: .1s ease;

    position: absolute;

  }

  

  .burger span:nth-child(2){

	  width: 40px;

    top: 23px;

    left: 5px;

    height: 3px;

    background-color: #afafaf;

    display: block;

    transition: 1s ease .4s;

    position: absolute;

  }

  

  .burger span:last-child {

    width: 40px;

    top: 33px;

    left: 5px;

    height: 3px;

    background-color: #afafaf;

    display: block;

    transition: .1s ease;

    position: absolute;

}

  

  .mobile-nav-container {

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 10000;

    background: rgba(0,0,0,.92);

    bottom: 0;

    left: 0;

		overflow: auto;

}

    

  l.mobile-nav {

    width: 100%;

    text-align: center;

    font-size: 50px;

    font-family: roboto;

    margin: 44% 0 0 0;

    display: block;

	

}

  ul.mobile-nav li i{

    color: #ffe26f;

    font-size: 10px;

    vertical-align: middle;

  }

  ul.mobile-nav li a{

    text-decoration: none;

    color: #fff;

    margin: 20px;

    text-transform: uppercase;

  }

  

  ul.mobile-nav li {

    margin-top: 30px;

	    

}

}





@media only screen and (max-width: 872px){

    .application-article img.phone_img{

        margin-left: 0;

    }

    .about-hotel-text,

    .about-room-text{

        width: 98%;

    }

  button.slick-prev.slick-arrow{

    top: 570px;

  }

  

  button.slick-next.slick-arrow{

    top: 570px;

  }

  

}



@media only screen and (max-width: 803px){

  .burger{

    margin-right: 10px;

  }

  

  article.form form label{

    width: 100%;

    padding: 10px;

  }

  

  article.form form label input,

  article.form form label select{

    width: 70%!important;

    margin: 0!important;

    float: right;

  }

}





@media only screen and (min-width: 468px){

  .header-container .header-phone{

    display: block;

  }

}



@media only screen and (min-width: 724px) and (max-width: 740px){

	.slider_about-room-container{

		max-width: 90%;

	}

}





@media only screen and (min-width: 380px) and (max-width: 740px){

  .slider_about-room-container{

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    width: 100%;

  }

}



@media only screen and (min-width: 767px) and (max-width: 768px){

  .slider_about-room-container{

    padding-left: 200px;

  }

}



@media only screen and (max-width: 768px){

  div.social,

  .header-phone{

    display: none;

  }

  

  h2.slider-title{

    width: 100%;

    padding: 5px;

  }

  

  p.slider-text{

    width: 100%;

    padding: 10px 0;

  }

  

  article.form form label input, 

  article.form form label select, 

  article.form form .datepicker{

    width: 100%!important;

    margin: 5px 0!important;

    float: left;

  }

  

  article.form form input[type="submit"]{

    margin: 10px 0;

  }

  

  .about-hotel-title,

  .about-room-title,

  section.price h2,

  section.price h3{

    width: 100%;

    text-align: center;

  }

  

  article.econom, 

  article.standart, 

  article.lux, 

  article.application-article{

    height: auto;

    clear: both;

    overflow: hidden;

  }

  

  .slider_about-room-container, 

  article.standart .slider_about-room-container{

    width: 95%!important;

  }

  

  .about-room-text-container h3{

    margin-left: 0;

    padding: 0 10px;

  }

  

  .about-room-text-container h4,

  .about-room-text-container p{

    padding: 0 10px;

  }

  

  a.application{

    margin: 10px auto;

  }

  

  div.icon-container{

    display: block;

    width: 100%;

    margin: 10px 0;

    text-align: center;

  }

  

  .slider_about-room-container, 

  .about-room-text-container, 

  article.standart .slider_about-room-container, 

  article.standart .about-room-text-container,

  .application-title, .map-title,

  .application-article form,

  .application-article input{

    width: 100%;

  }

  

  .application-title, .map-title{

    background: none;

  }

  

  .application-article img.phone_img{

    display: none;

  }

  

  .application-article h3{

    width: 100%;

    text-align: center;

    margin: 25px 0;

  }

  

  .application-article input[type="text"],

  .application-article input[type="tel"]{

    width: 94%;

  }

  

  form#application {

    text-align: center;

  }

  .application-article input[type="submit"]{

    margin-bottom: 30px;

  }

  

  .map-bottom-bg h3 a{

    margin: 0;

    white-space: normal;

  }

  

  div.table div.col h3{

    font-size: 12px;

    font-weight: bold;

  }

  

  div.table div.col span{

    font-size: 12px;

  }

  

  ul.mobile-nav{

    width: 100%;

    text-align: center;

    margin: 25% 0 0 0;

  }

  

  ul.mobile-nav li:hover i {

    color: dimgray;

  }

  

  .social.hidden{

    display: block;

    width: 100%;

    margin-top: 22px;

  }

  

  .map-container{

  	height: 300px;

  }

}



@media only screen and (max-width: 480px){

	.h1-logo{ margin-top: 2px!important;}

}



#back-to-top {

    position: fixed;

    bottom: 40px;

    right: 40px;

    z-index: 9999;

    width: 32px;

    height: 32px;

    text-align: center;

    line-height: 30px;

    background: #f5f5f5;

    color: #444;

    cursor: pointer;

    border: 0;

    border-radius: 2px;

    text-decoration: none;

    transition: opacity 0.2s ease-out;

    opacity: 0;

}

#back-to-top:hover {

    background: #e9ebec;

}

#back-to-top.show {

    opacity: 1;

}



a.copy {

	color: #fff;

    text-decoration: none;

    font: 500 16px Roboto;

    margin-top: 20px;

	margin-bottom: 10px;

    text-align: center;

    display: block;

}



a.copy:hover{

	color: #e9ebec;

	text-decoration: underline;

}