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

--------------------------
    CSS INDEX
--------------------------

    01. Common css 
    02. Header css
    03. Elements css
    04. Sliders css
    05. Hero css
    06. Amenities css
    07. Features css
    08. Location css
    09. Directions css
    10. About Us css
    11. Gallery css
    12. Rates css
    13. Contact css
    14. Footer css
    15. Wrapper css

-----------------------------------------------------------------------------------*/
.firewood-content .firewood-button.filled-btn i, .firewood-content .firewood-button i, .ice-content .ice-button.filled-btn i, .ice-content .ice-button i, .directions-nav-tab .nav-tabs li a, .single-amenity-item .content .icon-btn, .check-list li, .single-rates-item:hover .content h3.title, .nav-right-item .lang-dropdown .nice-select ul.list, .header-navigation .main-menu ul > li .sub-menu li a, .btn-link, .main-btn.filled-btn:hover i, .main-btn.filled-btn, .main-btn i, h6, h5, h4, h3, h2, h1 {
  color: #2f272a;
}

.firewood-content a:hover, .ice-content a:hover, .privacy-content a:hover, .footer-copyright .footer-nav ul li a:hover, .yellow-highlight, .service-nav-widget .footer-content .footer-widget-nav li a:hover, .footer-top .social-box ul li.social-link a, .dark-bg .single-info-item .info p:hover a, .faq-section a:hover, .directions-content-box a:hover, .directions-content-box .icon i, .directions-section .section-title a:hover, .check-list li i, .single-features-list .icon-inner .icon, .single-info-item-two .info h5:hover a, .single-info-item-two .icon, .single-counter-item-two .icon, .single-counter-item .icon, .counter-item h2.number, .fancy-icon-box-four .icon i, .fancy-icon-box-three .icon, .fancy-icon-box-two .icon, .rates-section a:hover, .about-us-section .about-us-content a:hover, .navigation-light.header-navigation .main-menu ul > li .search-btn:hover, .navigation-light.header-navigation .main-menu ul > li:hover > a, .nav-right-item .search-btn:hover, .header-navigation.breakpoint-on .nav-search .search-btn, .header-navigation .main-menu ul > li:hover > a, .header-navigation .main-menu ul > li .sub-menu li:hover > a, .header-navigation .main-menu ul > li .sub-menu li a:hover, .header-navigation .main-menu ul > li.search-item .search-btn:hover, .not-found a h4:hover, .not-found a h4:focus, .btn-link:hover, .sub-title {
  color: #f6b233;
}

.dark-bg .sub-title, .orange-highlight, .footer-newsletter-widget .footer-content form label, .directions-nav-tab .nav-tabs li a:hover, .single-features-list .icon-inner .icon-check i, .single-rates-item .content .icon-btn, .rates-section .card-list .card-item i, .not-found h5 {
  color: #cf5533;
}

.firewood-content h2, .firewood-header h5, .firewood-header h4, .firewood-header h3, .firewood-header h2, .firewood-header h1, .ice-content h2, .ice-header h5, .ice-header h4, .ice-header h3, .ice-header h2, .ice-header h1, .privacy-header h1, .blue-highlight {
  color: #33adcf;
}

.header-navigation .main-menu ul > li > a {
  color: #081138;
}

.firewood-content .firewood-button.primary-btn:hover, .firewood-content .firewood-button.primary-btn, .ice-content .ice-button.primary-btn:hover, .ice-content .ice-button.primary-btn, .faq-section .accordion__item .accordion__button[aria-expanded=true], .faq-section .accordion__item .accordion__button[aria-selected=true], .faq-section .accordion__item .accordion__button, .main-btn.primary-btn:hover, .main-btn.primary-btn {
  color: #2f272a;
}

.firewood-content .firewood-button.filled-btn.filled-white, .firewood-content .firewood-button.filled-btn, .firewood-content .firewood-button.secondary-btn, .firewood-content h3, .firewood-content, .ice-content .ice-button.filled-btn.filled-white, .ice-content .ice-button.filled-btn, .ice-content .ice-button.secondary-btn, .ice-content h3, .ice-content, .privacy-content h3, .privacy-content, .hero-slider-one .slick-arrow:hover, .hero-slider-one .fa-arrow-right, .hero-slider-one .fa-arrow-left, .footer-top .social-box ul li.social-link a:hover, .footer-top .social-box ul li.social-link, .footer-top .social-box ul li.socials, .dark-bg .single-cta-item .content h3.title, .dark-bg .single-info-item .info span.title, .dark-bg .footer-top .social-box ul li.social-link a:hover, .dark-bg .footer-widget h4.widget-title, .single-gallery-item .gallery-img .icon-btn, .directions-content-box ul.check-list li, .directions-nav-tab .nav-tabs li a.active, .single-amenity-item:hover .content .icon-btn, .ribbon, .single-features-item-three:hover .content h6, .single-features-item-two .content h3.title, .single-features-item .img-holder .text .icon-btn, .single-info-item .icon, .single-counter-item:hover .icon, .fancy-icon-box-three:hover .text .btn-link, .fancy-icon-box-three:hover .text h5.title, .fancy-icon-box-two:hover .icon, .fancy-icon-box:hover .icon, .single-rates-item .content h3.title, .single-rates-item:hover .content .icon-btn, .navigation-light.header-navigation .nav-right-item .lang-dropdown .nice-select, .navigation-light.header-navigation .main-menu ul > li .search-btn, .navigation-light.header-navigation .main-menu ul > li > a, a.brand-logo, .nav-right-item .search-btn, .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger, .not-found a h4, .back-to-top:hover, .back-to-top:focus, .main-btn.filled-btn.filled-white, .main-btn.filled-btn:hover, .main-btn.filled-btn i, .main-btn.secondary-btn, .text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .rates-box ul.rates-link li a:hover {
  color: #fff3e1;
}

.firewood-content .firewood-button.filled-btn.filled-white:hover, .firewood-content .firewood-button.secondary-btn:hover, .firewood-content .firewood-button.primary-btn, .ice-content .ice-button.filled-btn.filled-white:hover, .ice-content .ice-button.secondary-btn:hover, .ice-content .ice-button.primary-btn, .fun-wrapper, ul.slick-dots li button::before, .footer-top .social-box ul li.social-link a:hover, .dark-bg .footer-top .social-box ul li.social-link a:hover, .faq-section .accordion__item .accordion__button, .single-features-item-three:hover .content, .single-features-item .img-holder .text .icon-btn, .single-features-item .img-holder .text h4.title:before, .single-info-item .icon, .single-counter-item:hover .icon, .fancy-icon-box-three:hover, .fancy-icon-box-two:hover .icon, .fancy-icon-box:hover .icon, .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger, .main-btn.filled-btn.filled-white:hover, .main-btn.filled-btn:hover, .main-btn.filled-btn i, .main-btn.secondary-btn:hover, .main-btn.primary-btn, .rates-box ul.rates-link li a:hover {
  background-color: #f6b233;
}

.firewood-content .firewood-button.secondary-btn, .firewood-content .firewood-button.primary-btn:hover, .ice-content .ice-button.secondary-btn, .ice-content .ice-button.primary-btn:hover, .hero-slider-one .slick-arrow:hover, .faq-section .accordion__item .accordion__button[aria-expanded=true], .faq-section .accordion__item .accordion__button[aria-selected=true], .faq-section .accordion__item .accordion__button:hover, .single-gallery-item .gallery-img .icon-btn, .directions-nav-tab .nav-tabs li a.active, .single-amenity-item:hover .content .icon-btn, .ribbon, .single-rates-item:hover .content .icon-btn, .back-to-top:hover, .back-to-top:focus, .main-btn.secondary-btn, .main-btn.primary-btn:hover {
  background-color: #cf5533;
}

.about-us-section {
  background-color: #33adcf;
}

.header-one .header-navigation.sticky, .not-found, .preloader, .dark-bg {
  background-color: #081138;
}

.firewood-content .firewood-button.filled-btn i, .firewood-content .firewood-button i, .ice-content .ice-button.filled-btn i, .ice-content .ice-button i, .skill-wrapper, .footer-newsletter-widget .footer-content form .form_control, .directions-nav-tab, .single-amenity-item .content .icon-btn, .single-amenity-item, .video-popup, .single-features-list .icon-inner .icon, .single-features-item-three .content, .single-features-item .img-holder .content, .single-counter-item-two .icon, .single-counter-item, .fancy-icon-box-three .icon, .fancy-icon-box-two, .fancy-icon-box .icon, .single-rates-item .content .icon-btn, .single-rates-item:hover, .rates-section .card-list .card-item, .about-us-section .about-us-content, .navigation-light.header-navigation .navbar-toggler span, .header-navigation.breakpoint-on .nav-menu, .header-navigation .main-menu ul > li .sub-menu, .main-btn.filled-btn:hover i, .main-btn i, .light-bg {
  background-color: #fff3e1;
}

.firewood-content .firewood-button.filled-btn, .ice-content .ice-button.filled-btn {
  background-color: #2f272a;
}

.directions-nav-tab .nav-tabs li a, .fancy-icon-box-three, .fancy-icon-box-two .icon, .fancy-icon-box, .gray-bg {
  background-color: #f9f9f7;
}

h1 {
  font-size: 85px;
  font-weight: 700;
  line-height: 1.12;
}

h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}

h3 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}

h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.37;
}

h5 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}

h6 {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.firewood-content .firewood-button i, .ice-content .ice-button i, .hero-slider-one .slick-arrow, .footer-top .social-box ul li.social-link a, .single-gallery-item .gallery-img .icon-btn, .single-gallery-item .gallery-img .hover-overlay, .single-amenity-item .content .icon-btn, .video-popup, .single-features-list .icon-inner .icon, .single-features-item .img-holder .text .icon-btn, .single-info-item-two .icon, .single-info-item .icon, .single-counter-item-two .icon, .single-counter-item .icon, .fancy-icon-box-three .icon, .fancy-icon-box-two .icon, .fancy-icon-box .icon, .single-rates-item .content .icon-btn, .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger, .preloader, .main-btn i, .rates-box ul.rates-link li a {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*---========================
        01. Default css 
=======================----*/
/* Base CSS */
html {
  font-size: 100%;
  height: 100%;
}

#__next {
  height: 100%;
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none;
}

i,
span,
a {
  display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  font-family: "Afacad", sans-serif;
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  h2 {
    font-size: 42px;
  }
}
@media (max-width: 1199px) {
  h2 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 24px;
  }
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

p {
  margin: 0;
}

input, textarea {
  display: inherit;
}

label {
  margin-bottom: 0;
}

iframe {
  width: 100%;
  border: none;
  display: inherit;
}

img {
  max-width: 100%;
}

body {
  font-style: normal;
  font-weight: 500;
  color: #2f272a;
  font-family: "Afacad", sans-serif;
  font-size: 20px;
  line-height: 29.6px;
  overflow-x: hidden;
  letter-spacing: 0.05em;
  height: 100%;
}

/*====== Extra CSS ======*/
.container-fluid {
  padding-left: 70px;
  padding-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1199px) {
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.mtm-150 {
  margin-top: -150px;
}

.mbm-150 {
  margin-bottom: -150px;
}

@media only screen and (min-width: 1200px) {
  .plr-5p {
    padding-left: 5%;
    padding-right: 5%;
  }
  /* Margin Left */
  .ml-lg-20 {
    margin-left: 20px;
  }
  .ml-lg-40 {
    margin-left: 40px;
  }
  .ml-lg-45 {
    margin-left: 45px;
  }
  .ml-lg-55 {
    margin-left: 55px;
  }
  .ml-lg-60 {
    margin-left: 60px;
  }
  .ml-lg-70 {
    margin-left: 70px;
  }
  .ml-minus-lg-60 {
    margin-left: -60px;
  }
  /* Margin Right */
  .mr-lg-20 {
    margin-right: 20px;
  }
  .mr-lg-40 {
    margin-right: 40px;
  }
  .mr-lg-50 {
    margin-right: 50px;
  }
  .mr-lg-70 {
    margin-right: 70px;
  }
  .mr-lg-100 {
    margin-right: 100px;
  }
  /* Padding Left */
  .pl-lg-20 {
    padding-left: 20px;
  }
  .pl-lg-30 {
    padding-left: 30px;
  }
  .pl-lg-40 {
    padding-left: 40px;
  }
  .pl-lg-45 {
    padding-left: 45px;
  }
  .pl-lg-50 {
    padding-left: 50px;
  }
  .pl-lg-55 {
    padding-left: 55px;
  }
  .pl-lg-60 {
    padding-left: 60px;
  }
  .pl-lg-70 {
    padding-left: 70px;
  }
  .pl-lg-80 {
    padding-left: 80px;
  }
  .pl-lg-100 {
    padding-left: 100px;
  }
  /* Padding Right */
  .pr-lg-30 {
    padding-right: 30px;
  }
  .pr-lg-40 {
    padding-right: 40px;
  }
  .pr-lg-50 {
    padding-right: 50px;
  }
  .pr-lg-60 {
    padding-right: 60px;
  }
  .pr-lg-70 {
    padding-right: 70px;
  }
}
ul li.socials {
  display: inline-block;
}
@media (max-width: 767px) {
  ul li.socials {
    display: block;
  }
}
ul li.social-link {
  display: inline-block;
}

.rates-box ul.rates-link li {
  margin-left: 5px;
  display: inline-block;
}
.rates-box ul.rates-link li a {
  width: 60px;
  height: 60px;
  font-size: 30px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
}
.rates-box ul.rates-link li a img.square {
  height: 40px;
  width: 40px;
}

.bg_cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.slick-slide {
  outline: 0;
}

.form_group {
  position: relative;
}

.form_control {
  width: 100%;
  border: none;
}

textarea.form_control {
  padding-top: 15px;
  display: inherit;
}

.p-r {
  position: relative;
}

.z-1 {
  z-index: 1;
}

.z--1 {
  z-index: -1;
}

.z-2 {
  z-index: 2;
}

.sub-title {
  font-size: 24px;
  font-weight: 500;
  line-height: 19px;
  padding: 15px 20px;
  background: rgba(99, 171, 69, 0.1);
  border-radius: 7px;
}

.section-title span.sub-title {
  margin-bottom: 13px;
}

.text-right {
  text-align: right;
}

/*===== All Bg =====*/
/*===== All Button Style =====*/
button {
  border: none;
}

.main-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 3px 3px 40px;
  font: 600 20px "Afacad", sans-serif;
  text-transform: capitalize;
  border-radius: 28px;
  line-height: 20px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.main-btn i {
  flex: 0 0 auto;
  margin-left: 20px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
}
.main-btn.filled-btn {
  padding: 2px 3px 2px 40px;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.main-btn.filled-btn.filled-white {
  border-color: #fff;
}
.main-btn.filled-btn.filled-white:hover {
  border-color: transparent;
}

.btn-link {
  text-transform: capitalize;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  text-decoration: underline;
}
.btn-link i {
  margin-left: 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.btn-link:hover i {
  margin-left: 10px;
}

/*====== Custom Animation =======*/
@-webkit-keyframes shake {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(7px);
  }
  100% {
    transform: translateX(0px);
  }
}
@keyframes shake {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(7px);
  }
  100% {
    transform: translateX(0px);
  }
}
.animate-float-x {
  animation-name: float-x;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.animate-float-y {
  animation-name: float-y;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-webkit-keyframes float-y {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@keyframes float-y {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-20px);
  }
}
@-webkit-keyframes float-x {
  0% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@keyframes float-x {
  0% {
    transform: translateX(-20px);
  }
  50% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(-20px);
  }
}
@-webkit-keyframes wave {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100px);
  }
}
@keyframes wave {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(100px);
  }
}
/*====== Search Modal ======*/
.search-modal {
  background-color: rgba(13, 18, 23, 0.95);
}
.search-modal .modal-content {
  padding: 15px 30px;
  background-color: transparent;
  border: none;
}
.search-modal .modal-content label {
  position: absolute;
  top: 15px;
  right: 0;
  color: #fff;
}
.search-modal .modal-content .form_control {
  padding: 15px 30px 15px 0;
  background-color: transparent;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.search-modal .modal-content .form_control::placeholder {
  color: #fff;
}
.search-modal .modal-content .form_control:focus {
  background-color: transparent;
}

.modal-open {
  overflow: auto !important;
  padding-right: 0 !important;
  overflow-x: hidden !important;
}
.modal-open .modal.show {
  padding-right: 0 !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}

/*===== Nice Select =====*/
.nice-select {
  padding: 0 10px;
  border: none;
  border-radius: 0px;
  font-size: 20px;
}
.nice-select:after {
  position: absolute;
  right: 0;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}
.nice-select ul.list {
  border-radius: 0;
}
.nice-select .option {
  padding: 0 10px;
}

/*====== Start Preloader css ======*/
.preloader {
  bottom: 0;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 99999;
}
.preloader .loader {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.preloader .pre-box {
  width: 50px;
  height: 50px;
  background: #33adcf;
  animation: loaderAnimate 0.5s linear infinite;
  border-radius: 3px;
}
.preloader .pre-shadow {
  width: 50px;
  height: 5px;
  background: #fff3e1;
  opacity: 0.1;
  position: absolute;
  top: 59px;
  left: 0;
  border-radius: 50%;
  animation: loaderShadow 0.5s linear infinite;
}

@-webkit-keyframes loaderAnimate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@keyframes loaderAnimate {
  17% {
    border-bottom-right-radius: 3px;
  }
  25% {
    transform: translateY(9px) rotate(22.5deg);
  }
  50% {
    transform: translateY(18px) scale(1, 0.9) rotate(45deg);
    border-bottom-right-radius: 40px;
  }
  75% {
    transform: translateY(9px) rotate(67.5deg);
  }
  100% {
    transform: translateY(0) rotate(90deg);
  }
}
@-webkit-keyframes loaderShadow {
  50% {
    transform: scale(1.2, 1);
  }
}
@keyframes loaderShadow {
  50% {
    transform: scale(1.2, 1);
  }
}
/*====== Start Back to top css ======*/
.back-to-top {
  background-color: #f6b233;
  border-radius: 50%;
  bottom: 30px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  right: 30px;
  text-align: center;
  text-decoration: none;
  transition: 0.3s;
  z-index: 337;
}
/*====== Error pages ======*/
.not-found {
  padding: 30px 20px 50px 20px;
  text-align: center;
}
.not-found h5 {
  margin-bottom: 40px;
}
.not-found img {
  margin-top: 40px;
  max-width: 50%;
}

/*====================
    End COMMON css 
======================*/
/*---==================
    Header css
=================----*/
/* Transparent Header  */
.transparent-header {
  position: absolute;
  background-color: transparent;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
@media (max-width: 991px) {
  .transparent-header {
    top: 0;
  }
}

/* Header Navigation */
.header-navigation .nav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  visibility: hidden;
  opacity: 0;
  z-index: 2;
}
.header-navigation .nav-overlay.active {
  visibility: visible;
  opacity: 1;
}
.header-navigation .primary-menu {
  display: flex;
  align-items: center;
}
.header-navigation .main-menu ul > li {
  display: inline-block;
  position: relative;
  margin-left: 17px;
  margin-right: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-navigation .main-menu ul > li {
    margin-left: 14px;
    margin-right: 14px;
  }
}
.header-navigation .main-menu ul > li.search-item .search-btn {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-navigation .main-menu ul > li > a {
  position: relative;
  display: block;
  font: 500 18px "Afacad", sans-serif;
  padding: 34px 0 37px;
  text-transform: capitalize;
  line-height: 1;
}
.header-navigation .main-menu ul > li > a span.dd-trigger {
  margin-left: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-navigation .main-menu ul > li > a {
    font-size: 20px;
  }
}
.header-navigation .main-menu ul > li .sub-menu {
  position: absolute;
  left: 0;
  top: 120%;
  width: 250px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  z-index: 99;
  padding: 15px 0;
  height: auto;
  text-align: left;
  border-radius: 5px;
  box-shadow: 0 30px 70px 0 rgba(137, 139, 142, 0.15);
}
.header-navigation .main-menu ul > li .sub-menu li {
  display: block;
  margin: 0 20px 10px;
  border-bottom: 1px solid #ececec;
}
.header-navigation .main-menu ul > li .sub-menu li a {
  display: flex;
  align-items: center;
  padding: 0 5px 10px;
  position: relative;
  line-height: 1.5;
  margin: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger {
  float: right;
}
.header-navigation .main-menu ul > li .sub-menu li:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.header-navigation .main-menu ul > li .sub-menu li:last-child a {
  padding-bottom: 0;
}
.header-navigation .main-menu ul > li .sub-menu li .sub-menu {
  left: 100%;
  top: 50%;
}
.header-navigation .main-menu ul > li .sub-menu li:hover .sub-menu {
  top: 0;
}
.header-navigation .main-menu ul > li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-navigation.breakpoint-on .nav-search .form_control {
  border: 1px solid #e1e1e1;
  padding: 15px 20px;
}
.header-navigation.breakpoint-on .nav-search .search-btn {
  position: absolute;
  top: 17px;
  right: 20px;
  background-color: transparent;
}
.header-navigation.breakpoint-on .nav-menu {
  text-align: left;
  position: fixed;
  top: 0;
  left: -290px;
  width: 290px;
  height: 100%;
  transition-duration: 500ms;
  padding: 40px 20px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  z-index: 9999;
}
.header-navigation.breakpoint-on .nav-menu.menu-on {
  left: 0;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li {
  display: block;
  margin: 0;
  border-bottom: 1px solid #ececec;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li.search-item {
  display: none;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li a {
  display: block;
  padding: 15px 0;
  color: #000;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: none;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu > li > a {
  padding: 10px 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger {
  position: absolute;
  right: 0;
  top: 10px;
  height: 25px;
  width: 25px;
  border-radius: 3px;
  z-index: 2;
  cursor: pointer;
  font-size: 20px;
}
.header-navigation.breakpoint-on .nav-menu .main-menu.menu-on {
  left: 0;
}
.header-navigation.breakpoint-on .navbar-toggler {
  display: block;
}
.header-navigation .navbar-toggler {
  padding: 10px 7px;
  border: 1px solid rgba(0, 0, 0, 0.7);
  background-color: transparent;
  cursor: pointer;
  display: none;
  border-radius: 5px;
}
@media (max-width: 1199px) {
  .header-navigation .navbar-toggler {
    margin-left: 30px;
  }
}
@media (max-width: 575px) {
  .header-navigation .navbar-toggler {
    margin-left: 15px;
  }
}
.header-navigation .navbar-toggler span {
  position: relative;
  border-radius: 3px;
  display: block;
  height: 2px;
  padding: 0;
  width: 30px;
  cursor: pointer;
  display: block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  background-color: rgba(0, 0, 0, 0.7);
}
.header-navigation .navbar-toggler span:not(:first-child) {
  margin-top: 5px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(1) {
  transform: rotate3d(0, 0, 1, 45deg);
  top: 7px;
}
.header-navigation .navbar-toggler.active span:nth-of-type(2) {
  opacity: 0;
}
.header-navigation .navbar-toggler.active span:nth-of-type(3) {
  transform: rotate3d(0, 0, 1, -45deg);
  top: -7px;
}

.nav-right-item {
  display: flex;
  align-items: center;
}
.nav-right-item .lang-dropdown {
  padding: 0 30px;
}
@media (max-width: 1199px) {
  .nav-right-item .lang-dropdown {
    padding-right: 0;
  }
}
.nav-right-item .lang-dropdown .nice-select {
  background-color: transparent;
  font: 500 20px "Afacad", sans-serif;
  padding-right: 20px;
}
.nav-right-item .lang-dropdown .nice-select:after {
  top: 4px;
}
@media (max-width: 1199px) {
  .nav-right-item .lang-dropdown .nice-select {
    font-size: 20px;
  }
}
.nav-right-item .search-btn {
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 1199px) {
  .nav-right-item .search-btn {
    display: none;
  }
}
@media (max-width: 1199px) {
  .header-top-bar {
    display: none;
  }
}
.header-top-bar .site-branding {
  max-width: 200px;
}
.header-top-bar .single-info-item-two {
  justify-content: flex-end;
}
@media (max-width: 1199px) {
  .header-top-bar .single-info-item-two {
    justify-content: center;
  }
}

a.brand-logo {
  font: 30px "The Bold Font", sans-serif;
}
@media (max-width: 575px) {
  a.brand-logo {
    font: 25px "The Bold Font", sans-serif;
  }
  a.brand-logo img {
    vertical-align: unset;
  }
  a.brand-logo .brand-name {
    width: 200px;
  }
}
a.brand-logo:hover {
  color: #f6b233;
}

.header-one.transparent-header {
  top: 11px;
}
@media (max-width: 1199px) {
  .header-one.transparent-header {
    top: 0;
  }
}
.header-one .container-fluid {
  padding-left: 170px;
  padding-right: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .header-one .container-fluid {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 1199px) {
  .header-one .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.header-one .header-navigation .primary-menu {
  justify-content: space-between;
  border-bottom: 1px solid rgba(217, 217, 217, 0.15);
}
@media (max-width: 1199px) {
  .header-one .header-navigation .primary-menu {
    padding: 20px 0;
  }
}

/* Navigation Light */
.navigation-light.header-navigation .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.8);
}
/* Header Sticky */
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  animation: sticky 1.2s;
}

@-webkit-keyframes sticky {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
@keyframes sticky {
  0% {
    top: -200px;
  }
  100% {
    top: 0;
  }
}
/*---==================
    Hero css
=================----*/
/* Hero Content */
.hero-content h1 {
  font: 600 100px "The Bold Font", sans-serif;
  line-height: 1.1;
  text-transform: capitalize;
  letter-spacing: 0.08em;
  color: #33adcf;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-content h1 {
    font-size: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-content h1 {
    font-size: 75px;
  }
}
@media (max-width: 991px) {
  .hero-content h1 {
    font-size: 55px;
    line-height: 1.3;
  }
}
@media (max-width: 575px) {
  .hero-content h1 {
    font-size: 40px;
    line-height: 50px;
  }
}

/* Hero One */
.hero-wrapper .container-fluid {
  padding-left: 170px;
  padding-right: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-wrapper .container-fluid {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (max-width: 1199px) {
  .hero-wrapper .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.hero-wrapper .single-slider {
  padding: 195px 0 90px;
}
.hero-wrapper .hero-content {
  position: relative;
  padding-left: 30px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-wrapper .hero-content {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-wrapper .hero-content {
    padding-left: 0;
    text-align: center;
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .hero-wrapper .hero-content {
    padding-left: 0;
  }
}
.hero-wrapper .hero-content h1 {
  text-transform: uppercase;
  margin-bottom: 25px;
}
.hero-wrapper .hero-content .text-button {
  max-width: 620px;
}
@media (max-width: 1199px) {
  .hero-wrapper .hero-content .text-button {
    margin: auto;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .hero-wrapper .hero-content .text-button {
    text-align: center;
    flex-direction: column;
  }
}
.hero-wrapper .hero-content .text-button p {
  max-width: 290px;
}
.hero-wrapper .hero-content .text-button .hero-button {
  margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-wrapper .hero-content .text-button .hero-button {
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .hero-wrapper .hero-content .text-button .hero-button {
    margin-left: 0px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-wrapper .hero-image {
    margin-left: 0;
  }
}
@media (max-width: 1199px) {
  .hero-wrapper .hero-image {
    text-align: center;
  }
}
.hero-wrapper .hero-image img {
  border-radius: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-wrapper .hero-image img {
    max-width: 100%;
  }
}
@media (max-width: 1199px) {
  .hero-wrapper .hero-image img {
    max-width: 100%;
    margin: auto;
  }
}

/* Page Banner  */
.page-banner .page-banner-content h1 {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .page-banner .page-banner-content h1 {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .page-banner .page-banner-content h1 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .page-banner .page-banner-content h1 {
    font-size: 42px;
  }
}
.page-banner .page-banner-content ul.breadcrumb-link li {
  display: inline-block;
  font-size: 24px;
}
@media (max-width: 767px) {
  .page-banner .page-banner-content ul.breadcrumb-link li {
    font-size: 17px;
  }
}
.page-banner .page-banner-content ul.breadcrumb-link li:not(:last-child):after {
  display: inline-block;
  content: "\f105";
  font-weight: 400;
  font-family: "Font Awesome 5 Pro";
  margin-left: 20px;
  margin-right: 13px;
}
.page-banner .page-banner-content ul.breadcrumb-link li.active {
  text-decoration: underline;
}

/*---==================
    About Us css
=================----*/
.about-us-section .about-us-container {
  max-width: 1250px;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
.about-us-section .about-us-container .row {
  width: 100%;
}
.about-us-section .about-us-image {
  background-image: url(/assets/images/about/about-us.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  display: flex;
}
.about-us-section .about-us-content {
  width: 100%;
  min-height: 576px;
}
@media (max-width: 575px) {
  .about-us-section .about-us-container .row {
    margin-left: 20px;
    margin-right: 20px;
  }
  .about-us-section .about-us-image {
    min-height: 400px;
    border-radius: 15px 15px 0 0;
  }
  .about-us-section .about-us-content {
    border-radius: 0 0 15px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us-section .about-us-container .row {
    margin-left: 25px;
    margin-right: 30px;
  }
  .about-us-section .about-us-image {
    min-height: 576px;
    border-radius: 15px 15px 0 0;
  }
  .about-us-section .about-us-content {
    border-radius: 0 0 15px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us-section .about-us-container .row {
    margin-left: 50px;
  }
  .about-us-section .about-us-image {
    min-height: 576px;
    border-radius: 15px 15px 0 0;
  }
  .about-us-section .about-us-content {
    border-radius: 0 0 15px 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us-section .about-us-container .row {
    margin-left: 30px;
    margin-right: 30px;
  }
  .about-us-section .about-us-image {
    min-height: 760px;
    border-radius: 15px 0 0 15px;
  }
  .about-us-section .about-us-content {
    min-height: 760px;
    border-radius: 0 15px 15px 0;
  }
}
@media only screen and (min-width: 1200px) {
  .about-us-section .about-us-image {
    min-height: 576px;
    border-radius: 15px 0 0 15px;
  }
  .about-us-section .about-us-content {
    border-radius: 0 15px 15px 0;
  }
}

/*---==================
    Rates css
=================----*/
.rates-section .card-list {
  display: flex;
  flex-wrap: wrap;
}
.rates-section .card-list .card-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 20px;
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-bottom: 15px;
  font: 500 18px "Afacad", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rates-section .card-list .card-item {
    margin-right: 18px;
  }
}
.rates-section .card-list .card-item i {
  margin-right: 15px;
  font-size: 28px;
}

.single-rates-item {
  padding: 10px 10px 20px;
  background-color: #101311;
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-rates-item:hover .content p {
  color: #2f272a;
}
.single-rates-item:hover .content .meta span {
  color: #2f272a;
}
.single-rates-item:hover .content .action-btn {
  border-color: rgba(29, 35, 31, 0.1);
}
.single-rates-item .img-holder img {
  width: 100%;
  border-radius: 10px;
}
.single-rates-item .content {
  position: relative;
  padding: 30px 20px 0;
}
.single-rates-item .content .icon-btn {
  position: absolute;
  right: 20px;
  top: -28px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  font-size: 18px;
}
.single-rates-item .content h3.title {
  margin-bottom: 10px;
}
.single-rates-item .content h4 {
  color: #33adcf;
}
.single-rates-item .content p {
  color: rgba(255, 255, 255, 0.65);
  margin-bottom: 18px;
}
.single-rates-item .content .meta {
  padding-bottom: 30px;
}
.single-rates-item .content .meta span {
  color: rgba(255, 255, 255, 0.65);
  font-size: 28px;
}
.single-rates-item .content .meta span:not(:first-child) {
  margin-left: 35px;
}
.single-rates-item .content .action-btn {
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/*---==================
    Elements css
=================----*/
/* Fancy Icon Box */
.fancy-icon-box {
  padding: 40px 30px 32px;
  display: flex;
  border: 1px solid transparent;
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media (max-width: 575px) {
  .fancy-icon-box {
    padding: 40px 20px 32px;
  }
}
.fancy-icon-box:hover {
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
  border-color: #f6b233;
}
.fancy-icon-box .icon {
  flex: 0 0 auto;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  font-size: 35px;
  line-height: 1;
  margin-right: 20px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media (max-width: 575px) {
  .fancy-icon-box .icon {
    width: 55px;
    height: 55px;
    font-size: 24px;
    margin-right: 15px;
  }
}
.fancy-icon-box .text h4.title {
  margin-bottom: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .fancy-icon-box .text h4.title {
    font-size: 20px;
  }
}

.fancy-icon-box-two {
  padding: 40px 30px 30px;
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.fancy-icon-box-two .icon {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-flex;
  margin-bottom: 28px;
  font-size: 50px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.fancy-icon-box-two .text h3.title {
  margin-bottom: 10px;
}

.fancy-icon-box-three {
  border-radius: 65px;
  display: flex;
  align-items: center;
  padding: 10px 50px 10px 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.fancy-icon-box-three:hover .text h5.title {
  border-color: #fff;
}
.fancy-icon-box-three .icon {
  flex: 0 0 auto;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  font-size: 60px;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .fancy-icon-box-three .icon {
    margin-right: 20px;
  }
}
.fancy-icon-box-three .text h5.title {
  font-weight: 500;
  padding-bottom: 13px;
  border-bottom: 1px solid #1D231F;
  margin-bottom: 7px;
}
.fancy-icon-box-three .text .btn-link {
  text-decoration: underline;
}

.fancy-icon-box-four {
  display: flex;
}
.fancy-icon-box-four .icon {
  flex: 0 0 auto;
  width: 35px;
  margin-right: 20px;
}
.fancy-icon-box-four .icon i {
  font-size: 35px;
}
.fancy-icon-box-four .text {
  margin-top: -7px;
}
.fancy-icon-box-four .text h4.title {
  margin-bottom: 5px;
  font-weight: 500;
}
.fancy-icon-box-four .text p {
  line-height: 28px;
}

/* Single Counter Item */
@media (max-width: 767px) {
  .counter-item {
    text-align: center;
  }
}
.counter-item h2.number {
  font: 500 55px "Afacad", sans-serif;
  line-height: 1;
  margin-bottom: 5px;
}
.counter-item p {
  font: 400 16px "Afacad", sans-serif;
}

.single-counter-item {
  padding: 40px 30px 27px;
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.05);
  border-radius: 7px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-counter-item:hover {
  border-color: #000;
}
.single-counter-item .icon {
  width: 145px;
  height: 145px;
  border-radius: 50%;
  background-color: rgba(99, 171, 69, 0.1);
  font-size: 70px;
  display: inline-flex;
  margin-bottom: 35px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
.single-counter-item h2.number {
  font: 500 45px "Afacad", sans-serif;
  line-height: 55px;
}

.single-counter-item-two {
  display: flex;
  justify-content: center;
}
.single-counter-item-two .icon {
  width: 95px;
  height: 95px;
  border-radius: 50%;
  margin-bottom: 25px;
  font-size: 50px;
}
.single-counter-item-two .content h2.number {
  font: 500 55px "Afacad", sans-serif;
  line-height: 1;
  margin-bottom: 5px;
}
.single-counter-item-two .content p {
  font-weight: 400;
}

/* Single Info Item */
.single-info-item {
  display: flex;
}
.single-info-item .icon {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
  margin-right: 15px;
}
.single-info-item .info span.title {
  font: 500 16px "Afacad", sans-serif;
  line-height: 26px;
}
.single-info-item .info p {
  line-height: 21px;
}

.single-info-item-two {
  display: flex;
}
.single-info-item-two .inner-info {
  display: flex;
}
.single-info-item-two .icon {
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid rgba(29, 35, 31, 0.1);
  margin-right: 20px;
}
.single-info-item-two .info span.title {
  font-weight: 400;
  line-height: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-info-item-two .info span.title {
    font-size: 12px;
  }
}
.single-info-item-two .info h5 {
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-info-item-two .info h5 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-info-item-two .info h5 {
    font-size: 14px;
  }
}
/*---==================
    Features css
=================----*/
/* Features Item */
.single-features-item:hover .img-holder .content p {
  opacity: 1;
  max-height: 90px;
  margin-top: 20px;
}
.single-features-item .img-holder {
  position: relative;
}
.single-features-item .img-holder img {
  width: 100%;
  border-radius: 7px;
}
.single-features-item .img-holder .content {
  position: absolute;
  bottom: 30px;
  left: 30px;
  right: 30px;
  padding: 35px 25px 25px;
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .single-features-item .img-holder .content {
    padding: 35px 25px 25px;
  }
}
.single-features-item .img-holder .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-features-item .img-holder .text h4.title {
  flex: 0 0 auto;
  width: 70%;
}
.single-features-item .img-holder .text h4.title:before {
  display: block;
  content: "";
  width: 45px;
  height: 3px;
  margin-bottom: 15px;
  border-radius: 10px;
}
@media (max-width: 1199px) {
  .single-features-item .img-holder .text h4.title {
    font-size: 16px;
  }
}
.single-features-item .img-holder .text .icon-btn {
  flex-grow: 1;
  flex: 0 0 auto;
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
@media (max-width: 575px) {
  .single-features-item .img-holder .text .icon-btn {
    width: 40px;
    height: 40px;
    font-size: 13px;
  }
}
.single-features-item .img-holder p {
  height: auto;
  max-height: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
@media (max-width: 1199px) {
  .single-features-item .img-holder p {
    font-size: 14px;
  }
}

.single-features-item-two:hover .img-holder img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.single-features-item-two .img-holder {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.single-features-item-two .img-holder img {
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-features-item-two .item-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 40px 30px 35px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43.14%, rgba(0, 0, 0, 0.8) 100%);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.single-features-item-two .content h3.title {
  font-weight: 500;
}

.single-features-item-three .img-holder img {
  width: 100%;
  border-radius: 7px 7px 0 0;
}
.single-features-item-three .content {
  padding: 20px 25px;
  border-radius: 0 0 7px 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-features-item-three .content h6 {
  font: 500 16px "Afacad", sans-serif;
  line-height: 21px;
}

.single-features-list {
  display: flex;
}
@media (max-width: 575px) {
  .single-features-list {
    align-items: flex-start;
  }
}
.single-features-list .icon-inner .icon-check {
  line-height: 1;
}
.single-features-list .icon-inner .icon-check i {
  font-size: 24px;
}
.single-features-list .icon-inner .icon {
  position: relative;
  margin-left: 55px;
  margin-right: 35px;
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 40px;
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
@media (max-width: 575px) {
  .single-features-list .icon-inner .icon {
    margin-left: 20px;
    margin-right: 15px;
  }
}
.single-features-list .icon-inner .icon:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  border: 1px dashed #ccc;
  top: 100%;
  z-index: -1;
}
.single-features-list .content h4 {
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .single-features-list .content h4 {
    font-size: 20px;
  }
}
.single-features-list .content p {
  line-height: 25.6px;
}

.ribbon {
  font: 500 18px "Afacad", sans-serif;
  padding: 10px 20px;
}

.radius-60 {
  border-radius: 60px;
}

.radius-30 {
  border-radius: 30px;
}

.radius-12 {
  border-radius: 12px;
}

.radius-top-left-right-288 {
  border-radius: 288px 288px 0px 0px;
}

.video-popup {
  position: relative;
  width: 110px;
  height: 110px;
  font-size: 14px;
  display: inline-flex;
  border-radius: 50%;
}
.video-popup:after, .video-popup:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #e1e1e1;
  animation: playpopup infinite linear 1s;
}
.video-popup:before {
  animation: playpopup infinite linear 2s;
}

@-webkit-keyframes playpopup {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.3);
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes playpopup {
  0% {
    transform: scale(1);
    opacity: 0.6;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.3;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.check-list li {
  display: flex;
  align-items: center;
  font: 400 18px "Afacad", sans-serif;
}
.check-list li:not(:last-child) {
  margin-bottom: 20px;
}
.check-list li i {
  margin-right: 15px;
  font-size: 20px;
}

.features-one_image-box {
  margin-left: -90px;
}
@media (max-width: 991px) {
  .features-one_image-box {
    margin-left: 0;
    text-align: center;
  }
}
.features-one_image-box img {
  border-radius: 305px 305px 0px 0px;
}

.features-item-area > .row .col-md-6:nth-child(2) {
  margin-top: -30px;
}
@media (max-width: 767px) {
  .features-item-area > .row .col-md-6:nth-child(2) {
    margin-top: 0;
  }
}
.features-item-area > .row .col-md-6:nth-child(4) {
  margin-top: -30px;
}
@media (max-width: 767px) {
  .features-item-area > .row .col-md-6:nth-child(4) {
    margin-top: 0;
  }
}

.features-list_one .single-features-list:last-child .icon-inner .icon:after {
  display: none;
}

/*---==================
    Amenities css
=================----*/
.single-amenity-item {
  padding: 20px 20px 20px;
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-amenity-item:hover {
  border-color: #f6b233;
}
.single-amenity-item .content {
  position: relative;
  padding: 20px;
}
.single-amenity-item .content h3.title {
  margin-bottom: 7px;
}
.single-amenity-item .content p {
  margin-bottom: 15px;
}
.single-amenity-item .content .meta span {
  line-height: 1;
}
.single-amenity-item .content .meta span:not(:last-child) {
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .single-amenity-item .content .meta span:not(:last-child) {
    margin-right: 15px;
  }
}
.single-amenity-item .content .meta span i {
  font-size: 24px;
}
.single-amenity-item .content .icon-btn {
  position: absolute;
  bottom: -27px;
  right: 20px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  font-size: 18px;
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.15);
}
.single-amenity-item .img-holder img {
  width: 100%;
  border-radius: 10px;
}

/*---==================
    Directions css
=================----*/
.directions-wrapper-bgc {
  padding: 100px 30px 50px;
}
@media (max-width: 767px) {
  .directions-wrapper-bgc {
    padding: 100px 0 50px;
  }
}

.directions-nav-tab {
  padding: 40px 35px 25px;
  border-radius: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .directions-nav-tab {
    padding: 40px 15px 25px;
  }
}
.directions-nav-tab .nav-tabs {
  display: flow-root;
  border-bottom: none;
}
.directions-nav-tab .nav-tabs li {
  display: block;
}
.directions-nav-tab .nav-tabs li a {
  padding: 16px 25px;
  font: 500 22px "Afacad", sans-serif;
  margin-bottom: 15px;
  border-radius: 5px;
  border: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .directions-nav-tab .nav-tabs li a {
    padding: 10px 15px;
  }
}

@media (max-width: 767px) {
  .directions-content-box {
    margin-bottom: 40px;
  }
}
.directions-content-box .icon {
  margin-bottom: 10px;
}
.directions-content-box .icon i {
  font-size: 85px;
}
.directions-content-box h3.title {
  font: 500 27px "Afacad", sans-serif;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .directions-content-box h3.title {
    font-size: 22px;
  }
}
.directions-content-box p {
  margin-bottom: 30px;
}
.directions-content-box p.driveTime {
  margin-bottom: 15px;
  font-style: italic;
}
/*---==================
    Map css
=================----*/
.map-wrapper {
  padding: 100px 30px 80px 30px;
}
@media (max-width: 1199px) {
  .map-wrapper {
    padding: 100px 0 50px 0;
  }
}
.map-wrapper img {
  border-radius: 30px;
}

/*---==================
    Cancellation Policy css
=================----*/
.cancellation-policy-section a:hover {
  color: #f6b233;
}

/*---==================
    Gallery css
=================----*/
.single-gallery-item:hover .gallery-img .hover-overlay {
  visibility: visible;
  opacity: 1;
}
.single-gallery-item:hover .gallery-img .icon-btn {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
.single-gallery-item .gallery-img {
  position: relative;
  overflow: hidden;
}
.single-gallery-item .gallery-img img {
  width: 100%;
  border-radius: 7px;
}
.single-gallery-item .gallery-img .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 7px;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.single-gallery-item .gallery-img .icon-btn {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 18px;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}

.single-gallery-item-two .img-holder img {
  border-radius: 12px;
}
.single-gallery-item-two .content {
  padding: 33px 40px 0;
}
.single-gallery-item-two .content h3.title {
  margin-bottom: 5px;
}

/*---==================
    Location css
=================----*/
@media only screen and (min-width: 1200px) {
  .location-section img.location-image {
    float: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .location-section img.location-image {
    float: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .location-section img.location-image {
    margin: auto;
    display: block;
  }
}
/*---==================
    FAQ css
=================----*/
.faq-section .accordion__item {
  margin-bottom: 10px;
}
.faq-section .accordion__item .accordion__button {
  border-radius: 7px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  padding: 10px;
  width: 100%;
  text-align: left;
  position: relative;
  z-index: 2;
}
.faq-section .accordion__item .accordion__button:hover {
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}
.faq-section .accordion__item .accordion__button[aria-expanded=true], .faq-section .accordion__item .accordion__button[aria-selected=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.faq-section .accordion__item .accordion__button:before {
  display: inline-block;
  content: "";
  height: 10px;
  width: 10px;
  margin-right: 12px;
  border-bottom: 2px solid currentColor;
  border-right: 2px solid currentColor;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.faq-section .accordion__item .accordion__button[aria-expanded=true]::before, .faq-section .accordion__item .accordion__button[aria-selected=true]::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.faq-section .accordion__item .accordion__panel {
  position: relative;
  z-index: 1;
  padding: 10px;
  border: 1px solid #f6b233;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  animation: fadeInDown 0.3s ease-out 0s;
  overflow: hidden;
}
.faq-section ul, .faq-section ol {
  margin: 10px 0 10px 40px;
  padding: 0;
  list-style-type: unset;
}

/*---==================
    Footer css
=================----*/
.dark-bg .footer-copyright, .dark-bg .footer-widget {
  color: #E1E1E1;
}
.dark-bg .footer-top .social-box ul li.social-link a {
  background-color: rgba(255, 255, 255, 0.1);
  color: #B1B6B3;
}
.dark-bg .single-info-item .info p {
  color: #E1E1E1;
}
.dark-bg .footer-cta {
  border-color: rgba(217, 217, 217, 0.1);
}
.dark-bg .footer-top, .dark-bg .footer-copyright {
  border-color: rgba(217, 217, 217, 0.1);
}

.footer-top {
  border-top: 1px solid rgba(29, 35, 31, 0.1);
  border-bottom: 1px solid rgba(29, 35, 31, 0.1);
}
.footer-top .social-box ul li.socials {
  margin-left: 5px;
}
.footer-top .social-box ul li.social-link {
  margin-left: 5px;
}
.footer-top .social-box ul li.social-link a {
  width: 50px;
  height: 50px;
  font-size: 20px;
  border-radius: 50%;
  background-color: rgba(29, 35, 31, 0.1);
}
.footer-cta {
  border-bottom: 1px solid rgba(29, 35, 31, 0.1);
}

@media (max-width: 991px) {
  .footer-widget {
    font-size: 16px;
  }
}
.footer-widget h4.widget-title {
  margin-bottom: 20px;
}
.footer-widget .footer-content p {
  margin-bottom: 30px;
}
.footer-widget .footer-logo {
  margin-right: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-widget .footer-logo img {
    height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-widget .footer-logo img {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .footer-widget .footer-logo img {
    height: 50px;
  }
}

.service-nav-widget .footer-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.service-nav-widget .footer-content .footer-widget-nav {
  width: 45%;
}
.service-nav-widget .footer-content .footer-widget-nav li:not(:last-child) {
  margin-bottom: 10px;
}
.footer-newsletter-widget .footer-content form .form_control {
  padding: 15px 20px 15px 25px;
  border-radius: 7px;
  font-weight: 400;
  box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
}
.footer-newsletter-widget .footer-content form .form_control.placeholder {
  color: #2f272a;
}
.footer-newsletter-widget .footer-content form .form_control:-moz-placeholder {
  color: #2f272a;
}
.footer-newsletter-widget .footer-content form .form_control::-moz-placeholder {
  color: #2f272a;
}
.footer-newsletter-widget .footer-content form .form_control::-webkit-input-placeholder {
  color: #2f272a;
}
.footer-newsletter-widget .footer-content form label {
  position: absolute;
  top: 15px;
  right: 20px;
}

.footer-copyright {
  padding: 20px 0;
  border-top: 1px solid rgba(29, 35, 31, 0.1);
}
@media (max-width: 991px) {
  .footer-copyright .footer-text {
    text-align: center;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .footer-copyright .footer-nav {
    text-align: center;
  }
}
.footer-copyright .footer-nav ul li {
  display: inline-block;
}
.footer-copyright .footer-nav ul li:not(:last-child) {
  margin-right: 35px;
}
@media (max-width: 991px) {
  .footer-copyright .footer-nav ul li:not(:last-child) {
    margin-left: 10px;
    margin-right: 10px;
  }
}
/*---==================
    Sliders css
=================----*/
/* Slider Dots */
ul.slick-dots {
  position: relative !important;
}
ul.slick-dots li button {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid transparent;
  border-radius: 50%;
  background: none;
}
ul.slick-dots li button::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  opacity: 1 !important;
}
ul.slick-dots li.slick-active button {
  border-color: #f6b233;
}

/* Hero Slider One */
.hero-slider-one .slick-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  font-size: 18px;
  border: 2px solid rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.hero-slider-one .slick-arrow.prev {
  left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-slider-one .slick-arrow.prev {
    left: 30px;
  }
}
.hero-slider-one .slick-arrow.next {
  right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero-slider-one .slick-arrow.next {
    right: 30px;
  }
}
.hero-slider-one .slick-arrow:hover {
  border-color: transparent;
}

.slider-active-4-item,
.slider-active-5-item,
.slider-active-3-item-dot,
.slider-active-3-item {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  .slider-active-4-item,
  .slider-active-5-item,
  .slider-active-3-item-dot,
  .slider-active-3-item {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.slider-active-4-item .slick-slide,
.slider-active-5-item .slick-slide,
.slider-active-3-item-dot .slick-slide,
.slider-active-3-item .slick-slide {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .slider-active-4-item .slick-slide,
  .slider-active-5-item .slick-slide,
  .slider-active-3-item-dot .slick-slide,
  .slider-active-3-item .slick-slide {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.slider-active-3-item-dot .slick-dots {
  margin-top: 45px;
  text-align: center;
}

.recent-place-slider {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 767px) {
  .recent-place-slider {
    margin-left: -12px;
    margin-right: -12px;
  }
}
.recent-place-slider .slick-slide {
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 767px) {
  .recent-place-slider .slick-slide {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.slick-prev:before,
.slick-next:before {
  content: "";
  display: none !important;
}

/*---==================
    Wrapper css
=================----*/
.overlay {
  position: relative;
  z-index: 1;
}
.overlay:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
}

.dark-bg .sub-title {
  background-color: rgba(247, 146, 30, 0.1);
}

.skill-wrapper {
  padding: 40px 45px 34px;
  border-radius: 10px;
  box-shadow: 0px 10px 60px rgba(28, 35, 31, 0.07);
  display: inline-flex;
}
@media (max-width: 575px) {
  .skill-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 1199px) {
  .skill-wrapper {
    padding: 40px 30px 34px;
  }
}

.faq-wrapper {
  position: relative;
  margin-top: -300px;
}

.fun-wrapper {
  position: relative;
  margin-top: -160px;
  border-radius: 30px;
}

.privacy-header {
  padding: 120px 0 20px 0;
}
.privacy-header h1 {
  text-transform: uppercase;
}

.privacy-content {
  position: relative;
  padding-left: 30px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .privacy-content {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .privacy-content {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .privacy-content {
    padding-left: 0;
  }
}
.privacy-content h3 {
  text-transform: uppercase;
  font-weight: 800;
  padding-top: 50px;
}
.privacy-content p {
  padding: 20px 20px 0 20px;
}
.privacy-content ul, .privacy-content ol {
  margin: 10px 0 10px 60px;
  padding: 0;
  list-style-type: unset;
}
.privacy-content .container-fluid {
  padding-left: 170px;
  padding-right: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .privacy-content .container-fluid {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (max-width: 1199px) {
  .privacy-content .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.privacy-content .text-button {
  max-width: 620px;
}
@media (max-width: 1199px) {
  .privacy-content .text-button {
    margin: auto;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .privacy-content .text-button {
    text-align: center;
    flex-direction: column;
  }
}
.privacy-content .text-button p {
  max-width: 290px;
}
.privacy-content .text-button .privacy-button {
  margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .privacy-content .text-button .privacy-button {
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .privacy-content .text-button .privacy-button {
    margin-left: 0;
    margin-top: 20px;
  }
}

.ice-section {
  height: 100%;
}

.ice-header {
  padding: 20px 0 10px 0;
}
@media (max-width: 575px) {
  .ice-header {
    padding: 8px 0 4px 0;
  }
}
.ice-header h1 {
  text-transform: uppercase;
}
.ice-header h2 {
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .ice-header h2 {
    font-size: 24px;
    text-wrap-mode: nowrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ice-header h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ice-header h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .ice-header h2 {
    font-size: 48px;
  }
}
.ice-header h3 {
  font-size: 24px;
}
.ice-content {
  position: relative;
  padding-left: 30px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .ice-content {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .ice-content {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .ice-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ice-content h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ice-content h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .ice-content h2 {
    font-size: 48px;
  }
}
.ice-content h3 {
  text-transform: uppercase;
  font-weight: 800;
  padding-top: 50px;
}
.ice-content p {
  padding: 20px 20px 0 20px;
}
.ice-content ul, .ice-content ol {
  margin: 10px 0 10px 60px;
  padding: 0;
  list-style-type: unset;
}
.ice-content img.square {
  height: 50px;
  width: 50px;
  margin-left: 120px;
}
.ice-content img.rectangle {
  height: 50px;
  width: 100px;
  margin-left: 70px;
}
.ice-content .container-fluid {
  padding-left: 170px;
  padding-right: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .ice-content .container-fluid {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (max-width: 1199px) {
  .ice-content .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.ice-content .text-button {
  max-width: 620px;
}
@media (max-width: 1199px) {
  .ice-content .text-button {
    margin: auto;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .ice-content .text-button {
    text-align: center;
    flex-direction: column;
  }
}
.ice-content .text-button p {
  max-width: 290px;
}
.ice-content .ice-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 3px 3px 40px;
  font: 600 28px "Afacad", sans-serif;
  text-transform: capitalize;
  border-radius: 28px;
  border: none;
  line-height: 20px;
  text-wrap-mode: nowrap;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.ice-content .ice-button i {
  flex: 0 0 auto;
  margin-left: 130px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
}
.ice-content .ice-button.primary-btn {
  width: 300px;
}
.ice-content .ice-button.secondary-btn {
  width: 200px;
}
.ice-content .ice-button.secondary-btn i {
  margin-left: 50px;
}
.ice-content .ice-button.filled-btn {
  width: 300px;
  font-size: 20px;
  text-wrap-mode: wrap;
  text-align: left;
  text-transform: none;
}
.ice-content .ice-button.filled-btn i {
  margin-left: 8px;
}
.ice-content .ice-button.filled-btn:hover {
  cursor: auto;
}
.ice-content .ice-button.filled-btn.filled-white {
  border-color: #fff;
}
.ice-content .ice-button.filled-btn.filled-white:hover {
  border-color: transparent;
}

.firewood-section {
  height: 100%;
}

.firewood-header {
  padding: 20px 0 10px 0;
}
@media (max-width: 575px) {
  .firewood-header {
    padding: 8px 0 4px 0;
  }
}
.firewood-header h1 {
  text-transform: uppercase;
}
.firewood-header h2 {
  text-transform: uppercase;
}
@media (max-width: 575px) {
  .firewood-header h2 {
    font-size: 24px;
    text-wrap-mode: nowrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .firewood-header h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .firewood-header h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .firewood-header h2 {
    font-size: 48px;
  }
}
.firewood-header h3 {
  font-size: 24px;
}
.firewood-content {
  position: relative;
  padding-left: 30px;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .firewood-content {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .firewood-content {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .firewood-content {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .firewood-content h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .firewood-content h2 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 1200px) {
  .firewood-content h2 {
    font-size: 48px;
  }
}
.firewood-content h3 {
  text-transform: uppercase;
  font-weight: 800;
  padding-top: 50px;
}
.firewood-content p {
  padding: 20px 20px 0 20px;
}
.firewood-content ul, .firewood-content ol {
  margin: 10px 0 10px 60px;
  padding: 0;
  list-style-type: unset;
}
.firewood-content img.square {
  height: 50px;
  width: 50px;
  margin-left: 120px;
}
.firewood-content img.rectangle {
  height: 50px;
  width: 100px;
  margin-left: 70px;
}
.firewood-content .container-fluid {
  padding-left: 170px;
  padding-right: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .firewood-content .container-fluid {
    padding-left: 120px;
    padding-right: 120px;
  }
}
@media (max-width: 1199px) {
  .firewood-content .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.firewood-content .text-button {
  max-width: 620px;
}
@media (max-width: 1199px) {
  .firewood-content .text-button {
    margin: auto;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .firewood-content .text-button {
    text-align: center;
    flex-direction: column;
  }
}
.firewood-content .text-button p {
  max-width: 290px;
}
.firewood-content .firewood-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 3px 3px 3px 40px;
  font: 600 28px "Afacad", sans-serif;
  text-transform: capitalize;
  border-radius: 28px;
  border: none;
  line-height: 20px;
  text-wrap-mode: nowrap;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.firewood-content .firewood-button i {
  flex: 0 0 auto;
  margin-left: 130px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
}
.firewood-content .firewood-button.primary-btn {
  width: 300px;
}
.firewood-content .firewood-button.secondary-btn {
  width: 200px;
}
.firewood-content .firewood-button.secondary-btn i {
  margin-left: 50px;
}
.firewood-content .firewood-button.filled-btn {
  width: 300px;
  font-size: 20px;
  text-wrap-mode: wrap;
  text-align: left;
  text-transform: none;
}
.firewood-content .firewood-button.filled-btn i {
  margin-left: 8px;
}
.firewood-content .firewood-button.filled-btn:hover {
  cursor: auto;
}
.firewood-content .firewood-button.filled-btn.filled-white {
  border-color: #fff;
}
.firewood-content .firewood-button.filled-btn.filled-white:hover {
  border-color: transparent;
}

/*# sourceMappingURL=style.css.map */