body{ padding: 0px; margin: 0px; list-style: none; font: 400 20px/30px 'Playfair Display'; color:#545454; letter-spacing: -0.5px}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none; text-decoration: none;}
a:active{ outline: none; text-decoration: none;}
a{ text-decoration: none;}
a, button, input[type="submit"], ::before, ::after{
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 15px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}
.media{display: flex; align-items: flex-start;}
.media-object{flex: 1;}
h1, h2, h3, h4, h5, h6{font-family: 'Jost';}



@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?29bvan');
  src:  url('assets/fonts/icomoon.eot?29bvan#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?29bvan') format('truetype'),
    url('assets/fonts/icomoon.woff?29bvan') format('woff'),
    url('assets/fonts/icomoon.svg?29bvan#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e900";
}
.icon-basket:before {
  content: "\e901";
}
.icon-email:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-heart:before {
  content: "\e904";
}
.icon-instagram:before {
  content: "\e905";
}
.icon-phone:before {
  content: "\e906";
}
.icon-pointer:before {
  content: "\e907";
}
.icon-quote:before {
  content: "\e908";
}
.icon-search:before {
  content: "\e909";
}
.icon-user:before {
  content: "\e90a";
}
.icon-whatsapp:before {
  content: "\e90b";
}
.icon-xicon:before {
  content: "\e90c";
}



@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 18pt';
    src: url('assets/fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('assets/fonts/Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;
padding: 0;
}

/* .headersec.fixed_header .hdrlgo { transform: scale(0.7); margin-top: -24px; } */
.headersec.fixed_header .bottom-header{border-bottom-color: transparent;}
@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{background:rgba(0, 0, 0,0.8);top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}

p { color: #545454; font-weight: 400;font-size: 14px;line-height: 24px;}

body { background: #151516; position: relative; width: 100%; height: 100%; }
.body_wrapper { padding: 65px 0px; }
.logo { position: relative; max-width: 155px; }
.banner_info h1 { font-family: 'Playfair Display'; font-size: 50px; line-height: 60px; color: #fff; margin-bottom: 60px; }
.contact_email p a { font-family: 'Playfair Display'; font-size: 25px; line-height: 32px; color: #fff; margin-bottom: 0px; }
.contact_email p a:hover { text-decoration: underline; }
.email_hdr { font-family: 'Playfair Display'; font-size: 18px; line-height: 25px; color: #fff; margin-bottom: 5px; text-transform: uppercase; }
.email_hdr > i {margin-right: 10px; position: relative; font-size: 16px; }
.feature_image { position: relative; width: 90%; height: 90%; margin-left: 10%; }
.feature_image img { position: relative; border-radius: 50%; }
.banner_info { padding-top: 100px;}

.newsletter_wrap h2 { font-family: 'Playfair Display'; font-size: 30px; line-height: 40px; color: #fff; margin-bottom: 20px; }
.newsletter_input_wrap { display:flex;border:1px solid #4d4d4d;}
.newsletter_input_wrap input { width:100%; height:70px;  border:none;  padding:0 25px;  font-size:16px;  outline:none;background:#fff; color: #333333; font-family: 'Inter 18pt';}
.newsletter_input_wrap input::placeholder { color:#333333; }
.newsletter_input_wrap button { min-width:180px; border:none; background:#5E5E5E; color:#fff; font-size:18px;  cursor:pointer; transition:0.3s; font-family: 'Inter 18pt'; margin-left: 5px; }
.newsletter_input_wrap button:hover { background:#777;}
.newsletter_checkbox {  display:flex;  align-items:flex-start;  gap:10px;  margin-top:14px;}
.newsletter_checkbox input {  width:16px;  height:16px;  margin-top:3px;}
.newsletter_checkbox label {  margin:0;  font-size:16px;  line-height:1.5;  color:#ffffff; }
.newsletter_wrap { margin-bottom: 60px; }
.email_hdr > i {margin-right: 10px;position: relative;font-size: 16px;top: -2px;}
.feature_image_mobile { display: none; }


















/* RESPONSIVE */
@media screen and (min-width:1600px) {
body { font-size: 20px; line-height: 30px}
.container{max-width: 1560px;}
p,h1,h2,h3,h4,h5{margin-bottom: 20px}

}

@media only screen and (max-width: 1599px) {
.body_wrapper { padding: 50px 0px; }
.logo { max-width: 135px; }
.banner_info { padding-top: 60px;}
.banner_info h1 { font-size: 40px; line-height: 47px; margin-bottom: 40px; }
.contact_email p a { font-size: 20px; line-height: 25px;  }
.email_hdr { font-size: 15px; line-height: 23px;  }
.email_hdr > i { margin-right: 10px; position: relative; font-size: 16px; }
.newsletter_wrap h2 { font-size: 25px; line-height: 32px; margin-bottom: 10px; }
.newsletter_wrap { margin-bottom: 45px;}



}


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

.body_wrapper { padding: 40px 0px; }
.logo { max-width: 130px; }
.banner_info { padding-top: 80px;}
.banner_info h1 { font-size: 35px; line-height: 43px; margin-bottom: 45px; }
.contact_email p a { font-size: 18px; line-height: 25px;  }
.email_hdr { font-size: 15px; line-height: 23px;  }
.email_hdr > i { margin-right: 7px; font-size: 12px; }
.newsletter_wrap h2 { font-size: 20px; line-height: 30px; margin-bottom: 10px; }
.newsletter_checkbox label { font-size: 13px; text-align: left; }
.newsletter_input_wrap input { height: 52px; padding: 0 20px;}
.newsletter_input_wrap button { min-width: 160px; font-size: 16px;}

}



@media only screen and (max-width: 1199px) {
.body_wrapper { height: 100%;}
.body_wrapper { padding: 40px 0px; }
.banner_info { padding-top: 50px;}
.logo { max-width: 100px; }
.banner_info h1 { font-size: 28px; line-height: 35px; }
.contact_email p a { font-size: 16px; line-height: 23px;  }
.email_hdr { font-size: 14px; line-height: 20px;  }
.banner_info h1 { margin-bottom: 40px; }
.newsletter_wrap {margin-bottom: 40px;}
  
}

@media only screen and (max-width: 991px) {
.banner_info h1 { font-size: 20px; line-height: 30px; }
.newsletter_input_wrap button { min-width: 120px;font-size: 15px;}
.newsletter_wrap h2 {font-size: 17px;line-height: 25px;margin-bottom: 10px;}
.banner_info { padding-top: 45px;}
.banner_info h1 { margin-bottom: 30px; }
.newsletter_wrap {margin-bottom: 30px;}
}




@media only screen and (max-width: 767px){
.body_wrapper {padding: 30px 20px;}
.body_wrapper { height: 100%;}
.logo { position: static; margin: 0px auto 30px;}
.banner_info { padding-top: 0px;}
.body_wrapper { text-align: center;}
.feature_image { width: 50%; height: 50%; margin: 0px auto;}
.banner_info h1 { font-size: 20px; line-height: 25px; margin-bottom: 20px; }
.banner_info h1 br { display: none; }
.newsletter_wrap { margin-bottom: 25px;}
.contact_email { margin-bottom: 30px;}
.feature_image_mobile { display: block;width: 75%;height: 75%; margin: 0px auto 20px;}
.feature_image { display: none; }

}

@media only screen and (max-width: 575px){
  .banner_info h1 { font-size: 18px; line-height: 25px; }
.feature_image { width: 70%; height: 70%;}
.newsletter_input_wrap button { margin-left: 0px;}
.newsletter_input_wrap button {min-width: 100px;font-size: 14px;}
}

@media only screen and (max-width: 480px){ 
  .feature_image { width: 80%; height: 80%; }
   
}