:root {
  
  --light: #f8f9fa;
  
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }



body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; }


pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }



pre {
  display: block;
  font-size: 87.5%;
  color: #212529; }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

  @media (min-width:501px) {
.row {
  display: flex;
 
  margin-right: -15px;
  margin-left: -15px;
  margin-top:100px; 
  margin-bottom:20px;
    }
  }

 @media (max-width:500px) {
  .row{
    padding-top:30px;
    margin-right: -15px;
    margin-left: -15px;
    margin-top:100px; 
    margin-bottom:20px;
  }   
 }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }


.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; 
  }

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  flex: 0 0 100%;
  max-width: 100%; }





@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Montserrat";
  src: url("../fonts/montserrat/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

/* Poppins */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

/* Scss Variables */
/* Points */
/* Points Min */
:root {
  
  --white-color: #fff;
  --black-color: #090909;
  --dark-color: #030303;
  --selection-background: #1c1c1c;
  --selection-color: #dcdcdc;
  --primary-font-color: #595959;
  --gray-font-color: #999999;
  --light-font-color: #f3f3f3;
  --primary-font: 'Poppins';
  --secondary-font: 'Montserrat';
  --white-section: #fff;
  --gray-section: #f8f8f8;
  --black-section: #090909;
  --primary-border-color: rgba(152, 152, 152, 0.2); }

body {
  line-height: 1.8;
  font-size: 15px;
  overflow-x: hidden !important;
  font-family: var(--primary-font); }
  @media (max-width: 1440px) {
    body {
      font-size: 14px; } }

.container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 100;
  max-width: 1440px; }
  @media (max-width: 1440px) {
    .container {
      max-width: 1200px; } }

.container-boxed {
  max-width: 1200px !important;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 100; }
  @media (max-width: 1199px) {
    .container-boxed {
      padding: 0 15px; } }

.container-default {
  max-width: 1024px !important;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 100; }
  @media (max-width: 1199px) {
    .container-default {
      padding: 0 15px; } }

a {
  color: inherit;
  transition: all .25s ease-in-out; }
  a:hover {
    color: var(--primary-color); }

*:focus {
  outline: none; }

iframe {
  border: none; }

section {
  position: relative;
  background: #fff; }

a:hover {
  text-decoration: none; }

::selection {
  background-color: var(--selection-background);
  color: var(--selection-color); }

button:focus, input:focus {
  outline: none; }

.content-page-wrapper {
  left: 0;
  position: relative;
  z-index: 100;
  display: flex;
  flex-direction: column;
  height: 100%;
  max-width: 100%;
  overflow-x: hidden; }



.bg-size-cover {
  background-size: cover !important; 
  background-color: #22292E}

.bg-position-center {
  background-position: center !important; }

.gradient-background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }


.image {
  display: flex;
  height: 500px; }
  @media (max-width: 1199px) {
    .image {
      height: 400px; } }
  @media (max-width: 767px) {
    .image {
      height: 300px; } }

.responsive-padding {
  padding-left: 60px; }
  @media (max-width: 1439px) {
    .responsive-padding {
      padding-left: 35px; } }
  @media (max-width: 991px) {
    .responsive-padding {
      padding-left: 15px; } }

.responsive-padding-right {
  padding-right: 60px; }
  @media (max-width: 1439px) {
    .responsive-padding-right {
      padding-right: 35px; } }
  @media (max-width: 991px) {
    .responsive-padding-right {
      padding-right: 15px; } }

 a{
  text-decoration: none;
      }

  .animation-link:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--white-color);
    transition: all 0.35s; }
  .animation-link:hover {
    color: var(--white-color); }
    .animation-link:hover:before {
      width: 100%;
      left: 0;
      background: var(--white-color); }

.border-bottom-simple {
  border-bottom: 1px solid var(--primary-border-color); }

.border-top-simple {
  border-top: 1px solid var(--primary-border-color); }

.content {
  display: flex;
  flex-direction: column;
  justify-content: center; }

.content-full-height {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%; }

.background-transparent {
  background: transparent; }


.page-loader {
  transition: all .6s ease-in-out;
  background-color: var(--white-color);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center; }
  .page-loader .sk-cube-grid {
    width: 60px;
    height: 60px; }
    .page-loader .sk-cube-grid .sk-cube {
      width: 33.33%;
      height: 33.33%;
      background-color: #ae6eae;
      float: left;
      animation: sk-cube-grid-scale-delay 1.5s infinite ease; }
    .page-loader .sk-cube-grid .sk-cube-1 {
      animation-delay: 0.175s; }
    .page-loader .sk-cube-grid .sk-cube-2 {
      animation-delay: 0.2625s; }
    .page-loader .sk-cube-grid .sk-cube-3 {
      animation-delay: 0.35s; }
    .page-loader .sk-cube-grid .sk-cube-4 {
      animation-delay: 0.0875s; }
    .page-loader .sk-cube-grid .sk-cube-5 {
      animation-delay: 0.175s; }
    .page-loader .sk-cube-grid .sk-cube-6 {
      animation-delay: 0.2625s; }
    .page-loader .sk-cube-grid .sk-cube-7 {
      animation-delay: 0s; }
    .page-loader .sk-cube-grid .sk-cube-8 {
      animation-delay: 0.0875s; }
    .page-loader .sk-cube-grid .sk-cube-9 {
      animation-delay: 0.175s; }

@keyframes sk-cube-grid-scale-delay {
  0%, 70%, 100% {
    transform: scale3D(1, 1, 1); }
  35% {
    transform: scale3D(0, 0, 1); } }

.page-loader-hide {
  opacity: 0;
  pointer-events: none; }


p {
  margin-bottom: 0;
  letter-spacing: 0.3px;
  color: var(--gray-font-color);
  position: relative; }
  @media (max-width: 575px) {
    p {
      letter-spacing: 0; } }

p, span {
  font-family: var(--secondary-font); }


.button-wrapper-type-2 {
  display: flex; }
  .button-wrapper-type-2 .btn-type-2 {
    background-color: #ae6eae; 
    margin-left:auto; 
    margin-right: auto; 
    border-radius: 20px; 
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0 25px;
    height: 49px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 700;
    font-family: var(--secondary-font);
   
    color: var(--white-color);
    line-height: 1;
    border-radius: 30px;
    transition: all .3s ease-in-out;
    border: 2px solid transparent; }
    @media (max-width: 991px) {
      .button-wrapper-type-2 .btn-type-2 {
        padding: 0 15px;
        height: 39px;
        font-size: 10px; } }
    .button-wrapper-type-2 .btn-type-2:hover {
      color: var(--white-color);
      border: 2px solid var(--primary-border-color);
      }
    .button-wrapper-type-2 .btn-type-2:hover, .button-wrapper-type-2 .btn-type-2:focus {
      animation: pulse 1s;
      box-shadow: 0 0 0 12px rgba(0, 0, 0, 0); 
    }

@keyframes pulse {
  0% {
   
    box-shadow: 0 0 0 0 #ae6eae;
  } }



.coming-soon-simple {
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  width: 100%; }
  .coming-soon-simple .coming-soon-simple--inner-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
    .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content {
      height: 60vh;
      width: 60vw;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background-color: rgba(0, 0, 0, 0.9); }
      @media (max-width:2000px) {
        .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content {
          height: 70vh;
          width: 80vw;
          background-color: white; width:70%; height:80vh ; } }
      @media (max-width: 991px) {
        .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content {
          width: 90vw;
          padding: 0 15px; } }
      .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content .coming-soon-content--logo-wrapper {
        display: block; }
        .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content .coming-soon-content--logo-wrapper img {
          display: block;
          width: 180px;
          object-fit: contain; }
          @media (max-width: 1439px) {
            .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content .coming-soon-content--logo-wrapper img {
              width: 120px; } }
      .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content .coming-soon-content--title {
        text-align: center;
        margin-top: 60px;
        margin-bottom: 40px; }
        @media (max-width: 1439px) {
          .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content .coming-soon-content--title {
            margin-top: 50px; } }
      .coming-soon-simple .coming-soon-simple--inner-wrapper .inner-wrapper--coming-soon-content .coming-soon-content--socials {
        margin-top: 30px; }
      @media (max-width:699px){
        .imglogo {
          width:200px; height:150px; position:absolute; top:0; margin-top:20px;
          margin-bottom:50px !important;
        }
      }  
      @media (min-width:700px){
        .imglogo {
          width:200px; height:150px; position:absolute; top:0; margin-top:30px;
        }
      }  
      

      .imgbox { 
        display: block;
        width:70%; 
        height:auto; 
        margin-left:auto; 
        margin-right:auto
      }

      @media (max-width:500px){
        .imgbox{
          margin-top:-20px;
          display: block;
          width:50%; 
          height:auto; 
          margin-left:auto; 
          margin-right:auto
        }
      }

      @media (max-width:500px){
        .imgw {
          display:block; 
          width: 50%; 
          height:auto; 
          margin-left:auto;
          margin-right: auto;
          margin-top:-10px;
          margin-bottom:-15px;
        }
      }
      .imgw {
        display:block; 
        width:100%; 
        height:auto; 
        margin-left:auto;
         margin-right: auto;
      }
@media (min-width:400px){
      .dbox {
        background-color: white !important;
        margin-left:10%;
        width:80%; 
        border-radius: 5px;
        padding: 50px 30px; 
        background-color: #fcfcfc;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%); 
      }
    }

    @media (max-width:399px){
      .dbox {
        background-color: white !important;
        margin-left:10%;
        width:80%; 
        border-radius: 5px;
        padding: 20px 20px 20px 20px; 
        background-color: #fcfcfc;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%); 
        position:relative;
        height: auto;
        margin-top:20px;
      }
    }