/* 
  Theme Name: Rovero - Hotel & Booking Service Website Html Template
  Date Created: May 12, 2024
  Last Update: May 12, 2024
  Author: eThemeStudio
  Support: xuwelkhan@gmail.com
  Description: Hotel & Booking Service HTML Template.
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. hero area
4. intro area
5. room search area
6. rooms area
7. video area
8. testimonial area
9. subscription area
10. blog area
11. offer area
12. brand area
13. footer area
14 about page
-- about area
-- choose us area
15. rooms page
16. rooms details page
17. blog page
18. booking page
19. checkout page
20. confirmation page
21. blog details page
22. contact page
*/

/* 1. Theme default css
-------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --theme-color: #a18549;
  --primary-color: #bbbbbb;
  --main-color: #222222;
  --text-color: #666666;
  --section-bg: #fbf8f3;
  --theme-border: #a18549;
  --primary-border: #e5e5e5;
  --meta-text-color: #999999;
}

body {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #222222;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222222;
  font-weight: 700;
  text-transform: capitalize;
  font-family: "Noto Serif", serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: var(--theme-color);
}
h3 {
  font-size: 48px;
}
h4 {
  font-size: 36px;
}
h5 {
  font-size: 24px;
}
h6 {
  font-size: 21px;
  line-height: 1.45;
}
p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.66;
  color: var(--text-color);
}
.fontNoto {
  font-family: "Noto Serif", serif;
}
/* title */
.title span {
  font-size: 16px;
}
.title h2 {
  font-size: 30px;
  line-height: 1.25;
}
.sub-title::before {
  position: absolute;
  content: "";
  background: var(--theme-color);
  width: 36px;
  height: 2px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.section-content-title span {
  font-size: 24px;
  display: block;
}
.section-content-title h2 {
  font-size: 48px;
  line-height: 1.15;
}
.section-content-title p {
  line-height: 1.7;
}
/* button  css*/
.my-btn .btn {
  padding: 6px 32px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid var(--theme-color);
  color: #ffffff;
  outline: 0 none;
  text-transform: uppercase;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.9s ease-out;
  -moz-transition: all 0.9s ease-out;
  -ms-transition: all 0.9s ease-out;
  -o-transition: all 0.9s ease-out;
  -moz-transform: perspective(1px) translateZ(0px);
  -webkit-transform: perspective(1px) translateZ(0px);
  -o-transform: perspective(1px) translateZ(0px);
  -ms-transform: perspective(1px) translateZ(0px);
  transform: perspective(1px) translateZ(0px);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color;
  transition-property: color;
  vertical-align: middle;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}
.my-btn .btn::before {
  background-color: #ffffff;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -moz-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  -o-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  z-index: -1;
}
.my-btn .btn:hover::before,
.my-btn .btn:focus::before,
.my-btn .btn:active::before {
  -moz-transform: scaleX(1);
  -webkit-transform: scaleX(1);
  -o-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
.my-btn a.btn:hover,.my-btn .btn:hover,.my-btn a.btn:focus,.my-btn a.btn:active,.my-btn .btn:focus,.my-btn .btn:active {
  color: var(--theme-color);
}
.slider-content .my-btn .btn {
  padding: 15px 48px;
  font-size: 18px;
}
/* btn2 css */
.my-btn2 .btn {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--main-color);
  padding: 0;
  border-bottom: 1px solid #ffffff;
}
.my-btn2 .btn::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: var(--theme-color);
  bottom: -1px;
  left: -1px;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.my-btn2:hover .btn::before {width: 103%;}
.my-btn2 .btn:hover {
  color: var(--theme-color);
}
.my-btn2 .btn:hover
.blog-hm1-wrapper .my-btn2 .btn,.blog-btn .btn, .offer-btn .btn {color: #ffffff;}
.blog-hm1-wrapper .my-btn2 .btn:hover {  color: var(--theme-color);}
/* home2 btn */
.hm2 .my-btn .btn {
  padding: 11px 39px;
  font-size: 16px;
}
.hm2 .my-btn2 .btn {
  font-size: 16px;
}
.transparent-btn .my-btn .btn {
  color: var(--main-color);
}
.transparent-btn .my-btn .btn::before {background: var(--theme-color);}
.transparent-btn .my-btn .btn:hover {color: #ffffff;}
/* slick-arrow */
.slick-arrow .l-a,
.slick-arrow .r-a {
  position: absolute;
  top: 50%;
  background: transparent;
  border: 1px solid var(--primary-border);
  color: var(--main-color);
  text-align: center;
  z-index: 1;
  width: 54px;
  height: 54px;
  line-height: 54px;
  font-size: 18px;
  transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  left: 70px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
}
.slick-arrow .r-a {
  right: 70px;
  left: auto;
}
.slick-arrow .l-a:hover,
.slick-arrow .r-a:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: var(--theme-color);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.07);
}
/* hm2 hero arrow*/
.hm2 .slider-active .slick-arrow .l-a,
.hm2 .slider-active .slick-arrow .r-a {
  border: 1px solid var(--theme-color);
  width: 58px;
  height: 58px;
  line-height: 58px;
  color: #ffffff;
}
.hm2 .slider-active .slick-arrow .l-a:hover,
.hm2 .slider-active .slick-arrow .r-a:hover {
  background: var(--theme-color);
}
/* hm1 hero arrow */
.hm1 .slider-active .slick-arrow .l-a,
.hm1 .slider-active .slick-arrow .r-a {
  top: auto;
  bottom: -25px;
  left: auto;
  right: 13.5%;
}
.hm1 .slider-active .slick-arrow .r-a {
  right: 10.2%;
}
/* feature arrow */
.feature-hm1-active .slick-arrow .l-a,
.feature-hm1-active .slick-arrow .r-a {
  top: auto;
  bottom: -20px;
  left: 30.5%;
}
.feature-hm1-active .slick-arrow .r-a {
  right: auto;
  left: 35.5%;
}

/* dots css */
.main-style .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 11;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.main-style .slick-dots li {
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.12);
  border: 4px solid #ffffff;
  margin: auto 10px;
  cursor: pointer;
  display: inline-block;
}
.main-style .slick-dots button {
  width: 13px;
  height: 13px;
  background: var(--primary-color);
  display: block;
  text-indent: 1000px;
  overflow: hidden;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.main-style .slick-dots li.slick-active button {
  background: var(--theme-color);
}
/* hero-dots */
.slider-active .slick-dots {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.slider-active .slick-dots li {
  display: block;
  margin: 0;
  cursor: pointer;
  width: 22px;
  height: 32px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.slider-active .slick-dots li button {
  font-size: 30px;
  font-weight: 700;
  line-height: 0.7;
  font-family: "Noto Serif", serif;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--main-color);
  width: 22px;
  height: 32px;
  display: flex;
  align-items: end;
  justify-content: center;
  cursor: pointer;
}
.slider-active .slick-dots li.slick-active button {
  font-size: 47px;
  color: var(--theme-color);
}
/* home2 */
.hm2 .slider-active .slick-dots {
  display: none !important;
}


/* 2. header
--------------------------------------------------- */
.transparent-header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 22;
  transition: 0.3s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.body-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}
.sticky-menu {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 22;
  width: 100%;
  z-index: 99;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.sticky-menu.header-bottom {
  background: #ffffff;
  -webkit-box-shadow: 0 8px 4px -7px rgba(115, 115, 115, 0.3);
  -moz-box-shadow: 0 8px 4px -7px rgba(115, 115, 115, 0.3);
  box-shadow: 0 8px 4px -7px rgba(115, 115, 115, 0.3);
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.sticky-menu .main-menu ul > li a {
  margin-top: 20px;
  margin-bottom: 20px;
}
.sticky-menu .logo img {
  max-width: 70%;
}
/* header-top */
.header-top-left li.before-effect,
.header-top-right li.before-effect {
  position: relative;
  padding-left: 25px;
  margin-left: 25px;
}
.header-top-right li.before-effect {
  margin-left: 0;
}
.header-top-left li.before-effect::before,
.header-top-right li.before-effect::before {
  position: absolute;
  content: "";
  background: #ccc;
  width: 1px;
  height: 15px;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.header-top-left li a,
.header-top-right a {
  font-size: 16px;
  color: var(--text-color);
}
.header-top-left span, .header-top-right span {
	font-size: 16px;
	color: var(--text-color);
}
.header-top .nice-select::after {
	height: 7px;
	right: 28px;
	width: 7px;
}
.header-top .nice-select .option {
	font-size: 14px;
	color: var(--text-color);
}
.header-top .nice-select span.current {
	padding-left: 0;
	margin-left: 0;
}
.header-top .nice-select, .header-top .nice-select span {
	background: transparent;
}
.header-top .nice-select .option:hover, .header-top .nice-select .option.focus, .header-top .nice-select .option.selected.focus {
	background-color: var(--theme-color);
}
.show-language li a,
.show-currency li a {
  font-size: 14px;
  padding-bottom: 14px;
  display: block;
  color: var(--text-color);
}
.show-currency li span {
  font-size: 13px;
}
/* header bottom */
.main-menu ul li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
.header-social li:last-child {
  margin-right: 0;
}
.main-menu ul li > a {
  color: var(--main-color);
  font-size: 16px;
  display: inline-block;
  text-transform: capitalize;
  position: relative;
  margin-top: 38px;
  margin-bottom: 38px;
}
.main-menu ul li:hover > a {
  color: var(--theme-color);
}
.main-menu nav a[aria-current="page"] {
  color: var(--theme-color) !important;
}
/* mega menu */
.main-menu ul li .mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  height: auto;
  margin: 0 15px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.12);
  -ms-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transition: 0.5s;
  -webkit-transition: transform 500ms ease, opacity 500ms ease;
  -moz-transition: transform 500ms ease, opacity 500ms ease;
  -ms-transition: transform 500ms ease, opacity 500ms ease;
  -o-transition: transform 500ms ease, opacity 500ms ease;
  transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
}
.main-menu ul li .mega-menu.full-mega-menu {
  top: 80px;
  width: 97.5%;
}
.sticky-menu .main-menu ul li .mega-menu.full-mega-menu {
  top: 64px;
}
.header-area.white-bg .mega-menu {
  top: 100%;
}
.main-menu ul li:hover > .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.main-menu ul li.full-mega-menu-position {
  position: static;
}
.main-menu ul li .mega-menu li {
  margin: 0;
}
.full-mega-menu1 li {
  width: 24%;
}
.full-mega-menu1 li img {
  max-height: 250px;
}
.main-menu ul li .mega-menu a {
  font-size: 16px;
  color: var(--secondary-color);
  display: block;
  margin: 0;
}
.main-menu ul li .mega-menu.full-mega-menu2 a.mega-title {
  margin-bottom: 12px;
  color: var(--main-color);
}
.main-menu ul li .mega-menu a.mega-title {
  font-size: 16px;
  font-weight: 500;
}
.mega-menu.full-mega-menu.full-mega-menu2 li {
  display: block;
  padding-bottom: 5px;
}
.mega-menu.full-mega-menu.full-mega-menu2 > li {
  width: 25%;
}
.rbm-text h6 {
  font-size: 16px;
}
.rbm-text span {
  font-size: 14px;
}
.rbm-img img {
  min-width: 72px;
}
.menu-info span,
.menu-info p {
  font-size: 14px;
}
/* dropdown menu */
.mega-menu.mega-dropdown-menu li {
  display: block;
  padding: 11px 10px 11px 30px;
  border-bottom: 1px solid #e5e5e5;
}
.mega-menu.mega-dropdown-menu li > a {
  font-size: 15px;
}
.mega-menu.mega-dropdown-menu li:last-child {
  border-bottom: none;
}
.main-menu ul li .mega-menu.mega-dropdown-menu {
  top: 75%;
}
.main-menu ul li .mega-menu.mega-sub-menu {
  left: 185px;
  top: 0;
}
.mega-menu.mega-dropdown-menu,
.main-menu ul li .mega-menu.mega-sub-menu {
  box-shadow: 9px 15.588px 30px 0px rgba(6, 7, 7, 0.12);
}
.main-menu ul li .mega-menu.full-mega-menu {
  max-width: 1175px;
  left: 50%;
  transform: translateX(-50%);
}
.mega-menu.full-mega-menu.full-mega-menu1 .single-menu-course h3,
.mega-menu.full-mega-menu.full-mega-menu1 h2 {
  font-size: 16px;
}
.mega-menu.full-mega-menu.full-mega-menu1 .single-menu-course .pc-category span,
.single-menu-course .news-time {
  font-size: 14px;
}
.mega-menu.full-mega-menu.full-mega-menu1
  .single-menu-course
  .review-ratting
  li
  span {
  font-size: 14px;
}
.mega-menu.full-mega-menu.full-mega-menu1 .popular-course-content-wrapper {
  box-shadow: none;
}
.full-mega-menu1 li {
  width: 22.5%;
}
.full-mega-menu1 li.menu-blog-wrapper {
  width: 55%;
}
.main-menu ul li .mega-menu.full-mega-menu1 li a {
  margin: 8px 0;
}
.sticky-menu .main-menu ul li .mega-menu.mega-dropdown-menu {
  top: 100%;
}
.main-menu li a:hover {
  color: var(--theme-color);
}
/* header-right */
.header-search-content input {
  border: none;
  border-bottom: 1px solid #ccc;
  outline: none;
}
.header-search-details .close-icon a {
  font-size: 22px;
}
.header-search-content a {
  font-size: 18px;
}
.header-search-form {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
/* home2 menu */
.hm2 .sticky-menu.header-bottom { background: #18140b;}
.hm2 .main-menu ul li > a {
  color: #ffffff;
}
.hm2 .main-menu ul li:hover > a,
.hm2 .main-menu ul li a.active {
  color: var(--theme-color);
}
.hm2 .social-link.header-social li a,
.hm2 .header-top-left li a,
.hm2 .header-top-right a,
.hm2 .header-top-left span,
.hm2 .header-top-right span {
  color: #ffffff;
}
.hm2 .main-menu ul li .mega-menu.mega-dropdown-menu li > a, .hm2 .show-language li a, .hm2 .show-currency li a, .hm2 .show-currency li a span {
	color: var(--main-color);
}
.header-top .nice-select, .header-top .nice-select span {
	height: 20px;
	line-height: 20px;
}

/* 3. hero area
-------------------------------------------------------------- */
/* home1 */
.single-slider.slider-height1 {
  min-height: 960px;
}
.slider-content span {
  font-size: 30px;
}
.slider-content h1 {
  font-size: 60px;
  line-height: 1.2;
}
.slider-content p {
  font-size: 24px;
  line-height: 1.5;
}
.hero-dotted {
  left: 70px;
}
/* home2 */
.single-slider.slider-height2 {
  min-height: 1080px;
}
.slider-height2.black-overly::before {
  opacity: 0.478;
}
/* other page */
.inner-page-height {
  min-height: 575px;
  background-position: center center;
  background-size: cover;
}
.inner-page-content h1{font-size: 60px;}
.blog-details-page-height h1 {line-height: 1.4;}
.inner-page-content p{font-size: 24px;}
.inner-page-bg.black-overly::before { opacity: 0.451;}
.inner-hero-nav {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.breadcrumb-item + .breadcrumb-item::before {
	padding-right: 5px;
	padding-left: 8px;
  color: #ffffff;
}
.img-hover-effect::after {
	position: absolute;
	content: "";
	background: #ffffff;
	height: 150%;
	left: -100%;
	opacity: .2;
	top: -100px;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	width: 50px;
	z-index: 1;
	-moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.img-hover-effect:hover::after {
	left: 150%;
	-webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
	border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px;
}
/* img-hover-effect2 */
.img-hover-effect2::after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.img-hover-effect-wrapper:hover .img-hover-effect2::after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}


/* 4. intro area
------------------------------------------------------------- */
.intro-shadow {
  opacity: 0.478;
  bottom: -35%;
}
.single-intro-content h3 {
  font-size: 24px;
}
.single-intro-content:hover .intro-ser-icon { transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.intro-ser-icon {
  border-radius: 50%;
  /* box-shadow: 9px 15.588px 30px 0px rgba(6, 7, 7, 0.12); */
  width: 120px;
  height: 120px;
}
.intro-ser-icon span {
  line-height: 120px;
}
.about-footer-content-right h6 { font-size: 18px;}
.about-footer-content-right span { font-size: 14px;}

/* home2 */
.hm2-intro-hotel-search-area {margin-top: -75px;}
.hm2-intro-hotel-search-bg {
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06);
}
.hm2-intro-hotel-search-area .hm2-intro-hotel-search-bg ul> li.hm2-single-intro-item {
  width: 25.2%;
	padding: 0 35px;
	position: relative;
}
.hm2-intro-hotel-search-area .hm2-intro-hotel-search-bg li.hm2-single-intro-item::before {
	position: absolute;
	content: "";
	background: var(--primary-border);
	width: 1px;
	height: 100%;
	right: 0;
}
.hm2-intro-hotel-search-area .hm2-intro-hotel-search-bg li.hm2-single-intro-item:last-child::before{position: static;}
.hm2-intro-hotel-search-area .form-hotel-search input, .hm2-intro-hotel-search-area .nice-select, .hm2-intro-hotel-search-area .nice-select span {
	height: 42px;
	border: 1px solid var(--primary-color);
	line-height: 42px;
  padding: 0 15px;
}
.hm2-intro-hotel-search-area .ui-datepicker-trigger::before {
	font-size: 15px;
  right: 17px;
}
.hm2-intro-hotel-search-area .nice-select::after {
	height: 9px;
	right: 20px;
	width: 9px;
}
.hm2-intro-hotel-search-area .form-search-btn.my-btn .btn {
	display: flex;
	justify-content: center;
	align-items: center;
}


/* 5. room search area
------------------------------------------------------------- */
.room-search-bg-img {
  width: 50%;
}

.nice-select.open .list {
  border-radius: 0;
  width: 100%;
}
.nice-select .option.selected {
  font-weight: normal;
}
.nice-select::after {
	border-bottom: 2px solid var(--primary-color);
	border-right: 2px solid var(--primary-color);
	height: 10px;
	right: 25px;
	width: 10px;
	font-weight: 700;
}
/* rooms search start*/
/* home1 */
.form-hotel label {font-size: 18px;}
.form-hotel-search input, .nice-select, .nice-select span {
	height: 60px;
	background: #ffffff;
	border: 0;
	padding: 0 22px;
	line-height: 60px;
  display: block;
}
.ui-datepicker-trigger {
	position: absolute;
	/* content: "\f105"; */
	background: transparent;
	border: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
  cursor: pointer;
  /* z-index: 11; */
}
.ui-datepicker-trigger::before {
  position: absolute;
  content: '\f073';
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  color: var(--primary-color);
  right: 23px;
  bottom: 50%;
  font-size: 18px;
  transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
}

.form-search-btn.my-btn .btn {
	padding: 15px 32px;
	font-size: 18px;
}
/* other page */
.sidebar-search-area .form-hotel-search input, .sidebar-search-area .nice-select, .sidebar-search-area .nice-select span {
  height: 45px;
  line-height: 45px;
  padding: 0 20px;
}
.sidebar-search-area .form-search-btn.my-btn .btn {
  padding: 9px 32px;
  font-size: 16px;
}
.sidebar-search-area .ui-datepicker-trigger::before {
	font-size: 15px;
	right: 22px;
}
.sidebar-search-area .nice-select::after {
	height: 8px;
	right: 26px;
	width: 8px;
}
.booking-page-area .ui-datepicker-trigger::before {content: '\f00d';}
.booking-page-area .sidebar-search-area .nice-select::after {
	content: '\f00d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	border: 0;
	margin-top: 0;
	top: 0;
  font-size: 15px;
}
.rp-Comments span {font-size: 20px;}
.rp-Comments h6 {font-size: 16px;}


/* 6. rooms area
------------------------------------------------------------- */
.single-room-hm1 {
  box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.06);
}
.room-hm1-content h4 {
  font-size: 21px;
}
.room-price-details span {
  font-size: 16px;
}
.room-price-details span span {
  font-size: 30px;
}
/* home2 */
.hm2-room-content-margin {
  margin-left: 160px;
  margin-right: 160px;
}
.hm2 .room-price span span {
  font-size: 36px;
}
.hm2 .room-price span {
  font-size: 18px;
}
.room-info-right li {
  color: var(--text-color);
}
.room-info li {
  margin-bottom: 5px;
}
.room-hm2-content .review-ratting li span {
  font-size: 24px;
}

/* 7. video area
------------------------------------------------------------- */
.video-bg-overlay::before {
  position: absolute;
  content: "";
  background: rgb(0, 0, 0);
  opacity: 0.361;
  width: 100%;
  height: 100%;
}
/* .video-btn a {
  background-color: rgb(255, 255, 255, 0.302);
  width: 100px;
  height: 100px;
  display: inline-block;
  line-height: 100px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  padding-left: 5px;
  padding-top: 1px;
} */
.hm1-feature-dotted {
  left: 0;
  bottom: -80px;
}
.feature-hm1-img img {
  margin-left: auto;
}


/* 8. testimonial area
------------------------------------------------------------- */
.testimonial-bg::before {
  position: absolute;
  content: "";
  background: var(--section-bg);
  width: 100%;
  height: 75%;
}
.single-testimonial {
  box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.07);
}
.single-testimonial:hover {
  box-shadow: 1px 5px 12px 5px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 2px 10px 5px rgba(0, 0, 0, 0.07);
}
.review-content p {
  line-height: 1.75;
}
.testi-info h6 {
  font-size: 18px;
}
.testi-info span {
  font-size: 14px;
}
.review-ratting li span {
  color: #ffd33c;
  font-size: 18px;
}
.client-img {
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
/* home2 */
.hm2 .quit span {
  font-size: 56px;
  line-height: 1;
}
.hm2 .testi-info h5 {
	font-size: 18px;
}


/* 9. subscription area
------------------------------------------------------------- */
.subscription-area.section-bg-overlay::before {
  background: var(--primary-color2);
  width: 59%;
}
.subscribe-info input,
.subscribe-btn {
  height: 60px;
  line-height: 60px;
}
.subscribe-btn span {
  font-size: 24px;
}
.subscription-area.about-subscription {
	margin-bottom: -1px;
}

.subscription-area.black-overly::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	opacity: 0.6;
}



/* 10. blog area
-------------------------------------------------------------- */
.blog-hm1-text-hover {
  transform: translateY(30px);
  -webkit-transform: translateY(30px);
  -moz-transform: translateY(30px);
  -ms-transform: translateY(30px);
  -o-transform: translateY(30px);
}
.single-blog-wrapper:hover .blog-hm1-text-hover {
  transform: translateY(-10px);
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
}
.blog-btn,
.offer-btn {
  opacity: 0;
  visibility: hidden;
  height: 0;
}
.single-blog-wrapper:hover .blog-btn,
.single-offer-wrapper:hover .offer-btn {
  opacity: 1;
  visibility: visible;
  height: 14px;
}
.single-blog-wrapper span {
  font-size: 14px;
}
.single-blog-wrapper h4 {
  font-size: 21px;
  line-height: 1.5;
}
.blog-hm-date::before {
  position: absolute;
  content: "";
  background: #ffffff;
  width: 1px;
  height: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
/* .single-blog-wrapper:hover .blog-hm1-content{
	background: linear-gradient(rgba(0,0,0,0) 0%,#000 70%);
  background: linear-gradient(rgba(109,141,140,0) 0%,#6d8d8c 70%);
} */

/* 11. offer area
------------------------------------------------------------- */
.offer-area.hm2 .room-price p {
  font-size: 14px;
}
.offer-area.hm2 .room-price span {
  font-size: 36px;
  line-height: 1;
}
.offer-area.hm2 .room-price span.room-price {
  font-size: 19px;
}
.offer-hm2-text2 {
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
}
.single-offer-wrapper:hover .offer-hm2-text2 {
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
}
.offer-hm2-text1 {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
}
.single-offer-wrapper:hover .offer-hm2-text1 {
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
}
.offer-hm2-text3 {
  transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
}
.single-offer-wrapper:hover .offer-hm2-text3 {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}


/* 12. brand area
-------------------------------------------------------------- */
.single-brand img {
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.single-brand:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}


/* 13. footer area
-------------------------------------------------------------- */
.footer-area {
  background: #18140b;
}
.footer-top a:hover,
.footer-bottom a:hover,
.footer-bottom a.c-theme:hover {
  color: var(--theme-color);
}
.footer-bottom a.c-theme {color: #ffffff;}
.footer-area li,
.footer-area p,
.f-info a,
.f-about a,
.footer-phone a,
.footer-email a {
  font-size: 16px;
  color: #aaaaaa;
}
.footer-widget h6 {
  font-size: 18px;
}
.footer-area .social-link li a {
  font-size: 20px;
}
.footer-area .social-link li a:hover { color: var(--theme-color) !important;}


/*
---------------------------- 
 14 about page
-------------------------------- */
/* -- about area
-------------------------------------------------------------- */
.about-page-left p {font-size: 18px;}
.about-photo-gallery-wrapper {
	margin-left: -1.2px;
	margin-right: -1.2px;
}
.about-photo-gallery-img {
  margin: 5px;
  margin-bottom: 10px;
}
.gallery-hover {
	font-size: 30px;
	color: #ffffff;
	width: 100%;
	height: 100%;
	top: 0%;
	/* left: 50%; */
	bottom: 0;
	transform: scale(0);
	opacity: 0;
	transition: 0.6s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	background: #000;
}
.gallery-img-hover:hover .gallery-hover {
  opacity: .6;
  transform: scale(1);
  transition: 0.6s;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  -ms-transition: 0.6s;
  -o-transition: 0.6s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
.about-gallery-slider-active {
  display: block;
  margin: auto auto;
  white-space: nowrap;
  overflow: hidden;
  min-width: 100%;
  height: 100%;
}
.about-gallery-slider-active ul {
  display: inline-block;
  padding-left: 0%;
  min-width: 100%;
  height: 100%;
  animation: moveSlideshow 20s linear infinite;
  -webkit-animation: moveSlideshow 20s linear infinite;
}
@keyframes moveSlideshow {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
/* about-gallery-slider-active css end */

/* -- choose us area
-------------------------------------------------------------- */
.why-choose-us-area .ser-icon {min-width: 70px;}


/* 
 15. rooms page
-------------------------------------------------------------- */
h4.sidebar-title {font-size: 21px;}
.sidebar-widget .panel li a{
  font-size: 16px;
  color: var(--text-color);
}
.rp-service .panel li{
  width: 49%;
  display: inline-block;
}
.sidebar-widget .ratting-area span {font-size: 21px;}
/* checkbox css start*/
.option-input {
  position: relative;
  appearance: none;
  border: 1px solid #cccccc;
  height: 15px;
	width: 15px;
	transition: .15s;
}
.option-input:checked::before {
	position: absolute;
	content: "✓";
	display: inline-block;
  color: var(--theme-color);
	font-size: 14px;
	left: 50%;
	top: 45%;
	transform: translate(-50%,-50%);
}
/* checkbox css end*/
/* accordion start */
.sidebar-widget .accordion:after {
	content: '\f107';
	float: right;
	margin-left: 5px;
	font-weight: 900;
  font-family: 'Font Awesome 5 Free';
	font-size: 18px;
	color: var(--text-color);
}
.sidebar-widget .active::after {
	content: "\f105";
}
.sidebar-widget .panel-ser {
	padding: 0 5px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
/* accordion end */
/* radio check input color change css start */
input[type="radio"] {
  /* remove standard background appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 3px;
  /* background-color only for content */
  background-clip: content-box;
  border: 1px solid #cccccc;
  background-color: transparent;
  border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
  background-color: var(--theme-color);
}
/* radio check input color change css end */
/*Sidebar Price*/
#slider-range {
  position: relative;
  margin-bottom: 25px;
}
.ui-widget.ui-widget-content {border: none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: var(--theme-color);
  border-radius: 0;
  border: none;
  outline: none;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.004);
}
.ui-slider-horizontal {height: 6px;border-radius: 0;}
.ui-widget-content {background: #ebebeb;}
.ui-widget-header {background: var(--theme-color);}
.ui-slider-horizontal .ui-slider-handle {top: -5px;}
.ui-slider .ui-slider-handle {
  height: 15px;
  width: 15px;
  border-radius: 50%;
  -webkit-transition: all 0s ease-out 0s;
  -moz-transition: all 0s ease-out 0s;
  -ms-transition: all 0s ease-out 0s;
  -o-transition: all 0s ease-out 0s;
  transition: all 0s ease-out 0s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.ui-slider .ui-slider-handle:before {
  position: absolute;
  content: "";
  height: 6px;
  width: 6px;
  background: #ffffff;
  top: 50%;
  left: 49%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.price-slider .prc-amount input {font-weight: 500;width: 100px; outline: 0;}
/*Sidebar Price end*/
/* pagination */
.pagination-page .page-link {
	width: 60px;
	height: 60px;
	text-align: center;
	color: var(--text-color);
	border: 1px solid #cccccc;
	margin: 0 8px;
	line-height: 42px;
	display: block;
	font-size: 18px;
}
.pagination-page .page-link:hover,.pagination-page .page-item.active .page-link  {
	background: var(--theme-color);
	border-color:var(--theme-color);
	color: #fff;
}
.pagination-page .page-link:focus{box-shadow: none;}
.page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}


/* 16. rooms details page
-------------------------------------------------------------- */
.pr-rooms-content h6, h5.sidebar-title {
	font-size: 18px;
}
.rpb-price .room-price {font-size: 36px;}
.pr-rooms-content span, .rc-price {
	font-size: 14px;
}
.pr-rooms-content .my-btn .btn {
	padding: 6px 25px;
}
.booking-help a {font-size: 30px; line-height: .7;}
.rp-booking-area .my-btn .btn {
	padding: 12px 32px;
  font: 16px;
}
.rp-booking-area .sidebar-widget .accordion::after {
	content: '\f055';
	color: var(--main-color);
  float: none;
}
.rp-booking-area .sidebar-widget .active::after {
	content: "\f056";
}
.rp-booking-area .sidebar-widget .panel li a {
	font-size: 15px;
}
.rd-facilities-list p {font-size: 18px;}
.rd-facilities-list li {width: 32.8%;}
.room-details-info li {
	width: 100%;
	display: inline-block;
  position: relative;
}
.room-details-info li::before {
  position: absolute;
  content: "";
  background: var(--primary-border);
  width: 1px;
  height: 92%;
  right: 0;
}
.room-details-info ul li:last-child::before{position: static;}
.review-head h5 {
	font-size: 16px;
}
.review-head span {
	font-size: 14px;
}
.single-similar-rooms h6, .single-similar-rooms .review-ratting span { font-size: 16px;}
.single-similar-rooms span { font-size: 14px;}
.single-similar-rooms::before, .blog-hm1-content {
  position: absolute;
  content: "";
  background: linear-gradient(rgba(0,0,0,0) 0%,#000 80%);
  opacity: .3;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.single-blog-wrapper .blog-hm1-content {opacity: .5;}
.single-blog-wrapper:hover .blog-hm1-content {opacity: .8;}
.single-similar-rooms:hover::before  {
  opacity: .7;
}

/* 17. blog page
-------------------------------------------------------------- */
.portfolio-menu button {
  border: 0;
  background: transparent;
  font-size: 18px;
  font-weight: 700;
  padding: 10px 20px;
  color: var(--main-color);
  cursor: pointer;
  font-family: "Noto Serif", serif;
}
.portfolio-menu button.active,
.portfolio-menu button:hover {
  color: var(--theme-color);
}
.blog-page-content .blog-hm-date span {color: var(--text-color);}
.blog-page-content span {font-size: 14px;}
.blog-page-content .blog-hm-date::before {
	background: var(--text-color);
}
.blog-page-content h4 {
  font-size: 21px;
  margin-top: 5px;
}
.single-blog-page-wrapper {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}
.single-blog-page-wrapper:hover {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.09);
}
.blog-page-btn .my-btn .btn {
	padding: 16px 52px;
	font-size: 16px;
}


/* 18. booking page
-------------------------------------------------------------- */
.booking-page-wrapper h2 { font-size: 24px;}
.booking-extra-service ul li a {color: var(--text-color);}
.booking-extra-service.bp-cnt-ex-ser ul li input {
	margin-top: 6px;
}
.booking-extra-service ul li {
  width: 49%;
  display: inline-block;
}
.coupon-content,.checkout-content,#ship-box-info, #cbox-account-info{display: none;}
#login {border-bottom: 2px solid var(--theme-color);}

.booking-your-info-area input {
	padding: 12px 15px;
  border: 1px solid var(--primary-border);
	height: 48px;
}
.booking-your-info-area textarea {min-height: 145px;}
.save-info input {height: auto;}


/* 19. checkout page
-------------------------------------------------------------- */
.checkout-your-info-area li{width: 49%;}
.delete {
  font-size: 18px;
  color: var(--text-color)
}
.checkout-page .option-input {
  width: 16px;
  height: 16px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
.checkout-page .option-input:checked::before {
  content: "";
	background: var(--theme-color);
  width: 6px;
  height: 6px;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
}


/* 20. confirmation page
-------------------------------------------------------------- */

.confirmation-content h2 {font-size: 30px;} 
.confirmation-content p { font-size: 18px;} 
.confirmation-content .con-icon {
  border-width: 3px;
  width: 76px;
  height: 76px;
  line-height: 75px;
}
.confirmation-content .con-icon span {
  font-size: 24px;
}
.amount-paid p { font-size: 18px;}
.con-btn .my-btn .btn {
	padding: 11px 34px;
  font-size: 16px;
}
.con-btn .my-btn .btn.bg-transparent {
	color: var(--main-color);
}


/* 21. blog details page
-------------------------------------------------------------- */
.blog-details-page-height {min-height: 935px;}
.blockquote-quit span {
	font-size: 52px;
}
.blockquote-info span {font-size: 16px;}
.blockquote-info span::before {
	background:var(--text-color);
	position: absolute;
	content: "";
	width: 16px;
	height: 1px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.blockquote p {
	font-size: 21px;
	line-height: 1.71;
}
.blockquote-quit {margin-right: 65px;}
.blog-p-content-footer .social-link a {font-size: 18px;}
.single-blog-comments {
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}
.single-blog-comments::before {
	position: absolute;
	content: "";
	background: #ffffff;
	width: 28px;
	height: 35px;
	left: -28px;
	top: 30px;
	clip-path: polygon(0 50%, 100% 100%, 100% 0);
  box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.06);
}
.single-blog-comments {margin-left: 45px;}
.blog-details-page-review .client-avatar img {min-width: 90px;}
.blog-details-page-review p {
	line-height: 1.75;
}
.contact-form input {
	height: 50px;
}
.contact-form textarea {
	height: 160px;
}
.contact-form .my-btn .btn, .booking-page-area .my-btn .btn {
	padding: 15px 45px;
	font-size: 18px;
}
.review-text.ml--35 {
	margin-left: 0;
}
.single-news-page-content.n-d-p2,.news-details-page2 .news-review-area,.news-details-page2 .news-contact-form{box-shadow:none;}

/* blog-details2-page css */
.blog-details2-page .blockquote-quit {
	margin-right: 40px;
}
.blog-details2-page .blockquote p {
	font-size: 18px;
	line-height: 1.65;
}
.blog-search span {line-height: 50px;}
.blog-details2-page .pr-rooms-content h6, h5.sidebar-title {
	font-size: 16px;
}
.popular-tag li {
	display: inline-block;
	padding: 5px 25px;
	border: 1px solid var(--primary-color);
	border-radius: 30px;
	color: var(--text-color);
	margin-bottom: 10px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}
.popular-tag li:hover {color: #ffffff; background: var(--theme-color);}
.related-post h3{font-size: 30px;}
.blog-details2-page .single-blog-comments, .blog-details2-page .single-blog-comments::before {

	background: #fbf8f3;
	box-shadow: none
}
.blog-details2-page .single-blog-comments {
	margin-left: 70px;
}


/* 22. contact page
-------------------------------------------------------------- */
.contact-icon {
	width: 72px;
	height: 72px;
	line-height: 72px;
	border-radius: 50%;
}
.contact-icon span {color: #ffffff;}
.contact-info-sep::before {
  position: absolute;
  content: "";
  background: var(--primary-border);
  width: 1px;
  height: 96%;
  right: 0;
}
.contact-info-wrapper .contact-info-sep:last-child::before {position: static}
.contact-text h4 {
  font-size: 21px;
}
.contact-text a {color: var(--text-color);}
.contact-icon span,
.contact-info input,
.contact-info textarea {
  font-size: 16px;
}
.contact-info .massage {
  min-height: 140px;
}
.contact-form .form-message.success {
  color: green;
}
.contact-form .form-message.error {
  color: red;
}
/* map */
.map-wrapper {
  width: 100%;
  min-height: 370px;
  background: #f9f9f9;
  margin-right: 90px;
  border-radius: 10px;
}
.leaflet-marker-icon {
  width: 55px;
}

/* extra css  */
/* header-search-details */
.header-search-details {
  width: 100%;
  position: fixed;
  top: -250%;
  left: 0;
  z-index: 555;
  height: 100%;
  transition: 0.5s;
}
.header-search-details .header-search-form {
  width: 60%;
}
.header-search-details.open-search-info {
  top: 0;
}
.mobile-subscribe .subscribe-info span {
  top: 13px;
}