@media (max-width:991px) {
  .nav-menu,
  .nav-push-item {
    display:none
  }
}
.mt-30 {
  margin-top:30px
}
.mt-40 {
  margin-top:40px
}
.mt-50 {
  margin-top:50px
}
.mt-60 {
  margin-top:60px
}
.mt-65 {
  margin-top:65px
}
.mt-80 {
  margin-top:80px
}
.mb-10 {
  margin-bottom:10px
}
.mb-20 {
  margin-bottom:20px
}
.mb-30 {
  margin-bottom:30px
}
.mb-40 {
  margin-bottom:40px
}
.mb-45 {
  margin-bottom:45px
}
.mb-50 {
  margin-bottom:50px
}
.mb-60 {
  margin-bottom:60px
}
.mb-80 {
  margin-bottom:80px
}
.pt-20 {
  padding-top:20px
}
.pt-30 {
  padding-top:30px
}
.pt-40 {
  padding-top:40px
}
.pt-80 {
  padding-top:80px
}
.pt-100 {
  padding-top:100px
}
.pt-115 {
  padding-top:115px
}
.pt-120 {
  padding-top:120px
}
.pb-20 {
  padding-bottom:20px
}
.pb-30 {
  padding-bottom:30px
}
.pb-40 {
  padding-bottom:40px
}
.pb-50 {
  padding-bottom:50px
}
.pb-60 {
  padding-bottom:60px
}
.pb-80 {
  padding-bottom:80px
}
.pb-90 {
  padding-bottom:90px
}
.pb-115 {
  padding-bottom:115px
}
.pb-120 {
  padding-bottom:120px
}
.pb-160 {
  padding-bottom:160px
}
body {
  background-color:#f8f8f8;
  color:#777;
  font-family:var(--primary-font),sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  line-height:1.6;
  overflow-x:hidden
}
@media (max-width:399px) {
  body {
    font-size:14px
  }
}
* {
  box-sizing:border-box;
  margin:0;
  padding:0
}
img {
  max-width:100%;
  transition:all .4s ease-out 0s
}
.btn:focus,
.slick-initialized .slick-slide:focus,
a:focus,
button:focus,
input:focus,
textarea:focus {
  box-shadow:none;
  outline:none;
  text-decoration:none
}
a:focus,
a:hover {
  text-decoration:none
}
a,
i,
span {
  display:inline-block
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:var(--secondary-font),serif;
  font-weight:400;
  margin:0
}
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
  color:#222
}
h1 {
  font-size:48px
}
h2 {
  font-size:36px
}
h3 {
  font-size:28px
}
h4 {
  font-size:22px
}
h5 {
  font-size:18px
}
h6 {
  font-size:16px
}
ul {
  list-style-type:none;
  padding:0
}
p,
ul {
  margin:0
}
a {
  transition:all .3s ease-out 0s
}
a,
a:hover {
  color:var(--color-1st)
}
input,
select,
textarea {
  background-color:#f8f8f8;
  border:none;
  height:70px;
  padding:0 40px;
  width:100%
}
textarea {
  height:250px;
  padding-top:25px
}
::-moz-placeholder {
  color:#777;
  font-family:var(--tertiary-font),sans-serif
}
::placeholder,
input,
select,
textarea {
  color:#777;
  font-family:var(--tertiary-font),sans-serif
}
.nice-select {
  background-color:transparent;
  border:none;
  border-radius:0;
  height:70px;
  line-height:70px;
  padding-left:50px;
  position:relative;
  width:100%
}
.nice-select:after {
  display:none
}
.nice-select:before {
  color:var(--color-1st);
  content:"\f063";
  font-family:Font Awesome\ 5 Pro;
  font-weight:300;
  left:30px;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.input-group input,
.input-group select,
.input-group textarea {
  padding-left:80px
}
.input-group label {
  color:#222;
  display:block;
  font-size:14px;
  font-weight:700;
  margin-bottom:10px
}
.input-group .icon {
  bottom:35px;
  color:var(--color-1st);
  left:40px;
  position:absolute;
  transform:translateY(50%)
}
.input-group.textarea .icon {
  bottom:auto;
  top:25px;
  transform:translateY(0)
}
.input-group .nice-select {
  padding-left:80px
}
.input-group .nice-select:before {
  left:40px
}
.input-group.input-group-two input,
.input-group.input-group-two select,
.input-group.input-group-two textarea {
  background-color:#fff;
  color:#777;
  height:60px;
  padding:0 50px 0 30px
}
.input-group.input-group-two ::-moz-placeholder {
  color:#777;
  opacity:1
}
.input-group.input-group-two ::placeholder {
  color:#777;
  opacity:1
}
.input-group.input-group-two .icon {
  bottom:30px;
  left:auto;
  right:30px
}
.input-group.input-group-two .nice-select {
  background-color:#fff;
  height:60px;
  line-height:60px;
  padding:0 50px 0 30px
}
.input-group.input-group-two .nice-select:before {
  left:auto;
  right:30px
}
@media (min-width:1600px) {
  .container-custom-one {
    max-width:100%
  }
  .container-custom-three {
    max-width:1420px
  }
}
.main-btn,
.slick-slide img {
  display:inline-block
}
.main-btn {
  border:2px solid var(--color-1st);
  border-radius:0;
  color:#777;
  cursor:pointer;
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  line-height:60px;
  padding:0 48px;
  text-align:center;
  text-transform:uppercase;
  transition:all .4s ease-out 0s;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  vertical-align:middle;
  white-space:nowrap
}
.main-btn.btn-filled {
  background-color:var(--color-1st);
  box-shadow:0 14px 24px 0 hsla(39,27%,65%,.4);
  color:#fff
}
.main-btn.btn-filled:hover {
  background-color:transparent;
  box-shadow:none;
  color:#777
}
.main-btn.btn-border {
  border-color:var(--color-1st)
}
.main-btn.btn-border:hover {
  background-color:var(--color-1st);
  box-shadow:0 14px 24px 0 hsla(39,27%,65%,.4);
  color:#fff
}
.section-title span.title-tag {
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  padding-bottom:20px;
  text-transform:uppercase
}
@media (max-width:767px) {
  .section-title span.title-tag {
    letter-spacing:2px
  }
}
@media (max-width:399px) {
  .section-title span.title-tag {
    font-size:12px
  }
}
.section-title h2 {
  font-size:80px;
  letter-spacing:-1px;
  line-height:1.125
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .section-title h2 {
    font-size:62px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .section-title h2 {
    font-size:52px
  }
}
@media (max-width:767px) {
  .section-title h2 {
    font-size:42px
  }
}
@media (max-width:399px) {
  .section-title h2 {
    font-size:32px
  }
}
.arrow-style {
  display:flex;
  justify-content:flex-end
}
.arrow-style .slick-arrow {
  background:#fff;
  color:#111;
  cursor:pointer;
  font-size:18px;
  height:70px;
  line-height:70px;
  text-align:center;
  transition:all .3s ease-out 0s;
  width:70px
}
.arrow-style .slick-arrow:hover {
  background-color:var(--color-1st);
  box-shadow:0 14px 24px 0 hsla(39,27%,65%,.3);
  color:#fff
}
.preloader {
  background-color:var(--color-1st);
  height:100%;
  left:0;
  position:fixed;
  right:0;
  top:0;
  width:100%;
  z-index:9999
}
.preloader .cssload-container {
  display:block;
  width:97px
}
.preloader .cssload-loading i {
  background:#fff;
  border-radius:50%;
  display:inline-block;
  height:19px;
  width:19px
}
.preloader .cssload-loading i:first-child {
  animation:cssload-loading-ani2 .58s linear infinite;
  opacity:0;
  transform:translate(-19px)
}
.preloader .cssload-loading i:nth-child(2),
.preloader .cssload-loading i:nth-child(3) {
  animation:cssload-loading-ani3 .58s linear infinite
}
.preloader .cssload-loading i:last-child {
  animation:cssload-loading-ani1 .58s linear infinite
}
@keyframes sticky {
  0% {
    top:-200px
  }
  to {
    top:0
  }
}
@keyframes pulse-border {
  0% {
    opacity:1;
    transform:scale(1)
  }
  to {
    opacity:0;
    transform:scale(1.3)
  }
}
@keyframes pulse-border-2 {
  0% {
    opacity:1;
    transform:scale(1)
  }
  to {
    opacity:0;
    transform:scale(1.5)
  }
}
@keyframes cssload-loading-ani1 {
  to {
    opacity:0;
    transform:translate(39px)
  }
}
@keyframes cssload-loading-ani2 {
  to {
    opacity:1;
    transform:translate(19px)
  }
}
@keyframes cssload-loading-ani3 {
  to {
    transform:translate(19px)
  }
}
@keyframes zoomIn {
  0% {
    transform:scale(1)
  }
  50% {
    transform:scale(1.2)
  }
  to {
    transform:scale(1)
  }
}
@keyframes hvr-buzz-out {
  10% {
    transform:translateX(3px) rotate(2deg)
  }
  20% {
    transform:translateX(-3px) rotate(-2deg)
  }
  30% {
    transform:translateX(3px) rotate(2deg)
  }
  40% {
    transform:translateX(-3px) rotate(-2deg)
  }
  50% {
    transform:translateX(2px) rotate(1deg)
  }
  60% {
    transform:translateX(-2px) rotate(-1deg)
  }
  70% {
    transform:translateX(2px) rotate(1deg)
  }
  80% {
    transform:translateX(-2px) rotate(-1deg)
  }
  90% {
    transform:translateX(1px) rotate(0)
  }
  to {
    transform:translateX(-1px) rotate(0)
  }
}
header.header-absolute {
  background-color:transparent;
  left:0;
  position:absolute;
  top:35px;
  width:100%;
  z-index:99
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  header .container.container-custom-one {
    max-width:100%
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header .container.container-custom-one {
    max-width:100%
  }
}
header .nav-container .toggle {
  margin-right:50px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header .nav-container .toggle {
    margin-right:20px;
    margin-right:15px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header .nav-container .toggle {
    display:none
  }
}
@media (max-width:767px) {
  header .nav-container .toggle {
    display:none
  }
}
header .nav-container .toggle a {
  color:#222;
  font-size:24px;
  padding:10px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header .nav-container .site-logo img {
    max-width:200px
  }
}
@media (max-width:575px) {
  header .nav-container .site-logo img {
    max-width:180px
  }
}
header .nav-container .site-logo .sticky-logo {
  display:none
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header .nav-container .header-info {
    padding:40px 20px 0
  }
}
@media (max-width:767px) {
  header .nav-container .header-info {
    padding:40px 20px 0
  }
}
header .nav-container .header-info .item {
  padding-left:50px;
  position:relative
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header .nav-container .header-info .item {
    color:#fff
  }
}
@media (max-width:767px) {
  header .nav-container .header-info .item {
    color:#fff
  }
}
header .nav-container .header-info .item i {
  background:#111;
  border-radius:4px;
  color:#fff;
  font-size:14px;
  height:30px;
  left:0;
  line-height:30px;
  position:absolute;
  text-align:center;
  top:6px;
  width:30px
}
header .nav-container .header-info .item span {
  font-size:14px;
  font-weight:600;
  padding-bottom:4px
}
header .nav-container .header-info .item a {
  display:block
}
header .nav-container .header-info .item .title {
  font-size:24px;
  font-weight:400
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  header .nav-container .header-info .item .title {
    font-size:20px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header .nav-container .header-info .item .title {
    font-size:16px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header .nav-container .header-info .item .title {
    color:#fff;
    font-size:22px
  }
}
@media (max-width:767px) {
  header .nav-container .header-info .item .title {
    color:#fff;
    font-size:22px
  }
}
header .nav-container .header-info .item:not(:last-child) {
  margin-right:45px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  header .nav-container .header-info .item:not(:last-child) {
    margin-right:15px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header .nav-container .header-info .item:not(:last-child) {
    margin-right:15px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header .nav-container .header-info .item:not(:last-child) {
    margin-bottom:30px;
    margin-right:0
  }
}
@media (max-width:767px) {
  header .nav-container .header-info .item:not(:last-child) {
    margin-bottom:30px;
    margin-right:0
  }
}
header .nav-container .menu-items ul li {
  display:inline-block;
  position:relative
}
header .nav-container .menu-items ul li a {
  color:#111;
  font-size:16px;
  font-weight:600;
  line-height:80px;
  padding:0 10px;
  text-transform:capitalize
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  header .nav-container .menu-items ul li a {
    font-size:14px;
    padding:0 10px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header .nav-container .menu-items ul li a {
    padding:0 8px
  }
}
header .nav-container .menu-items ul li .submenu {
  background-color:#fff;
  height:auto;
  left:0;
  opacity:0;
  position:absolute;
  top:110%;
  transition:all .3s ease-out 0s;
  visibility:hidden;
  width:200px;
  z-index:99
}
header .nav-container .menu-items ul li .submenu li {
  display:block
}
header .nav-container .menu-items ul li .submenu li a {
  border-bottom:1px solid rgba(242,244,248,.7);
  border-radius:0;
  color:#777;
  display:block;
  line-height:30px!important;
  margin:0;
  padding:8px 10px;
  position:relative;
  transition:all .3s ease-out 0s
}
header .nav-container .menu-items ul li .submenu li a:hover {
  background-color:var(--color-1st);
  border-color:var(--color-1st);
  color:#fff!important
}
header .nav-container .menu-items ul li .submenu li .submenu {
  left:100%;
  top:50%
}
header .nav-container .menu-items ul li .submenu li:hover .submenu {
  top:0
}
header .nav-container .menu-items ul li:hover>.submenu {
  opacity:1;
  top:100%;
  visibility:visible
}
header .nav-container .menu-items ul li .dd-trigger,
header .nav-container .nav-pushed-item {
  display:none
}
header .nav-container .navbar-toggler {
  background-color:transparent;
  border:none;
  cursor:pointer;
  display:none
}
header .nav-container .navbar-toggler span {
  background-color:#222;
  border-radius:3px;
  cursor:pointer;
  display:block;
  height:3px;
  margin-top:5px;
  padding:0;
  position:relative;
  transition-duration:.3s;
  width:30px
}
header .nav-container .navbar-toggler.active span:first-of-type {
  top:8px;
  transform:rotate(45deg)
}
header .nav-container .navbar-toggler.active span:nth-of-type(2) {
  opacity:0
}
header .nav-container .navbar-toggler.active span:nth-of-type(3) {
  top:-8px;
  transform:rotate(-45deg)
}
header .nav-container .navbar-close {
  display:none;
  position:absolute;
  right:20px;
  top:20px;
  z-index:12
}
header .nav-container .navbar-close .cross-wrap {
  cursor:pointer;
  height:26px;
  position:relative;
  width:26px
}
header .nav-container .navbar-close .cross-wrap span {
  background:#fff;
  border-radius:6px;
  display:block;
  height:2px;
  position:absolute;
  width:100%
}
header .nav-container .navbar-close .cross-wrap span.top {
  left:0;
  top:12px;
  transform:rotate(45deg)
}
header .nav-container .navbar-close .cross-wrap span.bottom {
  bottom:12px;
  left:0;
  transform:rotate(-45deg)
}
header .nav-container.breakpoint-on .nav-menu {
  background-color:var(--color-1st);
  box-shadow:0 5px 20px rgba(0,0,0,.1);
  display:block;
  height:100%;
  left:-300px;
  overflow-x:hidden;
  overflow-y:scroll;
  padding:70px 0 0;
  position:fixed;
  top:0;
  transition-duration:.5s;
  width:300px;
  z-index:9999
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li {
  display:block
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li a {
  border-bottom:1px solid hsla(0,0%,100%,.5);
  color:#fff!important;
  display:block;
  line-height:45px!important
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu {
  background-color:transparent;
  box-shadow:none;
  display:none;
  left:0;
  opacity:1;
  position:relative;
  top:0;
  transition:none;
  visibility:visible;
  width:100%
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a {
  color:#fff;
  line-height:45px!important;
  padding:0 20px 0 40px
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover {
  border-color:hsla(0,0%,100%,.5)
}
header .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger {
  background:transparent;
  border-left:1px solid hsla(0,0%,100%,.5);
  color:#fff;
  cursor:pointer;
  display:block;
  font-size:20px;
  height:45px;
  line-height:45px;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:45px;
  z-index:2
}
header .nav-container.breakpoint-on .nav-menu.menu-on {
  left:0
}
header .nav-container.breakpoint-on .nav-pushed-item,
header .nav-container.breakpoint-on .navbar-close,
header .nav-container.breakpoint-on .navbar-toggler {
  display:block
}
header.header-two .nav-container .menu-items ul li a,
header.header-two .nav-container .toggle a {
  color:#fff
}
header.header-two .nav-container .navbar-toggler span {
  background-color:#fff
}
header.header-two .header-info .item i {
  background:var(--color-1st)
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header.header-two .header-info .item i {
    background:#111
  }
}
@media (max-width:767px) {
  header.header-two .header-info .item i {
    color:#111
  }
}
header.header-two .header-info .item,
header.header-two .header-info .item .title,
header.header-two .header-info .item a {
  color:#fff
}
header.header-three {
  background-color:transparent;
  position:relative
}
header.header-three .main-menu-area {
  bottom:-60px;
  height:auto;
  left:0;
  position:absolute;
  width:100%;
  z-index:99
}
@media (max-width:399px) {
  header.header-three .main-menu-area {
    bottom:0;
    position:relative;
    top:0
  }
}
header.header-three .main-menu-area.sticky-header.sticky-active {
  animation:sticky 1.2s;
  bottom:auto;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:999
}
header.header-three .main-menu-area.sticky-header.sticky-active .nav-container {
  box-shadow:0 5px 5px 0 rgba(0,0,0,.04)
}
header.header-three .main-menu-area.sticky-header.sticky-active .nav-container .menu-items ul li a {
  line-height:100px
}
header.header-three .header-top {
  background-color:#222;
  font-family:var(--tertiary-font),sans-serif;
  padding-bottom:75px;
  padding-top:15px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header.header-three .header-top {
    padding-bottom:60px
  }
}
@media (max-width:767px) {
  header.header-three .header-top {
    padding-bottom:50px;
    text-align:center
  }
}
@media (max-width:399px) {
  header.header-three .header-top {
    display:none
  }
}
header.header-three .header-top,
header.header-three .header-top a {
  color:#fff
}
@media (max-width:767px) {
  header.header-three .header-top ul.header-top-info {
    margin-top:10px
  }
}
header.header-three .header-top ul.header-top-info li {
  display:inline-block;
  margin-left:15px
}
@media (max-width:575px) {
  header.header-three .header-top ul.header-top-info li {
    margin-left:5px
  }
}
header.header-three .header-top ul.header-top-info li i {
  color:var(--color-1st);
  margin-right:10px
}
header.header-three .nav-container {
  background-color:#fff;
  padding:0 40px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header.header-three .nav-container {
    padding:0 10px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header.header-three .nav-container {
    padding:10px
  }
}
@media (max-width:767px) {
  header.header-three .nav-container {
    padding:10px
  }
}
@media (max-width:399px) {
  header.header-three .nav-container {
    margin-left:-15px;
    margin-right:-15px;
    padding:10px 5px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  header.header-three .nav-container .site-logo img {
    max-width:200px
  }
}
@media (max-width:399px) {
  header.header-three .nav-container .site-logo img {
    max-width:150px
  }
}
header.header-three .nav-container .menu-items ul li a {
  line-height:120px
}
header.header-three .nav-container .menu-items ul li .submenu li a {
  line-height:30px
}
header.header-three .nav-container .menu-right-buttons {
  display:flex
}
header.header-three .nav-container .menu-right-buttons .toggle {
  margin-right:0
}
header.header-three .nav-container .menu-right-buttons>div {
  margin-left:20px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  header.header-three .nav-container .menu-right-buttons>div {
    margin-left:5px
  }
}
@media (max-width:767px) {
  header.header-three .nav-container .menu-right-buttons>div {
    margin-left:5px
  }
}
header.header-three .nav-container .menu-right-buttons .navbar-toggler {
  border:2px solid hsla(0,0%,52%,.2);
  padding:15px
}
@media (max-width:575px) {
  header.header-three .nav-container .menu-right-buttons .navbar-toggler {
    padding:5px 10px
  }
  header.header-three .nav-container .menu-right-buttons .navbar-toggler span {
    width:20px
  }
}
header.header-three .nav-container .menu-right-buttons a {
  border:2px solid hsla(0,0%,52%,.2);
  color:#111;
  height:65px;
  line-height:65px;
  padding:0;
  text-align:center;
  width:65px
}
@media (max-width:575px) {
  header.header-three .nav-container .menu-right-buttons a {
    font-size:14px;
    height:40px;
    line-height:40px;
    width:40px
  }
}
header.header-three .nav-container .menu-right-buttons a:hover {
  background-color:var(--color-1st);
  color:#fff
}
header.inner-page.header-absolute {
  background-color:#fff;
  top:0
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header.inner-page.header-absolute .nav-container {
    padding:10px 0
  }
}
@media (max-width:767px) {
  header.inner-page.header-absolute .nav-container {
    padding:10px 0
  }
}
header.inner-page.header-absolute .nav-container .menu-items ul li a {
  line-height:130px
}
header.sticky-header.sticky-active {
  animation:sticky 1.2s;
  background-color:#fff;
  box-shadow:0 5px 5px 0 rgba(0,0,0,.04);
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:999
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header.sticky-header.sticky-active .nav-container {
    padding:10px 0
  }
  header.sticky-header.sticky-active .nav-container .site-logo img {
    max-width:200px
  }
}
@media (max-width:767px) {
  header.sticky-header.sticky-active .nav-container {
    padding:10px 0
  }
}
header.sticky-header.sticky-active .nav-container .menu-items ul li a {
  line-height:100px
}
header.sticky-header.sticky-active .nav-container .site-logo .main-logo {
  display:none
}
header.sticky-header.sticky-active .nav-container .site-logo .sticky-logo {
  display:block
}
header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li a,
header.sticky-header.sticky-active.header-two .nav-container .toggle a {
  color:#111
}
header.sticky-header.sticky-active.header-two .nav-container .navbar-toggler span {
  background-color:#111
}
header.sticky-header.sticky-active.header-two .header-info .item,
header.sticky-header.sticky-active.header-two .header-info .item .title,
header.sticky-header.sticky-active.header-two .header-info .item a {
  color:#111
}
@media only screen and (min-width:768px) and (max-width:991px) {
  header.sticky-header.sticky-active.header-two .header-info .item,
  header.sticky-header.sticky-active.header-two .header-info .item .title,
  header.sticky-header.sticky-active.header-two .header-info .item a {
    color:#fff
  }
}
@media (max-width:767px) {
  header.sticky-header.sticky-active.header-two .header-info .item,
  header.sticky-header.sticky-active.header-two .header-info .item .title,
  header.sticky-header.sticky-active.header-two .header-info .item a {
    color:#fff
  }
}
.offcanvas-wrapper {
  left:0;
  margin-left:-450px;
  min-height:100vh;
  opacity:0;
  position:fixed;
  top:0;
  transition:all .4s;
  visibility:hidden;
  width:450px;
  z-index:999
}
.offcanvas-wrapper.show-offcanvas {
  margin-left:0;
  opacity:1;
  visibility:visible
}
.offcanvas-wrapper .offcanvas-overly {
  background-color:#1e1e1e;
  cursor:pointer;
  height:100vh;
  left:0;
  opacity:0;
  position:fixed;
  top:0;
  transition:all .4s;
  visibility:hidden;
  width:100%;
  z-index:98
}
.offcanvas-wrapper .offcanvas-overly.show-overly {
  opacity:.5;
  visibility:visible
}
.offcanvas-wrapper .offcanvas-widget {
  background-color:#fff;
  height:100vh;
  padding:70px 40px;
  position:relative;
  width:100%;
  z-index:99
}
.offcanvas-wrapper .offcanvas-widget a.offcanvas-close {
  color:var(--color-1st);
  font-size:28px;
  position:absolute;
  right:30px;
  top:30px
}
.offcanvas-wrapper .offcanvas-widget .widget {
  font-size:14px;
  margin-bottom:50px
}
.offcanvas-wrapper .offcanvas-widget .widget .widget-title {
  font-size:20px;
  line-height:1;
  margin-bottom:25px;
  padding-left:30px;
  position:relative
}
.offcanvas-wrapper .offcanvas-widget .widget .widget-title:before {
  background-color:var(--color-1st);
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:2px
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form {
  position:relative
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form input {
  background-color:#f8f8f8;
  border:none;
  font-size:14px;
  height:60px;
  padding-left:30px;
  padding-right:60px;
  width:100%
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button {
  background-color:var(--color-1st);
  border:none;
  color:#fff;
  font-size:14px;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  transition:all .3s ease-out 0s;
  width:60px;
  z-index:1
}
.offcanvas-wrapper .offcanvas-widget .widget.search-widget form button:hover {
  background-color:#111;
  color:#fff
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li {
  line-height:30px
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a {
  color:#777;
  font-weight:700
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li a:hover {
  color:var(--color-1st);
  padding-left:10px
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li .submenu {
  padding-left:10px
}
.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li {
  display:inline-block;
  margin-right:5px
}
.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a {
  background-color:var(--color-1st);
  color:#fff;
  height:40px;
  line-height:40px;
  text-align:center;
  width:40px
}
.offcanvas-wrapper .offcanvas-widget .widget.social-link ul li a:hover {
  background-color:#222
}
.breadcrumb-area {
  background-position:50%;
  background-size:cover;
  margin-top:130px;
  position:relative;
  z-index:1
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .breadcrumb-area {
    margin-top:100px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .breadcrumb-area {
    margin-top:100px
  }
}
@media (max-width:575px) {
  .breadcrumb-area {
    margin-top:80px
  }
}
.breadcrumb-area:before {
  background-color:#222;
  content:"";
  height:100%;
  left:0;
  opacity:.7;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
.breadcrumb-area .breadcrumb-text {
  padding:100px 0;
  position:relative
}
.breadcrumb-area .breadcrumb-text,
.breadcrumb-area .breadcrumb-text h2.page-title {
  color:#fff
}
.breadcrumb-area .breadcrumb-text h2.page-title {
  font-size:72px;
  letter-spacing:-1px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .breadcrumb-area .breadcrumb-text h2.page-title {
    font-size:60px
  }
}
@media (max-width:575px) {
  .breadcrumb-area .breadcrumb-text h2.page-title {
    font-size:50px
  }
}
.breadcrumb-area .breadcrumb-text span {
  font-size:14px;
  font-weight:700;
  letter-spacing:4px;
  padding-bottom:25px;
  text-transform:uppercase
}
@media (max-width:767px) {
  .breadcrumb-area .breadcrumb-text span {
    letter-spacing:2px
  }
}
@media (max-width:575px) {
  .breadcrumb-area .breadcrumb-text span {
    font-size:12px
  }
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav {
  background-color:#fff;
  bottom:0;
  padding:20px 40px;
  position:absolute;
  right:0;
  z-index:2
}
@media (max-width:575px) {
  .breadcrumb-area .breadcrumb-text .breadcrumb-nav {
    font-size:14px;
    padding:15px 20px
  }
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li {
  display:inline-block;
  font-weight:700;
  position:relative
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li,
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a {
  color:#222
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li a:hover {
  color:var(--color-1st)
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child) {
  margin-left:10px;
  padding-left:10px
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li:not(:first-child):before {
  color:#222;
  content:"|";
  left:-2px;
  position:absolute;
  top:50%;
  transform:translateY(-48%)
}
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active,
.breadcrumb-area .breadcrumb-text .breadcrumb-nav li.active:before {
  color:var(--color-1st)
}
.banner-area .banner-content span.promo-tag {
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  padding-bottom:30px;
  text-transform:uppercase
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .banner-area .banner-content span.promo-tag {
    font-size:12px;
    letter-spacing:1px
  }
}
@media (max-width:767px) {
  .banner-area .banner-content span.promo-tag {
    font-size:12px;
    letter-spacing:1px
  }
}
.banner-area .banner-content .title {
  font-size:120px;
  font-weight:400;
  letter-spacing:-6px;
  line-height:1.1;
  padding-bottom:26px
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  .banner-area .banner-content .title {
    font-size:100px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .banner-area .banner-content .title {
    font-size:86px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .banner-area .banner-content .title {
    font-size:72px
  }
}
@media (max-width:575px) {
  .banner-area .banner-content .title {
    font-size:66px
  }
}
@media (max-width:399px) {
  .banner-area .banner-content .title {
    font-size:52px
  }
}
.banner-area .banner-content ul li {
  display:inline-block
}
.banner-area .banner-content ul li:last-child {
  margin-left:24px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .banner-area .banner-content ul li:last-child {
    margin-left:10px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .banner-area .banner-content ul li:last-child {
    margin-left:10px
  }
}
@media (max-width:767px) {
  .banner-area .banner-content ul li:last-child {
    margin-left:5px
  }
}
@media (max-width:399px) {
  .banner-area .banner-content ul li:last-child {
    margin-left:0;
    margin-top:10px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .banner-area .banner-content .main-btn {
    line-height:55px;
    padding:0 35px
  }
}
@media (max-width:575px) {
  .banner-area .banner-content .main-btn {
    letter-spacing:1px;
    line-height:50px;
    padding:0 25px
  }
}
.banner-area.banner-style-two .single-banner {
  height:950px;
  overflow:hidden;
  position:relative;
  z-index:1
}
@media (max-width:767px) {
  .banner-area.banner-style-two .single-banner {
    height:700px
  }
}
.banner-area.banner-style-two .single-banner .banner-bg,
.banner-area.banner-style-two .single-banner .banner-overly {
  background-position:50%;
  background-size:cover;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-2
}
.banner-area.banner-style-two .single-banner .banner-overly {
  background-color:#22222270;
  opacity:.6;
  z-index:-1
}
.banner-area.banner-style-two .single-banner .banner-bg {
  animation:zoomIn 15s linear infinite
}
.banner-area.banner-style-two .banner-content,
.banner-area.banner-style-two .banner-content h1 {
  color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .banner-area.banner-style-two .banner-content h1 {
    font-size:90px
  }
}
.banner-area.banner-style-two .banner-content .main-btn.btn-border:hover,
.banner-area.banner-style-two .banner-content .main-btn.btn-filled {
  box-shadow:none
}
.banner-area.banner-style-two .banner-content .main-btn.btn-border,
.banner-area.banner-style-two .banner-content .main-btn.btn-filled:hover {
  border-color:hsla(0,0%,100%,.2);
  color:#fff
}
.banner-area .slick-arrow {
  background:#fff;
  cursor:pointer;
  font-size:17px;
  height:50px;
  left:0;
  line-height:50px;
  position:absolute;
  text-align:center;
  top:50%;
  transform:translateY(-50%);
  transition:.3s;
  width:50px;
  z-index:9
}
.banner-area .slick-arrow:hover {
  background-color:var(--color-1st);
  color:#fff
}
.banner-area ul.slick-dots {
  bottom:30px;
  left:50%;
  position:absolute;
  transform:translateX(-51%)
}
.banner-area ul.slick-dots li {
  display:inline-block;
  margin:0 5px
}
.banner-area ul.slick-dots li button {
  border:none;
  border-radius:50%;
  font-size:0;
  height:10px;
  line-height:0;
  width:10px
}
.banner-area ul.slick-dots li.slick-active button {
  background-color:var(--color-1st)
}
.about-section {
  position:relative;
  z-index:1
}
.about-section .down-arrow-wrap {
  padding-bottom:125px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .down-arrow-wrap {
    padding-bottom:90px
  }
}
@media (max-width:767px) {
  .about-section .down-arrow-wrap {
    padding-bottom:90px
  }
}
.about-section .down-arrow-wrap a.down-arrow {
  background:var(--color-1st);
  border-radius:50%;
  box-shadow:0 14px 24px 0 hsla(39,27%,65%,.3);
  color:#fff;
  height:60px;
  line-height:60px;
  position:relative;
  text-align:center;
  width:60px
}
.about-section .down-arrow-wrap a.down-arrow:before {
  animation:pulse-border-2 1s linear infinite
}
.about-section .down-arrow-wrap a.down-arrow:after,
.about-section .down-arrow-wrap a.down-arrow:before {
  border:1px solid #ccc;
  border-radius:50%;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.about-section .down-arrow-wrap a.down-arrow:after {
  animation:pulse-border-2 1.5s linear infinite
}
.about-section .about-title span.title-tag span {
  color:var(--color-1st)
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-title h2 {
    font-size:45px
  }
}
@media (max-width:575px) {
  .about-section .about-title h2 {
    font-size:30px
  }
}
.about-section .about-features {
  grid-column-gap:35px;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  grid-template-rows:1fr;
  margin-top:100px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .about-section .about-features {
    grid-column-gap:20px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-features {
    grid-column-gap:15px
  }
}
@media (max-width:767px) {
  .about-section .about-features {
    grid-column-gap:15px;
    grid-template-columns:repeat(3,1fr);
    grid-template-rows:2fr;
    margin-top:60px
  }
}
@media (max-width:575px) {
  .about-section .about-features {
    grid-template-columns:repeat(2,1fr);
    grid-template-rows:3fr
  }
}
.about-section .about-features li {
  margin-top:15px
}
.about-section .about-features li a {
  background:#fff;
  box-shadow:0 14px 24px 0 hsla(0,0%,72%,.1);
  color:var(--color-1st);
  display:block;
  padding:55px 0 45px;
  position:relative;
  text-align:center;
  z-index:1
}
.about-section .about-features li a,
.about-section .about-features li a i,
.about-section .about-features li a span {
  transition:all .3s ease-out 0s
}
.about-section .about-features li a i {
  font-size:75px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-features li a i {
    font-size:55px
  }
}
.about-section .about-features li a img {
  max-width:75px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-features li a img {
    max-width:55px
  }
}
.about-section .about-features li a .title {
  color:#111;
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:3px;
  padding-top:10px;
  text-transform:uppercase
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .about-section .about-features li a .title {
    letter-spacing:2px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-features li a .title {
    letter-spacing:1px
  }
}
@media (max-width:767px) {
  .about-section .about-features li a .title {
    letter-spacing:1px
  }
}
.about-section .about-features li a .hover-icon {
  bottom:0;
  color:#fff;
  font-size:75px;
  opacity:0;
  position:absolute;
  right:0;
  visibility:hidden;
  z-index:-1
}
.about-section .about-features li a:hover {
  background:var(--color-1st);
  color:#fff
}
.about-section .about-features li a:hover .title {
  color:#fff
}
.about-section .about-features li a:hover .hover-icon {
  opacity:.1;
  visibility:visible
}
.about-section .about-features.masonry-layout {
  margin-top:0
}
@media (max-width:767px) {
  .about-section .about-features.masonry-layout {
    margin-top:50px
  }
}
.about-section .about-features.masonry-layout li {
  margin-top:0
}
.about-section .about-features.masonry-layout li:nth-child(2) {
  margin-top:100px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-features.masonry-layout li:nth-child(2) {
    margin-top:50px
  }
}
@media (max-width:767px) {
  .about-section .about-features.masonry-layout li:nth-child(2) {
    margin-top:50px
  }
}
.about-section .about-features.masonry-layout li:nth-child(3) {
  margin-top:200px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-features.masonry-layout li:nth-child(3) {
    margin-top:100px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .about-section .about-features.masonry-layout li:nth-child(3) {
    margin-top:100px
  }
}
@media (max-width:575px) {
  .about-section .about-features.masonry-layout li:nth-child(3) {
    margin-top:0
  }
}
.about-section .about-features.masonry-layout li:nth-child(4) {
  margin-top:100px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .about-section .about-features.masonry-layout li:nth-child(4) {
    margin-top:50px
  }
}
@media (max-width:767px) {
  .about-section .about-features.masonry-layout li:nth-child(4) {
    margin-top:-50px
  }
}
@media (max-width:575px) {
  .about-section .about-features.masonry-layout li:nth-child(4) {
    margin-top:50px
  }
}
.room-type-section {
  position:relative;
  z-index:1
}
.room-type-section,
.room-type-section:before {
  background-position:50%;
  background-size:100% 100%
}
.room-type-section:before {
  background-image:url(../img/bg/brush.png);
  background-repeat:no-repeat;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
.room-type-section .room-filter {
  text-align:right
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .room-type-section .room-filter {
    margin-top:30px
  }
}
@media (max-width:767px) {
  .room-type-section .room-filter {
    margin-top:30px
  }
}
.room-type-section .room-filter li a {
  border:2px solid transparent;
  border-radius:0;
  color:#777;
  cursor:pointer;
  display:inline-block;
  font-size:16px;
  font-weight:700;
  padding:10px 10px;
  text-transform:capitalize;
  transition:all .3s ease-out 0s
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-type-section .room-filter li a {
    padding:10px 20px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-type-section .room-filter li a {
    padding:10px 20px
  }
}
@media (max-width:575px) {
  .room-type-section .room-filter li a {
    font-size:14px;
    padding:8px 15px
  }
}
.room-type-section .room-filter li a.active,
.room-type-section .room-filter li a:hover {
  background-color:transparent;
  border-color:#e6e6e6;
  color:#111
}
.room-type-section .room-items .row {
  margin-left:-7.5px;
  margin-right:-7.5px
}
.room-type-section .room-items .row>.col,
.room-type-section .room-items .row>[class*=col-] {
  padding-left:7.5px;
  padding-right:7.5px
}
.room-type-section .room-items .room-box {
  height:280px;
  margin-top:15px;
  overflow:hidden;
  position:relative;
  width:100%;
  z-index:1
}
.room-type-section .room-items .room-box.extra-height {
  height:575px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .room-type-section .room-items .room-box.extra-height {
    height:280px
  }
}
@media (max-width:767px) {
  .room-type-section .room-items .room-box.extra-height {
    height:280px
  }
}
.room-type-section .room-items .room-box:after {
  background:linear-gradient(45deg,hsla(0,0%,7%,.502),hsla(0,0%,7%,.25) 44%,hsla(0,0%,7%,0));
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.room-type-section .room-items .room-box .room-bg {
  background-position:50%;
  background-size:cover;
  height:100%;
  transition:all .4s ease-out 0s;
  width:100%
}
.room-type-section .room-items .room-box .room-content {
  bottom:30px;
  left:30px;
  position:absolute;
  right:30px;
  z-index:2
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-type-section .room-items .room-box .room-content {
    left:15px
  }
}
.room-type-section .room-items .room-box .room-content h3 {
  font-size:36px
}
@media (max-width:767px) {
  .room-type-section .room-items .room-box .room-content h3 {
    font-size:26px
  }
}
.room-type-section .room-items .room-box .room-content h3 a {
  color:#fff
}
.room-type-section .room-items .room-box .room-content span {
  color:#fff;
  font-weight:700;
  padding-bottom:15px
}
.room-type-section .room-items .room-box .room-content span i {
  margin-right:10px
}
@media (max-width:767px) {
  .room-type-section .room-items .room-box .room-content span {
    font-size:14px
  }
}
.room-type-section .room-items .room-box .room-link {
  border:2px solid hsla(0,0%,100%,.2);
  border-radius:50%;
  bottom:0;
  color:#fff;
  font-size:18px;
  height:60px;
  line-height:60px;
  opacity:0;
  position:absolute;
  right:15px;
  text-align:center;
  visibility:hidden;
  width:60px;
  z-index:3
}
@media (max-width:767px) {
  .room-type-section .room-items .room-box .room-link {
    height:40px;
    line-height:40px;
    right:10px;
    text-align:center;
    width:40px
  }
}
.room-type-section .room-items .room-box .room-link:hover {
  background-color:#fff;
  color:#111
}
.room-type-section .room-items .room-box.extra-wide .room-link {
  right:40px
}
.room-type-section .room-items .room-box:hover .room-link {
  bottom:30px;
  opacity:1;
  visibility:visible
}
.room-type-section .room-items .room-box:hover .room-bg {
  transform:scale(1.1)
}
.cta-section .cta-inner {
  background-color:#fff;
  padding:100px 0;
  position:relative;
  z-index:1
}
.cta-section .cta-inner .cta-text p {
  color:var(--color-1st);
  font-size:20px;
  line-height:1.6
}
.cta-section .cta-inner .cta-text a.main-btn.btn-filled {
  background-color:#111;
  border-color:#111;
  color:#fff;
  margin-top:40px
}
.cta-section .cta-inner .cta-text a.main-btn.btn-filled:hover {
  background-color:var(--color-1st);
  border-color:var(--color-1st)
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .cta-section .cta-inner .cta-text {
    margin-top:60px
  }
}
@media (max-width:767px) {
  .cta-section .cta-inner .cta-text {
    margin-top:60px
  }
}
.cta-section .cta-inner .cta-features .single-feature {
  display:grid;
  grid-template-columns:120px 1fr;
  grid-template-rows:1fr;
  margin-bottom:45px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .cta-section .cta-inner .cta-features .single-feature {
    grid-template-columns:100px 1fr
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .cta-section .cta-inner .cta-features .single-feature {
    grid-template-columns:100px 1fr
  }
}
@media (max-width:575px) {
  .cta-section .cta-inner .cta-features .single-feature {
    display:block
  }
}
.cta-section .cta-inner .cta-features .single-feature .icon {
  background-color:#fff;
  border-radius:50%;
  box-shadow:0 8px 16px 0 hsla(39,27%,65%,.2);
  color:var(--color-1st);
  font-size:60px;
  height:120px;
  line-height:120px;
  position:relative;
  text-align:center;
  transition:all .3s ease-out 0s;
  width:120px;
  z-index:2
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .cta-section .cta-inner .cta-features .single-feature .icon {
    font-size:40px;
    height:100px;
    line-height:100px;
    width:100px
  }
}
@media (max-width:767px) {
  .cta-section .cta-inner .cta-features .single-feature .icon {
    font-size:40px;
    height:100px;
    line-height:100px;
    width:100px
  }
}
@media (max-width:575px) {
  .cta-section .cta-inner .cta-features .single-feature .icon {
    margin-bottom:30px
  }
}
.cta-section .cta-inner .cta-features .single-feature .cta-desc {
  font-size:14px;
  padding-left:40px;
  position:relative;
  z-index:1
}
@media (max-width:575px) {
  .cta-section .cta-inner .cta-features .single-feature .cta-desc {
    padding-left:0
  }
}
.cta-section .cta-inner .cta-features .single-feature .cta-desc h3 {
  color:#111;
  font-size:30px;
  letter-spacing:-1px;
  margin-bottom:20px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .cta-section .cta-inner .cta-features .single-feature .cta-desc h3 {
    font-size:26px
  }
}
.cta-section .cta-inner .cta-features .single-feature .cta-desc .count {
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px #111;
  color:transparent;
  font-size:120px;
  font-weight:700;
  left:-32px;
  line-height:1;
  opacity:.1;
  position:absolute;
  top:0;
  z-index:-1
}
@media (max-width:575px) {
  .cta-section .cta-inner .cta-features .single-feature .cta-desc .count {
    left:0;
    top:-75px
  }
}
.cta-section .cta-inner .cta-features .single-feature:hover .icon {
  background-color:var(--color-1st);
  color:#fff
}
.cta-section .cta-inner .cta-features .single-feature:last-child {
  margin-bottom:0
}
.cta-section .cta-inner:after {
  background-color:var(--color-1st);
  bottom:-40px;
  content:"";
  height:20px;
  left:35px;
  position:absolute;
  right:35px
}
.cta-section .cta-inner:before {
  bottom:0;
  color:#f6f6f6;
  content:"\f127";
  font-family:Flaticon;
  font-size:350px;
  left:0;
  line-height:1;
  position:absolute
}
.room-gallery-cta {
  background-attachment:fixed;
  background-position:50%;
  background-size:cover;
  padding:120px 0;
  position:relative;
  z-index:1
}
.room-gallery-cta:before {
  background-color:#111;
  content:"";
  height:100%;
  left:0;
  opacity:.7;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
.room-gallery-cta ul li {
  display:inline-block;
  margin:0 10px
}
@media (max-width:767px) {
  .room-gallery-cta ul li {
    margin:0 5px
  }
  .room-gallery-cta ul li .main-btn {
    letter-spacing:1px;
    padding:0 25px
  }
}
@media (max-width:399px) {
  .room-gallery-cta ul li .main-btn {
    font-size:12px;
    letter-spacing:1px;
    padding:0 15px
  }
}
.room-gallery-cta ul li .main-btn.btn-border:hover,
.room-gallery-cta ul li .main-btn.btn-filled {
  box-shadow:none
}
.room-gallery-cta ul li .main-btn.btn-border,
.room-gallery-cta ul li .main-btn.btn-filled:hover {
  border-color:hsla(0,0%,100%,.2);
  color:#fff
}
.room-gallery-cta .cta-text h2 {
  color:#fff;
  font-size:80px;
  letter-spacing:-3px;
  line-height:1.125
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  .room-gallery-cta .cta-text h2 {
    font-size:72px
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-gallery-cta .cta-text h2 {
    font-size:60px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .room-gallery-cta .cta-text h2 {
    font-size:52px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-gallery-cta .cta-text h2 {
    font-size:42px
  }
}
@media (max-width:575px) {
  .room-gallery-cta .cta-text h2 {
    font-size:32px
  }
}
@media (max-width:399px) {
  .room-gallery-cta .cta-text h2 {
    font-size:28px
  }
}
.room-gallery-cta .cta-text span {
  color:var(--color-1st);
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  padding-bottom:20px;
  text-transform:uppercase
}
.room-gallery-cta .rotate-images img {
  bottom:0;
  left:3%;
  position:absolute;
  transform:rotate(-37deg);
  z-index:1;
  z-index:-1
}
@media (max-width:767px) {
  .room-gallery-cta .rotate-images img {
    max-width:150px
  }
}
@media (max-width:399px) {
  .room-gallery-cta .rotate-images img {
    max-width:100px
  }
}
.room-gallery-cta .rotate-images img.rotate-image-one {
  bottom:auto;
  left:8%;
  max-width:260px;
  top:0;
  transform:rotate(-37deg)
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  .room-gallery-cta .rotate-images img.rotate-image-one {
    left:2%
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-gallery-cta .rotate-images img.rotate-image-one {
    left:2%;
    max-width:220px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .room-gallery-cta .rotate-images img.rotate-image-one {
    left:1%;
    max-width:180px
  }
}
@media (max-width:767px) {
  .room-gallery-cta .rotate-images img.rotate-image-one {
    left:1%;
    max-width:150px
  }
}
@media (max-width:399px) {
  .room-gallery-cta .rotate-images img.rotate-image-one {
    max-width:100px
  }
}
.room-gallery-cta .rotate-images img.rotate-image-three {
  left:auto;
  right:5%
}
@media only screen and (min-width:1200px) and (max-width:1599px) {
  .room-gallery-cta .rotate-images img.rotate-image-three {
    left:auto;
    max-width:250px;
    right:2%
  }
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-gallery-cta .rotate-images img.rotate-image-three {
    left:auto;
    max-width:250px;
    right:2%
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .room-gallery-cta .rotate-images img.rotate-image-three {
    left:auto;
    max-width:200px;
    right:1%
  }
}
@media (max-width:767px) {
  .room-gallery-cta .rotate-images img.rotate-image-three {
    left:auto;
    max-width:150px;
    right:1%
  }
}
@media (max-width:399px) {
  .room-gallery-cta .rotate-images img.rotate-image-three {
    max-width:100px
  }
}
.text-block.with-bg {
  background-position:50%;
  background-size:cover;
  position:relative;
  z-index:1
}
.text-block.with-bg:after {
  background-color:#fff;
  content:"";
  height:100%;
  left:0;
  opacity:.94;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
@media (max-width:575px) {
  .text-block .block-text p {
    padding-right:0
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .text-block .mb-small {
    margin-bottom:50px
  }
}
@media (max-width:767px) {
  .text-block .mb-small {
    margin-bottom:50px
  }
}
.video-wrap {
  align-items:center;
  background-position:50%;
  background-size:cover;
  display:flex;
  height:480px;
  justify-content:center;
  width:100%
}
@media (max-width:575px) {
  .video-wrap {
    height:350px
  }
}
.video-wrap a.popup-video {
  background-color:#fff;
  border-radius:50%;
  box-shadow:0 14px 24px 0 hsla(39,27%,65%,.3);
  color:#111;
  font-size:16px;
  height:60px;
  line-height:65px;
  position:relative;
  text-align:center;
  width:60px
}
.video-wrap a.popup-video:before {
  animation:pulse-border-2 1s linear infinite
}
.video-wrap a.popup-video:after,
.video-wrap a.popup-video:before {
  border:1px solid #ccc;
  border-radius:50%;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.video-wrap a.popup-video:after {
  animation:pulse-border-2 1.5s linear infinite
}
.video-wrap.video-wrap-two {
  height:460px
}
@media (max-width:575px) {
  .video-wrap.video-wrap-two {
    height:350px
  }
}
.video-wrap.video-wrap-two a.popup-video {
  box-shadow:none;
  font-size:20px;
  height:120px;
  line-height:120px;
  width:120px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .video-wrap.video-wrap-two a.popup-video {
    height:100px;
    line-height:100px;
    width:100px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .video-wrap.video-wrap-two a.popup-video {
    height:80px;
    line-height:80px;
    width:80px
  }
}
@media (max-width:767px) {
  .video-wrap.video-wrap-two a.popup-video {
    height:80px;
    line-height:80px;
    width:80px
  }
}
.video-wrap.video-about {
  height:650px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .video-wrap.video-about {
    height:500px
  }
}
@media (max-width:767px) {
  .video-wrap.video-about {
    height:300px
  }
}
.testimonial-box {
  background-color:#fff;
  margin-bottom:40px;
  padding:50px 30px;
  text-align:center;
  transition:all .3s ease-out 0s
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .testimonial-box {
    padding:50px 20px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .testimonial-box {
    font-size:14px;
    padding:50px 20px
  }
}
.testimonial-box .client-img {
  margin:auto;
  max-height:150px;
  max-width:150px;
  position:relative
}
.testimonial-box .client-img img {
  border-radius:50%;
  max-height:150px;
  max-width:150px
}
.testimonial-box .client-img .check {
  background-color:var(--color-1st);
  border:4px solid #fff;
  border-radius:50%;
  color:#fff;
  height:50px;
  line-height:50px;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  width:50px
}
.testimonial-box h3 {
  font-size:30px;
  letter-spacing:-1px;
  margin-bottom:15px;
  margin-top:35px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .testimonial-box h3 {
    font-size:26px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .testimonial-box h3 {
    font-size:22px
  }
}
.testimonial-box .clinet-post {
  color:var(--color-1st);
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:30px;
  text-transform:uppercase
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .testimonial-box .clinet-post {
    font-size:14px;
    font-size:12px
  }
}
.testimonial-box:hover {
  box-shadow:0 14px 24px 0 hsla(39,27%,65%,.2)
}
.testimonial-slider ul.slick-dots {
  bottom:0;
  left:50%;
  position:absolute;
  transform:translateX(-50%)
}
.testimonial-slider ul.slick-dots li {
  cursor:pointer;
  display:inline-block
}
.testimonial-slider ul.slick-dots li button {
  background:#e7e7e7;
  border:0;
  font-size:0;
  height:4px;
  margin:0 5px;
  transition:all .3s ease-out 0s;
  width:16px
}
.testimonial-slider ul.slick-dots li.slick-active button {
  background-color:var(--color-1st);
  width:26px
}
.latest-news .latest-post-box .post-img {
  background-position:50%;
  background-size:cover;
  height:260px;
  width:100%
}
@media (max-width:767px) {
  .latest-news .latest-post-box .post-img {
    height:220px
  }
}
.latest-news .latest-post-box .post-desc {
  background-color:#fff;
  padding:40px 35px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .latest-news .latest-post-box .post-desc {
    padding:35px 25px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .latest-news .latest-post-box .post-desc {
    font-size:14px;
    padding:35px 18px
  }
}
@media (max-width:399px) {
  .latest-news .latest-post-box .post-desc {
    font-size:14px;
    padding:35px 25px
  }
}
.latest-news .latest-post-box .post-desc .post-meta {
  margin-bottom:20px
}
.latest-news .latest-post-box .post-desc .post-meta li {
  display:inline-block;
  margin-right:20px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .latest-news .latest-post-box .post-desc .post-meta li {
    font-size:14px;
    margin-right:5px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .latest-news .latest-post-box .post-desc .post-meta li {
    margin-right:10px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .latest-news .latest-post-box .post-desc .post-meta li {
    font-size:12px;
    margin-right:5px
  }
}
@media (max-width:399px) {
  .latest-news .latest-post-box .post-desc .post-meta li {
    font-size:12px;
    margin-right:5px
  }
}
.latest-news .latest-post-box .post-desc .post-meta li a {
  color:#777;
  font-weight:500
}
.latest-news .latest-post-box .post-desc .post-meta li a i {
  margin-right:10px
}
.latest-news .latest-post-box .post-desc .post-meta li:last-child {
  margin-right:0
}
.latest-news .latest-post-box .post-desc h4 {
  color:#111;
  font-size:24px;
  letter-spacing:-1px;
  line-height:1.4;
  margin-bottom:25px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .latest-news .latest-post-box .post-desc h4 {
    font-size:22px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .latest-news .latest-post-box .post-desc h4 {
    font-size:20px
  }
}
@media (max-width:399px) {
  .latest-news .latest-post-box .post-desc h4 {
    font-size:20px
  }
}
.features-loop .feature-box {
  background-color:#fff;
  border:2px solid #f8f8f8;
  font-size:14px;
  margin-top:30px;
  padding:60px 50px;
  position:relative
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .features-loop .feature-box {
    padding:50px 30px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .features-loop .feature-box {
    padding:50px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .features-loop .feature-box {
    padding:35px 25px
  }
}
@media (max-width:575px) {
  .features-loop .feature-box {
    padding:50px 30px
  }
}
.features-loop .feature-box .icon {
  color:var(--color-1st);
  font-size:70px;
  line-height:1;
  margin-bottom:30px
}
.features-loop .feature-box:hover .icon i {
  animation:hvr-buzz-out .75s linear 1
}
.features-loop .feature-box h3 {
  font-size:30px;
  letter-spacing:-1px;
  margin-bottom:30px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .features-loop .feature-box h3 {
    font-size:24px
  }
}
.features-loop .feature-box .count {
  color:#f8f8f8;
  font-size:120px;
  line-height:1;
  position:absolute;
  right:0;
  top:-10px
}
.features-loop .feature-box.dark-box {
  background-color:#292929;
  border:none
}
.features-loop .feature-box.dark-box,
.features-loop .feature-box.dark-box h3 a {
  color:#fff
}
.features-loop .feature-box.dark-box .count {
  color:#222
}
.room-gird-loop .room-box .room-img-wrap {
  height:240px;
  overflow:hidden;
  width:100%
}
.room-gird-loop .room-box .room-img-wrap .room-img {
  background-position:50%;
  background-size:cover;
  height:100%;
  transition:all .3s ease-out 0s;
  width:100%
}
.room-gird-loop .room-box:hover .room-img {
  transform:scale(1.1)
}
.room-gird-loop .room-box .room-desc {
  background-color:#fff;
  font-size:14px;
  padding:50px 35px 30px;
  position:relative;
  text-align:center
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-gird-loop .room-box .room-desc {
    padding:50px 25px 30px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-gird-loop .room-box .room-desc {
    padding:50px 20px 30px
  }
}
.room-gird-loop .room-box .room-desc .icons {
  background-color:#fff;
  box-shadow:0 8px 16px 0 hsla(0,0%,54%,.04);
  left:25px;
  padding:15px;
  position:absolute;
  right:25px;
  top:0;
  transform:translateY(-50%)
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-gird-loop .room-box .room-desc .icons {
    left:12px;
    padding:15px 5px;
    right:12px
  }
}
.room-gird-loop .room-box .room-desc .icons li {
  color:#222;
  display:inline-block;
  margin:0 10px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-gird-loop .room-box .room-desc .icons li {
    margin:0 5px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .room-gird-loop .room-box .room-desc .icons li {
    margin:0 8px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-gird-loop .room-box .room-desc .icons li {
    margin:0 5px
  }
}
@media (max-width:399px) {
  .room-gird-loop .room-box .room-desc .icons li {
    margin:0 5px
  }
}
.room-gird-loop .room-box .room-desc h4 {
  font-size:24px;
  letter-spacing:-1px;
  margin-bottom:15px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-gird-loop .room-box .room-desc h4 {
    font-size:20px
  }
}
.room-gird-loop .room-box .room-desc span.price {
  color:var(--color-1st);
  font-size:16px;
  font-weight:700;
  margin-top:25px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-gird-loop .room-box .room-desc span.price {
    font-size:14px
  }
}
.room-slider {
  position:relative;
  z-index:1
}
.room-slider .rooms-slider-one.row {
  margin-left:-20px;
  margin-right:-20px
}
.room-slider .rooms-slider-one.row>.col {
  padding-left:20px;
  padding-right:20px
}
.room-slider .rooms-slider-one .slider-img {
  background-position:50%;
  background-size:cover;
  height:580px;
  width:100%
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-slider .rooms-slider-one .slider-img {
    height:500px
  }
}
@media (max-width:767px) {
  .room-slider .rooms-slider-one .slider-img {
    height:450px
  }
}
@media (max-width:575px) {
  .room-slider .rooms-slider-one .slider-img {
    height:400px
  }
}
@media (max-width:767px) {
  .room-slider .rooms-content-wrap {
    margin-bottom:100px
  }
}
.room-slider .rooms-content-wrap .room-content-box {
  background-color:#222;
  color:#d4d4d4;
  font-size:14px;
  margin-top:-495px;
  padding:60px 50px;
  position:relative;
  z-index:2
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-slider .rooms-content-wrap .room-content-box {
    margin-top:-445px
  }
}
@media (max-width:767px) {
  .room-slider .rooms-content-wrap .room-content-box {
    margin-top:-100px;
    padding:50px 30px
  }
}
@media (max-width:575px) {
  .room-slider .rooms-content-wrap .room-content-box {
    margin-top:-50px;
    padding:50px 30px
  }
}
.room-slider .rooms-content-wrap .room-content-box .slider-count {
  color:#4c4c4c;
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  position:absolute;
  right:50px;
  top:90px;
  z-index:3
}
.room-slider .rooms-content-wrap .room-content-box .slider-count .current {
  color:var(--color-1st)
}
.room-slider .rooms-content-wrap .room-content-box .slider-count-big {
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke:1px hsla(0,0%,100%,.6);
  bottom:-30px;
  font-size:200px;
  line-height:1;
  opacity:.1;
  position:absolute;
  right:0;
  z-index:-1
}
@media (max-width:767px) {
  .room-slider .rooms-content-wrap .room-content-box .slider-count-big {
    font-size:150px
  }
}
.room-slider .rooms-content-wrap .room-content-box h3 {
  color:#fff;
  font-size:36px;
  margin-bottom:20px
}
.room-slider .rooms-content-wrap .room-content-box h3,
.room-slider .rooms-content-wrap .room-content-box h3 a {
  color:#fff
}
.room-slider .rooms-content-wrap .room-content-box .icon {
  color:var(--color-1st);
  font-size:70px;
  line-height:1;
  margin-bottom:40px
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider {
  padding-bottom:45px
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider .single-content {
  overflow:hidden
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots {
  bottom:0;
  left:0;
  position:absolute
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li {
  cursor:pointer;
  display:inline-block
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li button {
  background:#434343;
  border:0;
  font-size:0;
  height:4px;
  margin:0 5px;
  transition:all .3s ease-out 0s;
  width:16px
}
.room-slider .rooms-content-wrap .room-content-box .room-content-slider ul.slick-dots li.slick-active button {
  background-color:var(--color-1st);
  width:26px
}
.room-details .deatils-box {
  font-family:var(--tertiary-font),sans-serif
}
.room-details .deatils-box .title-wrap {
  align-items:center;
  background-color:#fff;
  display:flex;
  justify-content:space-between;
  margin-right: auto;
  padding: 4px 5px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .deatils-box .title-wrap {
    margin-right:30px;
    padding:40px 30px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-details .deatils-box .title-wrap {
    margin-right:20px;
    padding:30px 20px
  }
}
@media (max-width:575px) {
  .room-details .deatils-box .title-wrap {
    display:block;
    margin-right:20px;
    padding:30px
  }
}
.room-details .deatils-box .title-wrap .title .room-cat {
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  padding-bottom:10px;
  text-transform:uppercase
}
.room-details .deatils-box .title-wrap .title h2 {
  font-size: 40px;
  letter-spacing:-1px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .deatils-box .title-wrap .title h2 {
    font-size:42px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-details .deatils-box .title-wrap .title h2 {
    font-size:32px
  }
}
@media (max-width:575px) {
  .room-details .deatils-box .title-wrap .title h2 {
    font-size:28px
  }
}
.room-details .deatils-box .title-wrap .price {
  color:var(--color-1st);
  font-family:var(--primary-font),sans-serif;
  font-size: 30px;
  font-weight: 500;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .deatils-box .title-wrap .price {
    font-size:35px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-details .deatils-box .title-wrap .price {
    font-size:30px
  }
}
@media (max-width:575px) {
  .room-details .deatils-box .title-wrap .price {
    font-size:24px;
    margin-top:15px
  }
}
.room-details .deatils-box .title-wrap .price span {
  font-size:16px
}
.room-details .deatils-box .thumb {
  margin-bottom:60px;
  margin-top:-90px;
  position:relative
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-details .deatils-box .thumb {
    margin-top:-65px
  }
}
.room-details .deatils-box h3.subtitle {
  border-bottom:1px solid #f1f1f1;
  font-size:30px;
  margin-bottom:40px;
  padding-bottom:20px
}
.room-details .deatils-box .room-fearures {
  background-color:#fff;
  padding: 10px 10px 10px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .deatils-box .room-fearures {
    padding:50px 35px 30px
  }
}
@media (max-width:575px) {
  .room-details .deatils-box .room-fearures {
    padding:50px 30px 30px
  }
}
.room-details .deatils-box .room-fearures .room-fearures-list li {
  float:left;
  margin-bottom:20px;
  padding-left:40px;
  position:relative;
  width:33.33%
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .room-details .deatils-box .room-fearures .room-fearures-list li {
    width:50%
  }
}
@media (max-width:575px) {
  .room-details .deatils-box .room-fearures .room-fearures-list li {
    width:100%
  }
}
.room-details .deatils-box .room-fearures .room-fearures-list li i {
  color:var(--color-1st);
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.room-details .deatils-box .room-rules {
  background-color:#fff;
  padding: 10px 10px 10px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .deatils-box .room-rules {
    padding:50px 35px 30px
  }
}
@media (max-width:575px) {
  .room-details .deatils-box .room-rules {
    padding:50px 30px 30px
  }
}
.room-details .deatils-box .room-rules .room-rules-list li {
  margin-bottom:20px;
  padding-left:40px;
  position:relative
}
.room-details .deatils-box .room-rules .room-rules-list li:before {
  color:var(--color-1st);
  content:"\f00c";
  font-family:Font Awesome\ 5 Pro;
  font-weight:300;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.room-details .deatils-box .cancellation-box {
  background-color:#fff;
  padding: 10px;
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .deatils-box .cancellation-box {
    padding:50px 35px
  }
}
@media (max-width:575px) {
  .room-details .deatils-box .cancellation-box {
    padding:50px 30px
  }
}
.room-details .deatils-box .cancellation-box strong {
  color:#222
}
.room-details .deatils-box .related-room h3.subtitle {
  border-color:#ddd
}
.room-details .room-booking-form {
  background-color:#fff;
  padding:40px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .room-details .room-booking-form {
    margin-top:30px
  }
}
@media (max-width:767px) {
  .room-details .room-booking-form {
    margin-top:30px
  }
}
.room-details .room-booking-form .nice-select,
.room-details .room-booking-form input,
.room-details .room-booking-form select {
  background-color:#f8f8f8
}
.room-details .room-booking-form .main-btn {
  box-shadow:none;
  height:60px;
  line-height:60px;
  padding:0;
  width:100%
}
.room-details .room-booking-form .title {
  font-family:var(--primary-font),sans-serif;
  font-weight:700;
  margin-bottom:30px;
  padding-left:60px;
  position:relative
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .room-booking-form .title {
    padding-left:50px
  }
}
@media (max-width:399px) {
  .room-details .room-booking-form .title {
    padding-left:50px
  }
}
.room-details .room-booking-form .title:before {
  background-color:var(--color-1st);
  content:"";
  height:2px;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .room-details .room-booking-form .title:before {
    width:30px
  }
}
@media (max-width:399px) {
  .room-details .room-booking-form .title:before {
    width:30px
  }
}
.menu-area {
  position:relative;
  z-index:1
}
.menu-area .menu-loop .single-menu-box {
  align-items:center;
  margin-bottom:20px;
  padding-left:120px;
  position:relative
}
@media (max-width:575px) {
  .menu-area .menu-loop .single-menu-box {
    padding-left:0;
    padding-top:140px
  }
}
.menu-area .menu-loop .single-menu-box .menu-desc {
  color:#222;
  font-size:14px;
  padding:20px 85px 20px 30px;
  position:relative;
  transition:all .3s ease-out 0s
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .menu-area .menu-loop .single-menu-box .menu-desc {
    padding:20px 50px 20px 30px
  }
}
@media (max-width:399px) {
  .menu-area .menu-loop .single-menu-box .menu-desc {
    padding:20px 50px 20px 30px
  }
}
.menu-area .menu-loop .single-menu-box .menu-desc h4 {
  font-size:24px;
  letter-spacing:-1px;
  margin-bottom:8px
}
.menu-area .menu-loop .single-menu-box .menu-img {
  background-position:50%;
  background-size:cover;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:120px
}
@media (max-width:575px) {
  .menu-area .menu-loop .single-menu-box .menu-img {
    height:120px;
    left:30px
  }
}
.menu-area .menu-loop .single-menu-box:hover .menu-desc {
  background-color:#fff
}
.contact-part .contact-info .info-box {
  grid-column-gap:30px;
  background-color:#fff;
  display:grid;
  grid-template-columns:40px 1fr;
  grid-template-rows:1fr;
  margin-bottom:30px;
  padding:50px 45px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .contact-part .contact-info .info-box {
    grid-template-columns:30px 1fr;
    padding:50px 30px
  }
}
@media (max-width:767px) {
  .contact-part .contact-info .info-box {
    display:block;
    padding:30px 20px
  }
}
.contact-part .contact-info .info-box .icon {
  color:var(--color-1st);
  font-size:40px
}
@media (max-width:767px) {
  .contact-part .contact-info .info-box .icon {
    margin-bottom:15px
  }
}
.contact-part .contact-info .info-box .desc h4 {
  font-size:24px;
  margin-bottom:20px
}
.contact-part .contact-form {
  background-color:#fff;
  padding:100px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .contact-part .contact-form {
    padding:15px
  }
}
@media (max-width:767px) {
  .contact-part .contact-form {
    padding:15px
  }
}
.contact-part .contact-form .main-btn.btn-filled {
  box-shadow:none
}
.offers-area .offer-boxes-loop .offer-box {
  margin-bottom:60px
}
.offers-area .offer-boxes-loop .offer-box .offer-desc {
  background-color:#fff;
  border-top:6px solid var(--color-1st);
  margin-left:60px;
  margin-right:60px;
  margin-top:-75px;
  padding:65px 60px 60px;
  position:relative;
  z-index:2
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc {
    margin-left:30px;
    margin-right:30px;
    padding:65px 40px 60px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc {
    margin-left:20px;
    margin-right:20px;
    margin-top:-50px;
    padding:40px 30px 30px
  }
}
@media (max-width:575px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc {
    margin-left:15px;
    margin-right:15px;
    margin-top:-30px;
    padding:40px 20px 30px
  }
}
@media (max-width:399px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc {
    margin-left:5px;
    margin-right:5px;
    padding:30px 15px 20px
  }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn {
  box-shadow:none;
  margin-top:30px
}
@media (max-width:575px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .main-btn {
    line-height:40px;
    padding:0 35px
  }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap {
  align-items:center;
  border-bottom:2px solid #ececec;
  display:flex;
  justify-content:space-between;
  margin-bottom:40px;
  padding-bottom:40px
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat {
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  padding-bottom:10px;
  text-transform:uppercase
}
@media (max-width:575px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title .room-cat {
    letter-spacing:2px
  }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2 {
  font-size:48px;
  letter-spacing:-1px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2 {
    font-size:32px
  }
}
@media (max-width:575px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .title h2 {
    font-size:24px
  }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
  color:var(--color-1st);
  font-size:40px;
  font-weight:700;
  line-height:1;
  text-align:right
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
    font-size:32px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
    font-size:28px
  }
}
@media (max-width:575px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price {
    font-size:20px
  }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .title-wrap .price span {
  font-size:16px
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature,
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-text {
  font-family:var(--tertiary-font),sans-serif
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature {
    margin-top:50px
  }
}
@media (max-width:767px) {
  .offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature {
    margin-top:50px
  }
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li {
  float:left;
  margin-bottom:20px;
  padding-left:40px;
  position:relative;
  width:50%
}
.offers-area .offer-boxes-loop .offer-box .offer-desc .offer-feature li i {
  color:var(--color-1st);
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.post-box .post-desc {
  background-color:#fff;
  padding:50px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .post-box .post-desc {
    padding:40px 30px
  }
}
@media (max-width:575px) {
  .post-box .post-desc {
    font-size:14px;
    padding:40px 30px
  }
}
@media (max-width:399px) {
  .post-box .post-desc {
    padding:40px 20px
  }
}
.post-box .post-desc .cat {
  background-color:var(--color-1st);
  color:#fff;
  display:inline-block;
  font-family:var(--tertiary-font),sans-serif;
  font-size:14px;
  font-weight:700;
  margin-bottom:25px;
  padding:10px 30px
}
.post-box .post-desc .cat:hover {
  background-color:#111
}
.post-box .post-desc h2 {
  color:#111;
  font-size:42px;
  letter-spacing:-2px;
  line-height:1;
  margin-bottom:20px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .post-box .post-desc h2 {
    font-size:34px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .post-box .post-desc h2 {
    font-size:32px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .post-box .post-desc h2 {
    font-size:30px
  }
}
@media (max-width:575px) {
  .post-box .post-desc h2 {
    font-size:24px
  }
}
.post-box .post-desc .post-meta {
  margin-bottom:30px
}
.post-box .post-desc .post-meta li {
  display:inline-block;
  margin-right:30px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .post-box .post-desc .post-meta li {
    margin-right:15px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .post-box .post-desc .post-meta li {
    margin-right:15px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .post-box .post-desc .post-meta li {
    margin-right:10px
  }
}
@media (max-width:575px) {
  .post-box .post-desc .post-meta li {
    font-size:14px;
    margin-bottom:5px;
    margin-right:15px
  }
}
.post-box .post-desc .post-meta li a {
  color:#777
}
.post-box .post-desc .post-meta li a:hover {
  color:var(--color-1st)
}
.post-box .post-desc .post-meta li a i {
  margin-right:5px
}
.post-box .post-desc .post-footer {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:35px
}
.post-box .post-desc .post-footer .author {
  font-family:var(--secondary-font),serif;
  letter-spacing:-1px
}
.post-box .post-desc .post-footer .author a {
  color:#777
}
.post-box .post-desc .post-footer .author img {
  margin-right:15px
}
.post-box .post-desc .post-footer .read-more a {
  color:#777;
  font-family:var(--tertiary-font),sans-serif;
  font-size:14px
}
.post-box .post-desc .post-footer .read-more a i {
  margin-right:5px
}
.post-box .post-desc .post-footer .read-more a:hover {
  color:var(--color-1st)
}
.news-details-box {
  background-color:#fff;
  font-family:var(--tertiary-font),sans-serif;
  padding:40px
}
@media (max-width:767px) {
  .news-details-box {
    font-size:14px;
    padding:30px
  }
}
@media (max-width:399px) {
  .news-details-box {
    padding:15px
  }
}
.news-details-box .entry-content .cat {
  background-color:var(--color-1st);
  color:#fff;
  display:inline-block;
  font-weight:700;
  margin-bottom:25px;
  padding:10px 30px
}
.news-details-box .entry-content .cat:hover {
  background-color:#111
}
.news-details-box .entry-content .subtitle,
.news-details-box .entry-content .title {
  font-family:var(--secondary-font),serif;
  letter-spacing:-1px;
  margin-bottom:30px
}
.news-details-box .entry-content h2.title {
  font-size:36px;
  margin-bottom:15px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .news-details-box .entry-content h2.title {
    font-size:28px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .news-details-box .entry-content h2.title {
    font-size:34px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .news-details-box .entry-content h2.title {
    font-size:28px
  }
}
@media (max-width:575px) {
  .news-details-box .entry-content h2.title {
    font-size:20px
  }
}
@media (max-width:399px) {
  .news-details-box .entry-content h2.title {
    font-size:18px
  }
}
.news-details-box .entry-content h3.subtitle {
  font-size:30px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .news-details-box .entry-content h3.subtitle {
    font-size:24px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .news-details-box .entry-content h3.subtitle {
    font-size:26px
  }
}
@media (max-width:575px) {
  .news-details-box .entry-content h3.subtitle {
    font-size:18px
  }
}
.news-details-box .entry-content .post-meta {
  margin-bottom:25px
}
.news-details-box .entry-content .post-meta li {
  display:inline-block;
  margin-right:25px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .news-details-box .entry-content .post-meta li {
    margin-right:15px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .news-details-box .entry-content .post-meta li {
    margin-right:15px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .news-details-box .entry-content .post-meta li {
    margin-right:10px
  }
}
@media (max-width:575px) {
  .news-details-box .entry-content .post-meta li {
    margin-bottom:5px;
    margin-right:15px
  }
}
.news-details-box .entry-content .post-meta li a {
  color:#777;
  font-size:14px
}
.news-details-box .entry-content .post-meta li a:hover {
  color:var(--color-1st)
}
.news-details-box .entry-content .post-meta li a i {
  margin-right:5px
}
.news-details-box .entry-footer .tag-and-share h5 {
  font-size:20px;
  letter-spacing:-1px;
  margin-bottom:25px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .news-details-box .entry-footer .tag-and-share h5 {
    font-size:18px
  }
}
@media (max-width:767px) {
  .news-details-box .entry-footer .tag-and-share .tag {
    margin-bottom:30px
  }
}
.news-details-box .entry-footer .tag-and-share .tag li {
  display:inline-block;
  margin-right:5px
}
.news-details-box .entry-footer .tag-and-share .tag li a {
  background-color:#f8f8f8;
  color:#777;
  display:block;
  font-size:12px;
  padding:10px 20px;
  text-transform:uppercase
}
.news-details-box .entry-footer .tag-and-share .tag li a:hover {
  background-color:var(--color-1st);
  color:#fff
}
.news-details-box .entry-footer .tag-and-share .share li {
  display:inline-block;
  margin-left:25px
}
.news-details-box .entry-footer .tag-and-share .share li a {
  color:#b5becc;
  font-size:18px
}
.news-details-box .entry-footer .related-post-box h3 {
  font-size:26px;
  letter-spacing:-1px
}
.news-details-box .entry-footer .related-post-box .thumb {
  background-position:50%;
  background-size:cover;
  height:300px;
  width:100%
}
.news-details-box .entry-footer .related-post-box .desc {
  box-shadow:0 8px 16px 0 rgba(93,93,93,.06);
  font-size:14px;
  padding:40px;
  transition:.3s
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .news-details-box .entry-footer .related-post-box .desc {
    padding:30px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .news-details-box .entry-footer .related-post-box .desc {
    padding:30px
  }
}
@media (max-width:767px) {
  .news-details-box .entry-footer .related-post-box .desc {
    padding:30px
  }
}
.news-details-box .entry-footer .related-post-box .desc .date {
  color:#777;
  display:inline-block;
  margin-bottom:10px
}
.news-details-box .entry-footer .related-post-box .desc .date i {
  margin-right:5px
}
.news-details-box .entry-footer .related-post-box .desc h4 {
  color:#222;
  font-size:22px;
  letter-spacing:-1px;
  margin-bottom:20px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .news-details-box .entry-footer .related-post-box .desc h4 {
    font-size:18px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .news-details-box .entry-footer .related-post-box .desc h4 {
    font-size:22px
  }
}
@media (max-width:399px) {
  .news-details-box .entry-footer .related-post-box .desc h4 {
    font-size:20px
  }
}
.news-details-box .entry-footer .related-post-box:hover .desc {
  background-color:#f8f8f8;
  box-shadow:none
}
.pagination-wrap {
  padding-top:20px;
  text-align:center
}
.pagination-wrap ul li {
  display:inline-block;
  margin:0 5px
}
@media (max-width:575px) {
  .pagination-wrap ul li {
    margin-bottom:8px
  }
}
.pagination-wrap ul li a {
  background-color:#fff;
  color:#777;
  color:#111;
  font-family:var(--tertiary-font),sans-serif;
  font-weight:700;
  height:50px;
  line-height:50px;
  width:50px
}
.pagination-wrap ul li a:hover,
.pagination-wrap ul li.active a {
  background-color:var(--color-1st);
  color:#fff
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .sidebar {
    margin-top:80px
  }
}
@media (max-width:767px) {
  .sidebar {
    margin-top:80px
  }
}
.sidebar .widget {
  background-color:#fff;
  padding:40px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .sidebar .widget {
    padding:40px 20px
  }
}
@media (max-width:399px) {
  .sidebar .widget {
    padding:40px 20px
  }
}
.sidebar .widget .widget-title {
  font-size:20px;
  line-height:1;
  margin-bottom:40px;
  padding-left:30px;
  position:relative
}
.sidebar .widget .widget-title:before {
  background-color:var(--color-1st);
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:2px
}
.sidebar .widget.search-widget form {
  position:relative
}
.sidebar .widget.search-widget form input {
  background-color:#f8f8f8;
  border:none;
  font-size:14px;
  height:60px;
  padding-left:30px;
  padding-right:60px;
  width:100%
}
.sidebar .widget.search-widget form button {
  background-color:var(--color-1st);
  border:none;
  color:#fff;
  font-size:14px;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  transition:all .3s ease-out 0s;
  width:60px;
  z-index:1
}
.sidebar .widget.search-widget form button:hover {
  background-color:#111;
  color:#fff
}
.sidebar .widget.popular-feeds .single-popular-feed {
  grid-column-gap:15px;
  align-items:center;
  border-bottom:1px solid #e1e6ff;
  display:grid;
  grid-template-columns:80px 1fr;
  grid-template-rows:1fr;
  margin-bottom:30px;
  padding-bottom:30px
}
.sidebar .widget.popular-feeds .single-popular-feed:last-child {
  border:none;
  margin-bottom:0;
  padding-bottom:0
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc h6 {
  font-size:18px;
  margin-bottom:10px
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time {
  font-size:14px
}
.sidebar .widget.popular-feeds .single-popular-feed .feed-desc .time i {
  margin-right:5px
}
.sidebar .widget.categories-widget ul li {
  margin-bottom:10px
}
.sidebar .widget.categories-widget ul li:last-child {
  margin-bottom:0
}
.sidebar .widget.categories-widget ul li a {
  background-color:#f8f8f8;
  color:#777;
  display:block;
  font-size:14px;
  height:50px;
  line-height:50px;
  padding-left:30px;
  position:relative;
  transition:all .3s ease-out 0s
}
.sidebar .widget.categories-widget ul li a span {
  background-color:#eaeaea;
  height:50px;
  line-height:50px;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  transition:all .3s ease-out 0s;
  width:50px
}
.sidebar .widget.categories-widget ul li a:hover {
  background-color:var(--color-1st);
  color:#fff
}
.sidebar .widget.categories-widget ul li a:hover span {
  background-color:#947f58
}
.sidebar .widget.popular-tag-widget ul li {
  display:inline-block;
  margin-bottom:10px;
  margin-right:5px
}
.sidebar .widget.popular-tag-widget ul li a {
  background-color:#f4f4f4;
  color:#777;
  font-size:12px;
  padding:10px 20px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .sidebar .widget.popular-tag-widget ul li a {
    padding:10px 15px
  }
}
@media (max-width:399px) {
  .sidebar .widget.popular-tag-widget ul li a {
    padding:10px 15px
  }
}
.sidebar .widget.popular-tag-widget ul li a:hover {
  background-color:var(--color-1st)
}
.booking-form {
  margin-top:-70px;
  position:relative;
  z-index:2
}
.booking-form .booking-form-inner {
  background-color:#fff;
  padding:10px 40px 40px
}
.booking-form form .nice-select,
.booking-form form input,
.booking-form form select {
  background-color:transparent;
  border:none;
  border-bottom:2px solid var(--color-1st);
  color:hsla(0,0%,47%,.5);
  font-size:14px;
  height:50px;
  line-height:50px;
  width:100%
}
.booking-form form .nice-select {
  border-color:#e9e9e9;
  padding-left:0
}
.booking-form form .nice-select:after {
  display:none
}
.booking-form form .nice-select:before {
  left:0
}
.booking-form form label {
  color:#222;
  display:block;
  font-family:var(--tertiary-font),sans-serif;
  font-weight:700;
  margin:0
}
.booking-form form .inputs-filed {
  position:relative
}
.booking-form form .inputs-filed .nice-select,
.booking-form form .inputs-filed input {
  padding:0 20px
}
.booking-form form .inputs-filed .icon {
  bottom:15px;
  color:var(--color-1st);
  font-size:14px;
  left:0;
  position:absolute
}
.booking-form form button {
  background-color:var(--color-1st);
  border:none;
  color:#fff;
  font-size:14px;
  font-weight:700;
  height:60px;
  letter-spacing:2px;
  text-transform:uppercase;
  transition:all .3s ease-out 0s;
  width:100%
}
.booking-form form button:hover {
  background-color:#111
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .booking-form form button {
    font-size:12px;
    letter-spacing:1px
  }
}
.booking-form.boxed-layout {
  margin-top:-40px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .booking-form.boxed-layout {
    margin-top:0
  }
}
@media (max-width:767px) {
  .booking-form.boxed-layout {
    margin-top:0
  }
}
.booking-form.boxed-layout form button {
  font-size:12px;
  letter-spacing:1
}
.places-boxes .place-box .place-bg-wrap {
  overflow:hidden
}
.places-boxes .place-box .place-bg-wrap .place-bg {
  background-position:50%;
  background-size:cover;
  height:190px;
  transition:all .3s ease-out 0s;
  width:100%
}
@media (max-width:575px) {
  .places-boxes .place-box .place-bg-wrap .place-bg {
    height:220px
  }
}
.places-boxes .place-box:hover .place-bg {
  transform:scale(1.1)
}
.places-boxes .place-box .desc {
  background-color:#fff;
  padding:20px;
  text-align:center
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .places-boxes .place-box .desc {
    padding:20px 15px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .places-boxes .place-box .desc {
    padding:20px 15px
  }
}
.places-boxes .place-box .desc h4 {
  font-size:24px;
  margin-bottom:10px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  .places-boxes .place-box .desc h4 {
    font-size:22px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .places-boxes .place-box .desc h4 {
    font-size:22px
  }
}
.places-boxes .place-box .desc .time {
  font-family:var(--tertiary-font),sans-serif;
  font-size:14px
}
.places-details .title-wrap .place-cat {
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  padding-bottom:5px;
  text-transform:uppercase
}
@media (max-width:575px) {
  .places-details .title-wrap .place-cat {
    font-size:12px;
    letter-spacing:0
  }
}
.places-details .title-wrap h2 {
  font-size:48px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  .places-details .title-wrap h2 {
    font-size:38px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .places-details .title-wrap h2 {
    font-size:32px
  }
}
@media (max-width:575px) {
  .places-details .title-wrap h2 {
    font-size:28px
  }
}
@media (max-width:399px) {
  .places-details .title-wrap h2 {
    font-size:24px
  }
}
.places-details .title-wrap .link a {
  background-color:#fff;
  color:#777;
  font-size:14px;
  font-weight:700;
  letter-spacing:2px;
  padding:25px 45px;
  text-transform:uppercase
}
@media (max-width:767px) {
  .places-details .title-wrap .link a {
    padding:20px 30px
  }
}
@media (max-width:575px) {
  .places-details .title-wrap .link a {
    letter-spacing:0;
    padding:15px 25px
  }
}
.places-details .title-wrap .link a:hover {
  background-color:var(--color-1st);
  color:#fff
}
.restaurant-tab-area .restaurant-rood-list .nav-link {
  background-color:#fff;
  border-radius:0;
  display:block;
  margin-bottom:30px;
  padding:35px 25px;
  text-align:center;
  transition:all .3s ease-out 0s
}
@media (max-width:575px) {
  .restaurant-tab-area .restaurant-rood-list .nav-link {
    padding:25px
  }
}
.restaurant-tab-area .restaurant-rood-list .nav-link .title {
  color:#222;
  display:block;
  font-size:12px;
  font-weight:700;
  padding-top:20px;
  text-transform:uppercase;
  transition:all .3s ease-out 0s
}
.restaurant-tab-area .restaurant-rood-list .nav-link i {
  color:var(--color-1st);
  font-size:60px;
  transition:all .3s ease-out 0s
}
@media (max-width:575px) {
  .restaurant-tab-area .restaurant-rood-list .nav-link i {
    font-size:40px
  }
}
.restaurant-tab-area .restaurant-rood-list .nav-link.active,
.restaurant-tab-area .restaurant-rood-list .nav-link:hover {
  background-color:var(--color-1st)
}
.restaurant-tab-area .restaurant-rood-list .nav-link.active .title,
.restaurant-tab-area .restaurant-rood-list .nav-link.active i,
.restaurant-tab-area .restaurant-rood-list .nav-link:hover .title,
.restaurant-tab-area .restaurant-rood-list .nav-link:hover i {
  color:#fff
}
.restaurant-tab-area .food-box {
  margin-bottom:30px
}
@media (max-width:399px) {
  .restaurant-tab-area .food-box {
    margin-left:-5px;
    margin-right:-5px
  }
}
.restaurant-tab-area .food-box .thumb {
  position:relative
}
.restaurant-tab-area .food-box .thumb img {
  width:100%
}
.restaurant-tab-area .food-box .thumb .price {
  background-color:var(--color-1st);
  color:#fff;
  font-size:18px;
  font-weight:700;
  padding:8px 15px;
  position:absolute;
  right:10px;
  top:10px
}
.restaurant-tab-area .food-box .desc {
  background-color:#fff;
  padding:30px;
  position:relative
}
@media (max-width:575px) {
  .restaurant-tab-area .food-box .desc {
    padding:15px
  }
}
.restaurant-tab-area .food-box .desc a.cat {
  color:#777;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:10px;
  text-transform:uppercase
}
@media (max-width:575px) {
  .restaurant-tab-area .food-box .desc a.cat {
    letter-spacing:1px
  }
}
@media (max-width:399px) {
  .restaurant-tab-area .food-box .desc a.cat {
    letter-spacing:0
  }
}
.restaurant-tab-area .food-box .desc h4 {
  font-size:24px
}
@media (max-width:575px) {
  .restaurant-tab-area .food-box .desc h4 {
    font-size:20px
  }
}
@media (max-width:399px) {
  .restaurant-tab-area .food-box .desc h4 {
    font-size:18px
  }
}
.restaurant-tab-area .food-box .desc .link {
  color:#d2d2d2;
  font-size:18px;
  opacity:0;
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  transition:all .3s ease-out 0s;
  visibility:hidden
}
.restaurant-tab-area .food-box:hover .desc .link {
  opacity:1;
  right:30px;
  visibility:visible
}
@media (max-width:575px) {
  .restaurant-tab-area .food-box:hover .desc .link {
    right:10px
  }
}
.menu-area.gradient-white {
  background:linear-gradient(45deg,#f8f8f8,#fff)
}
footer .footer-subscibe-area {
  background-color:#fff
}
footer .footer-subscibe-area .subscribe-text .subscribe-form {
  position:relative
}
footer .footer-subscibe-area .subscribe-text .subscribe-form input {
  background-color:#f8f8f8;
  border:none;
  color:#aeaeae;
  font-size:16px;
  height:90px;
  letter-spacing:3px;
  padding-left:50px;
  padding-right:230px;
  width:100%
}
@media only screen and (min-width:576px) and (max-width:767px) {
  footer .footer-subscibe-area .subscribe-text .subscribe-form input {
    padding-left:20px;
    padding-right:200px
  }
}
@media (max-width:575px) {
  footer .footer-subscibe-area .subscribe-text .subscribe-form input {
    height:70px;
    padding-left:20px;
    padding-right:20px
  }
}
footer .footer-subscibe-area .subscribe-text .subscribe-form button {
  background-color:var(--color-1st);
  border:none;
  bottom:15px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  position:absolute;
  right:15px;
  text-transform:uppercase;
  top:15px;
  transition:all .3s ease-out 0s;
  width:200px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  footer .footer-subscibe-area .subscribe-text .subscribe-form button {
    width:180px
  }
}
@media (max-width:575px) {
  footer .footer-subscibe-area .subscribe-text .subscribe-form button {
    height:60px;
    position:unset;
    width:100%
  }
}
footer .footer-subscibe-area .subscribe-text .subscribe-form button:hover {
  background-color:#111
}
footer .footer-widget-area {
  background-color:#222;
  position:relative;
  z-index:1
}
footer .footer-widget-area:after {
  background-image:var(--pattern-footer-dark);
  background-position:50%;
  background-repeat:repeat;
  background-size:cover;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
footer .footer-widget-area .widget,
footer .footer-widget-area .widget .widget-title,
footer .footer-widget-area .widget a,
footer .footer-widget-area .widget h6 {
  color:#fff
}
footer .footer-widget-area .widget h4.widget-title {
  font-size:24px;
  margin-bottom:40px
}
footer .footer-widget-area .widget.site-info-widget {
  color:#bababa
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  footer .footer-widget-area .widget.site-info-widget {
    font-size:14px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  footer .footer-widget-area .widget.site-info-widget {
    font-size:14px
  }
}
footer .footer-widget-area .widget.site-info-widget .social-links {
  text-align:left
}
footer .footer-widget-area .widget.site-info-widget .social-links a {
  background-color:#2e2e2e;
  color:#fff;
  height:40px;
  line-height:40px;
  margin-right:5px;
  text-align:center;
  width:40px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  footer .footer-widget-area .widget.site-info-widget .social-links a {
    font-size:14px;
    height:35px;
    line-height:35px;
    margin-right:2px;
    width:35px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  footer .footer-widget-area .widget.site-info-widget .social-links a {
    font-size:14px;
    height:35px;
    line-height:35px;
    margin-right:2px;
    width:35px
  }
}
footer .footer-widget-area .widget.site-info-widget .social-links a:hover {
  background-color:var(--color-1st)
}
footer .footer-widget-area .widget.nav-widget {
  padding-left:70px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  footer .footer-widget-area .widget.nav-widget {
    padding-left:0
  }
}
@media (max-width:767px) {
  footer .footer-widget-area .widget.nav-widget {
    padding-left:0
  }
}
footer .footer-widget-area .widget.nav-widget ul li {
  float:left;
  margin-bottom:35px;
  width:50%
}
@media (max-width:399px) {
  footer .footer-widget-area .widget.nav-widget ul li {
    margin-bottom:20px;
    width:100%
  }
}
footer .footer-widget-area .widget.nav-widget ul li a {
  font-family:var(--tertiary-font),sans-serif;
  padding-left:20px;
  position:relative
}
footer .footer-widget-area .widget.nav-widget ul li a:hover {
  color:var(--color-1st);
  padding-left:30px
}
footer .footer-widget-area .widget.nav-widget ul li a:before {
  content:"+";
  left:0;
  position:absolute;
  top:0
}
footer .footer-widget-area .widget.nav-widget ul li:last-child {
  margin-bottom:0
}
@media only screen and (min-width:768px) and (max-width:991px) {
  footer .footer-widget-area .widget.contact-widget {
    padding-left:70px
  }
}
@media only screen and (min-width:576px) and (max-width:767px) {
  footer .footer-widget-area .widget.contact-widget {
    padding-left:20px
  }
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box {
  grid-column-gap:20px;
  border-bottom:1px solid #2e2e2e;
  display:grid;
  font-size:14px;
  grid-template-columns:40px 1fr;
  grid-template-rows:1fr;
  margin-bottom:30px;
  padding-bottom:30px
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box {
    grid-column-gap:15px
  }
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box:last-child {
  border:none;
  margin-bottom:0;
  padding-bottom:0
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box h6 {
  font-size:20px;
  margin-bottom:10px
}
footer .footer-widget-area .widget.contact-widget .contact-lists .contact-box .icon {
  color:var(--color-1st);
  font-size:40px
}
footer .footer-widget-area.light-theme {
  background-image:var(--pattern-footer-light)
}
footer .footer-widget-area.light-theme:after {
  display:none
}
footer .footer-widget-area.light-theme .widget,
footer .footer-widget-area.light-theme .widget a {
  color:#777
}
footer .footer-widget-area.light-theme .widget .widget-title,
footer .footer-widget-area.light-theme .widget h6 {
  color:#222
}
footer .footer-widget-area.light-theme .widget.site-info-widget .social-links a {
  background-color:#f8f8f8;
  color:#777
}
footer .footer-widget-area.light-theme .widget.site-info-widget .social-links a:hover {
  background-color:var(--color-1st)
}
footer .footer-widget-area.light-theme .widget.contact-widget .contact-box {
  border-color:#e1e1e1
}
footer .copyright-area {
  background-color:#111;
  color:#fff
}
footer .copyright-area .social-links {
  text-align:right
}
@media (max-width:767px) {
  footer .copyright-area .social-links {
    margin-bottom:10px;
    text-align:center
  }
}
footer .copyright-area .social-links a {
  background-color:#212121;
  color:#fff;
  height:60px;
  line-height:60px;
  margin-left:10px;
  text-align:center;
  width:60px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  footer .copyright-area .social-links a {
    height:50px;
    line-height:50px;
    margin-left:5px;
    width:50px
  }
}
@media (max-width:767px) {
  footer .copyright-area .social-links a {
    height:50px;
    line-height:50px;
    margin:0 5px;
    width:50px
  }
}
@media (max-width:575px) {
  footer .copyright-area .social-links a {
    font-size:12px;
    height:40px;
    line-height:40px;
    margin:0 2px;
    width:40px
  }
}
footer .copyright-area .social-links a:hover {
  background-color:var(--color-1st)
}
footer .copyright-area .copyright-text {
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  text-transform:uppercase
}
@media (max-width:575px) {
  footer .copyright-area .copyright-text {
    letter-spacing:0
  }
}
footer .copyright-area .copyright-text a {
  color:#fff;
  text-decoration:underline
}
footer .copyright-area .copyright-text.copyright-two {
  font-family:var(--tertiary-font),sans-serif;
  font-weight:700;
  letter-spacing:0;
  text-transform:none
}
@media (max-width:767px) {
  footer .copyright-area .copyright-text {
    margin-top:10px;
    text-align:center
  }
}
footer .copyright-area .footer-menu ul li {
  display:inline-block;
  margin-right:15px;
  padding-left:15px;
  position:relative
}
@media (max-width:399px) {
  footer .copyright-area .footer-menu ul li {
    margin-right:0;
    padding-left:0
  }
}
footer .copyright-area .footer-menu ul li:before {
  background-color:#fff;
  content:"";
  height:12px;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:3px
}
@media (max-width:399px) {
  footer .copyright-area .footer-menu ul li:before {
    display:none
  }
}
footer .copyright-area .footer-menu ul li:first-child {
  margin-left:0;
  padding-left:0
}
footer .copyright-area .footer-menu ul li:first-child:before {
  display:none
}
footer .copyright-area .footer-menu ul li a {
  color:#fff;
  font-family:var(--tertiary-font),sans-serif;
  font-weight:700
}
footer .copyright-area .footer-menu ul li a:hover {
  color:var(--color-1st)
}
footer .copyright-area.light-theme {
  background-color:#f8f8f8
}
footer .copyright-area.light-theme,
footer .copyright-area.light-theme .copyright-text,
footer .copyright-area.light-theme .footer-menu ul li a,
footer .copyright-area.light-theme a {
  color:#222
}
footer .copyright-area.light-theme .footer-menu ul li:before {
  background-color:#737373
}
.back-to-top {
  background-color:var(--color-1st);
  bottom:40px;
  color:#fff;
  font-size:18px;
  height:40px;
  line-height:40px;
  opacity:0;
  position:fixed;
  right:0;
  text-align:center;
  visibility:hidden;
  width:40px;
  z-index:99
}
.back-to-top.active {
  opacity:1;
  right:40px;
  visibility:visible
}
.back-to-top:hover {
  background-color:#222
}
.footer-subscibe-area {
  background-color:#fff
}
.footer-subscibe-area .subscribe-text .subscribe-form {
  position:relative
}
.footer-subscibe-area .subscribe-text .subscribe-form input {
  background-color:#f8f8f8;
  border:none;
  color:#aeaeae;
  font-size:16px;
  height:90px;
  letter-spacing:3px;
  padding-left:50px;
  padding-right:230px;
  width:100%
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .footer-subscibe-area .subscribe-text .subscribe-form input {
    padding-left:20px;
    padding-right:200px
  }
}
@media (max-width:575px) {
  .footer-subscibe-area .subscribe-text .subscribe-form input {
    height:70px;
    padding-left:20px;
    padding-right:20px
  }
}
.footer-subscibe-area .subscribe-text .subscribe-form button {
  background-color:var(--color-1st);
  border:none;
  bottom:15px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:3px;
  position:absolute;
  right:15px;
  text-transform:uppercase;
  top:15px;
  transition:all .3s ease-out 0s;
  width:200px
}
@media only screen and (min-width:576px) and (max-width:767px) {
  .footer-subscibe-area .subscribe-text .subscribe-form button {
    width:180px
  }
}
@media (max-width:575px) {
  .footer-subscibe-area .subscribe-text .subscribe-form button {
    height:60px;
    position:unset;
    width:100%
  }
}
.footer-subscibe-area .subscribe-text .subscribe-form button:hover {
  background-color:#111
}
body.show-admin-bar {
  position:static!important
}
body.show-admin-bar header.header-absolute {
  top:75px
}
body.show-admin-bar header.header-absolute.inner-page,
body.show-admin-bar header.sticky-header.sticky-active {
  top:40px
}
body.show-admin-bar .offcanvas-wrapper {
  z-index:9999999
}
body.show-admin-bar .breadcrumb-area {
  margin-top:170px
}
body #list-photo .item .photo-item .thumb {
  box-shadow:none;
  padding:0
}
body #list-photo .item .photo-item img {
  border:none
}
body .main-btn.btn-filled.booking-button {
  background-color:transparent;
  box-shadow:none;
  color:#777;
  font-size:12px;
  line-height:20px;
  padding:7px 12px
}
body .restaurant-tab-area .food-box .desc .cat {
  color:#777;
  font-size:12px;
  font-weight:700;
  letter-spacing:2px;
  margin-bottom:10px;
  text-transform:uppercase
}
@media (max-width:575px) {
  body .restaurant-tab-area .food-box .desc .cat {
    letter-spacing:1px
  }
}
@media (max-width:399px) {
  body .restaurant-tab-area .food-box .desc .cat {
    letter-spacing:0
  }
}
body .features-loop .feature-box.dark-box,
body .features-loop .feature-box.dark-box h3 {
  color:#fff
}
body .about-section .about-features li div {
  background:#fff;
  box-shadow:0 14px 24px 0 hsla(0,0%,72%,.1);
  color:var(--color-1st);
  display:block;
  padding:55px 0 45px;
  position:relative;
  text-align:center;
  z-index:1
}
body .about-section .about-features li div,
body .about-section .about-features li div i,
body .about-section .about-features li div span {
  transition:all .3s ease-out 0s
}
body .about-section .about-features li div i {
  font-size:75px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  body .about-section .about-features li div i {
    font-size:55px
  }
}
body .about-section .about-features li div img {
  max-width:75px
}
@media only screen and (min-width:768px) and (max-width:991px) {
  body .about-section .about-features li div img {
    max-width:55px
  }
}
body .about-section .about-features li div .title {
  color:#111;
  display:block;
  font-size:12px;
  font-weight:700;
  letter-spacing:3px;
  padding-top:10px;
  text-transform:uppercase
}
@media only screen and (min-width:992px) and (max-width:1199px) {
  body .about-section .about-features li div .title {
    letter-spacing:2px
  }
}
@media only screen and (min-width:768px) and (max-width:991px) {
  body .about-section .about-features li div .title {
    letter-spacing:1px
  }
}
@media (max-width:767px) {
  body .about-section .about-features li div .title {
    letter-spacing:1px
  }
}
body .about-section .about-features li div .hover-icon {
  bottom:0;
  color:#fff;
  font-size:75px;
  opacity:0;
  position:absolute;
  right:0;
  visibility:hidden;
  z-index:-1
}
body .about-section .about-features li div:hover {
  background:var(--color-1st);
  color:#fff
}
body .about-section .about-features li div:hover .title {
  color:#fff
}
body .about-section .about-features li div:hover .hover-icon {
  opacity:.1;
  visibility:visible
}
body .about-section .about-features-boxes .single-feature-box.dark,
body .about-section .about-features-boxes .single-feature-box.dark h4 {
  color:#fff
}
body .pagination-wrap .pagination {
  border-radius:0;
  display:inline-block
}
body .pagination-wrap .pagination .page-item .page-link,
body .pagination-wrap .pagination .page-item a,
body .pagination-wrap .pagination .page-item span {
  background-color:#fff;
  border:none;
  border-radius:0;
  color:#111;
  display:inline-block;
  font-family:var(--tertiary-font),sans-serif;
  font-weight:700;
  height:50px;
  line-height:50px;
  margin:0;
  outline:none!important;
  padding:0;
  width:50px
}
body .pagination-wrap .pagination .page-item .page-link:hover,
body .pagination-wrap .pagination .page-item a:hover,
body .pagination-wrap .pagination .page-item span:hover {
  background-color:var(--color-1st);
  color:#fff
}
body .pagination-wrap .pagination .page-item.active .page-link,
body .pagination-wrap .pagination .page-item.active a,
body .pagination-wrap .pagination .page-item.active span {
  background-color:var(--color-1st);
  border:none;
  color:#fff
}
body .pagination-wrap .pagination .page-item.disabled {
  cursor:not-allowed
}
body header .nav-container .menu-items ul li.active>a,
body header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li.active>a {
  color:var(--color-1st)
}
body .half-circle-spinner,
body .half-circle-spinner * {
  box-sizing:border-box
}
body .half-circle-spinner {
  border-radius:100%;
  height:60px;
  margin:20px auto;
  position:relative;
  width:60px
}
body .half-circle-spinner .circle {
  border:6px solid transparent;
  border-radius:100%;
  content:"";
  height:100%;
  position:absolute;
  width:100%
}
body .half-circle-spinner .circle.circle-1 {
  animation:half-circle-spinner-animation 1s infinite;
  border-top-color:var(--color-1st)
}
body .half-circle-spinner .circle.circle-2 {
  animation:half-circle-spinner-animation 1s infinite alternate;
  border-bottom-color:var(--color-1st)
}
@keyframes half-circle-spinner-animation {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
.booking-form-body {
  background-color:#fff;
  padding:50px 35px 30px;
  position:relative
}
.booking-form-body p strong {
  color:#222
}
.booking-form-body .booking-inner-body {
  background-color:#f8f8f8;
  padding:50px 35px 30px;
  position:relative
}
.booking-form-body .left-line {
  padding-left:30px;
  position:relative
}
.booking-form-body .left-line:before {
  background:var(--color-1st);
  content:"";
  display:block;
  height:100%;
  left:0;
  position:absolute;
  width:2px
}
.booking-form-body .inner-title {
  color:#222
}
.booking-form-body .inner-title a {
  color:var(--color-1st);
  text-decoration:underline
}
.booking-form-body form label {
  color:inherit;
  font-size:16px;
  font-weight:500
}
.booking-form-body .booking-inner-body form .nice-select,
.booking-form-body .booking-inner-body form input {
  background-color:#fff
}
.booking-form-body form input::-moz-placeholder {
  font-size:14px
}
.booking-form-body form input::placeholder {
  font-size:14px
}
.booking-form-body form .group-fix {
  flex-wrap:unset
}
.booking-form-body form .input-group-text {
  background:transparent;
  border:none;
  padding:0 20px
}
.booking-form-body form .input-group-prepend .input-group-text {
  padding-left:0
}
.booking-form-body form .input-group-append .input-group-text {
  padding-right:0
}
.bookingtable .table td,
.bookingtable .table th {
  color:#777;
  font-size:14px;
  font-weight:500;
  padding:15px
}
.bookingtable .table td strong,
.bookingtable .table th strong {
  color:#222
}
.bookingtable .table thead td,
.bookingtable .table thead th {
  border-bottom-width:1px
}
.bookingtable .table thead th a {
  display:flex;
  margin-bottom:10px
}
.bookingtable .table thead th a:before {
  align-items:center;
  border:1px solid var(--color-1st);
  content:"\f068";
  display:flex;
  font-family:Font Awesome\ 5 Pro;
  font-size:14px;
  height:20px;
  justify-content:center;
  line-height:normal;
  margin-right:10px;
  width:20px
}
.bookingtable .table thead th a.collapsed:before {
  content:"\f067"
}
.custom-checkbox label {
  align-items:center;
  cursor:pointer;
  display:flex;
  justify-content:flex-start;
  padding-left:25px;
  position:relative
}
.custom-checkbox input {
  height:auto;
  left:-99999px;
  position:absolute;
  width:auto
}
.custom-checkbox label span {
  border:1px solid var(--color-1st);
  display:block;
  height:15px;
  left:0;
  position:absolute;
  width:15px
}
.custom-checkbox label input:checked~span:before {
  color:var(--color-1st);
  content:"\f00c";
  font-family:Font Awesome\ 5 Pro;
  font-size:12px;
  left:1px;
  line-height:normal;
  position:absolute
}
.booking-conformation-box,
.search-box .search-item {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-bottom:20px
}
.booking-conformation-box {
  margin-bottom:45px
}
.booking-conformation-box .booking-conformation-text span,
.search-box .search-item .search-item-text span {
  display:block
}
.success-btn {
  background-color:#72b772;
  border-color:#72b772;
  color:#fff
}
.success-btn:focus,
.success-btn:hover {
  background-color:var(--color-1st);
  border-color:var(--color-1st)
}
.search-box .total-price {
  color:#222;
  display:block;
  margin-bottom:20px
}
.room-gird-loop .room-box .room-desc .nice-select {
  background:#f8f8f8;
  float:none;
  margin-top:20px
}
.room-gird-loop .room-box .room-desc .actions {
  align-items:center;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  justify-content:center
}
.room-gird-loop .room-box .room-desc .actions .confirm-btn,
.room-gird-loop .room-box .room-desc .item-boxs {
  display:none
}
.room-gird-loop .room-box .room-desc .item-boxs .item-boxs-item {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-bottom:20px
}
.main-btn.btn-filled.button-loading {
  background-color:var(--color-1st)!important
}
.room-details .deatils-box .title-wrap {
  position:relative;
  z-index:2
}
@media (max-width:575px) {
  .room-details .deatils-box .title-wrap {
    display:block;
    margin-right:0;
    padding:20px;
    width:100%
  }
  .room-details .deatils-box .thumb {
    margin-top:0
  }
  .booking-form-body .booking-inner-body {
    padding:20px
  }
  .booking-form-body {
    padding:30px 20px
  }
  .booking-form-body form .group-fix {
    display:block
  }
  .booking-form-body form .input-group-append .input-group-text {
    margin-top:5px;
    padding-left:0
  }
  .booking-form-body form .input-group-prepend .input-group-text {
    margin-bottom:5px;
    padding-right:0
  }
  .booking-conformation-box {
    display:block
  }
  .booking-conformation-box .booking-conformation-button button {
    margin-top:10px
  }
  .main-btn {
    font-size:13px;
    letter-spacing:1px
  }
  .room-gird-loop .room-box .room-desc .item-boxs .item-boxs-item {
    display:block
  }
  .room-gird-loop .room-box .room-desc .item-boxs .item-boxs-item .item-remove {
    margin-top:5px
  }
}
.room-gird-loop .room-box .room-desc .actions button {
  align-items:center;
  justify-content:center;
  margin:0;
  text-align:center;
  width:100%
}
.room-gird-loop .room-box .room-desc .actions button+button {
  margin-top:10px
}
.offcanvas-wrapper .offcanvas-widget .widget.nav-widget ul li.active a {
  color:var(--color-1st);
  padding-left:10px
}
header .nav-container .header-info .item a {
  word-break:break-all
}
@media (max-width:767px) {
  header.header-two .nav-pushed-item .header-info .item i {
    background:#111;
    color:#fff
  }
  .show-admin-bar header .nav-container.breakpoint-on .nav-menu.menu-on {
    top:40px
  }
  header .nav-container .header-info .item .title {
    font-size:18px
  }
}
header .nav-container .site-logo img {
  max-height:100px;
  max-width:250px
}
#alert-container {
  position:fixed;
  right:5px;
  top:150px;
  z-index:9999999
}
#alert-container .alert {
  box-shadow:0 4px 10px 0 rgba(3,3,3,.1);
  font-size:14px;
  font-weight:400;
  margin-bottom:10px;
  max-width:450px!important;
  min-height:45px!important;
  padding:15px 40px 15px 60px;
  position:relative
}
#alert-container .alert.alert-success {
  background-color:#bff9d0;
  color:#299c77
}
#alert-container .alert .message-icon {
  fill:#299c77;
  stroke:#299c77;
  font-size:20px;
  left:5%;
  position:absolute;
  top:30%
}
#alert-container .alert.alert-dismissible .close {
  font-size:12px;
  padding:.75rem;
  position:absolute
}
body.show-admin-bar #alert-container {
  top:190px
}
.room-gallery-cta,
.room-slider {
  overflow:hidden
}
footer .copyright-area .footer-menu .language-wrapper,
footer .copyright-area .footer-menu ul {
  display:inline-block;
  font-size:14px
}
footer .copyright-area .footer-menu .language-wrapper .dropdown-menu li {
  padding-left:0
}
.language-wrapper .dropdown {
  height:100%
}
.language-wrapper .dropdown.open .language_bar_chooser.dropdown-menu {
  display:block
}
.language-wrapper .dropdown .btn {
  background:none!important;
  border:none!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  font-size:inherit;
  height:100%;
  margin-bottom:0;
  outline:none!important;
  padding:7px 15px;
  transition:all .4s ease
}
.language-wrapper .dropdown .dropdown-menu {
  -webkit-background-clip:padding-box;
  background-clip:padding-box;
  background-color:#fff;
  border:1px solid rgba(0,0,0,.15);
  border-radius:4px;
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  display:none;
  float:left;
  font-size:14px;
  line-height:58px;
  list-style:none;
  margin:0;
  min-width:160px;
  padding:0;
  position:absolute;
  right:0;
  text-align:left;
  top:100%;
  width:160px;
  z-index:1000
}
.language-wrapper .dropdown .dropdown-menu li img {
  margin:0 10px
}
.language-wrapper .dropdown .dropdown-menu li span {
  color:#222
}
.language-wrapper .dropdown .dropdown-menu li.active a span {
  color:#fff
}
.language-wrapper .dropdown .language_bar_chooser {
  display:block;
  float:right;
  line-height:58px;
  text-align:center;
  width:160px
}
.language-wrapper .dropdown .language_bar_chooser li {
  display:inline-block;
  float:left;
  margin-left:5px
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu {
  border-radius:0!important;
  display:none
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li {
  display:block;
  margin:0;
  width:100%
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li:hover {
  background:#ddd
}
.language-wrapper .dropdown .language_bar_chooser.dropdown-menu li a {
  align-items:center;
  display:flex;
  justify-content:flex-start;
  margin-right:0!important;
  text-align:left;
  width:100%
}
.language-wrapper .language_bar_list li {
  display:inline-block;
  margin-left:5px;
  min-width:90px
}
.language-wrapper .language_bar_list li a {
  align-items:center;
  display:flex;
  justify-content:center;
  width:100%
}
.language-wrapper .language_bar_list li a img {
  margin-right:10px;
  width:20px
}
.language-wrapper .language_bar_list li a span {
  color:#222
}
body[dir=rtl] .language-wrapper .language_bar_list li a img {
  margin-left:10px;
  margin-right:0
}
body[dir=rtl] .language-wrapper .language_bar_chooser.dropdown-menu li a {
  text-align:right
}
.language-wrapper .dropdown-toggle:after {
  display:none
}
.language-wrapper .btn-select-language {
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:14px;
  font-weight:700;
  height:auto;
  padding:0
}
.language-wrapper .btn-select-language img {
  height:13px;
  margin-right:4px;
  margin-top:3px;
  vertical-align:top
}
.language-wrapper .language_bar_list {
  vertical-align:middle
}
.language-wrapper .language_bar_list li a span {
  color:#fff
}
.language-wrapper .language_bar_list li a img {
  margin-top:4px
}
.language-wrapper .language_bar_list li a:hover span {
  color:var(--color-1st)
}
.language-wrapper .dropdown-menu.language_bar_chooser {
  background-clip:padding-box;
  background-color:#fff;
  border:1px solid rgba(0,0,0,.15);
  color:#fff!important;
  display:none;
  font-size:14px;
  line-height:1;
  list-style:none;
  margin:.125rem 0 0;
  min-width:10rem;
  padding:0;
  text-align:left;
  z-index:1000
}
.language-wrapper .dropdown-menu li img {
  margin:0 10px
}
.language-wrapper .dropdown-menu li a {
  padding:10px 0
}
.language-wrapper.choose-currency {
  margin-left:15px
}
.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser {
  min-width:0;
  width:auto
}
.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser li {
  padding:0
}
.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser li:before {
  display:none
}
.language-wrapper.choose-currency .dropdown .dropdown-menu.language_bar_chooser li a {
  padding:10px 0;
  text-align:center
}
.booking-form form button {
  padding:0 10px
}
.preloader {
  z-index:9999999
}
.room-type-section .room-filter {
  list-style:none
}
.room-details-slider-nav {
  margin-top:12px
}
.room-details-slider-nav img {
  margin-right:12px;
  width:115px!important
}
.room-details-slider-nav img:last-child {
  margin:0
}
.lg-backdrop {
  z-index:10001
}
.lg-outer {
  z-index:10002
}
body[dir=ltr] .lg-outer {
  direction:ltr
}
.order-detail-box button.toggle-coupon-form {
  background:transparent;
  border:none;
  color:var(--color-1st);
  transition:color .2s ease
}
.order-detail-box button.toggle-coupon-form:hover {
  text-decoration:underline
}
.order-detail-box button.remove-coupon-code {
  color:#fff
}
.order-detail-box button.remove-coupon-code i {
  margin-inline-start:0!important
}
.order-detail-box input.form-control {
  outline:none!important;
  padding-left:10px
}
.order-detail-box .btn {
  background-color:var(--color-1st);
  border-color:var(--color-1st)
}
.datagrid {
  --bb-datagrid-padding:1.5rem;
  --bb-datagrid-item-width:15rem;
  grid-gap:var(--bb-datagrid-padding);
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(var(--bb-datagrid-item-width),1fr))
}
.datagrid-title {
  color:var(--bb-secondary);
  font-size:.625rem;
  font-weight:var(--bb-font-weight-bold);
  letter-spacing:.04em;
  line-height:1rem;
  margin-bottom:.25rem;
  text-transform:uppercase
}
.text-danger-fg,
.text-info-fg,
.text-success-fg,
.text-warning-fg {
  color:#fff
}
.booking-form-body h4 {
  margin-bottom:20px
}
.auth-card form .auth-input-icon {
  top:0
}