@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic,cyrillic-ext");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700,900");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic,cyrillic-ext");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  outline: none;
  font-family: 'Open Sans', sans-serif !important; }

h1, h2, h3, h4, h5, h6, p, ul {
  margin: 0 !important;
  padding: 0; }
#overlay_files {
	display: none;
}

.overlay_files {
 	display: block !important;
    text-align: center;
	margin: 10px 0;color: #888;
}
.type_file {color: #888; font-size: 12px; margin:0}
.spinne {
	width: 2rem;
    height: 2rem;
}

.overlay_files p {
	margin-top: 15px;
}
.card {
  border: none; }

a, input, button {
  transition: 0.5s; }
  a:hover, input:hover, button:hover {
    outline: none !important;
    text-decoration: none !important; }

.modal, .modal-content {
  border-radius: 0 !important; }

.page .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 4vh 4vh;
  background-color: #fff; }
  .page .header .logo {
    width: 300px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    z-index: 2;
    position: relative;
    height: 60px; }
    .page .header .logo img {
      width: auto;
      height: 100%; }
  .page .header .info .phone {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 2px 0; }
    .page .header .info .phone img {
      margin-right: 10px; }
    .page .header .info .phone a {
      color: #444;
      font-weight: 700;
      font-size: 20px; }
      .page .header .info .phone a:hover {
        color: #197BB9; }
  .page .header .info .location {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin: 2px 0; }
    .page .header .info .location img {
      margin-right: 10px; }
    .page .header .info .location a {
      color: #444;
      font-weight: 300;
      font-size: 16px; }
      .page .header .info .location a:hover {
        color: #197BB9; }

.page .main {
  background: url("../images/main_bg.jpg") no-repeat center center/cover;
  position: relative; }
  .page .main .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); }
  .page .main .main_cont {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    padding: 10vh 4vh; }
    .page .main .main_cont .cont {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      width: 100%; }
      .page .main .main_cont .cont .left_side {
        width: 100%;
        max-width: 800px; }
        .page .main .main_cont .cont .left_side h2 {
          font-family: 'Lato', sans-serif !important;
          color: #fff;
          font-size: 48px;
          font-weight: 700;
          padding-bottom: 20px; }
        .page .main .main_cont .cont .left_side .hr {
          padding: 20px 0; }
          .page .main .main_cont .cont .left_side .hr hr {
            width: 125px;
            height: 5px;
            background-color: #197BB9;
            border-color: #197BB9;
            border: none; }
        .page .main .main_cont .cont .left_side p {
          padding: 20px 0;
          color: #fff;
          font-size: 24px;
          font-weight: 300; }
        .page .main .main_cont .cont .left_side button {
          margin-top: 20px;
          width: 261px;
          height: 60px;
          -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
          box-shadow: 0 15px 30px rgba(0, 0, 0, 0.35);
          border-radius: 10px;
          background-color: #197BB9;
          border: none;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          color: #fff;
          font-family: 'Lato', sans-serif !important;
          font-size: 16px;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 1.4px;
          cursor: pointer; }
          .page .main .main_cont .cont .left_side button span {
            margin-right: 5px; }
          .page .main .main_cont .cont .left_side button:hover {
            background-color: #1c8acf; }
    .page .main .main_cont .arrow_down {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding-top: 5vh; }
      .page .main .main_cont .arrow_down img {
        width: 40px;
        height: auto;
        -webkit-animation: anim_arrow 10s ease infinite;
        animation: anim_arrow 10s ease infinite;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        cursor: pointer;
        opacity: 0.8; }
        .page .main .main_cont .arrow_down img:hover {
          opacity: 1; }

@-webkit-keyframes anim_arrow {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes anim_arrow {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.page .footer {
  background-color: #2c2d34;
  width: 100%;
  padding: 3vh 2vh; }
  .page .footer .top_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 2vh; }
    .page .footer .top_cont .logo {
      margin-right: 100px; }
      .page .footer .top_cont .logo a {
        color: #fff;
        font-family: 'Lato', sans-serif !important;
        font-size: 18px;
        font-weight: 700; }
    .page .footer .top_cont .fast_links ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .page .footer .top_cont .fast_links ul li {
        margin: 0 10px; }
        .page .footer .top_cont .fast_links ul li a {
          color: #eaeaea;
          font-size: 16px;
          font-weight: 300; }
          .page .footer .top_cont .fast_links ul li a:hover {
            color: #fff; }
    .page .footer .top_cont .soc_icons ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .page .footer .top_cont .soc_icons ul li {
        margin: 0 10px; }
        .page .footer .top_cont .soc_icons ul li a {
          display: block;
          width: 40px;
          height: 40px;
          border-radius: 50%;
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          background-color: #eaeaea; }
          .page .footer .top_cont .soc_icons ul li a:hover {
            background-color: #fff; }
  .page .footer .hr {
    margin: 20px auto;
    width: 100%;
    max-width: 1170px;
    padding: 0 2vh; }
    .page .footer .hr hr {
      width: 100%;
      height: 1px;
      background-color: #1e1e21;
      border: none; }
  .page .footer .bottom_cont {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 2vh; }
    .page .footer .bottom_cont .copyright {
      margin-right: 100px; }
      .page .footer .bottom_cont .copyright small {
        color: #eaeaea;
        font-size: 12px;
        font-weight: 300; }
    .page .footer .bottom_cont .policy ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
      .page .footer .bottom_cont .policy ul li {
        margin: 0 10px; }
        .page .footer .bottom_cont .policy ul li a {
          color: #eaeaea;
          font-size: 12px;
          font-weight: 300;
          border-bottom: 1px solid #eaeaea; }
          .page .footer .bottom_cont .policy ul li a:hover {
            border-bottom: 1px solid transparent; }

.modal_m#quiz_modal {
  display: none;
  position: fixed;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none; }
  .modal_m#quiz_modal::-webkit-scrollbar {
    width: 0; }
  .modal_m#quiz_modal .modal-content {
    width: 100%;
    border: none !important; }
    .modal_m#quiz_modal .modal-content .header {
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      padding: 2vh; }
      .modal_m#quiz_modal .modal-content .header .logo {
        width: 250px; }
        .modal_m#quiz_modal .modal-content .header .logo img {
          width: 100%;
          height: auto; }
    .modal_m#quiz_modal .modal-content .main_cont {
      background: url("../images/1/main_bg.png") no-repeat center center/cover;
      width: 100%;
      padding: 5vh;
      min-height: 100vh; }
      .modal_m#quiz_modal .modal-content .main_cont .top_cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .modal_m#quiz_modal .modal-content .main_cont .top_cont h3 {
          font-size: 40px;
          text-align: center;
          color: #444444; }
        .modal_m#quiz_modal .modal-content .main_cont .top_cont p {
          font-weight: 300;
          font-size: 24px;
          text-align: center; }
        .modal_m#quiz_modal .modal-content .main_cont .top_cont .hr {
          margin-top: 20px; }
          .modal_m#quiz_modal .modal-content .main_cont .top_cont .hr hr {
            width: 125px;
            height: 5px;
            background: #197BB9;
            border: none; }
      .modal_m#quiz_modal .modal-content .main_cont .cont {
        width: 100%; }
        .modal_m#quiz_modal .modal-content .main_cont .cont .questions {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          padding-bottom: 5vw;
          width: 100%; }
          .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question {
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog {
              width: 100%;
              max-width: 450px;
              margin: 20px 0; }
              .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog .status {
                font-weight: bold;
                font-size: 16px;
                letter-spacing: 1px;
                color: #000;
                display: flex;
                flex-direction: row;
                justify-content: center;
                align-items: center; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog .status .ques_count {
                  color: #bababa;
                  font-weight: bold;
                  font-size: 16px;
                  letter-spacing: 1px;
                  margin: 0 5px; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog .status .progress_per {
                  color: #f3594e;
                  font-weight: bold;
                  font-size: 16px;
                  letter-spacing: 1px;
                  margin: 0 5px; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog .status .progress_per.green {
                  color: #4fd58c; }
              .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog .bg_prog {
                width: 100%;
                background-color: #e0e0e0;
                border-radius: 10px;
                height: 15px; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog .bg_prog .progress_bar {
                  width: 8%;
                  height: 15px;
                  background: -webkit-gradient(linear, left top, right top, from(#ff2d53), color-stop(#5856d9), color-stop(#34aadc), color-stop(#0084ff), color-stop(#5ac8fa), to(#4cd969));
                  background: linear-gradient(to right, #ff2d53, #5856d9, #34aadc, #0084ff, #5ac8fa, #4cd969);
                  margin: 10px 0;
                  background-size: 450px 5px;
                  border-radius: 10px;
                  -webkit-transition: 0.5s;
                  transition: 0.5s; }
            .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c {
              width: 100%;
              max-width: 800px;
              display: flex;
              flex-direction: row;
              justify-content: flex-start;
              align-items: flex-start;
              height: 530px; }
              .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side {
                background-color: #fff;
                width: 50%;
                height: 100%;
                padding: 30px;
                position: relative; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side h4 {
                  font-size: 18px;
                  color: #444444;
                  padding-bottom: 40px; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp textarea {
                  width: 100%;
                  height: 100px;
                  background: #EEEEEE;
                  border: 1px solid #C4C4C4;
                  resize: none;
                  border-radius: 5px;
                  padding: 10px; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp input {
                  width: 100%;
                  border: 1px solid #C4C4C4;
                  border-radius: 5px;
                  padding: 10px 15px; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp input.error, .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp textarea.error {
                  border-color: #ff544d; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp input::-webkit-input-placeholder {
                  color: #c4c4c4; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp input:-ms-input-placeholder {
                  color: #c4c4c4; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp input::-ms-input-placeholder {
                  color: #c4c4c4; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .inp input::placeholder {
                  color: #c4c4c4; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container {
                  display: block;
                  position: relative;
                  margin-bottom: 20px;
                  cursor: pointer;
                  font-size: 22px;
                  -webkit-user-select: none;
                  -moz-user-select: none;
                  -ms-user-select: none;
                  user-select: none;
                  display: flex;
                  flex-direction: row;
                  justify-content: flex-start;
                  align-items: center;
                  z-index: 2; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container p {
                    font-size: 16px;
                    color: #000;
                    padding-top: 3px;
                    font-family: 'Roboto', sans-serif !important; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container input {
                    position: relative;
                    width: 30px;
                    opacity: 0; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container .checkmark {
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 25px;
                    width: 25px;
                    background-color: #eee;
                    border-radius: 50%;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container:hover input ~ .checkmark {
                    background-color: #ccc; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container input:checked ~ .checkmark {
                    background-color: #2196F3; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container .checkmark:after {
                    content: "";
                    position: absolute;
                    display: none; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container input:checked ~ .checkmark:after {
                    display: block; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .container .checkmark:after {
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                    background: white; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont {
                  bottom: 30px;
                  position: absolute;
                  left: 30px;
                  right: 30px; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .img {
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns {
                    width: 100%;
					height: 50px;
                    position: relative; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns .btn {
                      background-color: #009FE8;
                      border-radius: 5px;
                      position: absolute;
                      padding: 10px;
                      -webkit-transition: 0.5s;
                      transition: 0.5s;
                      cursor: pointer;
                      bottom: 0;
                      display: flex;
                      flex-direction: row;
                      justify-content: center;
                      align-items: center;
                      width: 50px;
                      height: 50px; }
                      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns .btn img {
                        width: 24px; }
                      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns .btn:hover {
                        background-color: #197BB9; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns .btn_next {
                      right: 0; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns .btn_prev {
                      left: 0; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns .btn_sub {
                      display: none; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .btns .btn_sub.active {
                      display: block; }
              .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side {
                background-color: #31B0EB;
                width: 50%;
                height: 100%; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont {
                  background-color: #f4f4f4;
                  padding: 30px;
                  position: relative;
                  display: flex;
                  flex-direction: row;
                  justify-content: flex-start;
                  align-items: center; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .ava {
                    width: 100px;
                    height: 100px;
                    border: 2px solid #fff;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                    -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
                    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
                    border-radius: 50%;
                    display: flex;
                    flex-direction: row;
                    justify-content: center;
                    align-items: center;
                    overflow: hidden; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .ava img {
                      width: 100%;
                      height: 100%; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .txt {
                    padding-left: 20px;
                    max-width: 260px; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .txt h4 {
                      font-size: 22px;
                      letter-spacing: 1px;
                      color: #fff; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .txt span {
                      color: #fff;
                      font-family: 'Roboto', sans-serif !important; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .txt a {
                      color: #fff;
                      font-family: 'Roboto', sans-serif !important; }
                      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .txt a:hover {
                        color: #e0e0e0; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .close {
                    position: absolute;
                    top: 20px;
                    right: 20px; }
                    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .close img {
                      opacity: 1;
                      -webkit-transition: 0.5s;
                      transition: 0.5s;
                      cursor: pointer; }
                      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .close img:hover {
                        opacity: 0.7; }
                .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .desc {
                  padding: 30px; }
                  .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .desc p {
                    color: #fff;
                    font-size: 14px;
                    font-family: 'Roboto', sans-serif !important;
                    padding: 10px 0; }
          .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question {
            display: none; }
          .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question.active {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
    .modal_m#quiz_modal .modal-content .success_cont {
      background: url("../images/1/main_bg.png") no-repeat center center/cover;
      width: 100%;
      padding: 5vh;
      min-height: 100vh;
      display: none; }
      .modal_m#quiz_modal .modal-content .success_cont .top_cont {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; }
        .modal_m#quiz_modal .modal-content .success_cont .top_cont h3 {
          font-size: 40px;
          text-align: center;
          color: #444444; }
        .modal_m#quiz_modal .modal-content .success_cont .top_cont p {
          font-weight: 300;
          font-size: 24px;
          text-align: center; }
        .modal_m#quiz_modal .modal-content .success_cont .top_cont .hr {
          margin-top: 20px; }
          .modal_m#quiz_modal .modal-content .success_cont .top_cont .hr hr {
            width: 125px;
            height: 5px;
            background: #197BB9;
            border: none; }
      .modal_m#quiz_modal .modal-content .success_cont .cont {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 5vw;
        height: 100%; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .c {
          width: 100%;
          max-width: 800px;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          height: 400px;
          background-color: #fff;
          margin: 20px auto;
          padding: 20px 40px;
          border: 1px solid #FFFFFF;
          -webkit-box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.2);
          position: relative; }
          .modal_m#quiz_modal .modal-content .success_cont .cont .c .close {
            position: absolute;
            top: 20px;
            right: 20px; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .c .close img {
              opacity: 1;
              -webkit-transition: 0.5s;
              transition: 0.5s;
              cursor: pointer; }
              .modal_m#quiz_modal .modal-content .success_cont .cont .c .close img:hover {
                opacity: 0.7; }
          .modal_m#quiz_modal .modal-content .success_cont .cont .c .line {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .l_side {
              width: 30%;
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center; }
              .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .l_side h5 {
                text-align: center;
                color: #444444;
                font-size: 24px; }
              .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .l_side span {
                text-align: center;
                color: #7adfa8; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .r_side {
              width: 65%; }
              .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .r_side p {
                font-size: 18px;
                color: #656B6F;
                padding-top: 20px; }
          .modal_m#quiz_modal .modal-content .success_cont .cont .c .hr {
            width: 100%;
            padding: 15px 0; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .c .hr hr {
              width: 100%;
              height: 1px;
              background: #C4C4C4;
              opacity: 0.5;
              border: none; }
          .modal_m#quiz_modal .modal-content .success_cont .cont .c ul {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .c ul li {
              margin-right: 10px; }
              .modal_m#quiz_modal .modal-content .success_cont .cont .c ul li a {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center; }
                .modal_m#quiz_modal .modal-content .success_cont .cont .c ul li a span {
                  color: #10a5ea;
                  padding: 0 5px;
                  text-decoration: underline; }
                  .modal_m#quiz_modal .modal-content .success_cont .cont .c ul li a span:hover {
                    color: #2d9cdb; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .btn {
          margin: 20px 0; }
          .modal_m#quiz_modal .modal-content .success_cont .cont .btn button {
            width: 360px;
            background: #197BB9;
            border-radius: 10px;
            padding: 15px;
            color: #fff;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            text-align: center;
            cursor: pointer;
            text-transform: uppercase;
            border: none; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .btn button span {
              font-size: 16px;
              letter-spacing: 0.05em;
              text-transform: uppercase;
              color: #FFFFFF;
              font-weight: bold; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .btn button img {
              margin: 0 5px;
              width: 15px;
              height: auto; }
            .modal_m#quiz_modal .modal-content .success_cont .cont .btn button:hover {
              background-color: #2d9cdb; }

#quiz_modal.active {
  display: block; }

.modal#success {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content/Box */ }
  .modal#success .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 60px 20px;
    border: 1px solid #888;
    width: 100%;
    /* Could be more or less, depending on screen size */
    max-width: 340px;
    min-height: 300px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .modal#success .modal-content h3 {
      text-transform: uppercase;
      color: #1ea86d;
      padding-bottom: 20px;
      text-align: center;
      font-size: 30px; }
    .modal#success .modal-content h6 {
      font-size: 18px;
      color: #888888;
      text-align: center; }
  .modal#success .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0.7;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    z-index: 5; }
    .modal#success .close:hover {
      opacity: 1; }
    .modal#success .close img {
      width: 30px;
      height: 30px; }
#files {font-size: 14px;color: #888;}
#files p {margin: 5px 0;}
#files :before {content: "Файлы: ";}
#files :after {content: " - успешно загружены";}
.close.double {display: none;}
@media (max-width: 575px) {
/*мои правки*/
.modal_m#quiz_modal .modal-content .header, .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont .img {display: none;}
.modal_m#quiz_modal .close.double {display: block;}
.modal_m#quiz_modal .modal-content .main_cont .top_cont .hr {margin:0}
.modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .prog {margin: 0 0 10px 0}
.modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont {position:static;margin-top: 20px;}
/*мои правки*/
  .page .header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .page .header .logo {
      max-width: 300px;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
    .page .header .info {
      margin-top: 10px; }
  .page .main .main_cont .cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .main .main_cont .cont .left_side {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .page .main .main_cont .cont .left_side h2 {
        font-size: 28px;
        text-align: center; }
      .page .main .main_cont .cont .left_side .hr {
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
      .page .main .main_cont .cont .left_side p {
        font-size: 18px;
        text-align: center; }
    .page .main .main_cont .cont .right_side {
      width: 100%;
      margin-top: 30px; }
      .page .main .main_cont .cont .right_side .img {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .page .main .main_cont .cont .right_side .img img {
          max-width: 400px; }
  .page .main .main_cont .arrow_down {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 5vh; }
    .page .main .main_cont .arrow_down img {
      width: 40px;
      height: auto;
      -webkit-animation: anim_arrow 10s ease infinite;
      animation: anim_arrow 10s ease infinite;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      cursor: pointer;
      opacity: 0.8; }
      .page .main .main_cont .arrow_down img:hover {
        opacity: 1; }
  @-webkit-keyframes anim_arrow {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes anim_arrow {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_title h3 {
    font-size: 26px; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .img {
    max-width: 100%;
    height: 200px; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .img img {
      max-width: 100%; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .left_side {
      padding: 0 20px; }
      .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .left_side p {
        text-align: center; }
      .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .left_side a {
        text-align: center; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .right_side {
      margin-top: 20px;
      max-width: 300px; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn .prev_btn {
      margin: 5px; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn .next_btn {
      margin: 5px; }
  .page .footer .top_cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .footer .top_cont .logo {
      margin-right: 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px; }
      .page .footer .top_cont .logo a {
        text-align: center; }
    .page .footer .top_cont .fast_links ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .page .footer .top_cont .soc_icons ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .page .footer .bottom_cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .footer .bottom_cont .copyright {
      margin-right: 0; }
    .page .footer .bottom_cont .policy ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .modal_m#quiz_modal .modal-content .main_cont {
    padding: 5vh 2vh; }
    .modal_m#quiz_modal .modal-content .main_cont .top_cont h3 {
      font-size: 22px; }
    .modal_m#quiz_modal .modal-content .main_cont .top_cont p {
      font-size: 16px; }
    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .progress .status {
      font-size: 15px; }
    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      min-height: 500px;
      height: auto; }
      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side {
        width: 100%;
        padding: 20px 10px;
        min-height: 385px; height: auto;
        max-width: 400px;
		}
      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side {
        width: 100%;
        height: auto;
        max-width: 400px;}
        .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont {
          display: none; }
          .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .ava {
            width: 80px;
            height: 80px; }
          .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont .txt {
            max-width: 200px; }
        .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .desc {
          padding: 20px 10px; }
  .modal_m#quiz_modal .modal-content .success_cont {
    padding: 5vh 2vh; }
    .modal_m#quiz_modal .modal-content .success_cont .top_cont h3 {
      font-size: 30px; }
    .modal_m#quiz_modal .modal-content .success_cont .cont .c {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      min-height: 400px;
      height: 100%;
      padding: 20px 10px; }
      .modal_m#quiz_modal .modal-content .success_cont .cont .c .line {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .l_side {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .r_side {
          width: 100%; }
          .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .r_side p {
            text-align: center; }
      .modal_m#quiz_modal .modal-content .success_cont .cont .c ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .c ul li a {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          font-size: 12px;
          margin: 5px 0; }
    .modal_m#quiz_modal .modal-content .success_cont .cont .btn button {
      max-width: 360px;
      width: 100%; } }

@media (min-width: 576px) and (max-width: 820px) {
  .modal_m#quiz_modal .modal-content .main_cont {
    padding: 5vh 2vh; }
    .modal_m#quiz_modal .modal-content .main_cont .top_cont h3 {
      font-size: 35px; }
    .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: flex-start;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      min-height: 500px;
      height: auto; }
      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side {
        width: 100%;
        padding: 20px 20px;
        min-height: 500px;
        max-width: 400px; }
        .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .left_side .bottom_cont {
          bottom: 15px; }
      .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side {
        width: 100%;
        min-height: 500px;
        max-width: 400px; }
        .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .top_cont {
          padding: 20px 10px; }
        .modal_m#quiz_modal .modal-content .main_cont .cont .questions .question .c .right_side .desc {
          padding: 20px 10px; }
  .modal_m#quiz_modal .modal-content .success_cont {
    padding: 5vh 2vh; }
    .modal_m#quiz_modal .modal-content .success_cont .top_cont h3 {
      font-size: 30px; }
    .modal_m#quiz_modal .modal-content .success_cont .cont .c {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      min-height: 400px;
      height: 100%;
      padding: 20px 10px; }
      .modal_m#quiz_modal .modal-content .success_cont .cont .c .line {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .l_side {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .r_side {
          width: 100%; }
          .modal_m#quiz_modal .modal-content .success_cont .cont .c .line .r_side p {
            text-align: center; }
      .modal_m#quiz_modal .modal-content .success_cont .cont .c ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .modal_m#quiz_modal .modal-content .success_cont .cont .c ul li a {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          font-size: 12px;
          margin: 5px 0; }
    .modal_m#quiz_modal .modal-content .success_cont .cont .btn button {
      max-width: 360px;
      width: 100%; } }

@media (min-width: 576px) and (max-width: 767px) {
  .page .main .main_cont .cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .main .main_cont .cont .left_side {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .page .main .main_cont .cont .left_side h2 {
        font-size: 28px;
        text-align: center; }
      .page .main .main_cont .cont .left_side .hr {
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
      .page .main .main_cont .cont .left_side p {
        font-size: 18px;
        text-align: center; }
    .page .main .main_cont .cont .right_side {
      width: 100%;
      margin-top: 30px; }
      .page .main .main_cont .cont .right_side .img {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .page .main .main_cont .cont .right_side .img img {
          max-width: 400px; }
  .page .main .main_cont .arrow_down {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 5vh; }
    .page .main .main_cont .arrow_down img {
      width: 40px;
      height: auto;
      -webkit-animation: anim_arrow 10s ease infinite;
      animation: anim_arrow 10s ease infinite;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      cursor: pointer;
      opacity: 0.8; }
      .page .main .main_cont .arrow_down img:hover {
        opacity: 1; }
  @-webkit-keyframes anim_arrow {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes anim_arrow {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_title h3 {
    font-size: 26px; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .img {
    max-width: 100%;
    height: 200px; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .img img {
      max-width: 100%; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .left_side {
      padding: 0 20px; }
      .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .left_side p {
        text-align: center; }
      .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .left_side a {
        text-align: center; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .right_side {
      margin-top: 20px;
      max-width: 300px; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn .prev_btn {
      margin: 5px; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn .next_btn {
      margin: 5px; }
  .page .footer .top_cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .footer .top_cont .logo {
      margin-right: 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px; }
      .page .footer .top_cont .logo a {
        text-align: center; }
    .page .footer .top_cont .fast_links ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .page .footer .top_cont .soc_icons ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .page .footer .bottom_cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .footer .bottom_cont .copyright {
      margin-right: 0; }
    .page .footer .bottom_cont .policy ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .modal#quiz_modal {
    /* The Close Button */ }
    .modal#quiz_modal .modal-content {
      padding: 20px 10px; }
      .modal#quiz_modal .modal-content .cont form .question .top_cont .back {
        width: 140px; }
        .modal#quiz_modal .modal-content .cont form .question .top_cont .back span {
          padding-left: 5px; }
      .modal#quiz_modal .modal-content .cont form .question .center_cont {
        padding-top: 50px; }
      .modal#quiz_modal .modal-content .cont form .question .center_cont button {
        position: relative;
        bottom: 0px;
        margin-top: 20px; }
      .modal#quiz_modal .modal-content .cont form .question.q_4 .center_cont ul li span {
        width: 200px; }
      .modal#quiz_modal .modal-content .cont form .question {
        display: none; }
      .modal#quiz_modal .modal-content .cont form .question.active {
        display: block; }
    .modal#quiz_modal .close {
      position: absolute;
      top: 20px;
      right: 20px;
      opacity: 0.7;
      cursor: pointer;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      z-index: 5; }
      .modal#quiz_modal .close:hover {
        opacity: 1; }
      .modal#quiz_modal .close img {
        width: 30px;
        height: 30px; } }

@media (min-width: 768px) and (max-width: 991px) {
  .page .header .logo {
    width: 200px; }
  .page .header .header_desc p {
    font-size: 16px; }
  .page .header .info .phone a {
    font-size: 18px; }
  .page .header .info .location a {
    font-size: 14px; }
  .page .header .test {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: none; }
    .page .header .test button {
      margin-top: 20px;
      width: 261px;
      height: 50px;
      border-radius: 10px;
      background-color: #197BB9;
      border: none;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-family: 'Lato', sans-serif !important;
      font-size: 16px;
      font-weight: 400;
      text-transform: uppercase;
      cursor: pointer; }
      .page .header .test button span {
        margin-right: 5px; }
      .page .header .test button:hover {
        background-color: #1c8acf; }
  .page .header .xs_header_cont {
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s; }
  .page .header .xs_header_cont.active {
    top: -100%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    z-index: -1; }
  .page .main .main_cont .cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .main .main_cont .cont .left_side {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .page .main .main_cont .cont .left_side h2 {
        font-size: 28px;
        text-align: center; }
      .page .main .main_cont .cont .left_side .hr {
        padding: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
      .page .main .main_cont .cont .left_side p {
        font-size: 18px;
        text-align: center; }
    .page .main .main_cont .cont .right_side {
      width: 100%;
      margin-top: 30px; }
      .page .main .main_cont .cont .right_side .img {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; }
        .page .main .main_cont .cont .right_side .img img {
          max-width: 400px; }
  .page .main .main_cont .arrow_down {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 5vh; }
    .page .main .main_cont .arrow_down img {
      width: 40px;
      height: auto;
      -webkit-animation: anim_arrow 10s ease infinite;
      animation: anim_arrow 10s ease infinite;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      cursor: pointer;
      opacity: 0.8; }
      .page .main .main_cont .arrow_down img:hover {
        opacity: 1; }
  @-webkit-keyframes anim_arrow {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes anim_arrow {
    0% {
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    50% {
      -webkit-transform: translateY(30px);
      transform: translateY(30px); }
    100% {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_title h3 {
    font-size: 26px; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .img {
    max-width: 100%;
    height: 200px; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .img img {
      max-width: 100%; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .left_side {
    padding: 0 20px; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .line .right_side {
    margin-top: 20px;
    max-width: 300px; }
  .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn .prev_btn {
      margin: 5px; }
    .page .pass_test .pass_test_cont .cont .slides .slide .slide_cont .slides_btn .next_btn {
      margin: 5px; }
  .page .footer .top_cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .footer .top_cont .logo {
      margin-right: 0;
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom: 10px; }
      .page .footer .top_cont .logo a {
        text-align: center; }
    .page .footer .top_cont .fast_links ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .page .footer .top_cont .soc_icons ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .page .footer .bottom_cont {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .page .footer .bottom_cont .copyright {
      margin-right: 0; }
    .page .footer .bottom_cont .policy ul {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .modal#quiz_modal .modal-content {
      padding: 20px 10px; }
      .modal#quiz_modal .modal-content .cont form .question .top_cont .back {
        width: 140px; }
        .modal#quiz_modal .modal-content .cont form .question .top_cont .back span {
          padding-left: 5px; }
      .modal#quiz_modal .modal-content .cont form .question .center_cont {
        padding-top: 50px; }
      .modal#quiz_modal .modal-content .cont form .question .center_cont button {
        position: relative;
        bottom: 0px;
        margin-top: 20px; }
      .modal#quiz_modal .modal-content .cont form .question.q_4 .center_cont ul li span {
        width: 200px; }
      .modal#quiz_modal .modal-content .cont form .question {
        display: none; }
      .modal#quiz_modal .modal-content .cont form .question.active {
        display: block; }
    .modal#quiz_modal .close {
      position: absolute;
      top: 20px;
      right: 20px;
      opacity: 0.7;
      cursor: pointer;
      -webkit-transition: 0.5s;
      transition: 0.5s;
      z-index: 5; }
      .modal#quiz_modal .close:hover {
        opacity: 1; }
      .modal#quiz_modal .close img {
        width: 30px;
        height: 30px; } }