/*!
Theme Name: chateau-grande
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chateau-grande
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

chateau-grande is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
 
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
    - Normalize
    - Box sizing
# Base
    - Typography
    - Elements
    - Links
    - Forms
## Layouts
# Components
    - Navigation
    - Posts and pages
    - Comments
    - Widgets
    - Media
    - Captions
    - Galleries
# plugins
    - Jetpack infinite scroll
# Utilities
    - Accessibility
    - Alignments

--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');


@font-face {
    font-family: 'Chateau Grande Expanded';
    src: url('fonts/ChateauGrande-Expanded.eot');
    src: url('fonts/ChateauGrande-Expanded.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChateauGrande-Expanded.woff2') format('woff2'),
        url('fonts/ChateauGrande-Expanded.woff') format('woff'),
        url('fonts/ChateauGrande-Expanded.ttf') format('truetype'),
        url('fonts/ChateauGrande-Expanded.svg#ChateauGrande-Expanded') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chateau Grande Normal';
    src: url('fonts/ChateauGrande-Normal.eot');
    src: url('fonts/ChateauGrande-Normal.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChateauGrande-Normal.woff2') format('woff2'),
        url('fonts/ChateauGrande-Normal.woff') format('woff'),
        url('fonts/ChateauGrande-Normal.ttf') format('truetype'),
        url('fonts/ChateauGrande-Normal.svg#ChateauGrande-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chateau Grande Condensed';
    src: url('fonts/ChateauGrande-Condensed.eot');
    src: url('fonts/ChateauGrande-Condensed.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChateauGrande-Condensed.woff2') format('woff2'),
        url('fonts/ChateauGrande-Condensed.woff') format('woff'),
        url('fonts/ChateauGrande-Condensed.ttf') format('truetype'),
        url('fonts/ChateauGrande-Condensed.svg#ChateauGrande-Condensed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chateau Grande';
    src: url('fonts/ChateauGrande.eot');
    src: url('fonts/ChateauGrande.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChateauGrande.woff2') format('woff2'),
        url('fonts/ChateauGrande.woff') format('woff'),
        url('fonts/ChateauGrande.ttf') format('truetype'),
        url('fonts/ChateauGrande.svg#ChateauGrande') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chateau Grande SemiExpanded';
    src: url('fonts/ChateauGrande-SemiExpanded.eot');
    src: url('fonts/ChateauGrande-SemiExpanded.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChateauGrande-SemiExpanded.woff2') format('woff2'),
        url('fonts/ChateauGrande-SemiExpanded.woff') format('woff'),
        url('fonts/ChateauGrande-SemiExpanded.ttf') format('truetype'),
        url('fonts/ChateauGrande-SemiExpanded.svg#ChateauGrande-SemiExpanded') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chateau Grande SemiCondensed';
    src: url('fonts/ChateauGrande-SemiCondensed.eot');
    src: url('fonts/ChateauGrande-SemiCondensed.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChateauGrande-SemiCondensed.woff2') format('woff2'),
        url('fonts/ChateauGrande-SemiCondensed.woff') format('woff'),
        url('fonts/ChateauGrande-SemiCondensed.ttf') format('truetype'),
        url('fonts/ChateauGrande-SemiCondensed.svg#ChateauGrande-SemiCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-Bold.eot');
    src: url('fonts/HarrietText-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-Bold.woff2') format('woff2'),
        url('fonts/HarrietText-Bold.woff') format('woff'),
        url('fonts/HarrietText-Bold.ttf') format('truetype'),
        url('fonts/HarrietText-Bold.svg#HarrietText-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-MediumItalic.eot');
    src: url('fonts/HarrietText-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-MediumItalic.woff2') format('woff2'),
        url('fonts/HarrietText-MediumItalic.woff') format('woff'),
        url('fonts/HarrietText-MediumItalic.ttf') format('truetype'),
        url('fonts/HarrietText-MediumItalic.svg#HarrietText-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-Medium.eot');
    src: url('fonts/HarrietText-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-Medium.woff2') format('woff2'),
        url('fonts/HarrietText-Medium.woff') format('woff'),
        url('fonts/HarrietText-Medium.ttf') format('truetype'),
        url('fonts/HarrietText-Medium.svg#HarrietText-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-LightItalic.eot');
    src: url('fonts/HarrietText-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-LightItalic.woff2') format('woff2'),
        url('fonts/HarrietText-LightItalic.woff') format('woff'),
        url('fonts/HarrietText-LightItalic.ttf') format('truetype'),
        url('fonts/HarrietText-LightItalic.svg#HarrietText-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-BoldItalic.eot');
    src: url('fonts/HarrietText-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-BoldItalic.woff2') format('woff2'),
        url('fonts/HarrietText-BoldItalic.woff') format('woff'),
        url('fonts/HarrietText-BoldItalic.ttf') format('truetype'),
        url('fonts/HarrietText-BoldItalic.svg#HarrietText-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-Light.eot');
    src: url('fonts/HarrietText-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-Light.woff2') format('woff2'),
        url('fonts/HarrietText-Light.woff') format('woff'),
        url('fonts/HarrietText-Light.ttf') format('truetype'),
        url('fonts/HarrietText-Light.svg#HarrietText-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-Regular.eot');
    src: url('fonts/HarrietText-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-Regular.woff2') format('woff2'),
        url('fonts/HarrietText-Regular.woff') format('woff'),
        url('fonts/HarrietText-Regular.ttf') format('truetype'),
        url('fonts/HarrietText-Regular.svg#HarrietText-Regular') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Harriet Text';
    src: url('fonts/HarrietText-RegularItalic.eot');
    src: url('fonts/HarrietText-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/HarrietText-RegularItalic.woff2') format('woff2'),
        url('fonts/HarrietText-RegularItalic.woff') format('woff'),
        url('fonts/HarrietText-RegularItalic.ttf') format('truetype'),
        url('fonts/HarrietText-RegularItalic.svg#HarrietText-RegularItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-Bold.eot');
    src: url('fonts/Metric-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-Bold.woff2') format('woff2'),
        url('fonts/Metric-Bold.woff') format('woff'),
        url('fonts/Metric-Bold.ttf') format('truetype'),
        url('fonts/Metric-Bold.svg#Metric-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-Medium.eot');
    src: url('fonts/Metric-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-Medium.woff2') format('woff2'),
        url('fonts/Metric-Medium.woff') format('woff'),
        url('fonts/Metric-Medium.ttf') format('truetype'),
        url('fonts/Metric-Medium.svg#Metric-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-RegularItalic.eot');
    src: url('fonts/Metric-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-RegularItalic.woff2') format('woff2'),
        url('fonts/Metric-RegularItalic.woff') format('woff'),
        url('fonts/Metric-RegularItalic.ttf') format('truetype'),
        url('fonts/Metric-RegularItalic.svg#Metric-RegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-BlackItalic.eot');
    src: url('fonts/Metric-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-BlackItalic.woff2') format('woff2'),
        url('fonts/Metric-BlackItalic.woff') format('woff'),
        url('fonts/Metric-BlackItalic.ttf') format('truetype'),
        url('fonts/Metric-BlackItalic.svg#Metric-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-BoldItalic.eot');
    src: url('fonts/Metric-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-BoldItalic.woff2') format('woff2'),
        url('fonts/Metric-BoldItalic.woff') format('woff'),
        url('fonts/Metric-BoldItalic.ttf') format('truetype'),
        url('fonts/Metric-BoldItalic.svg#Metric-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-MediumItalic.eot');
    src: url('fonts/Metric-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-MediumItalic.woff2') format('woff2'),
        url('fonts/Metric-MediumItalic.woff') format('woff'),
        url('fonts/Metric-MediumItalic.ttf') format('truetype'),
        url('fonts/Metric-MediumItalic.svg#Metric-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-Semibold.eot');
    src: url('fonts/Metric-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-Semibold.woff2') format('woff2'),
        url('fonts/Metric-Semibold.woff') format('woff'),
        url('fonts/Metric-Semibold.ttf') format('truetype'),
        url('fonts/Metric-Semibold.svg#Metric-Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-LightItalic.eot');
    src: url('fonts/Metric-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-LightItalic.woff2') format('woff2'),
        url('fonts/Metric-LightItalic.woff') format('woff'),
        url('fonts/Metric-LightItalic.ttf') format('truetype'),
        url('fonts/Metric-LightItalic.svg#Metric-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-Light.eot');
    src: url('fonts/Metric-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-Light.woff2') format('woff2'),
        url('fonts/Metric-Light.woff') format('woff'),
        url('fonts/Metric-Light.ttf') format('truetype'),
        url('fonts/Metric-Light.svg#Metric-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-Regular.eot');
    src: url('fonts/Metric-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-Regular.woff2') format('woff2'),
        url('fonts/Metric-Regular.woff') format('woff'),
        url('fonts/Metric-Regular.ttf') format('truetype'),
        url('fonts/Metric-Regular.svg#Metric-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-Thin.eot');
    src: url('fonts/Metric-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-Thin.woff2') format('woff2'),
        url('fonts/Metric-Thin.woff') format('woff'),
        url('fonts/Metric-Thin.ttf') format('truetype'),
        url('fonts/Metric-Thin.svg#Metric-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-ThinItalic.eot');
    src: url('fonts/Metric-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-ThinItalic.woff2') format('woff2'),
        url('fonts/Metric-ThinItalic.woff') format('woff'),
        url('fonts/Metric-ThinItalic.ttf') format('truetype'),
        url('fonts/Metric-ThinItalic.svg#Metric-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-Black.eot');
    src: url('fonts/Metric-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-Black.woff2') format('woff2'),
        url('fonts/Metric-Black.woff') format('woff'),
        url('fonts/Metric-Black.ttf') format('truetype'),
        url('fonts/Metric-Black.svg#Metric-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metric';
    src: url('fonts/Metric-SemiboldItalic.eot');
    src: url('fonts/Metric-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Metric-SemiboldItalic.woff2') format('woff2'),
        url('fonts/Metric-SemiboldItalic.woff') format('woff'),
        url('fonts/Metric-SemiboldItalic.ttf') format('truetype'),
        url('fonts/Metric-SemiboldItalic.svg#Metric-SemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond';
    src: url('fonts/ChronicleDeckCond-BoldItalic.eot');
    src: url('fonts/ChronicleDeckCond-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChronicleDeckCond-BoldItalic.woff2') format('woff2'),
        url('fonts/ChronicleDeckCond-BoldItalic.woff') format('woff'),
        url('fonts/ChronicleDeckCond-BoldItalic.ttf') format('truetype'),
        url('fonts/ChronicleDeckCond-BoldItalic.svg#ChronicleDeckCond-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond';
    src: url('fonts/ChronicleDeckCond-Italic.eot');
    src: url('fonts/ChronicleDeckCond-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChronicleDeckCond-Italic.woff2') format('woff2'),
        url('fonts/ChronicleDeckCond-Italic.woff') format('woff'),
        url('fonts/ChronicleDeckCond-Italic.ttf') format('truetype'),
        url('fonts/ChronicleDeckCond-Italic.svg#ChronicleDeckCond-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond';
    src: url('fonts/ChronicleDeckCond-Roman.eot');
    src: url('fonts/ChronicleDeckCond-Roman.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChronicleDeckCond-Roman.woff2') format('woff2'),
        url('fonts/ChronicleDeckCond-Roman.woff') format('woff'),
        url('fonts/ChronicleDeckCond-Roman.ttf') format('truetype'),
        url('fonts/ChronicleDeckCond-Roman.svg#ChronicleDeckCond-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond';
    src: url('fonts/ChronicleDeckCond-Black.eot');
    src: url('fonts/ChronicleDeckCond-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChronicleDeckCond-Black.woff2') format('woff2'),
        url('fonts/ChronicleDeckCond-Black.woff') format('woff'),
        url('fonts/ChronicleDeckCond-Black.ttf') format('truetype'),
        url('fonts/ChronicleDeckCond-Black.svg#ChronicleDeckCond-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond';
    src: url('fonts/fonts/ChronicleDeckCond-BlackItalic.eot');
    src: url('fonts/fonts/ChronicleDeckCond-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/fonts/ChronicleDeckCond-BlackItalic.woff2') format('woff2'),
        url('fonts/fonts/ChronicleDeckCond-BlackItalic.woff') format('woff'),
        url('fonts/fonts/ChronicleDeckCond-BlackItalic.ttf') format('truetype'),
        url('fonts/fonts/ChronicleDeckCond-BlackItalic.svg#ChronicleDeckCond-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond';
    src: url('fonts/ChronicleDeckCond-Bold.eot');
    src: url('fonts/ChronicleDeckCond-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChronicleDeckCond-Bold.woff2') format('woff2'),
        url('fonts/ChronicleDeckCond-Bold.woff') format('woff'),
        url('fonts/ChronicleDeckCond-Bold.ttf') format('truetype'),
        url('fonts/ChronicleDeckCond-Bold.svg#ChronicleDeckCond-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond Semi';
    src: url('fonts/ChronicleDeckCond-SemiItalic.eot');
    src: url('fonts/ChronicleDeckCond-SemiItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChronicleDeckCond-SemiItalic.woff2') format('woff2'),
        url('fonts/ChronicleDeckCond-SemiItalic.woff') format('woff'),
        url('fonts/ChronicleDeckCond-SemiItalic.ttf') format('truetype'),
        url('fonts/ChronicleDeckCond-SemiItalic.svg#ChronicleDeckCond-SemiItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Chronicle Deck Cond Semi';
    src: url('fonts/ChronicleDeckCond-Semi.eot');
    src: url('fonts/ChronicleDeckCond-Semi.eot?#iefix') format('embedded-opentype'),
        url('fonts/ChronicleDeckCond-Semi.woff2') format('woff2'),
        url('fonts/ChronicleDeckCond-Semi.woff') format('woff'),
        url('fonts/ChronicleDeckCond-Semi.ttf') format('truetype'),
        url('fonts/ChronicleDeckCond-Semi.svg#ChronicleDeckCond-Semi') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


html { -webkit-text-size-adjust: 100%; font-size: 100%;  /*scroll-behavior: smooth;*/ }
* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

body { font-family: 'Metric'; font-size: 16px; line-height: 26px; margin: 0; padding: 0; color: #000; overflow: auto; overflow-x: hidden; letter-spacing: 1px; font-weight: normal; }
.site { overflow: hidden !important; }

h1, .h1,  .heading-main { font-size: 166px; line-height: 130px; padding: 0; margin: 10px 0; font-family: 'Chateau Grande Condensed'; color: #ba996b; letter-spacing: 3.9px;      font-weight: normal; }
h2, .h2, .title-main { font-size: 90px; line-height:87px; padding: 0; margin: 20px 0; font-family:'Chateau Grande Condensed';  color: #ba996b; letter-spacing: 2.17px;     font-weight: normal; }
h3, .h3 { font-size: 30px; line-height: 40px; padding: 0; margin: 10px 0;font-family:'Chateau Grande Condensed';  color: #ba996b;     font-weight: normal; }
h4, .h4 { font-size: 24px; line-height: 34px; padding: 0; margin: 10px 0;font-family:'Chateau Grande Condensed';  color: #ba996b;     font-weight: normal; }
h5, .h5 { font-size: 22px; line-height: 32px; padding: 0; margin: 10px 0;font-family:'Chateau Grande Condensed';  color: #ba996b;     font-weight: normal; }
h6, .h6 { font-size: 20px; line-height: 30px; padding: 0; margin: 10px 0;font-family:'Chateau Grande Condensed';  color: #ba996b;     font-weight: normal; }


.container { max-width: 1440px; padding: 0px 40px; width: 100%; margin: 0 auto; }
.full-container { padding: 0px 40px; width: 100%; margin: 0 auto; max-width: 100%; }

.title-section { max-width: 1200px; margin: 0 auto;  }

.bg-for-mobile, .bg-for-ipad { display: none; }

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

a { border-radius: 0; transition: all ease 0.5s;  -webkit-transition: all ease 0.5s;  -moz-transition: all ease 0.5s; color: #ba996b;  }
a:hover, a:focus, a:active, .btn:focus { text-decoration:none; outline: none; color: #000; box-shadow: none; }

div:empty, div:blank {
   display: none;
}

.for-mobile { display: none; }

.btn { position: relative; z-index: 1; overflow: hidden; padding:16px 20px 10px;font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: 4.5px;  font-family: 'Metric'; font-weight: normal; background-color: #ba996b; border-radius:  0;  border: none; line-height: 20px; min-width: 120px; text-transform: uppercase;  }

.btn:hover, .btn:focus, .btn:active { background-color:  #ba996b;  color: #fff; }
.btn:before { content: ""; height: 100%; width: 0; position: absolute;  background-color: #000; position: absolute; top: 0; left: 0; z-index: -1; transition: all ease 0.5s;  -webkit-transition: all ease 0.5s;  -moz-transition: all ease 0.5s;  }
.btn:hover:before { width: 100%; }

.btn.btn-primary { background-color: #ba996b; }
.btn.btn-primary:before {  background-color: #000;  }

.btn.btn-secondary { border: 2px solid #ba996b; min-width: 272px; font-size: 25px;  font-family: Chateau Grande Expanded;   letter-spacing: 0.61px;text-transform: uppercase; color: #000; padding: 20px 40px; background-color: transparent; position: relative; z-index: 1 }
.btn.btn-secondary:hover { color: #fff; }
.btn.btn-secondary:before { background-color: #ba996b; }

a.btn:not([href]) { color: #fff; }
a.btn:not([href]):hover { color: #fff; }

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {     color: inherit; background-color: inherit; border-color: inherit; }

.cli-style-v2 .cli-bar-btn_container .cli-plugin-button { position: relative; z-index: 1; overflow: hidden; padding:16px 20px 10px;font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: 4.5px;  font-family: 'Metric'; font-weight: normal; background-color: #ba996b !important; border-radius:  0;  border: none; line-height: 20px; min-width: 120px; text-transform: uppercase;  }
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button:before { content: ""; height: 100%; width: 0; position: absolute;  background-color: #fff; position: absolute; top: 0; left: 0; z-index: -1; transition: all ease 0.5s;  -webkit-transition: all ease 0.5s;  -moz-transition: all ease 0.5s; }
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button:hover { background-color:  #ba996b !important;  color: #ba996b !important; }
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button:hover:before { width: 100%; }



.bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; }
.bg-cover img { opacity: 0; visibility: hidden; width: 100%; }

.border-btm { position: relative; }
.border-btm:after { content: '';  border-bottom: 10px solid  #ba996b; height: 10px; width: 0; position: absolute;  transition: all ease 2s;bottom: 0; left: 0;     transition-duration: 2s;     transition-delay: 1s;}
.border-btm.aos-animate:after { width: 100%; }


select::-ms-expand { display: none; }
input, textarea {-webkit-appearance: none; border-radius: 0, -webkit-border-radius: 0, -moz-border-radius: 0; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(images/select-down-arrow.svg);  height: 42px; background-repeat: no-repeat; background-position: right center; padding-right: 35px !important;     background-position: right center;  }

/*-- Skin css --*/
.text-white { color: #fff !important; }
.text-black { color: #000 !important; }
.skin--brown { background-color: #ba996b !important; color: #fff !important; }
.skin--brown .heading-main:before {  background-color: #ba996b !important; }

.full-item { width: 100% !important; }

.bg-for-desktop, .item-for-mobile { display: none; }
 .item-for-mobile { display: none !important; }

/*-- slick css --*/
.slick-slide { outline: none; }
.slick-arrow { background-color: transparent; font-size: 0; border: 0; border-radius: 0; outline: none; position: absolute; top: 50%; transform: translateY(-50%); width: 62px; height: 62px; background-repeat: no-repeat; background-position: center; background-size: 36px; z-index: 2; }
.slick-arrow.slick-prev { left: 0; background-image: url(images/Arrow_left.svg); }
.slick-arrow.slick-next { right: 0; background-image: url(images/Arrow_right.svg); }

.slick-arrow.slick-prev:before, .slick-arrow.slick-next:before { content: "";width: 62px; height: 62px; background-repeat: no-repeat; background-position: center; background-size: 36px; position: absolute; top: 0; left: 0; transition: all ease 0.5s; transform: scale(0);  }

.slick-arrow.slick-prev:before { background-image: url(images/Arrow_left_white.svg);     }

.slick-arrow.slick-next:before { background-image: url(images/Arrow_right_white.svg);    }
.slick-arrow:hover:before { transform: scale(1);  }

.slick-arrow:focus{ outline: none; }


.slick-dots, .progressBarContainer { display: flex; font-size: 0; margin: 48px 0 0; }
.slick-dots li, .slider-dots li { width: 100%; height: 5px; background-color:rgba(255,255,255,0.5); position: relative; overflow: hidden; cursor: pointer; }
.slick-dots li:before, .slider-dots li:before { content: ''; height: 100%; width: 0; position: absolute; transition: all ease 0.5s; background-color: #fff;  }
.slick-dots li.slick-active:before, .slider-dots li.slick-active:before  { width: 100%; }

.progress { display: block; width: 100%; height: 10px; border-radius: 10px; overflow: hidden; background-color: #f5f5f5; background-image: linear-gradient(to right, black, black); background-repeat: no-repeat; background-size: 0 100%; transition: background-size .4s ease-in-out; }

span.progressBar { width: 100%; height: 4px; background-color: rgba(255, 255, 255, 0.4); display: block; } span.progressBar .inProgress {background-color: rgba(255, 255, 255, 1); width: 0%; height: 4px; }

.menu-main-menu-container { display: inline-block; vertical-align: middle; }



.loader {     height: 100vh; position: fixed; z-index: 1299 ; top: 0; width: 100%; background-color: #fff; transition: all ease 0.5s; }
.loader.hidden { opacity: 0; z-index: -1; }
.spinner { width: 80px; height: 80px;     left: 0; position: absolute; right: 0; margin: 0 auto;
    top: 50%; transform: translateY(-50%); }
.double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #ba996b; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; }
.double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;background-color: #000; }

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}






.site-header .container { }
.site-header { position: fixed;z-index: 12; width: 100%; left: 0; top: 0;  transition: all ease 0.5s; }
.top-header { text-align: center; padding: 24px 0;  background-color: #fff; position: relative; }
.top-header .container { position: relative; max-width: 100%; }
.logo { display: inline-block;  }
.top-header .book-btn { float: right; margin-top: 0px; outline: none; position: absolute; right: 50px; top: 10px; }
.top-header .book-btn a { min-width: 110px; }

.main-menu { background-color: #000; }
.main-navigation { text-align: center; }
.main-navigation ul { display: inline-block; vertical-align: top;  }
.main-navigation ul > li { display: inline-block;vertical-align: middle; padding:28px 32px 22px; position: relative; }
.main-navigation ul > li > a { text-transform: uppercase;  color: #fff; background: linear-gradient(to right, #ba996b, #ba996b 50%, #fff 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%;  transition: background-position 275ms ease; font-weight: 600; font-family: 'Metric';     display: inline-block; line-height: 16px;     position: relative;}
.main-navigation ul > li > a:hover {  background-position: 0 100%; }


.main-navigation ul > li > ul { position: absolute; width: 200px; top:100px;  background-color: #000; opacity: 0; transition: all ease 0.5s; pointer-events: none; left: 0; }
.main-navigation ul > li > ul li { width: 100%; padding: 10px 30px; display: inline-block;  text-align: left; }
.main-navigation ul > li > ul ul { left:200px; opacity: 0; top: 20px;  }


.main-navigation ul > li:hover > ul { top: 85px; opacity: 1; pointer-events: auto; }

.main-navigation ul > li > ul li:hover ul { opacity: 1; top: 0;  } 

.mobile-logo  {  position: absolute; left: 0; right: 0; margin: 0 auto;   top: -7px; opacity: 0; z-index: -1; }



.main-menu {  align-items: center; padding: 0px 50px; display: flex;  justify-content: center; }

.main-navigation ul > li > a:before { content: ""; height: 2px ; width: 0; position:absolute; top: 100%; background-color: #fff; bottom: 10px;     bottom: 0; margin: 5px 0 0; left: 50%; transition: all ease 0.5s; transition-delay: 1s;  }
.main-navigation ul > li.current-menu-item > a:before { left: 0; width: 100%; }



/*-- Banner --*/
.banner-section {     }
.banner-section .bg-cover { position: relative;/* min-height: 800px; */     padding-bottom: 55%; height: 0;   }
.slider-wrap { min-height: calc(100vh - 200px );  max-height: calc(100vh - 200px ); position: relative; overflow: hidden; }
.fade-slider .slider-track { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); }
  
.fade-slider .item .bg-cover {   width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1); }
.fade-slider .item.slick-active .bg-cover  { transform: scale(1); }

.slider-progress .progress { width: 0%; height: 10px; background: #ba996b; border-radius: 0;  position: absolute; bottom: 0; }

/*.banner-slider1 .slider-track { transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); }
  
.banner-slider1 .item .bg-cover {   width: 100%; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transform: scale(1.2); }
.banner-slider1 .item.slick-active .bg-cover  { transform: scale(1); }
*/

.single-photo-slider { position: relative; min-height: calc(100vh - 100px );  max-height: calc(100vh - 100px ); overflow: hidden; }

/*-- middle-text-section --*/

.middel-text-box  { background-color: #000; color: #fff; max-width: 614px; padding: 70px 70px 100px;    margin: -260px auto 0;opacity: 0.7 !important;}
.middel-text-box .heading-main { color: #fff; text-align: center;letter-spacing: 9.24px; line-height: 110px;  }
.middel-text-box .heading-main span { display: block;font-size: 32px;  line-height: 30px;  font-family: 'Chateau Grande Expanded';    
font-style: normal; letter-spacing: 3.08px; text-transform: uppercase; }


.middel-text-box .heading-main:before  { content: ""; height: 100%; width: 100%; position: absolute; background-color: #000; bottom:  0; transition: all ease 3s; transition-duration: 3s; animation-delay: 3s; right: 0; }
.middel-text-box.aos-animate .heading-main:before { width: 0;}







/*.down-arrow { padding: 60px 0; text-align: center; position: relative; }

.arrow-down-animation { display: inline-block; position: absolute; top: 50px; left: 0; right: 0; margin: 0 auto; }
.arrow-down-animation:before { content: ""; height: 100%; width: 100%; position: absolute; background-color: #fff; animation: mymove 2s infinite; }
@keyframes mymove {
 from {top: 0px;}
  to {top: 100%;}
}*/
.down-arrow { padding: 60px 0; text-align: center; position: relative; }
.arrows { position: relative; position: absolute; top: 100px; left: 50%; width: 60px; height: 60px; transform: translate(-50%, -50%); }
 
    body .arrows .arrows-bar { content: ''; position: absolute; width: 100%; height: 100%; background-image: url(images/Arrow_Down.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0; left: 13px; transition: opacity 0.25s ease;
    }
    body .arrows .arrows-bar1 { animation: arrows 2s linear infinite; }
  /*  body .arrows .arrows-bar2 { animation: arrows 3s linear infinite -1.5s;  }
    body .arrows .arrows-bar3 { animation: arrows 3s linear infinite -0.75s;  }*/

    @keyframes arrows {
      0% {
        opacity: 0;
        transform: translate(-13.3333333333px, -40.3333333333px) rotate(0deg);
      }
      10%, 90% {
        opacity: 0;
      }
      50% {
        opacity: 1;
        transform: translate(-13.3333333333px, 0px) rotate(0deg);
      }
      100% {
        opacity: 0;
        transform: translate(-13.3333333333px, 40.3333333333px) rotate(0deg);
      }
    }







/*-- parallax image section --*/
.home-photos-section { clear: both;  position: relative; padding: 80px 0; }
.photos-grid .item {  }

.parallax-item .item-img { position: relative; overflow: hidden; width: 100%;}
.parallax-item img { opacity: 0;     width: 100%; }

.parallax-img { position: absolute; top: 0; left: 0; height: 125%; width: 100%;  background-position: top center; transition: all linear 0.8s; }
.grid-photos-section .title-section { max-width: 890px; margin: 0 auto 90px; text-align: center; }
.photos-grid.row, .photos-grid .row { margin:  0px -20px; display: flex;flex-wrap: wrap; }
.photos-grid .item { padding: 20px 20px; }  
.home-photos-section .photos-grid .item.full-item {      padding-left: 0; padding-right: 0;   width: 100%; max-width: 1140px;     margin-left: -40px; }
.home-photos-section .photos-grid .item:nth-child(2) {  margin: 80px 0 0; }

.large-text { position: absolute; }


.home-photos-section .photos-grid .item:nth-child(1) { position: relative; z-index: 1; }



/*-- large text animation --*/
.large-text:before  { content: ""; height: 100%; width: 100%; position: absolute; background-color: #fff; bottom:  0; transition: all ease 2s; transition-duration: 2s; animation-delay: 2s; left: auto; }
.large-text.aos-animate:before { height: 0; }

.large-text.a-text { width: 800px; } 

.large-text.a-text {        top: 200px; right: 75%; }
.large-text.e-text {     top: 38%; right: 0px;}

.large-text.a-text img, .large-text.a-text svg {  width: 800px; height: 1581px; }
.large-text.e-text img, .large-text.e-text svg {     width: 190px; height: 1239px; }

.large-text.a-text .svg, .large-text.e-text .svg  { max-height: 0; overflow: hidden; -webkit-transition: max-height 3s; -moz-transition: max-height 3s; transition: max-height 3s;transition-duration: 3s; animation-delay: 3s; }

.large-text.aos-animate .svg { max-height: 1400px; } 

.large-text.a-text, .large-text.e-text  {height: 0;  transition: all ease 4s; transition-duration: 4s; animation-delay: 4s;  }
.large-text.a-text:before, .large-text.e-text:before { display: none !important; }
.large-text.aos-animate.a-text, .large-text.aos-animate.e-text  { height: 1400px; }


.large-text.c-text { top: -185px; left: -520px;  z-index: -1; }
.large-text.r-text {     bottom: -200px;  left: -20%; z-index: -1; }

.large-text.r-text-reverse {       top: -9%; left:-50px; }
.large-text.g-text {      bottom: 18%; left: 83%; z-index: -1 }

.large-text.c-text-reverse {        top: -80px; left: 35%; z-index: -1; }
.large-text.g-text-rotate {        top: 75%; left: 88%;z-index: -1;}


.large-text.c-text svg path, .large-text.r-text svg path{ fill: #000; }
.large-text.r-text-reverse svg path, .large-text.a-text svg  path, .large-text.e-text svg path, .large-text.wedding-5-text  svg path { fill: #b9996a }

.large-text.wedding-5-text {     top: -180px; left: -10%; z-index: -1; }
.large-text.wedding-5-text .svg {     width:  120vw; height: 130%; max-height: none; }

.large-text.wedding-4-text {     bottom: -200px; left: -220px; z-index: -1; }
.large-text.wedding-4-text .svg { width: 595px; height: 1200px; max-height: none; }

.large-text.wedding-3-text {        top: -220px; right: -390px; z-index: -1; }
.large-text.wedding-3-text .svg { width: 985px; height: 2000px;  max-height: none;}


/*-- hotel-destination-section --*/
.hotel-destination-section { padding: 110px 0 200px; position: relative; }
.hotel-destination-section .cheteau-logo-colored {     margin: 50px 0; text-align: center; }
.hotel-destination-section .cheteau-logo-colored .svg { width: 150px;display: inline-block; }
.hotel-destination-section .full-width-img { margin: 140px 0; }
.hotel-destination-section .hotel-info-text { max-width: 730px; margin:100px auto; text-align: center;color:black; }
.text-italic { font-size: 25px; font-style: italic; letter-spacing: 0.61px; line-height: 34px; text-align: center; color: #ba996b; font-family: 'Chronicle Deck Cond';     font-weight: normal;  max-width: 750px; margin: 0 auto;  }
.hotel-destination-section .title-section { max-width: 1000px;  }
.hotel-destination-section .parallax-img { transform: none !important; background-position: center center; height: 100%; max-width: 1198px;
    margin: 0 auto; display: block; right: 0; }
    .hotel-destination-section .hotel-info-text p {
        padding: 0px 10px;
}
.hotel-destination-section .hotel-info-text p a:hover {
    font-family: 'Chronicle Deck Cond Semi';
    color: #ba996b;
}

/*-- rooms-section --*/

.rooms-section { padding: 65px 0 75px;  }
.rooms-section .container { max-width: 1700px; }
.rooms-section .title-main { font-size: 77px; letter-spacing: 1.88px; line-height: 87px; }
.rooms-section .rooms-slider, .progressBarContainer { padding: 0px 80px; position: relative;  }
.rooms-slider-wrap { position: relative; margin:100px 0 0; }
.pagingInfo { position: absolute;  left: 130px; top: 35px; background-color: #fff; color: #000; padding:10px 25px 5px; font-size: 18px; display: inline-block; vertical-align: top; }

.rooms-slider .bg-for-ipad { display: none;  }
.rooms-slider .bg-for-mobile { display: none;  }

.suite-book-btn { color: #ffffff; font-family: "Metric"; font-size: 18px; font-weight: 500; font-style: normal; letter-spacing: -0.36px; line-height: normal; text-align: left; background-color: rgba(0, 0, 0, 0.82); position: absolute;    bottom: 50px; left: 30px; display: inline-block; 
padding: 24px 30px 20px; padding-left: 60px; min-width: 267px; color: #fff; }
.suite-book-btn:before { content: ""; height: 30px; width: 30px; background-image: url(images/plus-icon.svg); position: absolute; left: 18px; top: 0; background-repeat: no-repeat; background-position: center center;  top: 18px; }

.suite-book-btn:hover { background-color: #ba996b; color: #fff }

.rooms-slider .item { position: relative; }
.rooms-slider-wrap .slick-dots { display: none !important; }

/* .slick-slider .parallax-img { transform: none !important;     background-position: center; } */
.rooms-slider .item .bg-cover {
    padding-bottom: 60%;
    height: 0;
}



/*-- single-photo-section --*/
.single-photo-section { margin: 100px 0; position: relative;  }
.single-photo-section .title-section { max-width: 850px; margin: 0 auto 50px; }
.single-photo-section .full-width-img { margin: 110px 0 0; }


.photos-grid-section { margin:160px 0 120px; position: relative; }
.photos-grid .item .item-inner { width: 100%; display: inline-block; }

.photos-grid .item .item-inner { margin-bottom: 40px; }
.photos-grid .item:first-child { position: relative;}
.photos-grid .item:first-child .item-inner:last-child  { padding-left: 80px; }
.photos-grid .item:last-child .item-inner:last-child { padding-right: 80px; }
.photos-grid .item:nth-child(2) { margin-top: 65px; }
.photos-grid-section .photos-grid .item:first-child { position: relative; z-index: 1; }

.photos-grid-section .photos-grid .item:first-child .item-inner:last-child  { padding-left: 130px; }
.photos-grid-section .photos-grid .item:last-child .item-inner:last-child { padding-right: 130px; }



/*--  booking-cta  --*/
.booking-cta  {   margin: 52px auto 0; position: relative; }
.booking-cta a { margin: 26px 0 0;  }
.booking-cta .btn.btn-secondary { }
.booking-cta .title-main { line-height: 80px; }
.booking-cta .middel-text-box { margin-bottom: 50px; margin-top: 0;        padding: 80px 40px 90px; max-width: max-content;}

.quote-section { text-align: center; margin: 115px 0; }
.quote-section blockquote { font-family: "Chateau Grande Condensed"; font-size: 90px; font-style: normal; letter-spacing: 2.19px; line-height: 87px; text-align: center; color: #000; max-width: 830px; margin: 0 auto 50px; }
.quote-section .quote-person-name { color: #000000; font-family: "Chateau Grande Expanded"; font-size: 25px; font-style: normal; letter-spacing: 0.61px; line-height: normal; text-align: center; text-transform: uppercase; margin: 50px 0 0;  }


/*-- Event section --*/
.event-section { margin: 130px 0 110px; position: relative; }
.event-title  {  margin: 80px 0; }
.event-title .title-section { margin-bottom: 100px;     max-width: 940px;  }
.event-title .title-section .btn { margin: 50px 0 0; }
.event-section .photos-grid { margin-top:80px; margin: 0; }
.event-section .photos-grid .row { margin: 0 -22px; }

.parallax-item .photos-label {  background-color: #000000; padding: 35px 10px 30px; display: inline-block; width: 100%;  position: absolute; bottom: 0; left: 0; }
.parallax-item .photos-label h4 { color: #fff;  font-family: 'Metric';  font-size: 32px;
font-weight: 500; font-style: normal; letter-spacing: 1px; line-height: normal; text-align: center;  color: #ffffff; margin: 0;  }


.photos-grid .item.with-title { margin-top: 100px; }
.event-section .middel-title-box { position: absolute;  max-width: 540px; z-index: 1; text-align: center; padding: 55px 20px 33px; left: 0; right: 0; margin: 0 auto;    top: -200px; width: 100%;  }
.event-section .middel-title-box .heading-main { line-height: normal; text-transform: uppercase; }
.event-section .middel-title-box .heading-main span {     display: block; font-size: 32px; line-height: 30px; font-family: 'Chateau Grande Expanded'; font-style: normal; letter-spacing: 3.08px; }

.event-top, .event-middle, .event-bottom { width: 100%; }

.event-section .photos-grid .event-bottom .item:nth-child(2) { margin-top: 0; }

.events-life { padding: 130px 0 100px;  }
.events-life:before { content: ''; background-image: url(images/left-brown-arrow.svg);     height: 52px; width: 0; position: absolute; top: 0; left: 0; background-repeat-y: no-repeat; background-repeat-x: repeat; transition: all ease 1s; transition-delay: 0.5s;     background-repeat: no-repeat;
    background-repeat: repeat-x;} 
.events-life.aos-animate:before { width: 100%; }

.event-section .photos-grid .item:nth-child(2) { margin: 50px 0 0; }

.events-logo { text-align: center; margin: 100px 0; }
.events-logo-wrap { display: inline-block;padding: 20px 30px; position: relative; }
.events-logo-wrap:before, .events-logo-wrap:after, .events-logo-img:before, .events-logo-img:after  { transition: all ease 1s; transition-delay:0.5s; background-color: #ba996b;  }
.events-logo-wrap:before {  content: ""; height: 5px;  width: 100%; position: absolute; top: 0;  bottom: 100%; left: 0; width: 0;  }
.events-logo-wrap:after {  content: ""; height: 5px;  width: 100%; position: absolute; top: 0;  top: 100%; left:  0;   width: 0;}

.events-logo-img:before { content: ""; height:100%;  width: 5px; position: absolute; top: 0;  left:0; top: 0; height: 0; }
.events-logo-img:after { content: ""; height: 100%;  width:5px; position: absolute; top: 0;  right:0; top: 0; height: 0; }
.events-logo-wrap .bg-for-desktop { display: block !important; }

.aos-animate .events-logo-wrap:before, .aos-animate  .events-logo-wrap:after { width: 100%; } 
.aos-animate .events-logo-img:before, .aos-animate  .events-logo-img:after { height:  100%; } 




.event-booking-box { margin: 80px auto 100px; }
.event-booking-box em { max-width: 672px; margin: 0 auto 50px;     display: block; }
.event-booking-box .btn { margin: 50px 0 0  }

.events-logo-section { margin:60px 0 ; position: relative; }
.events-logo-img .for-mobile { display: block; }


.events-logo-img:before, .events-logo-img:after {  } 
.events-logo-wrap:hover .events-logo-img:before, .events-logo-wrap:hover .events-logo-img:after {    -webkit-animation: height-in 1s; } 
.events-logo-wrap:hover:before, .events-logo-wrap:hover:after {    -webkit-animation: width-in 1s; }


@-webkit-keyframes height-in {
 from { height: 0; }
  to { height:100%; }
}

@-webkit-keyframes width-in {
 from { width: 0; }
  to { width:100%; }
}

/*--  Footer --*/

.site-footer { padding: 100px 0 200px; background-color: #ba996b;; color: #000; position: relative; }
.site-footer:after { content: ''; background-image: url(images/left-black-arrow.svg);     height: 52px; width: 0; position: absolute; bottom: 40px; left: 0;  background-repeat-y: no-repeat; background-repeat-x: repeat; transition: all ease 1s; transition-delay: 0.5s;     background-repeat: no-repeat; background-repeat: repeat-x; }
.site-footer.aos-animate:after { width: 100%; }

.site-footer .footer-title { color: #000000; font-family: "Chateau Grande Condensed"; font-size: 24px; font-style: normal; letter-spacing: 0.59px; line-height: normal; text-align: center; margin: 0 0 20px; }

.site-footer a { color: #000; }
.site-footer a:hover { color: #fff; }

.site-footer ul li a { color: #000; }
.site-footer ul li a:hover, .site-footer ul li.current-menu-item a { color: #fff; }

.site-footer .footer-col { width: 20%; padding: 0px 30px; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: 0.39px;
line-height: 22px;  padding-top: 40px;}

.site-footer .footer-col.box-1 { width: 15%; padding-top:0px; }
.site-footer .footer-col.box-3 { width: 18%; }

.site-footer .footer-col address { max-width: 200px; margin: 0 auto; }
.site-footer .footer-col .footer-info span, .site-footer .footer-col .footer-event span { display: block; }

.site-footer .footer-col .social-icons { margin: 20px 0 0; }
.site-footer .footer-col .social-icons ul li { display: inline-block;  padding: 2px  5px  }
.site-footer .footer-col .social-icons ul li a { height: 25px; width: 30px; border: 1px solid #000; padding: 4px; display: inline-block; vertical-align: top; position: relative;  line-height: 15px;}
.site-footer .footer-col .social-icons ul li a .svg { height: 15px; width: 15px; }
.site-footer .footer-col .social-icons ul li a .svg path {     transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s; }
.site-footer .footer-col .social-icons ul li a:hover .svg path { fill: #fff; }
.site-footer .footer-col .social-icons ul li a:hover .svg { fill: #fff; }
.site-footer .footer-col .social-icons ul li a:hover { border-color: #fff; }

.site-footer .footer-col .social-icons ul li a:hover .svg{
    filter: brightness(0) invert(1);
}



.footer-logo .svg { width: 150px; }

footer .call-btn .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

footer .call-btn .btn:hover .svg{
    filter: brightness(10);
}

footer .call-btn .btn .svg{
    width: 18px;
    height: 18px;
    filter: brightness(0);
}

/**/

.check-availability-btn .call-btn .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.check-availability-btn .call-btn .btn:hover .svg{
    filter: brightness(10);
}

.check-availability-btn .call-btn .btn .svg{
    width: 18px;
    height: 18px;
    filter: brightness(0);
}



/*******************************/
/****-------- Wedding page ---------****/
/*******************************/
.middle-content-text { margin: 80px 0; }
.middle-content-text .text-italic{ max-width: 723px; margin:0 auto }
.wedding-photos-grid { margin-top: 80px; }
.wedding-photos-grid .photos-grid .item:nth-child(2) { margin-top: 0; }
.wedding-photos-grid .photos-grid .item:nth-child(1){ margin-top: 160px;  }
.wedding-photos-grid .photos-grid .item:nth-child(1) .item-inner:first-child { margin-bottom: 94px; }
.wedding-photos-grid .full-container { position: relative; }

.wedding-photos-grid  .item-inner { position: relative; }
.small-title-box { max-width: 460px; position: absolute;     bottom: -35px; right: -250px;; text-align: center; padding:52px 30px; z-index: 1; width: 100%;}
.small-title-box .small-title { font-size: 32px; font-weight: 500; line-height: 40px; }

.memories-photos-grid .section-title { margin-bottom: 100px; }
.memories-photos-grid .photos-grid .item:nth-child(2) { margin-top: 210px; align-self: flex-end; }
.memories-photos-grid .photos-grid .item:nth-child(1) { align-self: flex-end; }


.wedding-location-photos-grid .photos-grid .item:nth-child(1) {     align-self: flex-end; }

.wedding-location-photos-grid .photos-grid .photos-grid-inner .item:nth-child(3) { padding-left: 170px; }


.wedding-event-section .event-booking-box em {     max-width: 730px; }
.wedding-event-section { margin-bottom: 200px }

.memories-photos-grid .large-text.a-text {     top: 46%; right: 74%; }

.pattern-img .svg {     width: 100%; height: 100%; }
.single-event-content { position: relative; display: inline-block; width: 100%; vertical-align: top; }
.single-event-content .img-over-text { position: absolute; top: 50%; transform: translateY(-50%); max-width: 518px; left: 0; right: 0; margin: 0 auto; text-align: center; }

.img-over-text .hotel-name { color: #000000; font-family: "Chateau Grande SemiExpanded"; font-size: 23px; font-weight: 500; font-style: normal;
letter-spacing: 0.1px; display: inline-block; position: relative;padding: 10px 15px; }
.img-over-text .hotel-name:before { content: ""; height: 2px; width: 100%; border-bottom:  2px solid #000000; position: absolute; top: 100%; left:0; }
.img-over-text h2 { color: #000;letter-spacing: 2.19px; line-height: 87px; padding-bottom: 15px; margin: 10px 0;  }

.grid-middle-title { background-color: #ba996b; padding: 100px 50px; margin-top: 40px;  position: relative; }
.grid-middle-title h4 { color: #fff;color: #ffffff;  font-family: 'Chateau Grande SemiExpanded'; font-size: 35px; font-weight: normal; letter-spacing: 0.85px; line-height: 50px;     text-align: center; max-width: 500px; margin: 10px auto; }
.grid-middle-title:before { content: ""; height: 100%; width: 100%; position: absolute; background-color: #ba996b; bottom: 0; transition: all ease 3s; transition-duration: 3s; animation-delay: 3s; right: 0; }
.grid-middle-title.aos-animate:before { width: 0; }


.single-event-section .text-italic { margin-top:100px; }
.single-event-section .text-italic p a{
    font-weight: 500 !important;
}
.single-event-section .text-italic p a:hover{
    font-family: 'Chronicle Deck Cond Semi';
    color: #ba996b;
}
.events-logo-section .colored-curve-text {  bottom: -30px; left: -120px; }

.wedding-banner + .down-arrow { padding-bottom: 10px; }
.gender-intimacy-section { position: relative; margin: 0px 0 100px; }
.gender-intimacy-section .title  { color: #ba996b; font-family: "Chateau Grande Condensed"; font-size: 90px; font-style: normal; letter-spacing: 2.19px; line-height: 87px; text-align: center;  position: absolute; }
.gender-intimacy-section .title.title-up {     top: 34%; right: 73%; }
.gender-intimacy-section .title.title-down {     bottom: 44%; left: 80%; }

.infinity-img img { width: 100%; }
.infinity-img { position: relative; }
.infinity-img:before { content: ""; height: 100%; width: 100%; position: absolute; top: 0; right: 0; background-color: #fff; transition: all ease 0.5s;     transition-duration: 3s; transition-delay: 3s; transition: all ease 3s; }
.infinity-img.aos-animate:before{ width: 0; }

.pattern-img { position: relative; }
.pattern-img:before { content: ""; position: absolute; top: 0; left: 0; bottom:  0; right: 0; background-color: #fff; transition: all ease 0.5s;     transition-duration: 2s; transition-delay: 8s; transition: all ease 3s; transform: scale(1);}
.pattern-img.aos-animate:before { transform: scale(0); }


/*.pattern-img .svg { opacity: 0; }
.pattern-img:before { content: ""; height:100%; width: 50%; position: absolute; top: 0; background-image: url(images/left-img-pattern.png);     background-size: 100%; left: 2px;     transform: skew(90deg);  transition-duration: 4s; transition-delay: 3s; transition: all ease 3s; transform-origin: bottom left }
.pattern-img:after { content: ""; height:100%; width: 50%; position: absolute; top: 0px; background-image: url(images/right-img-pattern.png);    background-size: 100%; right: 2px;     transform: skew(-90deg);  transition-duration: 2s; transition-delay: 4s; transition: all ease 2s; transform-origin: bottom right }
.pattern-img.aos-animate:before, .pattern-img.aos-animate:after { transform: skew(0deg);  }*/

.wedding-location-photos-grid .grid-middle-title { margin-top: 0; }
.single-event-section { margin: 150px 0 100px; }
.wedding-location-photos-grid { margin-top: 100px; }

.slider-progress{position: absolute; left: 0; bottom: 0; width: 100%; height: 10px; }
.slider-progress span{ position: absolute; left: 0; bottom: 0; display: block; width: 0px; height: 100%; background-color: #ba996b; transition: all 0s linear; }
.slider-progress span.active{ width: 100%; }



.slider-progress-room { margin: 50px 80px 0; height: 4px; position: relative;  background-color: rgba(255,255,255,0.28); transition: all ease 0.5s; overflow: hidden;  }
.slider-progress-room  span{ position: absolute; left: 0;display: block; width: 0px; height: 100%; background-color: #fff; transition: all 0s linear; top:  0px; }
.slider-progress-room  span.active{ width: 100%; }





.wedding-photos-grid .photos-grid  .item .item-inner.inner-img2 { padding-left: 170px; }
.wedding-photos-grid .photos-grid  .item .item-inner.inner-img4 { padding-right: 100px; }


/*-- Rooms page  --*/


.room-filter-section {border-top: 2px solid rgba(148,148,148,0.2);border-bottom: 2px solid rgba(148,148,148,0.2); padding: 15px 0; margin-top: 80px; position: relative; z-index: 1; }
.room-filter-section .row {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.filter-box .input-box { border: 2px solid rgba(148,148,148,0.2); width: 100%; height: 41px; font-size: 17px;
font-weight: 400; font-style: normal; letter-spacing: 0.01px; line-height: normal; color: #000;     background-color: #fff;    padding: 9px 10px 3px; font-family: "Metric";  border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;  }
.filter-box .input-box:focus{ outline: none; border-color: rgba(148,148,148,0.2); ;  box-shadow: none; }
.filter-box .input-box option { padding: 5px 0 2px; display: inline-block; }
.filter-box { padding:  10px 5px; }
.date-box {width: 20%;}
.room-type-box {width: 20%;}
.room-number-box {width: 10%;}
.adults-box {width: 10%;}
.children-box {width: 10%;}
.promo-code-box {width: 10%;}
.submit-btn { width: 143px }
.submit-btn .btn {background-color: #000;color: #fff;width: 100%; font-size: 17px; font-weight: 400; font-style: normal; letter-spacing: 1px;
line-height: normal; padding: 14px 20px 7px;    min-width: auto;  }
.submit-btn .btn:hover { background-color: #000;  }
.submit-btn .btn:before { background-color: #b7966b;  }

.grid-section {padding: 40px 0 0 0;}
.grid-wrapper {margin-top: 70px;}
.grid-list {position: relative;}
.grid-list .bg-cover { position: relative; }
.plus-icon {background-color: rgba(0, 0, 0, 0.35);height: 57px;width: 57px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-line-pack: center;align-content: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;position: absolute;bottom: 20px;left: 20px;     backdrop-filter: blur(8px);}
.plus-icon img { width: auto; opacity: 1; visibility: visible; }
.plus-icon:hover { background-color:#ba996b;  }

.list-gird-content {text-align: center;padding: 20px 5px 20px 5px;}
.list-gird-room-info ul {padding: 0;margin: 0;list-style: none;     max-width: 400px; margin: 0 auto;}
.list-gird-room-info ul li {display: inline-block;margin-bottom: 6px;  font-weight: 500; text-transform: uppercase;   padding: 2px 20px; position: relative; padding-left: 35px;  }
.list-gird-room-info ul li img {margin-right: 10px; display: inline-block; vertical-align: middle; max-width: 25px; position: absolute;  left: 0;  top: 50%; transform: translateY(-50%); }
.list-gird-room-info ul li span {font-size: 14px; display: inline-block; vertical-align: middle; margin-top: 7px;    color: #000;  font-weight: 500;  }
.grid-price-btn {  margin-top: 30px;    padding: 21px 10px 13px; min-width: 253px; font-size: 18px; font-weight: 400; font-style: normal; 
    letter-spacing: 1.54px; }
.grid-price-btn span  { font-size: 16px;  font-weight: 400; letter-spacing: 1.54px; }

.list-gird-content { margin-top: 15px; }
.list-gird-content h3 { font-size: 41px; font-style: normal; letter-spacing: -0.19px; line-height: 30.6px; font-family: 'Chronicle Deck Cond'; font-style: italic; margin-bottom: 30px; margin-top: 5px;}
.list-gird-content .suite-category { text-transform: uppercase;font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: 0.39px; line-height: 30.6px; color: #ba996b; width: 100%; }

.submit-btn,  .list-grid-btn { padding:10px 5px; }
.list-grid-btn a { margin: 0px 5px; }
.list-grid-btn { margin: 0px 0 7px; }

.grid-section { display: none; }
.list-section { display: block; } 
.grid-layout .grid-section { display: block; }
.list-layout .list-section { display: block; }

.list-layout .grid-section { display: none; }
.grid-layout .list-section { display: none; }
.grid-view svg path, .list-view svg path { fill: #d5d5d5; }
.grid-view.active svg path, .list-view.active svg path  { fill: #ba996b; }

.center-title-section { margin: 50px 0 }
.center-title-section .title-main{ letter-spacing: 2.19px; line-height: 87px; }
.center-title-section .text-italic {     max-width: 750px; margin-top: 30px; }

.center-title-section .text-italic p a{
    font-weight: 500;
}

.center-title-section .text-italic p a:hover{
    font-family: 'Chronicle Deck Cond Semi';
    color: #ba996b;
}

.filter-box-wrap { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center;     width: 100%; }
.filter-box .label { font-weight: 500;     font-size: 18px; }
.filter-for-mobile { display: none; }

.filter-box .input-box.bootstrap-select { padding: 0; width: 100% !important; border: none; }
.bootstrap-select>select { width: 100% !important;left: 0; }
.bootstrap-select>.dropdown-toggle {font-size: 17px; font-weight: 400; font-style: normal; letter-spacing: 0.01px; line-height: normal; color: #000; background-color: #fff; padding: 9px 10px 3px; font-family: "Metric"; height: 100%; border: none; outline: none;     width: 100% !important;  min-width: auto; border: 2px solid #eaeaea; position: relative; }
.bootstrap-select>.dropdown-toggle:before { display: none; }
.bootstrap-select .filter-option-inner-inner { padding-top: 3px; text-transform: none;    color: #000; }

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
    outline: none !important;  outline: none!important; outline-offset:unset; }

.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
    color: #000 !important; background-color: inherit !important; border-color: #eaeaea !important; }

.dropdown-toggle::after { content: ""; height: 40px; width: 24px; background-image: url(images/select-arrow.svg); background-size: 20px; border:none !important; margin: 0; background-repeat: no-repeat; background-position: center;     transform: rotate(0deg); transition: all ease 0.5s;     position: absolute; right: 8px; top: 0; }

.dropdown-menu {     border: 2px solid #eaeaea; border-radius: 0;      outline: none; }
.bootstrap-select .dropdown-menu li a { padding: 0px 10px;font-size: 17px; font-weight: 400; font-style: normal; letter-spacing: 0.01px; line-height:38px; }
.bootstrap-select .dropdown-menu li a:hover { background-color: transparent; }
.dropdown-item.active, .dropdown-item:active { color: #ba996b; text-decoration: none; background-color: transparent; }

.dropdown-menu { border-top: 0; margin-top: -4px;}
.dropup .dropdown-menu{ border-top:  2px solid #eaeaea; border-bottom: 0;     top: 5px !important; }
.bootstrap-select .dropdown-menu li.disabled a { color: #6c757d;}
.bootstrap-select .dropdown-menu li.disabled { display: none; }
.show > .dropdown-toggle::after {transform: rotate(180deg); }

.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: none; }

.filter-box .input-box.datepicker { background-image: url(images/select-down-arrow.svg) !important; height: 42px; background-repeat: no-repeat; background-position: right center; padding-right: 35px !important; cursor: pointer;
}

.error-msg { font-size: 14px; color: #f00; line-height: 16px; display: inline-block; 
    margin: 10px 0 0; width: 100%; text-align:left; display: none; }
 .filter-box .input-box.bootstrap-select label { display: none !important; }


.filter-box .input-box.error { border-color: #f00; }
.filter-box  label.error { display: none !important; }

.filter-box  .error + .dropdown-toggle  { border-color: #f00; }




/*-- moddelpopup --*/
.single-image-popup {     padding-right: 0 !important; }
.single-image-popup .modal-content { background-color: transparent; border: none;    margin-top: 4px;  }
.single-image-popup .modal-dialog { /*max-width: none; max-height: calc(100vh - 5rem); min-height: calc(100vh - 5rem);*/ max-width: 50%;      padding:30px; overflow: hidden;}
.single-image-popup .modal-content {  /*    max-height: calc(100vh - 5rem); min-height: calc(100vh - 5rem);*/ }
.single-image-popup .modal-content img { width: 100%; }

.modal .modal-content .close { background-color: rgba(0, 0, 0, 0.4); height: 57px; width: 57px; position: absolute;    top: 0;
    right: 0; z-index: 12; opacity: 1; transition: all ease 0.5s; outline: none; box-shadow: none; }
.modal .modal-content .close:before { content: ""; background-image: url(images/plus-icon.svg); height: 100%; width: 100%; position: absolute; top: 0; left: 0;    background-repeat: no-repeat; background-position: center; transform: rotate(45deg);  }
.modal .modal-content .close:hover { background-color: rgba(0, 0, 0, 0.9); }

.single-image-popup .modal-body { padding: 0; }
.single-image-popup .slider-wrap {     min-height: auto !important; max-height: none !important; }
.gallary-popup .modal-dialog { max-width: 70%; padding: 0px 50px; }
/*.gallary-popup .modal-content {     max-height:none; min-height: auto; }*/

/*datepicker*/
.datepicker { background-image: url(images/select-down-arrow.svg); height: 42px; background-repeat: no-repeat; background-position: right center; padding-right: 35px !important; cursor: pointer; }
#ui-datepicker-div { width:320px; box-shadow: 0px 4px 10px rgba(0,0,0,0.2);  padding: 20px !important; background-color: #fff;   border: none !important; display: none; z-index: 1; }
#ui-datepicker-div:before { content: "";  border: 2px solid rgb(184 152 107); position: absolute; left: 20px; right: 20px; top: 20px;
    bottom:20px;  }
#ui-datepicker-div table td.ui-state-disabled { pointer-events: none; }
body .ui-datepicker-header {    padding:10px 10px  8px!important; border-radius: 0 !important;     text-align: center; color: #fff;margin-bottom: 10px; border-bottom:2px solid #ba996b !important;     position: relative;
    z-index: 12; }
body .ui-datepicker-prev {    font-weight: normal;  float: left; color: #fff !important;  height: 30px; width: 30px; position: relative; cursor: pointer; }
body .ui-datepicker-next:before, .ui-datepicker-prev:before {position: absolute !important; top: 0;left: 0;  right: 0; margin: 0 auto;     line-height: 42px; background-repeat: no-repeat;content: "";     height: 30px; width: 30px; background-position: center; }
body .ui-datepicker-prev:before {  background-image: url('images/arrow-left-small.svg');   }

body .ui-datepicker-next {     font-weight: normal; float: right;color: #fff ;  cursor: pointer;  height: 30px; width: 30px; position: relative; }
body .ui-datepicker-next:before { background-image: url('images/arrow-right-small.svg');   }
body .ui-datepicker-next > span, .ui-datepicker-prev > span  { display: none; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none !important; }
.ui-datepicker .ui-datepicker-prev-hover { left: 0 !important; }
#ui-datepicker-div table th, #ui-datepicker-div table td {  font-size: 20px; font-weight: 400;  text-transform: uppercase; color: #ba996b;
letter-spacing: 0.15px ; padding:6px 5px 4px; text-align: center;     position: relative; height: 42px;
    z-index: 12; }
 #ui-datepicker-div table td { cursor: pointer; }
.ui-datepicker-calendar { background-color: #fff; }
#ui-datepicker-div table td.ui-state-disabled { opacity: 0.5;     cursor: not-allowed; }
#ui-datepicker-div table td.ui-datepicker-current-day { background-color: #ba996b; }
#ui-datepicker-div table td.ui-datepicker-current-day a { color: #fff; }
body .ui-datepicker .ui-datepicker-title {font-size: 19px; font-weight: 500; font-style: normal;
letter-spacing: -0.08px;    padding-top: 5px; color: #ba996b;text-transform: uppercase;  }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {     background: none !important; border: none !important;    padding: 2px 0 !important;
    text-align: center !important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {  background: none !important; border: none !important; }

.ui-datepicker { padding: 0 !important;     border-radius: 0 !important; }
.ui-datepicker table {      border-collapse: collapse; margin: 0 !important; border: 10px solid transparent !important; border-radius: 0 !important;     width: 100%;  }



.daterangepicker:before { display: none; }
.daterangepicker .drp-calendar { max-width: 300px; width: 300px; }
.daterangepicker { border: none;     padding: 30px; border-radius: 0; margin: 0; }
.daterangepicker .drp-calendar { border: 2px solid #ba996b; } 
.daterangepicker .drp-calendar.left { margin-right: 10px; }
.daterangepicker .drp-calendar.right { margin-left: 10px; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border: none; background-repeat: no-repeat;
    height: 30px;  width: 30px; background-position: center; transform: none; background-color: transparent; }

.daterangepicker .calendar-table .prev span { background-image: url(images/arrow-left-small.svg); }
.daterangepicker .calendar-table .next span { background-image: url(images/arrow-right-small.svg); }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: transparent; border-color: transparent; color: inherit; }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { font-size: 18px;color: #ba996b; font-weight: 500;letter-spacing: -0.01px;  text-align: center; text-transform: uppercase; height: 42px; }
.daterangepicker .calendar-table td { letter-spacing: 0.14px; }

.daterangepicker tbody td.active, .daterangepicker tbody td.active:hover, .daterangepicker tbody td.available:hover, .daterangepicker tbody th.available:hover, .daterangepicker tbody td.start-date.end-date { background-color: #ba996b; border-color: transparent; color: #fff;  border-radius: 0; }

.daterangepicker .calendar-table td.off { opacity: 0.5; pointer-events: none; }


.daterangepicker td.in-range {background-color: #fff2de; border-color: transparent; border-radius: 0; color: #ba996b; }

.daterangepicker.show-calendar .drp-buttons { border:none; display: flex; align-items: center;justify-content: center; padding: 25px 0 0;  }
.daterangepicker .drp-buttons .btn {     padding: 10px 0 7px; color: #fff; font-size: 14px; font-weight: normal; letter-spacing: 2px;  }
.daterangepicker .drp-selected {     width: 100%; text-align: center;  font-size: 18px;color: #ba996b; font-weight: 500;letter-spacing: -0.08px;  text-align: center; text-transform: uppercase; }

/*--listing view--*/



.item-gallery-box { position: relative; }
.gallery-slider .slick-arrow.slick-prev, .gallery-slider .slick-arrow.slick-next {   background-size: 27px;     background-image: none !important;  }
.gallery-slider .slick-arrow.slick-prev:before, .gallery-slider .slick-arrow.slick-next:before { transform: scale(1)  ;    background-size: 27px; opacity: 0.6; top:1px; left: 1px; }
.gallery-slider .slick-arrow.slick-prev:after, .gallery-slider .slick-arrow.slick-next:after { content: ''; width: 62px;
    height: 62px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; transition: all ease 0.5s;
    transform: scale(0) translateZ(0);  background-size: 27px;   }
.gallery-slider .slick-arrow.slick-prev:after { background-image: url(images/Arrow_left_colored.svg); }
.gallery-slider .slick-arrow.slick-next:after { background-image: url(images/Arrow_right_colored.svg); left: 1px }

.gallery-slider .slick-arrow.slick-prev:hover:after, .gallery-slider .slick-arrow.slick-next:hover:after { transform: scale(1) translateZ(0); } 


 
.gallary-slider .slick-arrow.slick-prev:after, .gallary-slider .slick-arrow.slick-next:after { content: ''; width: 62px;
    height: 62px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; transition: all ease 0.5s;
    transform: scale(0) translateZ(0);     }
.gallary-slider .slick-arrow.slick-prev:after { background-image: url(images/Arrow_left_colored.svg); }
.gallary-slider .slick-arrow.slick-next:after { background-image: url(images/Arrow_right_colored.svg);   }

.gallary-slider .slick-arrow.slick-prev:hover:after, .gallary-slider .slick-arrow.slick-next:hover:after { transform: scale(1) translateZ(0); } 



.list-content .suite-category { font-weight: normal; }
.gallery-slider .slick-dots { display: none !important; }

.slider-progress-gallery { margin: 35px 0 0; height: 4px; position: relative;  background-color:rgba(0,0,0,0.09); transition: all ease 0.5s; overflow: hidden;  }
.slider-progress-gallery span { position: absolute; left: 0;display: block; width: 0px; height: 100%; background-color: #ba996b; transition: all 0s linear; top: 0px; }
.slider-progress-gallery span.active{ width: 100%; }

.list-content .list-room-info { margin: 30px 0; }

.item-info-wrap .text-italic { font-size: 16px; font-style: normal;     max-width: 415px;  letter-spacing: 0.02px; line-height: 30px; margin: 20px auto; color: #000; }
.item-info-wrap { padding-left: 50px }

.list-content h3 { font-size: 54px;  font-style: italic; letter-spacing: 0.08px; line-height: 40px; margin-bottom: 40px; }
.list-section .row {  }


.remaining-info { position: absolute; padding:12px 15px 7px;font-size: 14px; font-weight: 500; font-style: normal; letter-spacing: 3.94px; text-transform: uppercase; font-weight: 500;   z-index: 1; color: #fff; top: 20px; left: 0px; position: absolute; }
.remaining-info:before { content: ""; position: absolute; width: 113px; height: 46px;  z-index: -1; top: 0; left: 0; background-image: url(images/label-img.svg); }


.list-section .row { margin-top: 100px; margin-bottom:100px; align-items: center; }
.list-section .row:nth-child(even) { flex-direction: row-reverse; }
.list-section .row:nth-child(even) .item-info-wrap { padding-left: 0; padding-right: 50px; }

.grid-list-section { margin-bottom: 60px; }
.rooms-photos-section { margin: 60px 0 100px; padding-top: 200px;  position: relative; }
.large-text.shape-1 { right:-100px; top: -60px; z-index: -1; }
.large-text.shape-1 .svg { width: 850px ;height: 1670px;     max-height: 1670px; }
.large-text.shape-1 .svg path { fill: #ba996b; }


.section-title .heading-with-line { font-size: 23px; font-weight: normal; letter-spacing: 0.1px;  font-family: 'Chateau Grande SemiExpanded'; display: inline-block; padding: 10px 16px 12px; border-top: 1px solid #000; border-bottom: 1px solid #000;  color: #000; }

.room-event-section  .title-main { max-width: 700px; margin:20px auto 50px }
.room-event-section .text-italic { margin:60px auto; }

.room-event-section { margin-bottom: 120px; }


.room-event-section  .event-booking-box em { margin-bottom: 35px; color: #000; transition: all ease 0.5s; }
.room-event-section  .event-booking-box a:hover em {     color: #ba996b;  }
.rooms-photos-section .title-section { max-width: 690px; }


.input-box::-webkit-input-placeholder {  color: #000; opacity: 1 !important}
.input-box::-moz-placeholder { color: #000; opacity: 1 !important}
.input-box:-ms-input-placeholder {  color: #000; opacity: 1 !important }
.input-box:-moz-placeholder { color: #000; opacity: 1 !important }


/*--- cuisine page ---*/

.cuisine-image-text-section .section-title { max-width: 900px; margin: 0 auto 100px; } 
.cuisine-image-text-section {margin: 80px 0;}
.cuisine-image-text-section .row {border-bottom: 1px solid #ba996b;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;padding:80px 0;text-align: center;     align-items: flex-start;}
.cuisine-image-text-section .row:first-child {border-top: 1px solid #ba996b;}
.cuisine-image-text-section .row:nth-child(2n) {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}

.cuisine-image-text-section .img-col { margin-top: 10px; }
.cuisine-middle-text-section { text-align: center;margin: 100px 0 50px 0; position: relative;}

.cuisine-middle-text-section h2 {margin: 80px 0;}
.cuisine-image-text-section .content-col h3 { font-size: 49px; letter-spacing: 1.19px; line-height: 55px; margin:0 0 30px; }
.cuisine-image-text-section .content-col p { margin: 30px auto; font-family: "Chronicle Deck Cond"; font-size: 20px; font-style: italic; letter-spacing: 0.49px; line-height: 32px; color: #000;    max-width: 570px;  }

.cuisine-image-text-section .content-col .btn.btn-secondary {     font-size: 20px; min-width: 258px; margin-top: 15px; }

.cuisine-image-text-section .content-col .contact-main a { font-size: 24px; font-family: "Chronicle Deck Cond";    }


.cuisine-middle-text-section { text-align: center; position: relative; }
.cuisine-middle-text-section .title-main  {     max-width: 770px; margin: 50px auto; color: #000;}
.cuisine-middle-text-section .events-logo .svg { margin: 0 auto; }
.cuisine-middle-text-section .content-with-btn em { display: block; margin: 70px 0 50px; }
.cuisine-middle-text-section .content-with-btn .btn { margin: 30px 0; }

.cuisine-middle-text-section .two-line-text em { display: block; margin: 20px 0; }

.large-text.shape-2 {     top: -140px; left: -40%; z-index: -1 }
.large-text.shape-2 .svg { height: 1690px; width: 165vw; max-height: none; }
.large-text.shape-2 .svg path { fill:#ba996b;  }

.cuisine-event-section .colored-curve-text {    top: 35%; left: -130px; z-index: -1;  }


/*-- Booking popup --*/
#booking-model {  background-color: rgba(186, 153, 107, 0.98); }
#booking-model.event-active  {   background-color: rgba(255, 255, 255, 0.98);   }
.model-main { padding: 0 !important;  }
.model-main .modal-dialog {max-width: 100%; margin: 0; min-height: 100vh}
.model-main .modal-content { background-color: rgba(186, 153, 107, 0.98); min-height: 100vh; border: none; border-radius: 0; }
.model-main .tab-content { text-align: center; }
.model-main .tab-content img { display: inline-block;     max-width: 100%; }
.model-main .modal-content .close:before { background-image: url(images/close-icon.svg); transform: none; }
.model-main .modal-content .close { background-color: transparent; }
.model-main .modal-content .close:hover { background-color: rgba(255,255,255,0.5); }
.model-main .modal-body { padding: 80px 100px;  }

.tabs-menu-wrap { text-align: center; display: inline-block; vertical-align: middle; width: 100%; }
.tabs-menu-wrap li { display: inline-block; padding: 0px 20px; }
.tabs-menu-wrap li a { display: inline-block; font-size: 16px; font-weight: 500; letter-spacing: 2.1px; cursor: pointer; text-transform: uppercase; vertical-align: top;position: relative; padding: 0px; line-height: 22px;transition: all ease 0.5s; }
.tabs-menu-wrap li a:after { content: ""; height: 2px; width: 0; background-color: #fff; position: absolute; bottom: 0; left: 50%; transition: all ease 0.5s; }

.tabs-menu-wrap li.current a:after, .tabs-menu-wrap li a:hover:after { width: 100%; left: 0; }
.tabs-menu-wrap li.current a { color: #fff; }
.tab-container { padding: 50px 0 0; }

.tabs-menu-wrap li  a { color: #000;  }
.event-active .tabs-menu-wrap li.current a { color: #fff; }
.event-active .tabs-menu-wrap li  a:after { background-color:  #000;}

.event-active .tabs-menu-wrap li.current a { color: #b7966b;}
.event-active .tabs-menu-wrap li.current a:after{ background-color:  #b7966b;}



.booking-form table{ width: 100%; }
.booking-form h2 { color: #000000; font-family: "Metric"; font-size: 28px; font-weight: 500; font-style: normal; letter-spacing: 3.67px; text-transform: uppercase;line-height:34px; margin: 0; }


.booking-popup .modal-content { background-color: rgba(255, 255, 255, 0.98); min-height: 100vh; border: none; border-radius: 0; }
.booking-form #tripleseat_embed_form > table > td { padding: 5px; vertical-align: top; width: 100%; display: table; margin: 0 0 15px;}

.booking-form #tripleseat_embed_form table .row_details_header td { margin-bottom: 0; }


.booking-form #tripleseat_embed_form input, .booking-form #tripleseat_embed_form textarea, .booking-form #tripleseat_embed_form select { height: 48px; border: 2px solid #ba996b !important; border-radius: 0; box-shadow: none; outline: none; padding:10px 15px 5px; line-height: 30px; }
.booking-form #tripleseat_embed_form textarea { /*height: 180px;*/ }
.booking-form #tripleseat_embed_form label { color: #000000; font-family: "Metric"; font-size: 16px; font-weight: 400; font-style: normal; letter-spacing: 2.1px;  text-transform: uppercase; display: inline-block; vertical-align: middle;
    margin-bottom: 0; width:220px; margin-top: 15px; float: left; }


.booking-form #tripleseat_embed_form input { width: calc(100% - 250px) !important;     float: right; }
.booking-form-logo { text-align: center; padding: 0px 0 50px; border-bottom: 2px solid #ba996b; margin-bottom: 50px; }

.booking-form #tripleseat_embed_form table .left-col { width: 50%; float: left; padding-right: 50px; display: flex;flex-wrap: wrap; }
.booking-form #tripleseat_embed_form table .right-col { width: 50%; float: right;padding-left: 50px; display: flex;flex-wrap: wrap; }

#tripleseat_embed_form .location_list input { float: right !important; }

.booking-form #tripleseat_embed_form table .row_phone_number { position: relative;     width: 100%;     padding-right: 150px;
    float: left; }
.booking-form #tripleseat_embed_form table .extension { position: absolute;  top: 0; right: 0px; width: auto; }
.booking-form #tripleseat_embed_form table .extension label { width: auto; padding-right: 10px; }
.booking-form #tripleseat_embed_form table #lead_phone_number_extension { width: 92px !important; } 
#tripleseat_embed_form #lead_phone_number {   }

.booking-form #tripleseat_embed_form > table > tbody > div > tr { width: 100%;  display: flex; flex-wrap: wrap; flex-direction: row; }
.booking-form #tripleseat_embed_form > table > tbody > div > tr > td { width: 100%; display: inline-block;     padding-left: 0;
    padding-right: 0;  }


.booking-form #tripleseat_embed_form table tr.row_details_header td { padding-bottom: 0; }
.booking-form #tripleseat_embed_form table tr.row_event_description label { width: 100%; letter-spacing: normal; text-transform: none; margin: 0 0 15px;  font-weight: 500; } 
.booking-form #tripleseat_embed_form table tr.row_event_description label em {font-style: normal; } 
.booking-form #tripleseat_embed_form table tr.row_event_description input { width: 100% !important; } 
.booking-form #tripleseat_embed_form table tr.row_company { margin-bottom: 50px; }

.booking-form #tripleseat_embed_iframe { background-color: transparent; height: 700px;  }

.booking-form #tripleseat_embed_form table tr.row_location #location_label { width: 100%; font-size: 28px;
font-weight: 500; font-style: normal; letter-spacing: 3.67px; text-transform: uppercase;     margin-bottom: 20px; margin-top: 0; }
.booking-form #tripleseat_embed_form table tr.row_location  i { font-style: normal; }

.booking-form #tripleseat_embed_form table tr.row_location .location_list label { color: #000000; font-family: "Metric"; font-size: 16px; font-weight: 400; width: 100%; position: relative; text-transform: none; margin: 0; padding-left: 26px; letter-spacing: normal;      line-height: 32px; }
.booking-form #tripleseat_embed_form table tr.row_location .location_list input[type=radio] { display: none; } 
.booking-form #tripleseat_embed_form table tr.row_location .location_list label:before {content: ''; width: 16px; height: 16px; border: 2px solid #ba996b; border-radius: 100%; position: absolute; left: 0; top: 2px;  }
.booking-form #tripleseat_embed_form table tr.row_location .location_list input[type=radio]:checked + label:before { background-color: #ba996b }

.booking-form #tripleseat_embed_form table tr input.hasDatepicker { background-image: url(images/date-picker-img.svg); padding-left: 60px !important;     background-position: 10px center; }
.booking-form #tripleseat_embed_form table tr input.timeselect_input { background-image: url(images/time-img.png); padding-left: 60px !important;     background-position: 10px center; }

.booking-form #tripleseat_embed_form table tr.row_additional_information label { width: 100%;     text-transform: none;
    letter-spacing: normal; margin-bottom: 10px; font-weight: 500; margin-top: 0;  }
    .booking-form #tripleseat_embed_form table tr.row_additional_information  { margin-top: 20px;   margin-bottom: 20px;     order: 6; }
.booking-form #tripleseat_embed_form table tr.row_additional_information textarea { overflow: hidden; }
.booking-form #tripleseat_embed_form table tr.row_referred_by label { width: 100%;      text-transform: none; font-weight: 500; letter-spacing: 0; margin-bottom: 10px; }
.booking-form #tripleseat_embed_form table tr.row_referred_by select { width: 100%; text-transform: uppercase;  background-image: url(images/select-two-arrows.svg);     background-position: 98% center; letter-spacing: 2.1px; padding-top: 6px;  }

.booking-form #tripleseat_embed_form table tr.row_referred_by .bootstrap-select>.dropdown-toggle {     height: 48px;
    border: 2px solid #ba996b !important; border-radius: 0; box-shadow: none; outline: none; padding: 8px 15px 5px; line-height: 30px; text-transform: uppercase; letter-spacing: 2.1px; color: #000; }
.booking-form #tripleseat_embed_form table tr.row_referred_by .bootstrap-select { width: 100%;     margin: 10px 0 0; }

.booking-form #tripleseat_embed_form table tr.row_referred_by  .dropdown-toggle::after { background-image: url(images/select-two-arrows.svg) !important; background-size:8px;      top: 4px; }
.booking-form .bootstrap-select .filter-option-inner-inner { text-transform: uppercase; }
.booking-form .dropdown-menu { border-color: #ba996b }

#tsLeadSuccessMessage ~ p { text-align: center; display: block;  width: 100%; margin-bottom: 5px; } 
#tsLeadSuccessMessage { font-size: 100px !important; text-align: center;     line-height: 100px; margin-bottom: 50px; }
.booking-form #tripleseat_embed_form table tr.row_robot_check { width: 50%; order: 7;}
.booking-form #tripleseat_embed_form table tr.row_submit { width: 50%; order: 7; position: relative; }
.booking-form #tripleseat_embed_form table tr.row_submit  a { display: none; }
.booking-form #tripleseat_embed_form table tr.row_submit #submit_spinner { position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; }

.booking-form #tripleseat_embed_form input.button { color: #ffffff; font-family: "Metric"; font-size: 19px; font-weight: 500; font-style: normal; letter-spacing: -0.08px; width: 100% !important; height: 65px; background-color: #ba996b;  text-transform: uppercase; }

.booking-form { text-align: left; }
.booking-model .modal-content { background-color: transparent; }




#ui-datepicker-div table td {     display: table-cell !important; width: auto !important; text-align: center !important; }

.booking-form #ui-datepicker-div table th, .booking-form #ui-datepicker-div table td  { font-size: 16px; font-weight: 600; }
.booking-form .ui-datepicker .ui-datepicker-prev, .booking-form .ui-datepicker .ui-datepicker-next { top: 24px; }

#tripleseat_embed_form_inline .location_list.error, #tripleseat_embed_form .location_list.error { display: inline-block!important;  width: 100%; }
#tripleseat_embed_form .danger {color: #f00 !important; width: 100% !important; float: left !important;  }
#tripleseat_embed_form .fa-exclamation-triangle { display: none !important; }

.booking-form #tripleseat_embed_form select { border:none; }


/*-- room tab --*/

.room-booking-tab .top-title h2 { color: #000; display: inline-block; vertical-align: middle; padding-right: 15px; }
.room-booking-tab .top-title  img { vertical-align: middle;  display: inline-block;   }
.room-booking-tab .top-title h2 sup { font-family: 'Chateau Grande SemiExpanded' ; font-size: 65%;   }
.room-booking-tab .top-title h2 sup:before { content: ""; height: 2px; width: 100%; border-bottom: 1px solid #000; position: absolute; 
bottom:4px; left: 0; }
.stay-plan-title { margin: 50px 0; }
.stay-plan-title h3 { font-size: 28px;   color: #000; font-family: 'Chateau Grande SemiExpanded' ; text-transform: uppercase;  border-top: 2px solid #000; border-bottom: 2px solid #000; margin: 0; padding:17px  0 19px }

.room-booking-tab .form { margin: 70px 0 0; }

.check-availability-main .item label { width: 100%; text-align: center; display: block; margin-bottom: 10px ; font-weight: 600 ; text-transform: uppercase; }
.check-availability-main { display: flex; justify-content: space-between;     margin: 0 -40px; }
.check-availability-main .item  { width: 33.33%; padding: 0px 40px;  }
.datepicker-main .input-box   { height: 96px; border: 2px solid  rgba(255,255,255,0.33); width: 100%; padding: 10px 30px; text-align: center; background:none;  font-family: "Chateau Grande SemiExpanded"; font-size: 46px; font-weight: 600; font-style: normal; letter-spacing:2px; color: #fff; font-weight: normal;  }
.datepicker-main .input-box:focus { outline: none; }

.datepicker-main .input-box::-webkit-input-placeholder {  color: #fff;}
.datepicker-main .input-box::-moz-placeholder { color: #fff;}
.datepicker-main .input-box:-ms-input-placeholder {  color: #fff; }
.datepicker-main .input-box:-moz-placeholder { color: #fff; }

.select-box-main .dropdown-toggle { height: 96px; border: 2px solid  rgba(255,255,255,0.33); width: 100%; padding: 10px 30px 10px 15px; text-align: center;   font-family: "Chateau Grande SemiExpanded"; font-size: 46px; font-weight: 600; font-style: normal; letter-spacing:2px; color: #fff; font-weight: normal; background-color: transparent;   } 

.select-box-main { margin: 0 -15px; }
.select-box-main .select-box-part { width: 50%; display: inline-block; padding: 0px 15px;     margin-left: -3px; }

.select-box-main .bootstrap-select {     width: 100% !important; }
.select-box-main .bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-align: center; color: #fff; }


.select-box-main .dropdown-toggle::after { background-image: url(images/select-down-arrow-white.png); height: 96px; width: 40px; }

.select-box-main .bootstrap-select .dropdown-menu li a { font-family: "Chateau Grande SemiExpanded"; font-size:26px; }

.check-availability-btn { position: absolute; bottom: 50px; right: 100px;  left: 100px;}
.check-availability-btn .btn.btn-primary { background-color: #000;font-size: 19px; font-weight: 500; font-style: normal;
letter-spacing: -0.08px; padding: 24px 15px 15px; min-width: 225px; transition: all ease 0.5s; }
.check-availability-btn .btn.btn-primary:before { background-color: #fff; }
.check-availability-btn .btn.btn-primary:hover { color: #000;  background-color: #fff;  }

.datepicker-main .input-box.error { border-color: #f00; }
.check-availability-main .item label.error { display: none !important; }


/********** D2 **********/
.business-events-banner {margin: 0; padding: 0; position: relative; z-index: 1;}
.business-events-banner-bng {margin: 0; padding: 0; background-position: center 19%;}

.we-forgot-team-main {position: relative;}
.celebrate-wins {margin-top: -70px; padding: 250px 0 300px;position: relative; }
.celebrate-wins .down-arrow {position: absolute;left: 0;right: 0;margin: 0 auto;top: 50px;}
.celebrate-wins-wrapper {margin: 0 auto; padding: 0; max-width:944px; width: 100%; text-align: center;}
.celebrate-wins-wrapper .title-main {margin-bottom: 28px;}
.celebrate-wins-content {margin: 0 auto; padding: 0; max-width: 723px; width: 100%; font-size: 25px;font-family: 'Chronicle Deck Cond';font-style: italic;letter-spacing: 0.61px;line-height: 34px; color: #000;}

.celebrate-wins-top {margin: 0;padding: 0;width: 100%;height: 265px;background-image: url('images/celebrate-wins-bg.svg');background-repeat: no-repeat;background-size: 245% auto;background-position: 56% 18.5%;position: absolute;left: 0; top: 0;}


.celebrate-wins-bottom {margin: 0;padding: 0;width: 100%;height: 250px;background-image: url('images/celebrate-wins-bg.svg');background-repeat: no-repeat;background-size: 227% auto;background-position: 46.5% 74.5%;position: absolute;left: 0;bottom: 0;}

body .celebrate-wins .arrows .arrows-bar {left: 14px;}

.celebrate-wins-bottom:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0;transition: all ease 3s;}
.celebrate-wins-bottom.aos-animate:before {width: 0;}
.celebrate-wins-bottom-inner {height: 115px;width: 100%;position: absolute;background-color: #ba996b;bottom: -115px; right: 0; transition: all ease 3s;}

.celebrate-wins-bottom-inner:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0;transition: all ease 3s;}
.celebrate-wins-bottom.aos-animate .celebrate-wins-bottom-inner:before {width: 0;}
.celebrate-wins-top:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0;transition: all ease 3s;}
.celebrate-wins-top.aos-animate:before {width: 0;}

.business-grid-fours {margin: 0; padding: 0 0 70px 0; position: relative; z-index: 1;}
/*.business-grid-fours:before {margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 115px; background: #ba996b; content: "";}*/
.business-grid-fours .business-grid-four-inner.photos-grid {display: block; padding: 0 20px;}
.business-grid-fours .business-grid-four-inner.no-gap.photos-grid {margin-left: -20px; margin-right: -20px; padding: 0;}
.business-grid-fours .business-grid-four-inner.photos-grid .item {padding:  20px; margin-top: 0; position: relative; }
.business-grid-fours .business-grid-four-inner:after {display: block;overflow: hidden;content: "";width: 100%;}
.business-grid {padding:20px 20px;}
.business-grid-one {float: left; width: 41.666667%;}
.business-grid-two {float: right;width: 58.333333%;}
.business-grid-four-inner.photos-grid .item.business-grid-three {float: left;width: 41.666667%; padding-left: 60px;}
.business-grid-four {float: left;width: 50%;}
.business-grid .parallax-item {overflow: hidden;}
.business-grid .photos-label {background: #ba996b; display: block !important;position: relative !important;}

.we-forgot-team {margin: 0; padding: 165px 0; position: relative;}
.forgot-team-wrapper {margin: 0 auto; padding: 0; max-width: 723px; width: 100%; text-align: center;}
.forgot-team-wrapper h2 {margin: 0 0 60px 0;}
.forgot-team-wrapper p {margin-bottom: 40px;}
.forgot-team-wrapper p:last-child {margin-bottom: 0;}

.forgot-team-large-text {position: absolute; top: -300px; right: -150px; z-index: -1;}
.forgot-team-large-text:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0;transition: all ease 3s;    left: 0; }
.forgot-team-large-text.aos-animate:before {width: 0;}

.forgot-team-large-text-two {position: absolute; top: 100px; left:-97px; z-index: -1;}
.forgot-team-large-text-two:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0;transition: all ease 3s; left: 0; }
.forgot-team-large-text-two.aos-animate:before {height: 0;}

.event-facilities-wrap {margin: 0 auto; padding: 0; max-width: 944px; width: 100%; text-align: center;}
.event-facilities .business-grid-fours {padding: 40px 0 0 0;}

.event-facilities-text {margin: 0 auto; padding:90px 0; max-width: 740px; width: 100%;font-size: 25px;font-family: 'Chronicle Deck Cond';font-style: italic;letter-spacing: 0.61px;line-height: 34px;color: #000; text-align: center;}

.event-facilities {position: relative;}
.event-facilities-large-text {margin: 0;padding: 0;position: absolute;left: -220px;top: 47%;z-index: -1;}
.event-facilities-large-text-inner {transform: scale(1.1)}
.event-facilities-large-text-inner:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0;transition: all ease 3s;}
.aos-animate .event-facilities-large-text-inner:before {height: 0;}
.event-lists {margin: 0 -20px; padding: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.event-lists-item:first-child, .event-lists-item:nth-child(2), .event-lists-item:nth-child(3) {margin-top: 0;}
.event-lists-item {margin: 40px 0 0 0; padding: 0 20px; width: 33.33%;}
.event-lists-label {margin: 0; padding:34px 30px; background: #ba996b; text-align: center; display: flex; flex-wrap: wrap; align-items: center;
    justify-content: center;
    flex-direction: column; }
.event-lists-label span {margin: 0; padding: 0; font-weight: 400;font-style: normal; color: #fff; letter-spacing: 1.54px;line-height:22px;text-transform: uppercase;}
.event-lists-label h5 {margin: 0; padding: 0; color: #fff; font-family: 'Metric'; font-size: 22px;font-weight: 600;font-style: normal;letter-spacing: 2.12px;line-height: normal;text-align: center;text-transform: uppercase;}

.seamless-execution {margin: 0; padding: 135px 0 0 0;}
.seamless-execution-top {margin: 0; padding: 0 0 300px 0;  position: relative;}
.seamless-execution-wrapper {margin: 0 auto; padding: 0; max-width: 740px; width: 100%; text-align: center;}
.seamless-execution-text {font-size: 25px;font-family: 'Chronicle Deck Cond';font-style: italic;letter-spacing: 0.61px;line-height: 34px;color: #000;text-align: center;}
.seamless-execution-wrapper h2 {margin:0 0 50px 0; }
.seamless-execution-large-text {position: absolute;top: 0;left: -370px;}
.seamless-execution-large-text:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0; right: 0; transition: all ease 3s;}
.seamless-execution-large-text.aos-animate:before {width: 0;}

.business-grid-third {float: left; width: 55%;}
.business-grid-one-fourth {float: right;  width: 45%;}
.business-grid-four-inner.photos-grid .item.business-grid-one-fourth {padding-right: 60px;}
.business-grid-fours .business-grid-four-inner.photos-grid .item.seamless-gap {padding-left: 120px;}

.business-events-logo {padding: 1px 0;position: relative;}
.business-events-logo .large-text.r-text-reverse {top: -48%;}
.business-events-logo .for-mobile {display: none;}
 

.business-events-bootom-grid {padding:50px 0 0 0;}
.business-events-bootom-grid .business-grid {width: 50%; float: left;}
.business-events-bootom-grid .business-grid-fours .business-grid-four-inner.photos-grid .business-grid-bootom-three.seamless-gap {clear: left;}
.business-events-bootom-grid .business-grid-fours .business-grid-four-inner.photos-grid .business-grid-bootom-four {float: none;display: inline-block; padding-right: 100px;}
.business-events-bootom-grid .business-grid-bootom-five .parallax-item {width: 65%;}
.large-text-logo-bottom {margin: 0; padding: 0; position: absolute; right: 0; bottom: -70%;}
.large-text-logo-bottom:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom:0;transition: all ease 3s;transition-duration: 3s;animation-delay: 3s;left: 0;}
.large-text-logo-bottom.aos-animate:before  {height: 0;}


.cuisine-banner {margin: 0; padding: 0; position: relative; z-index: 1;}
.cuisine-banner-bng {margin: 0; padding: 0; }
.cuisine-banner .middel-text-box  {background-color:#802f27;}
.cuisine-banner .middel-text-box .heading-main:before {background-color:#802f27;}


.social-event-banner {margin: 0; padding: 0; position: relative; z-index: 1;}
.social-banner .middel-text-box  {background-color:#ba996b; max-width: 772px;}
.social-banner .middel-text-box .heading-main:before {background-color:#ba996b;}

.festivities-carried {}
.festivities-carried h2 {margin: 0 0 50px 0;}
.festivities-carried-content {margin: 0 auto;padding: 0;max-width: 723px;width: 100%;font-size: 25px;font-family: 'Chronicle Deck Cond';font-style: italic;letter-spacing: 0.61px;line-height: 34px;color: #000;}
.festivities-carried-content p a:hover{
    font-family: 'Chronicle Deck Cond Semi';
    color: #ba996b;
}
.social-arrow .arrows {top: 90px;}
.festivities-carried {margin: -70px 0 0 0; padding: 240px 0 60px 0; text-align: center;}
.social-banner {position: relative;z-index: 1;}
.social-banner:before {background: #fff;position: absolute;left: 0;top: -140px;width: 100%;content: "";bottom: 200px;}
.social-banner .slider-wrap {background: #fff;}
.festivities-carried-top {margin: 0; padding: 0 0 160px 0; position: relative;}
.festivities-carried-left-shape {position: absolute;top:0;left:0;width: 100%;}
.festivities-carried-left-shape .svg {width: 100%; height: auto;}

/*.festivities-carried-right-shape {position: absolute;bottom: -50%;right: -7%;width: 100%;}*/
.festivities-carried-right-shape {position: absolute;top: -241px; right: 0; width: 100%;}
.festivities-carried-left-shape:before, .festivities-carried-right-shape:before{ content: ""; height: 100%; width: 100%; position: absolute; background-color: #fff; bottom: 0; transition: all ease 3s; left: 0; }
.festivities-carried-left-shape.aos-animate:before, .festivities-carried-right-shape.aos-animate:before { height: 0; }
.festivities-carried-right-shape:before { width: 100%;     right: 0; left: auto; }

.festivities-carried-left-shape  { z-index: 1; }
.festivities-carried-right-shape { z-index: -1; }

.festivities-carried-right-shape .svg {width: 100%; height: auto;}

.festivities-carried-grid, .festivities-carried-top .container { position: relative; z-index: 3; }

@media(max-width:1440px) {
    .festivities-carried-right-shape .svg {}
}

.social-arrow {padding: 60px 0;text-align: center;position: absolute;margin: 0 auto;width: 60px;left: 0;right: 0;}
.festivities-carried-right-shape svg path {fill: #ba996b;}
.festivities-grid-inner {padding: 0 20px;}
.festivities-carried-grid .no-gap {padding: 0; margin-left: -20px; margin-right: -20px;}
.festivities-carried-grid .photos-grid .item  {margin: 0; padding:  20px; width: 50%;}
.festivities-carried-grid .on-right.photos-grid .item { float: left;}
.festivities-carried-grid .on-right.photos-grid .item:nth-child(odd) {float: right;}


.festivities-carried-grid .photos-grid .item:nth-child(2) {margin-top: 345px;}
 
.festivities-carried-grid .on-left.photos-grid .item {float: right;}
.festivities-carried-grid .on-left.photos-grid .item:nth-child(odd) {float: left;}
.gap-default-right {padding-right: 20px !important;}
.gap-default-left {padding-left: 20px !important;}

.grid-gap-left {padding-left: 100px !important;}
.grid-gap-right {padding-right: 100px !important;}

.grid-gap-left-large {padding-left: 240px !important;}
.grid-gap-right-large {padding-right: 240px !important;}

.festivities-carried-grid .grid-gap-left .item-text {padding: 140px 125px;}
.festivities-carried-grid .item-text {padding: 180px 120px; background: #ba996b;}
.festivities-carried-grid .item-text h4 { color: #ffffff;font-family: 'Chateau Grande SemiExpanded';font-size: 35px;font-weight: normal;letter-spacing: 0.85px;line-height: 50px;text-align: center;max-width:440px;margin: 0 auto;}

.social-facilities {margin: 0; padding: 60px 0; position: relative;}
.social-facilities .festivities-grid-inner {padding: 0;}
.social-facilities-wrap {margin: 0 auto; padding: 0 0 75px 0; max-width: 945px; width: 100%; text-align: center;}
.festivities-carried-grid:before {display: block; content: ""; clear: both;}
.full-grid {width: 100% !important;}
.social-facilities .festivities-carried-grid {padding-bottom: 20px;}

.social-events-david {padding-bottom: 130px;}
.events-logo-shape {position: absolute;bottom: -260px;left: -180px;}

.social-events-bottom-grid {margin: 0; padding: 0 0 300px; position: relative; }
.social-events-bottom-grid .festivities-carried-grid .photos-grid .item:nth-child(2) {margin-top: 70px;}
.festivities-carried-grid:after {display: block;content: "";clear: both;}
.social-events-bottom-grid .large-text {top: 0%;left: -32px;}
.social-events-bottom-grid .large-text img {transform: scale(0.7);}
.large-text-logo-bottom {margin: 0;padding: 0;position: absolute;right: -20px;bottom: auto; top: 34%;}
.social-full .festivities-grid-inner {padding: 0;}
.social-events-bottom-grid .festivities-grid-inner {padding:0;margin: 0 0;}
.social-events-bottom-grid .large-text-logo-bottom {right: -8%;bottom: auto;top: 14%;}

.wrap-modal-slider { padding: 0 30px; opacity: 0; transition: all 0.3s; }

.wrap-modal-slider.open { opacity: 1; }

/*-- ie --*/

.ie11 .main-navigation ul > li > a, .ie .main-navigation ul > li > a   { background: none; }
.ie11 .main-navigation ul > li > a:hover, .ie .main-navigation ul > li > a:hover  { color: #ba996b; }
.ie11 .plus-icon img, .ie .plus-icon img  { height: 57px; width: 30px; line-height: 30px; }
.ie11 .sticky-logo, .ie .sticky-logo { top: 10px }


.ie11 .festivities-carried-right-shape .svg { width: 1510px; height: 2500px }
.ie11 .festivities-carried-right-shape { top: -170%; right: auto; left: 24%; }

.ie11 .festivities-carried-left-shape .svg { width:1500px; height:5000px }
.ie11 .festivities-carried-left-shape { top: -150%; right: auto; left: -32%; }


.content-area-section { padding: 120px 0;   }
.content-area-section h1 { font-size: 90px; text-align: center; color: #000; width: 100%; line-height: 1; letter-spacing: 0;  margin: 30px 0; }
.content-area-section .post-date {  font-size: 22px; font-style: italic; letter-spacing: 0.61px; line-height: 30px;   font-family: 'Chronicle Deck Cond'; margin: 30px 0; }

.content-area-section h3 {  margin: 30px 0 20px;   font-family: 'Metric'; color:  #000; text-transform: uppercase; font-weight: bold; line-height: 1; }
.content-area-section p {  font-size: 22px; font-style: italic; letter-spacing: 0.61px; line-height: 30px;   font-family: 'Chronicle Deck Cond'; margin: 10px 0 40px;  }
.content-area-section .note-text p { text-transform: uppercase; font-weight: 500;  } 

.pattern-top { margin-top: 80px; }
.pattern-top:before {content: ''; background-image: url(images/left-brown-arrow.svg); height: 52px; width: 0; position: absolute; top: 0; left: 0; background-repeat-y: no-repeat; background-repeat-x: repeat; transition: all ease 1s; transition-delay: 0.5s; background-repeat: no-repeat; background-repeat: repeat-x;  }
.pattern-top.aos-animate:before {width: 100%; }

.content-area-section h2, .content-area-section h4, .content-area-section h5, .content-area-section h6 { margin: 30px 0 20px;   font-family: 'Metric'; color:  #000; text-transform: uppercase; font-weight: bold; line-height: 1; } 

.content-area-section h2 { font-size: 32px; }
.content-area-section ul, .content-area-section ol { padding-left: 30px;  margin: 0px 0 30px; }
.content-area-section ul li { list-style: disc; }
.content-area-section li {  font-size: 22px; font-style: italic; letter-spacing: 0.61px; line-height: 30px;   font-family: 'Chronicle Deck Cond'; padding: 5px 0; }

img.alignleft { float: left; margin-right: 30px; margin-bottom: 30px; }
img.alignright { float: left; margin-left: 30px; margin-bottom: 30px; }
img.aligncenter, img.alignnone {     float: none; display: block; margin: 30px auto; }


.content-area-section blockquote { font-family: "Chateau Grande Condensed";  font-style: normal; text-align: center; color: #000; max-width: 1000px; margin: 0 auto ;  }
.content-area-section blockquote p { font-family: "Chateau Grande Condensed"; font-style: normal; font-size:30px; letter-spacing: 2.19px; line-height:40px; display: inline-block; position: relative; padding: 0px 30px; }

.content-area-section blockquote p:before { content: "“"; font-size: 90px; display: inline-block; position: absolute; top: 0; left: 0; }
.content-area-section blockquote p:after { content: "”";   font-size: 90px;  display: inline-block;     vertical-align: bottom;
    margin: 40px 0 0; position: absolute; right: auto; bottom: auto; }


.content-area-section .edit-link { display: none; }

.content-area-section .container { width: 85%; }   
.modal-backdrop.show { opacity: 0.85 }

.middle-slider-section.business-grid-fours  { padding-bottom:50px; }
 .middle-slider-section.festivities-carried-grid{ padding-bottom:100px;  }
.middle-slider-section .slick-dots { display: none !important;  }
.middle-slider-section .slider-progress-room {     position: absolute; left: 0; width: 100%;  bottom: -50px;
    margin: 0 auto; background-color: rgba(0,0,0,0.09); padding: 0; }
.middle-slider-section .slider-progress-room span {     background-color: #ba996b;  }

.middle-slider-section .slider  .parallax-img  { transform: none !important; }

.middle-slider-section .slick-arrow { background: none }
.middle-slider-section .slick-arrow:before { transform: scale(1); opacity: 0.6; }
.middle-slider-section .slick-arrow.slick-prev:after, .middle-slider-section .slick-arrow.slick-next:after { content: ''; width: 62px;
    height: 62px; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; transition: all ease 0.5s;
    transform: scale(0) translateZ(0);     }
.middle-slider-section .slick-arrow.slick-prev:after { background-image: url(images/Arrow_left_colored.svg); }
.middle-slider-section .slick-arrow.slick-next:after { background-image: url(images/Arrow_right_colored.svg);   }

.middle-slider-section .slick-arrow.slick-prev:hover:after, .middle-slider-section .slick-arrow.slick-next:hover:after { transform: scale(1) translateZ(0); } 


.cli-style-v2 .cli-bar-message a { color: #fff; }

.middle-slider-section.business-grid-fours .business-grid-four-inner.photos-grid .item, .middle-slider-section.festivities-carried-grid .photos-grid .item { padding: 0; }

.check-availability-btn .btn.btn-primary { float: right  }
.check-availability-btn {  }
.call-btn {  float: left;  } 
.call-btn .btn { border-color: #000; color: #000;     background: transparent; border: 2px solid #000; padding: 16px 15px 10px;
    min-width: 225px; font-weight: 600; letter-spacing: 1px; }
.call-btn .btn svg { display: inline-block; width:18px;  margin-top: -8px;  }
.call-btn .btn svg path { fill: #000;  transition: all ease 0.5s;  }
.call-btn .btn:hover { color: #fff; }
.call-btn .btn:hover svg path { fill: #fff; }
.site-footer .footer-col { text-align: center; }
footer .call-btn { float: none; display: inline-block; }
.footer-logo .st0 { fill: #000 !important; }

.list-gird-room-info ul li a { color: #000; }
.list-gird-room-info ul li a:hover { color: #ba996b; }

/*-- new pages css --*/

.topBar { background-color: #ba996b; padding: 40px 0 55px; }
.topBar h1 { margin: 0; color: #fff; text-transform: uppercase; font-size: 176px; letter-spacing: 12px; line-height: 145px; }
.offersBlogs { padding: 30px 0 160px; }
.amenities-card figure img { width: 100%; }
.amenities-section { padding: 50px 0; }
.amenities-card { margin-bottom: 40px; position: relative; }
.title-caption h3 { font-family: 'Metric'; text-transform: uppercase; font-size: 28px; line-height: 40px; margin: 0; }
.title-caption { position: absolute; bottom: 0; right: 0; background-color: #000; width: 350px; padding: 15px 28px; height: 60px;overflow: hidden; transition: all 350ms ease 0s; -webkit-transition: all 350ms ease 0s;display: flex; flex-direction: column }
.title-caption .clickArrow img{ position: absolute; right: 20px; top: 23px; width: 25px; transform: rotate(180deg); }
.open-sidebar { height: 100%; padding-bottom: 30px; }
.title-caption p { color: #fff; text-align: center; font-size: 22px; line-height: 32px; font-style: italic; font-family: 'Chronicle Deck Cond'; }
.open-sidebar h3 { margin: 0 0 18px; }
.open-sidebar .clickArrow img { transform: rotate(0deg); }
.open-sidebar .btn { text-align: center; margin: 0 auto; margin-top: auto; min-width: 200px !important; letter-spacing: 1px; font-size: 18px; color: #000; font-weight: 500; }
.open-sidebar .btn:hover { color: #ba996b; }
.open-sidebar .btn:hover:before { width: 100%; background-color: #fff; }
.open-sidebar ul li { color: #fff; font-size: 20px; line-height: 26px; padding: 3px 0; list-style-type: disc; }
.open-sidebar ul { margin-left: 15px; }
.phoneText { margin-top: auto; text-align: center; font-size: 28px; font-family: 'Chronicle Deck Cond'; color: #90806b; font-style: italic !important; font-weight: 500; }
.phoneText:hover { color: #ba996b; }

.singleBox ul li { background-image: url(images/Arrow_right_colored.svg); background-repeat: no-repeat; background-size: 9px; padding: 5px 0 5px 25px; background-position: left 5px; font-size: 25px; font-family: 'Metric'; }

.singleBox ol { padding: 0 0 0 20px; margin: 0; }
.singleBox ol li { padding: 5px 0 5px 5px; font-size: 25px; font-family: 'Metric'; }

.offersCrad figure img { width: 100%; }
.offersCrad { margin-bottom: 50px; }

.offersText .bottomBtn { margin-top: 35px; }
.offersText .bottomBtn a:first-child { margin-left: 0; }
.offersText .bottomBtn a { width: 35%; background: transparent; border: 2px solid #ba996b; color: #000; }
.offersText .bottomBtn .btn:hover { background-color: transparent !important; color: #fff; }
.offersText ul { min-height: 80px; }
/* .col-block:first-child .offersText ul,
.col-block:nth-child(2) .offersText ul {
    min-height: 180px;
} */

.offersText .bottomBtn .activeColor { background: #ba996b; color: #fff; }
.offersText .bottomBtn .activeColor:before { background-color: #ffffff; }
.offersText .bottomBtn .activeColor:hover { background-color: #ba996b !important; color: #000; }
.offersText .bottomBtn .activeColor:hover:before { background-color: #ffffff !important; }

.offersCrad figure .offersImg { max-width: 238px;position: absolute; bottom: 70px; right: 0; }
.offersCrad figure { position: relative; }
.offersCrad .offersLeft { max-width: 238px;position: absolute; bottom: 70px; left: 0; }
.offersBlogs .col-md-6 { padding: 0 8px; }
.offersText h3 { font-family: 'Chronicle Deck Cond'; font-style: italic; }
.bulletText li { background-image: url(images/Arrow_right_colored.svg); background-repeat: no-repeat; background-size: 9px; padding-left: 20px; background-position: left 2px;font-size: 20px; }
.codeP { display: block; font-size: 22px; color: #000; font-style: italic; font-weight: 400; margin: 20px 0 0; font-family: 'Metric'; }

.bottomBtn .btn::before { background-color: #ba996b; }

.eventCelebrate .celebrate-wins-bottom-inner { display: none; }
.eventCelebrate .celebrate-wins-bottom { height: 2200px; bottom: -420px; }

.eventCelebrate .celebrate-wins-top{height: 455px;}

.facilities { position: relative; padding: 45px 0 160px; margin: 120px 0 0; }
.event-facilities-wrap {margin: 0 auto; padding: 0; max-width: 944px; width: 100%; text-align: center;}
.event-facilities .business-grid-fours {padding: 40px 0 0 0;}
.event-facilities-text {margin: 0 auto; padding:90px 0; max-width: 740px; width: 100%;font-size: 25px;font-family: 'Chronicle Deck Cond';font-style: italic;letter-spacing: 0.61px;line-height: 34px;color: #000; text-align: center;}
.event-facilities {position: relative;}
.event-facilities-large-text {margin: 0;padding: 0;position: absolute;left: -220px;top: 47%;z-index: -1;}
.event-facilities-large-text-inner {transform: scale(1.1)}
.event-facilities-large-text-inner:before {content: "";height: 100%;width: 100%;position: absolute;background-color: #fff;bottom: 0;transition: all ease 3s;}
.aos-animate .event-facilities-large-text-inner:before {height: 0;}
.event-lists {margin: 0 -20px; padding: 0; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.event-lists-item:first-child, .event-lists-item:nth-child(2), .event-lists-item:nth-child(3) {margin-top: 0;}
.event-lists-item {margin: 40px 0 0 0; padding: 0 20px; width: 33.33%;}

.event-lists-item a{
    position: relative;
    z-index: 1;
    display: block;
}


.event-lists-item a:hover .event-lists-label{
    background-color: black;
}

.event-lists-item a:hover:before .event-lists-label{
    width: 100%;
}
/*
.event-lists-item a:before{
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    background-color: #ba996b;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
}*/

.event-lists-item:hover .event-lists-label{
    background-color: #000;
}

.event-lists-label {margin: 0; padding:34px 30px; background: #ba996b; text-align: center; display: flex; flex-wrap: wrap; align-items: center;
    justify-content: center;
    flex-direction: column; }
.event-lists-label span {margin: 0; padding: 0; font-weight: 400;font-style: normal; color: #fff; letter-spacing: 1.54px;line-height:22px;text-transform: uppercase;}
.event-lists-label h5 {margin: 0; padding: 0; color: #fff; font-family: 'Metric'; font-size: 22px;font-weight: 600;font-style: normal;letter-spacing: 2.12px;line-height: normal;text-align: center;text-transform: uppercase;}
.facilities:before { content: ""; position: absolute; background: #c7c7c8; width: 100%; top: 0; height: 40%; }

.event-card{position: relative;width: 100%}
.event-card .event-lists-label { position: absolute; bottom: 0; width: 100%; opacity: 0.9; box-sizing: border-box;
    display: block; }
.event-card a:hover h5 { color: #fff; }

@supports (-webkit-appearance:none) {
        .event-card .event-lists-label {
            width: 100%;
        }
    }

.confernceRoom .slick-slide img{width: 100%;object-fit: cover;height: 600px;}
.facilities h3 { margin-bottom: 50px; }
.confernceRoom h2 { margin-bottom: 50px; }
.facilities .event-lists-label h5{font-weight: 400;color: #000;}
.bookTable { margin-top: 30px; }

.facilities:before { content: ""; position: absolute; background: #c7c7c8; width: 100%; top: 0; height: 40%; }
.facilities { position: relative; padding: 45px 0 160px; margin: 120px 0 0; }
.confernceRoom { position: relative; padding: 45px 0 80px; }
.confernceRoom:before { content: ""; position: absolute; background: #b39771; width: 100%; top: 0; height: 30%; }
.bookTable tr th { background: #ba996b;font-size: 20px;text-transform: uppercase; }
.bookTable { border: 1px solid #ba996b; display: table;}
.bookTable tbody tr:nth-child(odd) { background: #c7c7c8; }
.bookTable thead th{border-bottom: 2px solid #ba996b}
.bookTable td, .bookTable th{border: 1px solid #ba996b;font-size: 20px; font-weight: 500; }
.bottomBtn a { width: 20%; margin-left: 15px; background-color: #000; color: #fff; letter-spacing: inherit; font-size: 20px; }
.bottomBtn .btn::before{background-color: #ba996b}
.bottomBtn .btn:hover{background-color: #000 !important;}

.modenRelaxed{position: relative;}
.large-cuisine { position: absolute; top: -790px; z-index: -1; right: -35px; }
.large-cuisine svg { width: 140px; }
.large-cuisine:before { content: ""; height: 100%; width: 100%; position: absolute; background-color: #fff; bottom: 0; transition: all ease 5s; transition-duration: 5s; animation-delay: 5s; left: auto; }
.large-cuisine.aos-animate:before { height: 0; }

.photoFine { padding: 100px 0 30px; }
.cestLive { padding: 30px 0 140px; position: relative;}
.cestLive .slick-slide img { width: 100%; height: 600px; object-fit: cover; }

.cestLive .gallery-slider .slider-item { position: relative; }
.cestSlider{position: relative;}
.offerCaption img { max-width: 240px; }
.offerCaption { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; }
.cestLive .dining-content { padding: 100px 0; }
.cestLive .dining-content h2{margin: 0 0 45px;}
.cestLive .callText { display: block; margin-top: 55px; }

.diningBtn a { margin: 0 10px; font-family: 'Metric' !important; display: inline-block; height: 60px; line-height: 23px; }
.diningBtn { margin-top: 50px; }
.cestLive .item-img .parallax-img { background-size: contain;background-position: top center;}
.cestLive .item-img { height: 710px; }
.photoFine .item:nth-child(2) { margin: 0; }

.cuisineMiddle { margin-top: 10px; padding: 10px 0 80px; }
.cuisineMiddle .title-main { max-width: 100%; margin-top: 180px; padding: 0 200px; font-family: 'Chateau Grande Condensed'; font-style: inherit; }
.cuisineMiddle .large-text.shape-2 .svg { height: 2220px; width: 175vw; max-height: none; }
.cuisineMiddle .events-logo { margin-bottom: 0; }

.cuisineMiddle .events-logo-wrap:before, .events-logo-wrap:after, .events-logo-img:before, .events-logo-img:after{background-color: #99806b;}
.cuisineMiddle .dining-content .text-italic { 
/*    max-width: 563px;*/
    max-width: 840px; }
.cuisineMiddle .content-with-btn em { display: block; margin: 100px 0 200px; }

.cuisineMiddle .large-text.shape-2 {top: -250px; left: -46%; z-index: -1;}
.cuisineMiddle .two-line-text em { color: #ba996b; margin: 8px 0; }
.cuisineMiddle .two-line-text{ margin-top: 100px;}

.cuisineMiddle .dining-content a:hover em { color: #000; }
.cuisineMiddle .dining-content .content-with-btn p a:hover{
    color: #ba996b;
    font-family: 'Chronicle Deck Cond Semi';
}


.fine-dining .dining-content { padding: 75px 0 0; }
.fine-dining .cestSlider .slick-track img { width: 100%; }


#offerloader {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    color: #ba996b;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
@keyframes spinner-border {
    to { transform: rotate(360deg) }
  }



.backTop { color: #80663f; text-transform: uppercase; font-weight: 500; display: inline-block; margin-top: 20px; font-size: 25px; background: linear-gradient(to right,#000,#000 50%,#80663f 50%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%; transition: background-position 275ms ease; position: relative; }
.backTop img { transform: rotate(89deg); max-width: 20px; vertical-align: bottom; margin-right: 13px;margin-bottom: -2px; }
.single-offers { padding: 65px 0 257px; background-color: #c7c7c8; }
.backTop:hover { background-position: 0 100%; }
.backTop:hover img { filter: grayscale(1) invert(1) brightness(0); }

.single-heading h3 { color: #000; font-weight: revert; letter-spacing: 0; margin-bottom: 20px; text-transform: uppercase; font-family: 'Chateau Grande Expanded';font-size: 30px; }
.single-heading h1 { color: #000;text-transform: uppercase;font-size: 138px; }
.single-exclusive_offer .topBar { padding: 28px 0; }
.single-exclusive_offer .topBar .backTop { margin-top: 0; font-size: 24px; font-weight: 600; letter-spacing: 2px; }
 
.single-content { padding: 410px 0 90px;position: relative; }
.single-banner img { width: 100%;}

.singleBox { padding: 80px 210px; }
.singleBox p { font-size: 33px; line-height: 45px; }
.singleBox .bottomBtn { margin-top: 200px; }

.cutomeSpape { bottom: -230px !important; }
.cutomeSpape svg { width: 420px; height: 570px; }

.single-banner { margin-top: -580px;position: relative; }
.singleBox .singleT { margin-bottom: 80px; }

.img-caption { position: absolute; top: 0; left: 0; }

.single-content .large-text.shape-2 { top: 0; left: 0; z-index: -1; }
.single-content .large-text.shape-2 .svg { height: 1300px; max-height: none; width: auto;}
.single-banner figure img { height: 605px; object-fit: cover; }

.large-texts { position: absolute; right: 0; bottom: -110px; transform: translateY(370px); opacity: 0; }
.singleBox .bottomBtn a { width: 240px; height: 56px; line-height: 28px;margin-left: 0; }

.single-content .large-text.shape-2 svg { height: 1300px; max-height: none; width: auto; }

.tagImg { position: absolute; top: 0; max-width: 250px; left: 0; right: 0; margin: 0 auto; }
.large-Fine svg { width: 950px; }
.large-Fine { position: absolute; top: 0; z-index: -1; left: -27%; }

.large-place { position: absolute; top: 250px; z-index: -1; right: -29%; }
.large-place svg { width: 950px; }
.large-place:before { content: ""; height: 100%; width: 100%; position: absolute; background-color: #fff; bottom: 0; transition: all ease 5s; transition-duration: 5s; animation-delay: 5s; left: auto; }
.large-place.aos-animate:before { height: 0; }

.curveLeft { top: 32%; }

.businessEvents { height: 80vh; }
.largeTwo { top: 30px; }
.largeOne { top: -390px; right: -155px; }

.parallaxHeight .business-grid-one .item-img { height: 605px; }
.parallaxHeight .business-grid-one .item-img .business-grid-inner { background-size: contain; }
.parallaxHeight .business-grid-two .item-img { height: 760px; }

.confernceRoom .slick-arrow.slick-prev::before { background-image: url(images/Arrow_right_colored.svg); opacity: 1 !important; transform: rotate(180deg); }

.confernceRoom .gallery-slider .slick-arrow.slick-prev:after { background-image: url(images/Arrow_left_colored.svg); filter: grayscale(1) invert(1) brightness(2); }

.confernceRoom .slick-arrow.slick-next:before {background-image: url(images/Arrow_right_colored.svg); opacity: 1 !important;}
.confernceRoom .gallery-slider .slick-arrow.slick-next:after { background-image: url(images/Arrow_right_colored.svg); filter: grayscale(1) invert(1) brightness(2); }

.dining-content h2 { font-family: 'Chronicle Deck Cond'; font-style: italic; font-size: 87px; margin: 0 0 22px; }
.dining-content .text-italic { max-width: 840px; }
.events-life-text .btn-secondary { margin-top: 20px; }


.cestLive .dining-content .content-with-btn p a:hover{
    color: #ba996b;
    font-family: 'Chronicle Deck Cond Semi';
}

.page-template-tp-news #sb_instagram .sbi_follow_btn a{
    border: 2px solid #000 !important;
    min-width: 272px;
    font-size: 25px;
    font-family: Chateau Grande Expanded;
    letter-spacing: 0.61px;
    text-transform: uppercase;
    color: #000 !important;
    padding: 20px 30px;
    background: transparent !important;
    position: relative;
    z-index: 1;
    margin: 0;
}

.page-template-tp-news #sb_instagram .sbi_follow_btn a span{
     font-family: Chateau Grande Expanded;
    letter-spacing: 0.61px;
    text-transform: uppercase;
}

   

.page-template-tp-news #sb_instagram .sbi_follow_btn a:hover span {
    color: white;
}

.page-template-tp-news #sb_instagram .sbi_follow_btn a:hover{
    text-decoration: none;
}

.page-template-tp-news #sb_instagram .sbi_follow_btn a:hover, .page-template-tp-news #sb_instagram .sbi_follow_btn a:focus{
    outline: none;
    box-shadow: none;
}


.page-template-tp-news #sb_instagram .sbi_follow_btn a:hover:before {
    background-color: #000;
    width: 100%;
}

.page-template-tp-news #sb_instagram .sbi_follow_btn a:before{
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
}
/**----- 09/01/24-----**/

.booking-tab .booking-form h3{color: #000000; font-family: "Metric";font-size: 24px;font-weight: 600;font-style: normal; letter-spacing: 0.1em;text-transform: uppercase;line-height: 35.6px;margin: 0 0 30px 0;}
.booking-tab .booking-form.custom-form .form-group{margin-bottom: 17px; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
.booking-tab .booking-form.custom-form .control-label{color: #000000; font-family: "Metric";font-size: 24px;font-weight: 400;font-style: normal; letter-spacing: 0.1em;text-transform: uppercase;line-height: 35.6px;margin: 0; width: 20.35%; padding-right: 10px;}
.booking-tab .booking-form.custom-form .input-box{width: calc(100% - 20.35%); position: relative;}
.booking-tab .booking-form.custom-form .input-box input,.booking-tab .booking-form.custom-form .input-box select{height: 39px;border: 2px solid #ba996b; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 10px 15px 5px;font-family: "Metric"; font-size: 21px; line-height: 30px;  color: #000;}
.booking-tab .booking-form.custom-form .text-error{width: 100%; color: red; margin-top: 7px; font-size: 15px;font-family: "Metric"; font-weight: 400; display: none;}
.booking-tab .booking-form.custom-form .col-sm-offset-1{margin-bottom: 39px;}
.booking-tab .booking-form.custom-form .form-group.full-width .control-label,.booking-tab .booking-form.custom-form .form-group.full-width .input-box{width: 100%;}
.booking-tab .booking-form.custom-form .form-group.full-width .control-label{font-size: 21px; text-transform: none; letter-spacing: 0;}
.booking-tab .booking-form.custom-form .input-box.date input{background-image: url(images/date-picker-img.svg);padding-left: 60px; background-position: 10px center; background-repeat: no-repeat;}
.booking-tab .booking-form.custom-form .input-box.event-description button{height: 39px;border: 2px solid #ba996b !important; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 0 15px;font-family: "Metric";}
.booking-tab .booking-form.custom-form .input-box.event-description button .filter-option-inner-inner{font-size: 21px; line-height: 41px; padding: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 0.1em;}
.booking-tab .booking-form.custom-form .input-box textarea{height: 78px;border: 2px solid #ba996b; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 10px 15px;font-family: "Metric"; font-size: 21px; text-transform: none; font-weight: 400; color: #000; resize: vertical; letter-spacing: 0;}
.booking-tab .booking-form.custom-form .input-box.event-description .form-control{background-color: transparent;}
.booking-tab .booking-form.custom-form .input-box.event-description button:after{display: none;}
.datepicker-dropdown.datepicker{background-image: none; padding: 4px !important; height: auto;}
.booking-tab .booking-form.custom-form .timeselect{position: absolute; left: 0 !important; top: 100% !important;height: 140px;border: 1px solid #ccc;background-color: #fff;overflow-y: scroll;overflow-x: hidden;width: 130px; padding: 5px; z-index: 9; display: none;}
.booking-tab .booking-form.custom-form .timeselect a{display: block; width: 100%;line-height: 19px;padding: 0 20px 0 3px;white-space: nowrap; color: #000; font-size: 16px; z-index: 9;}
.booking-tab .booking-form.custom-form .timeselect a:hover{background-color: #4780A2;color: #fff;}
.booking-tab .booking-form.custom-form .input-box.time input{background-image: url(images/time-img.png);padding-left: 60px; background-position: 10px center; background-repeat: no-repeat;}
.booking-tab .booking-form.custom-form .button-row .col-sm-6{padding: 0;}
.booking-tab .booking-form.custom-form .checkbox-field{font-size: 21px; line-height: 36px; padding: 0; text-transform: none; font-weight: 400; letter-spacing: 0; color: #000; position: relative; margin-top: 10px;}
.booking-tab .booking-form.custom-form .checkbox-field input{position: absolute; opacity: 0;width: 38px;height: 38px;z-index: 9;}  
.booking-tab .booking-form.custom-form .checkbox-field input + label {position: relative; cursor: pointer; padding: 4px 0 0 0; padding-left: 50px;}
.booking-tab .booking-form.custom-form .checkbox-field input + label:before {content: '';margin-right: 22px;display: inline-block;vertical-align: text-top;width: 38px;height: 38px;background: transparent; border: 1px solid #B7966B; position: absolute; left: 0; top: 0;}
.booking-tab .booking-form.custom-form .checkbox-field input:checked + label:before {background-image: url(images/cross-icn.jpg);background-repeat: no-repeat;background-position: center;background-size: 23px 23px;background-color: #fff; }
.booking-tab .booking-form.custom-form .form-group.required-text .control-label{text-transform: capitalize; font-size: 21px; letter-spacing: 0;}


.booking-tab .booking-form.custom-form .input-box input::-webkit-input-placeholder,.booking-tab .booking-form.custom-form .input-box textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #000;
}
.booking-tab .booking-form.custom-form .input-box input:-moz-placeholder,.booking-tab .booking-form.custom-form .input-box textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #000;
   opacity:  1;
}
.booking-tab .booking-form.custom-form .input-box input::-moz-placeholder,.booking-tab .booking-form.custom-form .input-box textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #000;
   opacity:  1;
}
.booking-tab .booking-form.custom-form .input-box input:-ms-input-placeholder,.booking-tab .booking-form.custom-form .input-box textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #000;
}
.booking-tab .booking-form.custom-form .input-box input::-ms-input-placeholder,.booking-tab .booking-form.custom-form .input-box textarea::-ms-input-placeholder { /* Microsoft Edge */
   color:    #000;
}

.booking-tab .booking-form.custom-form .input-box input::placeholder,.booking-tab .booking-form.custom-form .input-box textarea::placeholder { /* Most modern browsers support this now. */
   color:    #000;
}




/*==================================== New home page changes 13-02-2024 ====================================*/
.home .photos-grid-section .booking-cta{display: none;}
.home .event-section-main .title-main{margin-bottom: 60px;}
.overnight-section{background-color: #B8B8B9;}
/*.overnight-section .heading-main{font-size: 140px; letter-spacing: 0; color: #000;}*/
.overnight-section .title-main{color: #000; font-size: 90px;}
.slider-progress-overnight { margin: 50px 80px 0; height: 4px; position: relative;  background-color: rgba(255,255,255,0.28); transition: all ease 0.5s; overflow: hidden;  }
.slider-progress-overnight  span{ position: absolute; left: 0;display: block; width: 0px; height: 100%; background-color: #fff; transition: all 0s linear; top:  0px; }
.slider-progress-overnight  span.active{ width: 100%; }
.overnight-section .rooms-slider{max-width: 1500px; margin: 0 auto;}
.overnight-section .booking-text{max-width: 1300px; margin: 0 auto; text-align: center; margin-top: 100px;}
/*.overnight-section .booking-text p{font-family: 'Chronicle Deck Cond'; font-style: italic; font-size: 46px; line-height: 66px; margin-bottom: 58px;}*/
.overnight-section .booking-text p{color: #000;margin-bottom: 58px;}
.overnight-section .booking-text p a{color: black;
    text-decoration: underline;font-weight: 500;}
    .overnight-section .booking-text p a:hover{
        font-family: 'Chronicle Deck Cond Semi';
    }
.overnight-section .booking-text a.btn{color: #B8B8B9; border-color: #000;}
.overnight-section .booking-text a.btn.btn-secondary:before {background-color: #000; width: 100%;}
.overnight-section .booking-text a.btn.btn-secondary:hover:before{width: 0;}
.overnight-section .booking-text a.btn.btn-secondary:hover{color: #000;}
.overnight-section .two-column-boxes{margin-top: 103px;}
.overnight-section .two-column-boxes ul{display: flex; margin: 0 -30px; flex-wrap: wrap;}
.overnight-section .two-column-boxes li{padding: 0 30px; width: 50%;}
.overnight-section .two-column-boxes ul li h2{background-color: #B3926A; margin: 0; color: #fff; text-transform: uppercase;font-family: 'Metric'; font-size: 30px; line-height: 32px; letter-spacing: 0.05em; text-align: center; padding: 25px 0 20px 0;}
.overnight-section .two-column-boxes ul li .image{display: block;height: 0;overflow: hidden;position: relative;z-index: 1;padding-bottom: 70%; margin-top: -1px; margin-bottom: 50px;}
.overnight-section .two-column-boxes ul li .image img{width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;left: 0;top: 0;}
.overnight-section .two-column-boxes ul li .details{    max-width: 720px; margin: 0 auto; display: block;text-align: center;}
.overnight-section .two-column-boxes ul li .details p {font-size: 25px;margin-bottom: 40px;line-height: 34px;letter-spacing: -0.007em;min-height: 100px;}
.overnight-section .two-column-boxes ul li .details a.btn{color: #B8B8B9;  border-color: #000;   font-family: 'Metric';   line-height: normal;  padding: 20px 40px 12px 40px;}
.overnight-section .two-column-boxes ul li .details a.btn.btn-secondary:before {background-color: #000; width: 100%;}
.overnight-section .two-column-boxes ul li .details a.btn.btn-secondary:hover:before{width: 0;}
.overnight-section .two-column-boxes ul li .details a.btn.btn-secondary:hover{color: #000;}
.event-title .title-section{max-width: 100%;}
.event-title .title-section h2{max-width: 1150px; margin-left: auto; margin-right: auto;}
/*.home-photos-section .title-section p{font-family: 'Chronicle Deck Cond'; font-style: italic; font-size: 46px; line-height: 66px; margin-top: 50px; margin-bottom: 0;width: 142%;margin-left: -21%;margin-right: -21%;}*/
.home-photos-section .title-section p{margin-top: 50px; margin-bottom: 0;color: #000;}
.overnight-section .two-column-boxes ul li .details { padding: 0 3vw }
@media(max-width:1440px){
    .overnight-section .two-column-boxes {
        padding: 0 5.5vw; 
    }
}

@media(max-width:1280px) {
    .overnight-section .heading-main { font-size: 120px; line-height: 120px; }
    .overnight-section .booking-text{margin-top: 70px;}    
    /*.home-photos-section .title-section p{font-size: 40px; line-height: 60px;margin-top: 40px;}
    .overnight-section .booking-text p{font-size: 40px; line-height: 60px;margin-bottom: 40px}
    */
    .home-photos-section .title-section p{margin-top: 40px;}
    .overnight-section .booking-text p{margin-bottom: 40px}
        .overnight-section .two-column-boxes ul{margin: 0 -10px;}
    .overnight-section .two-column-boxes li{padding: 0 10px;}
    .overnight-section .two-column-boxes{margin-top: 83px;}
    .overnight-section .rooms-section .title-main {font-size: 72px;line-height: 75px;letter-spacing: 1.5px;}
}
@media(max-width:991px) {
    .overnight-section .rooms-section{padding: 65px 30px 35px;}
    .home .event-section-main .title-main{margin-bottom: 30px;}
    .overnight-section .two-column-boxes{margin-top: 0px;}
    .overnight-section .two-column-boxes ul{margin: 0;}
    .overnight-section .two-column-boxes li{width: 100%;padding: 0; margin-top: 63px;}
    .overnight-section .two-column-boxes ul li .details p{min-height: initial; margin-bottom: 30px;}
    .overnight-section .two-column-boxes ul li .image {padding-bottom: 70%;margin-bottom: 30px;}
    
}
@media(max-width:767px) {
    .overnight-section .heading-main { font-size: 80px; line-height: 80px; }
    .slider-progress-overnight { margin: 30px 0 0 0; }
    .overnight-section .booking-text{margin-top: 30px;}
    /*.overnight-section .booking-text p{font-size: 30px; line-height: 50px;margin-bottom: 30px}
    .home-photos-section .title-section p{font-size: 30px; line-height: 50px;margin-bottom: 30px}*/
    .home-photos-section .title-section p{margin-top: 40px;margin-bottom: 30px}
    .overnight-section .booking-text p{margin-bottom: 30px}
    .overnight-section .two-column-boxes ul li h2 {font-size: 30px;line-height: 30px;padding: 37px 0 25px 0;}
    .overnight-section .two-column-boxes ul li .details p{font-size: 28px; line-height: 36px; width: 100%; margin-left: 0; margin-right: 0;}  
    .overnight-section .rooms-section .title-main{font-size: 48px; letter-spacing: 1.17px;line-height: 55px;}  
}
@media(max-width:640px) {
    .overnight-section .rooms-section{padding: 35px 30px; margin-bottom: 70px;}
    .overnight-section .two-column-boxes ul{margin: 0;}
    .overnight-section .two-column-boxes li{width: 100%;padding: 0;margin-top: 43px;}
    .overnight-section .two-column-boxes ul li .image {padding-bottom: 100%;margin-bottom: 25px;}
    .overnight-section .two-column-boxes ul li h2 {font-size: 24px; line-height: 27px; padding: 25px 0 14px 0; }
    .overnight-section .two-column-boxes ul li .details p {font-size: 25px; line-height: 34px; margin-bottom: 25px;}    
}
@media(max-width:567px) {
    .overnight-section .heading-main { font-size: 50px; line-height: 50px; }
    /*.overnight-section .booking-text p{font-size: 25px; line-height: 34px;margin-bottom: 25px}
    .home-photos-section .title-section p{font-size: 25px; line-height: 44px;margin-top: 25px;}*/
    .home-photos-section .title-section p{margin-top: 25px;margin-bottom: 25px}
    .overnight-section .booking-text p{margin-bottom: 25px}
}

/*==================================== Bliss Salon Spa page changes 16-04-2024 ====================================*/

.banner-top-section {
    background: #b4936a;
    padding: 40px 20px 80px;
 }
  
 .custom-position-shape {
     top: -230px;
     width: 100%;
     max-width: 470px;
     height: 100%;
     max-height: 1470px;
 }
 
 .we-forgot-team-main .custom-position-shape {top: 0;max-height: initial;left: -120px;}
 .custom-position-shape img{
     object-fit: cover;
     width: 100%;
     height: 100%;
     object-position: 100% -80px;
 }
 .the-bliss-spa-section {
     padding: 120px 0 0 0;
 }
 .the-bliss-spa-section .celebrate-wins-wrapper {
     margin: 0 auto 50px;
 }
 .the-bliss-spa-section .custom-position-shape-right img {
     width: 100%;
     max-width: 700px;
     height: 610px;
     transform: rotate(9deg);
     margin-left: 10px;
 }
 .the-bliss-spa-section .custom-position-shape-right {
     top: 0;
     right: -170px;
 }
 .in-room-service-section{
    background: #b8b7b7;
    padding: 30px 0;
 }
 .in-room-service-section .imgBlock {
     width: 100%;
     position: relative;
     padding-bottom: 33%;
 }
 .in-room-service-section .imgBlock > img{
     width: 100%;
     height: 100%;
     object-fit: cover;
     position: absolute;
     left: 0;
     top: 0;
 }
 .in-room-service-section .imgBlock  span {
     position: absolute;
     left: -30px;
     top: 50%;
     z-index: 1;
     width: 100%;
     transform: translateY(-50%);
 }
 .in-room-service-section .imgBlock span > img {
     width: 39%;
 }
 .in-room-service-section h2{
     padding: 50px 0;
     margin: 0;
 }
 .in-room-service-info {
     padding: 40px 0 40px 40px;
     margin: 0 0 40px 0;
     display: inline-block;
     width: 100%;
 }
 .in-room-service-info  .left-block ul{
     list-style: none;
     margin: 0 0 15px 0;
 }
 .in-room-service-info .right-block {
     background: #b08f6a;
     padding: 30px 0 30px 30px;
     height: 100%;
 }
 .in-room-service-info  ul li, .in-room-service-info  p{
    font-size: 20px;
 } 
 .in-room-service-info .left-block ul li {
     display: grid;
     /* grid-template-columns: 1fr 1fr; */
 }
 .in-room-service-info .left-block  h3{
     font-family: 'Metric';
     font-weight: 600;
     color: #000;  
 }
 .in-room-service-info .left-block ul li span {
     display: block;
 }
 .in-room-service-info .right-block .right-inner{
     max-width: 430px;
 }
 .in-room-service-info .right-block ul li {
     position: relative;
     padding: 0 0 10px 20px;
 }
 .in-room-service-info .right-block ul li:before {
     content: "*";
     position: absolute;
     left: 0;
     top: 4px;
 }
 
 .in-room-service-section .action {
     margin: 50px 0;
 }
 .in-room-service-section .action .btn-secondary {
   border: 2px solid #000;
   font-family: 'Metric';
   line-height: normal;
   padding: 20px 40px 10px 40px;
 }
 
 .in-room-service-section .action .btn.btn-secondary:before {
     background-color: #000;
 }
 .coming-soon-banner {
     position: relative;
     padding-bottom: 38%;
 }
 .coming-soon-banner img {
     width: 100%;
     max-width: 100%;
     object-fit: cover;
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
 }
 .coming-soon-banner .title {
     background: #b4936a;
     display: block;
     max-width: 300px;
     color: #000;
     text-transform: uppercase;
     text-align: center;
 }
 .coming-soon-banner .title {
     margin: 0;
     position: absolute;
     left: 40px;
     padding: 0px 20px 30px 20px;
     z-index: 1;
 }
 .coming-soon-banner .title span{
   display: block;
   font-size: 134px;
 }
 .coming-soon-banner .title:after {
     content: "";
     width: 100%;
     height: 28px;
     background: url("./images/bottom-shape-2.svg");
     display: block;
     position: absolute;
     bottom: -28px;
     background-repeat: repeat-x;
     background-position: top center;
     left: 0;
     background-size: 37px auto;
 }
 .coming-soon-section.full-bridal-party-pampering {
    position: relative;
 }
 .full-bridal-party-pampering .custom-position-shape-right img {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
 }
 .full-bridal-party-pampering .forgot-team-large-text {
     position: absolute;
     top: auto;
     right: 0;
     z-index: -1;
     width: 14%;
     bottom: 0;
     height: 100%;
 }
 .full-service-on-premise {
     padding: 80px 0; 
     position: relative;
 }
 .full-service-on-premise .custom-position-shape {
     top: 0;
     width: 100%;
     max-width: 260px;
     height: 100%;
     max-height: 1470px;
 }
 .full-service-on-premise .custom-position-shape img {
     object-fit: cover;
     width: 150%;
     height: 100%;
     object-position: -64px 90%;
 }
 
 .full-service-on-premise .forgot-team-large-text {
     position: absolute;
     top: auto;
     right: 0;
     z-index: -1;
     width: 14%;
     bottom: 0;
 }
 .full-service-on-premise .custom-position-shape-right img {
     width: 650%;
     height: 600px;
     position: absolute;
     left: 0;
     bottom: -270px;
     top: auto;
 }
 
 
 
 
 .full-bridal-party-pampering .full-service-on-premise .custom-position-shape {
     top: 90px;
     width: 100%;
     max-width: 260px;
     height: 100%;
     max-height: 1470px;
 }
 .full-bridal-party-pampering .full-service-on-premise .custom-position-shape img {
     object-fit: cover;
     width: 100%;
     height: 100%;
     object-position: 100% 0;
 }
 .full-bridal-party-pampering .full-service-on-premise .custom-position-shape-right.forgot-team-large-text:before,
 .full-bridal-party-pampering .full-service-on-premise .custom-position-shape.forgot-team-large-text-two:before{transition: all ease 12s;}
 .full-bridal-party-pampering .full-service-on-premise .custom-position-shape-right.forgot-team-large-text.aos-animate:before {
     height: 0;
     width: 100%;
     z-index: 1;
 }
 .full-bridal-party-pampering .full-service-on-premise .forgot-team-large-text {
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
     width: 16%;
 }
 .full-bridal-party-pampering .full-service-on-premise .custom-position-shape-right img {
     width: 100%;
     height: auto;
     position: absolute;
     left: 0;
     top: 0;
 }
 
 
 
 
 
 .upcoming-spa-menu{
     background: #b08f6a;
     overflow: hidden;
 }
 .upcoming-spa-block {
     padding: 60px 0;
 }
 .upcoming-spa-block .action  {
     margin-bottom: 30px;
 }
 .upcoming-spa-block .action .btn-primary{
    background: #000;
    border: 2px solid #000;
    color: #b08f6a;
    
 }
 .upcoming-spa-block .action .btn-primary:hover{
     border: 2px solid #b8b7b7;
     color: #000;
 }
 .upcoming-spa-block .action .btn-primary:before{
     background: #b8b7b7;  
 }
 
 .full-bridal-party-pampering p a{
     text-decoration: underline;
 }
 
 .full-bridal-party-pampering .celebrate-wins-content {
     max-width: 764px;
 }
 .full-bridal-party-pampering .business-grid-four-inner.photos-grid .item.business-grid-three {
     padding-left: 160px;
 }
 
 .animate:before {
     content: "";
     height: 100%;
     width: 100%;
     position: absolute;
     background-color: #b4936a;
     bottom: 0;
     transition: all ease 3s;
     transition-duration: 3s;
     animation-delay: 3s;
     right: 0;
 }
 .aos-animate.animate:before {
     width: 0;
 }
 
 
 .upcoming-block {
     background: #fff;
 
 }
 .upcoming-spa-slider .item{
   padding: 0 30px;
   max-width: 600px;
 }
 .upcoming-spa-slider {
     overflow: hidden;
 }
 .upcoming-spa-slider .slick-list{
   
     padding: 0 120px;
 }
 
 .upcoming-spa-slider  .slick-arrow.slick-next {
     background-image: url("images/right-arrow.svg");
 }
 .upcoming-spa-slider  .slick-arrow.slick-prev {
     background-image: url("images/left-arrow.svg");
 }
 
 .upcoming-spa-slider .slick-arrow.slick-next::before {
     background-image: url("images/right-arrow.svg");
 }
 .upcoming-spa-slider .slick-arrow.slick-prev::before {
     background-image: url("images/left-arrow.svg");
 }
 .upcoming-block .img-block {
         position: relative;
         padding-bottom: 69%;
 }
 .upcoming-block .img-block:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     background: rgba(0,0,0,0.5);
     z-index: 1;
 }
 .upcoming-block .img-block img {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     object-fit: cover;
 }
 
 .upcoming-block .img-block h3 {
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%,-50%);
     color: #fff;
     text-transform: uppercase;
     z-index: 2;
     font-family: 'Metric';
     line-height: normal;
 }
 
 .upcoming-block{
     text-align: center;
 }
 .upcoming-block h4{
     font-family: 'Metric';
   line-height: normal;
   color: #000;
   text-align: center;
   font-weight: 600;
 }
 .upcoming-spa-info {
     padding: 30px;
 }
 
 .upcoming-spa-info p, .upcoming-spa-info ul li {
     font-size: 20px;
 }
 .upcoming-spa-info ul li{
     font-weight: 600;
     margin-bottom: 15px;
 }
 
 .bottom-line {
     width: calc(100% - 300px);  
     height: 2px;
     background-color: #000;
     margin: 50px auto;
 }
 .upcoming-spa-slider .slick-arrow {
     top: 350px;
 }
 .menu-slider-section {
     max-width: 700px;
     margin: 0px auto 30px;
     width: 100%;
 } 
 .menu-slider-section .slick-arrow.slick-prev {
     left: -40px;
 }
 .menu-slider-section .slick-arrow.slick-next {
     right: -40px;
 }
 .bliss-salon-banner .banner-top-section{min-height: 301px;}
 /* .upcoming-spa-block .menu-slider-section .slick-track{transform: none !important; width: 100% !important; display: flex; justify-content: space-between;} */
 .menu-slider .slick-list .item{
    font-weight: 600;
    text-align: center;
    font-size: 20px;
     color: #caaf91;
     text-transform: uppercase;
     padding: 0 20px;
 }
 .menu-slider .slick-list .item.slick-current {
     color: #000;
 }
 .bottom-custom-section .btn.btn-secondary {
     background: #ba996b;
 }
 .bottom-custom-section .btn.btn-secondary:hover {
     border-color: #000;
 }
 .bottom-custom-section .btn.btn-secondary:before{
     background: #000;
 } 
 .business-events-banner-bng.mobile{display: none;}
 
 
 .the-bliss-spa-section .forgot-team-large-text-two:before {
     transition: all ease 15s;
 }
 .the-bliss-spa-section .forgot-team-large-text:before{    
     transition: all ease 7s;
     top: 140px;
     right: 0;
     left: auto;
     z-index: 9;
 }
 .the-bliss-spa-section .forgot-team-large-text.aos-animate:before {
     right: auto;
     left: 0;
 }
 .the-bliss-spa-section .forgot-team-large-text-two {width: 19%;max-width: 100%;}
 .the-bliss-spa-section .forgot-team-large-text{width: 34%; max-width: 100%;}
 
 .upcoming-spa-slider .upcoming-spa-info ul{margin-bottom: 20px;}
 .upcoming-spa-slider .upcoming-spa-info h4{text-transform: uppercase;}
 .upcoming-spa-slider .upcoming-spa-info ul li {display: flex;text-align: left;font-weight: 400;margin-bottom: 5px; line-height: 20px;justify-content: center; align-items: flex-end; font-size: 18px; font-weight: 500;}
 .upcoming-spa-slider .upcoming-spa-info ul li .item{padding: 0; margin-right: 15px; font-weight: 600;}
 
 
 .booking-tab .booking-form h3{color: #000000; font-family: "Metric";font-size: 24px;font-weight: 600;font-style: normal; letter-spacing: 0.1em;text-transform: uppercase;line-height: 35.6px;margin: 0 0 30px 0;}
 .booking-tab .booking-form.custom-form .form-group{margin-bottom: 17px; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
 .booking-tab .booking-form.custom-form .control-label{color: #000000; font-family: "Metric";font-size: 24px;font-weight: 400;font-style: normal; letter-spacing: 0.1em;text-transform: uppercase;line-height: 35.6px;margin: 0; width: 20.35%; padding-right: 10px;}
 .booking-tab .booking-form.custom-form .input-box{width: calc(100% - 20.35%); position: relative;}
 .booking-tab .booking-form.custom-form .input-box input,.booking-tab .booking-form.custom-form .input-box select{height: 39px;border: 2px solid #ba996b; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 10px 15px 5px;font-family: "Metric"; font-size: 21px; line-height: 30px;  color: #000;}
 .booking-tab .booking-form.custom-form .text-error{width: 100%; color: red; margin-top: 7px; font-size: 15px;font-family: "Metric"; font-weight: 400; display: none;}
 .booking-tab .booking-form.custom-form .col-sm-offset-1{margin-bottom: 39px;}
 .booking-tab .booking-form.custom-form .form-group.full-width .control-label,.booking-tab .booking-form.custom-form .form-group.full-width .input-box{width: 100%;}
 .booking-tab .booking-form.custom-form .form-group.full-width .control-label{font-size: 21px; text-transform: none; letter-spacing: 0;}
 .booking-tab .booking-form.custom-form .input-box.date input{background-image: url(images/date-picker-img.svg);padding-left: 60px; background-position: 10px center; background-repeat: no-repeat;}
 .booking-tab .booking-form.custom-form .input-box.event-description button{height: 39px;border: 2px solid #ba996b !important; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 0 15px;font-family: "Metric";}
 .booking-tab .booking-form.custom-form .input-box.event-description button .filter-option-inner-inner{font-size: 21px; line-height: 41px; padding: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 0.1em;}
 .booking-tab .booking-form.custom-form .input-box textarea{height: 78px;border: 2px solid #ba996b; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 10px 15px;font-family: "Metric"; font-size: 21px; text-transform: none; font-weight: 400; color: #000; resize: vertical; letter-spacing: 0;}
 .booking-tab .booking-form.custom-form .input-box.event-description .form-control{background-color: transparent;}
 .booking-tab .booking-form.custom-form .input-box.event-description button:after{display: none;}
 .datepicker-dropdown.datepicker{background-image: none; padding: 4px !important; height: auto;}
 .booking-tab .booking-form.custom-form .timeselect{position: absolute; left: 0 !important; top: 100% !important;height: 140px;border: 1px solid #ccc;background-color: #fff;overflow-y: scroll;overflow-x: hidden;width: 130px; padding: 5px; z-index: 9; display: none;}
 .booking-tab .booking-form.custom-form .timeselect a{display: block; width: 100%;line-height: 19px;padding: 0 20px 0 3px;white-space: nowrap; color: #000; font-size: 16px; z-index: 9;}
 .booking-tab .booking-form.custom-form .timeselect a:hover{background-color: #4780A2;color: #fff;}
 .booking-tab .booking-form.custom-form .input-box.time input{background-image: url(images/time-img.png);padding-left: 60px; background-position: 10px center; background-repeat: no-repeat;}
 .booking-tab .booking-form.custom-form .button-row .col-sm-6{padding: 0;}
 .booking-tab .booking-form.custom-form .checkbox-field{font-size: 21px; line-height: 36px; padding: 0; text-transform: none; font-weight: 400; letter-spacing: 0; color: #000; position: relative; margin-top: 10px;}
 .booking-tab .booking-form.custom-form .checkbox-field input{position: absolute; opacity: 0;width: 38px;height: 38px;z-index: 9;}  
 .booking-tab .booking-form.custom-form .checkbox-field input + label {position: relative; cursor: pointer; padding: 4px 0 0 0; padding-left: 50px;}
 .booking-tab .booking-form.custom-form .checkbox-field input + label:before {content: '';margin-right: 22px;display: inline-block;vertical-align: text-top;width: 38px;height: 38px;background: transparent; border: 1px solid #B7966B; position: absolute; left: 0; top: 0;}
 .booking-tab .booking-form.custom-form .checkbox-field input:checked + label:before {background-image: url(images/cross-icn.jpg);background-repeat: no-repeat;background-position: center;background-size: 23px 23px;background-color: #fff; }
 .booking-tab .booking-form.custom-form .form-group.required-text .control-label{text-transform: capitalize; font-size: 21px; letter-spacing: 0;}
 
 
 .booking-tab .booking-form.custom-form .input-box input::-webkit-input-placeholder,.booking-tab .booking-form.custom-form .input-box textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     color:    #000;
 }
 .booking-tab .booking-form.custom-form .input-box input:-moz-placeholder,.booking-tab .booking-form.custom-form .input-box textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    opacity:  1;
 }
 .booking-tab .booking-form.custom-form .input-box input::-moz-placeholder,.booking-tab .booking-form.custom-form .input-box textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
    opacity:  1;
 }
 .booking-tab .booking-form.custom-form .input-box input:-ms-input-placeholder,.booking-tab .booking-form.custom-form .input-box textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #000;
 }
 .booking-tab .booking-form.custom-form .input-box input::-ms-input-placeholder,.booking-tab .booking-form.custom-form .input-box textarea::-ms-input-placeholder { /* Microsoft Edge */
    color:    #000;
 }
 
 .booking-tab .booking-form.custom-form .input-box input::placeholder,.booking-tab .booking-form.custom-form .input-box textarea::placeholder { /* Most modern browsers support this now. */
    color:    #000;
 }
 
 
 
 .booking-tab .spa-booking-form h3{color: #000000; font-family: "Metric";font-size: 24px;font-weight: 600;font-style: normal; letter-spacing: 0.1em;text-transform: uppercase;line-height: 35.6px;margin: 0 0 30px 0; text-align: left;}
 .booking-tab .spa-booking-form.custom-form .form-group{margin-bottom: 17px; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
 .booking-tab .spa-booking-form.custom-form .control-label{color: #000000; font-family: "Metric";font-size: 24px;font-weight: 400;font-style: normal; letter-spacing: 0.1em;text-transform: uppercase;line-height: 35.6px;margin: 0; width: 50%; padding-right: 10px; text-align: left;}
 .booking-tab .spa-booking-form.custom-form .input-box{width: 50%; position: relative;}
 .booking-tab .spa-booking-form.custom-form .input-box input,.booking-tab .spa-booking-form.custom-form .input-box select{height: 39px;border: 2px solid #ba996b; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 10px 15px 5px;font-family: "Metric"; font-size: 21px; font-size: 21px; color: #000;}
 .booking-tab .spa-booking-form.custom-form .text-error{width: 100%; color: red; margin-top: 7px; font-size: 15px;font-family: "Metric"; font-weight: 400; display: none;}
 .booking-tab .spa-booking-form.custom-form .form-group.full-width .control-label,.booking-tab .spa-booking-form.custom-form .form-group.full-width .input-box{width: 100%;}
 .booking-tab .spa-booking-form.custom-form .form-group.full-width .control-label{font-size: 21px; text-transform: none; letter-spacing: 0;}
 .booking-tab .spa-booking-form.custom-form .checkbox-field{font-size: 21px; line-height: 36px; padding: 0; text-transform: none; font-weight: 400; letter-spacing: 0; color: #000; position: relative; margin-top: 0px;}
 .booking-tab .spa-booking-form.custom-form .checkbox-field input{position: absolute; opacity: 0;width: 38px;height: 38px;z-index: 9;}  
 .booking-tab .spa-booking-form.custom-form .checkbox-field input + label {position: relative; cursor: pointer; padding: 4px 0 0 0; padding-left: 50px;}
 .booking-tab .spa-booking-form.custom-form .checkbox-field input + label:before {content: '';margin-right: 22px;display: inline-block;vertical-align: text-top;width: 38px;height: 38px;background: transparent; border: 1px solid #B7966B; position: absolute; left: 0; top: 0;}
 .booking-tab .spa-booking-form.custom-form .checkbox-field input:checked + label:before {background-image: url(images/cross-icn.jpg);background-repeat: no-repeat;background-position: center;background-size: 23px 23px;background-color: #fff; }
 .booking-tab .spa-booking-form.custom-form .form-group.required-text .control-label{text-transform: capitalize; font-size: 21px; letter-spacing: 0;}
 .booking-tab .spa-booking-form.custom-form .left-col{width: 50%; padding-right: 30px; float: left;}
 .booking-tab .spa-booking-form.custom-form .right-col{width: 50%; padding-left: 30px; float: left;}
 .booking-tab .spa-booking-form.custom-form .input-box textarea{height: 262px;border: 2px solid #ba996b; background-color: transparent;border-radius: 0;box-shadow: none;outline: none;padding: 10px 15px;font-family: "Metric"; font-size: 21px; text-transform: none; font-weight: 400; color: #000; resize: vertical; letter-spacing: 0;}
 .booking-tab .spa-booking-form.custom-form .right-col .input-box{width: 100%;}
 .booking-tab .spa-booking-form.custom-form .form-group.required-text .control-label{text-transform: capitalize; font-size: 21px; letter-spacing: 0;}
 
 .booking-tab .spa-booking-form.custom-form .input-box input::-webkit-input-placeholder,.booking-tab .spa-booking-form.custom-form .input-box textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
     color:    #000;
 }
 .booking-tab .spa-booking-form.custom-form .input-box input:-moz-placeholder,.booking-tab .spa-booking-form.custom-form .input-box textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
    opacity:  1;
 }
 .booking-tab .spa-booking-form.custom-form .input-box input::-moz-placeholder,.booking-tab .spa-booking-form.custom-form .input-box textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
    opacity:  1;
 }
 .booking-tab .spa-booking-form.custom-form .input-box input:-ms-input-placeholder,.booking-tab .spa-booking-form.custom-form .input-box textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #000;
 }
 .booking-tab .spa-booking-form.custom-form .input-box input::-ms-input-placeholder,.booking-tab .spa-booking-form.custom-form .input-box textarea::-ms-input-placeholder { /* Microsoft Edge */
    color:    #000;
 }
 
 .booking-tab .spa-booking-form.custom-form .input-box input::placeholder,.booking-tab .spa-booking-form.custom-form .input-box textarea::placeholder { /* Most modern browsers support this now. */
    color:    #000;
 }
 
 .model-main .tab-content .booking-form-logo img {
     max-width: 500px;
 }
 
 .upcoming-spa-slider .upcoming-spa-info ul.enhance:first-child{
    margin-top: 20px;
}
.upcoming-spa-slider .upcoming-spa-info ul.enhance {
    margin-bottom: 0;
    margin-top: 20px;
}



/* -------------------------------------------------------- News Page Design -----------------------------------------------------*/
.topBar.news-banner h1{color: #000;}
.media-resource-section{text-align: center; padding: 83px 0 134px 0;}
.media-resource-section h2{font-style: italic;font-family: 'Chronicle Deck Cond'; font-weight: 400; margin: 0 0 64px 0; font-size: 81px;}
.media-resource-section .contact-info{max-width: 724px; margin: 0 auto;}
.media-resource-section .contact-info ul{display: flex; margin: 0 -30px; justify-content: center;}
.media-resource-section .contact-info ul li{width: 50%; padding: 0 30px; text-align: center;}
.media-resource-section .contact-info ul li .box{border: 1px solid #AC9171; padding: 29px 30px 21px; display: block;}
.media-resource-section .contact-info ul li .box span{width: 100%; text-align: center; display: block;}
.media-resource-section .contact-info ul li .box .title{font-family: 'Metric'; font-weight: 600; color: #000000; text-transform: uppercase; font-size: 25px; line-height: 28px; letter-spacing: 0.05em; margin-bottom: 4px;}
.media-resource-section .contact-info ul li .box a{font-family: 'Metric'; font-weight: 400; color: #000000; text-transform: capitalize; font-size: 25px; line-height: 35px; letter-spacing: 0.05em;}
.media-resource-section .contact-info ul li.resource .box a{color: #AD9171;}
.first-latest-post{background-color: #C1C1C2; padding: 89px 0; margin-bottom: 96px;}
.first-latest-post .post{display: flex; flex-wrap: wrap; margin: 0 -20px; align-items: center;}
.first-latest-post .post .imgdiv{width: 52%; padding: 0 20px;}
.first-latest-post .post .imgdiv a{display: block; height: 0;overflow: hidden;position: relative;z-index: 1;padding-bottom: 58%;}
.first-latest-post .post .imgdiv a img {width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;left: 0;top: 0;}  
.first-latest-post .post .right-content{width: 48%; padding: 0 20px 0 31px;}
.first-latest-post .p-info{display: block; margin: 0 0 7px 0;}
.first-latest-post .p-info,.first-latest-post .p-content,.first-latest-post .readmore-row,.first-latest-post .p-heading{padding: 0 68px 0 45px;}
.first-latest-post .p-info .date{font-size: 27px; font-family: 'Metric'; font-weight: 400; line-height: 22px; letter-spacing: 0.05em; text-transform: uppercase;}
.first-latest-post .p-heading{margin-bottom: 12px;}
.first-latest-post .p-heading h2{color: #000; font-style: italic;font-family: 'Chronicle Deck Cond'; font-weight: 400; font-size: 64px; margin: 0; line-height: 74px;}
.first-latest-post .p-heading a:hover h2{color: #AD9171;}
.first-latest-post .p-content{color: #000; font-style: italic;font-family: 'Chronicle Deck Cond Semi'; font-weight: 400; font-size: 25px; line-height: 38px; margin: 0 0 37px 0;}
.first-latest-post .readmore-row{display: flex; justify-content: space-between; align-items: center; border-top: 2px solid #000; padding-top: 40px;}
.first-latest-post .readmore-row .author-name {font-size: 26px;line-height: 29px;font-family: 'Metric';font-weight: 400;text-transform: uppercase;width: 50%;padding-right: 30px; margin-bottom: -8px;}
.first-latest-post .readmore-row .read-more-link{width: 50%;}
.first-latest-post .readmore-row .read-more-link .btn{width: 100%; background-color: #000; color: #fff; padding: 23px 20px 18px;}
.first-latest-post .readmore-row .read-more-link .btn:before{background-color:#AD9171;}
.instagram-block .swiper-button-next, .instagram-block .swiper-button-prev{width: 50px; height: 85px; filter: brightness(1) invert(1);}
.instagram-block .swiper-button-next:hover, .instagram-block .swiper-button-prev:hover {filter: brightness(1) invert(0);}
.instagram-block .swiper-button-next:after, .instagram-block .swiper-button-prev:after{content: ""; background-image: url(images/left-black-arrow.svg);width: 50px; height: 85px;background-repeat: no-repeat;background-position: center; display: inline-block;vertical-align: middle;}
.instagram-block .swiper-button-next{transform: rotate(180deg);}
.instagram-block{background-color: #C1C1C2; padding: 86px 0; text-align: center; margin: 76px 0;}
.instagram-block .instagram-gallery__actions {margin: 0;margin-top: 74px;}
.post-list .post-items .instagram-block h2{text-align: center; display: inline-block; margin: 0 auto;color: #000; font-style: italic;font-family: 'Chronicle Deck Cond'; font-weight: 400; font-size: 64px; line-height: 74px;margin-bottom: 64px;}
.instagram-block h2 svg{width: 43px; height: 43px; margin-top: -18px;}
.post-list .post-items{margin-bottom: 98px;}
.post-list .post-items article:first-child .post,.post-list .post-items article:nth-child(6) .post{border-top: 1px solid #AD9171;}
.post-list .post-items .post{border-bottom: 1px solid #AD9171; padding: 35px 0;}
.post-list .post-items .p-info{display: flex; justify-content: space-between; align-items: center;font-size: 27px; font-family: 'Metric'; font-weight: 400; line-height: 22px; letter-spacing: 0.05em; text-transform: uppercase; margin-bottom: 15px;}
.post-list .post-items h2{font-style: italic;font-family: 'Chronicle Deck Cond'; font-weight: 400; font-size: 64px; margin: 0; line-height: 74px;}
.post-list .post-items .p-heading{margin-bottom: 19px;}
.post-list .post-items .p-heading,.post-list .post-items .p-content{width: calc(100% - 460px);}
.post-list .post-items .p-content{color: #000; font-style: italic;font-family: 'Chronicle Deck Cond Semi'; font-weight: 400; font-size: 25px; line-height: 38px; margin:0;}
.post-list .post-items .readmore-row{display: flex; justify-content: flex-end; margin-top: -14px;}
.post-list .post-items .readmore-row a.btn{width: 250px;color: #000;}
.post-list .post-items .readmore-row a.btn:hover{color: #fff;}
.download-popup{text-align: center;}
.download-popup p{margin: 0;font-family: 'Metric'; font-weight: 600; color: #000000; text-transform: uppercase; font-size: 25px; line-height: 28px; letter-spacing: 0.05em;}
.download-popupID .modal-body{padding: 140px 1rem;}
.download-popupID .download-btn{margin-bottom: 60px;}
.download-popupID .modal-content{border-radius: 0;}
.download-popupID .modal-dialog {max-width: 800px;}
.download-popupID.modal .modal-content .close:before {background-image: url(images/close-icn.png); transform: none;}
.download-popupID.modal .modal-content .close{width:40px; height: 40px; background-color: transparent; top: 20px; right: 20px;}

.page-template-tp-gallery .topBar{padding: 40px 0;}
.page-template-tp-gallery .topBar .backTop{margin-top: 0;}
.gallery-images{margin-top: -220px; margin-bottom: 145px;}
.gallery-images .gallery{display: flex; margin: -30px; flex-wrap: wrap;}
.gallery-images .gallery li{    padding: 30px;width: 50%;box-sizing: border-box;}
.gallery-images .gallery li > figure{display: block;height: 0;overflow: hidden;position: relative;z-index: 1;padding-bottom: 50%; margin: 0;}
.gallery-images .gallery li > figure > img{width: 100%;height: 100%;object-fit: cover;display: block;position: absolute;left: 0;top: 0;}
.gallery-images .gallery li > figure > .plus-icon{position: absolute; left: 0; top: 0; bottom: auto; background-color: transparent; backdrop-filter: none; width: 208px; height: 150px;}

.single-post-content .topBar h1 {font-size: 90px;letter-spacing: 3px;line-height: 90px;}
.single-post-content .topBar .backTop{margin-top: 0;}
.single-post-content .entry-header{display: none;}
.single-post-content article{width: 100%; padding: 70px 0;}
.single-post-content .post-thumbnail{margin-bottom: 30px;}
.single-post-content .post-thumbnail img{max-width: 100%; height: auto; width: auto;}
.single-post-content .entry-footer{display: none;}
.single-post-content h2{font-family: 'Chronicle Deck Cond';letter-spacing: 0.17px;font-weight: normal;font-style: italic;font-size: 40px;color: #000; line-height: 45px;}
.single-post-content h3{font-family: 'Chronicle Deck Cond';}
.single-post-content ul li{list-style-type: disc;}
.single-post-content .row{margin-left: 0; margin-right: 0;}
.single-post-content .nav-links{border-top: 1px solid #AC9171; padding: 50px 0; display: flex; align-items: center; justify-content: space-between;}
.single-post-content .nav-previous:before{content: '';background-image: url(images/left-black-arrow.svg);    height: 25px;width: 25px; background-repeat: no-repeat;
    background-position: center;display: inline-block;background-size: 12px 57px;vertical-align: middle; margin-top: -6px; margin-right: 5px;}
.single-post-content .nav-next:after{content: '';background-image: url(images/left-black-arrow.svg);    height: 25px;width: 25px; background-repeat: no-repeat;
        background-position: center;display: inline-block;background-size: 12px 57px;vertical-align: middle; transform: rotate(180deg); margin-top: -6px; margin-left: 5px;}
.single-post-content .nav-previous a,.single-post-content .nav-next a{color: #000;}
.single-post-content .nav-previous:hover a,.single-post-content .nav-next:hover a{color: #AD9171;}
.single-post-content .topBar.news-banner{background-color: #C1C1C2;}
body #sb_instagram #sbi_images{display: block; grid-template-columns:none; margin: 0 -20px; width: auto;}
body #sb_instagram #sbi_images .slick-slide{padding: 0 20px;}
body #sb_instagram .sb_instagram_header, body .sb_instagram_header{display: none;}
/* body #sb_instagram #sbi_load{display: none;} */
body #sb_instagram div#sbi_load {
    margin-top: 50px;
}
#sb_instagram .sbi_follow_btn a, #sb_instagram .sbi_follow_btn a, #sb_instagram #sbi_load .sbi_load_btn {
    transition: all 0.1s ease-in;
    color: #B8B8B9 !important;
    border-color: #000;
    font-family: 'Metric';
    line-height: normal;
    padding: 20px 40px 12px 40px;
    border-radius: 0;
}
#sb_instagram .sbi_follow_btn a span, #sb_instagram .sbi_follow_btn a span, #sb_instagram #sbi_load .sbi_load_btn span {
    font-size: 20px;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 4.5px;
    font-family: 'Metric';
    font-weight: normal;
}
#sb_instagram #sbi_load .sbi_follow_btn a svg {
    display: none;
}
body #sb_instagram .sbi_photo {
    display: block;
    text-decoration: none;
    display: block;
    height: 0 !important;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-bottom: 100% !important;
}
body #sb_instagram .sbi_photo img {
    width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.gallary-popup figure img {width: 100%; height: auto;}
.instagram-block .slick-arrow.slick-prev {
    left: 40px;
}
.instagram-block .slick-arrow.slick-next {
    right: 40px;
}
.newsletterSection {
    width: 100%;
    margin-left: auto;
    max-width: 1489px;
    padding-right: 110px;
}
.newsletterSection h3 {
    color: #000;
}
.newsletterForm .input-group {
    display: block;
}
.newsletterForm .input-text {
    border: 2px solid #000;
    background: transparent;
    padding: 8px 14px 2px;
    height: 40px;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    outline: 0;
    font-size: 18px;
    color: #000;
}
 

.newsletterForm .input-text::-webkit-input-placeholder {color: #000; opacity: 1;}
.newsletterForm .input-text::-moz-placeholder {color: #000; opacity: 1;}
.newsletterForm .input-text:-ms-input-placeholder {color: #000; opacity: 1;}
.newsletterForm .input-text:-moz-placeholder {color: #000; opacity: 1;}
.formNoteOuter {
    display: flex;
    justify-content: space-between;
}
.newsletterForm .wpcf7-submit {
    border: 2px solid #000;
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 16px 20px 10px;
    font-size: 18px;
    font-style: normal;
    letter-spacing: 1px;
    font-family: 'Metric';
    font-weight: normal;
    background-color: #ba996b;
    border-radius: 0;
    line-height: 20px;
    min-width: 120px;
    text-transform: uppercase;
    width: 100%;
}
.newsletterForm .wpcf7-submit:hover {
    background-color: #000;
    color: #fff;
}

.formNote p {
    margin-bottom: 0;
    font-size: 18px;
    letter-spacing: normal;
}

.formNote p span {
    font-size: 16px;
}
.wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
    border-color: #000;
    background: #000;
    padding: 6px 20px 0;
    letter-spacing: normal;
    font-size: 18px;
    width: auto;
    text-align: center;
    
}
.wpcf7-not-valid-tip {
    color: #b70808;
    display: block;
    letter-spacing: 0.5px;
    font-size: 18px;
    margin: 5px 0 0 0;
    font-weight: 500;
}
.formNote a {
    border-bottom: 2px solid #000;
}
.formNote a:hover {
    border-color: transparent;
}
.action  {
    position: relative;
}
.action .wpcf7-spinner {
    position: absolute;
    left: -70px;
    top: 9px;
}
.newsletterForm form .wpcf7-response-output{max-width: 300px;margin: 0 auto;}
.gallary-slider{height: calc(100vh - 3.5rem);}
.gallary-slider .bg-cover{height: 100%; background-color: #fff; background-image: none !important;}
.gallary-slider .slick-list,.gallary-slider .slick-track{height: 100%;}
.gallary-slider .bg-cover img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    max-height: 100%;
    opacity: 1;
    visibility: visible;
    margin: auto;
    margin-top: auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
}
@media (max-width: 1600px) { 
    .newsletterSection {
        padding-right: 5%;
    }
	.newsletterSection {
		width: 100%;
		margin-left: auto;
		max-width: calc(100% - 15%);
		padding-right: 5.5%;
		padding-left: 15px;
	}
}
@media (max-width: 1500px) { 
    .newsletterSection {
        width: 100%;
        margin-left: auto;
        max-width: calc(100% - 15%);
        padding-right: 4.2%;
        padding-left: 15px;
    }
    }
@media (max-width: 1280px) { 
    .media-resource-section h2{font-size: 72px;line-height: 75px;letter-spacing: 1.5px;}
    .media-resource-section,.first-latest-post,.instagram-block {padding: 70px 0;}  
    .media-resource-section h2{margin-bottom: 50px;}
    .first-latest-post .p-heading h2,.post-list .post-items h2,.post-list .post-items .instagram-block h2{font-size: 55px;line-height: 60px;}  
    .first-latest-post .p-info, .first-latest-post .p-content, .first-latest-post .readmore-row, .first-latest-post .p-heading { padding: 0 25px; }
    .first-latest-post .p-content,.post-list .post-items .p-content,.post-list .post-items .p-info,.first-latest-post .p-info .date {font-size: 23px;line-height: 34px;margin: 0 0 27px 0;}
    .post-list .post-items .p-content,.first-latest-post .p-info .date {margin: 0;}
    .post-list .post-items .p-heading,.post-list .post-items .p-info {margin-bottom: 15px;}
    .instagram-block {margin: 46px 0;}
    .post-list .post-items .instagram-block h2{margin-bottom: 44px;}
    .post-list .post-items .p-heading, .post-list .post-items .p-content {width: calc(100% - 350px);}
    .first-latest-post .readmore-row{padding-top: 30px;}
    .single-post-content .topBar h1 {font-size: 70px;line-height: 80px; letter-spacing: 2px;}
    .newsletterSection {padding-right: 3.5%;}
}
@media (max-width: 1199px) {
    .mobile-navigation ul li a:focus:before{background-color: #fff;width: 100%;}
}
@media (max-width: 991px) {
    .first-latest-post .post .imgdiv,.first-latest-post .post .right-content {padding: 0 10px;}
    .first-latest-post .post{margin: 0 -10px;}
    .instagram-block h2 svg {width: 30px;height: 30px;margin-top: -18px;}
    .first-latest-post .p-heading h2, .post-list .post-items h2, .post-list .post-items .instagram-block h2 {font-size: 40px;line-height: 48px;}
    .first-latest-post .p-content, .post-list .post-items .p-content,.post-list .post-items .p-info,.first-latest-post .p-info .date,.first-latest-post .readmore-row .author-name {font-size: 20px;line-height: 29px;margin: 0 0 17px 0;}
    .first-latest-post .p-info, .first-latest-post .p-content, .first-latest-post .readmore-row, .first-latest-post .p-heading {padding: 0 14px;}
    .post-list .post-items .p-content,.first-latest-post .p-info .date {margin: 0;}
    .first-latest-post .readmore-row .author-name {font-size: 22px;line-height: 25px;}
    .post-list .post-items .readmore-row a.btn{width: 200px;}
    .post-list .post-items .p-heading, .post-list .post-items .p-content { width: calc(100% - 250px); }
    .gallery-images .gallery li{padding: 15px;}
    .gallery-images .gallery {margin: -15px;}
    .gallery-images .gallery li > figure{padding-bottom: 60%;}
    .gallery-images .gallery li > figure > .plus-icon {width: 140px;height: 100px;}
    .single-post-content .topBar h1 {font-size: 55px; letter-spacing: 2px;line-height: 60px;}
    body #sb_instagram #sbi_images{ margin: 0 -10px; width: auto;}
body #sb_instagram #sbi_images .slick-slide{padding: 0 10px;}
}
@media (max-width: 767px) {
    .media-resource-section h2{font-size: 48px;letter-spacing: 1.17px;line-height: 55px;}
    .media-resource-section,.first-latest-post,.instagram-block {padding: 50px 0;}
    .media-resource-section .contact-info ul li .box .title,.media-resource-section .contact-info ul li .box a{font-size: 21px; line-height: 25px;}
    .media-resource-section .contact-info ul li .box {padding: 15px 15px 7px 15px;}
    .media-resource-section .contact-info ul {margin: 0 -10px; flex-wrap: wrap;}
    .media-resource-section .contact-info ul li {padding: 0 10px;}
    .media-resource-section .contact-info {max-width: 500px;}
    .media-resource-section h2{margin-bottom: 34px;}
    .first-latest-post .post .imgdiv,.first-latest-post .post .right-content{width: 100%; padding: 0;}
    .first-latest-post .post{margin: 0; row-gap: 30px;}
    .first-latest-post .p-info, .first-latest-post .p-content, .first-latest-post .readmore-row, .first-latest-post .p-heading {padding: 0;}
    .first-latest-post .readmore-row{padding-top: 30px;}
    .first-latest-post .readmore-row .read-more-link {width: 36%;}
    .first-latest-post .p-heading h2, .post-list .post-items h2, .post-list .post-items .instagram-block h2 {font-size: 35px;line-height: 42px;}
    .post-list .post-items .instagram-block h2 {margin-bottom: 24px;}
    .post-list .post-items,.first-latest-post {margin-bottom: 50px;}
    .download-popupID .modal-body {padding: 100px 1rem 80px 1rem;}
    .download-popup p {font-size: 20px;line-height: 26px;letter-spacing: 0.05em;}
    .download-popupID .download-btn { margin-bottom: 40px; }
    .gallery-images {margin-top: -100px;margin-bottom: 70px; }
    .gallery-images .gallery li {padding: 10px; }
    .gallery-images .gallery {margin: -10px;}
    .single-post-content .topBar h1 {font-size: 45px;letter-spacing: 2px; line-height: 50px; }
    .single-post-content article {padding: 40px 0;}
    .single-post-content h2 {font-size: 30px;line-height: 36px;}
    .single-post-content .topBar{padding: 20px 0;}
    .single-post-content .nav-links {padding: 30px 0;flex-wrap: wrap;row-gap: 20px; justify-content: flex-end;}
    .single-post-content .nav-previous{display: flex;align-items: center;justify-content: center;text-align: left;width: 100%;}
    .single-post-content .nav-next{display: flex;align-items: center;justify-content: center;text-align: left;width: 100%;}
    body #sb_instagram #sbi_images{ margin: 0 -10px; width: auto;}
    body #sb_instagram #sbi_images .slick-slide{padding: 0 10px;}
    body #sb_instagram div#sbi_load {
        margin-top: 30px;
    }
    .instagram-block .slick-arrow.slick-prev {
        left: 20px;
    }
    .instagram-block .slick-arrow.slick-next {
        right: 20px;
    }
    .formNote {
        margin-bottom: 20px;
    }
    .formNoteOuter {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .formNote p {
        font-size: 16px;
    }
    .formNote p span {
        font-size: 14px;
    }
    .newsletterForm .wpcf7-submit {
        font-size: 16px;
        min-width: 100px;
    }
}
@media (max-width: 567px) {
    .post-list .post-items .readmore-row {margin-top: 24px;}
    .post-list .post-items .p-heading, .post-list .post-items .p-content {width: 100%;}
    .first-latest-post .readmore-row{flex-wrap: wrap;}
    .first-latest-post .readmore-row .author-name{width: 100%; padding-right: 0; margin-bottom: 15px;}
    .first-latest-post .readmore-row .read-more-link{width: 100%;}
    .first-latest-post .p-heading h2, .post-list .post-items h2, .post-list .post-items .instagram-block h2 {font-size: 30px; line-height: 38px;}
    .first-latest-post .p-content, .post-list .post-items .p-content {font-size: 17px;line-height: 25px;margin: 0 0 17px 0;}
    .post-list .post-items .p-content,.first-latest-post .p-info .date {margin: 0;}
    .post-list .post-items .readmore-row{display: block;}
    .post-list .post-items .readmore-row a.btn {width: 100%;min-width: 100%;max-width: 100%;}
    .instagram-block h2 svg {width: 20px;height: 30px;margin-top: -12px;}
    .post-list .post-items .post {padding: 25px 0;}
    .post-list .post-items .p-info{margin-bottom: 0;}
    .gallery-images {margin-left: 0; margin-right: 0;}
    .gallery-images .gallery li {padding: 10px 0; width: 100%;}
    .gallery-images .gallery li > figure > .plus-icon {width: 103px;height: 75px;}
    .post-list .post-items .p-info{flex-wrap: wrap;}
    .post-list .post-items .p-info .author-name{width: 100%; text-align: left; margin-bottom: 10px;}
    .post-list .post-items .p-info .date{width: 100%; text-align: left;}
}
@media (max-width: 480px) {
    .media-resource-section .contact-info ul {margin: 0; flex-wrap: wrap; row-gap: 20px;}
    .media-resource-section .contact-info ul li {padding: 0; width: 100%;}
    .media-resource-section,.first-latest-post,.instagram-block {padding: 40px 0;}
}
@media (max-width: 380px) {
    .media-resource-section h2{font-size: 44px;letter-spacing: 1.17px;line-height: 49px;}    
}


.formNoteOuter > p {
    display: none;
}


/* 18-07-2024 DD Image alt add */

.banner-section .bg-cover img, 
.hotel-destination-section .item-img .parallax-img img, 
.rooms-slider .item .bg-cover img,
.photos-grid-section .parallax-img img, 
.photos-grid.events-photos-grid.photoFine .item .parallax-item .item-img .parallax-img img, 
.home-photos-section.grid-photos-section .photos-grid .item .parallax-item  .item-img img,
.single-photo-section .full-width-img .item-img .parallax-img img,
.photos-grid-section.photos-grid-two-col .photos-grid .item .item-inner .item-img .parallax-img img,
.event-section-main .title-section .parallax-item .item-img .parallax-img img,
.event-section .photos-grid.events-photos-grid .item .item-img .parallax-img img,
.rooms-photos-section.grid-photos-section .photos-grid .item-inner .item-img .parallax-img img,
.photos-grid-section.wedding-location-photos-grid .photos-grid .item .parallax-item .item-img .parallax-img img,
.business-grid-fours .business-grid-four-inner .item .parallax-item .item-img .parallax-img img,
.event-facilities .facilities .event-lists .event-card .event-lists-img img,
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one .item-img .parallax-img img,
.festivities-carried-grid.middle-slider-section .festivities-grid-inner  .item .item-img .parallax-img img,
.social-facilities .event-lists .event-lists-item .event-lists-img img, 
.social-full .festivities-carried-grid .parallax-item  .item-img .parallax-img img,
.social-events-bottom-grid .festivities-carried-grid .festivities-grid-inner .festivities-grid-one .parallax-item .item-img .parallax-img img,
.coming-soon-section .coming-soon-banner .parallax-img img,
.in-room-servic-img .imgBlock .parallax-img img,
.business-events-banner .business-events-banner-bng img  { position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%; opacity: 1; visibility: visible;  object-fit: cover;   }
.hotel-destination-section .item-img { padding-bottom: 60%;  height: 0; }
.photos-grid-section.wedding-photos-grid .photos-grid .item-inner .parallax-item .item-img { padding-bottom: 100%;  height: 0; }
.photos-grid-section.wedding-photos-grid .photos-grid .item-inner.inner-img4 .parallax-item .item-img { padding-bottom: 70%;  height: 0;  }
.photos-grid-section.wedding-photos-grid .photos-grid .item-inner.inner-img2 .parallax-item .item-img { padding-bottom: 90%;  height: 0;  }
.photos-grid-section.wedding-photos-grid .photos-grid .item-inner.inner-img3 .parallax-item .item-img { padding-bottom: 120%;  height: 0;  }


.photos-grid-section.memories-photos-grid .photos-grid .item .parallax-item .item-img, 
.home-photos-section.grid-photos-section .photos-grid .item .parallax-item  .item-img,
.single-photo-section .full-width-img .item-img,
.photos-grid-section.photos-grid-two-col .photos-grid .item .item-inner .item-img, 
.event-section-main .title-section .parallax-item .item-img,
.event-section .photos-grid.events-photos-grid .item .item-img,
.rooms-photos-section.grid-photos-section .photos-grid .item-inner .item-img,
.photos-grid-section.wedding-location-photos-grid .photos-grid .item .parallax-item .item-img,
.event-facilities .facilities .event-lists .event-lists-item .event-lists-img,
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one .item-img,
.festivities-carried-grid.middle-slider-section .festivities-grid-inner .item .item-img,
.social-facilities .event-lists .event-card .event-lists-img,
.social-full .festivities-carried-grid .parallax-item  .item-img,
.social-events-bottom-grid .festivities-carried-grid .festivities-grid-inner .festivities-grid-one .parallax-item .item-img{  height: 0;  }


.photos-grid-section.memories-photos-grid .photos-grid .item.img1 .parallax-item .item-img { padding-bottom: 80%; }
.photos-grid-section.memories-photos-grid .photos-grid .item.img2 .parallax-item .item-img { padding-bottom: 100%; }
.photos-grid-section.memories-photos-grid .photos-grid .item.img3 .parallax-item .item-img { padding-bottom: 70%; }


.photos-grid.events-photos-grid.photoFine .item .parallax-item .item-img {  height: 0; padding-bottom: 60%; } 
.photos-grid.events-photos-grid.photoFine .item.item2 .parallax-item .item-img {  height: 0; padding-bottom: 108%; } 

.home-photos-section.grid-photos-section .photos-grid .item.img1 .parallax-item  .item-img { padding-bottom: 80%; }
.home-photos-section.grid-photos-section .photos-grid .item.img2 .parallax-item  .item-img { padding-bottom: 120%; }
.home-photos-section.grid-photos-section .photos-grid .item.img3 .parallax-item  .item-img { padding-bottom: 70%; }

.single-photo-section .full-width-img .item-img { padding-bottom: 60%;  }


.photos-grid-section.photos-grid-two-col .photos-grid .item .item-inner.inner-img1 .item-img { padding-bottom: 80%; }
.photos-grid-section.photos-grid-two-col .photos-grid .item .item-inner.inner-img2 .item-img,
.photos-grid-section.photos-grid-two-col .photos-grid .item .item-inner.inner-img4 .item-img { padding-bottom: 130%; }
.photos-grid-section.photos-grid-two-col .photos-grid .item .item-inner.inner-img3 .item-img { padding-bottom: 110%;  }

.event-section-main .title-section .parallax-item .item-img {padding-bottom: 60%;}


.event-section .photos-grid.events-photos-grid .item.img1 .item-img {padding-bottom: 130%;}
.event-section .photos-grid.events-photos-grid .item.img2 .item-img {padding-bottom: 90%;}
.event-section .photos-grid.events-photos-grid .item.img3 .item-img {padding-bottom: 70%;}
.event-section .photos-grid.events-photos-grid .item.img4 .item-img {padding-bottom: 150%;}
.event-section .photos-grid.events-photos-grid .item.img5 .item-img {padding-bottom: 100%;}

.grid-list-section .gallery-slider .bg-cover img { opacity: 1; visibility: visible; object-fit: cover;}


.rooms-photos-section.grid-photos-section .photos-grid .item-inner.inner-img1 .item-img{ padding-bottom: 80%;}
.rooms-photos-section.grid-photos-section .photos-grid .item-inner.inner-img2 .item-img, 
.rooms-photos-section.grid-photos-section .photos-grid .item-inner.inner-img4 .item-img { padding-bottom: 70%;}
.rooms-photos-section.grid-photos-section .photos-grid .item-inner.inner-img3 .item-img{ padding-bottom: 100%;}
 
.photos-grid-section.wedding-location-photos-grid .photos-grid .item .parallax-item .item-img { padding-bottom: 60%; }

.photos-grid-section.wedding-location-photos-grid .photos-grid .photos-grid-inner .item.img1 .parallax-item .item-img { padding-bottom: 80%;}
.photos-grid-section.wedding-location-photos-grid .photos-grid .photos-grid-inner .item.img2 .parallax-item .item-img { padding-bottom: 110%;}
.photos-grid-section.wedding-location-photos-grid .photos-grid .photos-grid-inner .item.img3 .parallax-item .item-img { padding-bottom: 100%;}


.business-events-banner .businessEvents.bg-cover img {opacity: 1; visibility: visible; width: 100%; height: 100%; object-fit: cover; object-position: center 19%;}
.business-grid-fours .business-grid-four-inner .item .parallax-item .item-img { height: 0;}
.business-grid-fours .business-grid-four-inner .item .parallax-item .item-img img { object-position: top center;}
.business-grid-fours .business-grid-four-inner .item.business-grid-one .parallax-item .item-img img { object-fit: contain;}
.business-grid-fours .business-grid-four-inner .item.business-grid-one .parallax-item .item-img { padding-bottom: 111.4%; }
.business-grid-fours .business-grid-four-inner .item.business-grid-two .parallax-item .item-img { padding-bottom: 98%; }

.business-grid-fours .business-grid-four-inner.forgot-team  .item.business-grid-two .parallax-item .item-img { padding-bottom: 104.2%; }

.event-facilities .facilities .event-lists .event-card .event-lists-img, .social-facilities .event-lists .event-lists-item .event-lists-img { padding-bottom: 136.4%; }


.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-one .item-img { padding-bottom: 133.4%; }
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-two .item-img { padding-bottom: 105.2%; }
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-three .item-img,
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-four .item-img { padding-bottom: 71.5%; }
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-five .item-img,
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-eight .item-img { padding-bottom: 133.2%; }
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-six .item-img { padding-bottom: 88.8%; }
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-seven .item-img { padding-bottom: 81.9%; }
.festivities-carried .festivities-carried-grid .festivities-grid-inner  .festivities-grid-one.social-nine .item-img { padding-bottom: 120.7%; }

.festivities-carried-grid.middle-slider-section .festivities-grid-inner .item .item-img {  padding-bottom: 10.1%;} 
.social-facilities .event-lists .event-lists-item .event-lists-img { position: relative; }

.social-full .festivities-carried-grid .parallax-item  .item-img { padding-bottom: 60.6%; }

.social-events-bottom-grid .festivities-carried-grid .festivities-grid-inner .festivities-grid-one.social-bottom-one .parallax-item .item-img { padding-bottom: 81.8%; }
.social-events-bottom-grid .festivities-carried-grid .festivities-grid-inner .festivities-grid-one.social-bottom-two .parallax-item .item-img { padding-bottom: 102.1%; }
.social-events-bottom-grid .festivities-carried-grid .festivities-grid-inner .festivities-grid-one.social-bottom-three .parallax-item .item-img {  padding-bottom: 66.7%; }
.social-events-bottom-grid .festivities-carried-grid .festivities-grid-inner .festivities-grid-one.social-bottom-four .parallax-item .item-img {  padding-bottom: 71.5%; }

.business-events-banner .business-events-banner-bng { padding-bottom: 38.3%; height: 0; position: relative;}


.we-forgot-team-main.the-bliss-spa-section .business-grid-fours .business-grid-four-inner .business-grid-one .parallax-item .item-img { padding-bottom: 136.8%;}
.we-forgot-team-main.the-bliss-spa-section .business-grid-fours .business-grid-four-inner .business-grid-one .parallax-item .item-img img {object-fit: cover; }
.we-forgot-team-main.the-bliss-spa-section .business-grid-fours .business-grid-four-inner .business-grid-two .parallax-item .item-img { padding-bottom: 150%;}


 
.full-service-on-premise .business-grid-fours .business-grid-four-inner .business-grid-one .parallax-item .item-img img { object-fit: cover; }
.full-service-on-premise .business-grid-fours .business-grid-four-inner .business-grid-one .parallax-item .item-img { padding-bottom: 57.1%; }
.full-service-on-premise .business-grid-fours .business-grid-four-inner .business-grid-two .parallax-item .item-img{ padding-bottom: 66.6%;}
.full-service-on-premise .business-grid-fours .business-grid-four-inner .business-grid-three .parallax-item .item-img { padding-bottom: 91.3%; }



.accordion {  max-width: 1170px; margin: 100px auto; }
.accordion ul { margin: 0 0 30px 14px; }
.accordion ol { padding-left: 17px; } 
.accordion ul li { list-style: disc; padding-left: 0;  }
.at-tab { display: none; padding: 15px 25px; border: 1px solid #000000; border-top: none; box-shadow: none; background-color: #fff; }
.at-tab h2 { font-size: 30px; line-height: normal; color: #ba996b; letter-spacing: 1px; margin-top: 0;  } 
.at-title {cursor: pointer; position: relative; transition: background-color 0.3s ease; border: 1px solid #000; }
.at-title:after {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; color: #000; background: url(images/select-down-arrow.svg) no-repeat; background-size: cover; width: 30px; display: block; background-position: center center; height: 30px; transition: all linear 0.2s; }
.at-title.active:after { transform: translateY(-50%) rotate(180deg);  }
.at-title.active { border-bottom: 0; }
.at-item { border-radius: 5px;  margin-bottom: 15px; }
.at-title h2 {font-size: 26px; font-weight: 500; padding: 15px 45px 17px 25px; margin: 0;  line-height: normal; letter-spacing: 2.5px; text-transform: uppercase; }
.accordion-header {text-align: center; background-color: #222222; color: white; padding: 20px 0;}



/* Things to do page start */
 
.things-to-do-list { width: 100%; padding: 70px 0 100px 0; }
.things-to-do-list .list-info { margin-bottom: 50px; }
.things-to-do-list .list-info .title { font-family: 'Chronicle Deck Cond'; font-style: italic; }
.things-to-do-list .list-info .content { padding-bottom: 15px; }
.things-to-do-list .list-info .post-date{ font-family: 'Chronicle Deck Cond'; }
.things-to-do-list .list-info .event-date { display: block; margin-bottom: 0; font-size: 22px; font-family: 'Metric'; font-weight: 400;   line-height: 22px;  letter-spacing: 0.03em;  text-transform: uppercase; }
.things-to-do-list .list-info .info-img { padding-bottom: 70%; height: 0;  overflow: hidden;  position: relative;}
.things-to-do-list .list-info .info-img img{ position: absolute;  left: 0;   top: 0;  width: 100%; height: 100%; object-fit: cover;max-width: 100%; }
.list-info p{ font-size: 20px; line-height: normal; }
.list-info a { text-decoration: underline; }
.list-info a:hover { text-decoration: none; }
.things-to-do-list .list-info .title-date { display: flex; align-items: center; justify-content: space-between; padding-bottom: 10px; }
.things-to-do-list .sub-title-block .title, .location-map-section .title{ text-align: center; max-width: 900px; margin: 0 auto 90px; }
.location-map-section .map-section { width: 100%; }
.location-map-section .map-section iframe{ width: 100%; height: 500px; }
 
.map-wrapper { position: relative; margin-bottom: 50px; }
.map-main-section { width: 100%; height: 500px; }
.map-wrapper .map-infowindow { height: 500px;  width: 340px;  overflow-y: auto; position: absolute; left: -350px; top: 0; background-color: #fff;     transition: all linear 0.5s; box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.4);}
.map-wrapper .map-infowindow.open-infowindow {left: 0; }
.location-info {padding: 30px 20px;}

.location-info p strong { font-weight: 600; margin-bottom: 10px; display: block;}
.location-info > a { font-size: 18px; letter-spacing: normal; font-weight: 500; }
.placeName { background: #ccc; padding: 10px 20px; text-transform: capitalize; }
.locations-placeName {  display: flex;  align-items: center; justify-content: space-between; column-gap: 15px; padding: 0 20px; background: #000;}
.locations-placeName h2 svg, .locations-placeName a svg { width: 24px; height: 24px; }
.locations-placeName h2 { font-family: 'Metric'; font-size: 16px; line-height: normal; display: flex; align-items: center; column-gap: 15px; }
.locations-placeName h2 span { padding-top: 5px;}
.image-gallery img { width: 100%; }


.map-wrapper .gm-style-iw-chr, .map-wrapper .gm-style .gm-style-iw-tc {
    display: none;
}

.map-wrapper .gm-style .gm-style-iw-c {
    background-color: transparent !important;
    border-radius:0 !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    top: 72px !important;
}
.map-wrapper .gm-style .gm-style-iw-d {
    padding: 0 !important;
    overflow: auto !important;
}
.map-wrapper .gm-style .gm-style-iw-d  div{
    font-weight: 600;
    color: #000;
    font-family: 'Metric';
    letter-spacing: normal;
    font-size: 16px;
}
.map-wrapper .image-gallery > a:first-child {
    display: block;
}
.map-wrapper .image-gallery > a {
    display: none;
    position: relative;
    height: 0;
    padding-bottom: 56%;
}
.map-wrapper .image-gallery > a:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.map-wrapper .image-gallery > a img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.infoImg {
    position: relative;
}
.item-count {
    position: absolute;
    bottom: 0;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    padding: 4px 20px;
    pointer-events: none;
}


/*===============================*/

/* 17-9-2024 */
.bliss-salon-banner.bliss-salon-spa-banner .banner-top-section{min-height: 261px;padding: 40px 20px 0px;}
.business-grid-fours.business-grid-fours-none,.coming-soon-section.coming-soon-section-none,.upcoming-spa-menu .menu-slider-section .slick-arrow{display: none !important;}
.in-room-service-section.in-room-service-wrapper{background: #b08f6a;overflow: hidden;}
.in-room-service-section.in-room-service-wrapper .right-block{background: #000;color:#B08F6A;}
.bottom-custom-section .btn.btn-secondary{background-color: #fff;}
.bottom-custom-section .btn.btn-secondary:hover{border-color: #ba996b;}
.bottom-custom-section .btn.btn-secondary::before{background-color: #ba996b;}
.full-bridal-party-pampering .celebrate-wins-content p a{color: #ba996b;cursor: pointer;}
.full-bridal-party-pampering .celebrate-wins-content p a:hover{font-family: 'Chronicle Deck Cond Semi';}
.the-bliss-spa-section .celebrate-wins-wrapper a{    display: inline-block;margin-top: 70px;}
.the-bliss-spa-section .celebrate-wins-wrapper .celebrate-wins-content p a{    display: inline-block;margin-top: 20px;}
.the-bliss-spa-section .celebrate-wins-wrapper {margin: 0 auto 100px;}
.upcoming-spa-block .action .btn-primary{background: transparent;border: 2px solid #000;color: #000;font-size: 25px;line-height: normal;padding: 20px 30px 10px 30px;}
.upcoming-spa-block .action .btn-primary:hover{color: #fff;border: 2px solid #000;}
.upcoming-spa-block .action .btn-primary::before{background-color: #000;}
.contact-black-section{padding-block: 100px;background-color: #000;}
.contact-black-section p,.contact-black-section ul li{color: #ba996b;font-size: 25px;text-align: center;    margin-bottom: 5px;}
.contact-black-section h3{font-weight: 600; text-transform: uppercase;margin-inline: 0 15px;text-align: center;font-family: 'Metric';font-size: 25px; margin: 0;}
.contact-black-section .contact-hours-box{    margin-block: 30px 60px;}
.contact-black-section .contact-info-box a:hover{color: #fff;}
.offer-text-box{ max-width: 680px; margin: auto;}
.offer-text-box p{line-height: 30px;}
.upcoming-spa-block {padding: 60px 0 0px 0;}
.new-slider-section{position: relative;}
.new-slider-section .new-open-box {top: 0;position: absolute;}
.new-slider-section .new-open-box .title{margin: 0;position: absolute;left: 40px;padding: 0px 20px 30px 20px;z-index: 1;background: #b4936a;display: block;max-width: 300px;color: #000;text-transform: uppercase;text-align: center;}
.new-slider-section .new-open-box  .title span{ display: block;font-size: 134px;}
.new-slider-section .slick-slide img{width: 100%;height: 733px;object-fit: cover;}
/* .upcoming-spa-menu .menu-slider-section {max-width: 1735px;} */
.new-slider-section .slick-track .slick-slide:not(:nth-child(1)) .new-open-box{display: none;}
.new-slider-section .slick-track .slick-slide:nth-child(1) .new-open-box{display: block;}
.new-slider-section .slider-progress-gallery{margin: 0;height: 4px;position: relative;background-color: rgba(0, 0, 0, 0.09);transition: all ease 0.5s;overflow: hidden;}
.upcoming-spa-block .menu-slider-section{max-width: 860px;}
/* 17-9-2024 */



/* Black Friday Popup */
.popupInner{
	padding:50px 0;
}
.mainPopup .popupInner{
	width: 1000px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
	max-width: 80%;
}

.mainPopup .popupInner .counter{
display: flex;
    justify-content: center;
    width: 550px;
    margin: 30px auto 45px;
	max-width:100%;
	flex-wrap:wrap;
	gap: 25px;
}

.mainPopup .popupInner .counter .timeBox{
    flex: 0 0 21%;
    background: #ffffff;
    padding: 15px;
   	width: 21%;
}

.mainPopup .popupInner .counter .timeBox span{
	text-transform:uppercase;
}

.mainPopup .popupInner h2{
	color:#000;
}

.mainPopup .popupInner h3{
	color:#000;
	font-size: 45px;
	margin: 0 0 35px 0;
}

.mainPopup .popupInner h4{
	font-size:65px;
	color:#000;
}

.mainPopup .close-popup{
    position: absolute;
    right: 3%;
    top: 3%;
    cursor: pointer;	
}

.mainPopup{
	display:none;
	position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
    background-color: rgba(186, 153, 107, 0.98);
    min-height: 100vh;
    border: none;
    border-radius: 0;
}


@media screen and (max-width: 767px){
	.mainPopup .popupInner h3{
		font-size:30px;
	}
	.mainPopup .popupInner .counter{
		    gap: 15px;
	}
	.mainPopup .popupInner .counter .timeBox span
	{
		font-size: 10px;
	}
	.mainPopup .popupInner h4{
		    font-size: 50px;
		    margin: 0;
	}
}

.mainPopup .formNote{ width: 60%; }
.mainPopup .formNote p { text-align: left; }
.mainPopup .formNote a{color:#000;}

.popupFormText p { margin: 15px 0 25px; font-size: 22px; font-weight: 500; }

.formNoteOuter{margin: 25px 0 0 0;}

.mc4wp-response .mc4wp-response > div{
    background-color: black;
    color: white;
    padding: 5px 0 0 0;
    margin: 15px 0;
    width: 100%;
}

.mc4wp-response .mc4wp-response > div p{
    margin: 0;
}

@media screen and (max-width: 767px){
		.popupFormText p{    font-size: 18px;}
	.mainPopup .formNote {
    width: 100%;
}
	.popupInner p{
    font-size: 14px;
    line-height: 20px;
	 margin-top: 0;
	}
	.mainPopup .popupInner .counter{
		margin:5px auto 20px;
	}
	.mainPopup .popupInner h3{
		margin:0 0 15px 0;
	}
	.formNoteOuter {
    margin: 15px 0 0 0;
}
	.mainPopup .popupInner{
		max-width: 90%;
	}
	.mainPopup .popupInner h2{
		margin-top:0;
	}
}

@media screen and (min-width: 767px) {
    .footerMenu{
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1550px){
    .site-footer .footer-col.box-5{
        padding-right: 0;
    }
}

.site-footer .footer-col.box-5 {
    width: 22%;
}

.subMenu {
    padding: 50px 0 0;
}

.subMenu .menu li.current-menu-item a{
    color: #ba996b;
}

.subMenu .menu li a:hover:after{
    background-color:#ba996b;
}

.subMenu .menu li.current-menu-item a:after{
width: 100%;
background-color:#ba996b;
left: 0;
}

.page-template-tp-rooms-form .subMenu{
    background-color:rgba(186, 153, 107, 0.98);
}

.page-template-tp-rooms-form .subMenu .menu li.current-menu-item a{
    color:#ffffff;
}

.page-template-tp-rooms-form .subMenu .menu li a:hover:after{
    background-color:#ffffff;
}

.page-template-tp-rooms-form .subMenu .menu li.current-menu-item a:after{
    width: 100%;
    background-color:#ffffff;
    left: 0;
}

.room-filter-section {
    position: sticky;
    top: 76px;
    background: #fff;
    z-index: 2;
}

.page-template-tp-rooms .site {
    overflow: visible !important;
}

@media screen and (max-width: 1200px) {
    .room-filter-section {
        top: 105px;
    }
}

@media screen and (max-width: 767px) {
    .room-filter-section {
        top: 84px;
    }
}

.page-template-tp-rooms-form .site-footer{
    padding: 320px 0 200px;
}
.page-template-tp-rooms-form  .check-availability-btn{
    position: relative;
    bottom: -100px;
    left: 0;
    right: 0;
}
.page-template-tp-rooms-form .room-booking-tab{
    text-align: center;
}
.page-template-tp-rooms-form .booking-model,.page-template-tp-event-form .booking-model{
    padding-top: 70px;
}
.page-template-tp-rooms-form .room-booking-tab .top-title img,.page-template-tp-event-form .booking-model .booking-form-logo img{
   max-width: 100%;
}
.page-template-tp-spa-form .booking-form-logo img{
    max-width: 500px;
  }
.page-template-tp-spa-form .booking-model{
    padding-top: 50px;
}
.page-template-tp-rooms-form .top-header .book-btn,.page-template-tp-event-form .top-header .book-btn,.page-template-tp-spa-form .top-header .book-btn{
  display: none;
}

.page-template-tp-rooms-form .book-btn a, .page-template-tp-event-form .book-btn a, .page-template-tp-spa-form .book-btn a{
    display: none;
}


/*======== 9-1-2025 ===============*/

.partner-wrapper{
    text-align: center;
    position: relative;
    padding-top: 130px;
   }
   .partner-wrapper h1.main-title{
       font-size: 77px;
       text-align: center;
       color: #000;
       width: 100%;
       line-height: 1;
       letter-spacing: 0;   
       margin: 0px 0 30px;
   }
   .partner-wrapper p{
       font-size: 28px;
       letter-spacing: 0.61px;
       line-height: 34px;
       font-family: 'Chronicle Deck Cond';
       text-align: center;
       max-width: 1060px;
       margin: 60px auto 60px;
   }
   .partner-wrapper p br{
       display: none;
   }
   .partner-wrapper .btn.btn-primary{
       padding: 27px 35px 18px;
       font-size: 25px;
       letter-spacing: 1px;
   }
   .partner-wrapper .btn.btn-primary:active{
    color: #000;
   }
   .brand-logo-wrapper{
       padding-block: 50px 80px;
   }
   .brand-logo-wrapper ul{
       display: flex;
       align-items: center;
       justify-content: space-between;
   }
   .brand-logo-wrapper ul li img{
       width: 100%;
   }
   .brand-logo-wrapper ul li:nth-child(2),.brand-logo-wrapper ul li:nth-child(3){
     margin-left: -100px;
   }
   .partner-wrapper p.pro_code_text{
       font-style: italic;
       font-family: 'Metric';
       font-weight: 400;
       font-size: 25px;
       margin: 15px auto 0;
       letter-spacing: 0;
   }
   
   
   @media screen and (max-width:1199px) {
       .brand-logo-wrapper ul li:first-child img{
           width: 100%;
       }
       .brand-logo-wrapper ul li:first-child,.brand-logo-wrapper ul li:nth-child(2){
           width: 250px;
       }
       .brand-logo-wrapper ul li:nth-child(2), .brand-logo-wrapper ul li:nth-child(3) {
           margin-left: -40px;
       }
   }
   @media screen and (max-width:991px) {
       .partner-wrapper h1.main-title{
           font-size: 50px;
       }
       .partner-wrapper p {
           font-size: 22px;
           line-height: 26px;
           margin: 30px auto 40px;
       }
       .partner-wrapper{
           padding-top: 100px;
       }
   }
   @media screen and (max-width: 767px) {
       .partner-wrapper h1.main-title {
           font-size: 34px;
       }
       .partner-wrapper p {
           font-size: 18px;
       }
       .brand-logo-wrapper ul {
           flex-direction: column;
           gap: 30px;
       }
       .partner-wrapper .btn.btn-primary {
           padding: 27px 30px 18px;
       }
       .brand-logo-wrapper ul li:first-child,.brand-logo-wrapper ul li:nth-child(2){
           width: 350px;
       }
       .brand-logo-wrapper ul li:nth-child(2), .brand-logo-wrapper ul li:nth-child(3) {
           margin-left: 0;
       }
   }


/* sign-up wedding sec css  */

section.middle-content-text .btn-secondary {
    margin: 90px 0 0 0;
}

.sign-up-wedding-section{
    display: block;
/*    max-width: 1440px;*/
    padding: 0px 40px;
    width: 100%;
    margin: 0 auto;
}

.sign_form_content {
    text-align: center;
    max-width: 47%;
    margin: 0 auto;
        position: relative;
}

.sign-up-wedding-section .sign_form_content .h3 {
    font-size: 40px;
    letter-spacing: 1.1px;
    line-height: 1;
    padding: 0;
    margin: 0 0 20px 0;
    font-family: 'Chateau Grande Condensed';
    color: #000;
    font-weight: normal;
}


.sign-up-wedding-section .wpcf7-form{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    
    margin: 0 auto;
    gap: 25px;
}

.sign-up-wedding-section .input-group > p{
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;

}

.sign-up-wedding-section .input-group{
        justify-content: center;
}

.sign-up-wedding-section .input-text{
    border: 2px solid #ba996b;
    background: transparent;
    padding: 8px 14px 2px;
    height: 50px;
    line-height: normal;
    width: 100%;
    max-width: 100%;
    outline: 0;
    font-size: 18px;
    color: #000;
}

.sign-up-wedding-section .action {
/*    width: 100%;*/
    margin: 0 auto;
    text-align: center;
}

.sign-up-wedding-section .action p{
    margin-bottom: 0;
}

.sign-up-wedding-section .wpcf7-submit{
    border: 2px solid #ba996b;
    position: relative;
    z-index: 1;
    padding: 16px 20px 10px;
    font-size: 18px;
    font-style: normal;
    letter-spacing: 0;
    font-family: 'Metric';
    font-weight: normal;
    background-color: transparent;
    border-radius: 0;
    line-height: 20px;
    min-width: 120px;
    text-transform: uppercase;
    width: 100%;
    color: black;
}

.sign-up-wedding-section .wpcf7-submit:hover{
    background-color: #000;
    color: #fff;
    border: 2px solid #000;
}

.sign-up-wedding-section .input-text::placeholder {
    color: black;
    font-weight: 500;
}

.form_desc,.privacy_text {
    max-width: 100%;
    margin: 20px auto 0 auto;
}

.privacy_text {
    max-width: 100%;
    margin: 10px auto 0 auto;
}

.sign-up-wedding-section .mc4wp-response .mc4wp-response > div{
    background-color: transparent;
    color: #ba996b;
    letter-spacing: 0;
    font-size: 18px;
    padding: 0;
    margin: 20px 0 0 0;
}


.form_desc p,.privacy_text p {
    font-family: 'Metric';
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
    letter-spacing: 0;
    color: black;
    font-weight: 400;
}

.privacy_text p{
    font-size: 16px;
    line-height: 24px;
}

.privacy_text p a {
    color: black;
    text-decoration: underline;
    font-weight: 400;
}

.sign_form_content:after {
    display: block;
    background-image: url('https://www.chateaugrande.com/wp-content/themes/chateau-grande/images/Arrow_left_colored.svg');
    background-size: 100px 100px;
    background-position: center;
    background-repeat: no-repeat; 
    width: 120px;
    height: 120px;
    position: absolute;
    top: 22px;
    left: -200px;
    content: '';
}

.sign_form_content:before {
    display: block;
    background-image: url('https://www.chateaugrande.com/wp-content/themes/chateau-grande/images/Arrow_right_colored.svg');
    background-size: 100px 100px; 
    background-position: center; 
    background-repeat: no-repeat; 
    width: 120px;
    height: 120px;
    position: absolute;
    top: 22px;
    right: -200px;
    content: '';
}

@media screen and (min-width: 1299px) and (max-width: 1201px){
    .sign_form_content{
        max-width: 54%;
    }

    .sign-up-wedding-section .sign_form_content .h3{
        font-size: 38px;

    }
}



@media screen and (max-width: 1200px){
    .sign_form_content{
        max-width: 60%;
    }
}

@media screen and (max-width: 992px){
    .sign_form_content{
        max-width: 76%;
    }

     .sign-up-wedding-section{
            padding: 0 40px 0 40px;
    }
}

@media screen and (max-width: 991px){
   .sign_form_content:before,.sign_form_content:after{
    display: none;
   }
}

@media screen and (min-width: 768px) and (max-width: 991px){
    .sign_form_content{
        max-width: 100%;
    }

    .sign-up-wedding-section{
            padding: 0 40px 50px 40px;
    }
}

@media screen and (max-width: 767px){
  .sign-up-wedding-section{
    padding: 50px 40px 50px 40px;
  }

  .sign_form_content{
            max-width: 100%;
  }
}

@media screen and (max-width: 575px){
  .sign-up-wedding-section{
    padding: 50px 10px;
  }

  .sign_form_content{
            max-width: 100%;
  }

  .sign-up-wedding-section .wpcf7-form{
        flex-direction: column;
  }
}