@charset "utf-8";
/*----------
Fonts
----------*/
/*
Manrope font 
font-weight = 200 ExtraLight, 300 Light, 400 Regula, 500 Medium, 600 SemiBold, 700 Bold, 800 ExtraBold
font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-style: normal;
*/

/*
DM Serif Display 
font-weight = Regular 400
font-family: "DM Serif Display", serif; font-weight: 400; font-style: normal; font-style: italic
*/

/*----------
default css
----------*/
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: initial !important;
    }
}
/*browser scroll bar hide css start*/
@-moz-document url-prefix() { /* Disable scrollbar Firefox */
    html{ scrollbar-width: none; }
}
body { /* remove default margin */ scrollbar-width: none; /* Also needed to disable scrollbar Firefox */ -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */ overflow-y: scroll; }
body::-webkit-scrollbar { width: 0px; background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */ }
body.tt-magic-cursor #magic-cursor {display: block;}
/*browser scroll bar hide css end*/

/*reset css start*/
*:focus { outline: none; border: none; }
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {margin: 0; background: #000000; font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; color: #E5E5E5; line-height: 1.1; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%;word-wrap: break-word; }
p { margin-bottom: 20px; }
b, strong { font-weight: 600;  }
small { color: #555; font-size: 14px; display: block; margin-bottom: 0px; }
svg:not(:root) { overflow: hidden; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }
a { outline: 0px; border: 0px; cursor: pointer; color: #E2000F; text-decoration: none; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover { color: #3B3A39; }
audio, canvas, progress, video { display: inline-block; vertical-align: top; }
audio:not([controls]) { display: none; height: 0; }
ul, li, ol { list-style: none; margin: 0px; padding: 0px; }
ul li, ol li { position: relative; margin: 0px; padding: 0px; }
ol { counter-reset: item; }
ol li::before { content: counters(item, ".") ". "; counter-increment: item; }
h1, h2, h3, h4, h5, h6, .titlefont { font-family: "Inter", sans-serif;color: #FFFFFF; line-height: 1; word-wrap: break-word;font-weight: 700;letter-spacing: -1px; }
h1, h2 { font-size:80px;  margin-bottom: 30px; }
h3, .title3 { font-size: 45px;  margin-bottom: 20px;}
h4{ font-size: 25px; margin-bottom: 10px;line-height: 1.3;letter-spacing: 0px;}
h5{ font-size: 20px; margin-bottom: 10px;line-height: 1.3;}
img { max-width: 100%; vertical-align: top; height: auto; }
footer { background-color: #3B3A39; color: #F7F7F7; width: 100%;padding: 300px 0px 50px; }
footer a { color: #F7F7F7; }
footer a:hover { color: #FFFFFF; }
input[type="text"], input[type="email"], input[type="password"], 
input[type="number"], textarea, input[type="tel"],
input[type="date"], select {box-shadow: 0px !important; -webkit-box-shadow: 0px !important; -ms-box-shadow: 0px !important; -moz-box-shadow: 0px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0;}
/*reset css end*/

/*----------
theme css
----------*/
/*margin classes start*/
.mb-10{margin-bottom: 10px}
.mb-20{margin-bottom: 20px;}
.mb-24{margin-bottom: 24px;}
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 {margin-bottom: 250px;}
.mb-300 {margin-bottom: 300px;}
.m-tb-100 { margin: 100px 0px; }
.mt-300{margin-top: 300px;}
/*margin classes end*/

/*padding classes start*/
.pt-200 { padding-top: 200px; }
.pt-150 { padding-top: 150px; }
.pb-150 { padding-bottom: 150px; }
.pt-150 { padding-top: 150px; }
.pb-200 { padding-bottom: 200px; }
.pb-300 { padding-bottom: 300px; }
.p-tb-100 { padding: 100px 0px; }
.p-tb-200 { padding: 200px 0px; }
.p-tb-300 { padding: 300px 0px; }
/*padding classes end*/

.beach-artwork-cs {background: #000000 url("../img/beach-artwork-cs.png") no-repeat center bottom; background-size: 100%;}
.cs-logo { margin-bottom:50px; }
.cs-text { font-size:30px; }
.cs-title { font-family: "DM Serif Display", serif; font-weight: 400; font-size:200px; letter-spacing: -3px; }

/*----------
media query css start
----------*/

.container {max-width: 1536px;}

@media only screen and (max-width:1730px){
    .container {max-width: 1440px;}  
}

@media only screen and (max-width:1550px){
    
}

@media only screen and (max-width:1440px){
    .cs-text { font-size:25px; }
    .cs-title { font-size:180px; }
}

@media only screen and (max-width:1366px){
    .cs-title { font-size:150px; }
}

@media only screen and (max-width:1280px){
    
}

@media only screen and (max-width:1199px){

}

@media only screen and (max-width:1024px){
    .cs-title { font-size:120px; }
}

@media only screen and (max-width:992px){

}

@media only screen and (max-width:768px){
    .cs-title { font-size:100px; }
}

@media only screen and (max-width:767px){
    .cs-logo img { width:120px; }
    .cs-text { font-size:20px; }
    .cs-title { font-size:80px; line-height:1; }
}

@media only screen and (max-width:580px){

}

@media only screen and (max-width:390px){

}