@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap");
@font-face {
  font-family: "HelveticaCyrBold";
  src: url("../fonts/HelveticaNeueCyr-Bold.eot");
  src: url("../fonts/HelveticaNeueCyr-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Bold.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Bold.ttf") format("truetype"), url("../fonts/HelveticaNeueCyr-Bold.svg#HelveticaCyrBold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "HelveticaCyrMedium";
  src: url("../fonts/HelveticaNeueCyr-Medium.eot");
  src: url("../fonts/HelveticaNeueCyr-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Medium.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Medium.ttf") format("truetype"), url("../fonts/HelveticaNeueCyr-Medium.svg#HelveticaCyrMedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "HelveticaCyrLight";
  src: url("../fonts/HelveticaNeueCyr-Light.eot");
  src: url("../fonts/HelveticaNeueCyr-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Light.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Light.ttf") format("truetype"), url("../fonts/HelveticaNeueCyr-Light.svg#HelveticaCyrLight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "HelveticaCyrRoman";
  src: url("../fonts/HelveticaNeueCyr-Roman.ttf.eot");
  src: url("../fonts/HelveticaNeueCyr-Roman.ttf.eot?#iefix") format("embedded-opentype"), url("../fonts/HelveticaNeueCyr-Roman.ttf.woff") format("woff"), url("../fonts/HelveticaNeueCyr-Roman.ttf.ttf") format("truetype"), url("../fonts/HelveticaNeueCyr-Roman.ttf.svg#HelveticaCyrRoman") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  overflow-x: hidden; }

h1 {
  font-size: 56px;
  font-family: HelveticaCyrMedium, Arial, Helvetica, sans-serif;
  line-height: 62px; }

h2 {
  font-size: 36px;
  font-family: HelveticaCyrMedium, Arial, Helvetica, sans-serif;
  line-height: 44px; }

.titleAccent {
  font-size: 24px;
  font-family: "Poppins", sans-serif;
  letter-spacing: 0.1;
  font-weight: 300; }

.bodyAccent {
  font-size: 20px;
  font-family: HelveticaCyrRoman, Arial, Helvetica, sans-serif;
  letter-spacing: 0.4;
  /* text-transform: uppercase; */ } 

.body, .bodyMini, .nav-link, .influencer-section p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 34px;
  letter-spacing: 0.1; }

.bodyMini, .nav-link {
  font-size: 16px;
  line-height: 22px; }

.bigBtnText, .btnWhite, .btnPrimary, .btnSmall {
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.3; }

.miniBtnText {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3; }

.inputs, form .formgroup input {
  font-size: 14px;
  font-weight: 400;
  line-height: 20;
  letter-spacing: 0.3; }

.btnWhite, .btnPrimary, .btnSmall {
  padding: 12px 50px;
  text-transform: uppercase;
  color: #fff !important;
  border: 1px solid #fff;
  display: inline-block; }
  .btnWhite:hover, .btnPrimary:hover, .btnSmall:hover {
    background-color: #68B6B6;
    border: 1px solid #68B6B6;
    text-decoration: none; }
  .btnWhite:active, .btnPrimary:active, .btnSmall:active {
    background-color: #599C9C;
    border: 1px solid #599C9C; }

.btnPrimary, .btnSmall {
  color: #68B6B6 !important;
  border: 1px solid #68B6B6;
  text-transform: uppercase; }
  .btnPrimary:hover, .btnSmall:hover, .btnPrimary:active, .btnSmall:active {
    color: #fff !important; }

.btnSmall {
  padding: 4px 30px; }

.generalList, .listInline, footer ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0; }

.listInline, footer ul {
  display: flex; }

form {
  font-family: "Poppins", sans-serif; }
  form .formgroup label {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.3; }
  form .formgroup input {
    height: 52px;
    padding: 16px;
    color: #8C8C8C;
    border: 1px solid #DCDCDC;
    border-radius: 0; }
    form .formgroup input.error {
      border: 1px solid #FF5454; }
    form .formgroup input:focus {
      box-shadow: none;
      border: 1px solid #DCDCDC; }

.team-member {
  max-width: 289px; }
  .team-member img {
    height: 289px;
    width: 289px;
    object-fit: contain; }
  .team-member-name {
    font-family: HelveticaCyrRoman, Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 0.4;
    color: #3D3D3D; }
  .team-member-designation {
    color: #8C8C8C;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    letter-spacing: 0.1;
    line-height: 18px; }

.container {
  max-width: 1216px;
  padding-left: 20px;
  padding-right: 20px; }

.navbar {
  color: #fff !important; }

.navbar-section {
  font-family: "Poppins", sans-serif;
  padding: 10px 0; }
  .navbar-section .navbar-nav .nav-item {
    padding-left: 10px; }
    .navbar-section .navbar-nav .nav-item .active a {
      color: #68B6B6; }

.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: #68B6B6; }

.banner-section {
  width: 100vw !important;
  min-height: calc(100vh - 82px);
  height: auto;
  background: url(../img/image-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center; 
  background-position: center;}
  .banner-section .banner-content {
    width: 60%;
    color: #fff; }
  .banner-section p {
    width: 74%;
    padding-bottom: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 300; }
  .banner-section a, .banner-section a:hover {
    color: #fff; }

.influencer-section .container, .influencer-section .row {
  min-height: 800px; }

.influencer-section .col-md-6.content-img {
  padding: 0; }

.influencer-section .content {
  display: flex;
  min-height: 100%;
  align-items: center; }

.influencer-section h2 {
  margin-bottom: 18px; }

.influencer-section .paragraphContent {
  margin-bottom: 40px; }

.influencer-section p {
  color: #8C8C8C; }

.card-text {
  text-transform: capitalize; }

.section-title {
  margin-bottom: 50px; }

.brand-section {
  padding: 7rem 0;
  background: #F5FCFC; }
  .brand-section .btnPrimary, .brand-section .btnSmall {
    border: 1px solid #68B6B6;
    display: flex; }
  .brand-section .card {
    margin-bottom: 2rem; }
  .brand-section .card-body {
    box-shadow: 0px 1px 6px 0px #D1DBDB 45%;
    border: none;
    background: #fff;
    display: flex;
    justify-content: space-between; }
  .brand-section .card-content {
    padding-right: 10px; }
  .brand-section .center-content {
    margin: auto; }

.management-section {
  padding: 7rem 0; }

.team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 50px; }
  .team-member-name {
    margin-top: 20px;
    text-align: center;
    text-transform: capitalize; }
    .team-member-name :first-child {
      margin-bottom: 12px;
      text-transform: uppercase; }

.waitlist {
  position: relative;
  min-height: 678px;
  display: flex;
  align-items: center; }
  .waitlist .content {
    color: #fff;
    margin-bottom: 27px; }
  .waitlist h1 {
    font-size: 52px; }
  .waitlist img {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100vw;
    object-fit: cover; }
  .waitlist > .container {
    position: relative;
    z-index: 2; }
  .waitlist .formgroup {
    margin-bottom: 20px; }
  .waitlist a.btnWhite, .waitlist a.btnPrimary, .waitlist a.btnSmall {
    display: inline-block; }
  .waitlist form label {
    color: #fff; }

footer {
  padding: 30px 0; }
  footer .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }

/* sticky top scroll button */
.stickyContainer {
  position: fixed;
  bottom: 135px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none; }
  .stickyContainer button {
    float: right;
    pointer-events: all; }

#stickyTopBtn {
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-size: 40px;
  border-radius: 50px;
  border: 0;
  background: #fff;
  color: #fff;
  -webkit-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 7px 15px -5px rgba(0, 0, 0, 0.75);
  outline: none; }

/*  Home Page Modal */
.devide-popup .modal-dialog {
  max-width: 700px; }

.devide-popup .modal-content {
  border-radius: 0; }

.devide-popup .modal-body {
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center; }

.devide-popup h2 {
  color: #68B6B6; }

.devide-popup .modal-body > img, .devide-popup .modal-body > h2 {
  margin-bottom: 50px; }

#popupForSell .modal-content {
  max-width: 800pxz; }

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
@media (max-width: 310px) {
  .banner-content h1 {
    font-size: 24px !important;
    line-height: 1.5 !important; } }

@media (min-width: 320px) {
  .about-img img {
    width: 100vw; } }

@media (max-width: 360px) {
  .banner-content {
    transform: translateY(96px) !important; } }

@media (max-width: 340px) {
  .banner-content {
    transform: translateY(80px) !important; } }

@media (max-width: 320px) {
  .banner-content {
    transform: translateY(64px) !important; }
  .banner-content h1 {
    margin-bottom: 36px; }
  .navbar-section .container {
    padding-left: 5px;
    padding-right: 5px; }
  .navbar-toggler {
    padding: 5px; }
  .navbar-toggler-icon {
    width: 1em;
    height: 1em; }
  .navbar {
    padding: 5px; }
  .team-member img {
    max-width: 85px;
    max-height: 85px; }
  .card-btn {
    max-width: 100%; }
  .brand-section a.btnPimary {
    display: flex;
    justify-content: center !important; }
  }

@media (max-width: 248px) {
  .banner-content {
    transform: translateY(18px) !important; } }

@media (max-width: 375px) {
  .navbar-brand {
    max-width: 124px; }
    .navbar-brand img {
      object-fit: contain; }
  .navbar-section {
    padding: 0; }
  .banner-section {
    background: url("../img/herobannermob.png") no-repeat;
    background-size: contain;
    background-position: top !important; }
  h1 {
    font-size: 32px !important; }
  .banner-content {
    transform: translateY(110px); }
  .banner-section .banner-content {
    width: 100%;
    text-align: center; }
  .banner-section p {
    color: #8C8C8C; }
  .btnWhite, .btnPrimary, .btnSmall {
    border: 1px solid #68B6B6;
    color: #68B6B6 !important; }
  .influencer-section {
    text-align: center; }
  h2 {
    font-size: 24px !important;
    line-height: 1.5; }
  .influencer-section {
    margin-bottom: 50px; }
    .influencer-section .content > div {
      padding: 20px 0; }
  .body, .bodyMini, .nav-link, .influencer-section p, .bodyMini, .nav-link, .nav-link, .influencer-section p, .bodyMini, .nav-link, .nav-link, .nav-link, .influencer-section p {
    font-size: 15px; }
  .team-member img {
    height: auto;
    width: auto; }
  .bodyMini, .nav-link {
    font-size: 13px !important; }
  .waitlist {
    flex-direction: column; }
  .waitlist .content {
    text-align: center;
    margin-top: -112px; }
    .waitlist .content h1 {
      font-size: 34px; }
  .waitlist img {
    position: relative; }
  .waitlist .content .titleAccent {
    color: #8C8C8C; }
  .waitlist .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100%; }
  .devide-popup .modal-body {
    padding: 24px !important; }
  .devide-popup .modal-dialog {
    max-width: 280px !important;
    margin: auto; }
  .devide-popup .modal-body > img, .devide-popup .modal-body > h2 {
    margin-bottom: 24px; }
  footer .container {
    flex-direction: column; }
    footer .container > * {
      margin-bottom: 16px; }
    footer .container .logo {
      order: 2; }
    footer .container .copyright {
      order: 3; }
    footer .container ul {
      display: flex;
      order: 1 !important; }
  .influencer-section .content {
    padding: 10px 12px !important; }
  .waitlist form label {
    color: #8C8C8C; } }

/* Small devices (landscape phones, 576px and up) */
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .influencer-section .row {
    margin-left: 0; }
  .influencer-section .abt-img {
    width: 50vw;
    max-width: auto;
    position: absolute;
    left: 0;
    object-fit: cover;
    height: 100%; }
  #sidewiseSection .influencer-section:nth-of-type(2n) {
    position: relative !important; }
  #sidewiseSection .influencer-section:nth-of-type(2n) .container {
    position: static !important; }
  #sidewiseSection .influencer-section:nth-of-type(2n) .row {
    position: static !important; }
  #sidewiseSection .influencer-section:nth-of-type(2n) .content-img {
    position: static !important; }
  #sidewiseSection .influencer-section:nth-of-type(2n) .content-img img {
    position: absolute;
    left: 0;
    width: 50vw;
    height: 100%;
    object-fit: cover; }
  #sidewiseSection .influencer-section:nth-of-type(2n) .content > div {
    margin-left: 95px; } }

@media (max-width: 768px) {
  .banner-section {
    min-height: 496px;
    background-position: center; }
  .banner-section p {
    font-size: 20px;
    width: 100%; }
  h1 {
    font-size: 36px !important;
    line-height: 44px !important; }
  .titleAccent {
    font-size: 20px; }
  .bodyAccent {
    font-size: 16px; }
  .management-section .col-sm-6 {
    display: flex; }
  .management-section .col-md-4 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .management-section .col-sm-6:nth-of-type(2n) {
    justify-content: flex-end; }
  .waitlist .col-md-6 {
    max-width: 420px;
    flex: 0 0 80%; }
  .brand-section .card-body {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .brand-section .card-body .btnPrimary, .brand-section .card-body .btnSmall {
      margin-top: 16px; }
  .influencer-section .container, .influencer-section .row {
    min-height: 694px; }
  .body, .bodyMini, .nav-link, .influencer-section p, .bodyMini, .nav-link, .nav-link, .influencer-section p {
    font-size: 16px;
    line-height: 1.5; }
  .devide-popup .modal-dialog {
    max-width: 600px; }
  .devide-popup .modal-body {
    padding: 38px; }
  .content-img img {
    max-width: 100% !important; }
  .influencer-section .container {
    padding-left: 0;
    padding-right: 0; }
  .influencer-section .content {
    padding: 20px 40px; } }

@media (max-width: 767px) {
  #sidewiseSection .influencer-section:nth-of-type(2n) .content > div {
    margin-left: 0 !important; }
  .about-img {
    max-width: 100%; }
  .influencer-section .row {
    margin-right: 0;
    margin-left: 0; } }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar-section {
    height: 80px; } }

@media (max-width: 992px) {
  #sidewiseSection .influencer-section:nth-of-type(2n) .content > div {
    margin-left: 20px; } }

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 768px) {
  .desktopImg {
    display: none; }
  .tabletImg {
    display: block; } }

@media (min-width: 769px) {
  .desktopImg {
    display: block; }
  .tabletImg {
    display: none; } }


.btn-xl {
  padding: 1.25rem 2.25rem;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 10rem;
}