/******************************************************************
  Template Name: Hotel Template
  Description: Hotel HTML Template
  Author: colorlib
  Author URI: https://www.colorlib.com/
  Version: 1.0
  Created: colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper CssF
3.  Header Section
4.  Hero Section
5.  Room Availability Section
6.  About Section
7.  Fecilities Section
8.  Testimonial Section
9.  Footer
10. Other Pages Style

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


/*----------------------------------------*/
/* Template default CSS

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

html,
body {
	height: 100%;
	font-family: "Taviraj", serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	background: #ыf7f7f7; /* rgb(136,137,137.9);   цвет фона серый*/
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
h11,
h12,
h13


  {
	margin: 0;
	color: #111111;
	font-weight: 500;
	font-family: "Taviraj", serif;
}


h13 {
	font-size: 50px;
	color: #ffffff;
}


h1 {
	font-size: 35px;
	color: #ffffff;
}

h12 {
	font-size: 26px;
	color: #ae9548;

}

h11 {
	font-size: 70px;
	color: #ae9548;

}



h2 {
	font-size: 36px;
}

h3 {
	font-size: 22px;
	color:#dbd8a3 ;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
	
}

h7 {
	font-size: 36px;
	color: gold;
}

h30 {
	font-size: 30px;
}

h20 {
	font-size: 20px;
	
	
}


p {
	font-size: 16px;
	color:#fff;
	font-family: "new times roman";
	font-weight: 400;
	line-height: 28px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #081624;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

[class^=flaticon-]:before,
[class*=" flaticon-"]:before,
[class^=flaticon-]:after,
[class*=" flaticon-"]:after {
	font-family: Flaticon;
	font-size: 30px;
	font-style: normal;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 80px;
}

.section-title h2 {    
	color: #7c6f18;
	font-size: 32px;
	font-weight: 400;
	line-height: 72px;
}







.set-bg {                                           /*  верхний баннер hero*/
	background-repeat: no-repeat;
	background-size: auto /*cover*/;
	background-position: top center;
}

.spad {
	padding-top: 10px; /*высота */
	padding-bottom: 10px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #ffffff;
}



/* buttons */








.primary-btn {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 15px 0;
	padding-left: 34px;
	padding-right: 64px;
	color:   #081624;                        /* цвет надписи */
	font-family: "new times roman";
	text-transform: uppercase;
	border: 2px solid #AE954B;
	position: relative;
}

.primary-btn i {                         
	position: absolute;
	right: 25px;
	top: 14px;
	font-size: 21px;
	color: #AE9548;
}

.submit-btn {                                     /*для кнопки Забронировать на room.html*/
	position: absolute;
	margin-top: 10px;      
	padding: 8px 0;
	padding-left: 24px;
	padding-right: 24px;
	color: #dbd8a3;                               /* цвет надписи */ 
	background: gray;
	font-size: 14px;
	font-weight: 400;
	border: 2px solid #AE954B;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	cursor: pointer;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {                    /*скрепка крутящаяся при Обновлении*/
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.el-title {
	margin-bottom: 75px;
}

.element {
	margin-bottom: 100px;
}

.element:last-child {
	margin-bottom: 0;
}

/*-----------видео---------------*/

.vids {
  background-color:
  display: flex;
  width: 50%;
  height: 50vh;
  aspect-ratio: 16/13;
  /*object-fit: cover;*/
  /*overflow: hidden;*/
  }



/* Центрирование и масштабирование самого видео */
.vids video {
    position: absolute;
    /*margin-top: 100px;  */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Сдвиг для идеального центра */
    min-width: 50%;
    min-height: 50%;
    width: auto;
    height: auto;
    
}

/*-----------видео---------------*/

.opisanie{                                   /*описание гостиницы*/
	    padding-bottom: 50px;
		color:#7c6f18 ;
        font-size:22px;  
	    font-family:"new times roman";
		/*text-align: center ;*/
		
}


.opisanie2{                                   /*блок текста после номеров */
	    padding-bottom: 50px;
		padding-top: 50px;
		color:#7c6f18 ;
        font-size:22px;  
	    font-family:"new times roman";
		text-align: center ;
		
}




.my-text-contacts{
	    color: #000000;                    /* раздел "контакты"*/ 
        font-size:20px;  
		line-height: 20px;
	    font-family:"new times roman";    
		margin-left: 30px;
		text-align: left;
}


.my-text1{
	    color: #dbd8a3;  /* золотистый*/
        font-size:40px;  
	    
		font-family:"new times roman";    /* в анзасе к вашим услугам*/
		padding-bottom: 120px;
		padding-bottom: 120px;
	    text-align: center;	
}

.my-text2{
	    color: #dbd8a3;
        font-size:30px;  
	    font-family:"new times roman";    /* заголовок номера в анзасе к вашим услугам*/
		margin-top: 0px;
        margin-bottom: 30px;
		text-align: center; }


.my-text3 {                                   /* для цены  в описании номера  в  room.html*/
	font-size: 26px;
	color: #dbd8a3;
	font-family: "new times roman";
	font-weight: 400;
	line-height: 28px;
	float: right;
}


.my-text-menu {                                   /* для экспериментов с меню*/
	font-size: 18px;
	color: #f7f7f7;
	font-family: "new times roman";
	font-weight: 400;
	line-height: 22px;
	margin: 20px 0px 0px 0px;
	float: right;
}




/*---------------------
  Header - полоса меню
-----------------------*/

.header-section {
	background:  #541422;   /*фон бордо */
	padding:30px 0;                                /*отступ содержимого меню от верхнего края области меню header*/
	position: absolute;   /*полоса меню*/
	left: 0;
	width: 100%;
	
}

.header-section.other-page {
	border-bottom: 1px solid #ae9548;
}

.header-section.other-page .inner-header .main-menu {
	margin-right: 0;
}

.header-section.other-page .inner-header .main-menu ul li {
	margin-right: 38px;
}

.header-section.other-page .inner-header .top-widget {
	float: right;
}

.header-section.other-page .inner-header .top-widget .top-info {
	float: left;
	margin-left:40px;
}

.header-section.other-page .inner-header .top-widget .top-info.address {
	margin-right: 40px;
}

.header-section.other-page .inner-header .top-widget .top-info.phone-num {
	float: right;
	position: relative;
}

.header-section.other-page .inner-header .top-widget .top-info.phone-num img {
	position: absolute;
	left: 0px;
	top: -3px;
}

.header-section.other-page .inner-header .top-widget .top-info.phone-num span {
	font-size: 16px;
	font-family: "new times roman";
	font-weight: 400;
	color: #ffffff;
	letter-spacing: 0.5px;
	line-height: 18px;
	display: inline-block;
	margin-left: 45px;
}

.inner-header .logo {
	float: left;
	padding-left: 100px;                            /*отступ логотипа  (участвует в медиа-адаптациях*/
	margin-right: 30px;
	margin-top:  -2px;       /*отступ логотипа. влияет на высоту баннера меню   */                      
}

.inner-header .logo a {
	display: block;
}

.inner-header .main-menu {
	float: left;
	margin-right: 25px;
}

.inner-header .main-menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 80px;                 /*расстояние между пунктами меню   (участвует в медиа-адаптациях */
	position: relative;
	
}

.inner-header .main-menu ul li:hover a {
	color: #ae9548; /* цвет подсветки пункта меню при наведении*/
}

.inner-header .main-menu ul li .drop-menu {
	position: absolute;
	left: 0;
	top: 70px;
	background: #ffffff;
	width: 220px;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.inner-header .main-menu ul li .drop-menu li {
	display: block;
	margin-right: 0;
}

.inner-header .main-menu ul li .drop-menu li:hover a {
	color: #ae9548;
}

.inner-header .main-menu ul li .drop-menu li a {
	color: #242424;
	display: block;
	padding: 7px 20px;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.5px;
}

.inner-header .main-menu ul li a {
	
	font-size: 24px;                   /*размер шрифта пунктов меню*/
	font-weight: 400;
	color: #ccc;                    /* цвет шрифта меню- серый*/
	letter-spacing: 0.5px;
}

.inner-header .main-menu ul li:hover .drop-menu {
	top: 30px;
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

.inner-header .top-info {
	float: right;
	position: relative;
}

.inner-header .top-info img {      /* картинка услуг в меню*/
	position: relative;
	left: 50px;
	top: 2px;
}

.inner-header .top-info span {         /*надписи услуг в меню*/
	font-size: 16px;
	font-family: "new times roman";
	font-weight: 400;
	color: #F7F7F7;
	line-height: 20px;
	/*display: inline-block;*/
	margin-left: 50px;         /*        расстояние между значками и текстом адреса и телефона в меню*/ 
	max-width: 210px;       /********************ширина блока адреса и телефона в  меню  ????**********************/
}

.slicknav_menu {
	display: none;
}



/*------------------------------------hero----------------------------------------*/

.hero {
      
	  padding-top: 137px; /* отступ hero от header (меню)*/
      min-width: 80%;
      height:810px;
      background-size:contain   ;
	  background-repeat: no-repeat;
	  text-align: center;
}

.hero-container {

	height: 100%;
	display: flex;
	
}


/*---------------------
  Hero Slider
-----------------------*/

.slider-item .single-slider-item {
	height: 900px;  /* высота пространства под баннер hero*/ 
	padding-top: 395px;
	}

.slider-item .single-slider-item h1 {
	font-size: 34px;
	color: #ffffff;
	line-height:35px;
}





/*---------------------
  Room Availability
-----------------------*/

.room-check {
	padding-bottom: 52px;
}

.room-item {
	margin-bottom: 140px;
	-webkit-box-shadow: 2px 15px 75px 6px #ECECEC;
	box-shadow: 2px 15px 75px 6px #ECECEC;
}

.room-item .room-pic-item.owl-carousel .owl-nav button[type=button] {
	color: #AE9548;
	font-size: 26px;
	height: 69px;
	width: 52px;
	background: #353535;
	line-height: 72px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-34.5px);
	transform: translateY(-34.5px);
}

.room-item .room-pic-item.owl-carousel .owl-nav button[type=button].owl-next {
	left: auto;
	right: 0;
}

.room-item .room-text {
	overflow: hidden;
	padding-left: 35px;
	padding-top: 35px;
	padding-right: 45px;
	padding-bottom: 37px;
}

.room-item .room-text .room-title {
	overflow: hidden;
	margin-bottom: 126px;
}

.room-item .room-text .room-title h2 {
	float: left;
	font-size: 6px;
	color: #dbd8a3 ; / ????? *#2d220f;*/
}


.my_room_price {
	color: #dbd8a3;
}

.room-item .room-text .room-title .room-price {
	float: right;
	position: relative;
	
}

.room-item .room-text .room-title .room-price span {
	position: absolute;
	left: -40px;
	bottom: 7px;
	font-size: 14px;
	font-family: "new times roman";
	font-weight: 300;
	line-height: 14px;
	color: #dbd8a3;
}

.room-item .room-text .room-title .room-price h2 {
	font-size: 16px;
	color: #dbd8a3;
	font-family: "new times roman";
	font-weight: 400;
}

.room-item .room-text .room-features {
	overflow: hidden;
}

.check-form {
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 25px;  /*рамка с текстом*/
	padding-bottom: 61px;
	border: 2px solid #AE9548;
	margin-bottom: 40px;
}

.check-form h2 {
	font-size: 36px;
	font-weight: 400;
	color: #081624;
	margin-bottom: 40px;  /*рамка вокруг текста с описанием номера*/
}

.check-form .datepicker {
	margin-bottom: 52px;
}

.check-form .datepicker .date-select {
	display: inline-block;
	position: relative;
	margin-right: 56px;
}

.check-form .datepicker .date-select.to {
	margin-right: 0;
}

.check-form .datepicker .date-select p {
	font-size: 14px;
	color: #081624;
	margin-bottom: 2px;
	font-weight: 400;
}

.check-form .datepicker .date-select input {
	font-size: 14px;
	font-weight: 600;
	color: #242424;
	font-family: "new times roman";
	text-transform: uppercase;
	opacity: 0.5;
	border: none;
	letter-spacing: 1.2px;
	height: 48px;
	border-bottom: 1px solid #888888;
	width: 168px;
	display: block;
}

.check-form .datepicker .date-select img {
	position: absolute;
	right: 0;
	bottom: 16px;
}

.check-form .room-quantity {
	margin-bottom: 34px;
}

.check-form .room-quantity .single-quantity {
	display: inline-block;
	margin-right: 105px;
}

.check-form .room-quantity .single-quantity.last {
	margin-right: 0;
}

.check-form .room-quantity .single-quantity p {
	font-size: 14px;
	color: #081624;
	margin-bottom: 2px;
	font-weight: 400;
}

.check-form .room-quantity .single-quantity .pro-qty {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #8C9299;
}

.check-form .room-quantity .single-quantity .pro-qty .qtybtn {
	float: left;
	width: 15px;
	text-align: center;
	cursor: pointer;
	display: block;
	color: #081624;
	font-size: 18px;
	letter-spacing: 0.4px;
	font-weight: 300;
}

.check-form .room-quantity .single-quantity .pro-qty input {
	width: 28px;
	border: none;
	float: left;
	text-align: center;
	font-family: "new times roman";
	font-size: 14px;
	font-weight: 400;
	color: #081624;
	opacity: 0.25;
	letter-spacing: 0.4px;
	margin-top: -2px;
}

.check-form .room-selector {
	display: block;
}

.check-form .room-selector p {
	font-size: 14px;
	color: #242424;
	margin-bottom: 2px;
	font-weight: 400;
}

.check-form .room-selector .nice-select {
	border-radius: 0;
	border-bottom: 1px solid #888888;
	font-size: 14px;
	height: 46px;
	line-height: 46px;
	width: 100%;
	font-size: 14px;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 55px;
}

.check-form .room-selector .nice-select span {
	color: #242424;
	text-transform: uppercase;
	font-family: "new times roman";
	font-weight: 400;
	opacity: 0.5;
}

.check-form .room-selector select {
	width: 100%;
}

.check-form button {
	font-size: 18px;
	color: #081624;
	text-transform: uppercase;
	font-family: "new times roman";
	font-weight: 900;
	background: transparent;
	border: none;
	cursor: pointer;
	position: relative;
}

.check-form button i {
	line-height: 16px;
	margin-top: 6px;
	position: absolute;
	right: -45px;
	bottom: 7px;
	font-size: 31px;
	color: #AE9548;
}

.nice-select {
	border: 0;
}

.nice-select.open .list {
	width: 100%;
}

.nice-select:after {
	border-bottom: 1px solid #0E0E0E;
	border-right: 1px solid #0E0E0E;
	height: 10px;
	width: 10px;
	right: 4px;
	top: 40%;
}

.nice-select .list {
	border-radius: 0;
	margin-top: 0;
}

.about-room h2 {
	text-align: center;
	font-size: 48px;
	font-weight: 500;
	line-height: 56px;
	color: #242424;
	margin-bottom: 26px;
	}

.about-room .about-para {  /* текст описания  */
	margin-bottom: 13px;
	margin-top: 130px;
	margin-left: 20px;
}

.about-room .about-para p {
	color: #242424;
	line-height: 32px;
}

.about-room .about-btn {
	text-align: center;
}

/*---------------------
  SHOW
-----------------------*/
..show {
display: block;
/*max-widht : 1620 px;*/
max-height : 900px ;
padding-top: 140px;
/* align-items: center;*/

/*justify-content: center;*/
}




/*---------------------
  Facilities
-----------------------*/

.facilities-section {
	
	background: #f5efe5;  /*фон facilities*/
		padding-top: 400px;  /******************************************отступ от верха ************************/
    padding-bottom:5px;  /********************************отступ  белого фона снизу ***********************/
}



.opisanie-content .opisanie-text h2 {
	color: #7c6f18;
	letter-spacing: 0.2px;
	margin-bottom: 17px;  /* отступ от нижнего края Добро пожаловать */
}

.pic {
    display: block;   /* в этот класс завернуты Добро пожаловать и три звезды */
    color: #7c6f18; 
    font-size: 32px;	
		}


.facilities-content .facilities-text-warp {
	
	height: 400px;
	/*display: -webkit-box;
	display: -ms-flexbox;*/
	display: inline;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
		/*padding: 70px 30px;*/

	/*background: #faf9f1;*/
	
	
}

.facilities-content .facilities-text {
	max-width: 1200px;  /*ширина текста*/
   /* border: 2px solid #ae9548; /* золотая рамка
	
	padding-left: 200px;
	padding-right:200px;
	padding-top: 50px;
	padding-bottom: 50px;*/
}

.facilities-content .facilities-text h2 {      /*атрибуты текста в теге <h2>*/
	
	color: #7c6f18;
	letter-spacing: 0.2px;
	margin-bottom:27px;  /* отступ от  Добро пожаловать  до текста*/

}


.facilities-content .facilities-text p {     /*атрибуты текста в теге <p>*/
	font-size: 22px;
	line-height: 36px;
	color: #7c6f18;
	margin-bottom: 24px;
	
}


.facilities-content .facilities-text .primary-btn.fac-btn i {
	right: 35px;
	
	
}

.facilities-content .facilities-img {
	height: 100%;
}

.testimonial-author-item ul li a:hover .about-text {
	display: block;
}

.testimonial-author-item ul li a:hover .about-pic {
	margin-right: 32px;
}

/*---------------------
  Testimonial
-----------------------*/

.testimonial-item {
	margin-left: -40px;
	margin-right: -40px;
}

.testimonial-item .single-testimonial-item {
	-webkit-box-shadow: 2px 15px 75px 6px #e8e8e8;
	box-shadow: 2px 15px 75px 6px #e8e8e8;
	padding-left: 40px;
	padding-top: 55px;
	padding-bottom: 45px;
	padding-right: 35px;
	margin-bottom: 52px;
	position: relative;
}

.testimonial-item .single-testimonial-item .test-date {
	color: #242424;
	font-size: 14px;
	font-family: "new times roman";
	font-weight: 400;
	letter-spacing: 1.2px;
	opacity: 0.5;
}

.testimonial-item .single-testimonial-item .test-rating {
	color: #ED8A19;
	font-size: 24px;
	margin-bottom: 10px;
}

.testimonial-item .single-testimonial-item .test-rating i {
	margin-right: 5px;
}

.testimonial-item .single-testimonial-item h4 {
	color: #242424;
	font-size: 24px;
	line-height: 50.03px;
}

.testimonial-item .single-testimonial-item p {
	font-size: 16px;
	color: #242424;
	line-height: 32px;
	letter-spacing: 0.2px;
}

.testimonial-author-item ul li {
	list-style: none;
	display: inline-block;
}

.testimonial-author-item ul li a.active {
	opacity: 1;
}

.testimonial-author-item ul li a.active .author-pic {
	margin-right: 32px;
}

.testimonial-author-item ul li a.active .author-pic:after {
	opacity: 1;
}

.testimonial-author-item ul li a.active .author-text {
	display: block;
	margin-right: 35px;
}

.testimonial-author-item ul li a {
	display: block;
	opacity: 0.5;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.testimonial-author-item ul li a:hover {
	opacity: 1;
}

.testimonial-author-item ul li a .author-pic {
	float: left;
	margin-right: 20px;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	position: relative;
}

.testimonial-author-item ul li a .author-pic:after {
	position: absolute;
	left: 15px;
	top: -72px;
	width: 40px;
	height: 40px;
	background: #fff;
	content: "";
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
}

.testimonial-author-item ul li a .author-pic img {
	height: 68px;
	width: 68px;
	border-radius: 50%;
}

.testimonial-author-item ul li a .author-text {
	float: left;
	margin-top: 8px;
	display: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.testimonial-author-item ul li a .author-text h5 {
	color: #ae9548;
	font-size: 18px;
	font-family: "new times roman";
	font-weight: 700;
	text-transform: uppercase;
	line-height: 24px;
}

.testimonial-author-item ul li a .author-text h5 span {
	color: #242424;
	font-size: 16px;
	font-style: italic;
	letter-spacing: 0.2px;
	line-height: 24px;
	text-transform: capitalize;
	display: block;
}

/*---------------------
  Follow Instagram
-----------------------*/

.follow-instagram {
	background: #f7f7f7;
	padding: 23px 0;
}

.follow-instagram h2 {
	font-size: 36px;
	color: #242424;
	line-height: 72px;
	font-weight: 400;
}

/*---------------------
  Footer Room Pic
-----------------------*/

.footer-room-pic img {
	width: 25%;
}

/*---------------------
  Footer
-----------------------*/

.pb-50 {
	padding-bottom: 5px;
}


.pl-200 {
 padding-left: 200px;
 text-align: center;
 

}

.footer-section {
	background: #541422;   /*бордо*/
	padding-top: 40px;
	overflow: hidden;
}

.footer-section .footer-logo {
	margin-bottom: 5px;
	
}

.footer-section .footer-logo a {
	display: block;
}

.footer-section .single-footer-widget {
	margin-bottom: 30px;
}

.footer-section .single-footer-widget h5 {
	font-size: 18px;
	line-height: 42px;
	color: #ae9548;
}

.footer-section .single-footer-widget .widget-text {
	position: relative;
}

.footer-section .single-footer-widget .widget-text i {
	position: absolute;
	left: 0;
	top: 5px;
	font-size: 18px;
	color: #ae9548;
}

.footer-section .single-footer-widget .widget-text p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.5px;
	color: #ffffff;
	margin-left: 30px;
}

.footer-section .copyright-area {
	overflow: hidden;
	padding: 30px 0;
	border-top: 1px solid #ae9548;
}

.footer-section .copyright-area .copyright-text {
	float: left;
	font-size: 13px;
	font-family: "new times roman";
	font-weight: 400;
	color: #ffffff;
	line-height: 24px;
}

.footer-section .copyright-area .copyright-text i {
	color: #ff2410;
}

.footer-section .copyright-area .copyright-text a {
	color: #ffffff;
	text-decoration: underline;
}

.footer-section .copyright-area .privacy-links {
	float: right;
	margin-right: 35px;
}

.footer-section .copyright-area .privacy-links a {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	color: #ffffff;
	margin-right: 30px;
}

/*--------------------------- Other Pages Styles --------------------------*/

/*---------------------
  Hero Section
-----------------------*/

.hero-section {
	height: 628px;          /* высота баннера */
	padding-top: 470px;
}

.hero-text {
	position: relative;
	padding-left:60px;
	
}

.hero-text h1 {
	font-size: 34px;
	margin-left:30px;
	color: #ffffff;
	line-height: 38px;
	
}

.hero-text .page-nav a {
	display: inline-block;
	color: red;
	font-size: 24px;
	font-weight: 500;
	font-family: "Taviraj", serif;
	position: absolute;
	left: 49px;
	top: 30%;
}

.hero-text .page-nav a i {
	color: #ae9548;
	position: relative;
	top: 2px;
}

.hero-text .page-nav a.left-nav i {
	margin-right: 20px;
}

.hero-text .page-nav a.right-nav {
	left: auto;
	right: 49px;
}

.hero-text .page-nav a.right-nav i {
	margin-left: 20px;
}

/*---------------------
  About Room
-----------------------*/

.about-us-room {
	padding-top: 90px;
	padding-bottom: 62px;
}

.about-us-room h2 {
	text-align: center;
	font-size: 48px;
	font-weight: 500;
	line-height: 56px;
	color: #242424;
	margin-bottom: 26px;
}

.about-us-room .about-para {
	margin-bottom: 13px;
}

.about-us-room .about-para p {
	color: #242424;
	line-height: 32px;
	letter-spacing: 0.1px;
}

/*---------------------
  Video Tour
-----------------------*/

.video-tour {
	height: 657px;
	position: relative;
	padding-top: 282px;
}

.video-tour .video-text h2 {
	font-size: 48px;
	color: #ffffff;
}

.video-tour .video-play-btn {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-51.5px);
	transform: translateY(-51.5px);
	margin: 0 auto;
}

.video-tour .video-play-btn a {
	display: block;
}

.video-tour .video-play-btn a i {
	color: #ffffff;
	font-size: 45px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.video-tour .video-play-btn a i:after {
	position: absolute;
	left: -52px;
	top: -42px;
	width: 127px;
	height: 127px;
	border: 2px solid #ffffff;
	content: "";
	border-radius: 50%;
}

/*---------------------
  Gallery
-----------------------*/

.gallery-section {
	padding-bottom: 60px;
}

.gallery-text {
	padding-top: 136px;
	margin-bottom: 40px;
}

.gallery-text h2 {
	color: #242424;
	margin-bottom: 17px;
	font-size: 48px;
}

.gallery-text p {
	font-size: 16px;
	line-height: 32px;
	color: #242424;
	margin-bottom: 30px;
	letter-spacing: 0.2px;
}

.gallery-text .primary-btn.fac-btn i {
	right: 35px;
}

.gallery-img {
	margin-bottom: 30px;
}

.gallery-img img {
	min-width: 100%;
}

/*---------------------
  Staff
-----------------------*/

.staff-section {
	padding-top: 0;
	padding-bottom: 70px;
}

.staff-section .section-title h2 {
	font-size: 48px;
	font-weight: 500;
}

.single-staff-item {
	-webkit-box-shadow: 4px 20px 30px 10px #ECECEC;
	box-shadow: 4px 20px 30px 10px #ECECEC;
	margin-bottom: 30px;
}

.single-staff-item .staff-img img {
	min-width: 100%;
}

.single-staff-item .staff-text {
	padding-left: 28px;
	padding-top: 26px;
	padding-bottom: 26px;
	padding-right: 30px;
	position: relative;
}

.single-staff-item .staff-text h5 {
	font-size: 18px;
	font-family: "new times roman";
	font-weight: 700;
	color: #ae9548;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.single-staff-item .staff-text span {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	font-family: "new times roman";
	color: #242424;
	opacity: 0.5;
	letter-spacing: 1.2px;
	text-transform: uppercase;
}

.single-staff-item .staff-text a i {
	color: #ae9548;
	font-size: 25px;
	position: absolute;
	right: 30px;
	bottom: 42px;
}

/*---------------------
  Services Section
-----------------------*/

.services-section {
	padding: 40px 15px 10px;
}

.single-services-item {
	margin-bottom: 30px;
}

.single-services-item.changed-align .services-text {
	-webkit-transform: translateY(-72px);
	transform: translateY(-72px);
}

.single-services-item .services-pic-item {
	position: relative;
}

.single-services-item .services-pic-item img {
	width: 100%;
}

.single-services-item .services-text {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	bottom: 0;
	text-align: center;
	padding: 0 40px;
	-webkit-transform: translateY(-24px);
	transform: translateY(-24px);
}

.single-services-item .services-text h2 {
	font-size: 48px;
	color: #ffffff;
	line-height: 48px;
}

/*---------------------
  Features Section
-----------------------*/

.features-section {
	background: #F7F7F7;
	padding-bottom: 5px;    /*отступ от низа до последней строки раздела Сервисы*/

	
}

.single-features-item {
	text-align: center;
	margin-bottom: 5px;
}

.single-features-item i {
	color: #ae9548;
	display: inline-block;
	margin-bottom: 10px;     /*отступ от последней строки до картинок  раздела Сервисы*/
}

.single-features-item h4 {
	font-size: 24px;
	color: #7c6f18;
	margin-bottom: 13px;    /*отступ от конца блока Сервисы до верха футера*/
}

.single-features-item p {
	color: #7c6f18;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: 0.2px;
}

/*---------------------
  Rooms Section
-----------------------*/

.room-section {
	padding-bottom: 80px;
	background-color: rgb(136,137,137.9);                     /* серый фон*/
	padding-top: 100px;
}

.rooms-page-item {
	-webkit-box-shadow: 2px 15px 75px 6px #EBEBEB;
	box-shadow: 2px 15px 75px 6px #EBEBEB;
	margin-bottom: 100px; /* отступ между блоками*/

}

.rooms-page-item .room-pic-slider .single-room-pic img {
	height: 379px; 	/*высота блока*/
	
}

.rooms-page-item .room-pic-slider.owl-carousel .owl-nav button[type=button] {
	color: #AE9548; /*стрелки*/
	font-size: 16px;  
	height: 69px;
	width: 52px;
	background: #353535;
	line-height: 72px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-34.5px);
	transform: translateY(-34.5px);
} 

.rooms-page-item .room-pic-slider.owl-carousel .owl-nav button[type=button].owl-next {
	left: auto;                       /* правая листалка*/
	right: 0;
}

.rooms-page-item .room-text {
	padding-top: 33px;
	padding-right: 30px;
	padding-bottom: 34px;
}

.rooms-page-item .room-text .room-title {
	overflow: hidden;
	margin-bottom: 18px;
	padding-right: 40px;
}

.rooms-page-item .room-text .room-title h2 {
	float: left;
	font-size: 36px;             /* заголовок номера /услуг (Стандарт /Сауна...) */
	color: #dbd8a3;
}

.rooms-page-item .room-text .room-title .room-price {
	float: right;
	position: relative;
}

.rooms-page-item .room-text .room-title .room-price span {
	position: absolute;
	left: -40px;
	bottom: 77px;
	font-size: 14px;
	font-family: "new times roman";
	font-weight: 300;
	line-height: 14px;
	color: #2d220f;
}

.rooms-page-item .room-text .room-title .room-price h2 {
	font-size: 26px;                                       /* цена*/
	color: #081624;
	font-family: "new times roman";
	font-weight: 400;
}


.rooms-page-item .room-text .room-title .room-price h4 {
	font-size: 26px;                                       /* цена*/
	color: #dbd8a3 ;
	font-family: "new times roman";
	font-weight: 400;
}


.rooms-page-item .room-text .room-title .room-price sub {
	position: absolute;
	right: -37px;
	bottom: 130px;
	color: #2d220f;
	font-family: "new times roman";
	font-weight: 300;
}

.rooms-page-item .room-text .room-desc {
	margin-bottom: 20px;
}



.rooms-page-item .room-text .room-desc p {    /* Белый Шрифт текста с описанием <p> */
	font-size: 21px;      /*размер шрифта для описания номеров*/
  	color: #fff;       /*цвет описания номера*/ 
	line-height: 30px;    /*высота строк вописании номера*/
	letter-spacing: 0.2px; /*расстояние между буквами в описании номера*/
}

.phone-sauna {    /* Телефон сауны */
	font-size: 22px;      /*размер шрифта для описания номеров*/
  	color: #003399;       /*цвет номера телефона синий*/ 
	line-height: 30px;    /*высота строк вописании номера*/
	letter-spacing: 0.2px; /*расстояние между буквами в описании номера*/
}




.rooms-page-item .room-text .room-features {
	overflow: hidden;
	margin-bottom: 0px;  /*отступ от края серого блока*/
}

.rooms-page-item .room-text .room-features .room-info {
	float: left;
	text-align: center;
	margin-right: 38px;                                          /*отступ для значков*/
}

.rooms-page-item .room-text .room-features .room-info.last {
	margin-right: 0;
}

.rooms-page-item .room-text .room-features .room-info i {
	display: block;
	color: #F7F7F7;   /*цвет  значков удобств */
	margin-bottom: 1px; /*отступ подписей под значками wifi и.т.д.*/
}

.rooms-page-item .room-text .room-features .room-info span {
	display: block;
	font-size: 16px;                        /*шрифт подписей под значками*/
	font-family: "new time roman", serif;
	font-weight: 400;
	color: #F7F7F7;
}



/*----------------------- Responsive Media Styles -------------------------*/

@media (min-width: 1200px) {
	.container {
		max-width: 1176px; /*ширина блока с фото и описанием*/
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.inner-header .logo {
		padding-left: 0;
	}
	.header-section.other-page .inner-header .main-menu ul li {
		margin-right: 20px;
	}
}

/*------------------------------------------------ МОНИТОР 22" ********************************/

@media only screen and (min-width: 992px) and (max-width: 1930px) {

 .hero {
	 color: #000;
 }
	
	.rooms-page-item .room-text .room-desc p {   /*св-ва блока с описанием номера /услуги*/
	font-size: 20px;      /*размер шрифта для описания номеров*/
  	color: #F7F7F7;       /*цвет описания номера*/ 
	line-height: 30px;    /*высота строк в описании номера*/
	letter-spacing: 0.2px; /*расстояние между буквами в описании номера*/

}
	
	.facilities-section {
	
	padding-bottom: 20px;    /*отступ от серого блока услуг */
} 

	.room-section {
	
	padding-top: 4%; /* отступ "к вашим услугам" от начала серого блока"*/
	padding-bottom: 20px; /* отступ самого нижнего блока (кафе) от начала футера  */
	margin-top: -50px;
}
	
	.inner-header .logo {
		padding-left: 60px;  /* отступ логотипа*/
	}
	.inner-header .main-menu {
		margin-right: 20px;
	}
	.inner-header .main-menu ul li {
		margin-right: 100px;                      /* расстояние между пунктами меню*/
	}
	.slider-item .single-slider-item h1 {
		font-size: 90px;
		
	}
	.room-item .room-text .room-features .room-info {
		margin-right: 28px;
	}
	.check-form .datepicker .date-select {
		margin-right: 20px;
	}
	.check-form .datepicker .date-select input {
		width: 150px;
	}
	.check-form .room-quantity .single-quantity {
		margin-right: 70px;
	}
	.testimonial-item {
		margin-left: 0;
		margin-right: 0;
	}
	.testimonial-item .single-testimonial-item:after {
		left: 15px;
	}
	.header-section.other-page .inner-header .main-menu {
		float: right;
	}
	.header-section.other-page .inner-header .top-widget {
		display: none;
	}
	.single-services-item .services-text h2 {
		font-size: 28px;
	}
	.rooms-page-item .room-text .room-desc p {
		line-height: 32px;                       /*высота строк в описании услуг*/
	}
	.rooms-page-item .room-text {
		padding-bottom: 26px;
	}
	.video-tour .video-text h2 {
		font-size: 40px;
	}
}

/* --------------------------------------------------------Tablet Device: 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.inner-header .logo {
		margin-right: 30px;
	}
	.inner-header .main-menu {
		float: right;
		margin-right: 0;
	}
	.inner-header .logo {
		padding-left: 0;
		margin-right: 20px;
	}
	.header-section.other-page .inner-header .main-menu ul li,
	.inner-header .main-menu ul li {
		margin-right: 15px;
	}
	.inner-header .top-info {
		display: none;
	}
	.header-section.other-page .inner-header .logo {
		margin-right: 40px;
	}
	.slider-item .single-slider-item {
		padding-top: 300px;
	}
	.hero-text {
		padding-left: 0;
	}
	.hero-text .page-nav a,
	.hero-text .page-nav a.right-nav {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin-right: 30px;
	}
	.hero-text .page-nav a.right-nav {
		margin-right: 0;
	}
	.slider-nav {
		position: relative;
		display: block;
		padding-top: 40px;
	}
	.slider-item .single-slider-item h1 {
		font-size: 65px;
		line-height: 1;
	}
	.about-room h2 {
		font-size: 35px;
	}
	.facilities-content .facilities-img {
		height: 600px;
	}
	.testimonial-item {
		margin-left: 0;
		margin-right: 0;
	}
	.testimonial-item .single-testimonial-item:after {
		left: 15px;
	}
	.about-us-room h2 {
		font-size: 35px;
	}
	.video-tour .video-play-btn {
		left: 285px;
	}
	.rooms-page-item .room-text {
		padding-left: 35px;
	}
	.rooms-page-item .room-pic-slider .single-room-pic img {
		height: auto;
	}
	.side-bar {
		padding-top: 50px;
	}
}

/* ************************************************************   СМАРТФОН  ************************************************/

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

.pl-200 {
 padding-left: 10px;
 text-align: center;
}

.opisanie{                                   /*описание гостиницы*/
	    padding-bottom: 5px;
		color:#7c6f18 ;
        font-size: 17px;  
	    font-family:"new times roman";
		/*text-align: center ;*/
}


.opisanie2{                                   /*текстовый блок после Номеров*/
	    padding-top: 1px;
		padding-bottom: 5px;
		color:#7c6f18 ;
        font-size: 17px;  
	    font-family:"new times roman";
		/*text-align: center ;*/
}



h4 {
	font-size: 24px;
}

h2 {font-size: 24px;}

.pic {
    display: inline;   /* в этот класс завернуты Добро пожаловать и три звезды */
    color: #7c6f18; 
    font-size: 20px;	
		}


.single-features-item h4 {
	font-size: 16px;
	color: #7c6f18;
	margin-bottom: 13px;    /*отступ от конца блока Сервисы до верха футера*/
}


.my-text3 {
	font-size: 20px;
	color: #dbd8a3;
	font-family: "new times roman";
	float: right;
}


.facilities-section {
	
	padding-top: 0px;  /******************************************отступ "Мы заботимся..."  от нижнего края фотки ,бассейна ************************/
    padding-bottom: 0;  /********************************отступ  белого фона снизу ***********************/
}



.my-text2{
	    color: #dbd8a3;
        font-size:18px;  
	    font-family:"new times roman";    /* заголовок номерав  к вашим услугам*/
		margin-top: 0px;
        margin-bottom: 30px;
		text-align: center; }

.room-section {
	
	padding-top: 35%; /* отступ "к вашим услугам от верх. баннера"*/
	padding-bottom: 1px;
}

.rooms-page-item .room-text .room-desc p {
	font-size: 20px;      /*размер шрифта для описания номеров*/
  	color: #F7F7F7;       /*цвет описания номера*/ 
	line-height: 22px;    /*высота строк вописании номера*/
	letter-spacing: 0.2px; /*расстояние между буквами в описании номера*/
}


	
.rooms-page-item .room-text .room-title h2 {
	float: left;
	font-size: 26px;             /* заголовок номера /услуг (Стандарт /Сауна...) */
	color: #F7F7F7;
}



.my-text1{
	    color: #F7F7F7;
        font-size:20px;  
	    font-family:"new times roman";    /* в анзасе к вашим услугам*/
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
}




.hero {
     padding-top: 45%;  /* отступ верхнего края баннера от блока меню*/
	 
      min-width: 80%;
      height:0px;
      background-size:contain   ;
	  background-repeat: no-repeat;
	  text-align: center;
	  	  
}

.hero-container {

	height: 100%;
	display: flex;
	
}


.slider-item .single-slider-item {
	height: 2px;  /* высота пространства под баннер hero*/ 
	padding-top: 5px;
	}



	
    
	
.facilities-content .facilities-text p {     /*описание гостиницы в теге <p>*/
	font-size: 20px;
	line-height: 25px;                       /*высота между строками*/
	color: #7c6f18; /*#a19a25;  */
	color: #7c6f18;
	margin-bottom: 24px;
}	
	

	
	.inner-header .logo {
		padding-left: 0px;
	}
	.slicknav_menu {
		display: block;
		background: transparent;
		padding: 0;
	}
	.slicknav_nav {
		background: #555;
	}
	.slicknav_nav ul {
		margin: 0;
	}
	.slicknav_nav .slicknav_row,
	.slicknav_nav a {
		padding: 10px 10px;
		margin: 0;
	}
	.slicknav_nav a:hover {
		border-radius: 0;
	}
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
	}
	.slicknav_btn {
		margin: 0 0 10px 0;
	}
	.header-section.other-page .inner-header .main-menu,
	.inner-header .main-menu {
		display: none;
	}
	.header-section.other-page .inner-header .top-widget,
	.inner-header .top-info {
		display: none;
	}
	.header-section {
		z-index: 999;
	}
	.slider-item .single-slider-item h1 {
		font-size: 40px;
		line-height: 40px;
	}
	.slider-item .single-slider-item {
		height: auto;
		padding: 250px 0 150px;
	}
	.slider-nav {
		position: relative;
		display: block;
		padding-top: 40px;
	}
	.slider-nav .single-slider-nav {
		margin-right: 25px;
		width: 130px;
	}
	.slider-nav .single-slider-nav .nav-text p i {
		right: 5px;
		top: 12px;
	}
	.slider-nav .single-slider-nav .nav-text p {
		font-size: 13px;
	}
	.facilities-content .facilities-img {
		height: 400px;
	}
	.room-item .room-text .room-features .room-info {
		margin-right: 28px;
	}
	.check-form .datepicker .date-select {
		margin-right: 30px;
	}
	.check-form .datepicker .date-select input {
		font-size: 13px;
		width: 145px;
	}
	.check-form .room-quantity .single-quantity {
		margin-right: 70px;
	}
	.facilities-content .left-img {
		margin-right: 50;
	}
	.facilities-content .left-img img {
		width: 100%;
	}
	.facilities-content .facilities-text-t {
		margin-left: 0;
		margin-bottom: 30px;
	}
	.facilities-content .facilities-text-d {
		margin-right: 0;
	}
	.facilities-content .right-img img {
		width: 100%;
	}
	.facilities-content .right-img {
		margin-left: 0;
	}
	.testimonial-item {
		margin-left: 0;
		margin-right: 0;
	}
	.testimonial-author-item ul li {
		position: relative;
	}
	.testimonial-author-item ul li a.active .author-text {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100px;
	}
	.testimonial-author-item ul li a.active .author-text h5 {
		font-size: 10px;
	}
	.testimonial-author-item ul li a.active .author-text span {
		font-size: 10px;
		line-height: 1;
	}
	.testimonial-item .single-testimonial-item:after {
		left: 15px;
	}
	.follow-instagram h2 {
		line-height: 45px;
	}
	.footer-section .copyright-area {
		text-align: center;
	}
	.footer-section .copyright-area .copyright-text {
		float: none;
	}
	.footer-section .copyright-area .privacy-links {
		float: none;
		margin-right: 0;
	}
	.footer-section .copyright-area .privacy-links a:last-child {
		margin-right: 0;
	}
	.video-tour .video-text h2 {
		text-align: center;
	}
	.video-tour {
		padding-top: 220px;
	}
	.video-tour .video-play-btn {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		text-align: center;
		-webkit-transform: translateY(0);
		transform: translateY(0);
		margin: 0 auto;
		width: 40px;
		padding-top: 50px;
	}
	.rooms-page-item .room-text {
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.rooms-page-item .room-pic-slider .single-room-pic img {
		height: auto;
	}
	.hero-text {
		padding-left: 0;
	}
	.hero-text .page-nav a,
	.hero-text .page-nav a.right-nav {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin-right: 30px;
		font-size: 20px;
	}
	.hero-text .page-nav a.right-nav {
		margin-right: 0;
	}
	.single-services-item .services-text h2 {
		font-size: 35px;
	}
	.side-bar {
		padding-top: 50px;
	}
	.follow-instagram h2 {
		font-size: 20px;
	}
}

/* -------------------------------------------------------------Small Mobile Device: 320px */

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.slider-nav .single-slider-nav {
		margin-bottom: 30px;
	}
	.inner-header .logo {
		margin-right: 0;
	}
	.section-title h1 {
		font-size: 57px;
	}
	.facilities-content .facilities-text-t {
		padding-left: 45px;
		padding-top: 100px;
		padding-right: 45px;
		padding-bottom: 100px;
	}
	.facilities-content .facilities-text-d {
		padding-left: 45px;
		padding-top: 100px;
	}
	.room-item .room-text {
		padding-left: 20px;
		padding-top: 35px;
		padding-right: 12px;
	}
	.room-item .room-text .room-title h2 {
		font-size: 25px;
	}
	.room-item .room-text .room-title .room-price h2 {
		font-size: 25px;
		
	}
	.check-form {
		padding-left: 30px;
		padding-right: 30px;
	}
	.check-form .datepicker .date-select {
		margin-right: 20px;
	}
	.check-form .datepicker .date-select input {
		font-size: 7px;
		width: 100px;
		height: 30px;
	}
	.check-form .datepicker .date-select img {
		bottom: 7px;
	}
	.check-form .room-quantity .single-quantity {
		margin-right: 20px;
	}
	.check-form button i {
		right: -32px;
	}
	.blog-post .single-blog-post .blog-text .blog-widget .blog-info {
		margin-right: 13px;
	}
	.header-section.other-page .inner-header .logo {
		margin-right: 0;
	}
	.hero-text h1 {
		font-size: 75px;
	}
	.contact-form {
		padding-left: 30px;
		padding-top: 45px;
		padding-right: 30px;
	}
}