/* Kingho HTML Template  */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset css
3. Global css
4. Header Section
5. Banner Section
6. Reservation form
7. About Section
8. Feature
9. Sponsor
10. Room
11. Gallery
12. Testimonial
13. CTA
14. Blog
15. Footer
16. Funfact
17. Faq
18. Pricing plan
19. Newsletter
20. Gallery
21. Page Title
22. Feature
23. Video Section
24. Services
25. Menu
26. Places
27. Resturant
28. Contact form



/*** 

====================================================================
        Fonts
====================================================================

***/

@import url('fontawesome-all.css');
@import url('flaticon.css');


/*** 

====================================================================
    Reset
====================================================================

***/

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
    font-size: 100%;
    line-height: inherit;
}

/*** 

====================================================================
    Global Settings
====================================================================

***/

/* 

font-family: 'Playfair Display', serif;
font-family: 'Roboto', sans-serif;

*/

body {
    -webkit-font-smoothing: antialiased;
    background: rgb(255, 255, 255);
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    line-height: 1.6em;
    color: #777777;
    font-weight: 400;
}

.page-wrapper {
    position: relative;
    width: 100%;
    min-width: 300px;
    z-index: 9;
    margin: 0px auto;
    overflow: hidden;
}

a {
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none !important;
    outline: none;
}

h1,
h2,
h3,
h4 {
    position: relative;
    font-weight: normal;
    line-height: 1.25em;
    margin: 0px;
    background: none;
    color: #222;
    font-family: 'Playfair Display', serif;
}

button {
    outline: none !important;
    cursor: pointer;
}

.text {
    font-size: 14px;
    line-height: 26px;
    color: #777777;
    font-weight: 400;
    font-family: "Roboto";
    margin: 0px 0px 15px;
}

::-webkit-input-placeholder {
    color: inherit;
}

::-moz-input-placeholder {
    color: inherit;
}

::-ms-input-placeholder {
    color: inherit;
}

.box-style-one {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.box-style-two {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    z-index: 9;
    overflow: hidden;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.theme-btn {
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.grid-line {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 1170px;
    margin: 0 auto;
    pointer-events: none;
    z-index: -1;
}

.grid-line span.line-one {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: #efefef;
}

.grid-line span.line-two {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 33.333%;
    width: 1px;
    background: #efefef;
}

.grid-line span.line-three {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 66.666%;
    width: 1px;
    background: #efefef;
}

.grid-line span.line-four {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #efefef;
}

img {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.preloader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999999999;
  }
  
  .preloader .animation-preloader {
    z-index: 1000;
  }
  
  .preloader .animation-preloader .spinner {
    -webkit-animation: spinner 1s infinite linear;
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: var(--theme-color);
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
  }
  
  .preloader.dark .animation-preloader .spinner {
    border-color: var(--theme-color);
    border-top-color: #fff;
  }
  
  .preloader p {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: #001659;
  }
  
  .preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
  }
  
  .preloader .loader .row {
    height: 100%;
  }
  
  .preloader .loader .loader-section {
    padding: 0px;
  }
  
  .preloader .loader .loader-section .bg {
    background-color: #FFF;
    height: 100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
  }
  
  @-webkit-keyframes spinner {
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  
  @keyframes spinner {
    to {
      -webkit-transform: rotateZ(360deg);
      transform: rotateZ(360deg);
    }
  }
  
  @-webkit-keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      -webkit-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    25%,
    50% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
  
  @keyframes letters-loading {
    0%,
    75%,
    100% {
      opacity: 0;
      -webkit-transform: rotateY(-90deg);
      transform: rotateY(-90deg);
    }
    25%,
    50% {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
    }
  }
.row {
	margin: 0 -15px;
}
.row>* {
	padding-left: 15px;
	padding-right: 15px;
}

/* Btn style */

.theme-btn {
    display: inline-block;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}


/*  Scroll To Top style */

.scroll-to-top {
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 65px;
    height: 65px;
    font-size: 18px;
    line-height: 65px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
    margin-left: -26px;
    display: none;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    background: var(--theme-color);
    color: #fff;
}

.scroll-to-top.style-two {
    background-color: #2d3247;
}

.scroll-to-top:hover {
    color: #ffffff;
}

/*Btn Style One*/

.btn-style-one {
    position: relative;
    display: inline-block;
    padding: 17px 40px;
    overflow: hidden;
    vertical-align: middle;
    transition: .5s;
    z-index: 0;
    background: var(--theme-color);
    line-height: 26px;
    text-transform: capitalize;
    font-size: 16px;
    color: #ffffff;
    font-weight: 7;
    font-family: "Roboto";
    text-align: center;
    text-decoration: underline !important;
}

.btn-style-one:hover {
    color: #fff;
    text-decoration: underline !important;
}

.btn-style-one:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 30px;
    content: "";
    background-color: #222;
    transition: .5s;
    opacity: 0;
    z-index: -1;
    width: 100%;
    transform: scaleY(.5);
    transform-origin: top;
}

.btn-style-one:hover:before {
    border-radius: 0;
    opacity: 1;
    transform: scale(1);
}

.btn-style-one.dark {
    background: #111;
}

.btn-style-one.dark:before {
    background: #be9a78;
}

/* Style Two */


/* Header Style */

.main-header {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 9999;
    left: 0px;
    background: transparent;
    clear: both;
    top: 0;
}

.main-header .inner-container {
    background-color: #fff;
}

/* Header Upper */

.main-header .header-upper {
    position: relative;
}

.main-header .header-upper .inner-container {
    position: relative;
    min-height: 70px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    border-radius: 0;
    filter: drop-shadow(0px 16px 16px rgba(0,0,0,0.06));
    background-color: #ffffff;
}

.main-header .header-upper .logo-box {
    z-index: 10;
}

.main-header .header-upper .logo-box .logo {
    position: relative;
    display: block;
    padding: 23px 0px;
}

.main-header .header-upper .left-column,
.main-header .header-upper .right-column {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-header .nav-outer {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-header .nav-outer .main-menu {
    position: relative;
}

.main-menu .inner-container {
    box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.12);
    margin-bottom: -25px;
    background: #fff;
}

.main-menu .navbar-collapse {
    padding: 0px;
    display: block !important;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main-menu .navigation>li {
    position: relative;
    padding: 21.5px 0px;
    margin-right: 35px;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .navigation>li.current>a {
    text-decoration: underline !important;
    color: #222;
}

.main-menu .navigation>li.current>a:hover {
    text-decoration: underline;
}

.main-menu .navigation>li:last-child {
    margin-right: 0px;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    text-align: center;
    text-transform: capitalize;
    opacity: 1;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #999;
    font-weight: 700;
    font-family: "Roboto";
}

.main-menu .navigation>li>a:hover {
    color: var(--theme-color);
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 240px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    transition: .5s;
    -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    display: block;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 16px 30px;
    border-bottom: 1px solid #ffffff29;
    line-height: 24px;
    text-transform: capitalize;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-size: 16px;
    color: #454456;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #222;
    font-weight: 700;
    font-family: "Roboto";
    border-bottom: 1px solid #f2f2f2;
}

.main-menu .navigation>li>ul>li>a:hover {
    color: #c19d7d;
}

.main-menu .navigation>li>ul>li>a:before {
}

.main-menu .navigation>li>ul>li>a:hover:before {
}

.main-menu .navigation>li>ul>li:last-child>a {
    border-bottom: 0px;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 240px;
    z-index: 100;
    display: none;
    background-color: var(--theme-color);
    transition: .5s;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    display: block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 16px 30px;
    line-height: 24px;
    font-weight: 600;
    border-bottom: 1px solid #e57777;
    font-size: 15px;
    text-transform: capitalize;
    color: #2a2a2a;
    text-align: left;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
}

.main-menu .navigation>li>ul>li>ul>li:last-child>a {
    border-bottom: 0;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover {
    color: #ffa7a7;
    padding-left: 45px;
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
    position: absolute;
    content: "\f105";
    left: 30px;
    top: 15px;
    display: block;
    line-height: 24px;
    font-size: 18px;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    opacity: 0;
}

.main-menu .navigation>li>ul>li>ul>li>a:hover:before {
    opacity: 1;
}

.main-header .header-upper .contact-info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 30px;
    padding-right: 30px;
    border-right: 1px solid #eee;
    margin-left: 20px;
}

.main-header .header-upper .contact-info .icon {
    position: relative;
    font-size: 24px;
    text-align: center;
    line-height: 68px;
    margin-right: 15px;
    color: var(--theme-color);
    transition: .5s;
}

.main-header .header-upper .contact-info:hover .icon {
    color: #fff;
    background-color: var(--theme-color);
}

.main-header .header-upper .contact-info .icon:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}

.main-header .header-upper .contact-info:hover .icon:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.main-header .header-upper .contact-info .icon span {
    position: relative;
}

.main-header .header-upper .contact-info h4 {
    font-size: 24px;
    line-height: 24px;
    color: #212121;
    font-weight: 400;
}

.main-header .header-upper .contact-info h4 a {
    color: #222;
}

/* header style one style two */
header.main-header.header-style-one.style-two {
    position: relative;
}

/*** 

====================================================================
    Search Popup
====================================================================

***/

/*** 

====================================================================
                Sticky Header
====================================================================

***/

.sticky-header {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    z-index: -1;
    background: #ffffff;
    -webkit-transition: top 300ms ease;
    -o-transition: top 300ms ease;
    transition: top 300ms ease;
}

.fixed-header .sticky-header {
    opacity: 1;
    z-index: 99901;
    visibility: visible;
    background: #fff;
}


/*** 

====================================================================
            Mobile Menu
====================================================================

***/

.nav-outer .mobile-nav-toggler {
    position: relative;
    width: 50px;
    height: 50px;
    line-height: 44px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    float: right;
    margin: 13px 0;
    display: none;
}

.mobile-menu .menu-outer {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
    padding: 0 15px;
}

.mobile-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    padding-right: 30px;
    max-width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
    text-align: center;
}

.mobile-menu .navbar-collapse {
    display: block !important;
}

.mobile-menu .nav-logo {
    position: relative;
    padding: 30px 25px;
    margin-bottom: 100px;
    margin-top: 25px;
    text-align: center;
}

.mobile-menu-visible {
    overflow: hidden;
}

.mobile-menu-visible .mobile-menu {
    opacity: 1;
    visibility: visible;
}

.mobile-menu .menu-backdrop {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    background-color: #000;
    visibility: hidden;
    opacity: 0;
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
    opacity: 0.30;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.mobile-menu .menu-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    background: #202020;
    padding: 0px 0px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    border-radius: 0px;
    -webkit-transform: translateY(101%);
    -ms-transform: translateY(101%);
    transform: translateY(101%);
}

.mobile-menu-visible .mobile-menu .menu-box {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.mobile-menu .close-btn {
    position: absolute;
    right: 20px;
    top: 15px;
    line-height: 30px;
    width: 24px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

.mobile-menu .navigation {
    position: relative;
    display: block;
    width: 100%;
    float: none;
}

.mobile-menu .navigation li {
    position: relative;
    display: block;
}

.mobile-menu .navigation li>ul>li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}

.mobile-menu .navigation li>a {
    position: relative;
    display: block;
    line-height: 24px;
    padding: 10px 0;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li ul li>a {
    font-size: 15px;
    margin-left: 20px;
    text-transform: capitalize;
}

.mobile-menu .navigation li>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.mobile-menu .navigation li.current>a:before {
    height: 100%;
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
    display: none;
}


/* Hidden Bar */

.hidden-sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 99999;
    width: 100%;
    max-width: 400px;
    height: 100%;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #222;
}

.hidden-sidebar-close {
    position: absolute;
    top: 40px;
    right: 50px;
    font-size: 30px;
    cursor: pointer;
    color: #fff;
    text-align: center;
}

.hidden-sidebar .logo {
    margin-bottom: 35px;
}

.hidden-sidebar .wrapper-box {
    height: 100%;
}

.hidden-sidebar .content-wrapper {
    padding: 80px 50px;
    position: relative;
}

.nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    display: none;
    background: rgba(20, 20, 20, 0.70);
    overflow: hidden;
}

.hidden-sidebar .widget h4 {
    position: relative;
    color: #fff;
}

.hidden-sidebar .widget {
    margin-bottom: 40px;
}

.hidden-sidebar .text {
    color: #999;
}

.hidden-sidebar .contact-widget li a {
    color: #999;
}

.hidden-sidebar .contact-widget li {
    color: #999;
}


/*** 

====================================================================
        Banner Section
====================================================================

***/

.banner-section {
    position: relative;
}


.banner-slider {
    position: relative;
    height: 100% !important;
    z-index: 9;
}

.banner-section .swiper-slide {
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner-section .swiper-slide:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    opacity: 0.0;
    content: "";
}

.banner-section .content-outer {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    display: table;
    vertical-align: middle;
}

.banner-section .content-box {
    position: relative;
    padding: 278px 15px 10px;
    min-height: 1070px;
    max-width: 1199px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.banner-section .content-box .inner {
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}

.banner-section .content-box .image-box {
    position: relative;
    opacity: 0;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}

.banner-section .content-box h1 {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    margin-bottom: 30px;
}

.banner-section .content-box h1:before {
    position: absolute;
    content: '';
    height: 3px;
    width: 76px;
    bottom: 0;
    left: 0;
}

.banner-section .content-box.justify-content-center h1:before {
    left: 50%;
    transform: translateX(-50%);
}

.banner-section .content-box h4 {
    position: relative;
    display: block;
    line-height: 1.2em;
    margin-bottom: 30px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    color: var(--theme-color);
    font-size: 24px;
    font-weight: 500;
    font-family: "DM Sans";
}

.banner-section .content-box .text {
    position: relative;
    font-size: 24px;
    font-weight: 300;
    line-height: 34px;
    color: #ffffff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    margin-bottom: 40px;
}

.banner-section .content-box .logo {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    margin-bottom: 15px;
}

.banner-section .content-box .image {
    text-align: right;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.banner-section .link-box {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transition-delay: 2000ms;
    -o-transition-delay: 2000ms;
    transition-delay: 2000ms;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    margin: 0 -10px;
}

.banner-section .link-box a {
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    margin: 0 10px 10px;
}

/* Style Two */


.sub-title {
    font-size: 16px;
    line-height: 1.6em;
    color: #be9a78;
    font-weight: 400;
    font-family: "Roboto";
    position: relative;
    margin-bottom: 5px;
}

.text-light .sub-title{
    color: #fff;
}


.sec-title {
    font-size: 50px;
    line-height: 60px;
    color: #0e2a4e;
    font-weight: 800;
    margin-bottom: 50px;
}

.sec-title {
    font-size: 60px;
    line-height: 1.2em;
    color: #111111;
    font-weight: 600;
    font-family: "Playfair Display";
}

.sec-title .style-two {
    font-size: 40px;
    line-height: 60px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Playfair Display";
}

.text-light .sec-title{
    color:#fff
}

h1.banner-title {
    font-size: 80px;
    letter-spacing: -2px;
    line-height: 80px;
    color: #222222;
    font-weight: 600;
    line-height: 1.2em;
}

.header-top {
    background: #222;
    padding: 10px 0;
}

.header-top .contact-info {
    position: relative;
}

.header-top .contact-info li {
    margin-right: 20px;
}

.header-top .contact-info li a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Roboto";
}

.header-top .login {
    margin-right: 20px;
    position: relative;
    padding-right: 20px;
}

.header-top .login a {
    font-size: 14px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Roboto";
}

.main-logo {
    position: relative;
    margin: 20px 0;
}

/* section one */

section.section-one {
    padding-top: 120px;
    padding-bottom: 90px;
    position: relative;
}

.block-two {
    padding-left: 65px;
    margin-bottom: 30px;
}

.block-two .text-two {
    margin-bottom: 60px;
}

.block-two.style-two .text-two {
    margin-bottom: 50px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 30px;
}

.block-two .bottom-content {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    align-items: center;
}

.block-one .inner-box {
    position: relative;
    max-width: 270px;
}


/* section two */

section.section-two {
    position: relative;
    padding-top: 120px;
    padding-bottom: 90px;
}

section.section-two:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    background: #222;
    height: 540px;
}

section.section-two span {
    background-color: #be9a78;
    padding: 3px 10px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Roboto";
    text-align: center;
    margin-left: 2px;
}

.block-three {
    position: relative;
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 370px;
}

.block-three .inner-box {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    padding: 0 20px;
}

.block-three .title {
    font-size: 16px;
    line-height: 1.5em;
    color: #be9a78;
    font-weight: 400;
    font-family: "Roboto";
    text-align: center;
    margin-bottom: 10px;
}

.block-three .text {
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Playfair Display";
    text-align: center;
}

.block-three .image {
    overflow: hidden;
}

.block-three img {
    transition: .5s;
}

.block-three:hover .image img {
    transform: scale(1.1);
}


/* section three */

/* section four */
section.section-four {
    position: relative;
    padding-bottom: 90px;
    padding-top: 120px;
}

.block-four {
    position: relative;
    margin-bottom: 30px;
}

.block-four .inner-box {
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.block-four .inner-box 
 .text {
    font-size: 24px;
    line-height: 1.2em;
    color: #111111;
    font-weight: 600;
    background-color: #ffffff;
    padding: 11px 30px;
}


/* section five */

/* section six */

section.section-six {
    position: relative;
    padding-top: 245px;
    padding-bottom: 90px;
    background-color: #f5f5f5;
    z-index: -1;
}
.block-six .icon {
    font-size: 50px;
    margin-bottom: 19px;
    position: relative;
    transition: .5s;
    color: #be9a78;
}

.block-six .icon:before {
    position: absolute;
    content: '';
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background-color: #fff8f2;
    top: -13px;
    left: 9px;
    transition: .5s;
}

.block-six {
    text-align: center;
    background-color: #ffffff;
    padding: 45px 37px;
    position: relative;
    margin-bottom: 30px;
}

.block-six h4 {
    font-size: 16px;
    line-height: 1.2em;
    color: #111111;
    font-weight: 400;
    font-family: "Roboto";
    text-align: center;
    position: relative;
    transition: .5s;
}

.block-six .icon i {
    position: relative;

}

.block-six:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    right: 0;
    height: 0;
    background: #be9a78;
    transition: .5s;
}

.block-six:hover:before {
    height: 100%;
}

.block-six:hover .icon {
    color: #fff;
}

.block-six:hover h4 {
    color: #fff;
}

.block-six:hover .icon:before {
    background: #c2a080;
}

/* section seven */


/* testimonials section */


/* section nine */


/* section block ten */

/* section ten */


/* section twelve */

/* section thirteen */

/* section thirteen */


/* check availability */

/* section fourteen */

.block-four .image {
    overflow: hidden;
}

.block-four img {
    transition: .5s;
    width: 100%;
}

.block-four:hover .image img {
    transform: scale(1.1);
}

/* section fifteen */


/* section sixteen */

/* section thirty four */


/* section seventeen */

/* section eighteen */

/* section twenty */


/* section twenty one */


/* section twenty three */

/* section twenty-four */


/* section twenty five */

/* section twenty-six */

/* section twenty seven */


/* section twenty eight */

/* section-twenty-nine */


/* section-thirteen */

/* section-thirty-one */

/* section-thirty-two */

/* page-title */

.content-wrapper h1 {
    font-size: 80px;
    letter-spacing: -2px;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 600;
    font-family: "Playfair Display";
    text-align: center;
}

/* section thirty-three */


/* section-thirty-four */


/* section thirty five */

/* section thirty seven */

/* section thirty eight */


/* section thirty nine */


/*section block forty */


 /* accordion-box-style-two  */

/* section fourty four */

/* section fourty five */

/* section fourty six */

/* section fourty seven */

/* section fourty eight */

/* section fifty */


/* section fifty one */


/* section fifty six */

/* contact section */

.contact-block {
    margin-top: 61px;
    margin-left: -150px;
    background: #ffff;
    padding: 80px 95px;
    filter: drop-shadow(0px 14px 14px rgba(0,0,0,0.04));
    background-color: #ffffff;
}

.contact-block .text {
    font-size: 16px;
    line-height: 30px;
    color: #777777;
    font-weight: 400;
    font-family: "Roboto";
    margin-bottom: 40px;
}

/* section eighteen */

/* Footer */
footer.main-footer {
    position: relative;
    padding-top: 100px;
}

.footer-logo {
    margin-bottom: 50px;
}

.widget.links-widget {position: relative;margin-bottom: 45px;margin-left: -50px;padding-right: 70px;}

.widget h4 {
    font-size: 18px;
    color: #111111;
    font-weight: 600;
    margin-bottom: 30px;
}

.widget.links-widget ul li a {
    font-size: 16px;
    color: #777777;
    font-weight: 400;
    font-family: "Roboto";
    transition: .5s;
}

.widget.links-widget ul li a:hover {
    color: var(--theme-color);
}

.widget.links-widget ul li {
    margin-bottom: 5px;
}

.contact-widget {
    position: relative;
    margin-bottom: 50px;
}

.contact-widget .text {
    font-size: 16px;
    line-height: 26px;
    color: #777777;
    font-weight: 400;
    font-family: "Roboto";
    margin-bottom: 20px;
}

.contact-widget li {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #777777;
    font-weight: 400;
    font-family: "Roboto";
    margin-bottom: 5px;
}

.contact-widget li a {
    color: #777777;
    transition: .5s;
}

.contact-widget li i {
    margin-right: 10px;
    color: var(--theme-color);
}

.footer-bottom {
    position: relative;
    border-bottom: 40px solid #b18e6d;
}

.footer-bottom .wrapper-box {
    background: var(--theme-color);
    margin-bottom: -40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 35px 50px 20px;
}

.footer-bottom .text {
    position: relative;
    color: #fff;
}

footer.main-footer .widget-wrapper {
    padding-bottom: 40px;
}

@-webkit-keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}

@keyframes ripple {
	70% {
		-webkit-box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 70px rgba(244, 68, 56, .0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
		        box-shadow: 0 0 0 0 rgba(244, 68, 56, .0);
	}
}

/* banner section two */


/* Header style two  */

/* footer style two */
footer.main-footer.style-two .footer-bottom {
    border-bottom-color: transparent;
}

footer.main-footer.style-two footer.main-footer {
    background-size: cover;
}

footer.main-footer.style-two .widget h4 {
    color: #fff;
}

footer.main-footer.style-two .widget.links-widget ul li a {
    color: #d4d3d3;
}

footer.main-footer.style-two .contact-widget .text {
    color: #d4d3d3;
}

footer.main-footer.style-two .contact-widget li a {
    color: #d4d3d3;
}

footer.main-footer.style-two .contact-widget li {
    color: #d4d3d3;
}

footer.main-footer.style-two .contact-widget li a:hover {
    color: var(--theme-color);
}

footer.main-footer.style-two .widget.links-widget ul li a:hover {
    color: var(--theme-color);
}

.menu-bar.sidemenu-nav-toggler {
    position: relative;
    cursor: pointer;
}


/* Sidebar Page Container */

/**/

/* News Block Three */

/* News Block Four */

/*Search Box Widget*/

/*Post Widget*/

/* Blog Categories */

/*Popular Tags*/

/* About Me Widget */

/* Add Banner Widget */

/* Social Links Widget */

/* Twitter Widget */

/* Pagination */

/* Blog Single Post */

/* Blog Post Pagination */


/* comment-form */


/* Contact Form */

/* Related Blog Post */


/*=== Gallery Widget ===*/

/* header style three */

/* main slider style two */

section.banner-section.style-two {
    padding: 0 100px;
    background: #111;
}

section.banner-section.style-two .content-box {
    max-width: 100%;
    padding-left: 60px;
    padding-bottom: 60px;
    align-items: flex-end;
    min-height: 670px;
}

section.banner-section.style-two h1.banner-title {
    font-size: 60px;
    line-height: 70px;
}

/* check availability */


/* feature icon section */

/* block thirty one */