html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1.4; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

@font-face {
  font-family: 'Colgate';
  font-style: normal;
  font-weight: 100;
  src: url(/assets/fonts/ColgateReadyCyrillic-Light.woff) format("woff"); }
@font-face {
  font-family: 'Colgate';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/ColgateReadyCyrillic-Regular.woff) format("woff"); }
@font-face {
  font-family: 'Colgate';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/fonts/ColgateReadyCyrillic-Bold.woff) format("woff"); }
body {
  font-family: 'Colgate'; }

strong {
  font-weight: bold; }

a {
  outline: none; }

.form-row {
  margin-bottom: 25px; }

h1, h2, h3, h4, h5, h6 {
  color: #ff0000;
  line-height: 1.2; }

h1 {
  font-size: 40px;
  text-transform: uppercase;
  font-weight: bold; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
  font-family: 'Colgate'; }

button {
  cursor: pointer;
  font-family: 'Colgate'; }

.btn {
  text-align: center;
  background-color: #ff0000;
  display: inline-block;
  padding: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  text-decoration: none; }

body {
  background-color: #fff; }

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none; }

img {
  max-width: 100%;
  height: auto; }

.d-none {
  display: none !important; }

.text-center {
  text-align: center; }

.alert-audio {
  background: url("../img/icon-alert-audio.png") no-repeat left center #fff;
  padding: 20px 20px 20px 60px;
  line-height: 30px;
  color: #000;
  font-size: 13px;
  margin: 0 40px; }

#wrapper {
  width: 960px;
  margin: 0 auto;
  border: 10px solid #ff0000;
  position: relative; }
  #wrapper #main-content {
    min-height: 500px;
    position: relative;
    overflow: hidden; }
  #wrapper .section {
    padding-left: 40px;
    padding-right: 40px; }
  #wrapper .home-content {
    overflow: hidden;
    padding-right: 0;
    padding-bottom: 20px; }
    #wrapper .home-content .intro-text {
      float: left;
      width: 41%; }
      #wrapper .home-content .intro-text h1 {
        margin: 40px 0;
        padding-left: 35px; }
      #wrapper .home-content .intro-text .action-box {
        padding: 40px 0 35px 35px;
        border-top: 3px solid #a7a7a7;
        border-left: 3px solid #a7a7a7;
        border-bottom: 3px solid #a7a7a7; }
        #wrapper .home-content .intro-text .action-box strong {
          font-size: 20px;
          margin-bottom: 5px;
          display: inline-block;
          line-height: 19px; }
        #wrapper .home-content .intro-text .action-box .btn {
          text-align: center;
          background-color: #ff0000;
          display: inline-block;
          padding: 15px;
          text-transform: uppercase;
          color: #fff;
          font-weight: bold;
          min-width: 250px;
          margin-top: 30px;
          text-decoration: none; }
    #wrapper .home-content .image-wrap {
      float: right;
      width: 59%; }
  #wrapper .register-section {
    background: url("../img/register-bg.jpg") no-repeat center top/cover;
    padding-top: 25px;
    padding-bottom: 25px; }
    #wrapper .register-section .require-mark {
      color: #ff0000; }
    #wrapper .register-section .register-title {
      color: #fff;
      font-size: 32px;
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 35px; }
    #wrapper .register-section .custom-checkbox {
      position: relative;
      padding-left: 48px;
      padding-right: 10px;
      display: inline-block;
      min-height: 38px;
      cursor: pointer;
      border: 2px solid transparent; }
      #wrapper .register-section .custom-checkbox input {
        display: none; }
      #wrapper .register-section .custom-checkbox:before {
        content: '';
        width: 25px;
        height: 25px;
        background-color: #ff0000;
        display: block;
        position: absolute;
        top: 5px;
        left: 12px;
        background-size: 12px auto; }
      #wrapper .register-section .custom-checkbox.active:before {
        background-image: url("../img/select-arr.png");
        background-repeat: no-repeat;
        background-position: center center; }
      #wrapper .register-section .custom-checkbox.error {
        position: relative;
        border: 2px solid red; }
        #wrapper .register-section .custom-checkbox.error:after {
          background-color: red;
          color: #fff;
          content: attr(data-msg);
          display: block;
          font-size: 10px;
          font-weight: bold;
          left: -2px;
          line-height: 1;
          padding: 3px 12px 8px;
          position: absolute;
          top: 100%;
          width: calc(100% - 20px); }
    #wrapper .register-section .form-col {
      width: calc(50% - 35px);
      margin-right: 70px;
      float: left; }
      #wrapper .register-section .form-col.last {
        margin-right: 0; }
    #wrapper .register-section .field-desc {
      font-size: 12px;
      color: #fff; }
    #wrapper .register-section .form-row {
      margin-bottom: 30px;
      display: table;
      table-layout: fixed;
      width: 100%; }
      #wrapper .register-section .form-row .field-label {
        width: 140px;
        font-size: 18px;
        line-height: 1.1;
        color: #fff;
        vertical-align: middle;
        display: table-cell; }
      #wrapper .register-section .form-row .field-wrap {
        display: table-cell;
        vertical-align: middle; }
        #wrapper .register-section .form-row .field-wrap input,
        #wrapper .register-section .form-row .field-wrap select {
          border: 2px solid transparent; }
        #wrapper .register-section .form-row .field-wrap.error {
          position: relative; }
          #wrapper .register-section .form-row .field-wrap.error input,
          #wrapper .register-section .form-row .field-wrap.error select,
          #wrapper .register-section .form-row .field-wrap.error .ui-selectmenu-button.ui-button {
            border: 2px solid red; }
          #wrapper .register-section .form-row .field-wrap.error:after {
            background-color: red;
            color: #fff;
            content: attr(data-msg);
            display: block;
            font-size: 10px;
            font-weight: bold;
            left: 0;
            line-height: 1;
            padding: 3px 12px 8px;
            position: absolute;
            top: 100%;
            width: calc(100% - 24px); }
      #wrapper .register-section .form-row.other-pos {
        display: none; }
        #wrapper .register-section .form-row.other-pos.active {
          display: table; }
      #wrapper .register-section .form-row.captcha .field-wrap .g-recaptcha {
        float: left;
        margin-right: 20px; }
        #wrapper .register-section .form-row.captcha .field-wrap .g-recaptcha.error {
          position: relative; }
          #wrapper .register-section .form-row.captcha .field-wrap .g-recaptcha.error:after {
            background-color: red;
            color: #fff;
            content: attr(data-msg);
            display: block;
            font-size: 10px;
            font-weight: bold;
            left: 0;
            line-height: 1;
            padding: 3px 12px 8px;
            position: absolute;
            top: 100%;
            width: calc(100% - 24px); }
      #wrapper .register-section .form-row.captcha .field-wrap .checkboxes {
        color: #fff;
        display: block;
        float: right;
        font-size: 12px;
        width: 55%; }
        #wrapper .register-section .form-row.captcha .field-wrap .checkboxes .agree {
          margin-bottom: 30px; }
    #wrapper .register-section .form-actions {
      overflow: hidden;
      clear: both;
      padding-bottom: 25px; }
      #wrapper .register-section .form-actions .text {
        float: left;
        width: 70%;
        font-size: 12px;
        color: #fff; }
      #wrapper .register-section .form-actions .agree {
        color: #fff;
        display: block;
        float: left;
        font-size: 12px;
        width: 56%;
        padding-left: 140px; }
      #wrapper .register-section .form-actions .field-desc {
        color: #fff;
        display: block;
        float: left;
        font-size: 12px;
        width: 56%; }
      #wrapper .register-section .form-actions .button-wrap {
        float: right;
        width: 30%; }
        #wrapper .register-section .form-actions .button-wrap button {
          background-color: #ff0000;
          padding: 15px;
          color: #fff;
          text-transform: uppercase;
          display: block;
          width: 100%;
          border: 0;
          font-weight: bold;
          font-size: 16px; }
    #wrapper .register-section.application-form .form-col {
      margin-right: 10px;
      width: calc(50% - 5px); }
      #wrapper .register-section.application-form .form-col.last {
        margin-right: 0; }
      #wrapper .register-section.application-form .form-col.children-count {
        width: 200px; }
        #wrapper .register-section.application-form .form-col.children-count input[type="number"] {
          text-align: center;
          -moz-appearance: textfield; }
          #wrapper .register-section.application-form .form-col.children-count input[type="number"]::-webkit-outer-spin-button, #wrapper .register-section.application-form .form-col.children-count input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none; }
      #wrapper .register-section.application-form .form-col.school-name, #wrapper .register-section.application-form .form-col.school-address {
        width: 320px; }
        #wrapper .register-section.application-form .form-col.school-name .form-row .field-label, #wrapper .register-section.application-form .form-col.school-address .form-row .field-label {
          width: 180px;
          padding-left: 8px; }
      #wrapper .register-section.application-form .form-col.city {
        width: 380px; }
      #wrapper .register-section.application-form .form-col.clinic-name {
        width: 470px; }
        #wrapper .register-section.application-form .form-col.clinic-name .form-row .field-label {
          width: 97px;
          padding-left: 5px; }
      #wrapper .register-section.application-form .form-col.school-address .form-row .field-label {
        width: 120px; }
      #wrapper .register-section.application-form .form-col.phone {
        width: 380px; }
      #wrapper .register-section.application-form .form-col.email {
        width: 470px; }
        #wrapper .register-section.application-form .form-col.email .form-row .field-label {
          width: 95px;
          padding-left: 5px; }
    #wrapper .register-section.application-form .form-row.clinic-address .field-label {
      width: 280px; }
    #wrapper .register-section.application-form .form-actions {
      overflow: hidden;
      clear: both; }
      #wrapper .register-section.application-form .form-actions .text {
        float: left;
        width: 50%;
        font-size: 12px;
        color: #fff; }
      #wrapper .register-section.application-form .form-actions .button-wrap {
        float: right;
        width: 44%;
        text-align: right; }
        #wrapper .register-section.application-form .form-actions .button-wrap .btn,
        #wrapper .register-section.application-form .form-actions .button-wrap button {
          background-color: #ff0000;
          padding: 15px 20px;
          color: #fff;
          text-transform: uppercase;
          display: inline-block;
          border: 0;
          font-weight: bold;
          font-size: 16px;
          width: auto;
          margin-left: 10px; }
    #wrapper .register-section.application-form .application-alert {
      background: url("../img/icon-alert.png") no-repeat left center;
      padding-left: 40px;
      margin-top: 10px;
      font-size: 12px;
      font-weight: bold;
      color: #fff;
      line-height: 30px; }
    #wrapper .register-section.report-form .input-files {
      display: none; }
    #wrapper .register-section.report-form .form-col {
      margin-right: 10px;
      width: calc(50% - 5px); }
      #wrapper .register-section.report-form .form-col.last {
        margin-right: 0; }
      #wrapper .register-section.report-form .form-col input[type="number"] {
        text-align: center;
        -moz-appearance: textfield; }
        #wrapper .register-section.report-form .form-col input[type="number"]::-webkit-outer-spin-button, #wrapper .register-section.report-form .form-col input[type="number"]::-webkit-inner-spin-button {
          -webkit-appearance: none; }
      #wrapper .register-section.report-form .form-col.children-count {
        width: 200px; }
        #wrapper .register-section.report-form .form-col.children-count input[type="number"] {
          text-align: center;
          -moz-appearance: textfield; }
          #wrapper .register-section.report-form .form-col.children-count input[type="number"]::-webkit-outer-spin-button, #wrapper .register-section.report-form .form-col.children-count input[type="number"]::-webkit-inner-spin-button {
            -webkit-appearance: none; }
      #wrapper .register-section.report-form .form-col.school-address {
        width: auto; }
      #wrapper .register-section.report-form .form-col.school-name {
        width: 370px; }
        #wrapper .register-section.report-form .form-col.school-name .form-row .field-label {
          width: 140px;
          padding-left: 0; }
      #wrapper .register-section.report-form .form-col.children-count {
        width: 150px; }
        #wrapper .register-section.report-form .form-col.children-count .form-row .field-label {
          width: auto;
          padding-left: 0; }
      #wrapper .register-section.report-form .form-col.classes {
        width: 150px; }
        #wrapper .register-section.report-form .form-col.classes .form-row .field-label {
          width: auto;
          padding-left: 0; }
      #wrapper .register-section.report-form .form-col.lessons-count {
        width: 160px;
        margin-right: 0; }
        #wrapper .register-section.report-form .form-col.lessons-count .form-row .field-label {
          width: auto;
          padding-left: 0; }
      #wrapper .register-section.report-form .form-col.report-place {
        width: 54.5%; }
        #wrapper .register-section.report-form .form-col.report-place .form-row .field-label {
          width: 225px; }
      #wrapper .register-section.report-form .form-col.city {
        width: 380px; }
      #wrapper .register-section.report-form .form-col.clinic-name {
        width: 470px; }
        #wrapper .register-section.report-form .form-col.clinic-name .form-row .field-label {
          width: 97px;
          padding-left: 5px; }
      #wrapper .register-section.report-form .form-col.school-address .form-row .field-label {
        width: 120px; }
      #wrapper .register-section.report-form .form-col.phone {
        width: 295px; }
      #wrapper .register-section.report-form .form-col.email {
        width: 555px; }
        #wrapper .register-section.report-form .form-col.email .form-row .field-label {
          width: 95px;
          padding-left: 5px; }
    #wrapper .register-section.report-form .form-row.clinic-address .field-label {
      width: 280px; }
    #wrapper .register-section.report-form .captcha {
      margin-bottom: 0; }
      #wrapper .register-section.report-form .captcha .text {
        text-align: right; }
        #wrapper .register-section.report-form .captcha .text .button-wrap {
          margin-bottom: 50px;
          text-align: right; }
          #wrapper .register-section.report-form .captcha .text .button-wrap .btn,
          #wrapper .register-section.report-form .captcha .text .button-wrap button {
            font-size: 14px; }
            #wrapper .register-section.report-form .captcha .text .button-wrap .btn.disabled,
            #wrapper .register-section.report-form .captcha .text .button-wrap button.disabled {
              background-color: rgba(0, 0, 0, 0.5); }
          #wrapper .register-section.report-form .captcha .text .button-wrap button {
            background-color: #ff0000;
            padding: 15px;
            color: #fff;
            text-transform: uppercase;
            display: inline-block;
            border: 0;
            font-weight: bold; }
    #wrapper .register-section.report-form .school-fields .clinic-address {
      display: none; }
    #wrapper .register-section.report-form .clinic-fields .clinic-address {
      display: table;
      clear: left;
      float: left;
      width: 530px;
      margin-right: 10px; }
      #wrapper .register-section.report-form .clinic-fields .clinic-address .field-label {
        width: 140px; }
    #wrapper .register-section.report-form .clinic-fields .school-address,
    #wrapper .register-section.report-form .clinic-fields .school-name,
    #wrapper .register-section.report-form .clinic-fields .classes {
      display: none; }
  #wrapper .modules-section {
    padding-bottom: 20px; }
    #wrapper .modules-section .modules {
      overflow: hidden;
      margin-bottom: 25px; }
      #wrapper .modules-section .modules .module {
        width: calc(33.333% - 10px);
        float: left;
        margin-right: 15px;
        border: 3px solid #ff0000; }
        #wrapper .modules-section .modules .module:last-child {
          margin-right: 0; }
        #wrapper .modules-section .modules .module a {
          text-decoration: none; }
        #wrapper .modules-section .modules .module .image img {
          width: 100%;
          height: auto; }
        #wrapper .modules-section .modules .module .info {
          padding: 25px 25px 10px;
          color: #000; }
          #wrapper .modules-section .modules .module .info h3 {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 23px;
            margin: 0 0 20px; }
          #wrapper .modules-section .modules .module .info p {
            font-size: 15px;
            min-height: 110px; }
        #wrapper .modules-section .modules .module .btn {
          width: calc(100% - 50px);
          margin: 0 25px 30px; }
          #wrapper .modules-section .modules .module .btn.disable {
            background-color: #a7a7a7;
            cursor: default; }
        #wrapper .modules-section .modules .module.disable {
          border-color: #a7a7a7; }
          #wrapper .modules-section .modules .module.disable a {
            cursor: default; }
          #wrapper .modules-section .modules .module.disable .image img {
            -webkit-filter: grayscale(100%);
            -moz-filter: grayscale(100%);
            -ms-filter: grayscale(100%);
            -o-filter: grayscale(100%);
            filter: grayscale(100%);
            -webkit-filter: gray;
                    filter: gray;
            /* IE 6-9 */ }
          #wrapper .modules-section .modules .module.disable .info {
            color: #a7a7a7; }
            #wrapper .modules-section .modules .module.disable .info h3 {
              color: inherit; }
          #wrapper .modules-section .modules .module.disable .btn {
            background-color: #a7a7a7;
            cursor: default; }
    #wrapper .modules-section .modules-buttons {
      text-align: center; }
      #wrapper .modules-section .modules-buttons .btn {
        margin-bottom: 25px;
        padding-left: 25px;
        padding-right: 25px;
        min-width: 220px; }
        #wrapper .modules-section .modules-buttons .btn.disable {
          background-color: #a7a7a7;
          cursor: default; }
  #wrapper .slide-section {
    position: relative; }
    #wrapper .slide-section .slide-content-wrap .slide-title {
      margin-bottom: 20px;
      font-size: 32px; }
    #wrapper .slide-section .slide-content-wrap .slide-content {
      margin-bottom: 20px;
      /*SLIDE-2*/
      /* END SLIDE-2*/
      /* SLIDE-3*/
      /* END SLIDE-3*/
      /*SLIDE-4*/
      /* END SLIDE-4*/
      /* SLIDE-5*/
      /* END SLIDE-5*/
      /* SLIDE-6*/
      /* END SLIDE-6*/
      /* SLIDE-7*/
      /* END SLIDE-7*/
      /* SLIDE-8*/
      /* END SLIDE-8*/
      /* SLIDE-10*/
      /* END SLIDE-10*/
      /* SLIDE-11*/
      /* END SLIDE-11*/
      /* SLIDE-12*/
      /* END SLIDE-12*/
      /* SLIDE-15*/
      /* END SLIDE-15*/
      /* SLIDE-16*/
      /* END SLIDE-16*/
      /*lesson slides*/
      /*lesson slides END*/
      /* SLIDE-17*/
      /* END SLIDE-17*/
      /* SLIDE-18*/
      /* END SLIDE-18*/
      /* SLIDE-19*/
      /* END SLIDE-19*/
      /* SLIDE-20*/
      /* END SLIDE-20*/
      /* SLIDE-21*/
      /* END SLIDE-21*/
      /* SLIDE-22*/
      /* END SLIDE-22*/
      /* SLIDE-24*/
      /* END SLIDE-24*/
      /* SLIDE-29*/
      /* END SLIDE-29*/
      /* SLIDE-30*/
      /* END SLIDE-30*/ }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 {
        margin-bottom: 35px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col {
          width: 33.333%;
          float: left;
          text-align: center;
          margin-bottom: 40px;
          position: relative; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col:before {
            content: '';
            display: block;
            height: 3px;
            background-color: #dbdbdb;
            position: absolute; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col:nth-child(4) {
            clear: left; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col .icon {
            margin-bottom: 5px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col .icon img {
              width: 120px;
              display: inline-block;
              float: none; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col h3 {
            font-size: 17px;
            color: #000;
            font-weight: bold; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el1 {
            padding-top: 25px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el1:before {
              margin-top: -1px;
              right: -36px;
              top: 84px;
              width: 100px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el2 img {
            width: 170px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el3 {
            padding-top: 25px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el3:before {
              margin-top: -1px;
              left: -36px;
              top: 84px;
              width: 100px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el4 {
            padding-top: 25px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el4:before {
              right: -90px;
              top: -36px;
              -webkit-transform: rotate(-45deg);
                      transform: rotate(-45deg);
              width: 190px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el5 {
            padding-top: 25px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el5:before {
              height: 80px;
              left: 50%;
              margin-left: -1px;
              top: -73px;
              width: 3px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el6 {
            padding-top: 25px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide2 .col.el6:before {
              left: -90px;
              top: -36px;
              -webkit-transform: rotate(45deg);
                      transform: rotate(45deg);
              width: 190px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide2.info {
        display: inline-block;
        position: absolute;
        bottom: 0; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide2.info img {
          display: inline-block; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide2.info p {
          font-size: 11px;
          display: inline-block; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 > img {
        float: right;
        margin-bottom: 15px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 .col-3 {
        width: 33%;
        display: inline-block;
        vertical-align: top; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 .col-3 img {
          margin-bottom: 15px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 .col-3 .title {
          font-family: 'Colgate';
          font-style: normal;
          font-weight: 700;
          font-size: 20px;
          line-height: 22px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 .col-3 ul {
          margin-top: 20px;
          padding: 0px 25px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 .col-3 ul li {
            font-family: 'Colgate';
            font-style: normal;
            font-weight: 100;
            list-style-image: url(../img/slides/slide3-dot.png);
            font-size: 14px;
            padding-bottom: 12px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 .logo-lak {
        margin-top: 20px;
        overflow: hidden; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group.slide3 .logo-lak .lak {
          float: right;
          margin-top: -29px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide4 .slide4_section {
        display: inline-block;
        width: 100%;
        border: 3px solid #ff0000;
        margin-bottom: 30px;
        position: relative; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide4 .slide4_section p {
          font-weight: 400;
          font-size: 20px;
          line-height: 22px;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          padding: 0 80px 0 170px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide4 .slide4_section p span {
            color: red;
            font-style: normal;
            font-weight: 700; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide4 .readmore {
        color: red;
        text-decoration: underline;
        position: absolute;
        font-size: 13px;
        bottom: 7px;
        left: 40px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .subtitle {
        text-transform: uppercase;
        font-size: 16px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .subtitle span {
          color: red; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question {
        margin-top: 35px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question .title {
          color: red;
          font-weight: 700;
          font-size: 19px;
          margin-bottom: 10px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question .answer {
          border: 1px solid #a7a7a7;
          margin: 8px 0 8px 20px;
          padding: 10px;
          width: 730px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question .answer.small {
            font-size: 13px;
            line-height: 12px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question.answered .error {
          float: right;
          color: red;
          font-size: 12px;
          width: 100px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question.answered .error a {
            text-decoration: underline;
            color: red; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question.answered .answer {
          color: #a7a7a7;
          -webkit-touch-callout: none;
          /* iOS Safari */
          -webkit-user-select: none;
          /* Safari */
          /* Konqueror HTML */
          -moz-user-select: none;
          /* Firefox */
          -ms-user-select: none;
          /* Internet Explorer/Edge */
          user-select: none;
          /* Non-prefixed version, currently
                 supported by Chrome and Opera */ }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question.answered .answer.true {
            background-color: #81b78d;
            border: none;
            color: #ffffff;
            font-weight: bold; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide5 .question.answered .answer.false {
            background-color: #ff7373;
            border: none;
            color: #ffffff;
            font-weight: bold; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide6 .info_block {
        float: left;
        width: 280px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide6 .info_block p {
          font-size: 19px;
          margin-top: 30px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide6 .info_block p.title {
            color: #ff0000;
            font-weight: 700;
            font-size: 23px;
            margin-top: 20px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide6 > img {
        float: right; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide6 .readmore {
        font-size: 15px;
        line-height: 19px;
        background-color: red;
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        clear: both;
        display: block;
        width: 496px;
        padding: 15px 20px;
        position: absolute;
        bottom: 0; }
        @media (max-width: 768px) {
          #wrapper .slide-section .slide-content-wrap .slide-content .slide6 .readmore {
            position: relative;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto; } }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .section-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 90px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .section-container .info_section {
          width: 273px;
          border: 2px solid red; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .section-container .info_section img {
            margin-bottom: 20px;
            border-bottom: 2px solid red; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .section-container .info_section p {
            padding: 0 15px;
            font-size: 15px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .section-container .info_section p.title {
              color: #ff0000;
              font-weight: bold;
              text-transform: uppercase;
              margin-bottom: 10px;
              font-size: 20px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .section-container .info_section ul {
            margin-top: 15px;
            padding: 0px 25px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .section-container .info_section ul li {
              font-family: 'Colgate';
              font-style: normal;
              font-weight: 100;
              list-style-image: url(../img/slides/slide3-dot.png);
              font-size: 12px;
              padding-bottom: 12px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide7 .readmore {
        font-size: 15px;
        line-height: 19px;
        background-color: red;
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        clear: both;
        display: block;
        width: 327px;
        padding: 15px 20px;
        position: absolute;
        bottom: 0; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide8 .slide-title {
        color: #d92719;
        text-transform: none;
        margin-bottom: 0; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide8 .subtitle {
        font-weight: 400;
        font-size: 24px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide10 .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 50px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide10 .row .col {
          display: inline-block;
          width: 25%; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide10 .row .col img {
            padding-bottom: 50px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide11 .logos {
        display: inline-block;
        float: left;
        margin-right: 70px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide11 .logos img {
          float: none;
          margin: 20px 0 40px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide11 .info {
        display: inline-block; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide11 .info .title {
          margin-top: 20px;
          color: red;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 25px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide11 .info .text {
          margin: 50px 0 10px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide11 .info ul {
          margin-top: 25px;
          padding: 0 19px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide11 .info ul li {
            font-style: normal;
            font-weight: 100;
            list-style-image: url(../img/slides/slide11-dot.png);
            font-size: 19px;
            padding-bottom: 12px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide12 .slide-title {
        color: #d92719;
        text-transform: none;
        margin-bottom: 0; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info {
        display: inline-block;
        padding-top: 30px;
        padding-left: 30px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info ul {
          padding: 0 19px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info ul li {
            font-style: normal;
            font-weight: 100;
            list-style-image: url(../img/slides/slide11-dot.png);
            font-size: 20px;
            padding-bottom: 14px;
            position: relative; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info ul li:first-child:before {
              display: none; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info ul li:before {
              content: '';
              width: 2px;
              height: 47px;
              background-image: url(../img/slides/slide15-dot.png);
              display: block;
              position: absolute;
              left: -13px;
              top: -40px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info ul li:nth-child(2):before, #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info ul li:nth-child(3):before, #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info ul li:nth-child(4):before {
              height: 23px;
              top: -15px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info .time {
          color: #ff0000;
          font-size: 44px;
          font-weight: 900;
          padding-left: 55px;
          background-image: url(../img/slides/slide15-2.png);
          background-repeat: no-repeat; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide15 .info .text {
          color: #d92719;
          margin-top: 25px;
          padding-left: 20px;
          font-weight: 700;
          font-size: 15px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide16 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 60px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide16 > div {
          width: 50%; }
      #wrapper .slide-section .slide-content-wrap .slide-content .lesson {
        margin-top: 30px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .lesson .info_block {
          display: inline-block;
          max-width: 627px;
          min-width: 585px;
          -webkit-box-sizing: content-box;
          box-sizing: content-box;
          vertical-align: top; }
        #wrapper .slide-section .slide-content-wrap .slide-content .lesson .time {
          position: absolute;
          top: 20px;
          right: 20px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .lesson .left_menu {
          display: inline-block; }
          #wrapper .slide-section .slide-content-wrap .slide-content .lesson .left_menu ul {
            padding: 0 19px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .lesson .left_menu ul li {
              font-style: normal;
              font-weight: 100;
              list-style-image: url(../img/slides/menu_disabled.png);
              font-size: 16px;
              padding-bottom: 30px;
              position: relative;
              color: #949494; }
              #wrapper .slide-section .slide-content-wrap .slide-content .lesson .left_menu ul li.active {
                color: #ff0000;
                font-weight: 700;
                list-style-image: url(../img/slides/slide3-dot.png); }
              #wrapper .slide-section .slide-content-wrap .slide-content .lesson .left_menu ul li:first-child:before {
                display: none; }
              #wrapper .slide-section .slide-content-wrap .slide-content .lesson .left_menu ul li:before {
                content: '';
                width: 2px;
                background-image: url(../img/slides/menu_dots.png);
                display: block;
                position: absolute;
                left: -12px;
                height: 55px;
                top: -48px; }
              #wrapper .slide-section .slide-content-wrap .slide-content .lesson .left_menu ul li:nth-child(2):before {
                height: 97px;
                top: -94px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide17 .info_block {
        vertical-align: top;
        display: inline-block; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide17 .info_block .section .title {
          color: #ff0000;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 23px;
          margin-bottom: 8px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide17 .info_block .section .text {
          font-weight: 400;
          margin-bottom: 40px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide18 .info_block p {
        margin-bottom: 15px;
        font-size: 17px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide19 .info_block {
        position: relative;
        display: inline-block;
        min-width: 668px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide19 .info_block .poster {
          position: absolute;
          top: 0;
          right: 0; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide19 .info_block .section .title {
          color: #ff0000;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 23px;
          margin-bottom: 8px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide19 .info_block .section .text {
          font-weight: 100;
          margin-bottom: 5px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide19 .info_block .section ul {
          margin-bottom: 30px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide19 .info_block .section ul li {
            color: #ff0000;
            list-style: none; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide20 .info_block {
        padding-right: 0 !important; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide20 .info_block .content_wrapper {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide20 .info_block .content_wrapper > div {
            width: 50%;
            margin-bottom: 35px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide20 .info_block .content_wrapper > div img {
              margin-right: 15px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide20 .info_block .content_wrapper > div p {
              font-size: 14px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block {
        padding-right: 0 !important;
        margin-top: 25px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul {
          font-size: 20px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li {
            padding-left: 60px;
            background-repeat: no-repeat;
            position: relative; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li:before {
              position: absolute;
              display: block;
              left: 0;
              background-repeat: no-repeat;
              width: 50px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li.one:before {
              background-image: url(../img/slides/slide21-2.png);
              content: '';
              height: 50px;
              top: 5px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li.two {
              padding-top: 22px; }
              #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li.two:before {
                background-image: url(../img/slides/slide21-3.png);
                content: '';
                height: 100px;
                top: -33px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li.three {
              padding-top: 26px; }
              #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li.three:before {
                background-image: url(../img/slides/slide21-4.png);
                content: '';
                height: 72px;
                top: -8px; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li.four {
              padding-top: 16px; }
              #wrapper .slide-section .slide-content-wrap .slide-content .slide21 .info_block ul li.four:before {
                background-image: url(../img/slides/slide21-5.png);
                content: '';
                height: 69px;
                top: -14px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide22 {
        position: relative;
        overflow: hidden;
        z-index: 0; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide22 .tracker-individual-blip {
          cursor: default !important; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide22 .info_block {
          padding-right: 0 !important; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide22 .info_block .content_wrapper {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            #wrapper .slide-section .slide-content-wrap .slide-content .slide22 .info_block .content_wrapper > div {
              width: 50%;
              margin-bottom: 35px;
              display: -webkit-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: start;
                  -ms-flex-align: start;
                      align-items: flex-start; }
              #wrapper .slide-section .slide-content-wrap .slide-content .slide22 .info_block .content_wrapper > div img {
                margin-right: 15px; }
              #wrapper .slide-section .slide-content-wrap .slide-content .slide22 .info_block .content_wrapper > div p {
                font-size: 14px;
                font-weight: 100; }
                #wrapper .slide-section .slide-content-wrap .slide-content .slide22 .info_block .content_wrapper > div p span {
                  font-weight: 700; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide24 .info_block {
        position: relative;
        display: inline-block;
        min-width: 668px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide24 .info_block .poster {
          position: absolute;
          top: 0;
          right: 0; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide24 .info_block .section .title {
          color: #ff0000;
          text-transform: uppercase;
          font-weight: 700;
          font-size: 17px;
          margin-bottom: 5px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide24 .info_block .section .text {
          font-weight: 100;
          margin-bottom: 15px;
          font-size: 12px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide24 .info_block .section ul {
          margin-bottom: 30px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide24 .info_block .section ul li {
            color: #ff0000;
            list-style: none; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide29 .subtitle {
        font-size: 28px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide29 .certificate {
        margin: 40px 0; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide29 .application {
        position: absolute;
        bottom: -30px;
        left: 0;
        font-size: 15px;
        line-height: 19px;
        background-color: red;
        color: #ffffff;
        text-decoration: none;
        font-weight: 700;
        text-transform: uppercase;
        clear: both;
        display: block;
        width: 395px;
        padding: 13px 20px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide29 .info_block {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide29 .info_block .button {
          font-size: 15px;
          line-height: 19px;
          background-color: red;
          color: #ffffff;
          text-decoration: none;
          font-weight: 700;
          text-transform: uppercase;
          text-align: center;
          clear: both;
          display: block;
          width: 196px;
          padding: 13px 20px; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide29 .info_block .button:hover {
            cursor: pointer; }
          #wrapper .slide-section .slide-content-wrap .slide-content .slide29 .info_block .button.save {
            margin-bottom: 25px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide30 > img {
        float: right !important; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide30 .info_block {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide30 .info_block .info.application {
          margin-bottom: 30px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide30 .info_block .info .title {
          color: #d92719;
          font-size: 35px;
          line-height: 39px;
          font-weight: 700; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide30 .info_block .info .text {
          font-size: 17px;
          margin-top: 5px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .top-time {
        position: absolute;
        right: 40px;
        top: 8px; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group {
        overflow: hidden; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-images-group img {
          display: block;
          float: left; }
      #wrapper .slide-section .slide-content-wrap .slide-content [data-animation-start],
      #wrapper .slide-section .slide-content-wrap .slide-content [data-animation-delay] {
        visibility: hidden;
        -webkit-transition: all 1s;
        transition: all 1s;
        opacity: 0; }
        #wrapper .slide-section .slide-content-wrap .slide-content [data-animation-start].animate,
        #wrapper .slide-section .slide-content-wrap .slide-content [data-animation-delay].animate {
          visibility: visible;
          opacity: 1; }
      #wrapper .slide-section .slide-content-wrap .slide-content .slide-video {
        position: relative;
        height: 0;
        padding-bottom: 56%;
        margin-top: 30px; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-video:before {
          background-color: #000;
          content: "";
          display: block;
          height: 100%;
          left: 0;
          opacity: 0.5;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 9; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-video.disable-overlay:before {
          display: none; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-video video {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        #wrapper .slide-section .slide-content-wrap .slide-content .slide-video .play-btn {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          background: url("../img/video-play.png") no-repeat center center;
          width: 102px;
          height: 102px;
          z-index: 99;
          cursor: pointer; }
    #wrapper .slide-section .slide-nav {
      color: #000;
      font-size: 13px;
      font-weight: bold;
      text-align: right;
      margin-bottom: 20px; }
      #wrapper .slide-section .slide-nav .sep-line {
        margin: 0 10px; }
      #wrapper .slide-section .slide-nav a {
        color: inherit;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block; }
        #wrapper .slide-section .slide-nav a.slide-start {
          background: url("../img/icon-volume.png") no-repeat left center;
          padding-left: 30px;
          line-height: 22px; }
        #wrapper .slide-section .slide-nav a.slide-start.disable, #wrapper .slide-section .slide-nav a.slide-stop.disable {
          opacity: .5;
          cursor: default; }
        #wrapper .slide-section .slide-nav a.slide-next, #wrapper .slide-section .slide-nav a.back-test-btn {
          background-color: #ff0000;
          color: #fff;
          padding: 4px 5px 5px 10px;
          margin-left: 10px; }
          #wrapper .slide-section .slide-nav a.slide-next:after, #wrapper .slide-section .slide-nav a.back-test-btn:after {
            content: '';
            display: inline-block;
            border: 5px solid transparent;
            border-left: 5px solid #fff;
            margin-left: 10px; }
          #wrapper .slide-section .slide-nav a.slide-next.disable, #wrapper .slide-section .slide-nav a.back-test-btn.disable {
            background-color: #959595;
            color: rgba(255, 255, 255, 0.5);
            cursor: default; }
            #wrapper .slide-section .slide-nav a.slide-next.disable:after, #wrapper .slide-section .slide-nav a.back-test-btn.disable:after {
              border-left-color: rgba(255, 255, 255, 0.5); }
    @media (max-width: 768px) {
      #wrapper .slide-section {
        margin-bottom: 100px; }
        #wrapper .slide-section .slide-nav {
          bottom: -90px;
          font-size: 23px;
          position: absolute;
          text-align: center;
          width: calc(100% - 40px); } }
  #wrapper .test-section .test-content-wrap .test-title {
    margin-bottom: 10px;
    font-size: 32px; }
  #wrapper .test-section .test-content-wrap .test-hint {
    color: #000;
    font-size: 16px;
    text-transform: uppercase; }
    #wrapper .test-section .test-content-wrap .test-hint span {
      color: #ff0000; }
  #wrapper .test-section .test-content-wrap .test-content {
    margin-bottom: 20px; }
    #wrapper .test-section .test-content-wrap .test-content .questions {
      margin-top: 40px; }
      #wrapper .test-section .test-content-wrap .test-content .questions .question {
        margin-bottom: 50px; }
        #wrapper .test-section .test-content-wrap .test-content .questions .question h3 {
          font-size: 18px;
          margin-bottom: 15px;
          font-weight: bold; }
        #wrapper .test-section .test-content-wrap .test-content .questions .question .answers {
          padding-left: 20px; }
          #wrapper .test-section .test-content-wrap .test-content .questions .question .answers label {
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #a7a7a7;
            color: #000;
            display: block;
            cursor: pointer;
            width: calc(100% - 120px);
            font-weight: 400;
            position: relative; }
            #wrapper .test-section .test-content-wrap .test-content .questions .question .answers label .err-msg {
              color: #ff0000;
              display: block;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transform: translateX(120px);
                      transform: translateX(120px);
              width: 110px;
              font-size: 12px;
              line-height: 13px;
              cursor: default; }
              #wrapper .test-section .test-content-wrap .test-content .questions .question .answers label .err-msg a {
                color: inherit; }
            #wrapper .test-section .test-content-wrap .test-content .questions .question .answers label.success {
              background-color: #66C4FF;
              color: #fff !important;
              font-weight: bold;
              border-color: transparent; }
            #wrapper .test-section .test-content-wrap .test-content .questions .question .answers label.error {
              background-color: #ff7373;
              color: #fff !important;
              font-weight: bold;
              border-color: transparent; }
          #wrapper .test-section .test-content-wrap .test-content .questions .question .answers.answers-numbers .answer-wrap {
            width: calc(100% - 120px);
            margin-bottom: 10px;
            position: relative; }
            #wrapper .test-section .test-content-wrap .test-content .questions .question .answers.answers-numbers .answer-wrap label {
              width: calc(100% - 75px);
              margin-right: 10px;
              float: left;
              margin-bottom: 0;
              cursor: default;
              font-size: 16px; }
            #wrapper .test-section .test-content-wrap .test-content .questions .question .answers.answers-numbers .answer-wrap input {
              width: 65px;
              padding: 12px;
              border: 1px solid #a7a7a7;
              text-align: center; }
            #wrapper .test-section .test-content-wrap .test-content .questions .question .answers.answers-numbers .answer-wrap .err-msg {
              color: #ff0000;
              display: block;
              position: absolute;
              right: 0;
              top: 0;
              -webkit-transform: translateX(calc(100% + 10px));
                      transform: translateX(calc(100% + 10px));
              width: 110px;
              font-size: 12px;
              line-height: 13px;
              cursor: default; }
              #wrapper .test-section .test-content-wrap .test-content .questions .question .answers.answers-numbers .answer-wrap .err-msg a {
                color: inherit; }
          #wrapper .test-section .test-content-wrap .test-content .questions .question .answers.disable label {
            color: #a7a7a7; }
  #wrapper .test-section .test-nav {
    color: #000;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    margin-bottom: 20px; }
    #wrapper .test-section .test-nav a {
      color: inherit;
      text-decoration: none;
      text-transform: uppercase;
      display: inline-block; }
      #wrapper .test-section .test-nav a.slide-next {
        background-color: #ff0000;
        color: #fff;
        padding: 4px 5px 5px 10px;
        margin-left: 10px; }
        #wrapper .test-section .test-nav a.slide-next:after {
          content: '';
          display: inline-block;
          border: 5px solid transparent;
          border-left: 5px solid #fff;
          margin-left: 10px; }
        #wrapper .test-section .test-nav a.slide-next.disable {
          background-color: #959595;
          color: rgba(255, 255, 255, 0.5);
          cursor: default; }
          #wrapper .test-section .test-nav a.slide-next.disable:after {
            border-left-color: rgba(255, 255, 255, 0.5); }
  #wrapper .certificate-section {
    padding-bottom: 40px; }
    #wrapper .certificate-section .subtitle {
      font-size: 28px; }
    #wrapper .certificate-section .certificate-wrap {
      margin: 30px 0;
      overflow: hidden; }
      #wrapper .certificate-section .certificate-wrap .image {
        float: left;
        width: 580px; }
      #wrapper .certificate-section .certificate-wrap .info_block {
        float: right;
        margin-top: 50px; }
        #wrapper .certificate-section .certificate-wrap .info_block .button {
          font-size: 15px;
          line-height: 19px;
          background-color: red;
          color: #ffffff;
          text-decoration: none;
          font-weight: 700;
          text-transform: uppercase;
          text-align: center;
          clear: both;
          display: block;
          width: 210px;
          padding: 13px 20px;
          margin-bottom: 25px; }
          #wrapper .certificate-section .certificate-wrap .info_block .button:hover {
            cursor: pointer; }
          #wrapper .certificate-section .certificate-wrap .info_block .button:last-of-type {
            margin-bottom: 15px; }
        #wrapper .certificate-section .certificate-wrap .info_block .files-hint {
          width: 210px;
          font-size: 14px;
          line-height: 16px; }
    #wrapper .certificate-section .application {
      font-size: 15px;
      line-height: 19px;
      background-color: red;
      color: #ffffff;
      text-decoration: none;
      font-weight: 700;
      text-transform: uppercase;
      clear: both;
      display: block;
      width: 395px;
      padding: 13px 20px; }
  #wrapper .thanks-section {
    padding-right: 0;
    padding-bottom: 40px; }
    #wrapper .thanks-section .table-wrap {
      display: table;
      table-layout: fixed;
      width: 100%; }
      #wrapper .thanks-section .table-wrap > div {
        display: table-cell;
        vertical-align: middle; }
      #wrapper .thanks-section .table-wrap .info_block .info.application {
        margin-bottom: 30px; }
      #wrapper .thanks-section .table-wrap .info_block .info .title {
        color: #d92719;
        font-size: 39px;
        line-height: 39px;
        font-weight: 700;
        margin-bottom: 10px; }
      #wrapper .thanks-section .table-wrap .info_block .info .text {
        font-size: 19px;
        line-height: 20px; }
      #wrapper .thanks-section .table-wrap .image {
        width: 535px; }
        #wrapper .thanks-section .table-wrap .image img {
          display: block; }

#header {
  background-color: #fff;
  padding: 35px 40px;
  overflow: hidden; }
  #header .logos {
    width: 45%;
    float: left; }
    #header .logos .logo {
      display: inline-block;
      margin-right: 10px;
      vertical-align: middle; }
  #header .user-info {
    float: right;
    width: 55%;
    padding-top: 15px;
    position: relative;
    z-index: 99; }
    #header .user-info .login-form-wrap .field-wrap {
      display: inline-block;
      position: relative; }
      #header .user-info .login-form-wrap .field-wrap input {
        border: 1px solid #a7a7a7;
        background-color: #fff;
        color: #000000;
        min-width: 200px; }
      #header .user-info .login-form-wrap .field-wrap button {
        background-color: #ff0000;
        color: #fff;
        border: 0;
        padding: 11px;
        text-transform: uppercase;
        font-weight: bold;
        cursor: pointer; }
      #header .user-info .login-form-wrap .field-wrap.error {
        position: relative; }
        #header .user-info .login-form-wrap .field-wrap.error input {
          border: 1px solid red; }
        #header .user-info .login-form-wrap .field-wrap.error:after {
          background-color: red;
          color: #fff;
          content: attr(data-msg);
          display: block;
          font-size: 10px;
          font-weight: bold;
          left: 0;
          padding: 3px 12px 8px;
          position: absolute;
          top: 100%;
          width: calc(100% - 24px); }
    #header .user-info .logged-info {
      text-align: right;
      color: #000;
      line-height: 35px;
      font-size: 15px; }
      #header .user-info .logged-info .user-name {
        background: url("../img/icon-user.png") no-repeat left center;
        display: inline-block;
        padding-left: 45px;
        position: relative; }
        #header .user-info .logged-info .user-name .logout {
          font-size: 10px;
          font-weight: bold;
          line-height: 1;
          position: absolute;
          right: 0;
          text-decoration: underline;
          text-transform: uppercase;
          top: 29px;
          color: rgba(0, 0, 0, 0.5); }
      #header .user-info .logged-info a {
        color: inherit;
        text-decoration: none; }
      #header .user-info .logged-info .sep-line {
        margin: 0 5px; }

#footer {
  background-color: #ff0000;
  padding: 25px 40px 10px;
  color: #fff;
  text-align: center; }
  #footer .footer-menu {
    list-style: none;
    margin: 0 0 20px;
    padding: 0; }
    #footer .footer-menu li {
      display: inline-block;
      margin-right: 12px;
      padding-right: 12px;
      border-right: 2px solid;
      margin-bottom: 5px;
      line-height: 1; }
      #footer .footer-menu li:last-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0; }
      #footer .footer-menu li a {
        color: #fff;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        vertical-align: top;
        letter-spacing: -.2px; }
  #footer .copyright {
    font-size: 11px;
    font-weight: 100; }

#training-nav {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(100% - 110px);
  overflow: hidden;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 10; }
  #training-nav .panel {
    position: absolute;
    background-color: #fff;
    top: 0;
    right: 0;
    width: 400px;
    height: 100%;
    bottom: 0;
    -webkit-box-shadow: -15px 0 21px 12px rgba(0, 0, 0, 0.4);
            box-shadow: -15px 0 21px 12px rgba(0, 0, 0, 0.4);
    padding-top: 90px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: translateX(100%);
            transform: translateX(100%); }
    #training-nav .panel .panel-actions {
      text-align: right;
      padding: 0 40px;
      margin-bottom: 40px; }
      #training-nav .panel .panel-actions a {
        text-transform: uppercase;
        text-decoration: underline;
        color: #ff0000;
        font-weight: bold; }
    #training-nav .panel .links {
      list-style: none;
      height: calc(100% - 62px);
      overflow-x: auto; }
      #training-nav .panel .links .module {
        margin-bottom: 10px; }
        #training-nav .panel .links .module h2 {
          background: url("../img/module-nav-arr.png") no-repeat right 9px;
          font-size: 25px;
          margin-bottom: 10px;
          font-weight: bold;
          margin-right: 23px;
          padding: 0 0 0 20px;
          color: #c7c7c7;
          cursor: pointer; }
        #training-nav .panel .links .module .module-desc {
          font-size: 16px;
          color: #c7c7c7;
          font-weight: bold;
          margin-bottom: 25px;
          padding: 0 40px 0 20px; }
          #training-nav .panel .links .module .module-desc a {
            text-decoration: none;
            color: inherit; }
        #training-nav .panel .links .module .slides {
          list-style: outside none disc;
          margin-left: 20px;
          padding: 0 40px 0 20px;
          display: none; }
          #training-nav .panel .links .module .slides li {
            margin-bottom: 15px;
            color: #a7a7a7;
            font-weight: 100; }
            #training-nav .panel .links .module .slides li a {
              color: inherit;
              text-decoration: none; }
              #training-nav .panel .links .module .slides li a.disable {
                cursor: default;
                color: #D9D9D9; }
            #training-nav .panel .links .module .slides li.current {
              color: #ff0000;
              font-weight: bold; }
        #training-nav .panel .links .module .test-link {
          padding: 7px 40px;
          color: #fff;
          display: none;
          background-color: #ff0000;
          text-decoration: none;
          font-weight: bold; }
          #training-nav .panel .links .module .test-link.disable {
            background-color: #c7c7c7;
            cursor: default; }
        #training-nav .panel .links .module.active h2 {
          color: #ff0000;
          background-position: right -24px; }
        #training-nav .panel .links .module.active .module-desc {
          color: #a7a7a7; }
        #training-nav .panel .links .module.active .slides,
        #training-nav .panel .links .module.active .test-link {
          display: block; }
      #training-nav .panel .links .certificate-links {
        padding: 10px 40px 20px 20px; }
        #training-nav .panel .links .certificate-links a {
          color: #c7c7c7;
          font-size: 25px;
          font-weight: bold;
          margin-bottom: 10px;
          text-decoration: none;
          display: block; }

.show-nav #training-nav {
  opacity: 1;
  visibility: visible; }
  .show-nav #training-nav .panel {
    -webkit-transform: translateX(0);
            transform: translateX(0); }

.ui-selectmenu-button.ui-button {
  width: 100%;
  border-radius: 0;
  padding: 11px 10px;
  background-color: #fff;
  color: #767676;
  font-size: 13px;
  font-weight: bold;
  border: 2px solid transparent; }
  .ui-selectmenu-button.ui-button .ui-icon {
    background: url("../img/select-arr.png") no-repeat center center #ff0000;
    height: calc(100% + 4px);
    position: absolute;
    right: -2px;
    top: -2px;
    width: 32px; }

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
  color: #ff0000;
  padding: 8px 1em 8px 10px;
  border-bottom: 1px solid #a7a7a7; }
  .ui-menu .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: #ff0000;
    color: #fff;
    border: 0; }
.ui-menu .ui-menu-item:last-child .ui-menu-item-wrapper {
  border: 0; }

#admin-panel {
  padding: 40px; }
  #admin-panel .admin-login-form {
    width: 500px;
    margin: 0 auto; }
    #admin-panel .admin-login-form h2 {
      margin-bottom: 20px; }
    #admin-panel .admin-login-form button {
      border: 0; }

.cg-popup {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: calc(100%);
  overflow: hidden;
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 10; }
  .cg-popup.active {
    opacity: 1;
    visibility: visible; }
  .cg-popup .popup-inner {
    background-color: #fff;
    padding: 35px;
    width: 540px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 11;
    min-height: 100px; }
    .cg-popup .popup-inner:after {
      content: '';
      background: url("../img/popup-shadow.png") no-repeat center top;
      height: 62px;
      position: absolute;
      bottom: -62px;
      left: 0;
      width: 100%; }
    .cg-popup .popup-inner .popup-close {
      display: block;
      background: url("../img/close-popup.png") no-repeat;
      width: 16px;
      height: 16px;
      position: absolute;
      top: -20px;
      right: -20px;
      cursor: pointer; }
    .cg-popup .popup-inner .popup-content h2 {
      font-size: 25px;
      font-weight: bold;
      margin-bottom: 20px; }
  .cg-popup.upload-images .popup-inner {
    width: 550px; }
    .cg-popup.upload-images .popup-inner .popup-content .lessons-list {
      width: 85px;
      float: left;
      margin-right: 30px; }
      .cg-popup.upload-images .popup-inner .popup-content .lessons-list > span {
        display: block;
        margin-bottom: 10px;
        background-color: #9fa1a0;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        color: rgba(255, 255, 255, 0.5);
        text-align: center;
        padding: 10px;
        cursor: pointer; }
        .cg-popup.upload-images .popup-inner .popup-content .lessons-list > span.active {
          background-color: #ff0000;
          color: #fff; }
    .cg-popup.upload-images .popup-inner .popup-content .images-tabs {
      overflow: hidden; }
      .cg-popup.upload-images .popup-inner .popup-content .images-tabs h2 {
        font-size: 22px; }
      .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab {
        display: none; }
        .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab.active {
          display: block; }
        .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab .img {
          width: 115px;
          height: 115px;
          margin-right: 10px;
          margin-bottom: 10px;
          float: left;
          position: relative; }
          .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab .img .remove-img {
            display: block;
            background: url("../img/close-popup.png") no-repeat center center/cover;
            width: 10px;
            height: 10px;
            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer; }
          .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab .img img {
            width: 100%;
            height: 100%; }
          .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab .img input {
            display: none; }
          .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab .img:nth-child(3n+3) {
            margin-right: 0; }
        .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab .add-image {
          background: url("../img/icon-add-image.png") no-repeat center center;
          width: 115px;
          height: 115px;
          border: 2px dashed #ff0000;
          display: inline-block;
          cursor: pointer; }
          .cg-popup.upload-images .popup-inner .popup-content .images-tabs .tab .add-image input {
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0; }
      .cg-popup.upload-images .popup-inner .popup-content .images-tabs .actions {
        text-align: right;
        overflow: hidden;
        clear: both; }
        .cg-popup.upload-images .popup-inner .popup-content .images-tabs .actions a {
          font-size: 15px;
          color: #9fa1a0;
          font-weight: bold;
          text-decoration: none;
          text-transform: uppercase; }
          .cg-popup.upload-images .popup-inner .popup-content .images-tabs .actions a.active {
            opacity: 1; }
  .cg-popup.images-type-errors p {
    color: #a7a7a7;
    font-size: 16px; }
    .cg-popup.images-type-errors p strong {
      color: #ff0000;
      font-weight: bold; }