@import url("bootstrap.css");
@import url("fonts.css");
@import url("all.css");
body {
  font-family: "Golos", sans-serif;
  padding: 0px !important; }

.page-background {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover !important;
  z-index: 0; }

.title {
  margin-bottom: 100px;
  text-align: center; }
  .title h2 {
    font-weight: 900;
    font-size: 48px;
    line-height: 58px;
    color: #000000; }

a {
  color: #000;
  font-weight: 400; }

::-webkit-input-placeholder {
  /* Edge */
  color: rgba(0, 0, 0, 0.3); }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 0.3); }

::placeholder {
  color: rgba(0, 0, 0, 0.3); }

label {
  margin-bottom: 5px;
  margin-top: 25px; }

input[type="submit"] {
  width: 80%;
  display: table;
  background: #000 !important;
  color: #fff !important;
  padding-top: 20px;
  padding-bottom: 20px; }

input,
textarea {
  background: transparent !important;
  border: 1px solid #000;
  padding: 7px;
  border-radius: 5px;
  width: 80%;
  font-weight: 400; }

textarea {
  max-height: 100px; }

nav {
  position: relative;
  z-index: 1; }
  nav a {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #000000 !important; }
  nav ul {
    margin-left: 50px; }
    nav ul .special {
      display: none !important; }
  nav h1 {
    font-weight: 900;
    font-size: 26px;
    line-height: 31px;
    color: #000000; }
  nav .custom_menu_class {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #000; }

.main-hero {
  position: relative;
  z-index: 1;
  padding-top: 100px;
  margin-bottom: 150px; }
  .main-hero h1 {
    font-weight: 800;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 70px; }
    .main-hero h1 span.mobile:before {
      background: none !important; }
    .main-hero h1 span.desktop {
      position: relative;
      display: inline-block; }
      .main-hero h1 span.desktop:before {
        position: absolute;
        content: "";
        bottom: -10px;
        left: 20px;
        background: url(../img/hero_underline.svg);
        width: 180px;
        height: 8px;
        background-size: cover; }
  .main-hero p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 100; }
  .main-hero img {
    border-radius: 10px; }
  .main-hero .main_hero_content {
    max-width: 590px; }
  .main-hero .hero_img {
    display: inline-block;
    position: relative; }
    .main-hero .hero_img .btn_buy {
      position: absolute;
      content: "";
      width: 80%;
      height: auto;
      background: #a28de3;
      color: #fdf396;
      text-decoration: none;
      left: 40px;
      font-family: "Goudy", "sans-serif";
      text-align: center;
      margin: auto;
      bottom: 40px;
      padding: 10px;
      border-radius: 10px;
      font-size: 30px; }

.custom-section {
  position: relative;
  z-index: 1; }
  .custom-section p {
    font-weight: 100; }
  .custom-section strong {
    font-weight: 500 !important; }
  .custom-section .title {
    margin-bottom: 50px; }
  .custom-section .left_image_tyle .img_div {
    position: relative;
    z-index: 1; }
    .custom-section .left_image_tyle .img_div:before {
      position: absolute;
      background: #eee381;
      width: 100%;
      height: 100%;
      content: "";
      top: -30px;
      left: -30px;
      z-index: -1;
      border-radius: 10px; }
  .custom-section .left_content {
    max-width: 490px;
    margin: 0px 0px 0px auto; }
  .custom-section .m_top_10 {
    margin-top: 10px; }
  .custom-section .right_img_style .img_div {
    position: relative;
    z-index: 1; }
    .custom-section .right_img_style .img_div:before {
      position: absolute;
      background: #9b80e9;
      width: 100%;
      height: 250px;
      content: "";
      top: -30px;
      right: -30px;
      z-index: -1;
      border-radius: 10px; }

.products {
  position: relative;
  z-index: 1;
  margin-top: 100px; }
  .products .title {
    margin-bottom: 40px; }
  .products .box-inner {
    text-align: center;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 1px solid #000; }
    .products .box-inner .products_title {
      font-weight: 900;
      font-size: 16px;
      line-height: 19px;
      margin-bottom: 0px; }
    .products .box-inner .products_price {
      font-size: 16px;
      line-height: 19px;
      font-weight: 100;
      color: #3346e9; }
  .products .show_more a {
    width: 100%;
    background: #000;
    display: table;
    text-align: center;
    color: #fff;
    text-decoration: none;
    padding: 10px 0px; }

.faq {
  position: relative;
  margin-top: 100px;
  z-index: 1; }
  .faq .accordion-button:after {
    top: 15px;
    right: 20px;
    background: url(../img/accordion.svg) no-repeat; }
  .faq .title {
    margin-bottom: 50px; }
  .faq .accordion-button:not(.collapsed) {
    color: #000 !important; }
  .faq .accordion-item {
    background: transparent !important;
    border: 1px solid #000;
    border-radius: 0px !important; }
  .faq .accordion-header {
    border-radius: 0px !important;
    border-bottom: 1px solid #000 !important; }
  .faq .accordion-button {
    border-radius: 0px !important;
    background-color: transparent !important; }
  .faq .accordion-body {
    padding: 20px 40px;
    font-weight: 100; }
    .faq .accordion-body p {
      margin-bottom: 10px !important; }

.contact {
  position: relative;
  z-index: 1;
  margin-top: 150px; }
  .contact .title {
    margin-bottom: 30px; }
    .contact .title h2 {
      text-align: left !important; }
  .contact .contact_container_content {
    max-width: 450px; }
  .contact .contact_img {
    position: relative; }
    .contact .contact_img:before {
      width: 100%;
      height: 100%;
      background: rgba(235, 0, 255, 0.58);
      position: absolute;
      content: "";
      z-index: -1;
      border-radius: 10px;
      right: -30px;
      bottom: -30px; }
  .contact .social-networks {
    margin-top: 100px; }
    .contact .social-networks p {
      color: #000; }
    .contact .social-networks ul {
      margin: 0px;
      padding: 0px; }
      .contact .social-networks ul li {
        display: inline;
        margin: 0px 25px 0px 0px; }
        .contact .social-networks ul li i {
          font-size: 20px; }
        .contact .social-networks ul li a {
          color: #000; }
  .contact .contact_sn_mobile {
    display: none; }
  .contact .contact_sn_dekstop {
    display: block; }

.big-hero {
  padding-top: 100px;
  position: relative;
  z-index: 1; }
  .big-hero .big_main_hero_content h1 {
    margin-bottom: 50px; }
  .big-hero .big_main_hero_content p {
    max-width: 500px;
    font-weight: 100; }
  .big-hero h1 {
    font-weight: 900;
    font-size: 64px;
    line-height: 77px; }
  .big-hero strong {
    font-weight: 900;
    font-size: 48px;
    line-height: 58px; }
  .big-hero .big_hero_image {
    position: relative; }
    .big-hero .big_hero_image:before {
      position: absolute;
      content: "";
      top: -40px;
      right: -30px;
      width: 100%;
      height: 120%;
      border-radius: 10px;
      border: 1px solid #000;
      background: transparent !important;
      z-index: -1; }
  .big-hero span {
    position: relative;
    display: inline-block; }
    .big-hero span:before {
      position: absolute;
      content: "";
      bottom: -4px;
      left: 0;
      background: url(../img/under2.svg);
      width: 100px;
      height: 6px;
      background-size: cover; }

.join_us .container {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1;
  border-top: 2px solid #000;
  margin-top: 100px; }
.join_us h2 {
  font-weight: 900;
  font-size: 48px;
  line-height: 58px; }
.join_us p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-weight: 100; }
.join_us .join_us_img {
  position: relative;
  padding-bottom: 30px; }
  .join_us .join_us_img:before {
    background: #c862cd;
    border-radius: 10px;
    z-index: -1;
    position: absolute;
    content: "";
    width: 90%;
    height: 90%;
    bottom: -20px;
    left: -20px;
    top: 30px; }

.full-height {
  position: relative;
  z-index: 1; }
  .full-height .central-img {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 50px; }
  .full-height .social_networks ul {
    margin: 0px 0px 5px 0px;
    padding: 0px; }
    .full-height .social_networks ul li {
      display: inline;
      list-style: none;
      margin: 0px 20px 0 0px; }
      .full-height .social_networks ul li i {
        font-size: 20px; }

footer {
  margin-top: 80px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 30px;
  border-top: 2px solid #000;
  position: relative;
  padding-bottom: 20px;
  z-index: 1; }
  footer h2 {
    margin: 0px; }
  footer .footer_nav ul {
    margin: 0px;
    padding: 0px; }
    footer .footer_nav ul li {
      display: inline;
      list-style: none;
      margin: 0px 10px; }
    footer .footer_nav ul li.special {
      display: none; }
    footer .footer_nav ul a {
      text-decoration: none; }
  footer .footer_social ul {
    margin: 0px;
    padding: 0pxs; }
    footer .footer_social ul li {
      list-style: none;
      display: inline; }
      footer .footer_social ul li a {
        text-decoration: none; }
      footer .footer_social ul li i {
        background: rgba(0, 0, 0, 0.1);
        padding: 10px;
        border-radius: 50%;
        margin: 0px 0px 0px 20px; }

@media (max-width: 991px) {
  input,
  textarea {
    width: 100% !important; }

  nav {
    position: relative; }
    nav ul {
      height: 100vh;
      margin-top: 100px;
      margin-left: 0px !important; }
      nav ul:before {
        position: absolute;
        content: "";
        width: 100%; }
      nav ul li {
        margin-bottom: 60px; }
      nav ul .special {
        display: block !important;
        background: #9b80e9;
        padding: 5px 35px;
        border-radius: 10px;
        border: 2px solid #000; }
        nav ul .special a {
          text-decoration: none; }
          nav ul .special a span {
            color: #fff !important; }

  #navbar-hamburger {
    background: url(../img/open_menu.svg);
    width: 23px;
    height: 22px; }

  #navbar-hamburger.hidden {
    background: url(../img/close_menu.svg);
    width: 32px;
    height: 22px; }

  button#ChangeToggle {
    outline: none;
    border: none; }

  .navbar-toggler:focus {
    box-shadow: 0 0 0 0rem !important; }

  .custom-section .justify-content-end {
    justify-content: flex-start !important; }
  .custom-section .img_div {
    margin-left: 30px;
    margin-bottom: 30px; }
  .custom-section .right_img_style {
    order: -2 !important; }
    .custom-section .right_img_style .img_div {
      margin: 50px 0px 40px 0px; }
  .custom-section .left_content {
    order: 1 !important; }

  .main-hero h1 {
    line-height: 40px; }
    .main-hero h1 span.desktop:before {
      display: none !important; }
    .main-hero h1 span.mobile {
      position: relative;
      display: inline-block; }
      .main-hero h1 span.mobile:before {
        position: absolute;
        content: "";
        bottom: -15px;
        left: 0px;
        background: url(../img/hero_underline.svg) !important;
        width: 180px;
        height: 8px;
        background-size: cover; }
  .main-hero .order_mobile_second {
    order: -2 !important; }
  .main-hero .order_mobile_first {
    order: -3 !important;
    margin-bottom: 50px; }
  .main-hero .mobile_buy_now {
    margin-top: 70px;
    position: relative;
    overflow: hidden; }
    .main-hero .mobile_buy_now a {
      background: #a28de3;
      padding: 15px 35px;
      display: table;
      margin: 0px 0px 0px auto;
      text-decoration: none;
      border-radius: 10px;
      border: 2px solid #000;
      color: #fff;
      font-weight: 500;
      font-size: 16px;
      line-height: 19px;
      position: relative; }
    .main-hero .mobile_buy_now:before {
      width: 1000px;
      height: 2px;
      background: #000;
      position: absolute;
      content: "";
      top: 25px; }

  .contact .title {
    margin-top: 100px; }
  .contact .social-networks {
    margin-top: 50px; }
  .contact .image_order_mobile {
    order: 2 !important; }
  .contact .main_content_order {
    order: 3 !important; }
  .contact .contact_sn_mobile {
    display: block; }
  .contact .contact_sn_dekstop {
    display: none; }
  .contact .contact_img:before {
    width: 100%;
    height: 100%;
    background: rgba(235, 0, 255, 0.58);
    position: absolute;
    content: "";
    z-index: -1;
    border-radius: 10px;
    right: -10px;
    bottom: -20px; }

  .big-hero .big_hero_image:before {
    position: absolute;
    content: "";
    top: -12px;
    right: 20px;
    width: 90%;
    height: 110%;
    border-radius: 10px;
    border: 1px solid #000;
    background: transparent !important;
    z-index: -1; }
  .big-hero .big_hero_image img {
    max-width: 90% !important;
    height: auto; }
  .big-hero h1 {
    font-size: 40px;
    line-height: inherit; }
    .big-hero h1 strong {
      font-size: 30px;
      position: relative; }
    .big-hero h1 span:before {
      position: absolute;
      content: "";
      bottom: 2px;
      left: -3px;
      background: url(../img/under2.svg);
      width: 68px;
      height: 4px;
      background-size: cover; }
  .big-hero .big_hero_image {
    margin-top: 150px;
    display: inline-block; }

  .join_us {
    margin-left: 20px;
    margin-right: 20px; }
    .join_us .join_us_img {
      display: inline-block; }
    .join_us .oder_mobile_second {
      order: 2 !important; }
    .join_us .order_mobile_first {
      order: 1; }
      .join_us .order_mobile_first p {
        margin: 40px 0px; }

  footer .justify-content-center,
  footer .justify-content-end {
    justify-content: initial !important; }
  footer .footer_social {
    left: -20px;
    position: relative; }
    footer .footer_social ul {
      padding: 0px;
      margin: 0px; }
      footer .footer_social ul li {
        padding: 0px;
        margin: 0px; }
  footer .align-items-end {
    align-items: flex-start !important; }
  footer .footer_nav {
    margin-top: 30px;
    margin-bottom: 30px; }
    footer .footer_nav ul li {
      display: block;
      margin-left: 0px;
      margin-bottom: 5px; }

  .full-height .social_networks {
    text-align: center;
    margin-bottom: 30px; }
  .full-height .oder_mobile_1 {
    order: -1; }
  .full-height .oder_mobile_3 {
    order: 1 !important;
    text-align: right; }
  .full-height .oder_mobile_2 {
    order: 1 !important; } }

/*# sourceMappingURL=theme.css.map */