@charset "utf-8";
/* CSS Document */

/* CSS Document © 2015 Digimax.co.uk */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

::-moz-selection{ background:var(--pupil); color:var(--white); text-shadow:none;}
::selection { background:var(--pupil); color:var(--white); text-shadow:none;}
*,
*:before, *:after{-webkit-box-sizing:  border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, textarea, input { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; font-family: "Montserrat", sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {color:#504f50; background:#f6ede6; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x:hidden;}
:root { overflow-y: scroll;}
a { text-decoration:none; transition:all 0.25s ease-out 0s;}
p a { text-decoration:underline;}
p, p span { font-family: "Montserrat", sans-serif;}
img { border:0px;}
ol, ul, li{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-appearance: none;}
p span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:block;}
:root {
	--white: #ffffff;
	--gravel: #4b4b48;
	--brown: #93592a;
	--pupil: #070100;
	--moonbase: #7d7d78;
	--breadstick: #b58754;
	--milkglass: #faf7f2;
	--amethysthaze: #faf7f2;
	--gorgeous-white: #e6dbd3;
	--icing-rose: #f6eee7;
	--karaka: #2e2a25;
	/*p-common-css*/
	--p-size: 15px;
	--p-letter-spacing: normal;
	--p-line-height: 1.5;
	--p-margin: 0 0 20px;
	/*h2-common-css*/
	--h2-size: 14px;
	--h2-letter-spacing: 2.8px;
	--h2-line-height: normal;
	--h2-margin: 0 0 26px;
	/*h3-common-css*/
	--h3-size: 55px;
	--h3-letter-spacing: 1.1px;
	--h3-line-height: 1;
	--h3-margin: 0 0 28px;
	--h3-padding: 0 0 28px;
	/*btn-common-css*/
	--btn-size: 15px;
	--btn-letter-spacing: normal;
	--btn-line-height: 1.21;
	/*common-css*/
	--four-weight: 400;
	--five-weight: 500;
	--position: relative;
	--text-transform: uppercase;
	--text-transform-none: none;
}
::-webkit-input-placeholder {
  color:var(--moonbase);
}
::-moz-placeholder { 
  color:var(--moonbase);
}
:-ms-input-placeholder {
  color:var(--moonbase);
}
:-moz-placeholder {
  color:var(--moonbase);
}

.header-wrapp, .banner-wrapp, .footer-wrapp, .stories-wrapp { width:100%; float:left;}
.margin { width:100%; max-width:1170px; margin:auto;}

/*header-wrapp*/
.header-wrapp { background:none; border-bottom:1px solid rgba(255,255,255,0.1); padding:26px 0 16px; position:absolute; top:0; left:0; z-index:9;}
.header-wrapp p { float:none; font-size:15px; font-weight:500; color:#f5efe3; line-height:1.67; margin:0 0;}
.header-wrapp p a { color:#f5efe3;}
.header-wrapp .header-col1 { width:100%; float:left;}
.header-wrapp .header-col1 img { width:100%; display:block;}
.header-wrapp .header-col1 .header-row1 { width:338px; float:left;}
.header-wrapp .header-col1 .header-row2 { width:auto; float:right; margin:30px 0 0;}

/*banner-wrapp*/
.banner-wrapp { background:none; position:relative;}
.banner-wrapp p { float:none; font-size:15px; font-weight:500; color:#f5efe3; line-height:1.67; margin:0 0;}
.banner-wrapp p a { color:#f5efe3;}
.banner-wrapp h2 { float:none; font-size:15px; font-weight:600; color:#b98a3b; line-height:1.67; letter-spacing:4.35px; margin:0 0 20px; text-transform:uppercase;}
.banner-wrapp h2 a { color:#b98a3b;}
.banner-wrapp h3 { float:none; font-size:124px; font-weight:400; color:#f5efe3; line-height:0.94; letter-spacing:-2.48px; margin:0 0 26px;}
.banner-wrapp h3 a { color:#f5efe3;}
.banner-wrapp h3 span { display:block;}
.banner-wrapp .banner-col1 { width:1170px; float:left; margin:0 auto 0; position:absolute; bottom:111px; right:0; left:0;}
.banner-wrapp .banner-col1 img { width:100%; display:block;}
.banner-wrapp .banner-col1 .banner-row1 { width:100%; float:left; margin:0 0 0;}
.banner-wrapp .banner-btn1 { float:none; color:#f5efe3; background:#b98a3b; border-color:#b98a3b; margin:8px 8px 0 0;}
.banner-wrapp .banner-btn1:hover { background:#150312; border-color:#150312;}
.banner-wrapp h3, .banner-wrapp h3 span { font-family: "Cormorant", serif;}

/*stories-wrapp*/
.stories-wrapp { text-align:center; background:#150312; position:relative; padding:178px 0 10px;}
.stories-wrapp p { float:none; font-size:14px; font-weight:400; color:#000000; letter-spacing:normal; line-height:24px; margin:0 0 16px;}
.stories-wrapp p a { color:#000000;}
.stories-wrapp p span { display:block;}
.stories-wrapp p strong { font-weight:700; color:rgba(0,0,0,0.8);}
.stories-wrapp h2 { float:none; font-size:50px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.13; margin:0 0 25px; font-family: "Cormorant", serif;}
.stories-wrapp h2 a { color:#000000;}
.stories-wrapp h2 span { display:block; font-family: "Cormorant", serif;}
.stories-wrapp h3 { float:none; font-size:18px; font-weight:600; color:#000000; letter-spacing:normal; line-height:1.67; margin:0 0 10px;}
.stories-wrapp h3 a { color:#000000;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp h4 { float:none; font-size:14px; font-weight:400; color:#000000; letter-spacing:normal; line-height:1.67; margin:0 0 5px;}
.stories-wrapp h4 a { color:#000000;}
.stories-wrapp h4 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; float:right; margin:0 0 0;}
.stories-wrapp .stories-col1 img { width:100%; display:block;}
.stories-wrapp .stories-col1 .stories-row1 { width:57.3%; float:right;}
.stories-wrapp .stories-col2 { width:100%; float:left; background:#ffffff; border:2px solid #ffffff; padding:69px 5% 80px; margin:0 0 0; position:relative;}
.stories-wrapp .stories-col2 img { width:100%; display:block;}
.stories-wrapp .stories-col2 .stories-row2 { width:38.8%; float:left; position:absolute; bottom:0; left:0;}
.stories-wrapp .story-table { width: 100%; float: left;}
.stories-wrapp .story-table table { width: 100%; float: left;}
.stories-box1 { width:100%; float:left; margin:24px 0 0;}
.stories-box1 li { float:none; display:inline-block; margin:0 0 0;}
.stories-box1 li span { width:48.5px; float:left; margin:-20px 7.5px 0 0;}
.stories-box1 li, .stories-box1 li a, .stories-wrapp li, .stories-wrapp li a { font-size:14px; color:#000000; letter-spacing:normal; line-height:24px;}

/*footer-wrapp*/
.footer-wrapp { background:#150312; padding:16px 0;}
.footer-wrapp p { float:none; font-size:15px; font-weight:500; color:#f5efe3; line-height:1.67; margin:0 0;}
.footer-wrapp p a { color:#f5efe3;}
.footer-wrapp h2 { float:none; font-size:15px; font-weight:600; color:#b98a3b; line-height:1.67; letter-spacing:4.35px; margin:0 0 20px; text-transform:uppercase;}
.footer-wrapp h2 a { color:#b98a3b;}
.footer-wrapp .footer-col1 { width:100%; float:left; margin:0 0 0; position:relative;}
.footer-wrapp .footer-col1 img { width:100%; display:block;}
.footer-wrapp .footer-col1 .footer-row1 { width:auto; float:left;}
.footer-wrapp .footer-col1 .footer-row1 li { float:left; margin:0 12px 0 0;}
.footer-wrapp .footer-col1 .footer-row1 li:last-child { margin-right:0;}
.footer-wrapp .footer-col1 .footer-row1 li a:hover { color:#b98a3b;}
.footer-row1 li, .footer-row1 li a { font-size:15px; font-weight:400; color:#f9f2e5; letter-spacing:0.3px; line-height:1.67;}


/*btn-css*/
.banner-btn1 { text-align:center; font-size:17px; font-weight:600; border:1px solid; border-radius:24px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; padding:16px 30px 14px;}


/*Smartphone css*/
@media screen and (max-width: 480px) {
.margin { width:90%;}

.header-wrapp { text-align:center;}
.header-wrapp .header-col1 .header-row1 { width:270px; float:none; margin:0 auto;}
.header-wrapp .header-col1 .header-row2 { width:100%; margin:15px 0 0;}

.banner-wrapp { text-align:center;}
.banner-wrapp p { font-size:13px;}
.banner-wrapp h3 { font-size:47px;}
.banner-wrapp h3:after { margin:0 auto 0; right:0; left:0;}
.banner-wrapp .banner-col1 { width:90%; transform:none; margin:0 auto 0; position:absolute; top:inherit; right:0; bottom:40px; left:0;}
.banner-wrapp .banner-col1 .banner-row1 { width:100%; margin:0 0 0;}

.footer-wrapp { text-align:center;}
.footer-wrapp .footer-col1 { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 li { width:100%; float:none; margin:0 0 5px;}
.footer-wrapp .footer-col1 .footer-row1 li:last-child { margin-bottom:0;}
.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}
.footer-row1 li, .footer-row1 li a { font-size:13px;}

.stories-wrapp { text-align:center; padding:188px 0 2px;}
.stories-wrapp p { font-size:12px; line-height:2; margin:0 0 12px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:27px; line-height:normal; margin:0 0 14px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; line-height:1.67; margin:0 0 20px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col1 .stories-row1 { width:100%; padding:40px 5% 32px;}
.stories-wrapp .stories-col2 { width:100%; margin:0 0 0; padding:30px 15px 30px;}
.stories-wrapp .stories-col2 .stories-row2 { width:100%; position:relative; bottom:inherit;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 800px;}
.stories-box1 { width:100%; margin:10px 0 0;}
.stories-box1 li span { width:38.5px; float:none; display:block; margin:0 auto 14px;}
.stories-box1 li, .stories-box1 li a { font-size:10px; line-height:2.33;}

.banner-btn1 { font-size:15px;}

}

@media screen and (min-width:481px) and (max-width:600px) {
.margin { width:90%;}

.header-wrapp { text-align:center;}
.header-wrapp .header-col1 .header-row1 { width:270px; float:none; margin:0 auto;}
.header-wrapp .header-col1 .header-row2 { width:100%; margin:15px 0 0;}

.banner-wrapp { text-align:center;}
.banner-wrapp p { font-size:14px;}
.banner-wrapp h3 { font-size:60px;}
.banner-wrapp h3:after { margin:0 auto 0; right:0; left:0;}
.banner-wrapp .banner-col1 { width:90%; transform:none; margin:0 auto 0; position:absolute; top:inherit; right:0; bottom:40px; left:0;}
.banner-wrapp .banner-col1 .banner-row1 { width:100%; margin:0 0 0;}

.footer-wrapp { text-align:center;}
.footer-wrapp .footer-col1 { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 li { width:100%; float:none; margin:0 0 5px;}
.footer-wrapp .footer-col1 .footer-row1 li:last-child { margin-bottom:0;}
.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}
.footer-row1 li, .footer-row1 li a { font-size:13px;}

.stories-wrapp { text-align:center; padding:177px 0 2px;}
.stories-wrapp p { font-size:12px; line-height:2; margin:0 0 12px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:27px; line-height:normal; margin:0 0 14px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; line-height:1.67; margin:0 0 20px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col1 .stories-row1 { width:100%; padding:40px 5% 32px;}
.stories-wrapp .stories-col2 { width:100%; margin:0 0 0; padding:30px 15px 30px;}
.stories-wrapp .stories-col2 .stories-row2 { width:100%; position:relative; bottom:inherit;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { width:100%; margin:10px 0 0;}
.stories-box1 li span { width:38.5px; float:none; display:block; margin:0 auto 14px;}
.stories-box1 li, .stories-box1 li a { font-size:10px; line-height:2.33;}

.banner-btn1 { font-size:15px;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.margin { width:90%;}

.header-wrapp { text-align:center;}
.header-wrapp .header-col1 .header-row1 { width:270px; float:none; margin:0 auto;}
.header-wrapp .header-col1 .header-row2 { width:100%; margin:15px 0 0;}

.banner-wrapp { text-align:center;}
.banner-wrapp h3 { font-size:80px;}
.banner-wrapp h3:after { margin:0 auto 0; right:0; left:0;}
.banner-wrapp .banner-col1 { width:90%; transform:none; margin:0 auto 0; position:absolute; top:inherit; right:0; bottom:40px; left:0;}
.banner-wrapp .banner-col1 .banner-row1 { width:100%; margin:0 0 0;}

.footer-wrapp { text-align:center;}
.footer-wrapp .footer-col1 { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 { width:100%;}
.footer-wrapp .footer-col1 .footer-row1 li { width:100%; float:none; margin:0 0 5px;}
.footer-wrapp .footer-col1 .footer-row1 li:last-child { margin-bottom:0;}
.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none;}
.footer-row1 li, .footer-row1 li a { font-size:14px;}

.stories-wrapp { text-align:center; padding:175px 0 2px;}
.stories-wrapp p { font-size:12px; line-height:2; margin:0 0 12px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:27px; line-height:normal; margin:0 0 14px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; line-height:1.67; margin:0 0 20px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col1 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col1 .stories-row1 { width:100%; padding:40px 5% 32px;}
.stories-wrapp .stories-col2 { width:100%; margin:0 0 0;}
.stories-wrapp .stories-col2 .stories-row2 { width:100%; position:relative; bottom:inherit;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { width:100%; margin:10px 0 0;}
.stories-box1 li span { width:38.5px; float:none; display:block; margin:0 auto 14px;}
.stories-box1 li, .stories-box1 li a { font-size:10px; line-height:2.33;}

.banner-btn1 { font-size:16px;}

}

@media screen and (min-width:768px) and (max-width:900px) {
.margin { width:94%;}

.header-wrapp p { font-size:13px;}
.header-wrapp .header-col1 .header-row1 { width:273px;}

.banner-wrapp h3 { font-size:70px;}
.banner-wrapp .banner-col1 { width:94%; bottom:55px;}

.footer-wrapp .footer-col1 .footer-row1 li { margin:0 6px 0 0;}
.footer-row1 li, .footer-row1 li a { font-size:10px;}

.stories-wrapp { padding:150px 0 2px;}
.stories-wrapp p { font-size:12px; margin:0 0 12px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:32px; margin:0 0 10px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; margin:0 0 24px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col2 { padding:49px 8.6% 60px;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { margin:16px 0 0;}
.stories-box1 li span { width:38.5px; margin:-14px 7.5px 0 0;}
.stories-box1 li, .stories-box1 li a { font-size:10px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.margin { width:94%;}

.banner-wrapp h3 { font-size:80px;}
.banner-wrapp .banner-col1 { width:94%; bottom:75px;}

.footer-wrapp .footer-col1 .footer-row1 li { margin:0 8px 0 0;}
.footer-row1 li, .footer-row1 li a { font-size:12px;}

.stories-wrapp { padding:166px 0 5px;}
.stories-wrapp p { font-size:12px; margin:0 0 12px;}
.stories-wrapp p span { display:inline;}
.stories-wrapp h2 { font-size:38px; margin:0 0 10px;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 { font-size:10px; margin:0 0 24px;}
.stories-wrapp h3 span { display:block;}
.stories-wrapp .stories-col2 { padding:49px 8.6% 60px;}
.stories-wrapp .story-table { overflow-x: auto;}
.stories-wrapp .story-table table { width: 1200px;}
.stories-box1 { margin:20px 0 0;}
.stories-box1 li span { width:43.5px; margin:-17px 7.5px 0 0;}
.stories-box1 li, .stories-box1 li a { font-size:11px;}

}

@media screen and (min-width:1025px) and (max-width:1240px) {
.margin { width:94%;}

.banner-wrapp h3 { font-size:90px;}
.banner-wrapp .banner-col1 { width:94%; bottom:85px;}

.footer-wrapp .footer-col1 .footer-row1 li { margin:0 8px 0 0;}
.footer-row1 li, .footer-row1 li a { font-size:14px;}

.stories-wrapp p span { display:inline;}
.stories-wrapp h2 span { display:inline;}
.stories-wrapp h3 span { display:block;}

}

@media screen and (min-width:1241px) and (max-width:1340px) {
.margin { width:94%;}

.banner-wrapp .banner-col1 { width:94%;}
}


@media screen and (min-width:1341px) and (max-width:1440px) {


}

@media screen and (min-width:1341px) and (max-width:1900px) {
.banner-wrapp { min-height:inherit;}
}

/* Responsive holding page layout */
.header-wrapp .margin,
.footer-wrapp .margin { width: min(94%, 1170px); }
.banner-wrapp .jarallax-video { min-height:100vh; min-height:100svh; height:100vh; height:100svh; padding:0; }
.banner-wrapp .banner-col1 { width:min(94%, 1170px); }
.banner-wrapp h3 { font-size:clamp(3rem, 8.7vw, 7.75rem); overflow-wrap:anywhere; }
.footer-wrapp .footer-col1 .footer-row1 { display:flex; flex-wrap:wrap; gap:4px 12px; }
.footer-wrapp .footer-col1 .footer-row1 li { margin:0; }

@media screen and (max-width:767px) {
	.header-wrapp { padding:20px 0 14px; }
	.header-wrapp .header-col1 .header-row1 { width:min(270px, 80vw); }
	.header-wrapp .header-col1 .header-row2 { margin:12px 0 0; }
	.header-wrapp p { font-size:clamp(12px, 3.4vw, 14px); }
	.banner-wrapp .jarallax-video { min-height:560px; min-height:max(560px, 100svh); height:auto; }
	.banner-wrapp .banner-col1 { bottom:clamp(32px, 8vh, 64px); }
	.banner-wrapp h2 { font-size:12px; letter-spacing:3px; }
	.banner-wrapp h3 { font-size:clamp(2.8rem, 12vw, 5rem); letter-spacing:-1.5px; }
	.banner-wrapp .banner-btn1 { max-width:100%; padding:14px 24px; }
	.footer-wrapp { padding:14px 0; }
	.footer-wrapp .footer-col1 .footer-row1 { width:100%; justify-content:center; }
	.footer-wrapp .footer-col1 .footer-row1 li { float:none; font-size:12px; }
	.footer-wrapp .footer-col1 .footer-row1 li:nth-child(2n) { display:none; }
}

@media screen and (max-width:360px) {
	.header-wrapp .header-col1 .header-row2 { padding:0 8px; }
	.banner-wrapp h3 { font-size:clamp(2.5rem, 11vw, 3.5rem); }
	.footer-row1 li, .footer-row1 li a { font-size:11px; }
}