/*

@Author: Themezinho
@URL: http://www.themezinho.net
 
This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.


	// Table of contents //

		01. FONTS
		02. BODY
		03. HTML TAGS
		04. LINKS
		05. FORM ELEMENTS
		06. CUSTOM CONTAINER 
		07. CUSTOM CURSOR
		08. RANGE SLIDER
		09. ACCORDION
		10. DATE PICKER
		11. HAMBURGER MENU
		12. REVEAL EFFECT
		13. CUSTOM BUTTON
		14. PRELOADER 
		15. PAGE TRANSITION
		16. PAGE LOADED
		17. HAMBURGER NAVIGATION
		18. NAVBAR
		19. SLIDER
		20. PAGE HEADER
		21. CONTENT SECTION
		22. SECTION TITLE
		23. HOTEL SEARCH FORM
		24. SIDE CONTENT
		25. SIDE IMAGE
		26. SIDE GALLERY
		27. SIDE HOTEL BOX
		28. CAROUSEL IMAGE BOX
		29. EVENTS TAB
		30. CONTENT TAB
		31. CAROUSEL EVENT BOX
		32. ROOM SLIDER
		33. RECENT NEWS
		34. IMAGE
		35. TESTIMONIAL BOX
		36. PACKAGE BOX
		37. MEMBER BOX
		38. VIDEO BOX
		39. ROOMS FILTER
		40. ROOMS LIST
		41. ROOMS BOX
		42. ROOMS TYPE
		43. RECENT TESTIMONIALS
		44. ROOMS GALLERY
		45. ROOMS INFO BOX
		46. MEETING EVENT BOX
		47. SPECIAL OFFER BOX
		48. EVENT HEADLINE
		49. CONTACT FORM
		50. CONTACT BOX
		51. GOOGLE MAPS
		52. NEWS BOX
		53. SIDEBAR
		54. PAGINATION
		55. NEWSLETTER BOX
		56. FOOTER BAR
		57. FOOTER
		58. MEDIUM DEVICE RESPONSIVE
		59. TABLET DEVICE RESPONSIVE
		60. MOBILE DEVICE RESPONSIVE

	

*/
@import url("https://fonts.googleapis.com/css2?family=Jost:wght@400;600;800&display=swap");
@font-face {
  font-family: 'Argesta Display';
  src: url("../fonts/ArgestaDisplay-Regular.eot");
  src: url("../fonts/ArgestaDisplay-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ArgestaDisplay-Regular.woff2") format("woff2"), url("../fonts/ArgestaDisplay-Regular.woff") format("woff"), url("../fonts/ArgestaDisplay-Regular.ttf") format("truetype"), url("../fonts/ArgestaDisplay-Regular.svg#ArgestaDisplay-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  outline: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Jost', sans-serif;
  font-size: 18px;
  color: #141414;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* HTML TAGS */
img {
  max-width: 100%;
}

strong {
  font-weight: 600;
}

iframe {
  max-width: 100%;
}
.set p {
  margin-top: 0;
    font-size: 16px;
    opacity: 1.7;
    font-size: 17px;
    text-align: justify;
    line-height: 33px;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}

/* LINKS */
a {
  color: #141414;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

a:hover {
  text-decoration: none;
  color: #141414;
}

/* FORM ELEMENTS */
input[type="text"] {
 
  max-width: 100%;
  height: 59px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="email"] {
  
  max-width: 100%;
  height: 80px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="search"] {
  
  max-width: 100%;
  height: 80px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="password"] {
  width: 420px;
  max-width: 100%;
  height: 80px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="number"] {
  width: 420px;
  max-width: 100%;
  height: 80px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="date"] {
  width: 420px;
  max-width: 100%;
  height: 80px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

input[type="radio"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
  border-radius: 50%;
}

input[type="radio"]:checked {
  border: 6px solid #141414;
}

input[type="checkbox"] {
  width: 18px;
  height: 18px;
  display: inline-block;
  margin-right: 4px;
  transform: translateY(3px);
  appearance: none;
  background: #ededed;
}

input[type="checkbox"]:checked {
  border: 4px solid #ededed;
  background: #141414;
}

textarea {
  width: 520px;
  max-width: 100%;
  height: 140px;
  padding: 30px;
  border: 1px solid #cecece;
}

select {
  width: 420px;
  max-width: 100%;
  height: 80px;
  padding: 0 30px;
  border: 1px solid #cecece;
}

select {
 /* -webkit-appearance: none;
  -moz-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 30px) 34px, calc(100% - 25px) 34px, calc(100% - 3.5em) 20px;
  background-size: 5px 5px, 5px 5px, 1px 40px;
  background-repeat: no-repeat;*/
}

select:focus {
  background-image: linear-gradient(45deg, gray 50%, transparent 50%), linear-gradient(135deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 25px) 34px, calc(100% - 30px) 34px, calc(100% - 3.5em) 20px;
  background-size: 5px 5px, 5px 5px, 1px 40px;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

input[type="submit"] {
  height: 61px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #313030;
    background: linear-gradient(45deg, #fcb97d, #ffef63);
    border: none;
    padding: 0px 30px;
    border-radius: 4px;
    width: 178px;
}

button[type="submit"] {
  height: 80px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  background: #f1923f;
  border: none;
  padding: 0 50px;
}
button[type="submit"] i {
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  transform: translateY(2px);
}

/* SPACINGS */
.no-spacing {
  margin: 0 !important;
  padding: 0 !important;
}

.no-top-spacing {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.no-bottom-spacing {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.spacing-50 {
  height: 50px;
  display: flex;
}

.spacing-100 {
  width: 100%;
  height: 100px;
  display: flex;
}

.spacing-60{
  width: 100%;
    height: 60px;
    display: flex;
}
.spacing-40{
  width: 100%;
    height: 40px;
    display: flex;
}

/* CUSTOM CONTAINER */
@media (min-width: 1170px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1260px;
  }
}
/* CUSTOM CLASSES */
.overflow {
  overflow: hidden;
}

/* CUSTOM CURSOR */
/*.cursor {
  position: fixed;
  top: -40px;
  left: -40px;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
}
.cursor:before {
  content: "";
  width: 80px;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: white;
  border: 1px solid white;
  transition: all ease 0.15s;
  transform: scale(0.15);
}

.cursor.light:before {
  transform: scale(1);
  background: transparent;
}

.cursor.drag {
  mix-blend-mode: unset;
}

.cursor.drag:before {
  transform: scale(1);
  background: #f1923f;
  border-color: transparent;
}

.cursor.drag:before {
  content: "\ea23";
  font-family: "LineIcons";
  font-size: 20px;
  color: #fff;
}/*

/* RANGE SLIDER */
.range-slider {
  width: 100%;
  display: block;
}

.range-slider__range {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 0;
  background: #f2f2f2;
  outline: none;
  padding: 0;
  margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #f1923f;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #f1923f;
  cursor: pointer;
  -moz-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}

.range-slider__range:active::-moz-range-thumb {
  background: #f1923f;
}

.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #f1923f;
}

::-moz-range-track {
  background: #f1923f;
  border: 0;
}

input::-moz-focus-inner, input::-moz-focus-outer {
  border: 0;
}

/* ACCORDION */
.accordion {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 0;
}
.accordion .card {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: none;
  border-radius: 0;
  border: 1px solid #eaebee;
  margin-bottom: 10px;
  border: none;
}
.accordion .card .card-header {
  width: 100%;
  display: block;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
}
.accordion .card .card-header a {
  width: 100%;
  float: left;
  font-weight: 600;
  padding: 20px 25px;
  color: #141414;
  font-weight: 600;
  border: 1px solid #cbcbcb;
}
.accordion .card .card-header a:hover {
  color: #f1923f;
  text-decoration: none;
}
.accordion .card .card-body {
  width: 100%;
  line-height: 26px;
  opacity: 0.7;
}
.accordion .card [aria-expanded="true"] {
  color: #fff !important;
  background: #f1923f;
  border-color: #f1923f !important;
}

/* DATE PICKER */
.datepicker-dropdown {
  width: 280px;
  border: none;
  padding: 10px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  font-size: 16px;
}

.datepicker-panel ul:first-child {
  width: 280px;
  display: flex;
}
.datepicker-panel ul:first-child li {
  flex: auto;
  box-shadow: none;
}

.datepicker-panel ul:nth-child(2) {
  font-weight: 600;
}
.datepicker-panel ul:nth-child(2) li {
  background: #f5f3ec;
}

.datepicker-panel > ul > li {
  padding: 5px 0;
  width: 40px;
  height: auto;
  box-shadow: 1px 0 0 0 #eee, 0 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee inset, 0 1px 0 0 #eee inset;
}

.datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover {
  background: #f1923f;
  color: #fff;
}

.datepicker-panel > ul > li.highlighted {
  background-color: #f1923f;
}

.datepicker-panel > ul > li:hover {
  background-color: #f5f3ec;
}

.datepicker-top-left:after, .datepicker-top-right:after {
  display: none;
  border: none;
}

.datepicker-top-left:before, .datepicker-top-right:before {
  display: none;
  border: none;
}

.datepicker-bottom-left:after, .datepicker-bottom-right:after {
  display: none;
  border: none;
}

.datepicker-bottom-left:before, .datepicker-bottom-right:before {
  display: none;
  border: none;
}

/* HAMBURGER MENU */
.menu {
  background-color: #ed7b18;
  border: none;
  cursor: pointer;
  display: flex;
  padding: 0;
  outline: none;
}

.line {
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.line1 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}

.line2 {
  stroke-dasharray: 60 60;
  stroke-width: 3;
}

.line3 {
  stroke-dasharray: 60 207;
  stroke-width: 3;
}

.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 3;
}

.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 3;
}

/* REVEAL EFFECT */
.reveal-effect {
  float: left;
  position: relative;
}
.reveal-effect.animated:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #ed7b18;
  position: absolute;
  left: 0;
  top: 0;
  animation: 1s reveal linear forwards;
  -webkit-animation-duration: 1s;
  z-index: 1;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -ms-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.reveal-effect.animated > * {
  animation: 1s reveal-inner linear forwards;
}

@-webkit-keyframes reveal {
  0% {
    left: 0;
    width: 0;
  }
  50% {
    left: 0;
    width: 100%;
  }
  51% {
    left: auto;
    right: 0;
  }
  100% {
    left: auto;
    right: 0;
    width: 0;
  }
}
@-webkit-keyframes reveal-inner {
  0% {
    visibility: hidden;
    opacity: 0;
  }
  50% {
    visibility: hidden;
    opacity: 0;
  }
  51% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
/* CUSTOM BUTTON */
.custom-button {
  line-height: 57px;
    display: inline-block;
    background: linear-gradient(45deg, #9fc4e9, #fdddc2);
    padding: 0 19px;
    color: #313030;
    width: 206px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 4px;
    position: relative;

}
.custom-button.light {
  border: 1px solid #fff;
  background: none;
}
.custom-button:hover {
  text-decoration: none;
  color: #fff;
  background: #ed7b18;
}

.hall_d {
  box-shadow: 0 16px 30px 0 rgb(0 0 0 / 8%);
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 10px;
    border-radius:5px;
}

/* PRELOADER */
.preloader {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #cae5f4;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 1s;
  transition-delay: 1s;
}
.preloader .loadbar {
  width: 0%;
  height: 100%;
  max-height: 6px;
  background: #f1923f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  overflow: hidden;
}
.preloader figure {
  width: 200px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fade 0.30s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  position: relative;
}
.preloader figure span {
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.preloader figure img {
  height: 100px;
  display: inline-block;
  opacity: 0.05;
}

@keyframes fade {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/* PAGE TRANSITION */
.page-transition {
  width: 100%;
  height: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #f1923f;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.page-transition .layer {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 1s;
}
.page-transition.active {
  height: 100vh;
}
.page-transition.active .layer {
  height: 100vh;
}

/* BODY */
body .navbar {
  /*transform: translateY(-100%);
  transition-delay: 1.3s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);*/
}

body .slider .main-slider {
  transform: scale(1.4);
  transition-delay: 1.15s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

body .page-header {
  transform: scale(1.4);
  transition-delay: 1.15s;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

/* PAGE LOADED */
.page-loaded .preloader {
  height: 0;
}

.page-loaded .preloader .loadbar {
  max-height: 100%;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.page-loaded .preloader figure {
  transform: translateY(50px);
  opacity: 0;
}

.page-loaded .navbar {
  transform: translateY(0);
   
}

.page-loaded .slider .main-slider {
  transform: scale(1);
}

.page-loaded .page-header {
  transform: scale(1);
}

/* HAMBURGER NAVIGATION */
.hamburger-navigation {
  width: 100%;
  height: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  background: #f1923f;
}
.hamburger-navigation .layer {
  width: 100%;
  height: 0;
  background: #3f96c7;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  transition-duration: 1s;
  -webkit-transition-duration: 1s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  transition-delay: 1s;
}
.hamburger-navigation .container {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.hamburger-navigation .info-box {
  width: 50vw;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  margin-top: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  padding-top: 50px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.hamburger-navigation .info-box span {
  width: 100%;
  display: block;
  font-size: 22px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
}
.hamburger-navigation .info-box .nav-social {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.hamburger-navigation .info-box .nav-social li {
  display: inline-block;
  margin: 0 10px;
  padding: 0;
  list-style: none;
}
.hamburger-navigation .info-box .nav-social li a {
  color: #fff;
  font-size: 14px;
}
.hamburger-navigation .nav-menu {
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.hamburger-navigation .nav-menu.mobile-menu {
  display: none;
}
.hamburger-navigation .nav-menu li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.hamburger-navigation .nav-menu li a {
  display: inline-block;
  color: #fff;
  font-size: 3vw;
  font-family: "Argesta Display";
}
.hamburger-navigation .nav-menu li a:hover {
  color: #f1923f;
}

/* HAMBURGER NAGIVATION ACTIVE */
.hamburger-navigation-active .scroll-content {
  transform: translate3d(0px, 0px, 0px) !important;
}

.hamburger-navigation-active .hamburger-navigation {
  height: 100vh;
}

.hamburger-navigation-active .hamburger-navigation .layer {
  height: 100vh;
}

.hamburger-navigation-active .hamburger-navigation .container {
  visibility: visible;
}

.hamburger-navigation-active .hamburger-navigation .nav-menu {
  opacity: 1;
  visibility: visible;
}

.hamburger-navigation-active .hamburger-navigation .info-box {
  opacity: 1;
  visibility: visible;
}

.hamburger-navigation-active .navbar .logo {
  opacity: 0;
}

.hamburger-navigation-active .navbar .navbar-text {
  opacity: 0;
}

.hamburger-navigation-active .navbar .site-menu {
  opacity: 0;
}

/* NAVBAR */
.navbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  background: #ffffff;
    padding: 30px 0 4px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 7;
}
.navbar .logo {
  display: inline-block;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
      /*background: white;*/
    padding: 0px 10px;
    border-radius: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-top: -24px;
}
.navbar .logo a {
  display: inline-block;
}
.navbar .logo a img {
      width: 184px;
}
.navbar .navbar-text {
  display: inline-block;
  margin: 0 auto;
  color: #fff;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.navbar .site-menu {
  display: inline-block;
  margin: 0 auto;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  margin-top: -28px;
}
.navbar .site-menu ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.navbar .site-menu ul li {
  display: inline-block;
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.navbar .site-menu ul li a {
  display: inline-block;
  color: #0f1010;
  font-weight: 600;
  font-size: 17px;
  font-family: "Argesta Display";
}
.navbar .site-menu ul li a:hover {
  text-decoration: none;
}
.navbar .hamburger-menu {
  display: none;
  margin-left: auto;
  margin-top: -30px;
}

/* SLIDER */
.slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  color: #fff;
  text-align: center;
  background: url("../images/slide01.jpg") center;
  background-size: cover !important;
  overflow: hidden;
}
.slider h6 {
  width: 100%;
  display: block;
  letter-spacing: 5px;
}
.slider h1 {
  font-weight: 400;
  font-size: 6vw;
  font-family: "Argesta Display";
  margin-bottom: 30px;
}
.slider p {
  padding: 0 20%;
  opacity: 0.7;
  letter-spacing: 1px;
}
.slider a {
  height: 80px;
  line-height: 80px;
  display: inline-block;
  background: #f5f3ec;
  color: #f1923f;
  font-size: 14px;
  font-weight: 600;
  padding: 0 50px;
  position: relative;
}
.slider a:hover {
  text-decoration: none;
}
.slider a:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  transition: width 0s ease, background .25s ease;
}
.slider a:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 0;
  background: #141414;
  transition: width .25s ease;
  opacity: 0.1;
}
.slider a:hover:before {
  width: 100%;
  background: #141414;
  opacity: 0.1;
  transition: width .25s ease;
}
.slider a:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}
.slider .main-slider {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.slider .main-slider .swiper-slide {
  height: 100%;
  display: flex;
  overflow: hidden;
}
.slider .main-slider .swiper-slide .container {
  position: relative;
  z-index: 1;
}
.slider .main-slider .swiper-slide .slide-inner {
  width: 100%;
  height: 100%;
      opacity: 2.2;
  display: flex;
  justify-content: center;
  align-items: center;
  background-size: cover !important;
  background-position: center;
  padding-top: 100px;
}
.slider .main-slider .swiper-slide .slide-inner:after {
  content: "";
    width: 100%;
    height: 100%;
    /*background: #032639;*/
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.1;
}
.slider:before {
  content: "";
  width: 30%;
  height: 6px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.slider .slider-fraction {
  width: 20%;
  height: 80px;
  line-height: 80px;
  background: #fff;
  position: absolute;
  left: auto;
  right: 0;
  display: none;
  bottom: 0;
  z-index: 1;
  color: #141414;
  font-family: "Argesta Display";
  font-size: 22px;
}
.slider .slider-prev {
  width: 80px;
  height: 80px;
  background: #ed7b18;
  position: absolute;
  right: calc(0% + 82px);
  bottom: 0;
  z-index: 2;
  cursor: pointer;
}
.slider .slider-prev:hover:before {
  opacity: 1;
}
.slider .slider-prev:before {
  content: "";
  width: 20px;
  height: 20px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 35px;
  top: 30px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}
.slider .slider-next {
  width: 80px;
  height: 80px;
  background: #ed7b18;
  position: absolute;
  right: 0%;
  bottom: 0;
  z-index: 2;
  cursor: pointer;
}
.slider .slider-next:hover:before {
  opacity: 1;
}
.slider .slider-next:before {
  content: "";
  width: 20px;
  height: 20px;
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 35px;
  top: 30px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}

/* PAGE HEADER */
.page-header {
  width: 100%;
  height: 300px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-size: cover !important;
  position: relative;
}
.page-header:after {
  content: "";
  width: 100%;
  height: 100%;
 /* background: #000;*/
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.5;
}
.page-header .container {
  position: relative;
  z-index: 1;
  color: #fff;
}
 .well1{
    padding: 0px 0px 10px;
    box-shadow: none;
    border: 0px;
        margin: 0px 106px;
    background-color: #d6f0ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;

  z-index: 2;
    position: relative;
    top:-173px;

}
.page-header .container h1 {
    width: 100%;
    display: block;
    text-align: center;
    color: #0d7cba;
    font-size: 46px;
    font-weight: 600;
    text-transform: capitalize;
    z-index: 2;
    font-family: "Argesta Display";
    text-indent: -5px;
    margin-top: 91px;
    top: 160px;
    position: relative;
}
.page-header .container p {
  width: 100%;
  display: block;
  margin: 0;
  letter-spacing: 10px;
  font-size: 22px;
}

/* SCROLL DOWN */
.scroll-down {
  width: 1px;
  height: 80px;
  background: #fff;
  position: absolute;
  left: calc(50% - 0.5px);
  bottom: 0;
  z-index: 2;
}
.scroll-down:after {
  content: "";
  width: 1px;
  height: 0;
  animation: 1s scrolldown infinite;
  background: #f1923f;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@keyframes scrolldown {
  0% {
    top: 0;
    height: 0;
  }
  50% {
    top: 0;
    height: 100%;
  }
  51% {
    top: auto;
    bottom: 0;
    height: 100%;
  }
  100% {
    top: auto;
    bottom: 0;
    height: 0;
  }
}
/* CONTENT SECTION */
.content-section {
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 54px 0 30px;
    position: relative;
}
.content-section.bottom-spacing {
  margin-bottom: 100px !important;
}
.content-section.top-spacing {
  margin-top: 100px !important;
}
.video-section {
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 54px 0 60px;
    position: relative;
}
.video-section.bottom-spacing {
  margin-bottom: 100px !important;
}
.video-section.top-spacing {
  margin-top: 100px !important;
}
.video1-section {
  
    padding: 0px 0 38px;
   
}
.video1-section.bottom-spacing {
  margin-bottom: 100px !important;
}
.video1-section.top-spacing {
  margin-top: 100px !important;
}
.content1-section {
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 51px 0 15px;
    position: relative;
}
.content1-section.bottom-spacing {
  margin-bottom: 100px !important;
}
.content1-section.top-spacing {
  margin-top: 100px !important;
}

.dlds {

}
.dlds .col-3 {
  flex: 0 0 25%;
    max-width: 25%;
}
.dlds .content {
      box-shadow: 0 16px 30px 0 rgb(0 0 0 / 8%);
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 13px 10px 17px;
    border-radius: 5px;
    text-align: center;
    width: calc(100% - 29px);
    background: #fff;
    margin-top: -52px;
    position: relative;
    z-index: 1;
    padding: 13px 20px 13px;
    margin-left: 14px;
}
.dlds .content h5 {
  font-size: 29px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 19px;
}
.dlds .content h5 a {
  color: #ee862b;
}
.dlds .content h5 a:hover {
  color: black;
}
.new_box {
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.new_box .imd {
  width: 100%;
    display: block;
    margin: 0;
}
.custom1-button {
      line-height: 50px;
    display: inline-block;
    background: linear-gradient(45deg, #9fc4e9, #fdddc2);
    padding: 0 19px;
    color: #313030;
    width: 147px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 4px;
    position: relative;

}
.custom1-button:hover {
     text-decoration: none;
    background: #ed7b18;
    color: white;
    

}
.custom1-button.light {
  border: 1px solid #fff;
  background: none;
}


.about-section {
  width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 41px 0 80px;
    position: relative;
}
.about-section.bottom-spacing {
  margin-bottom: 100px !important;
}
.about-section.top-spacing {
  margin-top: 100px !important;
}
.about_img {
  padding: 12px 12px;
    text-align: left;
    border: 1px solid #fbf7f7;
    box-shadow: 0 16px 30px 0 rgb(0 0 0 / 30%);
    transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 27px;
}
.about_img img {
  width: 100%;
  border-radius: 5px;
}

#main {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
}

/* SECTION TITLE */
.section-title {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.section-title.text-center {
  text-align: center;
}
.section-title.text-center h6:before {
  left: calc(50% - 2vw);
  top: calc(100% + 10px);
}
.section-title.light {
  color: #fff;
}
.section-title.light h6 {
  opacity: 0.6;
}
.section-title.light h6:before {
  background: #fff;
}
.section-title h6 {
  width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: #090909;
    opacity: 1.8;
    letter-spacing: 2px;
    position: relative;
}
.section-title h6:before {
  content: "";
  width: 4vw;
  max-width: 100%;
  height: 1px;
  display: inline-block;
  background: #3f95c6;
  position: absolute;
  left: calc(-4vw - 20px);
  top: calc(50% - 0.5px);
}
.section-title h2 {
  width: 100%;
  display: block;
  margin: 0;
  color: #ed7b18;
  font-family: Now, Rasputin;
  font-size: 44px;
}
.section-title h2 span{
      color: black;
}

/* HOTEL SEARCH FORM */
.hotel-search {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 50px 0;
}
.hotel-search h6 {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
  font-size: 22px;
}
.hotel-search form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.hotel-search form .form-group {
  display: inline-block;
  margin: 0 15px;
  position: relative;
}
.hotel-search form .form-group i {
  position: absolute;
  right: 25px;
  bottom: 42px;
  transform: translateY(50%);
  color: #808080;
}
.hotel-search form .form-group input[type="number"] {
  width: 100px;
}
.hotel-search form .form-group input {
  width: auto;
}
.hotel-search form .form-group select {
  width: 300px;
}
.hotel-search form .form-group label {
  width: 100%;
  display: block;
  font-size: 14px;
}

/* SIDE CONTENT */
.side-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.side-content.text-left {
 padding-right: 10%;
}
.side-content.text-left p {
  padding-right: 10%;
}
.side-content.text-center {
  text-align: center;
  padding: 0 10%;
}
.side-content.text-center .custom-button {
  margin-left: auto;
  margin-right: auto;
}
.side-content.light {
  color: #fff;
}
.side-content.light .custom-button {
  border: 1px solid #fff;
  background: none;
}
.side-content h6 {
  width: 100%;
    display: block;
    font-size: 17px;
    font-weight: 800;
    color: #090909;
    opacity: 1.8;
    letter-spacing: 2px;
}
.side-content h2 {
  width: 100%;
  display: block;
  margin: 0;
  font-family: Now, Rasputin;
  font-size: 44px;
    font-weight: 500;
    color: #ed7b18;
}
.side-content p {
  width: 100%;
    display: block;
    margin-top: 25px;
    opacity: 1.7;
    font-size: 17px;
    text-align: justify;
    line-height: 33px;
    letter-spacing: 1px;
}
.side-content p:last-child {
  margin-bottom: 0;
}
.side-content .custom-button {
  margin-top: 40px;
}

/* SIDE IMAGE */
.side-image {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  position: relative;
}
.side-image.overlap-bottom {
  transform: translateY(100px);
}
.side-image.overlap-top {
  transform: translateY(-100px);
}
.side-image.right-full {
  /*width: 50vw;*/
  float: left;
}
.side-image.left-full {
  width: 50vw;
  float: right;
}
.side-image.left-full-space {
  width: 44vw;
  float: right;
  margin-right: 6vw;
}
.side-image.left-align {
  float: right;
  position: relative;
}
.side-image.left-align:after {
  content: "";
  width: calc(50vw - 100px);
  height: 100%;
  background: #f5f3ec;
  position: absolute;
  right: 100px;
  top: 100px;
  z-index: -1;
}
.side-image.right-align {
  float: left;
  position: relative;
}
.side-image.right-align:after {
  content: "";
  width: calc(50vw - 100px);
  height: 100%;
  background: #f5f3ec;
  position: absolute;
  left: 100px;
  top: 100px;
  z-index: -1;
}
.side-image .video-button {
  width: 140px;
  height: 140px;
  line-height: 140px;
  background: #fff;
  position: absolute;
  left: calc(50% - 70px);
  top: calc(50% - 70px);
  color: #f1923f;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.side-image .video-button:hover {
  background: #f1923f;
  color: #fff;
}
.side-image img {
  width: 100%;
      border-radius: 10px;
}

/* SIDE GALLERY */
.side-gallery {
  width: calc(50vw + 15%);
  float: right;
  margin-bottom: 0;
  position: relative;
  transform: translateY(-100px);
}
.side-gallery div:first-child {
  width: calc(66.66666% - 10px);
}
.side-gallery div:nth-child(2) {
  margin-bottom: 10px;
}
.side-gallery div {
  width: calc(33.33333% - 10px);
  float: left;
  margin-right: 10px;
}

/* SIDE HOTEL BOX */
.side-hotel-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.side-hotel-box.right {
  padding-left: 100px;
}
.side-hotel-box .review {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
}
.side-hotel-box .review i {
  display: inline-block;
  margin-right: 3px;
  color: #00aa6c;
}
.side-hotel-box .review span {
  display: inline-block;
  opacity: 0.4;
  margin-left: 8px;
}
.side-hotel-box h2 {
  width: 100%;
  display: block;
  font-size: 44px;
  font-family: "Argesta Display";
  margin-bottom: 25px;
}
.side-hotel-box p {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.side-hotel-box .info-box {
  width: 100%;
  display: flex;
  border: 1px solid #cbcbcb;
  padding: 20px;
  margin-bottom: 20px;
}
.side-hotel-box .info-box span {
  display: inline-block;
  border-left: 6px solid #f1923f;
  padding-left: 20px;
}
.side-hotel-box .info-box b {
  height: 54px;
  line-height: 1.3;
  margin-left: auto;
  font-size: 40px;
}
.side-hotel-box .info-box b small {
  display: inline-block;
  margin-right: 6px;
  font-size: 14px;
  opacity: 0.5;
}
.side-hotel-box .custom-button {
  margin-right: 30px;
}
.side-hotel-box .availability {
  line-height: 80px;
  display: inline-block;
}
.side-hotel-box .availability i {
  color: #f1923f;
}

/* CAROUSEL IMAGE BOX */
.carousel-image-box {
  width: calc(50vw + 100% / 2);
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}
.carousel-image-box figure {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 400px;
  margin: 0;
  position: relative;
  overflow: hidden;
}
.carousel-image-box figure img {
  width: 100%;
  float: left;
}
.carousel-image-box figure figcaption {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px;
  color: #fff;
}
.carousel-image-box figure figcaption h5 {
  width: 100%;
  display: block;
  font-size: 32px;
  font-weight: 800;
}
.carousel-image-box figure figcaption p {
  width: 100%;
  display: block;
  margin: 0;
}

.swiper-scrollbar {
  width: 100%;
  height: 4px;
  display: inline-block;
  opacity: 1 !important;
}

/* EVENTS TAB */
.events-tab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}
.events-tab .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding: 0;
}
.events-tab .tab-nav li {
  display: inline-block;
  margin-right: 20px;
  padding: 0 5px;
  list-style: none;
  border-bottom: 4px solid transparent;
}
.events-tab .tab-nav li.active {
  border-color: #f1923f;
}
.events-tab .tab-nav li a {
  display: inline-block;
  color: #fff;
}
.events-tab .tab-item {
  width: 100%;
  float: left;
  display: none;
  position: relative;
  overflow: hidden;
}
.events-tab .tab-item.active-item {
  display: block;
}

/* CONTENT TAB */
.content-tab {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.content-tab .tab-nav {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eee;
}
.content-tab .tab-nav li {
  height: 70px;
  line-height: 70px;
  display: inline-block;
  margin-right: 20px;
  padding: 0 25px;
  list-style: none;
  border: 1px solid #eee;
  margin-bottom: -1px;
}
.content-tab .tab-nav li.active {
  border-bottom: 1px solid #fff;
}
.content-tab .tab-nav li.active a {
  color: #f1923f;
  opacity: 1;
}
.content-tab .tab-nav li a {
  display: inline-block;
  font-weight: 600;
  opacity: 0.5;
}
.content-tab .tab-item {
  width: 100%;
  float: left;
  display: none;
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
  border-top: none;
  padding: 50px;
}
.content-tab .tab-item ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}
.content-tab .tab-item ul li {
  width: 33.33333%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 7px 0;
}
.content-tab .tab-item ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.content-tab .tab-item ul li figure {
  width: 50px;
  float: left;
  margin-bottom: 0;
}
.content-tab .tab-item ul li figure img {
  height: 22px;
  float: left;
}
.content-tab .tab-item ul li b {
  font-weight: 400;
  float: left;
}
.content-tab .tab-item.active-item {
  display: block;
}

/* CAROUSEL EVENTS BOX */
.carousel-events-box {
  width: 100%;
  float: left;
  position: relative;
  overflow: hidden;
}
.carousel-events-box .swiper-prev {
  width: 60px;
  height: 60px;
  background: #141414;
  position: absolute;
  left: 0;
  top: 33%;
  z-index: 2;
  cursor: pointer;
}
.carousel-events-box .swiper-prev:hover:before {
  opacity: 1;
}
.carousel-events-box .swiper-prev:before {
  content: "";
  width: 15px;
  height: 15px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  left: 25px;
  top: 23px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}
.carousel-events-box .swiper-next {
  width: 60px;
  height: 60px;
  background: #141414;
  position: absolute;
  right: 0;
  top: 33%;
  z-index: 2;
  cursor: pointer;
}
.carousel-events-box .swiper-next:hover:before {
  opacity: 1;
}
.carousel-events-box .swiper-next:before {
  content: "";
  width: 15px;
  height: 15px;
  border-right: 4px solid #fff;
  border-top: 4px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  right: 25px;
  top: 23px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0.5;
}
.carousel-events-box figure {
  width: 100%;
  display: block;
  margin-bottom: 17px;
}
.carousel-events-box figure:before {
  background: #f1923f !important;
}
.carousel-events-box figure img {
  width: 100%;
  display: block;
}
.carousel-events-box .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
}
.carousel-events-box .content h5 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Argesta Display";
}
.carousel-events-box .content h5 a {
  display: inline-block;
  color: #020202;
      font-weight: 600;
}
.carousel-events-box .content h5 a:hover {
  color: #f1923f;
}
.carousel-events-box .content span {
  display: inline-block;
  margin: 4px auto;
  color: #f5f3ec;
  opacity: 0.6;
}
.carousel-events-box .content small {
  width: 100%;
  display: block;
}

/* ROOM SLIDER */
.rooms-slider {
  width: 100%;
  height: 80vh;
  max-height: 700px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
}
.rooms-slider:before {
  content: "";
  width: 100%;
  height: 240px;
  background: #141414;
  position: absolute;
  left: 0;
  top: 0;
}
.rooms-slider .swiper-slide {
  max-width: 75%;
  background-size: cover !important;
  background-position: center !important;
  transform: scale(0.9);
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.rooms-slider .swiper-slide .room-detail {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 50px;
  position: absolute;
  left: 50px;
  bottom: 50px;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  opacity: 0;
}
.rooms-slider .swiper-slide .room-detail .price-line {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #f1923f;
  letter-spacing: 1px;
}
.rooms-slider .swiper-slide .room-detail .price-line span {
  color: #141414;
  opacity: 0.7;
}
.rooms-slider .swiper-slide .room-detail h3 {
  width: 100%;
  display: block;
  font-size: 36px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
}
.rooms-slider .swiper-slide .room-detail .reviews {
  width: 100%;
  color: #888888;
  font-size: 15px;
}
.rooms-slider .swiper-slide .room-detail .reviews span {
  padding: 5px 8px;
  background: #f1923f;
  color: #fff;
  font-weight: 800;
  margin-left: 5px;
}
.rooms-slider .swiper-slide.swiper-slide-active {
  transform: scale(1);
}
.rooms-slider .swiper-slide.swiper-slide-active .room-detail {
  opacity: 1;
}

/* RECENT NEWS */
.col-md-6:nth-child(2) .recent-news {
  padding-right: 30px;
}

.col-md-6:nth-child(3) .recent-news {
  padding-left: 30px;
}

.recent-news {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.recent-news figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
}
.recent-news figure img {
  width: 100%;
}
.recent-news .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 80px;
}
.recent-news .content ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-right: 15px;
  position: relative;
}
.recent-news .content ul:before {
  content: "";
  width: 60px;
  height: 1px;
  background: #f1923f;
  position: absolute;
  left: -80px;
  top: calc(50% - 0.5px);
}
.recent-news .content ul li {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  list-style: none;
}
.recent-news .content ul li:last-child {
  margin-right: 0;
}
.recent-news .content ul li a {
  display: inline-block;
  color: #f1923f;
  font-size: 14px;
  font-weight: 600;
}
.recent-news .content span {
  font-size: 13px;
  font-weight: 600;
  opacity: 0.5;
  line-height: 27px;
}
.recent-news .content span:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #141414;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}
.recent-news .content h2 {
  width: 100%;
    display: block;
    margin: 0;
    font-size: 41px;
    font-weight: 800;
    color: #fff;
    line-height: 53px;
}

/* IMAGE */
.image {
  width: 100%;
  display: block;
}

/* TESTIMONIAL BOX */
.testimonial-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px;
  background: #f1923f;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 1;
}
.testimonial-box.bottom {
  margin-bottom: -200px;
}
.testimonial-box small {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.testimonial-box small i {
  display: inline-block;
  margin: 0 3px;
}
.testimonial-box h4 {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  font-family: "Argesta Display";
}
.testimonial-box p {
  width: 100%;
  margin-bottom: 40px;
  font-size: 19px;
}
.testimonial-box .custom-button {
  margin: 0 auto;
}

/* PACKAGE BOX */
.package-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 60px;
  color: #fff;
}
.package-box h4 {
  width: 100%;
  display: block;
  font-size: 36px;
  font-family: "Argesta Display";
  margin-bottom: 15px;
}
.package-box p {
  width: 100%;
  display: block;
  margin-bottom: 35px;
}
.package-box a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  border-bottom: 3px solid #eee;
  font-size: 15px;
}

/* MEMBER BOX */
.member-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.member-box:hover figure img {
  opacity: 0.6;
}
.member-box:hover figure ul {
  opacity: 1;
  visibility: visible;
}
.member-box figure {
  width: 100%;
  display: block;
  margin-bottom: 0;
  position: relative;
  background: #141414;
}
.member-box figure * {
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.member-box figure ul {
  width: 44px;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 30px;
  bottom: 60px;
  opacity: 0;
  visibility: hidden;
}
.member-box figure ul li {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  padding: 0;
  list-style: none;
}
.member-box figure ul li:last-child {
  margin-bottom: 0;
}
.member-box figure ul li a {
  width: 44px;
  height: 44px;
  line-height: 44px;
  display: inline-block;
  text-align: center;
  background: #f1923f;
  color: #fff;
}
.member-box figure img {
  width: 100%;
  display: block;
}
.member-box .content {
  width: calc(100% - 30px);
  display: inline-block;
  background: #fff;
  margin-top: -30px;
  padding: 30px;
  position: relative;
}
.member-box .content small {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.member-box .content h5 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Argesta Display";
  margin-bottom: 25px;
  opacity: 0.7;
}
.member-box .content a {
  display: inline-block;
  text-decoration: underline;
  color: #f1923f;
  font-weight: 600;
  font-size: 15px;
}

/* VIDEO BOX */
.video-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 100px 0;
  padding: 10px 113px;
}
.video-box .play-btn {
  width: 140px;
  height: 140px;
  line-height: 140px;
  display: inline-block;
  background: #fff;
  color: #f1923f;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  margin-bottom: 100px;
}
.video-box .play-btn:hover {
  background: #f1923f;
  color: #fff;
}
.video-box h2 {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 42px;
  font-weight: 800;
  color: #fff;
  line-height: 68px;
}

/* ROOMS FITER */
.rooms-filter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.rooms-filter h6 {
  display: inline-block;
  font-weight: 600;
}
.rooms-filter .price-range {
  width: 50%;
  display: flex;
  flex-wrap: wrap;
  padding-right: 30px;
}
.rooms-filter .price-range .range-slider__value {
  float: right;
  margin-top: -56px;
  font-weight: 800;
  color: #f1923f;
}
.rooms-filter .price-range .range-slider__value:before {
  content: "$";
}
.rooms-filter .price-range .range-slider {
  width: 100%;
}
.rooms-filter .specifications {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-left: 30px;
}
.rooms-filter .specifications ul {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.rooms-filter .specifications li {
  display: inline-block;
  margin-right: 20px;
  padding: 0;
  list-style: none;
}

/* ROOMS LIST */
.rooms-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  margin-top: 15px;
}
.rooms-list li {
  width: 50%;
  display: inline-block;
  margin: 0;
  padding: 0;
  padding-right: 30px;
  list-style: none;
}
.rooms-list li:nth-child(1) {
  margin-top: 0;
}
.rooms-list li:nth-child(2) {
  margin-top: 0;
}
.rooms-list li:nth-child(even) {
  
}

/* ROOM BOX */
.room-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.room-box figure {
  width: 100%;
  display: block;
  margin: 0;
}
.room-box figure img {
  
  max-width: 100%;
}
.room-box .content {
  width: calc(100% - 48px);
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    /* margin-top: -53px; */
    /* margin-left: 50px; */
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 24px 0px 5px;
    box-shadow: 0 16px 30px 0 rgb(0 0 0 / 8%);
    padding-right: 0;
    margin-bottom: 27px;
}
.room-box .content .price-line {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #f1923f;
  letter-spacing: 1px;
}
.room-box .content .price-line span {
  color: #141414;
  opacity: 0.7;
}
.room-box .content h3 {
  width: 100%;
  display: block;
  font-size: 36px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
}
.room-box .content h3 a{
  color: #ed7b18;
}
.room-box .content .bottom-specs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-top: 20px;
}
.room-box .content .bottom-specs .icons {
  width: 50%;
  display: inline-block;
}
.room-box .content .bottom-specs .icons img {
  height: 25px;
  margin-right: 5px;
}
.room-box .content .bottom-specs .reviews {
  width: 50%;
  text-align: right;
  color: #888888;
  font-size: 15px;
}
.room-box .content .bottom-specs .reviews span {
  padding: 5px 8px;
  background: #f1923f;
  color: #fff;
  font-weight: 800;
  margin-left: 5px;
}

/* ROOM TYPE */
.room-type {
      width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    /* border-left: none; */
    box-shadow: 0px 28px 60px 0px rgb(237 234 234 / 40%);
    margin-bottom: 50px;
    padding: 24px 31px;
    border-radius: 10px;
    box-shadow: 0 16px 30px 0 rgb(0 0 0 / 8%);
    background-color: #fff;
    margin-bottom: 30px;
}
.room-type .price-line {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 800;
  color: #f1923f;
  letter-spacing: 1px;
}
.room-type .price-line span {
  color: #141414;
  opacity: 0.7;
}
.room-type h3 {
  color: #0379b9;
    width: 100%;
    display: block;
    font-size: 50px;
    font-weight: 600;
    font-family: "Argesta Display";
    margin-bottom: 13px;
    text-indent: -4px;
}
.room-type small {
  width: 100%;
  display: block;
  opacity: 0.5;
  font-size: 16px;
}

/* RECENT TESTIMONIAL */
.recent-testimonial {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #eee;
  padding: 50px;
  margin-bottom: 50px;
}
.recent-testimonial span {
  width: 100%;
  display: block;
  margin-bottom: 5px;
}
.recent-testimonial span b {
  display: inline-block;
  font-weight: 600;
  margin-right: 10px;
}
.recent-testimonial span i {
  color: #f1923f;
  display: inline-block;
  margin: 0 2px;
  font-size: 14px;
}
.recent-testimonial small {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  opacity: 0.5;
}
.recent-testimonial p {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 19px;
  font-family: "Argesta Display";
}

/* ROOM GALLERY */
.room-gallery-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
.room-gallery-top .swiper-slide {
  max-width: 40%;
}

.room-gallery-thumbs {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}
.room-gallery-thumbs .swiper-slide {
  background: #141414;
}
.room-gallery-thumbs .swiper-slide:hover img {
  opacity: 1;
}
.room-gallery-thumbs .swiper-slide img {
  opacity: 0.5;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

/* ROOM INFO BOX */
.room-info-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px;
  border: 1px solid #eee;
  margin: 30px 0;
}
.room-info-box h6 {
  width: 100%;
  display: block;
  font-size: 26px;
  font-family: "Argesta Display";
  margin-bottom: 15px;
  color: #f1923f;
}
.room-info-box p {
  width: 100%;
  display: block;
}
.room-info-box p:last-child {
  margin-bottom: 0;
}
.room-info-box ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  margin-top: 20px;
  padding: 0;
}
.room-info-box ul li {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0;
  padding: 5px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}
.room-info-box ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.room-info-box ul li figure {
  width: 50px;
  float: left;
  margin-bottom: 0;
}
.room-info-box ul li figure img {
  height: 22px;
  float: left;
}
.room-info-box ul li b {
  width: 30%;
  font-weight: 600;
  float: left;
}
.room-info-box ul li span {
  width: 65%;
  float: left;
}

/* MEETING EVENT BOX */
.meeting-event-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.meeting-event-box figure {
  width: 100%;
  display: block;
  margin: 0;
}
.meeting-event-box figure img {
  width: 100%;
}
.meeting-event-box .content {
  width: calc(100% - 50px);
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  margin-top: -50px;
  position: relative;
  z-index: 1;
  padding: 30px;
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.meeting-event-box .content h5 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Argesta Display";
}
.meeting-event-box .content h5 a {
  display: inline-block;
}
.meeting-event-box .content h5 a:hover {
  color: #f1923f;
}
.meeting-event-box .content span {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  opacity: 0.4;
}
.meeting-event-box .content small {
  width: 100%;
  display: block;
}

/* SPECIAL OFFER BOX */
.special-offer-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0;
}
.special-offer-box figure {
  width: 100%;
  display: block;
  margin: 0;
}
.special-offer-box figure img {
  width: 100%;
}
.special-offer-box .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 20px;
  padding-left: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.special-offer-box .content span {
  width: 100%;
  display: block;
  margin-bottom: 0;
  opacity: 0.4;
  font-weight: 600;
  font-size: 13px;
}
.special-offer-box .content h5 {
  width: 100%;
  display: block;
  font-size: 28px;
  font-family: "Argesta Display";
}
.special-offer-box .content h5 a {
  display: inline-block;
}
.special-offer-box .content h5 a:hover {
  color: #f1923f;
}
.special-offer-box .content p {
  width: 100%;
  display: block;
  opacity: 0.7;
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 12px;
}
.special-offer-box .content small {
  display: inline-block;
  background: #f1923f;
  padding: 4px 8px;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
}

/* EVENT HEADLINE */
.event-headline {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.event-headline .rating {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.event-headline .rating i {
  color: #f1923f;
  display: inline-block;
  margin-right: 4px;
  font-size: 15px;
}
.event-headline h3 {
  width: 100%;
  display: block;
  font-size: 50px;
  font-family: "Argesta Display";
  margin-bottom: 20px;
  text-indent: -4px;
}
.event-headline address {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.event-headline address span {
  display: inline-block;
}
.event-headline address span:first-child {
  margin-right: 10%;
}
.event-headline address span i {
  display: inline-block;
  color: #f1923f;
  margin-right: 10px;
}

/* CONTACT FORM */
.contact-form {
  width: 100%;
  display: block;
}
.contact-form input[type="text"] {
  width: 100%;
}
.contact-form textarea {
  width: 100%;
}

/* CONTACT BOX*/
.contact-box {
  width: 100%;
  display: flex;
    flex-wrap: wrap;
    background: #f1923f;
    color: #000;
    padding: 26px 50px;
    margin: 18px 0;
}
.contact-box h6 {
  width: 100%;
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 22px;
  font-family: "Argesta Display";
}
.contact-box address {
  width: 100%;
  display: block;
  margin: 0;
}
.contact-box address a {
  color: #0a0a0a;
}
.contact-box address .fac{
  background: #3b5998;
    padding: 14px 10px 10px 13px;
    border-radius: 50%;
    margin-right: 4px;
}
.contact-box address .ins{
  background: linear-gradient(
45deg
, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
 
    padding: 14px 8px 10px 11px;
    border-radius: 50%;
    margin-right: 4px;   
}
.contact-box address .yut{
  background:#bb0000;
    padding: 14px 8px 10px 11px;
    border-radius: 50%;
    margin-right: 4px;
}
.contact-box address .wht{
  background: #179c0d;
    padding: 14px 8px 10px 11px;
    border-radius: 50%;
    margin-right: 4px;
}
.contact-box address .fac .face{
  color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}
.contact-box address .ins .insta{
 color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}
.contact-box address .yut .youtube{
  color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}
.contact-box address .wht .what{
  color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}


.contact-box address a i{
  font-size: 20px;
    margin-right: 4px;
}
.contact-box address strong {
  width: 100%;
  display: block;
  margin-top: 5px;
}

/* GOOGLE MAPS */
.google-maps {
  width: 100%;
  height: 400px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  /*background: #f1923f;*/
}
.google-maps iframe {
  width: 100%;
  height: 100%;
  display: block;
  mix-blend-mode: overlay;
 /* filter: grayscale(1);*/
}
.google-maps i {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #fff;
  text-align: center;
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  font-size: 40px;
  color: #f1923f;
  border-radius: 50%;
}
.google-maps:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

/* NEWS BOX */
.news-box {
  width: 100%;
  display: block;
  position: relative;
  margin-bottom: 100px;
}
.news-box.single .content {
  padding-left: 0;
}
.news-box.single .content .category:before {
  display: none;
}
.news-box.single .content .author {
  margin-bottom: 30px;
}
.news-box:last-child {
  margin-bottom: 0;
}
.news-box:hover .content h3 a {
  background-size: 100% 100%;
}
.news-box figure {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  background: #f1923f;
}
.news-box figure img {
  width: 100%;
  max-width: inherit;
}
.news-box .content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding-left: 80px;
}
.news-box .content .category {
  display: inline-block;
  color: #f1923f;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.news-box .content .category:before {
  content: "";
  width: 60px;
  height: 1px;
  background: #f1923f;
  position: absolute;
  left: -80px;
  top: calc(50% - 0.5px);
}
.news-box .content .date {
  display: inline-block;
  font-size: 14px;
  opacity: 0.5;
  font-weight: 600;
  margin-left: 15px;
}
.news-box .content .date:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #141414;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
  transform: translateY(-2px);
}
.news-box .content h3 {
  width: 100%;
  display: block;
  margin-bottom: 30px;
  font-size: 38px;
  line-height: 1.4;
  font-weight: 400;
  font-family: "Argesta Display";
}
.news-box .content h3 a {
  display: block;
  color: #141414;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.news-box .content h3 a:hover {
  color: #f1923f;
  text-decoration: none;
}
.news-box .content .author {
  width: 100%;
  display: block;
  margin-bottom: 0;
  font-size: 13px;
}
.news-box .content .author img {
  height: 60px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 15px;
}
.news-box .content .author b {
  font-weight: 600;
}
.news-box .content h6 {
  font-size: 24px;
  line-height: 1.7;
  margin: 30px 0;
}
.news-box .content strong {
  font-weight: 600;
}
.news-box .content figure {
  margin: 30px 0;
}
.news-box .content blockquote {
  width: 100%;
  display: block;
  padding: 40px;
  background: #f5f3ec;
  color: #f1923f;
  font-size: 22px;
  font-family: "Argesta Display";
  margin: 30px 0;
}
.news-box .content ul {
  padding-left: 20px;
}
.news-box .content ul li {
  margin: 4px 0;
}

/* SIDEBAR */
.sidebar {
  width: 100%;
  display: block;
  padding-left: 30px;
}
.sidebar .widget {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #f5f3ec;
  border-right: 4px solid #f5f3ec;
  border-bottom: 4px solid #f5f3ec;
  padding: 35px;
  margin-bottom: 35px;
  position: relative;
}
.sidebar .widget * {
  position: relative;
}
.sidebar .widget .widget-title {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  font-weight: 400;
  font-size: 22px;
  color: #f1923f;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-family: "Argesta Display";
}
.sidebar .widget .widget-title:after {
  content: "";
  width: 50px;
  height: 4px;
  background: #f1923f;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.sidebar .widget .widget-title:before {
  content: "";
  width: 100%;
  height: 4px;
  background: #f5f3ec;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  mix-blend-mode: difference;
}
.sidebar .widget form {
  width: 100%;
  display: block;
}
.sidebar .widget form input[type="submit"] {
  margin-top: 10px;
  background: #141414;
  color: #fff;
}
.sidebar .widget .categories {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
.sidebar .widget .categories li {
  width: 100%;
  display: block;
  margin: 4px 0;
  padding: 0;
  list-style: none;
}
.sidebar .widget .categories li a {
  color: #141414;
  font-size: 19px;
}
.sidebar .widget .categories li a:hover {
  color: #f1923f;
}
.sidebar .widget .widget-gallery {
  width: calc(100% + 4px);
  float: left;
  margin: 0 -2px;
  padding: 0;
}
.sidebar .widget .widget-gallery li {
  width: 50%;
  float: left;
  margin: 0;
  padding: 2px;
  list-style: none;
}

/* PAGINATION */
.pagination {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  height: 60px;
  line-height: 60px;
  padding: 0 40px;
  border-radius: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: #141414;
  outline: none !important;
}
.pagination .page-item .page-link:focus {
  outline: none !important;
}

/* NEWSLETTER BOX */
.newsletter-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 0 20%;
}
.newsletter-box h6 {
  width: 100%;
  display: block;
  font-size: 15px;
  font-weight: 800;
  opacity: 0.3;
  letter-spacing: 2px;
  position: relative;
}
.newsletter-box h6:before {
  content: "";
  width: 4vw;
  max-width: 100%;
  height: 1px;
  display: inline-block;
  background: #141414;
  position: absolute;
  left: calc(50% - 2vw);
  top: calc(100% + 10px);
}
.newsletter-box h2 {
  width: 100%;
  display: block;
  margin-bottom: 20px;
  font-family: "Argesta Display";
  font-size: 60px;
}
.newsletter-box form {
  width: 100%;
  height: 80px;
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #cbcbcb;
  padding: 10px;
  margin-bottom: 15px;
}
.newsletter-box form input[type="email"] {
  flex: 1;
  height: 60px;
  border: none;
  padding: 0 10px;
}
.newsletter-box form input[type="submit"] {
  height: 60px;
  border: none;
}
.newsletter-box small {
  width: 100%;
  display: block;
}
.newsletter-box small a {
  display: inline-block;
  text-decoration: underline;
}
.newsletter-box small a:hover {
  text-decoration: none;
}

/* FOOTER BAR */
.footer-bar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #fff;
  padding: 40px 0;
}
.footer-bar i {
  font-size: 30px;
  display: inline-block;
  margin-right: 10px;
}
.footer-bar h6 {
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  font-size: 24px;
  opacity: 0.4;
}
.footer-bar strong {
  font-size: 15px;
}
.footer-bar figure {
  margin-left: auto;
  margin-bottom: 0;
}
.footer-bar figure img {
  height: 40px;
}

/* FOOTER */
.footer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  background: #f0f8ff;
  /*background: linear-gradient(45deg, #e1c9e3 0%,#ffe0a4 25%,#90ffb9 50%,#ffc5bb 75%,#e1c9e3 100%);*/
  padding-top: 35px;
  color: #141313;
}
.footer .widget-title {
  width: 100%;
  display: block;
  font-size: 22px;
  color: black;
  font-weight: 600;
  font-family: "Argesta Display";
  margin-bottom: 22px;
}
.footer p {
  width: 100%;
  display: block;
}
.footer p a {
  color: #141313;
}
.footer p a:hover {
  text-decoration: underline;
}
.footer .social .fac{
  background: #3b5998;
    padding: 14px 13px 7px;
    border-radius: 50%;
        margin-right: 4px;
}
.footer .social .ins{
  background: linear-gradient(
45deg
, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
 
    padding: 14px 10px 7px;
    border-radius: 50%;
        margin-right: 4px;    
}
.footer .social .yut{
  background:#bb0000;
    padding: 14px 10px 7px;
    border-radius: 50%;
        margin-right: 4px;
}
.footer .social .wht{
  background: #179c0d;
    padding: 14px 10px 7px;
    border-radius: 50%;
        margin-right: 4px;
}
.footer .social .fac .face{
  color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}
.footer .social .ins .insta{
 color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}
.footer .social .yut .youtube{
  color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}
.footer .social .wht .what{
  color: #fff;
  font-size: 19px;
    padding-top: 3px;
    
    
}

.footer .bottom-bar {
  width: 100%;
    /* display: flex; */
    /* flex-wrap: wrap; */
    justify-content: space-between;
    padding: 13px 0 15px;
    font-size: 14px;
    position: relative;
    text-align: center;
    margin-top: 9px;
}
.footer .bottom-bar:before {
  content: "";
    width: calc(100% + 100px);
    height: 1px;
    background: #fff;
    position: absolute;
    top: 0;
    left: -50px;
    opacity: 1.2;
}
.footer .bottom-bar span {
  display: inline-block;
}
.footer .bottom-bar .footer-social {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.footer .bottom-bar .footer-social li {
  display: inline-block;
  margin-left: 10px;
  padding: 0;
  list-style: none;
}
.footer .bottom-bar .footer-social li a {
  display: inline-block;
  color: #fff;
}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .hotel-search form .form-group {
    margin: 15px;
  }

  .side-image .video-button {
    width: 120px;
    height: 120px;
    line-height: 120px;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
  }

  .side-image.overlap-bottom {
    transform: translateY(0);
  }

  .side-image.left-align:after {
    display: none;
  }

  .side-image.right-align:after {
    display: none;
  }

  .side-image.overlap-top {
    transform: translateY(0);
  }

  .side-content.text-left p {
    padding-right: 0;
  }

  .side-content .custom-button {
    margin-top: 20px;
  }

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

  .section-title h6:before {
    display: none;
  }

  .side-content h2 {
    font-size: 38px;
  }

  .carousel-image-box {
    width: 100%;
  }

  .side-hotel-box.right {
    padding-left: 50px;
  }

  .side-hotel-box h2 {
    font-size: 38px;
  }

  .side-hotel-box h2 br {
    display: none;
  }

  .side-hotel-box .review {
    display: none;
  }

  .side-content.text-left {
    padding-right: 10%;
  }

  .video-box .play-btn {
    width: 120px;
    height: 120px;
    line-height: 120px;
    left: calc(50% - 60px);
    top: calc(50% - 60px);
  }

  .rooms-slider .swiper-slide .room-detail {
    width: 60%;
  }

  .recent-news .content {
    padding-left: 0;
  }

  .recent-news .content ul:before {
    display: none;
  }

  .meeting-event-box .content {
    width: 100%;
    margin-top: 0;
    padding-top: 25px;
  }

  .meeting-event-box .content h5 {
    font-size: 23px;
  }

  .event-headline h3 {
    font-size: 44px;
  }

  .room-box .content {
    width: 100%;
    margin-left: 0;
    margin-top: 0px;
    text-align: center;
    padding: 10px 23px;
  }

  .special-offer-box .content h5 {
    font-size: 23px;
  }

  .special-offer-box .content {
    width: 100%;
    margin-top: 25px;
    padding: 0;
  }

  .newsletter-box h2 {
    font-size: 48px;
  }

  .side-gallery {
    transform: translateY(0);
  }

  .rooms-list li {
    padding-right: 15px;
  }

  .rooms-list li:nth-child(even) {
    padding-left: 15px;
  }

  .room-type h3 {
    font-size: 60px;
  }

  .room-info-box {
    padding: 30px;
  }

  .room-info-box ul li span {
    width: auto;
  }

  .contact-box {
    padding: 30px;
  }

  .contact-form input[type="text"] {
    width: 100%;
  }

  .custom-button {
    height: 70px;
    line-height: 70px;
  }

  .sidebar {
    padding-left: 0;
  }

  .news-box .content {
    padding-left: 0;
  }

  .news-box .content .category:before {
    display: none;
  }

  .footer .bottom-bar:before {
    width: 100%;
    left: 0;
  }

  .content-section.bottom-spacing {
    margin-bottom: 0 !important;
  }

  .content-section.top-spacing {
    margin-top: 0 !important;
  }

  .col-md-6:nth-child(2) .recent-news {
    padding-right: 0;
  }

  .col-md-6:nth-child(3) .recent-news {
    padding-left: 0;
  }
}
.flower {
  display: inline-block;
    z-index: 1;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    max-width: 100%;
    text-align: center;
    
}
.flower img {
      width: 355px;
}
/* RESPONSIVE TABLET  */
@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .cursor {
    display: none;
  }
  .dlds .col-3 {
  flex: 0 0 100%;
    max-width: 100%;
}
.ddl {
  display: none;
  width: 100%;
    height: 82px;
    border-bottom: solid 94px rgb(237 123 24);
    border-left: solid 170px transparent;
    border-right: solid 1700px transparent;
}
  .hamburger-navigation .nav-menu.mobile-menu {
    display: inline-block;
  }
  .testi_box {
         padding: 39px 0px 10px;
    margin-bottom: -302px;
    margin-top: 39px;
}
  .testim .cont > div.active {
    margin-top: 154px;
  }
  .navbar .hamburger-menu {
  display: inline-block;
  margin-left: auto;
  margin-top: -30px;
}
  .testim .arrow.left {
    left: 20px;
}
.hamburger-navigation-active .hamburger-navigation {
     height: 0vh;
}
.hamburger-navigation {
    width: 100%;
    height: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: fixed;
    top: 0px;
    left: 0;
    z-index: 5;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    background: #f1923f;
}
.testim .arrow.right {
    right: 20px;
}
.testi_box {
    padding: 39px 0px 10px;
    margin-bottom: -332px;
    margin-top: 39px;
}
.slider .main-slider {
    width: 100%;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    overflow: hidden;
}
.navbar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    background: #ffff;
    padding: 30px 0 4px;
    position: absolute;
    left: 0;
    top: -86px;
    z-index: 7;
}
.slider {
    width: 100%;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    margin-top:85px;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    text-align: center;
    background: url(../images/slide01.jpg) center;
    background-size: cover !important;
    overflow: hidden;
}

  .navbar .site-menu {
    display: none;
  }

  .side-image.right-full {
    width: 100%;
  }
  .well1{
   padding: 0px 0px 10px;
    box-shadow: none;
    border: 0px;
    z-index: 2;
    position: 0px;
    margin: 0px 0px;
    background-color: #d6f0ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    position: relative;
    top: -160px;
}

  .side-content.text-center {
    padding: 100px 0;
  }

  .side-content.text-left {
    padding: 100px 0;
  }

  .side-hotel-box.right {
    padding: 100px 0;
  }

  .side-gallery {
    width: 100vw;
    margin-left: 50%;
    float: left;
    transform: translateX(-50%);
  }

  .side-gallery div:nth-child(1) {
    width: 100%;
  }

  .side-gallery div:nth-child(2) {
    width: 50%;
    margin: 0;
  }

  .side-gallery div:nth-child(3) {
    width: 50%;
    margin: 0;
  }

  .side-content h2 br {
    display: none;
  }

  .rooms-slider {
    width: calc(100% - 30px);
    margin: 0 15px;
  }

  .rooms-slider .swiper-slide {
    max-width: 100%;
  }

  .testimonial-box.bottom {
    margin-bottom: 0;
  }

  .recent-news .content h2 {
    font-size: 27px;
    margin-top: 10px;
  }

  .member-box {
    margin: 15px 0;
  }

  .member-box .content {
    width: 100%;
    margin-top: 0;
  }

  .side-image.left-full-space {
    width: 100vw;
    float: left;
    margin-right: 0;
    margin-left: 50%;
    transform: translateX(-50%);
  }

  .event-headline h3 {
    font-size: 36px;
  }

  .event-headline h3 br {
    display: none;
  }

  .content-tab .tab-item {
    padding: 30px;
  }

  .content-tab .tab-item ul li {
    width: 50%;
  }

  .content-tab .tab-item .col-lg-4.col-md-6 {
    margin-bottom: 30px;
  }

  .video-box {
    margin: 0;
    width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0px;
  }
  

  .video-box h2 br {
    display: none;
  }

  .video-box .play-btn {
    margin-bottom: 50px;
  }

  .rooms-filter .price-range {
    width: 100%;
    margin-bottom: 10px;
  }

  .rooms-filter .specifications {
    width: 100%;
    padding-left: 0;
  }

  .rooms-list li {
    width: 100%;
    padding-right: 0;
    margin-bottom: 60px;
  }

  .rooms-list li:nth-child(even) {
    width: 100%;
    padding-left: 0;
  }

  .rooms-list li:last-child {
    margin-bottom: 0;
  }

  .recent-testimonial {
    padding: 30px;
  }

  .sidebar {
    margin-top: 50px;
  }

  .newsletter-box {
    padding: 0;
  }

  .footer-bar h6 {
    font-size: 20px;
  }

  .footer-bar figure img {
    height: 34px;
  }

  .footer .widget-title {
    margin-top: 30px;
  }

  .footer .row div:first-child .widget-title {
    margin-top: 0;
  }
}
.counterup {
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
    background: white;
    transition: 0.5s;
    padding: 40px 20px;
    /* border: 2px solid #f1923f; */
    box-sizing: border-box;
    text-align: center;
}
.main .col-3d {
    flex: 0 0 31%;
    display: flex;
  }
  .dtd {
    width: 100%;
    display: block;
    text-align: center;
    color: #0d7cba;
    font-size: 46px;
    font-weight: 600;
    text-transform: capitalize;
    z-index: 2;
    font-family: "Argesta Display";
    text-indent: -5px;
  }
/* RESPONSIVE MOBILE */
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  .hamburger-navigation-active .hamburger-navigation .container {
    padding-top: 50px;
  }
  .dtd {
    width: 100%;
    display: block;
    text-align: center;
    color: #0d7cba;
    font-size: 46px;
    font-weight: 600;
    text-transform: capitalize;
    z-index: 2;
    font-family: "Argesta Display";
    text-indent: -5px;
  }

  .hamburger-navigation .info-box {
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
  }
  .page-header {
    width: 100%;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 85px;
    align-items: center;
    background-size: cover !important;
    position: relative;
}

  .hamburger-navigation .nav-menu li {
    margin: 3px 0;
  }

  .hamburger-navigation .nav-menu li a {
    font-size: 6vw;
  }

  .page-header .container h1 {
    font-size: 10vw;
  }

  .page-header .container p {
    letter-spacing: 0;
  }

  .navbar .navbar-text {
    display: none;
  }
  .well1{
    padding: 0px 0px 10px;
    box-shadow: none;
    border: 0px;
        margin: 0px 0px;
    background-color: #d6f0ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;

}


  .slider h6 {
    letter-spacing: 0;
    font-size: 13px;
  }

  .slider h1 {
    font-size: 12vw;
  }

  .slider a {
    height: 70px;
    line-height: 70px;
  }

  .slider .slider-prev {
    display: none;
  }

  .slider .slider-next {
    display: none;
  }

  .slider .slider-fraction {
    width: 19%;
    height: 47px;
    line-height: 57px;
  }

  .hotel-search form .form-group {
    width: 100%;
  }
  .carousel-events-box figure img {
    width: 100%;
    display: block;
    height: 292px;
}

  .section-title h2 {
    font-size: 34px;
  }
  .main .col-3d {
        flex: 0 0 98%;
    padding: 10px;
  }
  .counterup {
    border-radius: 10px;
    cursor: pointer;
    transition: 0.5s;
    padding: 22px 7px;
    /* border: 2px solid #f1923f; */
    box-sizing: border-box;
    text-align: center;
    height: 200px;
    margin-bottom: 10px;
}
.video-box h2 {
    width: 100%;
    display: block;
    margin: 0;
    font-size: 34px;
    font-weight: 800;
    color: #fff;
    line-height: 53px;
}

  .section-title h2 br {
    display: none;
  }

  .side-hotel-box h2 {
    font-size: 34px;
  }

  .package-box {
    padding: 30px;
  }

  .package-box h4 {
    font-size: 34px;
  }

  .events-tab .tab-nav li {
    margin-bottom: 10px;
  }

  .rooms-slider .swiper-slide .room-detail {
    width: calc(100% - 30px);
    left: 15px;
    bottom: 15px;
    padding: 15px;
  }

  .room-box .content .bottom-specs .icons {
    width: 100%;
  }

  .room-box .content .bottom-specs .reviews {
    width: 100%;
    text-align: left;
    margin-top: 20px;
  }

  .room-type h3 {
    font-size: 34px;
  }

  .room-gallery-top {
    display: none;
  }

  .room-info-box ul li b {
    width: 80%;
  }

  .content-tab .tab-nav li {
    padding: 0 15px;
    margin-right: 0;
    margin-left: -1px;
  }

  .content-tab .tab-nav li:first-child {
    margin-left: 0;
  }

  .content-tab .tab-item ul li {
    width: 100%;
  }

  .news-box {
    margin-bottom: 50px;
  }

  .news-box .content h3 {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 10px;
  }

  .sidebar .widget {
    padding: 30px;
  }

  .newsletter-box h2 {
    font-size: 34px;
  }

  .newsletter-box form {
    height: auto;
  }

  .newsletter-box form input[type="email"] {
    margin-bottom: 10px;
  }

  .newsletter-box form input[type="submit"] {
    width: 100%;
  }

  .footer-bar strong {
    width: 100%;
    display: block;
    margin: 10px 0;
  }

  .footer-bar figure {
    width: 100%;
    margin: 0;
    margin-top: 10px;
  }

  .footer .bottom-bar .footer-social {
    width: 100%;
    display: block;
    margin-top: 10px;
  }

  .footer .bottom-bar .footer-social li {
    margin-left: 0;
    margin-right: 10px;
  }
}

.main {
  display: flex;
  justify-content: space-between;
}
.counterup i {
  color: #f1923f;
    font-size: 59px;
    margin-bottom: 10px;
}

.counterup h2 {
  font-size: 42px;
  
}
.counterup h3 {
  font-size: 26px;
    text-transform: capitalize;
    color: #0175ee;
}
.ddl {
  width: 100%;
    height: 82px;
    border-bottom: solid 94px rgb(237 123 24);
    border-left: solid 170px transparent;
    border-right: solid 1700px transparent;
}


.count_sec{
      background: #f4f6f8;
    padding: 0px 0px 69px;
}
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400&display=swap" rel="stylesheet">
*,
*:after,
*:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
}

html {
    width: 100%;
    height: auto;
}

body {
  /*font-family: 'Montserrat', sans-serif!important;*/
  font-family: Now, Rasputin;
    width: 100%;
    height: auto;
    font-size: 14px;
/*     font-family: Dubai-Light; */
    background: #ffffff;
  overflow:hidden;
}
.testi_box {
         padding: 39px 0px 10px;
    margin-bottom: -184px;
    margin-top: 39px;
}
.testim-cover {
  margin-top: 100px;
}
.testim {
    width: 100%;
    /* padding: 47px; */
    position: relative;
    -webkit-transform: translatey(-50%);
    -moz-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    -o-transform: translatey(-50%);
    transform: translatey(-50%);
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #333;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
    cursor: pointer;
}

.testim .arrow:hover {
    color: #f1923f;
}
    

.testim .arrow.left {
    left: 70px;
}

.testim .arrow.right {
    right: 70px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3333;
    height: 12px;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #f1923f;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #f1923f;
    border-color: #f1923f;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
    overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #f1923f;
    font-size: 18px;
    margin: 15px 0;
}

.testim .cont div p {
    font-size: 19px;
    color: #333;
    width: 70%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;        
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;        
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;        
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;        
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;        
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;        
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media all and (max-width: 300px) {
  body {
    font-size: 14px;
  }
}

@media all and (max-width: 500px) {
  .testim .arrow {
    font-size: 1.5em;
  }
  
  .testim .cont div p {
    line-height: 25px;
  }

}
/* new hall detail page style*/
.vid-wrapper {
text-align: center;
    padding: 0px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.vid {
  
    vertical-align: top;
    position: relative;
    padding: 2px;
    cursor: pointer;
    flex: wrap;
    flex: 0 0 100%;
    margin-bottom: 45px;
    border-radius: 10px;
    box-shadow: 0 3px 30px 0 rgb(0 0 0 / 8%);
}

.vid::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}

h2.vid-head {
font-size: 31px;
    color: #f1923f;
    margin-top: 16px;
    text-align: center;
    margin-bottom: 21px;
}

/* Video Popup */
.video-popup {
position: fixed;
top: 0;
right: 0;
bottom: 751px;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 998;
background: rgba(0, 0, 0, .7);
cursor: pointer;
display: none !important;
}

.video-popup.show-video {
display: flex !important;
}

.vid iframe {
     border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 0px 25px rgb(0 0 0 / 7%);
}

.iframe-wrapper {
position: relative;
}

.iframe-wrapper .close-video {
content: '';
position: absolute;
width: 25px;
height: 25px;
top: -20px;
right: 0;
background: url(https://image.flaticon.com/icons/svg/149/149690.svg) #fff;
border-radius: 50%;
background-size: cover;
 font-size: 22px;
    padding: 1px 4px 2px;
}
 .iframe-wrapper .close-video i{
     font-size: 22px;
    padding: 1px 4px 2px;
 }
 .iframe-wrapper iframe  {
  width: 1000px;
    height: 450px;
 }
 @media all and (max-width: 900px) {
  .iframe-wrapper iframe  {
  width: 100%;
    height: 300px;
 }
  }

  /* new detail page form*/
  /* well */
 .well{
    padding: 0px 0px 10px;
    box-shadow: none;
    border: 0px;
    background-color: #d6f0ff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
}
.well .form-control {
     margin-top: 13px;
}
#blog-container h2 {
     font-size: 38px;
     margin-bottom: 13px;
}
 .well.padding1{
     padding:50px 50px 200px 50px;
}
.dpl {
     background: #f1923f;
    text-align: center;
    border-top-left-radius: 10px;
    padding: 18px 0px 9px;
    border-top-right-radius: 10px;
}
.dpl h5 {
     color: white;
    font-weight: 500;
    font-size: 24px;
}
 .well ul.custom{
     padding-left: 20px;
}

.well .dld {
  width: 100%;
}

.well .form-group {
  margin:15px 37px;;
}
.well .form-group input{
  width: 100%;
    height: 50px;
    padding: 0px 18px;
}
.well .form-group textarea{
  width: 100%;
    height: 111px;
    padding: 18px;
}
.well .form-group select{
  width: 100%;
    height: 50px;
   
}
    
    .post-info {
    margin-bottom: 2px;
}
.post-info p {
    margin-right: 15px;
    display: inline-block;
    font-weight: 900;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.post-info i {
    margin-right: 5px;
    color: #f1923f;
    font-size: 15px;
}
.post-info a {
        font-size: 13px;
}





/* well */

.well1 .form-control {
     margin-top: 13px;
}
#blog-container h2 {
     font-size: 38px;
     margin-bottom: 13px;
}
 .well1.padding1{
     padding:50px 50px 200px 50px;
}
.dpl1 {
     background: #f1923f;
    text-align: center;
    border-top-left-radius: 10px;
    padding: 18px 0px 9px;
    border-top-right-radius: 10px;
}
.dpl1 h5 {
     color: white;
    font-weight: 500;
    font-size: 24px;
}
 .well1 ul.custom{
     padding-left: 20px;
}

.well1 .dld {
  width: 100%;
    display: flex;
    padding: 26px 37px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.well1 .form-group {
  
}
.well1 .form-group input{
  width: 100%;
    height: 50px;
    padding: 0px 18px;
}
.well1 .form-group textarea{
  width: 100%;
    height: 111px;
    padding: 18px;
}
.well1 .form-group select{
  width: 100%;
    height: 50px;
   
}


/* new gallery style*/
#gallery {
 
  @media screen and (min-width: 991px) {
    padding: 60px 30px 0 30px;
  }
}

.img-wrapper {
  position: relative;
  margin-top: 15px;
  img {
    width: 100%;
  }
}
.img-overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  i {
    color: #fff;
    font-size: 3em;
  }
}

#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  // Removes blue highlight
  -webkit-user-select: none;
  -moz-user-select: none;    
  -ms-user-select: none; 
  user-select: none; 
  img {
    margin: 0;
    width: 80%;
    height: auto;
    object-fit: contain;
    padding: 5%;
    @media screen and (min-width:768px) {
        width: 60%;
    }
    @media screen and (min-width:1200px) {
        width: 50%;
    }
  }
}
#overlay img {
      margin-top: -344px;
}

#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
  &:hover {
    opacity: 0.7;
  }
  @media screen and (min-width:768px) {
    font-size: 3em;
  }
}

/* side bar*/
.call-btn a{
    color:#fff;
  }
  .whatsapp-btn a{
    color:#fff;
  }
  .twitter-btn a{
    color:#fff;
  }
  .linkedin-btn a{
    color:#fff;
  }
  
  
  @media (min-width:768px){
    .call-btn{
        position: fixed;
    bottom: 80px;
    right: 0px;
    background: #3b5998;
    width: 50px;
    height: 50px;
    text-align: left;
    color: #fff;
        padding: 7px 17.5px;
    border-radius: 50%;
    font-size: 25px;
    z-index: 9999;
  }
  .twitter-btn{
        position: fixed;
    bottom: 140px;
    right: 0px;
    background: #bb0000;
    width: 50px;
    height: 50px;
    text-align: left;
    color: #fff;
        padding: 7px 15.5px;
    border-radius: 50%;
    font-size: 25px;
    z-index: 9999;
  }
  .whatsapp-btn{
    bottom:20px;
    right : 0px;
    position: fixed;
    background: #179c0d;
      width: 50px;
      height: 50px;
      text-align: left;
    color: #fff;
        padding: 7px 14.5px;
    border-radius: 50%;
    font-size: 25px;
    z-index: 9999;
  }
  .linkedin-btn{
    bottom:200px;
    right : 0px;
    position: fixed;
    background: #007bb5;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
      width: 50px;
      height: 50px;
      text-align: left;
    color: #fff;
        padding: 7px 14.5px;
    border-radius: 50%;
    font-size: 25px;
    z-index: 9999;
  }
  /*.call-btn a span{
    visibility: hidden;
  }
  .call-btn:hover a span{
    transition-delay: 0.5s;
    visibility: visible;  
  }
  .call-btn:hover{
      width: 170px;
      -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
       /* transition: width 1s;
  }
  .twitter-btn a span{
    visibility: hidden;
  }
  .twitter-btn:hover a span{
    transition-delay: 0.5s;
    visibility: visible;  
  }
  .twitter-btn:hover{
      width: 170px;
      -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
       /* transition: width 1s;
  }
    .whatsapp-btn a span{
    visibility: hidden;
  }
  .whatsapp-btn:hover a span{
    transition-delay: 0.9s;
    visibility: visible;  
  }
  .whatsapp-btn:hover{
      width: 190px;
      -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
        /*transition: width 1s;
  }*/
  }
  @media (max-width:768px){
    .call-btn{
         bottom: 0px;
    left: 91px;
    
    position: fixed;
    background: #3b5998;
    width: 32%;
    height: 40px;
    text-align: center;
    color: #fff;
    padding: 5px 0px;
    font-weight: 800;
    font-size: 20px;
    z-index: 9999;
  }
  .twitter-btn{
    position: fixed;
    bottom:0px;
    left:0px;
    background: #bb0000;
      width: 25%;
      height: 40px;
    text-align: center;
    color: #fff;
    padding: 5px 20px;
    font-weight: 800;
    font-size: 20px;
    z-index: 9999;
  }
  .whatsapp-btn{
    bottom: 0px;
    right: 94px;
    position: fixed;
    background: #179c0d;
    width: 26%;
    height: 40px;
    text-align: center;
    color: #fff;
    padding: 5px 20px;
    font-weight: 800;
    font-size: 20px;
    z-index: 9999;
  }
  .linkedin-btn{
    bottom:0px;
    right : 0px;
    position: fixed;
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
      width: 26%;
      height: 40px;
    text-align: center;
    color: #fff;
    padding: 5px 20px;
    font-weight: 800;
    font-size: 20px;
    z-index: 9999;
  }
  
  }