body{ padding: 0px; margin: 0px; list-style: none; font: 400 15px/23px 'Karla'; color:#000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none !important;}
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 !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a, button, input[type="submit"], ::before, ::after{
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;
}
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 13px;}
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;}

/* playfair-display-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/playfair-display-v37-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* playfair-display-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/playfair-display-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* playfair-display-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/playfair-display-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* playfair-display-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/playfair-display-v37-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* playfair-display-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/playfair-display-v37-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* playfair-display-900 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/playfair-display-v37-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* karla-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 200;
    src: url('assets/fonts/karla-v31-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* karla-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/karla-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* karla-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/karla-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* karla-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/karla-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* karla-600 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/karla-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* karla-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/karla-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* karla-800 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Karla';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/karla-v31-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  @font-face {
    font-family: 'icomoon';
    src:  url('assets/fonts/icomoon.eot?gwvp20');
    src:  url('assets/fonts/icomoon.eot?gwvp20#iefix') format('embedded-opentype'),
      url('assets/fonts/icomoon.ttf?gwvp20') format('truetype'),
      url('assets/fonts/icomoon.woff?gwvp20') format('woff'),
      url('assets/fonts/icomoon.svg?gwvp20#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-Vector:before {
    content: "\e901";
  }
  .icon-Vector-1:before {
    content: "\e902";
  }
  .icon-Vector-2:before {
    content: "\e903";
  }
  .icon-Vector-9:before {
    content: "\e900";
  }
  .icon-instagram1:before {
    content: "\e90a";
  }
  .icon-instagram:before {
    content: "\e907";
  }
  .icon-linkedin:before {
    content: "\e906";
  }
  .icon-twitter:before {
    content: "\e90b";
  }
  .icon-facebook-logo:before {
    content: "\e91b";
  }
  .icon-pinterest:before {
    content: "\e934";
  }
  .icon-youtube:before {
    content: "\ea9d";
  }
  

/*.headersec.fixed, .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{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;}


@-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{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;}
*/


/*
font-family: 'Playfair Display';
font-family: 'Karla';
font-family: 'icomoon';
*/

.soonSEC{width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100vh;}
.soonSEC > div{text-align: center;}
.soonhdr{padding: 100px 0;}
.soonftr{position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: center;}
.soonftr span{display: inline-flex; background: #8DB425; border-radius: 20px 20px 0 0; padding: 27px 48px;}
.soonftr span a{color: #FFFFFF; font-family: 'Karla'; font-weight: 700; font-size: 22px; line-height: 28px;}

.soonmidle{width: 100%; text-align: center; max-width: 1340px; position: absolute; top: 32%; left: 50%;
transform: translateX(-50%);}
.soonLstBx p{color: #FFFFFF; font-weight: 500; font-size: 25px; line-height: 30px;}
.soonLstBx p a{color: #FFFFFF;}
.soonLstBx span{display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background: #A6CE39;
color: #FFF; border-radius: 100%; margin: 0 0 19px; text-shadow: -10px -6px 12px 0px #C1E55C; font-size: 35px; text-shadow: -10px -6px 12px #C1E55C;}
.soonLstBx span.icon-Vector-2{font-size: 30px;}
.soonLstBx{display: inline-flex; flex-direction: column; align-items: center; margin: 52px 0 0;}
.soonLst{width: 100%;}
.soonLst .row{margin: 0; justify-content: space-between;}
.soonLst .row > div{padding: 0; width: auto;}
.soonLstBx p a:hover{color: #FFF; opacity: 0.65;}
.soonLst h4{color: #FFF; font-size: 30px; line-height: 35px; font-family: 'Playfair Display'; font-weight: 500;}
.soonHed strong{color: #FFF; font-weight: 500; font-size: 30px; line-height: 35px;}
.soonHed{padding: 0 0 50px;}
.soonHed h1{-webkit-text-stroke: 1px #4B4B4B; color: transparent; font-family: 'Playfair Display'; font-weight: 700;
font-size: 241px; line-height: 241px; position: relative; margin: 0 0 50px;}
.soonHed h1 em{font-style: normal; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); color: #A6CE39;
font-size: 90px; line-height: 95px; -webkit-text-stroke: 1px transparent;}




@media screen and (min-width:1600px) {

.container{max-width: 1560px;}

}

@media (min-width: 2300px) and (max-width: 3001px) {

.soonmidle {top: 26%;}

}

@media (min-width: 1800px) and (max-width: 2299px) {

.soonLst h4, .soonHed strong {font-size: 25px;line-height: 30px;}
.soonHed h1 {font-size: 200px; line-height: 200px;}
.soonHed h1 em {font-size: 75px;line-height: 80px;}
.soonhdr {padding: 60px 0;}
.soonLstBx span {width: 85px;height: 85px;font-size: 31px;margin: 0 0 17px;}
.soonLstBx span.icon-Vector-2 {font-size: 27px;}
.soonLstBx p {font-size: 22px; line-height: 28px;}
.soonftr span {border-radius: 18px 18px 0 0; padding: 25px 42px;}
.soonLstBx {margin: 45px 0 0;}
.soonmidle {top: 24%;}

}

@media (min-width: 1700px) and (max-width: 1799px) {

.soonLst h4, .soonHed strong {font-size: 25px;line-height: 30px;}
.soonHed h1 {font-size: 150px; line-height: 150px;}
.soonHed h1 em {font-size: 65px;line-height: 70px;}
.soonhdr {padding: 60px 0;}
.soonLstBx span {width: 85px;height: 85px;font-size: 31px;margin: 0 0 17px;}
.soonLstBx span.icon-Vector-2 {font-size: 27px;}
.soonLstBx p {font-size: 20px; line-height: 25px;}
.soonftr span {border-radius: 18px 18px 0 0; padding: 25px 42px;}
.soonLstBx {margin: 45px 0 0;}
.soonmidle {top: 24%;}
.soonftr span a {font-size: 20px; line-height: 25px;}
.soonftr span {border-radius: 16px 16px 0 0; padding: 23px 40px;}
.soonLstBx {margin: 40px 0 0;}
.soonHed {padding: 0 0 42px;}


}

@media (min-width: 1600px) and (max-width: 1699px) {

.soonLst h4, .soonHed strong {font-size: 23px; line-height: 28px;}
.soonHed h1 {font-size: 125px; line-height: 125px; margin: 0 0 36px;}
.soonHed h1 em {font-size: 65px;line-height: 70px;}
.soonhdr {padding: 60px 0;}
.soonLstBx span {width: 75px; height: 75px; font-size: 26px; margin: 0 0 15px;}
.soonLstBx span.icon-Vector-2 {font-size: 27px;}
.soonLstBx p {font-size: 20px; line-height: 25px;}
.soonftr span {border-radius: 18px 18px 0 0; padding: 25px 42px;}
.soonLstBx {margin: 45px 0 0;}
.soonmidle {top: 24%; max-width: 1250px;}
.soonftr span a {font-size: 18px; line-height: 24px;}
.soonftr span {border-radius: 13px 13px 0 0;padding: 20px 35px;}
.soonLstBx {margin: 40px 0 0;}
.soonHed {padding: 0 0 42px;}
.logo{display: inline-block; width: 320px;}
.soonhdr {padding: 45px 0;}
.soonHed {padding: 0 0 33px;}
.soonLstBx {margin: 33px 0 0;}
.soonLstBx span.icon-Vector-2 {font-size: 23px;}


}

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

.soonLst h4, .soonHed strong {font-size: 21px; line-height: 26px;}
.soonHed h1 {font-size: 113px; line-height: 113px; margin: 0 0 32px;}
.soonHed h1 em {font-size: 56px; line-height: 60px;}
.soonhdr {padding: 60px 0;}
.soonLstBx span {width: 66px;height: 66px;font-size: 23px;margin: 0 0 14px;}
.soonLstBx span.icon-Vector-2 {font-size: 27px;}
.soonLstBx p {font-size: 18px;line-height: 24px;}
.soonftr span {border-radius: 18px 18px 0 0; padding: 25px 42px;}
.soonLstBx {margin: 45px 0 0;}
.soonmidle {top: 24%; max-width: 1150px;}
.soonftr span a {font-size: 18px; line-height: 24px;}
.soonftr span {border-radius: 12px 12px 0 0;padding: 17px 30px;}
.soonLstBx {margin: 40px 0 0;}
.soonHed {padding: 0 0 42px;}
.logo{display: inline-block; width: 304px;}
.soonhdr {padding: 42px 0;}
.soonHed {padding: 0 0 28px;}
.soonLstBx {margin: 28px 0 0;}
.soonLstBx span.icon-Vector-2 {font-size: 20px;}
.soonftr span a {font-size: 16px;line-height: 23px;}


}

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

.soonhdr {padding: 30px 0;}
.logo {width: 280px;}
.soonLstBx p {font-size: 16px;line-height: 23px;}
.soonLstBx span {width: 60px;height: 60px;font-size: 21px;margin: 0 0 13px;}
.soonmidle {top: 23%; max-width: 1000px;}
.soonLst h4, .soonHed strong {font-size: 20px;line-height: 25px;}
.soonHed h1 {font-size: 100px;line-height: 100px;margin: 0 0 35px;}
.soonHed h1 em {font-size: 46px; line-height: 55px;}




}

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

.soonmidle {top: 24%;max-width: 900px;}


}

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

.soonhdr {padding: 23px 0;}
.soonftr span a {font-size: 14px; line-height: 20px;}
.soonftr span {border-radius: 10px 10px 0 0; padding: 15px 22px;}
.soonmidle {padding: 0 30px;}
.soonLstBx span {width: 52px;height: 52px;font-size: 19px;margin: 0 0 12px;}
.soonLstBx span.icon-Vector-2 {font-size: 16px;}
.soonHed h1 {font-size: 85px; line-height: 85px; margin: 0 0 33px;}
.soonHed h1 em {font-size: 40px; line-height: 50px;}
.logo {width: 268px;}
.soonhdr {padding: 22px 0;}


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

.logo {width: 245px;}
.soonhdr {padding: 17px 0;}
.soonHed h1 {font-size: 70px;line-height: 75px;margin: 0 0 28px;}
.soonHed h1 em {font-size: 34px; line-height: 46px;}
.soonLst h4, .soonHed strong {font-size: 18px; line-height: 24px;}
.soonLstBx p {font-size: 15px; line-height: 22px;}
.soonLstBx span {width: 45px;height: 45px;font-size: 18px;margin: 0 0 10px;}
.soonLstBx span.icon-Vector-2 {font-size: 14px;}
.soonLst .row > div{width: 33.33%;}
.soonmidle {padding: 0;}
.soonftr{padding: 0 15px;}
.soonftr span {border-radius: 8px 8px 0 0;padding: 12px;}


}

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

.soonLstBx p {font-size: 14px;line-height: 20px;}
.soonLstBx span {width: 40px;height: 40px;font-size: 16px;}
.soonLstBx span.icon-Vector-2 {font-size: 13px;}
.soonLst .row > div{padding: 0 12px;}
.soonLstBx {margin: 20px 0 0;}
.soonLst h4, .soonHed strong {font-size: 17px; line-height: 23px;}
.logo {width: 225px;}
.soonmidle {top: 20%;}
.soonHed {padding: 0 0 23px;}
.soonHed h1 {font-size: 65px; line-height: 70px; margin: 0 0 23px;}
.soonHed h1 em {font-size: 30px; line-height: 40px;}


}

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

.soonSEC {height: auto;}
.soonmidle {position: static; transform: inherit; padding: 30px 0;}
.soonftr {position: static;}
.soonLst .row > div{width: 50%;}
.soonLst .row {justify-content: center;}
.soonHed h1 {font-size: 55px;line-height: 60px;margin: 0 0 21px;}
.soonHed h1 em {font-size: 27px; line-height: 37px;}


}