.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 50px;
  opacity: 1; }

.flex-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column; }

.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end; }

.justify-content-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.col-sm-12 {
  padding: 0;
  overflow: auto; }

.row {
  margin: 0; }

form input {
  -webkit-user-select: text !important;
     -moz-user-select: text !important;
      -ms-user-select: text !important;
          user-select: text !important; }

.btn_orange {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  min-width: 136px;
  max-width: fit-content;
  /*max-width: 200px;*/
  height: 45px;
  background: #ffa901;
  -webkit-border-radius: 50px !important;
          border-radius: 50px !important;
  border: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-top: 10px;}

.orange_text {
  color: #ffa901; }

html {
  width: 100%;
  height: -webkit-calc(100% - 103px);
  height: calc(100% - 103px); }
  html body {
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    font-family: "Segoe UI", sans-serif;
    font-size: 16px;
    background: url("../images/bg_main.png");
    -webkit-background-size: cover;
            background-size: cover; }
    html body .container {
      max-width: 1680px;
      width: 100%;
      margin: 0 auto; }
    html body.projects__page {
      padding: 0;
      margin-top: 0;
      height: 100%;
      background: #fff; }
      html body.projects__page .projects__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: 100%;
        margin-top: 0;
        border-top: 2px solid #cfcfcf;
        overflow: hidden; }
        html body.projects__page .projects__wrapper .projects__sidebar {
          padding: 35px 45px;
          height: 100%;
          width: 300px;
          background: #252525;
          position: relative;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          overflow: auto; }
          html body.projects__page .projects__wrapper .projects__sidebar span.mobile__sidebar__icon {
            position: absolute;
            right: 7px;
            top: 15px;
            color: #fff;
            font-size: 20px;
            width: 30px;
            height: 30px;
            text-align: center;
            display: none; }
            html body.projects__page .projects__wrapper .projects__sidebar span.mobile__sidebar__icon i {
              font-size: 25px;
              -webkit-transition: all 0.6s;
              -o-transition: all 0.6s;
              transition: all 0.6s; }
          html body.projects__page .projects__wrapper .projects__sidebar h4 {
            padding: 10px 0;
            font-size: 18px;
            color: #9e9e9e;
            margin: 0;
            margin-bottom: 20px;
            position: relative;
            cursor: pointer; }
            html body.projects__page .projects__wrapper .projects__sidebar h4:after {
              position: absolute;
              display: block;
              content: '';
              background: url(../images/chewron.svg) no-repeat;
              -webkit-background-size: cover;
              background-size: cover;
              height: 22px;
              width: 22px;
              right: 0;
              top: 10px;
              -o-transition: all 0.4s;
              -webkit-transition: all 0.4s;
              transition: all 0.4s; }
            html body.projects__page .projects__wrapper .projects__sidebar h4.open:after {
              -webkit-transform: rotate(180deg);
                  -ms-transform: rotate(180deg);
                      transform: rotate(180deg);
              -webkit-transition: all 0.4s;
              -o-transition: all 0.4s;
              transition: all 0.4s; }
            html body.projects__page .projects__wrapper .projects__sidebar h4.open + .projects__list {
              height: auto;
              -o-transition: all 0.4s;
              -webkit-transition: all 0.4s;
              transition: all 0.4s; }
            html body.projects__page .projects__wrapper .projects__sidebar h4.add__user:after {
              display: none; }
            html body.projects__page .projects__wrapper .projects__sidebar h4.add__user span {
              font-weight: 600; }
          html body.projects__page .projects__wrapper .projects__sidebar .projects__list {
            display: block;
            position: relative;
            margin-top: 5px;
            list-style-type: none;
            padding-left: 15px;
            height: 0;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
            transition: all 0.4s;
            overflow: hidden; }
            html body.projects__page .projects__wrapper .projects__sidebar .projects__list .list__item {
              color: #fff;
              font-size: 16px;
              margin-bottom: 30px; }
        html body.projects__page .projects__wrapper .projects__content {
          overflow: auto;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          padding: 10px 15px; }
      html body.projects__page .side__block {
        display: none; }
      html body .white_background .projects__wrapper {
        align-items: flex-start;
        overflow: auto;
      }
      html body .white_background .projects__wrapper .projects__content {
        background-color: white;
        padding: 20px;
      }

.projects__content h1 {
  border-left: 3px solid #ffa701;
  padding: 8px 20px;
}
      html body .white_background .projects__wrapper .projects__content .projects__full{
        -padding: 50px 50px;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        margin-top: 50px;}
      html body .white_background .projects__wrapper .projects__content .projects__item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 2rem;
        flex: 0 0 160px;
        -overflow: auto;}
      html body .white_background .projects__wrapper .projects__content .projects__item img {
        width: 130px;
        height: 130px;
      }
      html body .white_background .projects__wrapper .projects__content .projects__item p {
        text-align: center;
      }
    html body header {
      width: 100%;
      height: 103px;
      background: #fff;
      color: #000;
      padding: 25px 120px 25px 115px; }
      html body header .container {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        html body header .container:before, html body header .container:after {
          display: none; }
        html body header .container .logo__block {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          cursor: pointer; }
          html body header .container .logo__block img {
            display: block;
            width: 52px;
            height: 55px; }
          html body header .container .logo__block span {
            text-transform: uppercase;
            font-weight: bold;
            margin-left: 18px;
            margin-top: 9px;
            font-size: 22px; }
        html body header .container .mobile__menu__wrapper {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-justify-content: space-around;
              -ms-flex-pack: distribute;
                  justify-content: space-around;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-left: 30px; }
          html body header .container .mobile__menu__wrapper .menu__wrapper {
            max-width: 600px;
            min-width: 500px; }
            html body header .container .mobile__menu__wrapper .menu__wrapper ul {
              padding-left: 0;
              list-style-type: none;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center; }
              html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list {
                margin-bottom: 0; }
                html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list li {
                  margin-left: 15px; }
                  html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list li a {
                    font-size: 18px;
                    color: #000;
                    text-transform: capitalize;
                    text-decoration: none;
                    cursor: pointer; }
          html body header .container .mobile__menu__wrapper .language__list {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            html body header .container .mobile__menu__wrapper .language__list .language__item {
              cursor: pointer; }
              html body header .container .mobile__menu__wrapper .language__list .language__item img {
                display: block;
                width: 46px;
                height: 24px; }
              html body header .container .mobile__menu__wrapper .language__list .language__item:first-child {
                margin-right: 10px; }
        html body header .container .mobile__menu__icon {
          display: none; }
          html body header .container .mobile__menu__icon span {
            display: block;
            width: 30px;
            height: 4px;
            margin-bottom: 4px;
            background: #ffa901; }
    html body .main-wrapper {
      margin-top: 115px; }
      html body .main-wrapper .side__block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        background: #fff;
        width: 300px;
        height: 520px;
        padding: 10px; }
        html body .main-wrapper .side__block img {
          height: 100%;
          width: 100%; }
      html body .main-wrapper .col-md-12 {
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        html body .main-wrapper .col-md-12 .main {
          max-width: 1320px;
          width: 100%;
          margin-right: 60px;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1; }
          html body .main-wrapper .col-md-12 .main .white__block {
            background: #fff;
            padding: 50px 70px 70px;
            margin: 0;
            margin-bottom: 50px; }
            html body .main-wrapper .col-md-12 .main .white__block h3 {
              font-size: 28px;
              font-weight: 600;
              border-left: 3px solid #ffa701;
              padding: 8px 20px;
              margin-bottom: 25px; }
            html body .main-wrapper .col-md-12 .main .white__block.sign__block p {
              margin-top: 40px;
              font-size: 18px; }
              html body .main-wrapper .col-md-12 .main .white__block.sign__block p .orange_text {
                font-size: 18px;
                display: -webkit-inline-box;
                display: -webkit-inline-flex;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                margin-left: 10px; }
            html body .main-wrapper .col-md-12 .main .white__block.sign__block .textarea__wrapper {
              height: 169px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column; }
              html body .main-wrapper .col-md-12 .main .white__block.sign__block .textarea__wrapper textarea {
                border: none;
                border-bottom: 2px solid #676767;
                -webkit-box-shadow: none;
                        box-shadow: none;
                -webkit-border-radius: 0;
                        border-radius: 0;
                padding: 0;
                min-height: 45px; }
                html body .main-wrapper .col-md-12 .main .white__block.sign__block .textarea__wrapper textarea::-moz-placeholder {
                  /* Mozilla Firefox 19+ */
                  color: #676767; }
                html body .main-wrapper .col-md-12 .main .white__block.sign__block .textarea__wrapper textarea::-webkit-scrollbar {
                  display: none; }
                html body .main-wrapper .col-md-12 .main .white__block.sign__block .textarea__wrapper textarea::-webkit-input-placeholder {
                  /* Webkit */
                  color: #676767; }
                html body .main-wrapper .col-md-12 .main .white__block.sign__block .textarea__wrapper textarea:-ms-input-placeholder {
                  /* IE */
                  color: #676767; }
            html body .main-wrapper .col-md-12 .main .white__block.sign__block.sign__up .custom-checkbox {
              font-size: 18px; }
              html body .main-wrapper .col-md-12 .main .white__block.sign__block.sign__up .custom-checkbox a.orange_text {
                color: #ffa901;
                text-decoration: none; }
                html body .main-wrapper .col-md-12 .main .white__block.sign__block.sign__up .custom-checkbox a.orange_text:hover {
                  color: #ffa901;
                  opacity: 0.8; }
            html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column {
              position: relative;
              -webkit-box-flex: 1;
              -webkit-flex: 1;
                  -ms-flex: 1;
                      flex: 1; }
              html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap {
                width: -webkit-fit-content;
                width: -moz-fit-content;
                width: fit-content;
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center;
                max-width: 290px; }
                html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap p {
                  text-align: center; }
                html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap > img {
                  max-width: 135px; }
                html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap img {
                  display: block;
                  margin-top: 20px; }
                html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route {
                  position: absolute;
                  left: 210px;
                  top: auto;
                  bottom: -135px;
                  height: 150px;
                  -webkit-transform: rotate(5deg);
                      -ms-transform: rotate(5deg);
                          transform: rotate(5deg); }
                html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .second_route {
                  position: absolute;
                  -webkit-transform: rotate(100deg);
                      -ms-transform: rotate(100deg);
                          transform: rotate(100deg);
                  top: -125px;
                  right: -100px; }
                html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
                  position: absolute;
                  top: -180px;
                  left: 220px; }
            html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row.align-items-end .flex-column {
              -webkit-box-align: end;
              -webkit-align-items: flex-end;
                  -ms-flex-align: end;
                      align-items: flex-end;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                  -ms-flex-pack: center;
                      justify-content: center; }
              html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row.align-items-end .flex-column .inner_wrap {
                -webkit-box-orient: vertical;
                -webkit-box-direction: reverse;
                -webkit-flex-direction: column-reverse;
                    -ms-flex-direction: column-reverse;
                        flex-direction: column-reverse; }
                html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row.align-items-end .flex-column .inner_wrap img {
                  margin-bottom: 40px; }
            html body .main-wrapper .col-md-12 .main .white__block.our_services p, html body .main-wrapper .col-md-12 .main .white__block.about_us p {
              margin-bottom: 23px;
              font-size: 20px;
              color: #676767; }
              html body .main-wrapper .col-md-12 .main .white__block.our_services p.p_bold, html body .main-wrapper .col-md-12 .main .white__block.about_us p.p_bold {
                font-weight: 600;
                color: #000; }
            html body .main-wrapper .col-md-12 .main .white__block.our_services input[type=submit], html body .main-wrapper .col-md-12 .main .white__block.about_us input[type=submit] {
              width: 220px;
              margin: 0 auto; }
            html body .main-wrapper .col-md-12 .main .white__block.news__page {
              /*Read News page*/ }
              html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex; }
                html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__img {
                  width: 350px;
                  height: 350px; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__img img {
                    display: block;
                    width: 350px;
                    height: 350px; }
                html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__info {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                  -webkit-flex-direction: column;
                      -ms-flex-direction: column;
                          flex-direction: column;
                  margin-left: 30px; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__info .status {
                    font-size: 16px;
                    font-weight: 600; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__info .news__date {
                    font-size: 12px;
                    font-weight: 300;
                    margin-bottom: 20px; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__info .news__title {
                    font-size: 26px;
                    font-weight: 600;
                    margin-bottom: 30px;
                    line-height: 1; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__info .news__content {
                    font-size: 16px;
                    margin-bottom: 20px; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__info .read__more {
                    margin-top: auto;
                    text-decoration: underline;
                    cursor: pointer;
                    font-weight: 600; }
              html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                -webkit-flex-wrap: wrap;
                    -ms-flex-wrap: wrap;
                        flex-wrap: wrap;
                margin-top: 45px;
                border-top: 1px solid #707070;
                padding-top: 45px; }
                html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news .news__item {
                  width: 225px;
                  margin-bottom: 30px; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news .news__item .news__img {
                    width: 100%;
                    height: 225px;
                    margin-bottom: 5px; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news .news__item .status {
                    font-size: 16px;
                    font-weight: 600; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news .news__item .news__date {
                    font-size: 12px;
                    font-weight: 300;
                    margin-bottom: 10px; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news .news__item .news__title {
                    font-size: 20px;
                    font-weight: 600;
                    margin-bottom: 5px;
                    line-height: 1; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news .news__item .news__content {
                    font-size: 16px;
                    margin-bottom: 15px;
                    max-height: 64px;
                    overflow: hidden; }
                  html body .main-wrapper .col-md-12 .main .white__block.news__page .latest__news .news__item .read__more {
                    margin-top: auto;
                    text-decoration: underline;
                    cursor: pointer;
                    font-weight: 600; }
              html body .main-wrapper .col-md-12 .main .white__block.news__page.read__news .news__details {
                display: block; }
                html body .main-wrapper .col-md-12 .main .white__block.news__page.read__news .news__details .news__img {
                  width: 350px;
                  height: 350px;
                  float: left;
                  margin: 0 30px 30px 0; }
                html body .main-wrapper .col-md-12 .main .white__block.news__page.read__news .news__details .news__info {
                  width: auto;
                  display: block;
                  margin-left: 0; }
            html body .main-wrapper .col-md-12 .main .white__block.contact__us .contact__us__content {
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex; }
              html body .main-wrapper .col-md-12 .main .white__block.contact__us .contact__us__content form {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                    -ms-flex-pack: justify;
                        justify-content: space-between;
                width: 100%; }
                html body .main-wrapper .col-md-12 .main .white__block.contact__us .contact__us__content form input {
                  margin-bottom: 15px; }
                html body .main-wrapper .col-md-12 .main .white__block.contact__us .contact__us__content form .login-button {
                  margin-top: auto; }
            html body .main-wrapper .col-md-12 .main .white__block.new__project .flex-column.form__col {
              max-width: 460px;
              width: 100%;
              -webkit-box-flex: 1;
              -webkit-flex: 1;
                  -ms-flex: 1;
                      flex: 1; }
    html body form .form__col {
      max-width: 460px;
      width: 100%; }
      html body form .form__col select#workingHoursStart_hour, html body form .form__col select#workingHoursEnd_hour {
        margin-right: 5px; }
      html body form .form__col select#workingHoursStart_minute, html body form .form__col select#workingHoursEnd_minute {
        margin-left: 5px; }
    html body form label {
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 3px; }
    html body form input {
      height: 46px;
      padding-left: 0;
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      -webkit-border-radius: 0;
              border-radius: 0;
      border-bottom: 2px solid #676767;
      font-size: 18px; }
      html body form input.btn_orange {
        margin-top: 10px;
        width: 335px; }
    html body .gate__wrapper {
      margin-top: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      html body .gate__wrapper div[id^="gate"] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        html body .gate__wrapper div[id^="gate"] .form-group {
          border: 2px solid #676767;
          -webkit-border-radius: 5px;
                  border-radius: 5px;
          width: 100%;
          min-width: 100%;
          max-width: 100%;
          -webkit-box-flex: 1;
          -webkit-flex: 1;
              -ms-flex: 1;
                  flex: 1;
          margin-bottom: 2%;
          padding: 10px; }
          html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
                -ms-flex-direction: row;
                    flex-direction: row;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
                -ms-flex-align: start;
                    align-items: flex-start;
            width: 100%; }
            html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group {
              border: none;
              width: 100%;
              min-width: 30%;
              max-width: 30%;
              margin-right: 3%; }
              html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper {
                min-width: 100%;
                width: 100%;
                margin-right: 0;
                padding: 0; }
                html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] {
                  display: -webkit-box;
                  display: -webkit-flex;
                  display: -ms-flexbox;
                  display: flex;
                  -webkit-flex-wrap: wrap;
                      -ms-flex-wrap: wrap;
                          flex-wrap: wrap; }
                  html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] > .form-group {
                    border: 1px solid #676767;
                    -webkit-border-radius: 5px;
                            border-radius: 5px;
                    min-width: 30%;
                    max-width: 30%;
                    width: 100%; }
                    html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] > .form-group > div[id^="gate_"] .form-group {
                      max-width: 96%;
                      min-width: 96%;
                      width: 100%; }
                    html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] > .form-group > div[id^="gate_"] .btn_orange {
                      height: 34px;
                      margin: 15px auto 10px;
                      font-size: 16px;
                      text-align: center; }
          html body .gate__wrapper div[id^="gate"] .form-group .btn_orange {
            margin-bottom: 10px; }

@media (max-width: 1600px) {
  html body header {
    padding: 25px 50px; }
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route {
    height: 130px;
    -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
            transform: rotate(7deg);
    left: 205px; }
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
    height: 135px;
    -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
            transform: rotate(7deg);
    top: -155px;
    left: 211px; } }

@media (max-width: 1550px) {
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route {
    height: 130px;
    -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
            transform: rotate(7deg);
    left: 205px;
    bottom: -110px; }
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
    height: 55%;
    -webkit-transform: rotate(9deg);
        -ms-transform: rotate(9deg);
            transform: rotate(9deg);
    top: -155px;
    left: 204px; } }

@media (max-width: 1400px) {
  html body header {
    padding: 25px 35px; }
  html body .main-wrapper {
    margin-top: 75px; }
    html body .main-wrapper .col-md-12 .main {
      margin-right: 30px; }
      html body .main-wrapper .col-md-12 .main .white__block {
        padding: 40px; }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
          left: 205px;
          top: -165px;
          -webkit-transform: rotate(10deg);
              -ms-transform: rotate(10deg);
                  transform: rotate(10deg); } }

@media (max-width: 1350px) {
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route {
    height: 115px;
    left: 200px;
    bottom: -107px;
    -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
            transform: rotate(10deg); }
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .second_route {
    top: -137px;
    right: -120px;
    height: 170px;
    -webkit-transform: rotate(100deg);
        -ms-transform: rotate(100deg);
            transform: rotate(100deg); } }

@media (max-width: 1300px) {
  .main-sign-in-button {
    font-size: 16px;
    width: 100px;
    height: 38px; }
}

@media (max-width: 1465px) {
  html body header .container .logo__block img {
    width: 45px;
    height: 45px; }
  html body header .container .logo__block span {
    margin-left: 10px;
    font-size: 20px; }
  html body header .container .mobile__menu__wrapper {
    margin-left: 15px; }
    html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list li {
      margin-left: 5px; }
      html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list li a {
        font-size: 16px; }
    html body header .container .mobile__menu__wrapper .language__list .language__item img {
      width: 32px;
      height: 20px; }
    html body header .container .mobile__menu__wrapper .header-user-name .dropdown h4 {
      font-size: 15px; }
  html body .main-wrapper {
    padding: 10px;
    margin-top: 40px; }
    html body .main-wrapper .col-md-12 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      html body .main-wrapper .col-md-12 .main .white__block form .form__col {
        max-width: 420px; }
        html body .main-wrapper .col-md-12 .main .white__block form .form__col select#workingHoursStart_hour, html body .main-wrapper .col-md-12 .main .white__block form .form__col select#workingHoursEnd_hour {
          margin-right: 0; }
        html body .main-wrapper .col-md-12 .main .white__block form .form__col select#workingHoursStart_minute, html body .main-wrapper .col-md-12 .main .white__block form .form__col select#workingHoursEnd_minute {
          margin-left: 0; }
      html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%; }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route {
          height: 135px;
          left: 148px;
          bottom: -160px;
          -webkit-transform: rotate(183deg);
              -ms-transform: rotate(183deg);
                  transform: rotate(183deg); }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .second_route {
          -webkit-transform: rotate(94deg);
              -ms-transform: rotate(94deg);
                  transform: rotate(94deg);
          top: -122px;
          right: -106px;
          height: 145px; }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
          -webkit-transform: rotate(3deg);
              -ms-transform: rotate(3deg);
                  transform: rotate(3deg);
          top: -160px;
          left: 215px; }
      html body .main-wrapper .col-md-12 .side__block {
        margin-bottom: 15px;
        margin-bottom: 15px;
        height: 200px;
        width: 100%; }
  html body form .form__col {
    max-width: 400px;
    width: 100%; } }

@media (max-width: 1100px) {
  html body header .container .logo {
    font-size: 18px; }
    html body header .container .logo span {
      margin-top: 0; }
  html body header .container .mobile__menu__wrapper .language__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 5px; }
    html body header .container .mobile__menu__wrapper .language__list .language__item:first-child {
      margin-right: 0;
      margin-bottom: 5px; }
  html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    margin-bottom: 0; }
    html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list li a {
      font-size: 16px; }
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; }
    html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route {
      left: 128px; }
    html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .second_route {
      top: -125px;
      right: -105px; }
    html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
      -webkit-transform: rotate(4deg);
          -ms-transform: rotate(4deg);
              transform: rotate(4deg);
      top: -150px;
      left: 220px; } }

@media (max-width: 1024px) {
  html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%; } }

@media (max-width: 992px) {
  html body {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s; }
    html body.open {
      -webkit-transform: translate(-300px, 0);
          -ms-transform: translate(-300px, 0);
              transform: translate(-300px, 0); }
    html body header {
      z-index: 9;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      padding: 15px;
      height: 80px;
      -webkit-box-shadow: 0 1px 7px 1px rgba(197, 197, 197, 0.7);
              box-shadow: 0 1px 7px 1px rgba(197, 197, 197, 0.7); }
      html body header .container {
        padding: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        html body header .container .logo__block img {
          width: 45px;
          height: 46px; }
        html body header .container .logo__block span {
          font-size: 20px; }
        html body header .container .mobile__menu__wrapper {
          padding-top: 30px;
          border-left: 2px solid #cfcfcf;
          width: 300px;
          position: absolute;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -webkit-flex-direction: column-reverse;
              -ms-flex-direction: column-reverse;
                  flex-direction: column-reverse;
          -webkit-box-pack: end;
          -webkit-justify-content: flex-end;
              -ms-flex-pack: end;
                  justify-content: flex-end;
          height: 100vh;
          background: #fff;
          z-index: 9999;
          right: -300px;
          top: 0; }
          html body header .container .mobile__menu__wrapper .menu__wrapper {
            min-width: 1px;
            max-width: auto; }
          html body header .container .mobile__menu__wrapper .main-sign-in-button {
            margin-bottom: 30px; }
          html body header .container .mobile__menu__wrapper .language__list {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
                -ms-flex-direction: row;
                    flex-direction: row;
            margin-bottom: 30px;
            margin-right: 0; }
            html body header .container .mobile__menu__wrapper .language__list .language__item {
              margin-bottom: 0; }
              html body header .container .mobile__menu__wrapper .language__list .language__item:first-child {
                margin-bottom: 0;
                margin-right: 5px; }
          html body header .container .mobile__menu__wrapper .menu__wrapper ul.menu__list {
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
                -ms-flex-direction: column;
                    flex-direction: column; }
        html body header .container .menu__wrapper ul.menu__list .list__item {
          width: 100px;
          margin-bottom: 15px; }
          html body header .container .menu__wrapper ul.menu__list .list__item a {
            width: 100%;
            display: block;
            text-align: center;
            font-weight: 600; }
        html body header .container .mobile__menu__icon {
          margin-top: 12px;
          display: block; }
        html body header .container .language__list .language__item:first-child {
          margin-bottom: 0;
          margin-right: 5px; }
    html body .main-wrapper {
      padding: 10px;
      margin-top: 40px; }
      html body .main-wrapper .col-md-12 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse; }
        html body .main-wrapper .col-md-12 .side__block {
          margin-bottom: 15px;
          height: 200px;
          width: 100%; }
        html body .main-wrapper .col-md-12 .main .white__block {
          text-align: center; }
          html body .main-wrapper .col-md-12 .main .white__block form .form__col {
            max-width: 350px; }
          html body .main-wrapper .col-md-12 .main .white__block h3 {
            font-size: 24px;
            position: relative;
            border-left: none;
            margin-bottom: 30px;
            padding-bottom: 20px; }
            html body .main-wrapper .col-md-12 .main .white__block h3:before {
              content: '';
              position: absolute;
              display: block;
              width: 50px;
              height: 3px;
              bottom: 0;
              left: 50%;
              margin-left: -25px;
              background: #ffa701; }
          html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap {
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%; }
          html body .main-wrapper .col-md-12 .main .white__block.our_services p {
            font-size: 16px; }
    html body.projects__page .projects__wrapper .projects__sidebar {
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      left: -255px;
      position: fixed;
      z-index: 99; }
      html body.projects__page .projects__wrapper .projects__sidebar span.mobile__sidebar__icon {
        display: block; }
    html body.projects__page .projects__wrapper .projects__content {
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      padding-left: 55px;
      overflow: auto;
      display: flex;
      flex-wrap: nowrap;
      align-items: flex-start;
      -justify-content: space-between;}
      html body.projects__page .projects__wrapper .projects__content .btn,
      html body.projects__page .projects__wrapper .projects__content .btn.btn_orange {
        height: 34px;
        margin: 10px auto 10px;
        font-size: 16px;
        text-align: center;
        ; }
    html body.projects__page.open__project__menu .projects__sidebar {
      -webkit-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      left: 0; }
      html body.projects__page.open__project__menu .projects__sidebar span.mobile__sidebar__icon {
        display: block; }
        html body.projects__page.open__project__menu .projects__sidebar span.mobile__sidebar__icon i {
          -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
                  transform: rotate(180deg); }
    html body.projects__page.open__project__menu .projects__content {
      position: relative; }
    html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group {
      min-width: 30%;
      max-width: 30%; }
      html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] > .form-group {
        min-width: 30%;
        max-width: 30%; } }

@media (max-width: 768px) {
  html body .main-wrapper {
    margin-top: 10px; }
    html body .main-wrapper .col-md-12 {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
          -ms-flex-direction: column-reverse;
              flex-direction: column-reverse; }
      html body .main-wrapper .col-md-12 .main .white__block {
        padding: 20px; }
        html body .main-wrapper .col-md-12 .main .white__block.sign__block form {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; }
          html body .main-wrapper .col-md-12 .main .white__block.sign__block form .form__col {
            max-width: 100%;
            width: 100%; }
            html body .main-wrapper .col-md-12 .main .white__block.sign__block form .form__col label {
              text-align: left; }
            html body .main-wrapper .col-md-12 .main .white__block.sign__block form .form__col .login-button {
              margin: auto; }
        html body .main-wrapper .col-md-12 .main .white__block form .flex-row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-bottom: 0; }
          html body .main-wrapper .col-md-12 .main .white__block form .flex-row .form__col {
            width: 100%;
            max-width: 100%;
            margin-bottom: 10px; }
            html body .main-wrapper .col-md-12 .main .white__block form .flex-row .form__col label {
              text-align: left; }
        html body .main-wrapper .col-md-12 .main .white__block form input.btn_orange {
          width: 100%;
          margin-right: 0; }
        html body .main-wrapper .col-md-12 .main .white__block form .btn {
          height: 34px;
          margin: 10px auto 10px;
          font-size: 16px;
          text-align: center;
          width: 50%; }
          html body .main-wrapper .col-md-12 .main .white__block form .btn.btn_orange {
            margin: 10px auto;
            width: 50%; }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column; }
          html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row.mb110px {
            margin-bottom: 0; }
          html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column {
            margin-bottom: 30px;
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
            html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap {
              -webkit-box-orient: vertical;
              -webkit-box-direction: reverse;
              -webkit-flex-direction: column-reverse;
                  -ms-flex-direction: column-reverse;
                      flex-direction: column-reverse; }
              html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route,
              html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .second_route,
              html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
                display: none; }
              html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap img {
                margin-bottom: 20px; }
          html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row.align-items-end {
            -webkit-box-align: center;
            -webkit-align-items: center;
                -ms-flex-align: center;
                    align-items: center; }
        html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          html body .main-wrapper .col-md-12 .main .white__block.news__page .news__details .news__img {
            margin-bottom: 30px; }
  html body .btn_orange {
    width: 100%;
    margin-right: 0; }
  html body.projects__page .projects__wrapper .projects__content form .justify-content-between {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    html body.projects__page .projects__wrapper .projects__content form .justify-content-between .form__col {
      max-width: 100%; }
  html body .col-sm-6 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  html body .gate__wrapper div[id^="gate"] .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 100%;
    width: 100%;
    margin-bottom: 25px; }
    html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] {
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group {
        max-width: 45%;
        min-width: 45%;
        width: 45%; }
        html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper {
          margin-bottom: 0; }
          html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] > .form-group {
            min-width: 45%;
            max-width: 45%; }
  html body .btn_orange {
    height: 34px;
    margin: 15px auto 10px;
    font-size: 16px;
    text-align: center; } }

.side__block {
  margin-bottom: 15px;
  height: 200px;
  width: 100%; }

@media (max-width: 450px) {
  html body .main-wrapper .col-md-12 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
    html body .main-wrapper .col-md-12 .main .white__block {
      padding: 10px; }
      html body .main-wrapper .col-md-12 .main .white__block h3 {
        position: relative;
        border-left: none;
        margin-bottom: 30px;
        padding-bottom: 20px; }
        html body .main-wrapper .col-md-12 .main .white__block h3:before {
          content: '';
          position: absolute;
          display: block;
          width: 50px;
          height: 3px;
          bottom: 0;
          left: 50%;
          margin-left: -25px;
          background: #ffa701; }
      html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row.mb110px {
          margin-bottom: 0; }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column {
          margin-bottom: 30px; }
          html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
                -ms-flex-direction: column-reverse;
                    flex-direction: column-reverse; }
            html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .first_route,
            html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .second_route,
            html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap .third_route {
              display: none; }
            html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row .flex-column .inner_wrap img {
              margin-bottom: 20px; }
        html body .main-wrapper .col-md-12 .main .white__block.how_it_works .flex-row.align-items-end {
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
      html body .main-wrapper .col-md-12 .main .white__block.our_services p, html body .main-wrapper .col-md-12 .main .white__block.about_us p {
        font-size: 16px; }
        html body .main-wrapper .col-md-12 .main .white__block.our_services p.p_bold, html body .main-wrapper .col-md-12 .main .white__block.about_us p.p_bold {
          font-size: 18px; }
    html body .main-wrapper .col-md-12 .side__block {
      margin-bottom: 15px;
      height: 200px;
      width: 100%; }
  html body .gate__wrapper div[id^="gate"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
    html body .gate__wrapper div[id^="gate"] .form-group {
      min-width: 100%;
      margin-bottom: 25px; }
      html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group {
        min-width: 100%; }
        html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] > .form-group {
          min-width: 100%; }
          html body .gate__wrapper div[id^="gate"] .form-group > div[id^="gate"] .form-group.surface-wrapper > div[id^="gate_"] > .form-group > div[id^="gate_"] .form-group {
            min-width: 100%; } }

/*Custom Checkbox/Radio style*/
/* Customize the label (the container) */
.custom-checkbox {
  display: block;
  position: relative;
  padding-left: 45px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: normal !important; }

/* Hide the browser's default checkbox */
.custom-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 1px solid #676767; }

/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
  background-color: #000000; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
  left: 7px;
  top: 1px;
  width: 9px;
  height: 17px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

/*Custom class*/
.mt10px {
  margin-top: 10px; }

.mb110px {
  margin-bottom: 110px; }

.mt40px {
  margin-top: 40px; }

.ml40px {
  margin-left: 40px; }

.ml-45px {
  margin-left: -25px; }

.w100pr {
  max-width: 100% !important; }

.checkbox-row .remove-button {
  padding: 0 6px 4px 6px;
  cursor: pointer;
  color: grey;
}

.checkbox-row .remove-button:hover {
  color: red;
}