* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.clr {
  clear: both;
  height: 0;
  display: block;
  float: none !important;
  padding: 0;
  margin: 0;
  border: none; }

.en {
  font-family: "Enspoiler", Arial;
  font-weight: 400; }

.en-bold {
  font-family: "Enspoiler", Arial;
  font-weight: 700; }

.hidden {
  display: none !important; }

.turkiz {
  color: #006774; }
  .turkiz:hover {
    color: #006774; }

#error {
  color: red;
  margin-right: 3px;
  display: block;
  float: right;
  width: 100%; }

.red-border {
  border: 1.8px solid red !important;
  box-shadow: 0 0 1.5px 1.5px rgba(255, 0, 0, 0.3) !important; }

.inside_list {
  list-style-position: inside; }

.gray_box {
  background: #e7e7e8; }

.register_box {
  float: right;
  width: 100%;
  clear: both;
  margin: 30px 0 0;
  text-align: center; }

.go_to_register {
  font-size: 26px;
  padding: 0 15px;
  color: #ffffff;
  font-weight: 900;
  background: #DE1E0F; }
  .go_to_register:hover {
    color: #ffffff;
    text-decoration: none; }

.modal-dialog {
  max-width: 650px;
  margin: 10rem auto; }

img {
  max-width: 100%; }

.bold {
  font-weight: bold; }

.bold-w {
  color: #ffffff;
  font-weight: bold; }

body {
  background: #ffffff;
  font-family: "FBspoiler", Arial;
  font-weight: 400;
  font-size: 18px;
  color: #000000;
  overflow-x: hidden; }
  body .main_wrapper {
    float: right;
    width: 100%; }
    body .main_wrapper .header_wrapper {
      float: right;
      width: 100%; }

.login-container {
  padding: 50px 0;
  background-image: url(../images/login-back.jpg);
  float: right;
  width: 100%;
  position: relative;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 39vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; }
  @media only screen and (max-width: 800px) {
    .login-container {
      background: none;
      padding: 0;
      min-height: auto; } }
  @media only screen and (max-width: 640px) {
    .login-container {
      margin-top: 20px; } }
  .login-container .imageMob {
    display: none; }
    @media only screen and (max-width: 800px) {
      .login-container .imageMob {
        display: block; } }
  .login-container .login-box {
    width: 666px;
    position: relative;
    margin: 0 auto; }
    .login-container .login-box .login_text sup {
      font-weight: bold; }
    @media only screen and (max-width: 1100px) {
      .login-container .login-box {
        top: 5%; } }
    @media only screen and (max-width: 800px) {
      .login-container .login-box {
        float: right;
        width: 100%;
        position: relative;
        top: unset;
        left: unset;
        transform: unset;
        -webkit-transform: unset; } }
    .login-container .login-box .card-header {
      color: #ffffff; }
      @media only screen and (max-width: 800px) {
        .login-container .login-box .card-header {
          background: #ffffff;
          border: 0; } }
      .login-container .login-box .card-header h1 {
        font-size: 70px;
        font-weight: 900; }
        @media only screen and (max-width: 1100px) {
          .login-container .login-box .card-header h1 {
            font-size: 50px;
            line-height: 42px; } }
        @media only screen and (max-width: 800px) {
          .login-container .login-box .card-header h1 {
            font-size: 8vw;
            line-height: 64px;
            color: #006373; } }
        @media only screen and (max-width: 480px) {
          .login-container .login-box .card-header h1 {
            font-size: 13vw; } }
      .login-container .login-box .card-header p {
        line-height: 26px;
        margin-bottom: 0; }
        @media only screen and (max-width: 1100px) {
          .login-container .login-box .card-header p {
            font-size: 16px;
            line-height: 20px; } }
        @media only screen and (max-width: 800px) {
          .login-container .login-box .card-header p {
            font-size: 20px;
            color: #000000; } }
        @media only screen and (max-width: 480px) {
          .login-container .login-box .card-header p {
            text-align: right; } }
    .login-container .login-box .card-body {
      width: 83%;
      margin: 0 auto; }
      @media only screen and (max-width: 1100px) {
        .login-container .login-box .card-body {
          padding-top: 0; } }
      @media only screen and (max-width: 480px) {
        .login-container .login-box .card-body {
          padding: 0; } }
      .login-container .login-box .card-body .form-holder {
        float: right;
        width: 100%;
        background: #ffffff;
        border-radius: 20px;
        padding: 20px 26px; }
        @media only screen and (max-width: 1100px) {
          .login-container .login-box .card-body .form-holder {
            float: unset;
            width: 80%;
            margin: 0 auto; } }
        @media only screen and (max-width: 800px) {
          .login-container .login-box .card-body .form-holder {
            width: 100%; } }
        .login-container .login-box .card-body .form-holder h2 {
          font-size: 26px;
          color: #006774;
          font-weight: 900;
          text-align: center;
          margin-bottom: -5px; }
          @media only screen and (max-width: 800px) {
            .login-container .login-box .card-body .form-holder h2 {
              display: none; } }
        .login-container .login-box .card-body .form-holder form {
          float: right;
          width: 100%; }
          .login-container .login-box .card-body .form-holder form .line {
            float: right;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            @media only screen and (max-width: 480px) {
              .login-container .login-box .card-body .form-holder form .line {
                display: block; } }
            .login-container .login-box .card-body .form-holder form .line.first-line {
              -webkit-box-pack: justify;
              -ms-flex-pack: justify;
              justify-content: space-between;
              margin-top: 23px; }
              .login-container .login-box .card-body .form-holder form .line.first-line .form-group {
                width: 286px;
                height: 75px;
                margin-bottom: 0; }
                @media only screen and (max-width: 1100px) {
                  .login-container .login-box .card-body .form-holder form .line.first-line .form-group {
                    width: 35%; } }
                @media only screen and (max-width: 480px) {
                  .login-container .login-box .card-body .form-holder form .line.first-line .form-group {
                    width: 100%;
                    height: auto;
                    margin-bottom: 15px; } }
                .login-container .login-box .card-body .form-holder form .line.first-line .form-group label {
                  margin-bottom: 0;
                  margin-right: 10px;
                  font-size: 18px;
                  color: #58595b;
                  font-weight: bold; }
                  @media only screen and (max-width: 480px) {
                    .login-container .login-box .card-body .form-holder form .line.first-line .form-group label {
                      float: right;
                      width: 100%;
                      margin-right: 0;
                      padding-right: 10px;
                      line-height: 20px; } }
                .login-container .login-box .card-body .form-holder form .line.first-line .form-group.third {
                  width: 155px;
                  padding-top: 27px; }
                  @media only screen and (max-width: 480px) {
                    .login-container .login-box .card-body .form-holder form .line.first-line .form-group.third {
                      float: left;
                      padding-top: 0; } }
                .login-container .login-box .card-body .form-holder form .line.first-line .form-group .input-holder input {
                  width: 100%;
                  border-radius: 416px;
                  border: 2px solid #58595b; }
                .login-container .login-box .card-body .form-holder form .line.first-line .form-group .input-holder .error {
                  font-size: 80%;
                  color: #dc3545; }
                .login-container .login-box .card-body .form-holder form .line.first-line .form-group .input-holder button {
                  width: 100%;
                  height: 38px;
                  line-height: 38px;
                  border-radius: 416px;
                  color: #ffffff;
                  font-size: 20px;
                  font-weight: bold;
                  text-align: center;
                  background: #006373;
                  border: 0;
                  cursor: pointer; }
                  @media only screen and (max-width: 480px) {
                    .login-container .login-box .card-body .form-holder form .line.first-line .form-group .input-holder button {
                      float: left; } }
                  .login-container .login-box .card-body .form-holder form .line.first-line .form-group .input-holder button:hover {
                    text-decoration: underline; }
            .login-container .login-box .card-body .form-holder form .line.second-line {
              float: right;
              width: 100%;
              margin-top: 9px; }
              @media only screen and (max-width: 480px) {
                .login-container .login-box .card-body .form-holder form .line.second-line {
                  width: 40%;
                  margin-top: -50px; } }
              .login-container .login-box .card-body .form-holder form .line.second-line .second-box {
                float: right;
                width: 41%; }
                @media only screen and (max-width: 1100px) {
                  .login-container .login-box .card-body .form-holder form .line.second-line .second-box {
                    width: 38%; } }
                @media only screen and (max-width: 800px) {
                  .login-container .login-box .card-body .form-holder form .line.second-line .second-box {
                    width: 42%; } }
                @media only screen and (max-width: 480px) {
                  .login-container .login-box .card-body .form-holder form .line.second-line .second-box {
                    width: 100%; } }
                .login-container .login-box .card-body .form-holder form .line.second-line .second-box span {
                  color: #4e73ad;
                  text-decoration: underline;
                  font-weight: bold;
                  font-size: 17px;
                  padding-right: 5px;
                  cursor: pointer; }
        .login-container .login-box .card-body .form-holder .reg-holder {
          float: right;
          width: 100%; }
          .login-container .login-box .card-body .form-holder .reg-holder .center-box {
            margin: 0 auto;
            text-align: center;
            font-size: 16px;
            color: #58595b;
            font-weight: bold; }
            .login-container .login-box .card-body .form-holder .reg-holder .center-box a {
              width: 133px;
              height: 38px;
              font-size: 20px;
              line-height: 38px;
              font-weight: bold;
              text-align: center;
              border-radius: 15px;
              background: #65656b;
              color: #ffffff;
              display: inline-block; }

.info_strip {
  float: right;
  width: 100%;
  height: 48px;
  background: #da0812;
  background: -moz-linear-gradient(left, #da0812 0%, #da0812 68%, #ed7801 100%);
  background: -webkit-linear-gradient(left, #da0812 0%, #da0812 68%, #ed7801 100%);
  background: linear-gradient(to right, #da0812 0%, #da0812 68%, #ed7801 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da0812', endColorstr='#ed7801', GradientType=1); }
  .info_strip .marg-r-auto {
    margin-right: auto; }
  .info_strip .inner_wrap_strip {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .info_strip .inner_wrap_strip div {
      color: #ffffff; }
      .info_strip .inner_wrap_strip div span {
        display: inline-block;
        float: right;
        margin-left: 10px;
        color: #ffffff; }
      .info_strip .inner_wrap_strip div a {
        float: left;
        margin-right: 10px;
        color: #ffffff;
        text-decoration: none; }
        @media only screen and (max-width: 1080px) {
          .info_strip .inner_wrap_strip div a {
            padding-left: 15px; } }
        .info_strip .inner_wrap_strip div a:hover {
          color: #ffbc0e;
          text-decoration: underline; }

.nav_wrapper {
  float: right;
  width: 100%;
  background: #ffffff; }
  .nav_wrapper .inner_nav_wrap {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    padding: 20px 0; }
    @media only screen and (max-width: 640px) {
      .nav_wrapper .inner_nav_wrap {
        padding: 20px 0 0; } }
    .nav_wrapper .inner_nav_wrap .logos_holder {
      float: right; }
      @media only screen and (max-width: 1080px) {
        .nav_wrapper .inner_nav_wrap .logos_holder {
          padding-right: 15px; } }
      @media only screen and (max-width: 767px) {
        .nav_wrapper .inner_nav_wrap .logos_holder {
          padding-right: unset;
          float: unset;
          width: 375px;
          margin: 0 auto; } }
      @media only screen and (max-width: 375px) {
        .nav_wrapper .inner_nav_wrap .logos_holder {
          width: 100%;
          padding: 0 10px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      .nav_wrapper .inner_nav_wrap .logos_holder .logo {
        float: right; }
        @media only screen and (max-width: 375px) {
          .nav_wrapper .inner_nav_wrap .logos_holder .logo {
            width: 100%; } }
        .nav_wrapper .inner_nav_wrap .logos_holder .logo.oz {
          width: 149px;
          height: 50px;
          padding-top: 5px; }
        .nav_wrapper .inner_nav_wrap .logos_holder .logo.novo {
          width: 226px;
          height: 50px; }
    .nav_wrapper .inner_nav_wrap .navbar {
      float: left;
      width: 62%; }
      @media only screen and (max-width: 962px) {
        .nav_wrapper .inner_nav_wrap .navbar {
          width: 50%; } }
      @media only screen and (max-width: 779px) {
        .nav_wrapper .inner_nav_wrap .navbar {
          width: 48%; } }
      @media only screen and (max-width: 767px) {
        .nav_wrapper .inner_nav_wrap .navbar {
          width: 100%;
          padding: 8px 0; }
          .nav_wrapper .inner_nav_wrap .navbar button {
            margin: 0 auto 15px;
            border: 0; }
            .nav_wrapper .inner_nav_wrap .navbar button .navbar-toggler-icon {
              width: 40px;
              height: 40px;
              background: url("../images/icons/nav-icon-closed.png") no-repeat; }
          .nav_wrapper .inner_nav_wrap .navbar .nav-justified .nav-item {
            width: 100%;
            flex-basis: unset; }
            .nav_wrapper .inner_nav_wrap .navbar .nav-justified .nav-item:nth-child(odd) {
              background: #e7e7e8; }
            .nav_wrapper .inner_nav_wrap .navbar .nav-justified .nav-item:nth-child(even) {
              background: #f6f6f6; }
            .nav_wrapper .inner_nav_wrap .navbar .nav-justified .nav-item:nth-child(2) {
              border-top: 1px solid #d4d3d1;
              border-bottom: 1px solid #d4d3d1; } }
      .nav_wrapper .inner_nav_wrap .navbar .nav-link {
        color: #E1320C;
        background: none;
        font-weight: 900;
        font-size: 24px;
        line-height: 27px; }
        .nav_wrapper .inner_nav_wrap .navbar .nav-link:focus, .nav_wrapper .inner_nav_wrap .navbar .nav-link:hover {
          text-decoration: underline; }
        .nav_wrapper .inner_nav_wrap .navbar .nav-link.active {
          text-decoration: none; }

.tooltip_templates {
  display: none; }

.header_img_wrapper {
  float: right;
  width: 100%;
  position: relative; }
  .header_img_wrapper.main {
    background: url("../images/main-pic.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.main {
        background: url("../images/main-pic-mob.png") center -3px no-repeat;
        background-size: 100%; } }
    @media only screen and (max-width: 480px) {
      .header_img_wrapper.main {
        background-position: center 0px; } }
    @media only screen and (max-width: 360px) {
      .header_img_wrapper.main {
        background-position: center 0px; } }
  .header_img_wrapper.main-how {
    padding: 5%;
    background: url("../images/how-its-work.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.main-how {
        background: url("../images/how-its-work-mob.jpg") center 0px no-repeat;
        background-size: cover;
        padding: 20px; } }
    @media only screen and (max-width: 480px) {
      .header_img_wrapper.main-how {
        background-position: center 0px; } }
    @media only screen and (max-width: 360px) {
      .header_img_wrapper.main-how {
        background-position: center 0px; } }
  .header_img_wrapper.main-how-to-use {
    padding: 5%;
    background: url("../images/how-to-use.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.main-how-to-use {
        background: url("../images/how-to-use-mob.jpg") center 0px no-repeat;
        background-size: cover;
        padding: 20px; } }
    @media only screen and (max-width: 480px) {
      .header_img_wrapper.main-how-to-use {
        background-position: center 0px; } }
    @media only screen and (max-width: 360px) {
      .header_img_wrapper.main-how-to-use {
        background-position: center 0px; } }
  .header_img_wrapper.main-dose-guide {
    padding: 5%;
    background: url("../images/dose-guide.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.main-dose-guide {
        background: url("../images/dose-guide-mob.jpg") center 0px no-repeat;
        background-size: cover;
        padding: 20px; } }
    @media only screen and (max-width: 480px) {
      .header_img_wrapper.main-dose-guide {
        background-position: center 0px; } }
    @media only screen and (max-width: 360px) {
      .header_img_wrapper.main-dose-guide {
        background-position: center 0px; } }
  .header_img_wrapper.main-q-and-a {
    padding: 5%;
    background: url("../images/q-and-a.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.main-q-and-a {
        background: url("../images/q-and-a-mob.jpg") center 0px no-repeat;
        background-size: cover;
        padding: 20px; } }
    @media only screen and (max-width: 480px) {
      .header_img_wrapper.main-q-and-a {
        background-position: center 0px; } }
    @media only screen and (max-width: 360px) {
      .header_img_wrapper.main-q-and-a {
        background-position: center 0px; } }
  .header_img_wrapper.main-support {
    padding: 5%;
    background: url("../images/support.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.main-support {
        background: url("../images/support-mob.jpg") center 0px no-repeat;
        background-size: cover;
        padding: 20px; } }
    @media only screen and (max-width: 480px) {
      .header_img_wrapper.main-support {
        background-position: center 0px; } }
    @media only screen and (max-width: 360px) {
      .header_img_wrapper.main-support {
        background-position: center 0px; } }
  .header_img_wrapper.main-side {
    padding: 5%;
    background: url("../images/side-effects.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.main-side {
        background: url("../images/side-effects-mob.jpg") center 0px no-repeat;
        background-size: cover;
        padding: 20px; } }
    @media only screen and (max-width: 480px) {
      .header_img_wrapper.main-side {
        background-position: center 0px; } }
    @media only screen and (max-width: 360px) {
      .header_img_wrapper.main-side {
        background-position: center 0px; } }
  .header_img_wrapper.reg {
    height: 299px;
    background: url("../images/reg-pic.jpg") center top no-repeat;
    background-size: cover; }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.reg {
        background: none;
        height: auto; } }
    .header_img_wrapper.reg .mob-img-holder {
      display: none; }
      .header_img_wrapper.reg .mob-img-holder img {
        width: 100%; }
      @media only screen and (max-width: 640px) {
        .header_img_wrapper.reg .mob-img-holder {
          display: block;
          float: right;
          width: 100%; } }
    .header_img_wrapper.reg .head-wrap {
      margin-bottom: 20px; }
      @media only screen and (max-width: 640px) {
        .header_img_wrapper.reg .head-wrap #ozempic {
          color: #006774; } }
    @media only screen and (max-width: 640px) {
      .header_img_wrapper.reg .bottom-site-desc p {
        color: #000000; } }
  .header_img_wrapper .mobile {
    display: none; }
  @media only screen and (max-width: 640px) {
    .header_img_wrapper .desktop {
      display: none; }
    .header_img_wrapper .mobile {
      display: block;
      width: 100%; } }
  .header_img_wrapper .image_cover {
    float: right;
    width: 100%; }
    .header_img_wrapper .image_cover .middle_holder {
      width: 100%;
      max-width: 1080px;
      margin: 0 auto; }
      .header_img_wrapper .image_cover .middle_holder .right {
        float: right;
        width: 44%;
        padding: 25px 0;
        color: #ffffff; }
        @media only screen and (max-width: 1080px) {
          .header_img_wrapper .image_cover .middle_holder .right {
            padding-right: 15px; } }
        @media only screen and (max-width: 767px) {
          .header_img_wrapper .image_cover .middle_holder .right {
            width: 57%; } }
        @media only screen and (max-width: 640px) {
          .header_img_wrapper .image_cover .middle_holder .right {
            width: 100%;
            padding-right: unset; } }
        @media only screen and (max-width: 640px) {
          .header_img_wrapper .image_cover .middle_holder .right .right-box-holder {
            width: 75%;
            margin: 230px auto 0px auto; } }
        @media only screen and (max-width: 450px) {
          .header_img_wrapper .image_cover .middle_holder .right .right-box-holder {
            width: 63%;
            margin: 93px auto 0px auto; } }
        .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .head-wrap {
          float: right;
          width: 100%; }
          .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .head-wrap h1 {
            color: #ffffff;
            font-weight: 900;
            margin-bottom: 0;
            line-height: 28px; }
            @media only screen and (max-width: 717px) {
              .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .head-wrap h1 {
                font-size: 36px; } }
            .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .head-wrap h1 sup {
              font-size: 18px; }
          .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .head-wrap p {
            font-size: 27px;
            color: #ffffff; }
            @media only screen and (max-width: 717px) {
              .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .head-wrap p {
                font-size: 22px; } }
        .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .bottom-site-desc {
          float: right;
          width: 100%; }
          .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .bottom-site-desc p {
            font-size: 20px;
            line-height: 22px; }
            @media only screen and (max-width: 717px) {
              .header_img_wrapper .image_cover .middle_holder .right .right-box-holder .bottom-site-desc p {
                font-size: 18px; } }
      .header_img_wrapper .image_cover .middle_holder .left {
        float: left;
        width: 42%;
        padding-top: 86px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 640px) {
          .header_img_wrapper .image_cover .middle_holder .left {
            width: 100%;
            margin-bottom: 340px;
            padding-top: 0; } }
        @media only screen and (max-width: 500px) {
          .header_img_wrapper .image_cover .middle_holder .left {
            margin-bottom: 25px; } }
        .header_img_wrapper .image_cover .middle_holder .left .play-button-holder {
          display: inline-block;
          text-align: center; }
          .header_img_wrapper .image_cover .middle_holder .left .play-button-holder button {
            background: none;
            border: 0;
            cursor: pointer; }
            @media only screen and (max-width: 640px) {
              .header_img_wrapper .image_cover .middle_holder .left .play-button-holder button img {
                width: 80%; } }
          .header_img_wrapper .image_cover .middle_holder .left .play-button-holder .button-desc p {
            margin-bottom: 0;
            font-size: 26px;
            font-weight: 900;
            line-height: 26px;
            color: #ffffff; }
            .header_img_wrapper .image_cover .middle_holder .left .play-button-holder .button-desc p sup {
              font-weight: bold; }
            @media only screen and (max-width: 640px) {
              .header_img_wrapper .image_cover .middle_holder .left .play-button-holder .button-desc p {
                font-size: 22px;
                line-height: 22px; } }
          .header_img_wrapper .image_cover .middle_holder .left .play-button-holder .button-desc span {
            font-size: 26px;
            padding: 0 15px;
            color: #ffffff;
            font-weight: 900;
            background: #DE1E0F; }
            .header_img_wrapper .image_cover .middle_holder .left .play-button-holder .button-desc span a {
              text-decoration: none;
              color: #ffffff; }
  .header_img_wrapper .image_cover_how {
    float: right;
    width: 100%; }
    .header_img_wrapper .image_cover_how .middle_holder {
      width: 100%;
      max-width: 1080px;
      margin: 0 auto; }
      .header_img_wrapper .image_cover_how .middle_holder .right {
        float: right;
        width: 44%;
        padding: 25px 0;
        color: #ffffff; }
        @media only screen and (max-width: 1080px) {
          .header_img_wrapper .image_cover_how .middle_holder .right {
            padding-right: 15px; } }
        @media only screen and (max-width: 767px) {
          .header_img_wrapper .image_cover_how .middle_holder .right {
            width: 57%; } }
        @media only screen and (max-width: 640px) {
          .header_img_wrapper .image_cover_how .middle_holder .right {
            width: unset;
            padding-right: unset; } }
        @media only screen and (max-width: 640px) {
          .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder {
            width: 75%;
            margin: 230px auto 0px auto; } }
        @media only screen and (max-width: 450px) {
          .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder {
            width: 63%;
            margin: 93px auto 0px auto; } }
        .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .head-wrap {
          float: right;
          width: 100%; }
          .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .head-wrap h1 {
            color: #ffffff;
            font-weight: 900;
            margin-bottom: 0;
            line-height: 28px; }
            @media only screen and (max-width: 717px) {
              .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .head-wrap h1 {
                font-size: 36px; } }
            .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .head-wrap h1 sup {
              font-size: 18px; }
          .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .head-wrap p {
            font-size: 27px;
            color: #ffffff; }
            @media only screen and (max-width: 717px) {
              .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .head-wrap p {
                font-size: 22px; } }
        .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .bottom-site-desc {
          float: right;
          width: 100%; }
          .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .bottom-site-desc p {
            font-size: 20px;
            line-height: 22px; }
            @media only screen and (max-width: 717px) {
              .header_img_wrapper .image_cover_how .middle_holder .right .right-box-holder .bottom-site-desc p {
                font-size: 16px; } }
      .header_img_wrapper .image_cover_how .middle_holder .left {
        float: left;
        width: 42%;
        padding-top: 86px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        @media only screen and (max-width: 640px) {
          .header_img_wrapper .image_cover_how .middle_holder .left {
            width: 100%;
            margin-bottom: 340px;
            padding-top: 0; } }
        @media only screen and (max-width: 500px) {
          .header_img_wrapper .image_cover_how .middle_holder .left {
            margin-bottom: 25px; } }
        .header_img_wrapper .image_cover_how .middle_holder .left .play-button-holder {
          display: inline-block;
          text-align: center; }
          .header_img_wrapper .image_cover_how .middle_holder .left .play-button-holder button {
            background: none;
            border: 0;
            cursor: pointer; }
            @media only screen and (max-width: 640px) {
              .header_img_wrapper .image_cover_how .middle_holder .left .play-button-holder button img {
                width: 80%; } }
          .header_img_wrapper .image_cover_how .middle_holder .left .play-button-holder .button-desc p {
            margin-bottom: 20px;
            font-size: 26px;
            font-weight: 900;
            line-height: 26px;
            color: #ffffff; }
            @media only screen and (max-width: 640px) {
              .header_img_wrapper .image_cover_how .middle_holder .left .play-button-holder .button-desc p {
                font-size: 22px;
                line-height: 22px; } }

.main_content {
  float: right;
  width: 100%; }
  .main_content.main_content {
    padding-top: 37px; }
  @media only screen and (max-width: 767px) {
    .main_content.about_inner {
      padding-top: 0; } }
  .main_content .inner_main {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto; }

.items-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly; }
  .items-holder .item-box {
    width: 100%;
    margin-bottom: 45px;
    max-width: 360px;
    text-align: center; }
    .items-holder .item-box .image-holder {
      float: right;
      width: 100%; }
    .items-holder .item-box .box-title-holder {
      float: right;
      width: 100%;
      margin-top: 10px; }
      .items-holder .item-box .box-title-holder h2 {
        font-size: 24px;
        color: #006373;
        font-weight: 900;
        line-height: 26px; }
      .items-holder .item-box .box-title-holder p {
        padding: 0 49px;
        height: 81px; }
        @media only screen and (max-width: 350px) {
          .items-holder .item-box .box-title-holder p {
            padding: 0 62px;
            height: 95px; } }
      .items-holder .item-box .box-title-holder .read-more-holder {
        float: right;
        width: 100%; }
        .items-holder .item-box .box-title-holder .read-more-holder a {
          display: block;
          width: 112px;
          height: 39px;
          margin: 0 auto;
          color: #000000;
          line-height: 39px;
          font-size: 20px;
          border: 1px solid #000000;
          border-radius: 416px;
          text-align: center; }
          .items-holder .item-box .box-title-holder .read-more-holder a:hover {
            border: none;
            background: #2a6271;
            color: #ffffff;
            text-decoration: underline; }

.inner-menu-holder {
  float: right;
  width: 100%; }
  .inner-menu-holder .show-mobile {
    display: none;
    text-align: center;
    color: #ffffff;
    height: 48px;
    line-height: 48px;
    font-weight: 900;
    font-size: 20px;
    background: #63656a;
    cursor: pointer;
    position: relative; }
    @media only screen and (max-width: 767px) {
      .inner-menu-holder .show-mobile {
        display: block;
        float: right;
        width: 100%; }
        .inner-menu-holder .show-mobile span {
          position: relative;
          display: inline-block; }
          .inner-menu-holder .show-mobile span::after {
            content: '';
            position: absolute;
            left: -25px;
            top: 40%;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #ffffff;
            clear: both; } }
  .inner-menu-holder ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    list-style: none; }
    @media only screen and (max-width: 767px) {
      .inner-menu-holder ul {
        display: none;
        float: right;
        width: 100%;
        margin-bottom: 8px;
        -webkit-box-shadow: 12px 10px 7px -5px rgba(0, 0, 0, 0.44);
        -moz-box-shadow: 12px 10px 7px -5px rgba(0, 0, 0, 0.44);
        box-shadow: 12px 10px 7px -5px rgba(0, 0, 0, 0.44); } }
    .inner-menu-holder ul li {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -ms-flex-preferred-size: 0;
      flex-basis: 0; }
      @media only screen and (max-width: 767px) {
        .inner-menu-holder ul li {
          height: 45px; }
          .inner-menu-holder ul li:nth-child(2n+1) {
            background: #e7e7e8; }
          .inner-menu-holder ul li:nth-child(2) {
            background: #f6f6f6; } }
      .inner-menu-holder ul li a {
        text-align: center; }
        .inner-menu-holder ul li a:hover, .inner-menu-holder ul li a.active {
          text-decoration: none; }
          .inner-menu-holder ul li a:hover p, .inner-menu-holder ul li a.active p {
            color: #006373; }
            @media only screen and (max-width: 767px) {
              .inner-menu-holder ul li a:hover p, .inner-menu-holder ul li a.active p {
                color: #65656b;
                font-weight: 900; } }
          .inner-menu-holder ul li a:hover .icon-holder.first, .inner-menu-holder ul li a.active .icon-holder.first {
            background: url("../images/icons/inner-menu/in-icon-menu-1.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.second, .inner-menu-holder ul li a.active .icon-holder.second {
            background: url("../images/icons/inner-menu/in-icon-menu-2.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.third, .inner-menu-holder ul li a.active .icon-holder.third {
            background: url("../images/icons/inner-menu/in-icon-menu-3.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.fourth, .inner-menu-holder ul li a.active .icon-holder.fourth {
            background: url("../images/icons/inner-menu/in-icon-menu-4.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.fifth, .inner-menu-holder ul li a.active .icon-holder.fifth {
            background: url("../images/icons/inner-menu/in-icon-menu-5.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.sixth, .inner-menu-holder ul li a.active .icon-holder.sixth {
            background: url("../images/icons/inner-menu/in-icon-menu-6.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.acc.first, .inner-menu-holder ul li a.active .icon-holder.acc.first {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-1.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.acc.second, .inner-menu-holder ul li a.active .icon-holder.acc.second {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-2.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.acc.third, .inner-menu-holder ul li a.active .icon-holder.acc.third {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-3.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.acc.fourth, .inner-menu-holder ul li a.active .icon-holder.acc.fourth {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-4.png") center center no-repeat; }
          .inner-menu-holder ul li a:hover .icon-holder.acc.fifth, .inner-menu-holder ul li a.active .icon-holder.acc.fifth {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-5.png") center center no-repeat; }
        .inner-menu-holder ul li a .icon-holder {
          width: 76px;
          height: 71px;
          margin: 0 auto; }
          .inner-menu-holder ul li a .icon-holder.first {
            background: url("../images/icons/inner-menu/in-icon-menu-1-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.second {
            background: url("../images/icons/inner-menu/in-icon-menu-2-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.third {
            background: url("../images/icons/inner-menu/in-icon-menu-3-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.fourth {
            background: url("../images/icons/inner-menu/in-icon-menu-4-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.fifth {
            background: url("../images/icons/inner-menu/in-icon-menu-5-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.sixth {
            background: url("../images/icons/inner-menu/in-icon-menu-6-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.acc.first {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-1-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.acc.second {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-2-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.acc.third {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-3-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.acc.fourth {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-4-gray.png") center center no-repeat; }
          .inner-menu-holder ul li a .icon-holder.acc.fifth {
            background: url("../images/icons/inner-menu/account/acc-icon-menu-5-gray.png") center center no-repeat; }
          @media only screen and (max-width: 767px) {
            .inner-menu-holder ul li a .icon-holder {
              display: none; } }
        .inner-menu-holder ul li a p {
          padding: 0 34px;
          margin-top: 5px;
          font-size: 18px;
          line-height: 20px;
          font-weight: 900;
          color: #929396; }
          @media only screen and (max-width: 767px) {
            .inner-menu-holder ul li a p br {
              display: none; } }
          @media only screen and (max-width: 767px) {
            .inner-menu-holder ul li a p {
              margin-bottom: 0;
              padding: 0;
              font-weight: 400;
              line-height: 45px; } }

.footer {
  float: right;
  width: 100%;
  padding: 20px 0;
  background: #808285;
  color: #ffffff; }
  .footer .middle-footer {
    width: 100%;
    max-width: 808px;
    margin: 0 auto; }
    .footer .middle-footer .footer-menu {
      float: right;
      width: 100%; }
      .footer .middle-footer .footer-menu ul {
        list-style: none;
        float: right;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        .footer .middle-footer .footer-menu ul li {
          margin: 0 10px; }
          .footer .middle-footer .footer-menu ul li a {
            color: #ffffff; }
            .footer .middle-footer .footer-menu ul li a::after {
              content: "";
              width: 2px;
              position: relative;
              height: 12px;
              background: #ffffff;
              display: inline-block;
              margin-right: 15px; }
            .footer .middle-footer .footer-menu ul li a.last::after {
              width: 0; }
    .footer .middle-footer .footer-description-holder {
      float: right;
      width: 100%; }
      @media only screen and (max-width: 767px) {
        .footer .middle-footer .footer-description-holder {
          padding: 0 15px; } }
      .footer .middle-footer .footer-description-holder p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 1.1;
        text-align: center; }

#exampleModal .modal-content {
  border-radius: unset; }
#exampleModal .modal-header {
  padding: 10px 20px;
  background: #d7d3cb;
  border: 0;
  border-radius: unset; }
  #exampleModal .modal-header .modal-title {
    color: #6B6965;
    font-weight: 700; }
  #exampleModal .modal-header .close {
    padding: 10px; }
#exampleModal .modal-body {
  padding: 0; }
  #exampleModal .modal-body figure {
    margin: 0; }
  #exampleModal .modal-body video {
    float: right;
    width: 100%; }
  #exampleModal .modal-body .controlls-holder {
    float: right;
    width: 100%;
    background: #6B6965; }

.main-box {
  float: right;
  width: 100%;
  background: #f5f9f9;
  padding: 40px 52px 40px;
  margin-bottom: 150px; }

@media only screen and (max-width: 480px) {
  .main-box {
    padding: 40px 20px 40px; } }
.main-box h1, .main-box h2 {
  font-size: 26px;
  line-height: 28px;
  font-weight: 900;
  margin-bottom: 20px;
  color: #006774; }

.send_lead {
  float: right;
  width: 100%; }
  .send_lead .field-box {
    float: right;
    width: 50%;
    margin-top: 15px;
    clear: both; }
    .send_lead .field-box label {
      float: right;
      width: 100%;
      margin-bottom: 0;
      margin-right: 10px;
      font-size: 18px;
      color: #58595b;
      font-weight: bold;
      padding: 0; }
    .send_lead .field-box input {
      float: right;
      width: 100%;
      border-radius: 416px;
      border: 2px solid #58595b;
      display: block;
      height: calc(2.25rem + 2px);
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #495057;
      background-color: #fff;
      background-clip: padding-box;
      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; }
  .send_lead .description {
    float: right;
    width: 100%;
    margin-top: 15px; }
    .send_lead .description p {
      margin-bottom: 5px;
      line-height: 20px; }
  .send_lead button {
    width: 110px;
    float: right;
    height: 38px;
    margin-top: 10px;
    line-height: 38px;
    text-align: center;
    border: 0;
    border-radius: 416px;
    color: #ffffff;
    background: #006373;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer; }

label.error {
  font-size: 80% !important;
  color: #dc3545 !important;
  display: block; }

.main-box .info-holder {
  float: right;
  width: 100%; }

.main-box .info-holder .bottom {
  float: right;
  width: 100%; }

.main-box .info-holder .bottom .form-box form {
  float: right;
  width: 44%;
  padding-right: 45px; }

@media only screen and (max-width: 767px) {
  .main-box .info-holder .bottom .form-box form {
    width: 100%;
    padding-right: 0; } }
.main-box .info-holder .bottom .form-box form .form-group {
  float: right;
  width: 100%;
  margin-bottom: 20px;
  padding: 0 8px; }

@media only screen and (max-width: 640px) {
  .main-box .info-holder .bottom .form-box form .form-group {
    width: 100%;
    margin-bottom: 15px; } }
.main-box .info-holder .bottom .form-box form .form-group .icon-holder-box {
  float: right; }

@media only screen and (max-width: 640px) {
  .main-box .info-holder .bottom .form-box form .form-group .icon-holder-box {
    width: 100%;
    text-align: center; } }
.main-box .info-holder .bottom .form-box form .form-group .fields-holder {
  float: left;
  width: 75%; }

@media only screen and (max-width: 640px) {
  .main-box .info-holder .bottom .form-box form .form-group .fields-holder {
    width: 100%; } }
.main-box .info-holder .bottom .form-box form .form-group .fields-holder .field-box {
  width: 100%;
  margin-top: 15px; }

@media only screen and (max-width: 640px) {
  .main-box .info-holder .bottom .form-box form .form-group .fields-holder .field-box {
    width: 100%; } }
.main-box .info-holder .bottom .form-box form .form-group .fields-holder .field-box.first {
  float: right;
  margin-top: 0; }

.main-box .info-holder .bottom .form-box form .form-group .fields-holder .field-box.second {
  float: left; }

.main-box .info-holder .bottom .form-box form .form-group .fields-holder .field-box.check {
  margin-top: 20px; }

.main-box .info-holder .bottom .form-box form .form-group .fields-holder .field-box.check label {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  vertical-align: middle;
  margin-bottom: 0;
  line-height: 18px; }

.main-box .info-holder .bottom .form-box form .form-group .fields-holder .field-box.check label input {
  width: unset;
  height: auto;
  position: absolute;
  margin: 3px -20px 0 0;
  line-height: normal; }

.main-box .info-holder .bottom .form-box form .form-group.last {
  float: right; }

.main-box .info-holder .bottom .form-box form .form-group.last button {
  display: block;
  float: unset;
  width: 50%;
  margin: 20px auto 0; }

@media only screen and (max-width: 640px) {
  .main-box .info-holder .bottom .form-box form .form-group.last button {
    width: 46%;
    margin-top: 15px; } }
.main-box .info-holder .bottom .form-box form .form-group label {
  float: right;
  width: 100%;
  margin-bottom: 0;
  margin-right: 10px;
  font-size: 18px;
  color: #58595b;
  font-weight: bold;
  padding: 0; }

.main-box .info-holder .bottom .form-box form .form-group input {
  float: right;
  width: 100%;
  border-radius: 416px;
  border: 2px solid #58595b; }

.main-box .info-holder .bottom .form-box form .form-group .error {
  font-size: 80%;
  color: #dc3545; }

.main-box .info-holder .bottom .form-box form button {
  float: right;
  width: 100%;
  height: 38px;
  line-height: 38px;
  text-align: center;
  border: 0;
  border-radius: 416px;
  color: #ffffff;
  background: #63656a;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer; }

.main-box .info-holder .bottom .form-box form button:hover {
  background: #006373; }

.main-box .info-holder {
  float: right;
  width: 100%; }

.main-box .info-holder .right {
  float: right;
  width: 36%; }

.main-box .info-holder-how-to .right {
  float: right;
  width: 58%; }
  @media only screen and (max-width: 767px) {
    .main-box .info-holder-how-to .right {
      width: 100%; } }

.main-box .info-holder-how-to .left {
  float: left;
  width: 36%; }
  @media only screen and (max-width: 767px) {
    .main-box .info-holder-how-to .left {
      float: right;
      width: 100%; } }

@media only screen and (max-width: 767px) {
  .main-box .info-holder .right {
    width: 100%; }

  .main-box .info-holder .right img {
    width: 100%;
    margin-bottom: 33px; } }
.main-box .info-holder .right img {
  width: 100%; }

.main-box .info-holder .left {
  float: left;
  width: 58%; }
  .main-box .info-holder .left img {
    float: left; }
  .main-box .info-holder .left ul {
    list-style: " - ";
    list-style-position: inside; }

.main-box .info-holder .left-q-a {
  float: left;
  width: unset; }

.main-box .info-holder .left-w-60 {
  float: left;
  width: 60%; }

@media only screen and (max-width: 767px) {
  .main-box .info-holder .left {
    float: right;
    width: 100%; } }
.main-box .info-holder .left h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
  color: #006373;
  margin: 25px 0 0; }

.main-box .info-holder .left p {
  font-size: 19px; }

.main-box .info-holder .mini-desc {
  float: left;
  width: 58%;
  padding-top: 10px;
  border-top: 1px solid #000000;
  text-align: left;
  direction: ltr;
  clear: both; }

@media only screen and (max-width: 767px) {
  .main-box .info-holder .mini-desc {
    width: 100%;
    margin-top: 35px; } }
.main-box .info-holder .mini-desc p {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 16px; }

.info-holder-mini-title {
  color: #482d8c;
  font-size: 24px;
  font-weight: bold; }

.main-box.dose_guide, .main-box.side_effects {
  margin-bottom: 30px; }

.main-box.how_to {
  margin-bottom: 0; }

.info-holder-how-to {
  float: right;
  width: 100%; }

.info-holder {
  float: right;
  width: 100%; }
  .info-holder h2 {
    font-size: 24px;
    font-weight: bold;
    color: #006774;
    margin-bottom: 0; }
  .info-holder .image-desc-holder {
    margin-bottom: 15px; }
    .info-holder .image-desc-holder .mobile {
      display: none; }
    @media only screen and (max-width: 640px) {
      .info-holder .image-desc-holder .desktop {
        display: none; }
      .info-holder .image-desc-holder .mobile {
        display: block;
        width: 100%; } }
  .info-holder p {
    font-size: 20px; }
  .info-holder p.last {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: bold; }

.dark-strip-holder {
  float: right;
  width: 100%;
  background: #e7e7e8;
  margin-bottom: 30px;
  padding: 28px 50px 26px 35px; }
  @media only screen and (max-width: 767px) {
    .dark-strip-holder {
      padding: 28px 35px 26px; } }
  .dark-strip-holder .right {
    float: right;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .dark-strip-holder .right {
        width: 100%;
        margin-bottom: 25px; } }
    .dark-strip-holder .right .top-holder {
      float: right;
      width: 100%;
      margin-bottom: 10px; }
      .dark-strip-holder .right .top-holder h3 {
        font-size: 20px;
        font-weight: bold;
        color: #006373;
        margin-top: 18px; }
      .dark-strip-holder .right .top-holder p {
        font-size: 20px;
        line-height: 24px; }
    .dark-strip-holder .right .bottom-holder {
      float: right;
      width: 100%; }
      .dark-strip-holder .right .bottom-holder .icon-holder {
        float: right;
        width: 10%; }
      .dark-strip-holder .right .bottom-holder .description-box {
        float: left;
        width: 90%; }
        .dark-strip-holder .right .bottom-holder .description-box h3 {
          font-size: 20px;
          font-weight: bold;
          color: #006373; }
        .dark-strip-holder .right .bottom-holder .description-box p {
          font-size: 20px;
          line-height: 24px; }
    .dark-strip-holder .right .button-holder-ru {
      float: right;
      width: 100%; }
      .dark-strip-holder .right .button-holder-ru a {
        float: left;
        text-align: center;
        padding: 9px 12px;
        line-height: 1.1;
        min-width: 235px;
        border: 1px solid #000000;
        display: inline-block;
        border-radius: 415px;
        color: #000000; }
        .dark-strip-holder .right .button-holder-ru a:hover {
          border: 0;
          background: #2a6271;
          color: #ffffff;
          text-decoration: underline; }
  .dark-strip-holder .left {
    float: left;
    width: 39%; }
    @media only screen and (max-width: 767px) {
      .dark-strip-holder .left {
        width: 100%; } }
    .dark-strip-holder .left img {
      width: 100%; }

.light-gray-box {
  float: right;
  width: 100%;
  background: #f6f6f6;
  padding: 34px 31px 36px;
  margin-bottom: 50px; }
  .light-gray-box.p_52 {
    padding: 34px 52px 36px; }
    @media only screen and (max-width: 767px) {
      .light-gray-box.p_52 {
        padding: 34px 20px 36px; } }
  .light-gray-box .right {
    float: right;
    width: 33%; }
    .light-gray-box .right .mobile {
      display: none; }
    @media only screen and (max-width: 767px) {
      .light-gray-box .right {
        width: 100%; }
        .light-gray-box .right .desktop {
          display: none; }
        .light-gray-box .right .mobile {
          display: block; } }
    .light-gray-box .right img {
      width: 100%; }
  .light-gray-box .left {
    float: right;
    width: 100%; }
    @media only screen and (max-width: 767px) {
      .light-gray-box .left {
        width: 100%; } }
    .light-gray-box .left .top-holder {
      float: right;
      width: 100%;
      margin-bottom: 10px; }
      .light-gray-box .left .top-holder h2 {
        font-size: 24px;
        font-weight: bold;
        color: #006373;
        margin-bottom: 20px; }
      .light-gray-box .left .top-holder ul li {
        font-size: 20px;
        line-height: 24px; }
    .light-gray-box .left .bottom-holder {
      float: right;
      width: 100%; }
      .light-gray-box .left .bottom-holder .icon-holder {
        float: right;
        width: 8%; }
        @media only screen and (max-width: 480px) {
          .light-gray-box .left .bottom-holder .icon-holder {
            width: 10%; } }
      .light-gray-box .left .bottom-holder .description-box {
        float: left;
        width: 92%; }
        @media only screen and (max-width: 480px) {
          .light-gray-box .left .bottom-holder .description-box {
            width: 88%; } }
        .light-gray-box .left .bottom-holder .description-box h3 {
          font-size: 20px;
          font-weight: bold; }
        .light-gray-box .left .bottom-holder .description-box p {
          font-size: 20px;
          line-height: 24px; }

.info-holder-how-to {
  float: right;
  width: 100%; }
  .info-holder-how-to .right {
    float: right;
    width: 58%; }
    @media only screen and (max-width: 767px) {
      .info-holder-how-to .right {
        width: 100%; } }
    .info-holder-how-to .right .description-box {
      float: right;
      width: 100%; }
      .info-holder-how-to .right .description-box h2 {
        font-size: 24px;
        font-weight: bold;
        color: #006774;
        margin-bottom: 0; }
      .info-holder-how-to .right .description-box .second_bold {
        font-size: 20px; }
      .info-holder-how-to .right .description-box p {
        font-size: 19px; }
        @media only screen and (max-width: 640px) {
          .info-holder-how-to .right .description-box p br {
            display: none; } }
  .info-holder-how-to .right-ru {
    float: right;
    width: 36%; }
    @media only screen and (max-width: 767px) {
      .info-holder-how-to .right-ru {
        width: 100%; } }
    .info-holder-how-to .right-ru .description-box {
      float: right;
      width: 100%; }
      .info-holder-how-to .right-ru .description-box h2 {
        font-size: 24px;
        font-weight: bold;
        color: #006774;
        margin-bottom: 0; }
      .info-holder-how-to .right-ru .description-box .second_bold {
        font-size: 20px; }
      .info-holder-how-to .right-ru .description-box p {
        font-size: 19px; }
        @media only screen and (max-width: 640px) {
          .info-holder-how-to .right-ru .description-box p br {
            display: none; } }
  .info-holder-how-to .left {
    float: left;
    width: 36%; }
    @media only screen and (max-width: 767px) {
      .info-holder-how-to .left {
        float: right;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .info-holder-how-to .left img {
        float: right;
        width: 100%; } }
  .info-holder-how-to .left-ru {
    float: left;
    width: 58%; }
    @media only screen and (max-width: 767px) {
      .info-holder-how-to .left-ru {
        float: right;
        width: 100%; } }
    @media only screen and (max-width: 767px) {
      .info-holder-how-to .left-ru img {
        float: right;
        width: 100%; } }

.video-strip {
  float: right;
  width: 100%;
  background: #ffffff;
  padding: 28px 0 26px 35px; }
  @media only screen and (max-width: 767px) {
    .video-strip {
      padding: 28px 35px 26px; } }
  .video-strip .right {
    float: right;
    width: 50%; }
    @media only screen and (max-width: 767px) {
      .video-strip .right {
        width: 100%;
        margin-bottom: 25px; } }
    .video-strip .right button {
      border: 0;
      cursor: pointer; }
    .video-strip .right img {
      width: 100%; }
  .video-strip .left {
    float: left;
    width: 39%;
    padding-top: 44px; }
    @media only screen and (max-width: 767px) {
      .video-strip .left {
        width: 100%; } }
    @media only screen and (max-width: 640px) {
      .video-strip .left {
        padding-top: 0; } }
    .video-strip .left h2 {
      font-size: 24px;
      font-weight: bold;
      color: #006774;
      margin-bottom: 0; }
    .video-strip .left p {
      font-size: 20px;
      line-height: 24px; }
  .video-strip .left-ru {
    float: left;
    width: 39%; }
    @media only screen and (max-width: 767px) {
      .video-strip .left-ru {
        width: 100%; } }
    @media only screen and (max-width: 640px) {
      .video-strip .left-ru {
        padding-top: 0; } }
    .video-strip .left-ru h2 {
      font-size: 24px;
      font-weight: bold;
      color: #006774;
      margin-bottom: 0; }
    .video-strip .left-ru p {
      font-size: 20px;
      line-height: 24px; }

.dark-gray-box {
  float: right;
  width: 100%;
  background: #e7e7e8;
  padding: 50px 232px 36px 86px;
  margin-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .dark-gray-box {
      padding: 50px 60px 35px 86px; } }
  @media only screen and (max-width: 640px) {
    .dark-gray-box {
      float: right;
      padding: 30px 38px 35px; } }
  .dark-gray-box .step-box {
    float: right;
    width: 100%;
    margin-bottom: 40px; }
    @media only screen and (max-width: 640px) {
      .dark-gray-box .step-box {
        margin-bottom: 30px; } }
    .dark-gray-box .step-box.first {
      margin-bottom: 0; }
    .dark-gray-box .step-box.last {
      margin-bottom: 0; }
    .dark-gray-box .step-box .right {
      float: right;
      width: 25%; }
      @media only screen and (max-width: 640px) {
        .dark-gray-box .step-box .right {
          float: right;
          width: 100%; } }
      @media only screen and (max-width: 640px) {
        .dark-gray-box .step-box .right img {
          float: right;
          width: 100%; } }
    .dark-gray-box .step-box .left {
      float: left;
      width: 68%; }
      @media only screen and (max-width: 640px) {
        .dark-gray-box .step-box .left {
          float: right;
          width: 100%;
          margin-bottom: 20px; } }
      .dark-gray-box .step-box .left h2 {
        font-size: 24px;
        font-weight: bold;
        color: #006774;
        margin-bottom: 20px; }
      .dark-gray-box .step-box .left h3 {
        font-size: 20px;
        font-weight: 900;
        margin-bottom: 0; }
      .dark-gray-box .step-box .left p {
        margin-bottom: 0; }

.circles {
  display: flex;
  margin-bottom: 40px; }
  @media only screen and (max-width: 600px) {
    .circles {
      display: block;
      margin-bottom: 70px; } }
  .circles .circle {
    padding: 0 16px;
    color: #482d8c;
    font-size: 20px;
    width: 100%;
    font-weight: bold;
    text-align: center; }
    @media only screen and (max-width: 600px) {
      .circles .circle {
        padding: 0 16px;
        margin-bottom: 55px;
        color: #482d8c;
        font-size: 18px;
        font-weight: bold;
        text-align: center; } }
    @media only screen and (max-width: 767px) {
      .circles .circle .circle-img {
        float: unset !important;
        width: 55% !important; } }
    .circles .circle div {
      float: right;
      width: 100%;
      padding-top: 18px; }
      @media only screen and (max-width: 600px) {
        .circles .circle div {
          float: right;
          width: 100%;
          padding-top: 7px; } }

.sax-color {
  color: #482d8c; }

.font-size-24 {
  font-size: 24px; }

@media only screen and (max-width: 767px) {
  .img-res {
    width: 55% !important;
    margin: 0 auto;
    float: unset !important; } }

@media only screen and (max-width: 430px) {
  .img-res-mob {
    width: 100% !important;
    margin: 0 auto;
    float: unset !important; } }

.vid-section {
  background-color: white;
  text-align: center; }
  .vid-section button {
    cursor: pointer; }

.bg-white {
  background-color: white; }

.fs-20 {
  font-size: 20px; }

.howto-description {
  font-weight: bold;
  color: black;
  font-size: 20px; }

.howto-des-pic {
  float: left !important;
  width: 45% !important; }
  @media only screen and (max-width: 950px) {
    .howto-des-pic {
      width: 50%; } }
  @media only screen and (max-width: 767px) {
    .howto-des-pic {
      float: right !important;
      text-align: center !important;
      width: 90%;
      margin-bottom: 8px !important; } }
  @media only screen and (max-width: 950px) {
    .howto-des-pic {
      width: 90%; } }

.mt-40 {
  margin-top: 40px; }
  @media only screen and (max-width: 767px) {
    .mt-40 {
      margin-top: 40px;
      text-align: center !important; } }
  @media only screen and (max-width: 450px) {
    .mt-40 {
      margin-top: 25px;
      text-align: center !important; } }

.mt-55 {
  margin-top: 55px; }

.mt-80 {
  margin-top: 8%; }

.mt-7-5p {
  margin-top: 7.5%; }

.mt-7p {
  margin-top: 7%; }

.mt-6-5p {
  margin-top: 6.5%; }

.mt-5p {
  margin-top: 5%; }

@media only screen and (max-width: 950px) {
  .mt-4-mob {
    margin-top: 42px; } }

@media only screen and (max-width: 767px) {
  .mt-0-mob {
    margin-top: 0px; } }

.bg-greyish {
  background-color: #e7e7e8; }

.circle-letter {
  font-size: 20px;
  font-weight: bold;
  color: #3b256f; }

.link-underline {
  text-decoration: underline; }

.mr-15 {
  margin-right: 15px; }

.mb-0 {
  margin-bottom: 0px; }

.mt-20 {
  margin-top: 20px; }

@media only screen and (max-width: 767px) {
  .mt-30-m {
    margin-top: 30px; } }

.main-box.q_a {
  padding: 40px 44px 30px 25px;
  margin-bottom: 0; }

.q_a .info-holder .right {
  float: right;
  width: 36%; }
  @media only screen and (max-width: 640px) {
    .q_a .info-holder .right h1 {
      font-size: 26px; } }

.q_a_holder {
  float: right;
  width: 100%;
  margin-bottom: 40px; }
  .q_a_holder .accordion .card {
    border: 0;
    border-radius: unset; }
    .q_a_holder .accordion .card:nth-child(odd) {
      background: #e7e7e8; }
    .q_a_holder .accordion .card:nth-child(even) {
      background: #f6f6f6; }
    .q_a_holder .accordion .card .card-header {
      padding: 12px 44px; }
      .q_a_holder .accordion .card .card-header button {
        float: right;
        width: 100%;
        color: #006373;
        font-size: 24px;
        padding: 4px 0;
        font-style: normal;
        font-weight: bold;
        text-align: right; }
    .q_a_holder .accordion .card .card-body {
      padding: 12px 44px; }
      .q_a_holder .accordion .card .card-body ul {
        padding-right: 15px; }

.mini-desc {
  float: right;
  width: 100%;
  margin-bottom: 30px; }
  .mini-desc p {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 16px; }
    @media only screen and (max-width: 1100px) {
      .mini-desc p {
        padding: 0 35px; } }
    @media only screen and (max-width: 360px) {
      .mini-desc p {
        padding: 0 25px; } }

@media only screen and (max-width: 767px) {
  .main-box.q_a {
    padding: 40px 44px 30px; }

  .main-box .info-holder .right {
    width: 100%; }
    .main-box .info-holder .right p {
      font-size: 18px;
      line-height: 20px; }
  .main-box .info-holder .left {
    float: right;
    width: 100%; }
    .main-box .info-holder .left img {
      float: right;
      width: 100%; } }
@media only screen and (max-width: 640px) {
  .main-box.q_a {
    padding: 40px 35px 30px; }

  .q_a_holder .accordion .card .card-header {
    padding: 12px 35px; }
    .q_a_holder .accordion .card .card-header button {
      font-size: 20px; }
  .q_a_holder .accordion .card .card-body {
    padding: 12px 35px; }
    .q_a_holder .accordion .card .card-body p {
      font-size: 18px; } }
@media only screen and (max-width: 360px) {
  .main-box.q_a {
    padding: 40px 25px 30px; }

  .q_a_holder .accordion .card .card-header {
    padding: 10px 25px; }
    .q_a_holder .accordion .card .card-header button {
      font-size: 18px; }
  .q_a_holder .accordion .card .card-body {
    padding: 10px 25px; }
    .q_a_holder .accordion .card .card-body p {
      font-size: 16px; } }
.w-unset {
  width: unset; }

.fs-24 {
  font-size: 24px; }

.mb-150 {
  margin-bottom: 150px; }

.mb-10n-mob {
  margin-bottom: -10px; }

.q-header {
  padding: 30px 44px 0px 44px;
  font-weight: 800; }
  @media only screen and (max-width: 360px) {
    .q-header {
      padding: 30px 25px 0px 25px;
      font-weight: bold; } }

.q-footer {
  padding: 30px 44px 60px 44px; }

.go-wrap {
  text-align: center;
  margin-top: 27px;
  margin-bottom: 60px; }
  .go-wrap .go-primary {
    text-decoration: none;
    color: black;
    padding: 15px;
    text-align: center;
    border: 2px solid black;
    border-radius: 30px; }

.modal-body ul {
  list-style: inside; }

.bg-lighter {
  background-color: #f6f6f6; }

.main-box .info-holder .show_terms {
  float: right;
  width: 100%; }

.privacy_policy {
  float: right;
  width: 100%; }
  .privacy_policy p {
    line-height: 1.2; }

.pen-pic-div {
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .pen-pic-div {
      text-align: center; } }
  .pen-pic-div .pen-pic {
    width: 65% !important;
    border: 2px solid white;
    border-radius: 25px; }
    @media only screen and (max-width: 767px) {
      .pen-pic-div .pen-pic {
        width: 45% !important;
        border: 2px solid white;
        border-radius: 25px; } }
    @media only screen and (max-width: 450px) {
      .pen-pic-div .pen-pic {
        width: 55% !important;
        border: 2px solid white;
        border-radius: 25px; } }

.dose-week {
  text-align: center; }
  @media only screen and (max-width: 767px) {
    .dose-week img {
      margin: 20px 0; } }

.dose-week-q-a img {
  width: 60%; }
  @media only screen and (max-width: 767px) {
    .dose-week-q-a img {
      width: 70%; } }
  @media only screen and (max-width: 450px) {
    .dose-week-q-a img {
      width: 100%; } }

.tooltipster-box {
  background: #ffffff !important;
  border: 2px solid #DE1E0F !important; }

#tooltip_register ul, #tooltip_login ul {
  list-style: inside; }

.tooltipster-content {
  color: #000000 !important; }

.tooltipster-arrow-border {
  border-bottom-color: #DE1E0F !important;
  border-top-color: #DE1E0F !important; }

.tooltipster-arrow-background {
  border-bottom-color: #ffffff !important;
  border-top-color: #ffffff !important; }

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