/* CSS Document */
/*-----------------------------------------------------------------------------
Prototype Version:  2.4
*/
/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework

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

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

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

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

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

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

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

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

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
        url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FogtwoNo5';
    src: url('../fonts/FogtwoNo5.eot');
    src: local('FogtwoNo5'),
        url('../fonts/FogtwoNo5.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FogtwoNo5.woff2') format('woff2'),
        url('../fonts/FogtwoNo5.woff') format('woff'),
        url('../fonts/FogtwoNo5.ttf') format('truetype'),
        url('../fonts/FogtwoNo5.svg#FogtwoNo5') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.eot');
    src: url('../fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype'),
        url('../fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{  
    --scroll:'0';
    --body-font: 'Montserrat';
    --heading-font: 'FogtwoNo5';
    --inter-font: 'Inter';
}
/* 1. Create a Clean Base
------------------------------------------------------------------------------*/
html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox 
{background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;}
blockquote, q {quotes: none;}
br {height: 0;}
ul, ol, dl, li {margin:0; padding:0;}
ul, ol {margin:0 0 0 20px;}
html, body{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;}
ul {list-style-type: none}
ul li {position: relative;}
ul li:before { position: absolute; left: -20px; top: 11px; width: 8px; height: 8px; background-color: #000; border-radius: 50%; content: ""; }

/* 2. Define Base Typography
------------------------------------------------------------------------------*/
body{padding: 0;margin: 0;font-family: var(--body-font); font-size:18px; font-weight: 300; color: #000; line-height:24px; letter-spacing:0; box-sizing: border-box; overflow-x: hidden; text-align: start; background-color:#fff;}
*, *:after, *:before {box-sizing: border-box;}
.bg-cover {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-cover > img {opacity: 0; width: 100%;}
/* Create the Default Headers  */
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {margin: 0; font-family: var(--heading-font); font-weight: normal;color:#0A0A0A; text-transform: uppercase; line-height:1; }

/* Specific Header Settings */
h1,.h1 {font-size:48px;}
h2,.h2 {font-size:40px;}
h3,.h3 {font-size:30px;}
h4,.h4 {font-size:24px;}
h5,.h5 {font-size:22px;}
h6,.h6 {font-size:20px;}
/* Create the Default Paragraphs */
p {margin-bottom:30px;}
p:last-child {margin-bottom: 0;}
/* Other Typo */
strong {font-weight: 700;}
hr {border:0 #231F20 solid; border-top-width: 2px; clear: both; height: 0;}
ol {list-style: decimal;}

/* 3. Images
------------------------------------------------------------------------------*/
/* Remove border around linked images */
img {max-width: 100%; border: 0; border-style: none; height: auto;}
/* 4. Links
------------------------------------------------------------------------------*/   
/* Default Link Types */
a {color: #0A0A0A; text-decoration:none;transition: 0.5s; display: inline-block;}
/* 5. Forms
------------------------------------------------------------------------------*/
#full_wrapper {}
.button, a.button, button, html input[type="button"], input[type="reset"], input[type="submit"] {margin: 0 0 0 0;  padding:10px 40px 10px;  border-radius:0; background-color:#B38D69; border: 0; display: inline-flex;align-items: center; vertical-align: middle; /*font-family: var(--heading-font);*/ font-family: var(--body-font); font-weight: 400; color: #fff; font-size:14px; line-height:24px; position: relative;outline: none;box-shadow:none;text-align: center;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0; cursor: pointer; justify-content: center;}
.button:hover, a.button:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color:#17263D; color: #fff;} 





input[type="search"], input[type="text"], input[type="date"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], textarea, select {margin: 0 0 0 0;  padding:6px 8px;  border-radius:0px; background-color:#fff; border: 0; border:2px solid #D3D3D3; display: inline-block; vertical-align: middle; font-family: var(--body-font); font-weight:normal;color: #000; font-size:14px; line-height:24px; position: relative;outline: none;box-shadow: none;text-align: start;text-decoration: none;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; overflow: hidden; position: relative;z-index: 1; text-transform: none; letter-spacing:0;  width: 100%;}
.wpcf7-form-control-wrap {display: block; width: 100%;}
select {height:40px;}
input::-webkit-input-placeholder {color: #999999;opacity:1;}
input:-moz-placeholder {color:#999999; opacity:1;}
input::-moz-placeholder {color: #999999; opacity:1;}
input:-ms-input-placeholder {color: #999999;opacity:1;}
textarea::-webkit-input-placeholder {color: #999999; opacity:1;}
textarea:-moz-placeholder {color:#999999; opacity:1;}
textarea::-moz-placeholder {color: #999999; opacity:1;}
textarea:-ms-input-placeholder {color: #999999;opacity:1;}

input:focus, textarea:focus {border-color:#B38D69;}

textarea {resize: none;}

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;} 
/* 6. Tables
------------------------------------------------------------------------------*/
/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: start; font-weight: normal;}
/* 7. Framework
------------------------------------------------------------------------------*/
/* container */
.container{max-width:1590px; width: 100%; padding-left: 15px; padding-right:15px; margin: 0 auto;}
.row{display: flex;flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.col-12,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col-12 {max-width: 100%;}
.col-11 {max-width: 91.66666667%;}
.col-10 {max-width: 83.33333333%;}
.col-9 {max-width: 75%;}
.col-8 {max-width: 66.66666667%;}
.col-7 {max-width: 58.33333333%;}
.col-6 {max-width: 50%;}
.col-5 {max-width: 41.66666667%;}
.col-4 {max-width: 33.33333333%;}
.col-3 {max-width: 25%;}
.col-2 {max-width: 16.66666667%;}
.col-1 {max-width: 8.33333333%;} 
.d-flex{ display:flex;}
.flex-wrap{flex-wrap:wrap;}
.justify-content-start{justify-content:flex-start;}
.justify-content-center{justify-content:center;}
.justify-content-end{justify-content:flex-end;}
.justify-content-between{justify-content:space-between;}
.align-items-start{align-items: flex-start;}
.align-items-center{align-items: center;}
.align-items-end{align-items: flex-end;}
.row-reverse{flex-direction: row-reverse;}
.text-center{text-align: center;}
.text-left{text-align: start;}
.text-right{text-align: end;}
.font-light {font-weight: 300;}

.site-header {margin: 0; padding: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; transition: all 0.5s;}
.site-header.is-hidden {transform: translateY(calc(-100% - 20px));}

.sticky .header-bottom, body:not(.home) .header-bottom {background-color: #17263d;} 
.header-top {margin: 0; padding: 0; background-color: #B38D69;}
.event-ticker {margin: 0; padding:8px 0;}
.event-ticker .item {margin: 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.event-ticker .item strong {margin: 0 10px 0 0; padding: 0; color: #fff; font-size: 16px;}
.event-ticker .item span {margin: 0; padding: 0; font-size: 16px; color: #fff; display: flex; align-items: center;}
.event-ticker .item span img {margin: 0 10px 0 15px;}

.header-follow {margin: 0; padding:0; position: absolute; top:8px; right: 7px;}
.header-follow ul {margin: 0; padding: 0; display: flex; align-items: center; list-style-type: none;}
.header-follow ul li {margin: 0; padding: 0 6px;line-height: 0;}
.header-follow ul li a {line-height: 0;}
.header-follow ul li::before {display: none;}

.header-bottom {margin: 0; padding:20px 55px; display: flex; align-items: center; justify-content: space-between; position: relative; background-color: #fff; transition: all 0.5s;}


.logo {width: 318px; line-height: 0;}
.logo a {margin: 0; padding: 0; line-height: 0; width: 100%;}
.logo a img {filter: none; transition: all 0.5s;}
.sticky .logo a img, body:not(.home) .logo a img {filter: brightness(0) invert(1);}
.menu-close {width: 27px; opacity: 0;}
.menu-toggle {margin: 0; padding: 5px; width: 36px; height: 36px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; cursor: pointer; }
.menu-toggle img {filter: none; transition: all 0.5s;}
.sticky .menu-toggle img, body:not(.home) .menu-toggle img {filter: brightness(0) invert(1);}
.menu-toggle .menu-close {position: absolute; left: 4px; top: 4px;}
.menu-toggle.active .menu-bar {opacity: 0;}
.menu-toggle.active .menu-close {opacity: 1;}

.main-navigation {margin: 0; padding: 0; position: absolute; left: 0; top: 100%; width: 100%; background-color: #17263D; transform: scaleY(0); transform-origin: left top; transition: all 0.3s;}
.is-open .main-navigation {transform: scaleY(1);}
.main-navigation ul {margin: 0; padding:40px 0; display: flex; align-items: center; justify-content: center; border-top: 1px solid #999999; gap: 60px; }
.main-navigation ul li {margin: 0; padding: 0;}
.main-navigation ul li::before {display: none;}
.main-navigation ul li a {margin: 0; padding:5px 12px; font-size: 18px; text-transform: uppercase; color: #fff;}
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current-page-parent > a, .main-navigation ul li.current-page > a, .main-navigation ul li.current-page-parent > a, .main-navigation ul li.current-page-ancestor > a, .main-navigation ul li.current_page_parent > a {color: #B38D69;}

.download-app { margin: 0 0 0 0; padding: 15px 24px 12px; position: absolute; bottom: -20px; right: 0; text-align: left; display: flex; align-items: center; justify-content: space-between; width: 255px; height: 43px; background-image: url(../images/online-button-background.svg); background-position: center; background-repeat: no-repeat; background-size: 100% 43px; font-family: var(--heading-font); font-size: 19px; color: #B38D69; font-weight: 400; text-transform: uppercase; letter-spacing: 0.9px; transition: all 0.5s; transform: translateX(100%); }
.download-app a {color: #B38D69;}
.download-app span {line-height: 0; margin: -2px 0 0 0; cursor: pointer;}
.home.sticky .download-app {transform: translateX(-100px);}
body:not(.home) .download-app {transform: translateX(-100px);}
.remove-download.download-app {transform: translateX(100%) !important;}

.scroll-snap-container {position: relative;}

.full-screen-section { height: 100vh;}

#firstsection {position: relative;}
.main-banner { width: calc(100% - 120px) !important; height: calc(100% - 65px) !important; margin: 0 auto !important; display: block;}

.banner-object { position: absolute; left: 50%; bottom: 65px; width: 25vw; transform: translateX(-50%); padding: 23vh 0 0 0; overflow: hidden; }
.banner-object img { position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; }

.inner-container-first-section {position: absolute; padding: 0; top: 0; left: 0; display: flex; width: 100%; height: 100% !important; align-items: center; justify-content: flex-start;}
.text-container {padding-left: 11% !important; padding-top: 2.5%; text-align: left; color: #fff; display: flex; flex-direction: column; gap: max(15px, calc(1.2px* var(--scroll))); transition: all 1s;}
.text-container > h1 {margin: 0; font-family: var(--body-font); font-size: 29px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 3.9px; color: #fff;}
.text-container > p {margin: 0; font-family: var(--body-font); font-size: 25px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 3.5px; color: #fff;}


.diamond-wrapper {width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10; display: flex; flex-direction: column; align-items: center; justify-content: center; pointer-events: none;}
.diamond-container {position: fixed; width: 377px; height: 474.4px; top: auto !important; z-index: 10; display: flex; align-items: center; justify-content: center;}
img#diamond-img.dia-linegif {position: absolute; opacity: 0; visibility: hidden; transition: all 0.5s; mix-blend-mode: hard-light;}
#diamond-img {transition: all 0.5s; pointer-events: none;}
#diamond-img {min-width: 400px; transform: scale(1.1); pointer-events: none;}

.planning-marketing {max-width: 306px; position: absolute; width: 100%; height: 514px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: center; gap: 22px; margin: auto 0; top: 70px; bottom: 0; z-index: 10;}

.planning-marketing.hide-thumb {opacity: 1; visibility: visible;}
.planning-marketing-carousel {margin: 0; padding:0; width: 100%; transition: all 0.5s; visibility: hidden; opacity: 0; pointer-events: auto;}
.planning-marketing-carousel .slick-list {padding: 0 !important;}
.planning-marketing-main {width: 100%;position: relative; top: 20px; transition: all 0.5s; visibility: hidden; opacity: 0;} 

.planning-marketing-main .slick-track { display: flex; align-items: center; justify-content: center; }
.planning-marketing-main .item {display: flex; align-items: center; justify-content: center;}
.planning-marketing-main .item img {display: block; margin: 0 auto;}

.planning-marketing-carousel .item { padding: 20px 0 10px; position: relative; }
.planning-marketing-carousel .slick-arrow { position: absolute; bottom: 15px; padding: 0; border: 0; width: 40px; height: 40px;transform: scale(-1); background-color: transparent !important; outline: none !important; transition: all 0.5s;  top: calc(50% - 17px);}
.planning-marketing-carousel .slick-arrow.slick-prev {left: -32px;}
.planning-marketing-carousel .slick-arrow.slick-next {right: -32px;}
.planning-marketing-carousel .item img {margin: 0 auto; opacity: 0.3; cursor: pointer; transform: scale(1); transition: all 0.3s ease}
.planning-marketing-carousel .item.slick-current img {opacity: 1; transform: scale(1.4);}

.miniPear {width: 27px;}
.miniOval, .miniRadiant {width: 30px;}
.miniSquare {width: 41px;}
.miniMarquise {width: 25px;}
.miniHeart {width: 39px;}

#pearMain { width: 110px; }
#radiantMain { width: 175px !important; }
#squareMain { width: 155px !important; }
#marquiseMain { width: 190px !important; }
#heartMain { width: 150px !important; }
#ovalMain { width: 190px !important; }

#secondsection {position: relative;overflow: hidden;}
.inner-container-second-section { display: flex; justify-content: space-between; padding: 0 77px 0 75px; padding-top: 85px; max-width: 2150px; margin: 0 auto; gap:0; height: 100vh; overflow: hidden; }
.inner-container-second-section .left { margin: 0; padding: 0; max-width: 566px; width: 100%; display: flex; flex-direction: column; align-items: flex-start; text-align: left; justify-content: center; text-align: justify; position: relative;  }
.active .inner-container-second-section .left {transform: none;}
.inner-container-second-section .left h2 {margin: 0 0 16px 0; font-family: var(--body-font); font-size: 22px; text-transform: none; letter-spacing: -1px; font-style: normal; font-weight: 500; color:#b38d69;}

.inner-container-second-section .right { margin: 0; padding: 0; max-width: 560px; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.active .inner-container-second-section .right {transform: none;}
.inner-container-second-section .right .right-top { display: flex; justify-content: space-between; min-width: 100%; }
#rightContainer > div.right-top > ul.first-ul, #rightContainer > div.right-top > ul.second-ul, #rightContainer > div.right-bottom > ul { padding: 0; gap: 4px; }
.inner-container-second-section .right .right-top .first-ul > li {margin: 0 0 5px 0; color: #b38d69; font-weight: 600; }
.inner-container-second-section .right .right-top .first-ul > li::before {display: none;}
.inner-container-second-section .right .right-top .second-ul > li::before {display: none;}
.inner-container-second-section .right .right-top .second-ul > li {margin: 0 0 5px 0; font-weight: 400;}
  
.leftContainer-inner, .rightContainer-inner { position: absolute; top: 50%; width: 100%; transition: all 0s; transition-delay: 0s; }
.leftContainer-inner {transform: translateY(-50%) translateX(-100%);}
.rightContainer-inner {transform: translateY(-50%) translateX(100%);}

.active .leftContainer-inner {transform: translateY(-50%) translateX(0); transition: all 0.9s; transition-delay: 0.4s;}
.active .rightContainer-inner {transform: translateY(-50%) translateX(0); transition: all 0.9s; transition-delay: 0.4s;}



.inner-container-third-section { padding: 75px 96px 0; display: flex; align-items: center; height: calc(100vh - 0px);position: relative;}
.thirdsectionleft {margin: 0; padding: 0; max-width: 560px; width: 100%; display: flex; flex-direction: column; justify-content: center; transform: translateY(20%);}
.thirdsectionleft h2 {margin: 0 0 16px 0; font-family: var(--body-font); font-size: 22px; text-transform: none; letter-spacing: -1px; font-style: normal; font-weight: 500; color:#b38d69;}
.video-container { position: absolute; top: 185px ; left: 0; right: 0; margin: 0 auto; width: calc(100% - 120px); height: calc(100% - 285px); overflow: hidden; transform: translateY(100vh); transition: all 1300ms;}
#thirdSectionVideo { opacity: 0.20; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: luminosity; }

#foursection-main .video-container {transform: translateY(-100vh);}

.active .video-container { transform: none; transition-delay: 0.4s;}
#thirdsection {overflow: hidden;}

.active .thirdsectionleft {transform: translateY(0); transition: all 0.9s; transition-delay: 0.4s;}

.inner-last-section-container { padding: 75px 96px 0; display: flex; align-items: center; height: calc(100vh - 0px);position: relative;}
.fourth-video-container { position: absolute; top: 185px ; left: 0; right: 0; margin: 0 auto; width: calc(100% - 120px); height: calc(100% - 285px); overflow: hidden; text-align: right; transform: translateY(100vh); background: #000; transition: all 1300ms; }
.active .fourth-video-container {transform: none; transition-delay: 0.4s;}
.fourth-video-container video {width:80%; height: 100%; object-fit: cover;  }

.top-section {margin: 0; padding: 0; max-width: 560px; width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; color: #fff; opacity: 0; transform: translateY(30%);}
.top-section h2 {margin: 0 0 16px 0; font-family: var(--body-font); font-size: 22px; text-transform: none; letter-spacing: -1px; font-style: normal; font-weight: 500; color:#b38d69;}

.active .top-section {transform: translateY(0); opacity: 1; transition: all 0.9s; transition-delay: 0.5s;}


.inner-last-section-container .bottom-section { gap: 10%; margin-bottom: 0; position: absolute; left: 0; right: 0; bottom: 140px; display: flex; align-items: center; justify-content: center; text-align: left; transition: all 500ms ease; transform: none; }
.inner-last-section-container .bottom-section ul.left-ul, .inner-last-section-container .bottom-section ul.right-ul { font-size: 13px; }
.inner-last-section-container .bottom-section ul.left-ul li::before, .inner-last-section-container .bottom-section ul.right-ul li::before {display: none;}
.inner-last-section-container .bottom-section ul.left-ul {font-weight: 700; padding: 0;font-style: normal;    line-height: 24px;color:#b38d69;}
.inner-last-section-container .bottom-section .right-ul {color: #fff;}    


.dotsContainer {position: fixed; padding:0; top: 0; right: 5px; width: 30px; height: 100vh; display: flex; align-items: center; z-index: 99;}
.dotsContainer ul {margin: 0; padding: 0; display: flex; flex-direction: column; gap: 21px;}
.dotsContainer ul li {width: 11px; height: 11px; border: 2px solid #B38D69; background-color: #fff; border-radius: 50%; cursor: pointer; padding: 0; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.dotsContainer ul li::before {display: none;}
.dotsContainer ul li:hover, .dotsContainer ul li.active {background-color: #B38D69;} 
.dotsContainer ul li a {display: block; width: 100%; height: 100%;}
.dotsContainer ul li a.active {background-color:#B38D69;}

#foursection { z-index: 11; position: relative; overflow: hidden;}

#secondsection-main .planning-marketing-main {opacity: 0.6; visibility: visible;}
#thirdsection-main .planning-marketing-main {opacity: 0.6; visibility: visible;}
#secondsection-main .planning-marketing-carousel {opacity: 1; visibility: visible;}

#thirdsection-main img#diamond-img, #foursection-main img#diamond-img {opacity: 0; visibility: hidden;}
#thirdsection-main img#diamond-img.dia-linegif, #foursection-main img#diamond-img.dia-linegif {opacity: 1; visibility: visible;}

#foursection .last-diamond-to-show {position: absolute; inset: 0; margin: auto; transform: translateY(40px); opacity: 0; visibility: hidden; transition: all 0.5s;}

#foursection .pear-dia {width: 120px;}
#foursection .heart-dia {width: 150px;}
#foursection .oval-dia {width: 190px;}
#foursection .radiant-dia {width: 175px;}
#foursection .square-dia {width: 155px;}
#foursection .marquise-dia {width: 190px;}

#last-miniPear #foursection.active .pear-dia {opacity: 1; visibility: visible; transition-delay:1s;}
#last-miniRadiant #foursection.active .radiant-dia {opacity: 1; visibility: visible; transition-delay:1s;}
#last-miniSquare #foursection.active .square-dia {opacity: 1; visibility: visible; transition-delay:1s;}
#last-miniMarquise #foursection.active .marquise-dia {opacity: 1;  visibility: visible; transition-delay:1s;}
#last-miniHeart #foursection.active .heart-dia {opacity: 1; visibility: visible; transition-delay:1s;}
#last-miniOval #foursection.active .oval-dia {opacity: 1;  visibility: visible; transition-delay:1s;}

.sticky .btns-container {bottom: 0;  transition: all 0.8s; transition-delay: 0.8s;}
.btns-container {position: fixed; top: auto; bottom: -61px; width: 100%; height: auto; display: block; z-index: 11; transition: all 0.3s;}
.btns-container ul { margin: 0; padding: 0; display: flex; flex-direction: row; gap: 0; width: 100%; border-top: 1px solid #000;}
.btns-container ul li:first-child {display: none;}
.btns-container ul li {padding: 15px 0; font-style: normal; cursor: pointer; font-weight: 400; line-height: 30px;display: flex; width: 100%; height: 100%; border: 0; align-items: center; justify-content: center;font-size: 22px; border-radius: 0; background-color: #fff; transition: all 0.5s;}
.btns-container ul li::before {display: none;}
.btns-container ul li:nth-child(3) {border-right: 1px solid #000; border-left: 1px solid #000;}
.btns-container ul li:hover, .btns-container ul li.active {background-color: #fff; color:#B38D69;}
.btns-container
.progress-container { width: 100%; height: 6px; position: absolute; left: 0; top: 1px; z-index: 1; line-height: 0; overflow: hidden;}
.progress-bar { height: 6px; background: #B38D69; position: absolute; left: 0; top: 0; } 

.white-diamnnds-banner {margin: 0; padding:230px 0 200px 0; background-size: cover; background-repeat: no-repeat; background-position: center right;}
.scroll-snap-container.hide-diamnnds .btns-container {position: absolute;}
.diamond-wrapper.hide-diamnnds {opacity:0;}
.white-diamnnds-banner-content {font-size: 22px; font-weight: 400; line-height: 30px;color: #FCFCFC;}
.white-diamnnds-banner-content p {margin: 0 0 8px 0;}
.white-diamnnds-banner-content h2 {margin: 0 0 15px 0; padding: 0; font-size: 48px; color: #fff;}
.more {margin: 0; padding: 0 15px 0 0; font-size: 16px; font-weight: 400; line-height: 30px;color: #B38D69; position: relative;}
.more:after { margin: 0; padding: 0; position: absolute; top: 12px; right: 0; content: ""; display: inline-flex; width: 7px; height: 7px; transform: rotate(-135deg); border-left: 1px solid #B38D69; border-bottom: 1px solid #B38D69; transition: all 0.5s;}
.more:hover:after {right: -10px;}

.white-diamnnds {margin: 0; padding:138px 0 138px 0; background-color: #fff; position: relative; overflow: hidden;}
.white-diamnnds .container {position: relative;}
.white-diamnnds-top-content {margin: 0 auto; padding: 0; text-align: center; max-width: 636px; width: 100%;}
.white-diamnnds-top-content p {margin-bottom: 0;}
.white-diamnnds-top-content h2 {margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative;}
.white-diamnnds-top-content h2:before {margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width:56px; height:4px; background-color: #B38D69; }
.white-diamnnds-data {padding: 23px 0 0 0; position: relative;}
.white-diamnnds-img-main { position: relative; }
.white-diamnnds-img {margin: 0 auto; padding: 0; max-width: 234px; width: 100%; transition: all 1.2s;}
.white-diamnnds-img.white-diamnnds-img2 {position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: all 1.2s;}
.white-diamnnds-img.active {transform: translateX(-90px);} 
.white-diamnnds-img.white-diamnnds-img2.active {transform: translateX(90px); opacity: 1; visibility: visible;}


.white-diamnnds-text {margin: -20px 0 0 0; position: absolute; top: 50%; left: calc(100% - 100px); max-width: 460px; width: 100%; font-size: 16px; line-height: 24px; transform: translateY(-50%) translateX(40vw); text-align: left; transition: all 0.8s;}
.white-diamnnds-text.active {transform: translateY(-50%) translateX(0); transition-delay: 0.8s;}
.white-diamnnds-text h4 {margin: 0 0 16px 0; padding: 0; font-size: 25px; color:#B38D69; font-family: var(--body-font); font-weight: 500; text-transform: none; letter-spacing: -1.25px;}

.white-diamnnds-btns {margin:10px 0 0 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.white-diamnnds-btn {margin: 0 50px; padding: 0; display: flex; align-items: center; cursor: pointer; filter: brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); opacity: 0.2; transition: all 0.5s;}
.white-diamnnds-btn:hover { opacity: 1;}
.white-diamnnds-btn.activelink {filter: none; opacity: 1;}
.white-diamnnds-btn h2 {margin: 0; padding: 0; color:#B38D69;}
.white-diamnnds-btn img {margin: 0 16px 0 0;}
.white-diamnnds-btn h2::before {display: none;}

.white-diamnnds-big-title {margin: 0; padding: 0; position: absolute; left: 60px; top: 0;}
.white-diamnnds-big-title h2 { font-size: 64px; line-height: 60px; font-weight: 400; text-transform: uppercase; font-style: normal; color:#F2E9E4; opacity: 0; transform: translate(-700px, 0);  transition: all 1s ease;}
.white-diamnnds-big-title h2.slideLeft {transform: none; opacity: 1;}

.fancy-diamnnds-banner {margin: 0; padding:230px 0 200px 0; background-size: cover; background-repeat: no-repeat; background-position: center left;}
.fancy-diamnnds-banner .container {display: flex; justify-content: flex-end;}
.fancy-diamnnds-banner-content {font-size: 22px; font-weight: 400; line-height: 30px;color: #FCFCFC;}
.fancy-diamnnds-banner-content p {margin: 0 0 8px 0;}
.fancy-diamnnds-banner-content h2 {margin: 0 0 15px 0; padding: 0; font-size: 48px; color: #fff;}


.fancy-diamnnds {margin: 0; padding:140px 0 139px 0; background-color: #fff; position: relative; overflow: hidden;}
.fancy-diamnnds .container { position: relative; }
.fancy-diamnnds-top-content {margin: 0 auto; padding: 0; text-align: center; max-width: 636px; width: 100%;}
.fancy-diamnnds-top-content p {margin-bottom: 0;}
.fancy-diamnnds-top-content h2 {margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative;}
.fancy-diamnnds-top-content h2:before {margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width:56px; height:4px; background-color: #B38D69; }
.fancy-diamnnds-data {position: relative;}
.fancy-diamnnds-img {margin: 0 auto; padding: 0; max-width: 234px; width: 100%; opacity: 0; visibility: hidden; transition: all 1.2s;}
.fancy-diamnnds-img.fancy-diamnnds-img2, .fancy-diamnnds-img:last-child {position: absolute; top: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transition: all 1.2s;}
.fancy-diamnnds-img.active {opacity: 1; visibility: visible;}

.fancy-diamnnds-img-main {margin: 60px 0 60px 0;}
.fancy-diamnnds-text {margin: -20px 0 0 0; position: absolute; top: 50%; left: calc(100% - 100px); max-width: 460px; width: 100%; font-size: 16px; line-height: 24px; transform: translateY(-50%) translateX(45vw); text-align: left; transition: all 0.8s;}

.fancy-diamnnds-text#fancytext2 {margin: -20px 0 0 0; position: absolute; top: 50%; left: auto; right: calc(100% - 100px); max-width: 460px; width: 100%; font-size: 16px; line-height: 24px; transform: translateY(-50%) translateX(-45vw); text-align: left; transition: all 0.8s;}

.fancy-diamnnds-text.active {transform: translateY(-50%) translateX(0); transition-delay: 0.8s;}
.fancy-diamnnds-text#fancytext2.active { transform: translateY(-50%) translateX(0); transition-delay: 0.8s; }
.fancy-diamnnds-text h4 {margin: 0 0 16px 0; padding: 0; font-size: 25px; color:#B38D69; font-family: var(--body-font); font-weight: 500; text-transform: none; letter-spacing: -1.25px;}

.fancy-diamnnds-btns {margin:10px 0 0 0; padding: 0; display: flex; align-items: center; justify-content: center;}
.fancy-diamnnds-btn {margin: 0 50px; padding: 0; display: flex; align-items: center; cursor: pointer; filter: brightness(0%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg); opacity: 0.2; transition: all 0.5s;}
.fancy-diamnnds-btn:hover { opacity: 1;}
.fancy-diamnnds-btn.activelink {filter: none; opacity: 1;}
.fancy-diamnnds-btn h2 {margin: 0; padding: 0; color:#B38D69;}
.fancy-diamnnds-btn img {margin: 0 16px 0 0;}
.fancy-diamnnds-btn h2::before {display: none;}

.fancy-diamnnds-big-title {margin: 0; padding: 0; position: absolute; left: 60px; top: 0; max-width: 470px;}
.fancy-diamnnds-big-title h2 { font-size: 64px; line-height: 60px; font-weight: 400; text-transform: uppercase; font-style: normal; color:#F2E9E4; opacity: 0; transform: translate(-700px, 0);  transition: all 1s ease;}
.fancy-diamnnds-big-title h2.slideLeft {transform: none; opacity: 1;}

.fancy-diamnnds-big-title-right {margin: 0; padding: 0; position: absolute; right: 60px; top: 0; max-width: 470px;}
.fancy-diamnnds-big-title-right h2 { font-size: 64px; line-height: 60px; font-weight: 400; text-transform: uppercase; font-style: normal; color:#F2E9E4; opacity: 0; transform: translate(700px, 0);  transition: all 1s ease;}
.fancy-diamnnds-big-title-right h2.slideLeft {transform: none; opacity: 1;}


.fancy-diamnnds-flower {position: absolute; top: 0; right: 0; transform: translate(100%, -100%); transition: all 0.8s;}
.fancy-diamnnds-flower:nth-child(2) {top: auto; right: auto; left: 0; bottom: 0; transform: translate(-100%, 100%);}
.fancy-diamnnds-flower.active {transform: translate(5%, -5%); transition-delay: 0.7s;}
.fancy-diamnnds-flower:nth-child(2).active { transform: translate(0%, 20%); }


.video-banner {margin: 0; padding:230px 0 200px 0; position: relative;}
.video-banner video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.video-banner-content {font-size: 22px; font-weight: 400; line-height: 30px;color: #FCFCFC; position: relative;}
.video-banner-content p {margin: 0 0 8px 0;}
.video-banner-content h2 {margin: 0 0 15px 0; padding: 0; font-size: 48px; color: #fff;}

.event {margin: 0; padding:130px 0 60px 0;}
.event .container {max-width: 1633px;}
.event-head {margin: 0 auto; padding: 0; max-width: 788px; width: 100%; text-align: center;}
.event-head h2 { margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative; }
.event-head h2:before { margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }
.event-list {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.event-list-single {justify-content: center;}
.event-item {margin:70px 0 0 0; padding: 0; max-width:calc(50% - 35px); width: 100%; display: flex; flex-wrap: wrap; box-shadow: 0 0 20px rgba(0,0,0,0.08); border: 1px solid #B38D69;}
.event-item-left {margin: 0; padding: 0; max-width: 39%; width: 100%; display: flex; align-items: center; justify-content: center; background-color:#17263D;}
.event-item-right {margin: 0; padding:20px 15px; max-width:61%; width: 100%; display: flex; flex-direction: column;}
.event-item-top {margin: 0; padding: 0; display: flex; align-items: flex-start; justify-content: space-between;}
.event-item-top h4 {margin: 0; padding: 0; font-family: var(--body-font); font-size: 31px; color: #000; letter-spacing: -1.55px; text-transform: none;}
.event-item-center {margin:30px 0 54px 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.event-item-dates {width: 50%;}
.event-item-dates p {margin: 0; padding: 0; display: flex; align-items: flex-start; font-size: 14px;}
.event-item-dates h5 {margin: 0; padding: 0; font-size:18px; color: #000; font-weight: 600; font-family: var(--body-font);}
.event-item-dates h5 strong {color:#B38D69; font-weight: 600;}
.event-item-dates p img {margin:5px 5px 0 0;}
.event-item-bottom {margin:auto 0 0 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.event-social {margin: 0; padding: 0; width:35%;}
.event-social ul {margin: 0; padding: 0; display: flex; align-items: center; list-style-type: none;} 
.event-social ul li {margin: 0; padding: 0 9px;line-height: 0;}
.event-social ul li:first-child {padding-left: 0;}
.event-social ul li::before {display: none;}

.flip-card { position: relative; display: inline-flex; flex-direction: column; border-radius: 7px; gap: 1px; color: #fff; padding-top: 0px !important; }
.top-card, .bottom-card, .flip-card .top-flip, .flip-card .bottom-flip { height: 18px; line-height:37px; padding:0 0; overflow: hidden; font-size: 24px; font-weight: 600;}
.top-card, .flip-card .top-flip { background-color: #B38D69; border-radius: 7px; /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/ }
.bottom-card, .flip-card .bottom-flip { background-color: #B38D69; display: flex; align-items: flex-end; justify-content: center; border-radius: 7px; }
.flip-card .top-flip { position: absolute; width: 100%; animation: flip-top 250ms ease-in; transform-origin: bottom; }
@keyframes flip-top { 100% { transform: rotateX(90deg); }}
@keyframes flip-bottom { 100% { transform: rotateX(0deg); }}
.flip-card .bottom-flip {position: absolute; bottom: 0; width: 100%; animation: flip-bottom 250ms ease-out 250ms; transform-origin: top; transform: rotateX(90deg);}

.timer-container {display: flex; gap: 1px; justify-content: center;}
.container-segment {display: flex; flex-direction: column; gap: .1em; align-items: center;}
.segment-title {font-size: 12px; color: #0A0A0A;}
.top-card, .top-flip { padding-top: 0px;}
.bottom-card, .bottom-flip {padding-bottom: 0;}
.container-segment {min-width: 45px; max-width: 45px;}
.flip-card, .flip-card {text-align: center; width: 100%;}
.event-item-bottom .more {line-height: normal;}
.event-item-bottom .more:after {top:6px;}
.top-card {display: flex;align-items: flex-start;}
.flip-card div { text-align: center; justify-content: center; font-weight: 600; }

.get-in-touch {margin: 0; padding:60px 0 160px 0;}
.get-in-touch-inner h2 { margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; text-align: center; position: relative; }
.get-in-touch-inner h2:before { margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }
.get-in-touch-inner {margin: 0 auto; padding: 0; max-width: 790px; width: 100%;}
.get-in-touch-inner p {text-align: center; font-size: 16px;}
.form-row {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.form-row-col {margin: 0 0 24px 0; padding: 0; width: calc(50% - 10px);}
.form-row-col-full {margin: 0 0 24px 0; width: 100%;}
.get-in-touch-inner .form-btn {text-align: center;}

.satisfy {margin: 0; padding: 0 0 0 0; background-color: #F2E9E4; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.satisfy-left {margin:-130px 0 0 0; width: 50% !important;}
.satisfy-right {margin: 0; padding:50px 90px 50px 0; width: 43%;}
.satisfy-right-inner h2 { margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative; }
.satisfy-right-inner h2:before { margin: 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }
.satisfy-btn {display: flex;}
.satisfy-btn a {margin: 0 20px 0 0;}
.satisfy-btn img {width: 163px;}

.site-footer {margin: 0; padding:95px 0 0 0; background-color:#17263D;}
.site-footer .container {max-width: 100%; padding-left: 144px; padding-right: 144px;}
.site-footer-inner {margin: 0; padding: 0 0 70px 0; display: flex; justify-content: space-between;}
.site-footer-left {margin: 0; padding: 0; max-width:268px; width: 100%; display: flex;}
.site-footer-left img {filter: brightness(0) invert(1);}
.site-footer-center {margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.footer-menu {margin: 0; padding: 0; max-width: 160px; min-width: 160px; width: 100%;}
.footer-menu:first-child {max-width: 180px; min-width: 180px;}
.footer-menu h6 {margin: 0 0 20px 0; padding: 0; font-size:16px; color:#B38D69; font-family: var(--body-font); font-weight: 700; text-transform: none;}
.footer-menu ul {margin: 0; padding: 0; list-style-type: none;}
.footer-menu ul li {margin: 0 0 10px 0; padding: 0;}
.footer-menu ul li::before {display: none;} 
.footer-menu ul li a {margin: 0; padding: 0; font-size: 14px; color: #fff; font-family: var(--body-font);}
.footer-menu ul li a:hover {color: #B38D69;}
.site-footer-right {margin: 0; padding: 0; max-width: 412px; width: 100%;}
.site-footer-right h6 {margin: 0 0 20px 0; padding: 0; font-size:16px; color:#B38D69; font-family: var(--body-font); font-weight: 700; text-transform: none;}
.site-footer-right form {margin: 0 0 16px 0; padding: 0 135px 0 0; position: relative;}
.site-footer-right form input {border: 0;padding:12px 8px;}
.site-footer-right form input[type="submit"] {position: absolute; padding:11px 0; top: 0; right: 0; width: 120px; border: 1px solid #B38D69; color:#B38D69; background-color: transparent;}
.site-footer-right form input[type="submit"]:hover {background-color:#B38D69; color: #fff;}
.site-footer-right p {margin: 0; padding: 0; font-size: 12px; color: #fff;}
.site-footer-right p a {text-decoration: underline; color: #fff;}
.footer-social {margin:16px 0 0 0; padding: 0;}
.footer-social ul {margin: 0 -6px; padding: 0; display: flex; list-style-type: none;}
.footer-social ul li {margin: 0; padding: 0 6px; line-height: 0;}
.footer-social ul li:nth-child(2) a img {width: 18px;}
.footer-social ul li::before {display: none;}
.site-footer-bottom {margin: 0; padding:15px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.site-footer-bottom p {margin: 0; padding: 0; color: #fff; font-size: 14px;}
.policy-menu {margin: 0; padding: 0;}
.policy-menu ul {margin: 0 -12px; padding:0 0; display: flex; align-items: center; list-style-type: none;}
.policy-menu ul li {margin: 0; padding: 0 12px;}
.policy-menu ul li::before {display: none;}
.policy-menu ul li a {margin: 0; padding: 0; color: #fff; font-size: 14px; text-decoration: underline;}
.policy-menu ul li a:hover {color: #B38D69;}

.event-main {padding-top:250px;}
.event-main .event-head {max-width: 1194px;}
.event-main .event-list {padding: 0 15px;}
.diamonds-banner {margin: 0; padding:1px 0 0 0; height: 100vh;}
.diamonds-banner-inner { margin: 210px auto 0; padding: 50px 123px; display: flex; align-items: center; width: calc(100% - 120px); height: calc(100% - 285px); background-position:right center; background-repeat: no-repeat; background-size: cover;}
.diamonds-banner-content h1 {margin: 0 0 12px 0; padding: 0; color: #fff;}
.diamonds-banner-content {font-size: 22px; font-weight: 400; line-height: 30px; color: #FCFCFC;}

.diamond-exquisite {margin: 0; padding:0;}
.diamond-exquisite-head {margin: 0; padding:30px 0 110px; text-align: center;}
.diamond-exquisite-head h2 {margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative;}
.diamond-exquisite-head h2:before { margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }
.diamond-exquisite-content {margin: 0; padding: 0; background-color: #FAFAFC;}
.diamond-exquisite-content .container {max-width: 1360px;}
.diamond-exquisite-content-inner {margin: 0; padding:45px 0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.diamond-exquisite-img {margin: 0; padding: 0; max-width: 37.6%; width: 100%;}
.diamond-exquisite-text {margin: 0; padding:15px 0; max-width: 53.8%; width: 100%;}

.our-specialty {margin: 0; padding:70px 0 0 0;}
.our-specialty-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.our-specialty-text {margin: 0; padding: 0; max-width: 46.1%; width: 100%;}
.our-specialty-img {margin: 0; padding: 0; max-width: 46.1%; width: 100%;}
.our-specialty-img img {width: 100%;}
.our-specialty-text h2 { margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative; }
.our-specialty-text h2:before { margin: 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }

.our-specialty-head {margin: 0 auto; padding:110px 0; text-align: center; max-width:1226px; width: 100%;}
.our-specialty-head h2 {color:#B38D69; line-height: 1.2;}

.about-banner {margin: 0; padding:1px 0 0 0; height: 100vh;}
.about-banner-inner { margin: 210px auto 0; padding: 50px 123px; display: flex; align-items: center; width: calc(100% - 120px); height: calc(100% - 285px); background-position: center; background-repeat: no-repeat; background-size: cover;}
.about-banner-content {margin: 0; padding: 0; max-width:466px; width: 100%;}
.about-banner-content h1 {margin: 0 0 24px 0; padding: 0; color: #B38D69;}
.about-banner-content {color: #fff;}

.global-reach {margin: 0; padding:45px 0 120px 0;}
.global-reach-inner {margin: 0 auto; padding: 0; max-width:905px; width: 100%; text-align: center;}
.global-reach-inner h2 {margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative;}
.global-reach-inner h2:before {margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69;}
.global-reach-inner h4 {margin: 0 0 38px 0; padding: 0; color:#B38D69; font-size: 25px; line-height: 40px;} 

.global-reach-list {margin:60px auto 0; padding: 0; max-width:1060px; width: 100%; display: flex; justify-content: space-between;}
.global-reach-item {margin: 0; padding: 0; text-align: center;}
.global-reach-item p {margin:5px 0 0 0; text-align: center;}
.global-reach-item img {width: 110px; height: auto;}

.our-expertise {margin: 0; padding:50px 0; background-color:#FAFAFA;}
.our-expertise-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.our-expertise-left {margin: 0; padding: 0; max-width: calc(50% - 60px); font-size: 22px; line-height: 30px; text-align: justify;}
.our-expertise-left h2 {margin: 0 0 25px 0; padding: 0 0 30px 0; font-size: 60px; text-transform: uppercase; position: relative;}
.our-expertise-left h2:before {margin: 0 0 0 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69;}
.our-expertise-right {margin: 0; padding: 0; max-width: calc(50% - 60px); line-height: 0; width: 100%;}
.our-expertise-right img {width: 100%;}

.core-values {margin: 0; padding: 200px 0 190px 0;}
.core-values-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.core-values-left {margin: 0; padding: 0; max-width: calc(50% - 60px);line-height: 0; width: 100%;}
.core-values-left img {width: 100%;}
.core-values-right {margin: 0; padding: 0; max-width: calc(50% - 70px); width: 100%; font-size: 22px; line-height: 30px; text-align: justify;}
.core-values-right h2 {margin: 0 0 30px 0; padding: 0 0 30px 0; font-size: 60px; text-transform: uppercase; position: relative;}
.core-values-right h2:before {margin: 0 0 0 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69;}
.core-values-right ul {margin: 0; padding:15px 0 0 0; display: flex; flex-wrap: wrap; list-style-type: none;}
.core-values-right ul li {margin: 0 0 22px 0; padding: 0 0 0 37px; font-size: 20px; width: 50%; position: relative; line-height: 1;}
.core-values-right ul li::before {display: none;}
.core-values-right ul li::after {position: absolute; top: 4px; left: 0; content: ""; width:15px; height: 15px; background-color:#B38D69; transform: rotate(-45deg);}

.family-legacy {margin: 0; padding:50px 0; background-color:#FAFAFA;}
.family-legacy-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.family-legacy-right {margin: 0; padding: 0; max-width: calc(50% - 60px); width: 100%; line-height: 0;}
.family-legacy-right img {width: 100%;}
.family-legacy-left {margin: 0; padding: 0; max-width: calc(50% - 60px); width: 100%; font-size: 22px; line-height: 30px; text-align: justify;}
.family-legacy-left h2 {margin: 0 0 30px 0; padding: 0 0 30px 0; text-align: left; font-size: 60px; text-transform: uppercase; position: relative;}
.family-legacy-left h2:before {margin: 0 0 0 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69;}

.family-timeline {margin: 0; padding:175px 0 190px;}
.family-timeline-inner {margin: 0 auto; padding: 0 0; max-width: 1152px; width: 100%;}
.family-timeline-inner h2 {margin: 0 0 30px 0; padding: 0 0 30px 0; text-align: center; font-size: 70px; text-transform: uppercase; position: relative;}
.family-timeline-inner h2:before {margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69;}

.family-timeline-main {margin:180px 0 0 0; padding: 0; position: relative;}
.family-timeline-year {margin:0 auto 0; padding: 0; height: 75px; width: 120px; position: relative;}
.family-timeline-year .item {margin: 0; padding: 0; font-size: 70px; font-family: var(--heading-font); position: absolute; left: 0; top: 0; width: 100%; line-height: 1; text-align: center; opacity: 0; visibility: hidden;}
.family-timeline-year .item.active {opacity: 1; visibility: visible;}
.family-timeline-img {margin:72px auto 0 auto; padding: 0; width:104px; height: 104px; border-radius: 50%; border: 1px solid #0A0A0A; position: relative;}
.family-timeline-img::before {position: absolute; content: ""; left: 50%; top: -60px; width: 1px; height: 230px; background-color: #000;}
.family-timeline-img .item {margin: auto; padding: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width:90px; height: 90px; border-radius: 50%; opacity: 0; visibility: hidden;}
.family-timeline-img .item.active {opacity: 1; visibility: visible;}

.family-timeline-text { margin: 0; padding: 0; max-width: 425px; width: 100%; position: absolute; left: calc(50% + 115px); top: 10px; }
.family-timeline-text .item {margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden;}
.family-timeline-text .item.active {opacity: 1; visibility: visible;}
.family-timeline-list-inner {margin: 0; padding: 0; display: flex; width: fit-content;}
.family-timeline-list-left, .family-timeline-list-center, .family-timeline-list-right {margin: 0; padding: 0; display: flex;}

.family-timeline-list { margin:85px 0 0 0; padding: 0; overflow: auto; }
.family-timeline-list::-webkit-scrollbar {height: 0;}
.family-timeline-list-left .item, .family-timeline-list-right .item {color:#D3D3D3;}
.family-timeline-list-left .item, .family-timeline-list-center .item, .family-timeline-list-right .item { writing-mode: vertical-rl; text-orientation: mixed; margin: 0 22px; font-size: 12px; font-family: var(--inter-font);     line-height: 24px;}

.timeline-leftarrow {left:calc(50% - 120px); top: 184px; width:35px; height: 35px; position: absolute; cursor: pointer;}
.timeline-leftarrow.disabled {opacity: 0.5; pointer-events: none;}
.timeline-leftarrow:before {position: absolute; content: ""; left:12px; top:7px; width: 22px; height:22px; border-left:2px solid #000; border-bottom:2px solid #000; transform: rotate(45deg);}
.timeline-rightarrow:before {position: absolute; content: ""; left: 0; top:7px; width: 22px; height: 22px; border-left:2px solid #000; border-bottom:2px solid #000; transform: rotate(-135deg);}
.timeline-rightarrow {right: calc(50% - 120px); top: 184px; width:35px; height: 35px; position: absolute; cursor: pointer;}
.timeline-rightarrow.disabled {opacity: 0.5; pointer-events: none;}

.family-timeline-map { position: absolute; left: -125px; top: -115px; }
#data-timelineyear1 .timeline-map-pin1 {opacity: 1; visibility: visible;}
#data-timelineyear2 .timeline-map-pin1, 
#data-timelineyear2 .timeline-map-pin2 {opacity: 1; visibility: visible;}

#data-timelineyear3 .timeline-map-pin1, 
#data-timelineyear3 .timeline-map-pin2, 
#data-timelineyear3 .timeline-map-pin3 {opacity: 1; visibility: visible;}

#data-timelineyear4 .timeline-map-pin1, 
#data-timelineyear4 .timeline-map-pin2, 
#data-timelineyear4 .timeline-map-pin3, 
#data-timelineyear4 .timeline-map-pin4 {opacity: 1; visibility: visible;}

#data-timelineyear5 .timeline-map-pin1, 
#data-timelineyear5 .timeline-map-pin2, 
#data-timelineyear5 .timeline-map-pin3, 
#data-timelineyear5 .timeline-map-pin4, 
#data-timelineyear5 .timeline-map-pin5 {opacity: 1; visibility: visible;}

#data-timelineyear6 .timeline-map-pin1,
#data-timelineyear6 .timeline-map-pin2,
#data-timelineyear6 .timeline-map-pin3,
#data-timelineyear6 .timeline-map-pin4,
#data-timelineyear6 .timeline-map-pin5,
#data-timelineyear6 .timeline-map-pin6 {opacity: 1; visibility: visible;}

#data-timelineyear7 .timeline-map-pin1,
#data-timelineyear7 .timeline-map-pin2,
#data-timelineyear7 .timeline-map-pin3,
#data-timelineyear7 .timeline-map-pin4,
#data-timelineyear7 .timeline-map-pin5,
#data-timelineyear7 .timeline-map-pin6,
#data-timelineyear7 .timeline-map-pin7 {opacity: 1; visibility: visible;}

#data-timelineyear7 .timeline-map-pin1,
#data-timelineyear7 .timeline-map-pin2,
#data-timelineyear7 .timeline-map-pin3,
#data-timelineyear7 .timeline-map-pin4,
#data-timelineyear7 .timeline-map-pin5,
#data-timelineyear7 .timeline-map-pin6,
#data-timelineyear7 .timeline-map-pin7 {opacity: 1; visibility: visible;}

#data-timelineyear8 .timeline-map-pin1,
#data-timelineyear8 .timeline-map-pin2,
#data-timelineyear8 .timeline-map-pin3,
#data-timelineyear8 .timeline-map-pin4,
#data-timelineyear8 .timeline-map-pin5,
#data-timelineyear8 .timeline-map-pin6,
#data-timelineyear8 .timeline-map-pin7,
#data-timelineyear8 .timeline-map-pin8,
#data-timelineyear8 .timeline-map-pin9 {opacity: 1; visibility: visible;}

#data-timelineyear9 .timeline-map-pin1,
#data-timelineyear9 .timeline-map-pin2,
#data-timelineyear9 .timeline-map-pin3,
#data-timelineyear9 .timeline-map-pin4,
#data-timelineyear9 .timeline-map-pin5,
#data-timelineyear9 .timeline-map-pin6,
#data-timelineyear9 .timeline-map-pin7,
#data-timelineyear9 .timeline-map-pin8,
#data-timelineyear9 .timeline-map-pin9,
#data-timelineyear9 .timeline-map-pin10 {opacity: 1; visibility: visible;}

.timeline-map-pin {position: absolute; line-height: 0; opacity: 0; visibility: hidden; transition: all 0.5s;}
.timeline-map-pin1 {top: 21%; left: 49%;}
.timeline-map-pin2 {top: 26.8%; left: 50.5%;}
.timeline-map-pin3 {top: 22.1%; left: 46.4%;}
.timeline-map-pin4 {top: 33.5%; left: 56.2%;}
.timeline-map-pin5 {top: 40%; left: 79%;}
.timeline-map-pin6 {top: 21.5%;left: 47.3%;}
.timeline-map-pin7 {top: 32%; left: 81%;}
.timeline-map-pin8 {top: 29%; left: 86.5%;}
.timeline-map-pin9 {top: 44%; left: 75.5%;}
.timeline-map-pin10 {top: 25.5%; left: 28%;}

.blog-main {margin: 0; padding: 0 0 160px 0;}
.blog-main-head {margin: 0; padding: 0; text-align: center;}
.blog-main-head h1 {margin: 0 0 25px 0; padding: 0 0 30px 0; font-size: 40px; text-transform: uppercase; position: relative; }
.blog-main-head h1:before { margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }

.blog-listing {}
.blog-item {margin:115px 0 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.blog-item:nth-child(even) {flex-direction: row-reverse;}
.blog-item-img {margin: 0 100px 0 0; padding:0; width: 50%; position: relative; overflow: hidden;}
.blog-item-img a {margin: 0; padding: 56.25% 0 0 0; display: block; position: relative;}
.blog-item-img a img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.blog-item:nth-child(even) .blog-item-img {margin: 0 0 0 100px;}

.blog-item-content {margin:0; padding: 0; flex: 1;}
.blog-item-content h2 {margin: 0 0 25px 0; padding: 0 0 25px 0; line-height: 1.2; position: relative;}
.blog-item-content h2 a {color: #54595F;}
.blog-item-content h2:before { margin: 0 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }
.blog-item-content p {margin: 0 0 12px 0;}
.blog-item-content .blog-date {/*margin: 0 0 12px 0; padding: 0; font-size: 12px; color: #adadad;line-height: 1;*/}
.blog-date span::before {margin: 0 5px 0 2px; content: "///";}
.blog-item-content a.view {margin: 0; padding: 0; font-weight: 600; color: #000;}
.blog-item-content a.view::after {content: ""; display: block; background-color: #000; width: 100%; height: 2px;}

.blog-item-content .blog-single-info {margin:30px -20px 30px; padding: 0;}
.blog-item-content .blog-single-info::before {display: none;}
.blog-single-info > div { position: relative; }
.blog-single-info > div:after { content: ""; width: 15px; height: 1px; background-color: #999999; position: absolute; right: -9px; top: 50%; }
.blog-single-info > div:last-child:after {display: none;}

.contact-us {margin: 0; padding: 250px 0 130px 0;}
.contact-us h1 {margin: 0 0 25px 0; padding: 0 0 30px 0; font-size: 40px; text-transform: uppercase; text-align: center; position: relative;}
.contact-us h1:before {margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69;}
.contact-head {margin: 0 auto; padding: 0; max-width:494px; width: 100%; text-align: center;}

.contact-list {margin:106px auto 0 auto; padding: 0; max-width: 1428px; width: 100%; display: flex; flex-wrap: wrap;}
.contact-list-item {margin:14px 0 0 0; padding: 0 7px; max-width: 33.33%; width: 100%;}
.contact-list-item-inner {margin: 0; padding: 17px; border: 1px solid #B38D69; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); position: relative;}
.contact-list-item-top {margin: 0; padding: 0; display: flex; flex-wrap: wrap;min-height: 128px;}
.contact-list-item-img {margin:0 20px 0 0; padding: 0; max-width: 78px;}
.contact-list-item-img img {width:90%;}
.contact-list-item-content {margin: 0; padding: 0; flex: 1; font-size:16px; line-height: 24px; color: #0A0A0A;}
.contact-list-item-content h5 {margin: 0 0 7px 0; padding: 0; font-family: var(--body-font); color: #020202; font-size: 22px; font-weight: 600;}
.contact-list-item-content p {margin: 0; padding:2px 0 0 25px; background-image: url('../images/pin-icon.svg'); background-position: 0 6px; background-repeat: no-repeat;}
.our-team-link {margin: 0; padding: 0; text-align: right;}
.contact-list-item-inner .our-team {margin: 0; padding: 0; font-size: 18px; font-weight: 400; color: #B38D69;}
.contact-list-item-inner .our-team:after {margin: 0 0 0 4px; padding: 0; content: ""; display: inline-flex; width: 8px; height: 8px; border-left: 1px solid #B38D69; border-bottom: 1px solid #B38D69; transform: rotate(-135deg); position: relative; top: -2px;}
.contact-list-content {margin: 0; display: none;}
.contact-list-content-item {margin: 0; padding:15px 0 0 0; border-bottom: 1px solid #D3D3D3;}
.contact-list-content-item h6 {margin: 0 0 13px 0; padding: 0; font-family: var(--body-font); color: #B38D69; font-size:18px; font-weight: 600; text-transform: none;}
.contact-follow-item {margin: 0 0 13px 0; padding: 0; display: flex; align-items: center; line-height: 1;}
.contact-follow-item img {margin: 0 7px 0 0; width: 16px;}
.contact-follow-item a {font-size: 16px; color:#0A0A0A;}

.contact-follow-item-main {display: flex; align-items: center;}
.contact-follow-item-main .contact-follow-item:first-child {margin-right:10px;}

.diamond-fancy-content {margin: 0; padding: 0; background-color: #FAFAFC;}
.diamond-fancy-content-inner {margin: 0; padding:45px 0; display: flex;  flex-wrap: wrap; justify-content: space-between;}
.diamond-fancy-img {margin: 0; padding: 0; max-width: 46.1%; width: 100%;}
.diamond-fancy-img img {width: 100%; height: 100%; object-fit: cover;}
.diamond-fancy-text {margin: 0; padding:15px 0; max-width: 46.1%; width: 100%; display: flex; flex-direction: column; justify-content: center; font-size: 22px; line-height:30px;}

.expertise-dedication {margin: 0; padding:80px 0 80px 0;}
.expertise-dedication-inner {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.expertise-dedication-text {margin: 0; padding: 0; max-width:46.1%; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.expertise-dedication-img {margin: 0; padding: 0; max-width:46.1%; width: 100%;}
.expertise-dedication-img img {width: 100%; height: 100%; object-fit: cover;}
.expertise-dedication-text h2 { margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative; }
.expertise-dedication-text h2:before { margin: 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }

.expertise-hidden { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); }
.expertise-hidden h2 {margin: 0; padding: 0; font-size: 84px; line-height: 74px; font-weight: 400; text-transform: uppercase; font-style: normal; color: #F2E9E4; opacity: 0.35;}
.expertise-hidden h2::before {display: none;}

.diamond-irresistible {margin: 0; padding:100px 0 150px 0;}
.diamond-irresistible-head {margin: 0 0 74px 0; padding: 0; text-align: center;}
.diamond-irresistible-head  h2 {margin: 0 0 25px 0; padding: 0 0 30px 0; text-transform: uppercase; position: relative;}
.diamond-irresistible-head  h2:before { margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }

.diamond-irresistible-list {margin: 0 -20px; padding: 0; display: flex; flex-wrap: wrap;}
.diamond-exquisite-item {margin: 0; padding: 0 20px; width: 33.33%;}
.diamond-exquisite-item-inner {margin: 0; padding: 0; position: relative;}
.available {margin: 0 auto; padding:9px 0; position: absolute; bottom: -20px; left: 0; right: 0; text-align: center; width: 240px; height:40px; background-image: url('../images/online-button-background.svg'); background-position: center; background-repeat: no-repeat; font-family: var(--heading-font); font-size: 16px; color: #17263D;     font-weight: 400; text-transform: uppercase; letter-spacing: 0.9px;}
.diamond-exquisite-slider-img-video {margin: 0; padding:100% 0 0 0; position: relative;}
.diamond-exquisite-slider-img-video img, .diamond-exquisite-slider-img-video video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.diamond-exquisite-slider .slick-dots {margin: 0; padding: 0; position: absolute; bottom: 50px; width: 100%; display: flex; align-items: center; justify-content: center;}
.diamond-exquisite-slider .slick-dots li::before {display: none;}
.diamond-exquisite-slider .slick-dots li button {padding: 0; width: 10px; height: 10px; font-size: 0; border-radius: 50%; background-color: transparent; margin: 0 5px; cursor: pointer; border: 1px solid #B38D69; }
.diamond-exquisite-slider .slick-dots li.slick-active button {background-color: #B38D69;}
.diamond-exquisite-slider .slick-arrow {padding: 0; position: absolute; top: 50%; transform: translateY(-50%); font-size:0; cursor: pointer; width: 30px; height: 30px; background-color: transparent;}
.diamond-exquisite-slider .slick-arrow.slick-prev {left: 10px; background-image: url('../images/arrow-left-fancy-diamond-carousel.svg'); background-position: center; background-repeat: no-repeat; background-size: contain;}
.diamond-exquisite-slider .slick-arrow.slick-next {right: 10px; background-image: url('../images/arrow-right-fancy-diamond-carousel.svg'); background-position: center; background-repeat: no-repeat; background-size: contain;}

.blog-single-main {margin: 0; padding: 0 0 55px 0;}
.blog-single-banner {margin: 0; padding: 1px 0 80px 0; height: auto;}
.blog-single-banner-bg {margin: 210px auto 0; padding: 50px 123px; display: flex; align-items: center; width: 100%; height: 530px; background-position: center; background-repeat: no-repeat; background-size: cover;}

.blog-single {margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.blog-single-left {margin: 0; padding: 0; max-width: 69.25%; width: 100%; line-height: 32px; color: #121416;}
.blog-single-left h2, .blog-single-left h3, .blog-single-left h4, .blog-single-left h5, .blog-single-left h6 {margin: 0 0 20px 0; font-family: var(--body-font); font-weight: 600; line-height: 1.3;}
.blog-single-left h2 {font-size: 42px;}
.blog-single-left h3 {font-size: 40px;}
.blog-single-left h1 {margin: 0 0 30px 0; padding: 0 0 30px 0; font-size: 40px; text-transform: uppercase; position: relative;}
.blog-single-left h1:before {margin: 0; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69;}
.blog-single-left ul {margin-bottom:25px;}
.blog-single-info {margin: 0 -20px 50px; padding: 0 0 35px 0; display: flex; flex-wrap: wrap; position: relative;}
.blog-single-info::before {position: absolute; left:20px; bottom: 0; content: ""; right:20px; height: 1px; border-bottom: 1px solid #E9ECEF;}
.blog-author {margin: 0; padding: 0 20px; font-size: 14px; color:#999999; letter-spacing:-0.5px; line-height: 1;}
.blog-date {margin: 0; padding: 0 20px; font-size: 14px; color:#999999; letter-spacing:-0.5px; line-height: 1; }
.blog-read {margin: 0; padding: 0 20px 0 40px; font-size: 14px; color:#999999; letter-spacing:-0.5px; line-height: 1; background-image: url('../images/time-icon.svg'); background-position:20px 0; background-repeat: no-repeat;}
.blog-view {margin: 0; padding: 0 20px 0 40px; font-size: 14px; color:#999999; letter-spacing:-0.5px; line-height: 1; background-image: url('../images/view-icon.svg'); background-position:20px 0; background-repeat: no-repeat;}
.blog-single-share {margin: 0 0 55px 0; padding:40px 0 0 0;}
.blog-single-share ul {margin: 0; padding: 0; display: flex; flex-wrap: wrap; list-style-type: none;}
.blog-single-share ul li {margin: 0; padding:17px 0; text-align: center; width: 25%; display: flex; align-items: center; justify-content: center; color:#757575;}
.blog-single-share ul li::before {display: none;}
.blog-single-share ul li span {margin: 0 6px 0 0; color:#121416; text-transform: uppercase;}
.blog-single-share ul li img {margin: 0 7px 0 0; width: 23px;}
.blog-single-share ul li.mail-share {border-bottom: 2px solid #E9ECEF;}
.blog-single-share ul li.facebook-share {border-bottom: 2px solid #3B5998;}
.blog-single-share ul li.twitter-share {border-bottom: 2px solid #00ACED;}
.blog-single-share ul li.pinterest-share {border-bottom: 2px solid #CD2B32;}

.blog-single-share ul li.facebook-share span {color:#3B5998;}
.blog-single-share ul li.twitter-share span {color:#00ACED;}
.blog-single-share ul li.pinterest-share span {color:#CC232A;}
.blog-faq {margin: 0; padding:55px 40px; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,0.08); border-radius: 16px;}
.accordion-item {margin: 0; padding: 0; border-bottom: 1px solid #F0F0F0;}
.accordion-item:last-child {border-bottom: none;}
.accordion-item h5 {margin: 0; padding:30px 40px; font-size:18px; font-weight: 600; text-transform: none; position: relative; cursor: pointer;}
.accordion-item h5 span {margin: 0; padding: 0; width: 25px; height:25px; position: absolute; top:calc(50% - 13px); right:40px;}
.accordion-item h5 span:before {position: absolute; left: 11px; top: 5px; content: ""; width: 2px; height: 16px; background-color: #000; transition: all 0.5s;}
.accordion-item h5 span:after {position: absolute; left: 4px; top: 12px; content: ""; width: 16px; height: 2px; background-color: #000;}
.accordion-item h5.active {color:#B38D69;}
.accordion-item h5.active span:before {opacity: 0;}
.accordion-content {margin: 0; padding: 0 40px 30px; color:#999999;}

.blog-single-right {margin: 0; padding: 0; max-width:21.7%; width: 100%;}
.blog-single-right-item {margin: 0 0 60px 0; padding: 0;}
.blog-single-right-item p {margin-bottom: 25px;}
.blog-single-right-item h5 {margin: 0 0 20px 0; padding: 0; font-size: 25px; font-family: var(--body-font); font-weight: 400; text-transform: none; color:#121416;}
.blog-single-right-item:first-child h5 {margin-bottom:40px;}
.blog-single-follow {margin: 0; padding: 0;}
.blog-single-follow ul {margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; list-style-type: none;}
.blog-single-follow ul li {margin: 0; padding: 0; }
.blog-single-follow ul li:first-child {margin: 0 50px 0 0;}
.blog-single-follow ul li::before {display: none;}
.blog-single-follow ul li a img {margin: 0 18px 0 0; width: 23px;}
.blog-single-follow ul li a {margin: 0; padding: 0; font-size: 16px; display: flex;}
.blog-single-right-item .form-row input[type="email"] {padding:22px 24px; font-size: 18px; border: 1px solid #cecece; border-radius: 4px;}
.blog-single-right-item .form-row {margin: 0 0 12px 0;}
.blog-single-right-item .form-btn {margin: 0 0 24px 0;} 
.blog-single-right-item .form-row .wpcf7-list-item {margin: 0;}
.blog-single-right-item .form-btn input[type="submit"] {padding: 23px 20px; width: 100%; font-size: 18px; font-weight: 600; letter-spacing: 4.5px; text-transform: uppercase; background-color:#121416; color: #fff; border-radius: 4px;}
.blog-single-right-item .form-btn input[type="submit"]:hover {background-color: #B38D69;}
.blog-single-right-item .form-row label {margin: 0; padding:0; position: relative;}
.blog-single-right-item .form-row label input {margin: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0;}
.blog-single-right-item .form-row label span {margin: 0; padding: 0 0 0 34px; font-size: 14px; color:#A9A9A9; display: block;}
.blog-single-right-item .form-row label span:before { position: absolute; content: ""; left: 0; top: 6px; width: 18px; height: 18px; border: 2px solid #121416; }
.blog-single-right-item .form-row label span::after { position: absolute; content: ""; left: 4px; top: 11px; width: 9px; height: 5px; border-left: 2px solid #121416; border-bottom: 2px solid #121416; display: block; transform: rotate(-45deg); opacity: 0;}
.blog-single-right-item .form-row label input:checked + span:after {opacity: 1;}
.blog-single-right-item:nth-child(2) {margin-bottom:95px;}
.latest-item {margin: 0 0 35px 0; padding:20px; font-size: 14px; color: #121416; background-color: #fff;}
.latest-item p {margin: 0;}
.latest-item-img {margin: 0 0 20px 0; padding:46% 0 0 0; position: relative;}
.latest-item-img img {margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.latest-blog-date {margin: 0 0 10px 0; padding: 0; font-size: 14px; color: #121416;}

body.single {background-color:#fafafa;}
.latest-item h6 {margin: 0 0 15px 0; padding: 0; font-family: var(--body-font); font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 20px; color:#121416;}
.latest-item .blog-single-info {margin-bottom: 0; padding:10px 0;}
.latest-item .blog-single-info::before {display: none;}

.mobile-carousel-mian {display: none;}
.mobile-carousel {display: none;}
.wpcf7-spinner {margin: 0 -34px 0 10px; top: 6px;}
.wpcf7-not-valid-tip {font-size: 14px;}

.get-in-touch-inner input[type="search"].wpcf7-not-valid, 
.get-in-touch-inner input[type="text"].wpcf7-not-valid, 
.get-in-touch-inner input[type="date"].wpcf7-not-valid, 
.get-in-touch-inner input[type="email"].wpcf7-not-valid, 
.get-in-touch-inner input[type="password"].wpcf7-not-valid, 
.get-in-touch-inner input[type="tel"].wpcf7-not-valid, 
.get-in-touch-inner input[type="number"].wpcf7-not-valid, 
.get-in-touch-inner textarea.wpcf7-not-valid, .get-in-touch-inner select.wpcf7-not-valid {border-color:#dc3232;}

.error404 .contact-us { margin: 140px 0 0 0; padding: 0 0 140px 0; height: calc(var(--vh, 1vh)* 100 - 40px); background-color: #17263d; display: flex; align-items: center; justify-content: center; }
.error404 .contact-head { font-size: 25px; font-weight: 500; color: #fff; line-height: 1.5; max-width: 700px; }
.error404 .contact-head h1 {margin: 0 0 30px; padding: 0; font-size: 200px; color: #fff; line-height: 1;}
.error404 .contact-head h1::before {display: none;}
.error404 .contact-head h4 {margin: 0 0 50px 0; padding: 0; font-size: 39px; font-family: var(--body-font); color: #fff; font-weight:500; text-transform: none;}

.error404 .contact-head .button {border-radius: 3px; font-weight: 500;} 
.error404 .contact-head .button:hover {background-color:#B38D69; color: rgba(255, 255, 255, 0.5);}

.site-footer-right .form-btn .wpcf7-spinner {position: absolute; right: 0; top: 10px;}

.default-page-main, .eithic-page {padding: 250px 0 130px 0; font-size: 16px; font-weight: 400;}
.default-page-main h1, .eithic-page h1 {margin: 0 0 60px 0; font-size:40px; text-align: center; font-family: var(--body-font); text-transform: none; letter-spacing: 0; text-align: center; font-weight: 600;}
.default-page-main h1, .eithic-page h1,
.default-page-main h2, .eithic-page h2,
.default-page-main h3, .eithic-page h3,
.default-page-main h4, .eithic-page h4,
.default-page-main h5, .eithic-page h5,
.default-page-main h6, .eithic-page h6 {font-family: var(--body-font); font-weight: 600;}


.default-page-main h1, .eithic-page h1,
.default-page-main h2, .eithic-page h2,
.default-page-main h3, .eithic-page h3 {margin: 0 0 25px 0;}

.eithic-head {margin: 0 0 60px 0;}
.eithic-page .eithic-head h1 { margin: 0 0 25px 0; padding: 0 0 30px 0; font-family: var(--heading-font); font-size: 40px; font-weight: 400; text-transform: uppercase; text-align: center; position: relative; }
.eithic-page .eithic-head h1:before { margin: 0 auto; padding: 0; content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 56px; height: 4px; background-color: #B38D69; }
.eithic-page .container {max-width: 1366px;}
.eithic-page-content {font-size: 22px; line-height: 40px; font-weight: 300;}
.eithic-page-content a {color: #B38D69;}
.eithic-page-content ul li {margin: 0 0 30px 0; font-size: 18px;}
.eithic-page-content ol li {margin: 0 0 30px 0;}
.eithic-page-content ul li:before {top: 15px;}
.eithic-page .eithic-page-content h3:last-child {font-weight: 500;}

.wpcf7 form .wpcf7-response-output {border:0 !important;}
.page-template-blog-page .about-banner {padding: 1px 0 80px 0; height: auto;}
.page-template-blog-page .about-banner-inner {height: 530px;}
.blog-main .blog-author {display: none;}
