.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
@font-face {
  font-family: Open Sans;
  src: url(/fonts/open_sans/OpenSans-Regular.ttf);
}
@font-face {
  font-family: Open Sans Semibold;
  src: url(/fonts/open_sans/OpenSans-Semibold.ttf);
}
@font-face {
  font-family: Open Sans Bold;
  src: url(/fonts/open_sans/OpenSans-Bold.ttf);
}
@font-face {
  font-family: Pfhandbookpro;
  src: url(/fonts/pfhandbookpro/pfhandbookpro-regular.ttf);
}
@font-face {
  font-family: Pfhandbookpro thin;
  src: url(/fonts/pfhandbookpro/pfhandbookpro-thin.ttf);
}
@font-face {
  font-family: Pfhandbookpro black;
  src: url(/fonts/pfhandbookpro/pfhandbookpro-black.ttf);
}
@font-face {
  font-family: Pfhandbookpro bold;
  src: url(/fonts/pfhandbookpro/pfhandbookpro-bold.ttf);
}
@font-face {
  font-family: Roboto;
  src: url(/fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto light;
  src: url(/fonts/roboto/Roboto-Light.ttf);
}
@font-face {
  font-family: Roboto thin;
  src: url(/fonts/roboto/Roboto-Thin.ttf);
}
@font-face {
  font-family: Roboto bold;
  src: url(/fonts/roboto/Roboto-Bold.ttf);
}
@font-face {
  font-family: Seropro;
  src: url(/fonts/seropro/SeroPro.otf);
}
@font-face {
  font-family: Seropro bold;
  src: url(/fonts/seropro/SeroPro-Bold.otf);
}
@font-face {
  font-family: Seropro extrathin;
  src: url(/fonts/seropro/SeroPro-Extrathin.otf);
}
@font-face {
  font-family: Seropro light;
  src: url(/fonts/seropro/SeroPro-Light.otf);
}
@font-face {
  font-family: Seropro medium;
  src: url(/fonts/seropro/SeroPro-Medium.otf);
}
@font-face {
  font-family: Pragmatica;
  src: url(/fonts/pragmatica/PpragmaticaCTT.woff);
}
@font-face {
  font-family: Pragmatica Bold;
  src: url(/fonts/pragmatica/PragmaticaCTTbold.woff);
}
@font-face {
  font-family: Pragmatica ExtraBold;
  src: url(/fonts/pragmatica/Pragmatica-ExtraBold.woff);
}
html {
  height: 100%;
}
body {
  font-family: 'Pragmatica', 'Roboto', 'Arial';
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  min-width: 960px;
}
body .content {
  flex-grow: 2;
  display: flex;
  flex-direction: column;
}
body ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body b {
  font-weight: normal;
  font-family: Pragmatica bold;
}
body .text-center {
  text-align: center;
}
body .upper {
  text-transform: uppercase;
}
body .block {
  display: block;
}
body .wrap {
  position: relative;
}
body .text-input {
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #aaaaaa;
  font-size: 16px;
}
body .text-input.max-width {
  width: 100%;
}
body .is-invalid {
  border-color: #f0544f !important;
}
body .danger {
  color: #f0544f !important;
}
body .invalid-feedback {
  color: #f0544f;
  font-size: 14px;
  letter-spacing: 2px;
  font-family: Pragmatica bold;
}
body .main-wrapper {
  font-family: Seropro light;
  font-size: 16px;
  max-width: 1480px;
  min-width: 1125px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
}
body .main-wrapper.end-page {
  text-align: center;
  padding-top: 100px;
}
body .main-wrapper.end-page pre {
  font-family: Seropro light;
  font-size: 16px;
  background-color: white;
  border: none;
}
body .pointer {
  cursor: pointer;
}
body label {
  font-weight: normal;
  font-family: Roboto bold;
}
.title1,
.title2 {
  font-size: 30px;
  line-height: 30px;
}
.title2 {
  font-size: 35px;
}
.but {
  background-color: darkgray;
  outline: none;
  padding: 10px 20px;
  font-size: 15px;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Roboto bold;
  line-height: initial;
  border-radius: 10px;
  border: 0;
}
.but:hover {
  background-color: gray;
}
.but.accept,
.but.js-accept,
.but.js-ok,
.but.default {
  background-color: #ecb940;
  color: white;
  text-decoration: none;
}
.but.accept:hover,
.but.js-accept:hover,
.but.js-ok:hover,
.but.default:hover,
.but.accept:focus,
.but.js-accept:focus,
.but.js-ok:focus,
.but.default:focus {
  background-color: #d49500;
}
.but.accept:active,
.but.js-accept:active,
.but.js-ok:active,
.but.default:active {
  background-color: #ecb940;
}
.but.danger {
  background-color: #f0544f;
  color: white !important;
}
.but.danger:hover {
  background-color: #ef3d37;
  color: white !important;
}
.but.danger:active {
  background-color: #d63631;
  color: white !important;
}
.but.yellow {
  background-color: #f1b300;
  color: white;
  padding: 20px 30px;
  text-transform: none;
  font-size: 18px;
}
.but.yellow:hover {
  text-decoration: none;
  background-color: #d49500;
}
.but.white {
  background-color: white;
  color: #f1b300;
}
.but.white:hover {
  text-decoration: none;
  color: #f1b300;
}
.but.rounded {
  border-radius: 20px;
}
.outline-button {
  font-size: 25px;
  padding: 20px 100px;
  outline: none;
  color: #f1b300;
  font-family: Pragmatica bold;
  border: 3px solid #f1b300;
  border-radius: 15px;
  background-color: white;
  letter-spacing: 0;
  white-space: wrap;
  text-align: center;
  padding: 10px 35px;
  line-height: 1;
}
.outline-button:hover,
.outline-button:active,
.outline-button:focus {
  background-color: #f1b300;
  color: white;
  text-decoration: none;
}
input[type="text"],
textarea {
  outline: none;
  border: 1px solid gray;
  padding-left: 5px;
  padding-right: 5px;
}
.title-big {
  font-size: 50px;
  font-family: Pfhandbookpro bold;
}
.title-medium {
  font-size: 28px;
  font-family: Pfhandbookpro;
}
.error {
  color: #f0544f;
}
input.error {
  border-color: #f0544f !important;
}
.icon-pencil {
  background-image: url(/img/pencil.png);
  width: 20px;
  height: 20px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.icon-eye {
  background-image: url(/img/eye.png);
  background-position: 0 4px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.icon-sliders {
  background-image: url(/img/sliders.png);
  width: 20px;
  height: 20px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.preloader-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  background-color: white;
  opacity: 0.3;
}
.checkbox-handler {
  font-weight: normal;
  margin: 0 15px 0 0;
}
.checkbox-handler span {
  padding: 0 5px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #d0d0d0;
  background-color: white;
  position: relative;
  vertical-align: middle;
  margin: 0;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #eee, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(white));
  background-image: -webkit-linear-gradient(top, #eee, white);
  background-image: -o-linear-gradient(top, #eee, white);
  background-image: linear-gradient(to bottom, #eee, white);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 white, 0 0 0;
  -moz-box-shadow: inset 0 1px 0 white, 0 0 0;
  box-shadow: inset 0 1px 0 white, 0 0 0;
}
.checkbox.fa {
  padding-top: 2px;
  padding-left: 1px;
}
.checkbox .fa {
  font-size: 16px;
  position: absolute;
  top: 1px;
  left: 1px;
}
.text-input-light {
  outline: none;
  border: solid 1px #e5e5e5 !important;
  height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #eee, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(white));
  background-image: -webkit-linear-gradient(top, #eee, white);
  background-image: -o-linear-gradient(top, #eee, white);
  background-image: linear-gradient(to bottom, #eee, white);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 white, 0 0 0;
  -moz-box-shadow: inset 0 1px 0 white, 0 0 0;
  box-shadow: inset 0 1px 0 white, 0 0 0;
}
.text-input-light:focus {
  background: white;
}
.text-input-light:disabled {
  color: #a5a5a5;
}
.text-input-light.block {
  width: 100%;
}
.select-light {
  outline: none;
  border: solid 1px #e5e5e5;
  height: 40px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #eee, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(white));
  background-image: -webkit-linear-gradient(top, #eee, white);
  background-image: -o-linear-gradient(top, #eee, white);
  background-image: linear-gradient(to bottom, #eee, white);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 white, 0 0 0;
  -moz-box-shadow: inset 0 1px 0 white, 0 0 0;
  box-shadow: inset 0 1px 0 white, 0 0 0;
}
.select-light:focus {
  background: white;
}
.select-light[disabled="disabled"] {
  color: gray;
  background-color: #eeeeee;
  background-image: -moz-linear-gradient(top, #eee, #eee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#eee));
  background-image: -webkit-linear-gradient(top, #eee, #eee);
  background-image: -o-linear-gradient(top, #eee, #eee);
  background-image: linear-gradient(to bottom, #eee, #eee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffeeeeee', GradientType=0);
}
.preloader {
  width: 100px;
  height: 100px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  background-image: url(/img/loading.gif);
  z-index: 100001;
}
.main-btn {
  border: none;
  color: white;
  background-color: #27b5f4;
  border-radius: 5px;
  padding: 10px;
  text-decoration: none;
}
.main-btn:hover {
  text-decoration: none;
  color: white;
  background-color: #1965b5;
}
.logo img {
  padding: 10px 5px;
  width: 140px;
}
.row {
  margin: auto;
  max-width: 1500px;
  padding: 0 10px;
  box-sizing: border-box;
}
.sub-menu {
  text-align: left;
  display: flex;
  justify-content: space-between;
  max-width: 1500px;
  margin: 0 auto;
}
.sub-menu .menu-items .item {
  display: inline-block;
  font-size: 20px;
  padding-left: 50px;
}
.sub-menu .menu-items .item a {
  color: black;
  text-decoration: none;
  line-height: 5;
  text-transform: uppercase;
}
.sub-menu .menu-items .item a:hover {
  text-decoration: none;
  color: black;
}
.toolbar {
  background-color: #f3f2f3;
  height: 60px;
  border-bottom: 1px solid #dcdcdc;
}
.toolbar .toolbar-wrapper {
  height: 100%;
  margin: 0 auto;
  max-width: 1500px;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-wrapper .list-content {
  background-color: white;
  padding: 12px;
  box-sizing: border-box;
  width: 100%;
  vertical-align: top;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.list-wrapper .list-content .t-list {
  width: 100%;
}
.list-wrapper .list-content .t-list thead tr th {
  padding: 10px 5px 15px 5px;
}
.list-wrapper .list-content .t-list thead tr th:first-child {
  padding-left: 15px;
}
.list-wrapper .list-content .t-list tbody tr {
  border-bottom: 1px solid #f0eeef;
  cursor: pointer;
}
.list-wrapper .list-content .t-list tbody tr:nth-child(odd) {
  background-color: #f3f2f3;
}
.list-wrapper .list-content .t-list tbody tr td {
  padding: 10px 5px;
}
.list-wrapper .list-content .t-list tbody tr td:first-child {
  padding-left: 15px;
}
.list-wrapper .list-content .t-list tbody tr.danger {
  background-color: #ffe0e1;
}
.main-summary {
  background-color: #f1b300;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 30px;
  width: 600px;
}
.main-summary .level-bar {
  position: relative;
  overflow: hidden;
}
.main-summary .level-bar img {
  width: 540px;
}
.main-summary .level-bar .level-text {
  position: absolute;
  top: 23px;
  left: 10px;
  padding: 5px;
  background-color: white;
  border-radius: 10px;
  line-height: 1;
  font-size: 30px;
}
.main-summary .level-bar .mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: white;
}
.lk-title {
  font-family: Pragmatica ExtraBold;
  font-size: 40px;
  color: black;
}
.muted-text {
  color: #676767;
}
.hidden {
  display: none;
}
.text-mono {
  font-family: monospace;
  font-weight: bold;
}
.m-flex {
  display: flex;
}
.m-flex .flex-grow {
  flex-grow: 2;
}
.m-white {
  color: white;
}
.m-yellow {
  color: #f1b300;
}
.pl-1 {
  padding-left: 10px;
}
.mr-1 {
  margin-right: 10px;
}
.mr-2 {
  margin-right: 20px;
}
.mb-1 {
  margin-bottom: 10px;
}
.mb-2 {
  margin-bottom: 20px;
}
.mb-3 {
  margin-bottom: 30px;
}
.mb-5 {
  margin-bottom: 50px;
}
.mb-6 {
  margin-bottom: 60px;
}
.ml-2 {
  margin-left: 20px;
}
.ml-3 {
  margin-left: 30px;
}
.mt-1 {
  margin-top: 10px;
}
.mt-2 {
  margin-top: 20px;
}
.mt-3 {
  margin-top: 30px;
}
.mt-4 {
  margin-top: 40px;
}
.mt-5 {
  margin-top: 50px;
}
.mt-10 {
  margin-top: 100px;
}
.m-center {
  text-align: center;
}
.m-right {
  text-align: right;
}
.m-left {
  text-align: left;
}
.m-font11 {
  font-size: 11px;
}
.m-font12 {
  font-size: 12px;
}
.m-font13 {
  font-size: 13px;
}
.m-font14 {
  font-size: 14px;
}
.m-font16 {
  font-size: 16px;
}
.m-font17 {
  font-size: 17px;
}
.m-font18 {
  font-size: 18px;
}
.m-font19 {
  font-size: 19px;
}
.m-font20 {
  font-size: 20px;
}
.m-font22 {
  font-size: 22px;
}
.m-font24 {
  font-size: 24px;
}
.m-font30 {
  font-size: 30px;
}
.m-bold {
  font-family: Pragmatica Bold;
}
.m-black {
  font-family: Pragmatica ExtraBold;
}
@media screen and (max-width: 1240px) {
  .main-summary {
    border-radius: 20px;
    width: auto;
  }
  .main-summary .level-bar {
    display: inline-flex;
  }
}
.site-error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 2;
  font-size: 18px;
  text-align: center;
}
.site-error .error-message {
  font-family: Pragmatica Bold;
  font-size: 45px;
}
.body-static {
  min-width: 1200px;
  color: black;
}
.body-static h2 {
  font-family: Pragmatica ExtraBold;
  font-size: 48px;
  font-weight: normal;
  padding: 60px 0 50px 0;
  margin: 0;
}
.body-static h3 {
  font-family: Pragmatica bold;
  font-size: 20px;
  font-weight: normal;
  padding: 50px 0 30px 0;
  margin: 0;
}
.body-static .text1 {
  font-size: 20px;
  margin-bottom: 20px;
}
.body-static .text1 span {
  color: #ecb940;
  font-family: Pragmatica bold;
}
.body-static .button {
  display: flex;
  padding: 15px 20px;
  background-color: #f1b300;
  color: black;
  text-align: center;
  font-size: 18px;
  font-family: Pragmatica bold;
  border-radius: 30px;
  line-height: 1.1;
  cursor: pointer;
}
.body-static .button:hover {
  text-decoration: none;
}
.body-static .button.white {
  background-color: white;
  text-shadow: none;
}
.body-static .text2 {
  line-height: 1.8;
  margin-bottom: 30px;
}
.body-static .columns {
  display: flex;
}
.body-static .block {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}
.body-static .tab-content-wrapper .marked-list .item {
  width: 50%;
  min-width: 50%;
}
.body-static .marked-list {
  display: flex;
  flex-wrap: wrap;
  color: black;
  position: relative;
  margin-bottom: 30px;
  line-height: 1.8;
}
.body-static .marked-list.block {
  display: block;
}
.body-static .marked-list.block .item {
  width: 100%;
  padding-bottom: 15px;
}
.body-static .marked-list .item {
  width: 32%;
  min-width: 32%;
  position: relative;
  box-sizing: border-box;
  padding: 0 5px 30px 20px;
}
.body-static .marked-list .item:before {
  content: '';
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #ecb940;
}
.body-static .static-popup-mask {
  position: fixed !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
  z-index: 1 !important;
  margin-top: unset !important;
  margin-left: unset !important;
}
.body-static .static-popup-mask.hidden {
  display: none !important;
}
.body-static .static-popup {
  position: fixed;
  width: 80vw;
  height: 80vh;
  top: 50%;
  left: 50%;
  margin-left: -40vw;
  margin-top: -40vh;
  background-color: #fcf0cc;
  padding: 30px;
  border-radius: 30px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.body-static .static-popup.hidden {
  display: none;
}
.body-static .static-popup .popup-title {
  font-family: Pragmatica ExtraBold;
  font-size: 40px;
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
.body-static .static-popup .popup-title .close-popup {
  cursor: pointer;
  margin-right: -7px;
}
.body-static .static-popup .popup-content {
  flex-grow: 2;
  overflow-y: auto;
}
.body-static .sb {
  margin: 0 10px;
  margin-top: -25px;
}
.body-static .sb img {
  width: 50px;
  height: 50px;
}
.body-static .sb:after {
  display: none;
}
.body-static .sb.swiper-button-prev img {
  transform: rotate(180deg);
}
.body-static .header-static-mobile {
  display: none;
}
.body-static .header-static {
  background-color: #050707;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1200px;
  z-index: 2;
}
.body-static .header-static .menu {
  max-width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
  padding: 14px;
}
.body-static .header-static .menu .menu-item:last-child {
  margin-right: 0;
}
.body-static .header-static .menu .menu-item:nth-child(1) {
  flex-grow: 2;
}
.body-static .header-static .menu .menu-item a {
  color: white;
  font-size: 16px;
  font-family: Pragmatica bold;
}
.body-static .header-static .menu .menu-item a:hover {
  text-decoration: underline;
}
.body-static .header-static .menu .menu-item.logo-wrapper a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: Pragmatica bold;
  color: white;
  white-space: nowrap;
  text-transform: uppercase;
}
.body-static .header-static .menu .menu-item.logo-wrapper a:hover {
  text-decoration: none;
}
.body-static .header-static .menu .menu-item.logo-wrapper a div:last-child {
  letter-spacing: 2px;
  font-size: 15px;
  line-height: 1.3;
  padding-top: 2px;
}
.body-static .header-static .menu .menu-item.login {
  text-align: right;
  margin-right: 0;
  display: flex;
  gap: 10px;
  align-items: center;
}
.body-static .header-static .menu .menu-item.login a img {
  height: 40px;
}
.body-static .content-static {
  flex-grow: 2;
}
.body-static .content-static .title-block {
  background-image: url(/img/title-block-background2.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.body-static .content-static .title-block .title-wrapper {
  display: flex;
  align-items: flex-end;
}
.body-static .content-static .title-block .title-wrapper .left-block {
  flex-grow: 2;
  margin-top: 60px;
  margin-bottom: 70px;
  color: white;
}
.body-static .content-static .title-block .title-wrapper .left-block .main-title {
  font-size: 50px;
  font-family: Pragmatica ExtraBold;
  line-height: 1.2;
  color: #f1b300;
}
.body-static .content-static .title-block .title-wrapper .left-block .main-subtitle {
  margin-top: 40px;
  margin-bottom: 220px;
  font-family: Pragmatica bold;
  font-size: 22px;
}
.body-static .content-static .title-block .title-wrapper .left-block .controls {
  display: flex;
  gap: 40px;
}
.body-static .content-static .title-block .title-wrapper .left-block .controls .button {
  max-width: 220px;
}
.body-static .content-static .title-block .title-wrapper .left-block .main-buttons {
  display: block;
  width: 500px;
  text-align: center;
  margin-bottom: 20px;
}
.body-static .content-static .title-block .title-wrapper .left-block .main-buttons:last-child {
  margin-bottom: 0;
}
.body-static .content-static .title-block .title-wrapper .left-block .main-buttons.course-link {
  background-color: #fce79f;
  color: black;
}
.body-static .content-static .title-block .title-wrapper .left-block .main-buttons.course-link:hover {
  background-color: #edd171;
}
.body-static .content-static .title-block .title-wrapper .right-block {
  margin-top: 10px;
}
.body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper {
  color: black;
  font-size: 18px;
  width: 460px;
  padding: 30px;
  background-color: rgba(241, 179, 0, 0.85);
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}
.body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper .right-title {
  font-family: Pragmatica bold;
  font-size: 24px;
}
.body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper ul {
  list-style-type: disc;
  margin-left: 17px;
}
.body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper ul li {
  margin-bottom: 3px;
  font-family: Pragmatica bold;
}
.body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper ul li:last-child {
  margin-bottom: 0;
}
.body-static .content-static .about-block {
  background-color: #f6f6f6;
}
.body-static .content-static .about-block .about-wrapper {
  padding: 0 10px;
}
.body-static .content-static .about-block .about-wrapper h2 {
  font-family: Pragmatica ExtraBold;
}
.body-static .content-static .about-block .about-wrapper h3 {
  padding-top: 10px;
}
.body-static .content-static .about-block .about-wrapper .columns {
  gap: 55px;
}
.body-static .content-static .about-block .about-wrapper .left .left-text {
  margin-bottom: 40px;
  font-size: 24px;
}
.body-static .content-static .about-block .about-wrapper .right {
  min-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.body-static .content-static .about-block .about-wrapper .right h3 {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0;
}
.body-static .content-static .about-block .about-wrapper .right .right-text {
  font-size: 18px;
}
.body-static .content-static .about-block .about-wrapper .right .arrow-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.body-static .content-static .about-block .about-wrapper .right .arrow-list .item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 18px;
}
.body-static .content-static .about-block .about-wrapper .right .arrow-list .item img {
  padding-top: 5px;
}
.body-static .content-static .about-block .about-wrapper .right .about-logos {
  display: none;
}
.body-static .content-static .about-block .about-wrapper .about-logos {
  border: 2px solid #f1b300;
  border-radius: 20px;
  padding: 10px;
  display: flex;
}
.body-static .content-static .about-block .about-wrapper .about-logos .item {
  padding: 25px;
}
.body-static .content-static .about-block .about-wrapper .about-logos .item:first-child {
  border-right: 2px solid #f1b300;
}
.body-static .content-static .advantages-block {
  background-color: #f6f6f6;
}
.body-static .content-static .advantages-block .advantages-wrapper {
  padding: 0 10px 10px 10px;
}
.body-static .content-static .advantages-block .advantages-wrapper .items {
  border: 2px solid #f1b300;
  border-radius: 20px;
  padding: 10px;
  display: flex;
}
.body-static .content-static .advantages-block .advantages-wrapper .items .item {
  padding: 25px;
  border-right: 2px solid #f1b300;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  font-size: 16px;
}
.body-static .content-static .advantages-block .advantages-wrapper .items .item:last-child {
  border-right: 2px solid #f6f6f6;
}
.body-static .content-static .advantages-block .advantages-wrapper .items .item .adv-title {
  font-family: Pragmatica bold;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #f1b300;
  text-align: center;
}
.body-static .content-static .advantages-block .advantages-wrapper .items .item .rpr-wrapper {
  width: 100%;
}
.body-static .content-static .advantages-block .advantages-wrapper .items .item .rpr-wrapper .rpr {
  font-size: 50px;
}
.body-static .content-static .advantages-block .advantages-wrapper .controls {
  display: flex;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 150px;
}
.body-static .content-static .advantages-block .advantages-wrapper .controls .button {
  max-width: 300px;
  padding: 20px;
}
.body-static .competencies-block {
  background-color: #f1b300;
}
.body-static .competencies-block h2 {
  color: white;
}
.body-static .competencies-block .competencies-wrapper {
  padding: 40px 10px 100px 10px;
}
.body-static .competencies-block .competencies-wrapper .competence-list {
  display: flex;
  margin-bottom: 50px;
  border: 2px solid white;
  border-radius: 20px;
  overflow: hidden;
  height: 430px;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item {
  flex-grow: 1;
  flex-basis: 0;
  box-sizing: border-box;
  cursor: pointer;
  border-right: 2px solid white;
  height: 100%;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item p {
  text-align: left;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item .title-wrapper {
  display: flex;
  flex-direction: column;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item .title-wrapper .sign {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item .title-wrapper .competence-title {
  padding: 0 10px;
  text-align: center;
  margin-top: 120px;
  margin-bottom: 50px;
  color: white;
  font-family: Pragmatica bold;
  font-size: 14px;
  text-transform: uppercase;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item .desc {
  display: none;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item:last-child {
  border-right: 2px solid #f1b300;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item.active {
  color: black;
  background-color: white;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item.active .title-wrapper .competence-title {
  display: none;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item.active .desc {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item.active .desc .desc-item {
  display: flex;
  gap: 5px;
  text-align: left;
  font-family: Pragmatica;
  font-size: 14px;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item.active .desc .desc-item .i {
  min-width: 11px;
  margin-top: 4px;
}
.body-static .competencies-block .competencies-wrapper .competence-list .item.active:last-child {
  border-right: 2px solid white;
}
.body-static .competencies-block .competencies-wrapper .but {
  display: inline-block;
  padding: 20px 30px;
  text-transform: none;
  font-size: 18px;
}
.body-static .promo-block {
  background-color: #f6f6f6;
}
.body-static .promo-block .promo-wrapper {
  overflow-x: hidden;
}
.body-static .promo-block .promo-wrapper .tabs {
  display: flex;
  border-bottom: 3px solid #f1b300;
  margin: 0 0 40px 0;
}
.body-static .promo-block .promo-wrapper .tabs .tab {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
}
.body-static .promo-block .promo-wrapper .tabs .tab .tab-text-wrapper {
  color: #9d9d9c;
  font-size: 22px;
  font-family: Pragmatica;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 10px 20px 5px 20px;
  position: relative;
  background-color: #dadada;
  border: 3px solid #f6f6f6;
  border-bottom: none;
}
.body-static .promo-block .promo-wrapper .tabs .tab.active .tab-text-wrapper {
  color: #f1b300;
  border: 3px solid #f1b300;
  border-bottom: none;
  background-color: transparent;
}
.body-static .promo-block .promo-wrapper .tabs .tab.active .tab-text-wrapper:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 5px;
  left: 0;
  bottom: -4px;
  background-color: #f6f6f6;
}
.body-static .promo-block .promo-wrapper .mobile-block-title {
  display: none;
}
.body-static .promo-block .promo-wrapper .tab-content {
  display: none;
}
.body-static .promo-block .promo-wrapper .tab-content.active {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.body-static .promo-block .promo-wrapper .left {
  flex-grow: 1;
  flex-basis: 0;
}
.body-static .promo-block .promo-wrapper .left .items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.body-static .promo-block .promo-wrapper .left .items .item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 18px;
}
.body-static .promo-block .promo-wrapper .left .items .item img {
  margin-top: 4px;
  width: 16px;
  min-width: 16px;
}
.body-static .promo-block .promo-wrapper .left .button {
  width: 220px;
}
.body-static .promo-block .promo-wrapper .right {
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.body-static .promo-block .promo-wrapper .right img {
  width: 100%;
  border-bottom-right-radius: 15px;
}
.body-static .promo-block .promo-wrapper .right .button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 180px;
  border-radius: 0;
  border-top-left-radius: 10px;
}
.body-static .promo-block .promo-wrapper .promo-descr {
  padding-bottom: 30px;
}
.body-static .promo-block .promo-wrapper .button-wrapper {
  padding: 40px 0 0 0;
}
.body-static .promo-block .promo-wrapper .button-wrapper:last-child {
  padding-bottom: 60px;
}
.body-static .promo-block .promo-wrapper .button-wrapper .but {
  display: inline-block;
  width: 490px;
}
.body-static .how-to-work {
  background-color: #f6f6f6;
}
.body-static .how-to-work .block h2 {
  padding-top: 0;
}
.body-static .how-to-work .block .work-steps {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.body-static .how-to-work .block .work-steps .work-row {
  display: flex;
  justify-content: flex-start;
  gap: 30px;
}
.body-static .how-to-work .block .work-steps .work-row .step {
  flex-grow: 1;
  flex-basis: 0;
  height: 240px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 30px;
  color: white;
}
.body-static .how-to-work .block .work-steps .work-row .step.s1 {
  border-top-left-radius: 30px;
  background-image: url(/img/how-to-work1.png);
}
.body-static .how-to-work .block .work-steps .work-row .step.s1 div:last-child {
  padding-right: 25px;
}
.body-static .how-to-work .block .work-steps .work-row .step.s2 {
  background-image: url(/img/how-to-work2.png);
}
.body-static .how-to-work .block .work-steps .work-row .step.s2 div:last-child {
  padding-right: 35px;
}
.body-static .how-to-work .block .work-steps .work-row .step.s3 {
  border-top-right-radius: 30px;
  background-image: url(/img/how-to-work3.png);
}
.body-static .how-to-work .block .work-steps .work-row .step.s4 {
  border-bottom-left-radius: 30px;
  background-image: url(/img/how-to-work4.png);
}
.body-static .how-to-work .block .work-steps .work-row .step.s5 {
  background-image: url(/img/how-to-work5.png);
}
.body-static .how-to-work .block .work-steps .work-row .step.s6 {
  opacity: 0;
}
.body-static .how-to-work .block .work-steps .work-row .step .num {
  font-family: Pragmatica ExtraBold;
  font-size: 45px;
}
.body-static .how-to-work .block .work-steps .work-row .step .desc {
  font-size: 19px;
}
.body-static .publications-block {
  background-color: #f6f6f6;
}
.body-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide {
  width: 465px;
  height: 365px;
  background-image: linear-gradient(135deg, #791797, #7c1c93, #b86848, #f2b300);
  padding: 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.body-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .pub-title {
  font-family: Pragmatica Bold;
  font-size: 27px;
  color: white;
  line-height: 1;
}
.body-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .pub-desc {
  font-family: Pragmatica Bold;
  font-size: 18px;
  color: white;
  margin-top: 30px;
}
.body-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .controls {
  display: flex;
  gap: 20px;
}
.body-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .controls .button {
  padding: 30px 70px;
  gap: 10px;
  background-color: white;
}
.body-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .controls .button img {
  width: 16px;
}
.body-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .controls .button:hover {
  background-color: #f1b300;
}
.body-static .publications-block .static-popup {
  z-index: 2;
}
.body-static .publications-block .static-popup .popup-content .part {
  border-bottom: 2px solid #f1b300;
  padding: 20px 0;
}
.body-static .publications-block .static-popup .popup-content .part:last-child {
  border-bottom: 0;
}
.body-static .publications-block .static-popup .popup-content .part .part-title {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: Pragmatica Bold;
  margin-bottom: 15px;
}
.body-static .publications-block .static-popup .popup-content .part .items {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.body-static .publications-block .static-popup .popup-content .part .items .item {
  text-decoration: none;
}
.body-static .publications-block .static-popup .popup-content .part .items .item:hover,
.body-static .publications-block .static-popup .popup-content .part .items .item:active,
.body-static .publications-block .static-popup .popup-content .part .items .item:fucused {
  text-decoration: none;
}
.body-static .publications-block .static-popup .popup-content .part .items .item .item-title {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #5c2483;
  font-family: Pragmatica Bold;
}
.body-static .publications-block .static-popup .popup-content .part .items .item .authors {
  font-size: 17px;
  color: black;
}
.body-static .webinars-block {
  background-color: #f6f6f6;
}
.body-static .webinars-block h2 {
  padding: 40px 0 30px 0;
}
.body-static .webinars-block .block {
  padding: 20px 10px 0 10px;
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide {
  width: 465px;
  height: 365px;
  background-image: url(/img/how-to-work2.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: white;
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide:nth-child(2) {
  background-image: url(/img/how-to-work3.png);
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide .top :first-child {
  font-size: 22px;
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide .top :nth-child(2) {
  padding-top: 10px;
  font-size: 18px;
  font-family: Pragmatica Bold;
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide .top :nth-child(3) {
  padding-top: 20px;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide .controls {
  display: flex;
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide .controls .button {
  background-color: transparent;
  border: 3px solid white;
  color: white;
  padding: 20px 30px;
  border-radius: 20px;
}
.body-static .webinars-block .swiper .swiper-wrapper .swiper-slide .controls .button:hover {
  background-color: white;
  color: black;
}
.body-static .partners-block {
  background-color: #f6f6f6;
}
.body-static .partners-block .block {
  padding: 0;
}
.body-static .partners-block .swiper {
  background-color: #fcf0cc;
  border-radius: 20px;
}
.body-static .partners-block .swiper .swiper-wrapper .swiper-slide {
  height: 175px;
  width: unset;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.body-static .reviews-block {
  background-color: #f6f6f6;
}
.body-static .reviews-block .block {
  padding: 0;
}
.body-static .reviews-block .swiper {
  background-color: #fcf0cc;
  border-radius: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
.body-static .reviews-block .swiper .swiper-wrapper .swiper-slide {
  height: 323px;
  width: unset;
  display: flex;
  align-items: center;
  padding: 0 10px;
}
.body-static .reviews-block .swiper .swiper-wrapper .swiper-slide img {
  border-radius: 10px;
}
.body-static .reviews-block .swiper .swiper-wrapper .swiper-slide:after {
  content: '+';
  font-size: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: 0;
  margin-top: 0;
  border-radius: 50%;
  background-color: #f1b300;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.body-static .reviews-block .swiper .swiper-wrapper .swiper-slide:hover:after {
  font-size: 46px;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
}
.body-static .contacts {
  background-color: #f6f6f6;
}
.body-static .contacts .block {
  padding-bottom: 50px;
}
.body-static .contacts .block .columns .left {
  flex-grow: 2;
}
.body-static .contacts .block .items .item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.body-static .contacts .block .feedback {
  width: 478px;
  box-sizing: border-box;
  padding: 20px 30px;
  border: 3px solid #f1b300;
  border-radius: 30px;
}
.body-static .contacts .block .feedback .feedback-title {
  font-family: Pragmatica bold;
  font-size: 20px;
  margin-bottom: 20px;
}
.body-static .contacts .block .feedback .email,
.body-static .contacts .block .feedback .user-question {
  display: block;
  outline: none;
  border: 1px solid #cecece;
  padding: 10px;
  width: 100%;
  font-size: 18px;
  resize: vertical;
  position: relative;
}
.body-static .contacts .block .feedback .email::placeholder,
.body-static .contacts .block .feedback .user-question::placeholder {
  color: #cecece;
}
.body-static .contacts .block .feedback .email {
  margin-bottom: 20px;
}
.body-static .contacts .block .feedback .controls {
  display: flex;
  justify-content: center;
  padding-top: 20px;
}
.body-static .contacts .block .feedback .controls .send-feedback {
  padding: 20px 30px;
  border: none;
  color: white;
}
.body-static .footer-static {
  padding: 60px 20px 95px 20px;
  background-color: #050707;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  font-size: 14px;
  font-family: Pragmatica Bold;
  color: #f1b300;
}
.body-static .footer-static .i {
  cursor: pointer;
}
.body-static .footer-static .link {
  color: #f1b300;
  cursor: pointer;
}
.body-static .footer-static .link:hover {
  text-decoration: underline;
}
.body-static .footer-static .copiright-toggler-target {
  height: 550px;
  width: 840px;
  margin-top: -250px;
  margin-left: -420px;
  color: black;
}
.body-static .footer-static .copiright-toggler-target .popup-content {
  display: flex;
  align-items: center;
  gap: 20px;
}
.body-static .footer-static .copiright-toggler-target .popup-content img {
  width: 240px;
}
.body-static .footer-static .activity-toggler-target {
  height: 550px;
  width: 840px;
  margin-top: -250px;
  margin-left: -420px;
  color: black;
}
.body-static .footer-static .activity-toggler-target .popup-title {
  padding-left: 40px;
}
.body-static .footer-static .activity-toggler-target .popup-content {
  font-size: 18px;
  font-family: Pragmatica;
  padding: 40px;
}
.body-static .footer-static .activity-toggler-target .popup-content p {
  margin-bottom: 20px;
}
.body-static .footer-static .activity-toggler-target .popup-content p:last-child {
  margin-bottom: 0;
}
.body-static .footer-static .policy-toggler-target,
.body-static .footer-static .agreement-toggler-target {
  color: black;
}
.body-static .footer-static .policy-toggler-target .popup-content,
.body-static .footer-static .agreement-toggler-target .popup-content {
  font-size: 18px;
  font-family: Pragmatica;
}
.body-static .footer-static .policy-toggler-target .popup-content .main,
.body-static .footer-static .agreement-toggler-target .popup-content .main {
  counter-reset: list1;
  padding-left: 0;
  padding-top: 30px;
}
.body-static .footer-static .policy-toggler-target .popup-content .main .main-item,
.body-static .footer-static .agreement-toggler-target .popup-content .main .main-item {
  font-family: Pragmatica Bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.body-static .footer-static .policy-toggler-target .popup-content .main li,
.body-static .footer-static .agreement-toggler-target .popup-content .main li {
  list-style-type: none;
  text-align: center;
}
.body-static .footer-static .policy-toggler-target .popup-content .main li:before,
.body-static .footer-static .agreement-toggler-target .popup-content .main li:before {
  counter-increment: list1;
  content: counter(list1) ". ";
  margin-right: 5px;
}
.body-static .footer-static .policy-toggler-target .popup-content .main .inner,
.body-static .footer-static .agreement-toggler-target .popup-content .main .inner {
  counter-reset: list2;
  padding-left: 0;
}
.body-static .footer-static .policy-toggler-target .popup-content .main .inner li,
.body-static .footer-static .agreement-toggler-target .popup-content .main .inner li {
  list-style-type: none;
  margin-bottom: 10px;
  text-align: left;
}
.body-static .footer-static .policy-toggler-target .popup-content .main .inner li:before,
.body-static .footer-static .agreement-toggler-target .popup-content .main .inner li:before {
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ". ";
  margin-right: 5px;
}
@media screen and (max-width: 600px) {
  .image-popup-view .image-wrapper img {
    width: 300px;
  }
  .body-static {
    color: black;
    min-width: 350px;
    font-size: 14px;
  }
  .body-static h2 {
    font-family: Pragmatica bold;
    font-size: 30px;
    font-weight: normal;
    padding: 60px 0 50px 0;
    margin: 0;
  }
  .body-static h3 {
    font-family: Pragmatica bold;
    font-size: 20px;
    font-weight: normal;
    padding: 50px 0 30px 0;
    margin: 0;
  }
  .body-static .text1 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .body-static .text1 span {
    color: #ecb940;
    font-family: Pragmatica bold;
  }
  .body-static .text2 {
    line-height: 1.6;
    margin-bottom: 30px;
  }
  .body-static .columns {
    display: flex;
  }
  .body-static .block {
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
  }
  .body-static .but {
    padding: 15px 25px;
    font-size: 16px;
  }
  .body-static .sb {
    display: none;
  }
  .body-static .header-static {
    display: none;
  }
  .body-static .header-static-mobile {
    display: block;
    background-color: #050707;
    padding: 15px;
  }
  .body-static .header-static-mobile .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .body-static .header-static-mobile .header-wrapper .logo-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
    color: white;
  }
  .body-static .header-static-mobile .header-wrapper .logo-wrapper div:last-child {
    font-family: Pragmatica bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 15px;
    line-height: 1.3;
    padding-top: 2px;
    text-decoration: none;
  }
  .body-static .header-static-mobile .menu {
    display: none;
  }
  .body-static .header-static-mobile .menu.active {
    display: block;
    position: absolute;
    top: 73px;
    left: 0;
    width: 100%;
    background-color: #050707;
    box-sizing: border-box;
    z-index: 3;
  }
  .body-static .header-static-mobile .menu.active .menu-item {
    padding: 10px 20px;
    font-size: 16px;
    color: #cecece;
    text-decoration: none;
    display: block;
  }
  .body-static .static-popup {
    width: 90vw;
    height: 90vh;
    margin-left: -45vw;
    margin-top: -45vh;
    padding: 15px;
    border-radius: 20px;
    gap: 10px;
  }
  .body-static .static-popup .popup-title {
    font-size: 24px;
  }
  .body-static .static-popup .popup-title .close-popup {
    margin-right: -7px;
    width: 20px;
    min-width: 20px;
  }
  .body-static .content-static .title-block {
    background-image: none;
  }
  .body-static .content-static .title-block .title-wrapper {
    flex-direction: column;
    position: relative;
  }
  .body-static .content-static .title-block .title-wrapper .left-block {
    margin: 0;
    padding: 30px;
    padding-bottom: 80px;
    background-image: url(/img/title-block-background2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    z-index: 2;
    width: 100%;
  }
  .body-static .content-static .title-block .title-wrapper .left-block .main-title {
    font-size: 32px;
  }
  .body-static .content-static .title-block .title-wrapper .left-block .main-subtitle {
    font-size: 18px;
    margin-bottom: 100px;
  }
  .body-static .content-static .title-block .title-wrapper .left-block .controls {
    flex-direction: column;
  }
  .body-static .content-static .title-block .title-wrapper .left-block .controls .button {
    max-width: 220px;
    width: 100%;
    margin: 0 auto;
  }
  .body-static .content-static .title-block .title-wrapper .left-block .controls .main-buttons {
    max-width: 100%;
  }
  .body-static .content-static .title-block .title-wrapper .left-block .controls .main-buttons.test-link {
    display: none;
  }
  .body-static .content-static .title-block .title-wrapper .left-block .controls a:last-child {
    display: none;
  }
  .body-static .content-static .title-block .title-wrapper .right-block {
    margin-top: -50px;
  }
  .body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper {
    width: 100%;
    border-radius: 0;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-top: 75px;
  }
  .body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper .right-title {
    font-size: 20px;
  }
  .body-static .content-static .title-block .title-wrapper .right-block .right-block-wrapper ul li {
    font-size: 14px;
  }
  .body-static .content-static .about-block {
    background-color: white;
    padding: 20px;
  }
  .body-static .content-static .about-block .about-wrapper h2 {
    padding-top: 25px;
    padding-bottom: 20px;
  }
  .body-static .content-static .about-block .about-wrapper .columns {
    flex-direction: column;
    gap: 20px;
  }
  .body-static .content-static .about-block .about-wrapper .columns .left .about-logos {
    display: none;
  }
  .body-static .content-static .about-block .about-wrapper .columns .left .left-text {
    font-size: 18px;
    margin-bottom: 0;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right {
    min-width: unset;
    gap: 20px;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right h3 {
    font-size: 14px;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right .right-text {
    font-size: 14px;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right .arrow-list .item img {
    width: 12px;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right .arrow-list .item div {
    font-size: 14px;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right .about-logos {
    display: flex;
    flex-direction: column;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right .about-logos .item {
    padding: 25px;
  }
  .body-static .content-static .about-block .about-wrapper .columns .right .about-logos .item:first-child {
    border-right: none;
    border-bottom: 2px solid #f1b300;
  }
  .body-static .content-static .advantages-block {
    background-color: white;
    padding: 20px;
  }
  .body-static .content-static .advantages-block .advantages-wrapper {
    padding: 0 10px 10px 10px;
  }
  .body-static .content-static .advantages-block .advantages-wrapper h2 {
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .body-static .content-static .advantages-block .advantages-wrapper .items {
    border: none;
    flex-direction: column;
    gap: 40px;
    padding: 0;
  }
  .body-static .content-static .advantages-block .advantages-wrapper .items .item {
    border-right: none;
    padding: 0;
    font-size: 18px;
  }
  .body-static .content-static .advantages-block .advantages-wrapper .items .item:last-child {
    border-right: none;
  }
  .body-static .content-static .advantages-block .advantages-wrapper .items .item .rpr-wrapper {
    width: unset;
    text-align: center;
  }
  .body-static .content-static .advantages-block .advantages-wrapper .controls {
    margin-bottom: 30px;
  }
  .body-static .content-static .advantages-block .advantages-wrapper .controls .button {
    max-width: 200px;
    padding: 10px 20px;
  }
  .body-static .content-static .competencies-block {
    background-color: transparent;
  }
  .body-static .content-static .competencies-block h2 {
    padding: 45px 30px 40px 30px;
  }
  .body-static .content-static .competencies-block .competencies-wrapper {
    padding: 0 0 30px 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background-color: #f1b300;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list {
    border: none;
    flex-direction: column;
    gap: 0;
    height: unset;
    margin-bottom: 0;
    border-radius: unset;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item {
    border-right: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item:last-child {
    border-right: none;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item .title-wrapper {
    flex-direction: row;
    align-items: center;
    padding: 10px 30px;
    flex-grow: 2;
    z-index: 2;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item .title-wrapper .sign {
    height: unset;
    width: 60px;
    min-width: 60px;
    text-align: center;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item .title-wrapper .competence-title {
    margin: 0;
    font-size: 16px;
    text-align: left;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item.active {
    background-color: #f1b300;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item.active .title-wrapper {
    flex-direction: row;
    align-items: center;
    background-color: white;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item.active .title-wrapper .sign {
    height: unset;
    width: 60px;
    min-width: 60px;
    text-align: center;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item.active .title-wrapper .competence-title {
    display: block;
    color: #f1b300;
  }
  .body-static .content-static .competencies-block .competencies-wrapper .competence-list .item.active .desc {
    padding: 20px 30px;
    flex-grow: 2;
    z-index: 2;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    background-color: white;
  }
  .body-static .content-static .promo-block {
    background-color: white;
    padding: 0 30px;
  }
  .body-static .content-static .promo-block .promo-wrapper h2 {
    padding: 45px 0 20px 0;
  }
  .body-static .content-static .promo-block .promo-wrapper .tabs {
    display: none;
  }
  .body-static .content-static .promo-block .promo-wrapper .mobile-block-title {
    display: block;
    color: #f1b300;
    font-size: 18px;
    font-family: Pragmatica;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .body-static .content-static .promo-block .promo-wrapper .tab-content-wrapper .tab-content {
    flex-direction: column;
    display: flex;
  }
  .body-static .content-static .promo-block .promo-wrapper .left .button-wrapper {
    display: flex;
    justify-content: center;
    padding: 20px 0 30px 0;
  }
  .body-static .content-static .promo-block .promo-wrapper .right {
    flex-basis: unset;
  }
  .body-static .content-static .promo-block .promo-wrapper .right img {
    border-radius: 10px;
  }
  .body-static .content-static .promo-block .promo-wrapper .right .button {
    border-radius: 30px;
    position: unset;
    margin: 20px auto 30px auto;
    background-color: #f8d980;
  }
  .body-static .content-static .how-to-work {
    background-color: white;
    padding: 0 30px 30px 30px;
    background-image: url(/img/how-to-work3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  .body-static .content-static .how-to-work .block h2 {
    color: white;
    padding-top: 30px;
    padding-bottom: 25px;
  }
  .body-static .content-static .how-to-work .block .work-steps {
    flex-direction: column;
    gap: 30px;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row {
    flex-direction: column;
    gap: 30px;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step {
    flex-grow: unset;
    flex-basis: unset;
    height: unset;
    padding: 0;
    display: flex;
    gap: 20px;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s1 {
    background-image: none;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s1 div:last-child {
    padding-right: 0;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s2 {
    background-image: none;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s2 div:last-child {
    padding-right: 0;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s3 {
    background-image: none;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s4 {
    background-image: none;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s5 {
    background-image: none;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step.s6 {
    display: none;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step .num {
    font-family: Pragmatica ExtraBold;
    font-size: 45px;
  }
  .body-static .content-static .how-to-work .block .work-steps .work-row .step .desc {
    font-size: 17px;
  }
  .body-static .content-static .publications-block {
    background-color: white;
  }
  .body-static .content-static .publications-block .publications-wrapper h2 {
    padding: 40px 20px 30px 20px;
  }
  .body-static .content-static .publications-block .publications-wrapper .swiper {
    padding: 0 20px 0 20px;
  }
  .body-static .content-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide {
    width: 300px;
    height: 250px;
    padding: 20px;
  }
  .body-static .content-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .pub-title {
    font-size: 20px;
  }
  .body-static .content-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .pub-desc {
    font-size: 16px;
  }
  .body-static .content-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .controls {
    display: flex;
    gap: 20px;
  }
  .body-static .content-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .controls .desktop {
    width: 37px;
  }
  .body-static .content-static .publications-block .publications-wrapper .swiper .swiper-wrapper .swiper-slide .controls .button {
    padding: 15px 35px;
    gap: 10px;
    background-color: white;
  }
  .body-static .content-static .publications-block .static-popup .popup-content .part {
    padding: 15px 0;
  }
  .body-static .content-static .publications-block .static-popup .popup-content .part .part-title {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .body-static .content-static .publications-block .static-popup .popup-content .part .items {
    gap: 15px;
  }
  .body-static .content-static .publications-block .static-popup .popup-content .part .items .item .item-title {
    font-size: 12px;
  }
  .body-static .content-static .publications-block .static-popup .popup-content .part .items .item .authors {
    font-size: 14px;
  }
  .body-static .content-static .webinars-block {
    background-color: white;
  }
  .body-static .content-static .webinars-block .block {
    padding: 0;
  }
  .body-static .content-static .webinars-block .block h2 {
    padding: 40px 20px 30px 20px;
  }
  .body-static .content-static .webinars-block .block .text1 {
    padding-left: 20px;
  }
  .body-static .content-static .webinars-block .block .swiper {
    padding: 0 20px 0 20px;
  }
  .body-static .content-static .webinars-block .block .swiper .swiper-wrapper .swiper-slide {
    width: 300px;
    height: 250px;
    padding: 20px;
    padding: 10px 20px;
  }
  .body-static .content-static .webinars-block .block .swiper .swiper-wrapper .swiper-slide .top :first-child {
    font-size: 18px;
  }
  .body-static .content-static .webinars-block .block .swiper .swiper-wrapper .swiper-slide .top :nth-child(2) {
    padding-top: 0;
    font-size: 14px;
  }
  .body-static .content-static .webinars-block .block .swiper .swiper-wrapper .swiper-slide .top :nth-child(3) {
    font-size: 14px;
    padding-top: 10px;
  }
  .body-static .content-static .webinars-block .block .swiper .swiper-wrapper .swiper-slide .controls .button {
    padding: 10px 15px;
    border-radius: 20px;
  }
  .body-static .content-static .partners-block {
    background-color: white;
  }
  .body-static .content-static .partners-block h2 {
    padding: 40px 20px 30px 20px;
  }
  .body-static .content-static .partners-block .swiper {
    background-color: transparent;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .body-static .content-static .partners-block .swiper .swiper-wrapper .swiper-slide {
    padding: 0 30px;
    background-color: #fcf0cc;
    border-radius: 20px;
  }
  .body-static .content-static .reviews-block {
    background-color: white;
  }
  .body-static .content-static .reviews-block h2 {
    padding: 40px 20px 30px 20px;
  }
  .body-static .content-static .reviews-block .swiper {
    background-color: transparent;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .body-static .content-static .reviews-block .swiper .swiper-wrapper .swiper-slide {
    height: 290px;
    padding: 0 20px;
    background-color: #fcf0cc;
    border-radius: 20px;
  }
  .body-static .content-static .reviews-block .swiper .swiper-wrapper .swiper-slide:hover:after {
    display: none;
  }
  .body-static .content-static .contacts {
    background-color: white;
  }
  .body-static .content-static .contacts .block h2 {
    padding: 40px 20px 30px 20px;
  }
  .body-static .content-static .contacts .block .columns {
    flex-direction: column;
    background-color: #f1b300;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  .body-static .content-static .contacts .block .columns .text1 {
    font-size: 16px;
  }
  .body-static .content-static .contacts .block .columns .question {
    padding: 0 20px;
  }
  .body-static .content-static .contacts .block .columns .answer {
    margin: 0 0 30px 0;
    padding: 0 20px;
  }
  .body-static .content-static .contacts .block .columns .left {
    padding: 0 20px 40px 20px;
    background-color: white;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  .body-static .content-static .contacts .block .columns .left .items :last-child {
    margin-bottom: 0;
  }
  .body-static .content-static .contacts .block .columns .right .feedback {
    width: 100%;
    border: none;
    padding: 40px 20px 20px 20px;
  }
  .body-static .content-static .contacts .block .columns .right .feedback .feedback-title {
    font-size: 16px;
  }
  .body-static .content-static .contacts .block .columns .right .controls {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .body-static .content-static .contacts .block .columns .right .controls .send-feedback {
    padding: 15px 20px;
    font-size: 18px;
    color: black;
    background-color: white;
  }
  .body-static .content-static .index-gallery {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
  }
  .body-static .content-static .index-gallery .logo-wrapper:hover .logo-subtitle {
    display: none;
  }
  .body-static .content-static .index-gallery a {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .body-static .content-static .how-to-work .image-wrapper {
    padding: 0 20px;
  }
  .body-static .content-static .how-to-work .image-wrapper img {
    width: 100%;
  }
  .body-static .footer-static {
    padding: 30px 20px 20px 20px;
    font-size: 12px;
    text-align: center;
    gap: 5px;
  }
  .body-static .footer-static .i {
    margin-bottom: 15px;
  }
  .body-static .footer-static .copiright-toggler-target {
    width: 90vw;
    height: 90vh;
    margin-left: -45vw;
    margin-top: -45vh;
    text-align: left;
  }
  .body-static .footer-static .copiright-toggler-target .popup-title {
    font-size: 20px;
    padding-left: 20px;
  }
  .body-static .footer-static .copiright-toggler-target .popup-content {
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 20px;
  }
  .body-static .footer-static .activity-toggler-target,
  .body-static .footer-static .policy-toggler-target {
    width: 90vw;
    height: 90vh;
    margin-left: -45vw;
    margin-top: -45vh;
    text-align: left;
  }
  .body-static .footer-static .activity-toggler-target .popup-title,
  .body-static .footer-static .policy-toggler-target .popup-title {
    font-size: 20px;
    padding-left: 20px;
  }
  .body-static .footer-static .activity-toggler-target .popup-content,
  .body-static .footer-static .policy-toggler-target .popup-content {
    font-size: 16px;
    padding: 20px;
  }
  .body-static .footer-static .activity-toggler-target .popup-content p,
  .body-static .footer-static .policy-toggler-target .popup-content p {
    margin-bottom: 20px;
  }
  .body-static .footer-static .activity-toggler-target .popup-content .main li,
  .body-static .footer-static .policy-toggler-target .popup-content .main li {
    text-align: left;
  }
}
.i {
  background-image: url(/img/sprite.svg?v=1);
  display: inline-block;
}
.i.icon-logo {
  background-position: 0px 0px;
  width: 63px;
  height: 43px;
}
.i.login-logo {
  background-position: -63px 0px;
  width: 20px;
  height: 25px;
}
.i.icon-nafi {
  background-position: 0px -265px;
  width: 167px;
  height: 70px;
}
.i.icon-nafi2 {
  background-position: 0px -373px;
  width: 235px;
  height: 99px;
  background-size: 1116px;
}
.i.icon-competence1-old {
  background-position: -100px -49px;
  width: 101px;
  height: 111px;
}
.i.icon-competence1-old.active {
  background-position: 0px -49px;
}
.i.icon-competence2-old {
  background-position: -110px -177px;
  width: 111px;
  height: 88px;
}
.i.icon-competence2-old.active {
  background-position: 0px -177px;
}
.i.icon-competence3-old {
  background-position: -294px -49px;
  width: 94px;
  height: 113px;
}
.i.icon-competence3-old.active {
  background-position: -201px -49px;
}
.i.icon-competence4-old {
  background-position: -667px -49px;
  width: 94px;
  height: 107px;
}
.i.icon-competence4-old.active {
  background-position: -573px -49px;
}
.i.icon-competence5-old {
  background-position: -480px -49px;
  width: 93px;
  height: 120px;
}
.i.icon-competence5-old.active {
  background-position: -387px -49px;
}
.i.icon-competence1 {
  background-position: -221px -244px;
  width: 50px;
  height: 48px;
}
.i.icon-competence1.active {
  background-position: -221px -180px;
}
.i.icon-competence2 {
  background-position: -271px -244px;
  width: 40px;
  height: 50px;
}
.i.icon-competence2.active {
  background-position: -271px -180px;
}
.i.icon-competence3 {
  background-position: -311px -244px;
  width: 37px;
  height: 44px;
}
.i.icon-competence3.active {
  background-position: -311px -180px;
}
.i.icon-competence4 {
  background-position: -348px -244px;
  width: 38px;
  height: 48px;
}
.i.icon-competence4.active {
  background-position: -348px -180px;
}
.i.icon-competence5 {
  background-position: -387px -244px;
  width: 44px;
  height: 61px;
}
.i.icon-competence5.active {
  background-position: -387px -180px;
}
.i.icon-address {
  background-position: -174px 0px;
  width: 16px;
  height: 22px;
}
.i.icon-phone {
  background-position: -157px 0px;
  width: 17px;
  height: 22px;
}
.i.icon-email {
  background-position: -137px 0px;
  width: 20px;
  height: 13px;
}
.i.icon-facebook {
  background-position: -118px 0px;
  width: 19px;
  height: 16px;
}
.i.icon-mobile-menu {
  background-position: -84px 0px;
  width: 34px;
  height: 22px;
}
.i.icon-arrow {
  background-position: -192px 0px;
  width: 11px;
  height: 10px;
}
.i.icon-cert {
  background-position: -623px -180px;
  width: 48px;
  height: 70px;
}
.timer-view {
  background-color: #f1b300;
  height: 50px;
  padding: 0 30px 0 7px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.timer-view .timer-img {
  width: 38px;
}
.timer-view .time-text {
  font-family: monospace;
  font-weight: bold;
  text-align: center;
  padding-left: 18px;
}
.resp-form {
  margin: 20px;
}
.resp-form .status-line {
  display: flex;
  gap: 30px;
  font-size: 20px;
  font-family: Pragmatica bold;
  margin-bottom: 40px;
}
.resp-form .status-line .counter {
  background-color: #f1b300;
  height: 50px;
  padding: 0 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.resp-form .survey-progress {
  position: relative;
  margin-bottom: 20px;
}
.resp-form .survey-progress:before {
  content: '';
  width: 100%;
  height: 3px;
  bottom: -4px;
  left: 0;
  position: absolute;
  background-color: #d9f4f7;
}
.resp-form .survey-progress .progress-line {
  content: '';
  height: 3px;
  bottom: -4px;
  left: 0;
  position: absolute;
  background-color: #21e562;
}
.resp-form button[type="submit"] {
  font-size: 25px;
  padding: 20px 100px;
  outline: none;
  text-align: center;
  color: #f1b300;
  font-family: Pragmatica bold;
  border: 3px solid #f1b300;
  border-radius: 15px;
  background-color: white;
  text-transform: capitalize;
  letter-spacing: 0;
}
.resp-form button[type="submit"]:hover,
.resp-form button[type="submit"]:focus,
.resp-form button[type="submit"]:active {
  background-color: #f1b300;
  color: white;
}
.resp-form .question_wrapper {
  display: flex;
  width: 100%;
}
.resp-form .question_wrapper .question {
  margin-bottom: 40px;
  flex-grow: 2;
  padding-right: 20px;
  font-size: 18px;
}
.resp-form .question_wrapper .question .err-text {
  color: red;
}
.resp-form .question_wrapper .question .q-text {
  display: flex;
  font-family: Seropro;
  font-size: 20px;
  margin-bottom: 30px;
}
.resp-form .question_wrapper .question .q-text .q-number {
  padding-right: 10px;
}
.resp-form .question_wrapper .question .q-text .q-text-wrapper {
  display: block;
  font-family: Pragmatica ExtraBold;
}
.resp-form .question_wrapper .question .q-text .q-text-wrapper img {
  max-width: 100%;
  height: auto;
}
.resp-form .question_wrapper .question .q-picker .a-picker {
  padding: 10px 0;
}
.resp-form .question_wrapper .question .q-picker .a-picker.active label:before {
  border: 2px solid #f1b300;
  background-color: #f1b300;
}
.resp-form .question_wrapper .question .q-picker .a-picker.active label .a-text {
  color: #f1b300;
}
.resp-form .question_wrapper .question .q-picker .a-picker label {
  display: flex;
  padding-left: 15px;
  position: relative;
}
.resp-form .question_wrapper .question .q-picker .a-picker label:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid gray;
}
.resp-form .question_wrapper .question .q-picker .a-picker label .a-text {
  display: inline-block;
  padding-left: 20px;
  margin-top: 2px;
  align-self: center;
}
.resp-form .question_wrapper .question .q-picker .a-picker label input {
  flex-shrink: 0;
  align-self: center;
  margin-top: 0;
}
.resp-form .question_wrapper .question .q-picker .a-picker label input[type="text"] {
  margin-left: 10px;
}
.resp-form .question_wrapper .question .q-picker .a-picker label input[type="radio"] {
  display: none;
}
.resp-form .question_wrapper .question .q-picker .a-picker label img {
  margin-left: 20px;
}
.resp-form .question_wrapper .question .q-picker .a-picker label textarea {
  margin-left: 10px;
  flex-shrink: 0;
}
.resp-form .question_wrapper .question ul li.separate {
  padding-bottom: 14px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 20px;
  padding-bottom: 20px !important;
}
.resp-form .question_wrapper .question ul li label {
  font-weight: normal;
  vertical-align: middle;
}
.resp-form .question_wrapper .question ul li label input,
.resp-form .question_wrapper .question ul li label textarea {
  vertical-align: middle;
}
.resp-form .question_wrapper .question ul li label [type="radio"],
.resp-form .question_wrapper .question ul li label [type="checkbox"] {
  vertical-align: top;
}
.resp-form .question_wrapper .question .type-table {
  margin-bottom: 10px;
}
.resp-form .question_wrapper .question .type-table tr th,
.resp-form .question_wrapper .question .type-table tr td {
  border: 1px solid gray;
  font-weight: normal;
  padding: 10px;
  text-align: center;
}
.resp-form .question_wrapper .question .type-table tr th.text,
.resp-form .question_wrapper .question .type-table tr td.text {
  text-align: left;
  max-width: 300px;
}
.resp-form .question_wrapper .question .type-table tr th td {
  text-align: left;
  max-width: 200px;
}
.resp-form .question_wrapper .question .type-list tr td {
  font-weight: normal;
  padding: 10px 5px;
  text-align: center;
}
.resp-form .question_wrapper .question .type-list tr td.text {
  text-align: left;
  max-width: 300px;
}
.resp-form .question_wrapper .question .type-list tr td select {
  padding: 10px 20px;
}
.resp-form .question_wrapper .question .type-text li {
  display: flex;
  padding: 5px 0;
}
.resp-form .question_wrapper .question .type-text li input,
.resp-form .question_wrapper .question .type-text li textarea {
  width: 400px;
  outline: none;
  margin: 5px 10px 5px 0;
  padding: 5px 10px;
  flex-shrink: 0;
}
.resp-form .question_wrapper .question .type-text li.name-block .a-text {
  width: 80px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.resp-form .question_wrapper .question .type-text li .a-text {
  align-self: center;
}
.resp-form .question_wrapper .question .upload-form {
  padding-top: 20px;
}
.resp-form .question_wrapper .question .upload-form .attached-files .file-item .fa {
  vertical-align: middle;
  margin-left: 10px;
  cursor: pointer;
}
.resp-form .navigator {
  font-size: 0;
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: -20px;
}
.resp-form .navigator li {
  min-width: 30px;
  padding: 0;
  margin-bottom: 2px;
  margin-right: 2px;
  text-align: center;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.resp-form .navigator li a {
  padding: 7px 5px 5px 5px;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  color: white;
  width: 100%;
  height: 100%;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.resp-form .navigator li a:hover {
  text-decoration: none;
}
.resp-form .navigator li.selected {
  background-color: #538ed7;
}
.resp-form .navigator li.selected:hover {
  background-color: #1f5fae;
}
body.editor .content-wrapper .header {
  position: relative;
  top: 0;
  left: 0;
  min-height: 45px;
  width: 100%;
  z-index: 100;
  background-color: white;
  color: black;
  height: auto;
  min-width: auto;
  box-shadow: none;
}
body.editor .content-wrapper .hint textarea {
  width: 100%;
}
.wrapper-editor .header-editor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #333;
  color: white;
  z-index: 100;
}
.wrapper-editor .header-editor ul {
  margin: 0;
}
.wrapper-editor .header-editor ul li {
  /*font-weight: bold;*/
  font-size: 15px;
  padding: 10px 20px;
  cursor: pointer;
}
.wrapper-editor .header-editor ul li:hover {
  background-color: #414141;
}
.wrapper-editor .content-editor {
  position: relative;
  background-color: white;
  display: none;
}
.wrapper-editor .content-editor .editor-top {
  position: fixed;
  box-sizing: border-box;
  width: 100%;
  top: 100px;
  left: 0;
  z-index: 98;
}
.wrapper-editor .content-editor .editor-top .toolbar {
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0 20px;
}
.wrapper-editor .content-editor .editor-top .toolbar .survey-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: black;
  max-width: 60%;
  font-size: 17px;
}
.wrapper-editor .content-editor .editor-top .toolbar .menu .dropdown-toggle {
  width: 20px;
  height: 20px;
  font-size: 14px;
  color: black;
  background-color: transparent;
  vertical-align: top;
  padding: 0;
}
.wrapper-editor .content-editor .editor-top .toolbar .menu .dropdown-menu {
  border-radius: 0;
}
.wrapper-editor .content-editor .editor-top .toolbar .menu .dropdown-menu li {
  padding: 3px 17px 3px 16px;
  white-space: nowrap;
  cursor: pointer;
}
.wrapper-editor .content-editor .editor-top .toolbar .menu .dropdown-menu li:hover {
  background-color: #f0eeef;
}
.wrapper-editor .content-editor .editor-top .toolbar .menu .dropdown-menu li.divider {
  padding: 0;
}
.wrapper-editor .content-editor .editor-top .toolbar .menu .dropdown-menu li .lnk,
.wrapper-editor .content-editor .editor-top .toolbar .menu .dropdown-menu li .lnk:hover {
  padding: 0;
  background-color: transparent;
}
.wrapper-editor .content-editor .q-list {
  padding-top: 40px;
  min-height: 230px;
  background-color: #eee;
}
.wrapper-editor .content-editor .q-list .page {
  background-color: #eee;
  padding: 0 20px 1px 20px;
  min-width: 600px;
}
.wrapper-editor .content-editor .q-list .page .header-page {
  position: relative;
}
.wrapper-editor .content-editor .q-list .page .header-page .p-label {
  position: relative;
  z-index: 2;
  font-size: 14px;
  color: #40475a;
  text-align: center;
  margin: 0;
  margin-top: 10px;
  margin-bottom: -25px;
}
.wrapper-editor .content-editor .q-list .page .header-page .p-label .js-page-remove {
  cursor: pointer;
  text-shadow: 0 1px 0 white;
}
.wrapper-editor .content-editor .q-list .page .page-content {
  min-height: 300px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question {
  position: relative;
  margin-bottom: 10px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .ans-text {
  vertical-align: middle;
}
.wrapper-editor .content-editor .q-list .page .page-content .question ul {
  margin-bottom: 0;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .q-text {
  margin: 10px 0 20px 0;
  font-size: 18px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr th,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr td {
  border: 1px solid gray;
  font-weight: normal;
  padding: 10px;
  text-align: center;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr th.text,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr td.text,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr th.h-text,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr td.h-text {
  text-align: left;
  max-width: 300px;
  cursor: pointer;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr th.text:hover,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr td.text:hover,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr th.h-text:hover,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr td.h-text:hover {
  color: gray;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-table tr th td {
  text-align: left;
  max-width: 200px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-list tr {
  cursor: pointer;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-list tr td {
  font-weight: normal;
  padding: 5px;
  text-align: left;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-list tr td.text {
  text-align: left;
  max-width: 300px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-list tr td:hover {
  color: gray;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-text li {
  padding-bottom: 5px;
  cursor: pointer;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-text li input,
.wrapper-editor .content-editor .q-list .page .page-content .question .type-text li textarea {
  width: 300px;
  outline: none;
  margin-right: 10px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-text li:hover {
  color: gray;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-picker li {
  cursor: pointer;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-picker li:hover {
  color: gray;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .type-picker li input {
  vertical-align: middle;
  margin: 0;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header {
  padding-top: 60px;
  position: relative;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .info {
  position: absolute;
  background-color: #6a7a91;
  top: 0;
  right: 0;
  height: 60px;
  min-width: 80px;
  padding-top: 16px;
  padding-right: 20px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .info .decor {
  width: 41px;
  height: 60px;
  background-image: url(/img/tab.svg);
  position: absolute;
  top: 0;
  left: -40px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .info .num {
  font: 36px Roboto light;
  color: white;
  padding-right: 10px;
  border-right: 1px solid #e1e3e9;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .info .type {
  vertical-align: top;
  padding-left: 10px;
  padding-top: 3px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .info .type img {
  height: 35px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #6a7a91;
  color: #e1e3e9;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul {
  margin-bottom: 0;
  font-size: 0;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul li {
  font-size: 16px;
  vertical-align: middle;
  padding-left: 10px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul li.q-options {
  cursor: pointer;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul li .fa {
  font-size: 24px;
  line-height: 1.5;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul li.edge-block {
  font-size: inherit;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul li.edge-block .edge {
  height: 30px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul li:hover {
  color: white;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel ul li.js-remove img {
  height: 23px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-header .control-panel .page-number {
  position: absolute;
  bottom: 6px;
  right: 20px;
  font-size: 18px;
  color: #e1e3e9;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content {
  background-color: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  position: relative;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .question-wrapper {
  overflow: hidden;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .title {
  font-size: 25px;
  color: #bbbec9;
  font-family: Open Sans Semibold;
  margin: 0;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content label.title {
  color: black;
  padding: 15px 0 5px 0;
  font-size: 14px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .left {
  width: 100%;
  float: left;
  margin-right: -100%;
  border-right: 380px solid #e1e3e9;
  box-sizing: border-box;
  padding: 10px 20px;
  overflow-x: auto;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .right {
  position: relative;
  width: 380px;
  float: right;
  box-sizing: border-box;
  padding: 10px 20px;
  overflow-x: auto;
  background-color: #e1e3e9;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .right .title {
  color: #6a7a91;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .right .options {
  padding-top: 10px;
  font-family: Open Sans Semibold;
  font-size: 14px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content textarea {
  vertical-align: middle;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .js-edit-answer {
  padding-bottom: 10px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .js-edit-answer.separate {
  padding-bottom: 20px;
  border-bottom: 1px solid black;
  margin-bottom: 20px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .rules,
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .answer-generation {
  padding-top: 15px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .question-content .answer-generation .title {
  padding-bottom: 10px;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .answer-generation > a {
  font-size: 13px;
  text-decoration: underline;
  color: black;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .answer-generation > a:hover {
  text-decoration: none;
}
.wrapper-editor .content-editor .q-list .page .page-content .question .answer-generation > a:hover span {
  text-decoration: none !important;
}
.wrapper-editor .content-editor .controls {
  padding-left: 20px;
  padding-bottom: 50px;
  padding-top: 30px;
}
.btn-group.big .but {
  outline: none;
}
.btn-group.big .fa {
  padding-right: 10px;
}
.btn-group.big .dropdown-toggle {
  border-left: 1px solid #2E6DA4;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.btn-group.big .dropdown-toggle:focus {
  background-color: #1f5fae !important;
}
.btn-group.big .dropdown-toggle .caret {
  margin-left: 0;
}
.btn-group.big .dropdown-menu {
  border-radius: 0;
  width: 100%;
}
.btn-group.big .dropdown-menu li {
  padding: 3px 17px 3px 16px;
  white-space: nowrap;
  cursor: pointer;
}
.answers .ans-wrapper {
  padding-right: 30px;
  padding-left: 25px;
  margin-bottom: 5px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.answers .ans-wrapper .js-picker {
  position: absolute;
  cursor: move;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: normal;
  width: 25px;
  height: 100%;
  text-align: center;
}
.answers .ans-wrapper .js-picker .fa {
  padding-top: 11px;
}
.answers .ans-wrapper .js-remove {
  position: absolute;
  top: 11px;
  right: 5px;
  cursor: pointer;
  font-size: 18px;
}
.answers .ans-wrapper.type1 {
  padding-right: 72px;
}
.answers .ans-wrapper.type1 .image-edit {
  position: absolute;
  top: 0;
  right: 30px;
  width: 40px;
  font-size: 17px;
  text-align: center;
  cursor: pointer;
  padding: 0;
}
.answers .ans-wrapper.type1 .image-edit .fa-file-image-o {
  margin-top: 11px;
}
.answers .ans-wrapper.type1 .image-edit img {
  width: 38px;
  height: 38px;
}
.js-add-answer {
  cursor: pointer;
  margin-left: 25px;
  margin-top: 10px;
}
/*.ui-sortable-placeholder {
	width: 100% !important;
	min-height: 64px;
	margin-bottom: 10px !important;
	border: 1px dashed lightgray !important;
	background-color: white !important;
	visibility: visible !important;
	padding: 0 !important;
	margin-left: 0 !important;
}*/
.sortable-placeholder-ans {
  height: 28px;
  margin-bottom: 5px;
}
.ui-sortable-placeholder {
  width: 100% !important;
  border: 1px dashed lightgray !important;
  background-color: white !important;
  visibility: visible !important;
  margin-left: 0 !important;
  margin-bottom: 10px !important;
}
.drag-item {
  color: white;
  font-size: 14px;
  background-color: #617085;
  padding: 5px 7px;
  width: 295px;
  font-style: normal;
  font-size: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.drag-item i {
  font-size: 14px;
}
.drag-item .fa-sticky-note-o {
  font-size: 28px;
  position: absolute;
  top: 20px;
  left: 36px;
}
.js-modal .content .js-answer {
  width: 100%;
  outline: none;
  padding: 2px 5px;
  border: 1px solid gray;
}
.js-modal .content .js-text {
  width: 100%;
  outline: none;
  padding: 2px 5px;
  margin-bottom: 5px;
  height: 311px;
}
.title {
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
  display: block;
}
.rule-wrapper .rule {
  font-size: 0;
  margin-bottom: 2px;
}
.rule-wrapper .rule .children {
  margin-left: 20px;
  position: relative;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.rule-wrapper .rule .children .and {
  position: absolute;
  top: 5px;
  left: -14px;
  font-size: 11px;
}
.r-block {
  vertical-align: top;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.r-block .r-item {
  padding: 0 3px;
  font-family: Open Sans Semibold;
  font-size: 12px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.r-block .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.edge {
  width: 4px;
  height: 55px;
  margin-right: 2px !important;
  border-top: 1px solid #8c9cb5;
  border-left: 1px solid #8c9cb5;
  border-bottom: 1px solid #526176;
  border-right: 1px solid #526176;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.icon {
  height: 55px;
  padding-left: 60px;
  padding-top: 17px;
  font-style: normal;
  vertical-align: top;
  font-size: 14px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.icon.picker {
  background-image: url(/img/picker.svg);
  background-position: 16px 16px;
  background-repeat: no-repeat;
}
.icon.table {
  background-image: url(/img/table.svg);
  background-position: 15px 14px;
  background-repeat: no-repeat;
  width: auto;
  margin-bottom: 0;
}
.icon.list {
  background-image: url(/img/list.svg);
  background-position: 17px 16px;
  background-repeat: no-repeat;
}
.icon.text {
  background-image: url(/img/text.svg);
  background-position: 18px 13px;
  background-repeat: no-repeat;
}
.icon.label {
  background-image: url(/img/label.svg);
  background-position: 14px 16px;
  background-repeat: no-repeat;
  font-weight: normal;
  line-height: inherit;
}
.icon.name {
  background-image: url(/img/name.svg);
  background-position: 12px 14px;
  background-repeat: no-repeat;
}
.q-generator {
  position: fixed;
  z-index: 99;
  background-color: #40475a;
  height: 100%;
  padding-right: 5px;
  padding-top: 71px;
  top: 0;
}
.q-generator ul {
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.q-generator ul li {
  color: white;
  background-color: #6a7a91;
  margin: 0 0 2px 0;
  cursor: move;
  width: 295px;
  padding: 5px 7px;
  font-size: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.q-generator ul li i {
  margin-right: 10px;
}
.q-generator ul li:hover {
  background-color: #617085;
}
.q-generator ul li .fa {
  font-size: 14px;
}
.q-generator ul li.js-template {
  margin-top: 10px;
  position: relative;
}
.q-generator ul li.js-template .fa {
  font-size: 28px;
  position: absolute;
  top: 20px;
  left: 36px;
}
.ans-editor .options {
  border-top: none;
  margin-top: 0;
}
.js-modal.to-center {
  text-align: center;
}
.js-modal .mask {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.js-modal .content-wrapper {
  background-color: white;
  padding: 10px 20px 20px 20px;
  position: absolute;
  left: 50%;
  top: -1000000px;
  opacity: 0;
}
.js-modal .content-wrapper .header {
  font-size: 20px;
  border-bottom: 1px solid lightgray;
  padding-bottom: 5px;
  position: relative;
}
.js-modal .content-wrapper .header div {
  position: absolute;
  font-size: 20px;
  top: 0;
  right: 0;
  cursor: pointer;
}
.js-modal .content-wrapper .header div.js-close {
  font-family: Roboto;
}
.js-modal .content-wrapper .content {
  padding: 10px 0;
}
.js-modal .content-wrapper .content label {
  font-weight: normal;
}
.js-modal .content-wrapper .content .block {
  display: block;
  width: 100%;
}
.js-modal .content-wrapper .content .option-block {
  padding: 5px 2px 2px 1px;
  border: 1px solid lightgray;
  vertical-align: middle;
}
.js-modal .content-wrapper .content .option-block input,
.js-modal .content-wrapper .content .option-block span {
  vertical-align: top;
}
.js-modal .content-wrapper .content .option-block label {
  padding-left: 10px;
}
.js-modal .content-wrapper .content select {
  max-width: 100%;
}
.js-modal.main-modal {
  font-family: 'Seropro', 'Open Sans', 'Arial';
}
.js-modal.main-modal .content-wrapper {
  color: black;
  padding: 0;
  font-size: 18px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 0;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 0;
}
.js-modal.main-modal .content-wrapper .header {
  height: auto;
  border: none;
  color: black;
  font-size: 30px;
  font-family: 'Seropro extrathin';
  padding: 15px 40px;
  text-align: center;
}
.js-modal.main-modal .content-wrapper .header div {
  font-family: 'Seropro extrathin';
  font-size: 46px;
  top: -9px;
  right: 17px;
}
.js-modal.main-modal .content-wrapper .content {
  box-sizing: border-box;
  margin: 0 50px;
  padding-bottom: 0;
}
.js-modal.main-modal .content-wrapper .content input[type="text"],
.js-modal.main-modal .content-wrapper .content input[type="password"],
.js-modal.main-modal .content-wrapper .content textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: 1px solid #aaaaaa;
  margin-bottom: 20px;
  font-size: 16px;
}
.js-modal.main-modal .content-wrapper .content input[type="checkbox"] {
  width: auto;
  vertical-align: top;
}
.js-modal.main-modal .content-wrapper .content p.info {
  padding-bottom: 20px;
}
.js-modal.main-modal .content-wrapper .controls {
  padding: 0 50px 30px 50px;
  box-sizing: border-box;
}
.js-modal.login-modal .content-wrapper .header {
  font-family: Roboto;
  text-align: left;
  padding: 15px 50px;
}
.js-modal.login-modal .content-wrapper .header div {
  font-family: 'Seropro';
  top: 0;
  color: gray;
}
.js-modal.login-modal .content-wrapper .controls {
  padding-top: 10px;
}
.js-modal.login-modal .content-wrapper .controls .but {
  font-size: 25px;
  padding: 20px 10px;
  width: 200px;
  text-align: center;
  margin-right: 10px;
}
.wrap.editor {
  background-color: #eceaeb;
}
.wrap.editor .footer {
  display: none;
}
.admin-surveys-view {
  background-color: #eceaeb;
}
.admin-surveys-view .list-wrapper {
  display: flex;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr {
  height: 50px;
  box-sizing: border-box;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr:first-child {
  border-top: 1px solid #f0eeef;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td {
  max-width: 480px;
  padding: 0;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td:first-child {
  padding: 0 20px;
  font-size: 22px;
  width: 55px;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td:first-child .fa-lock {
  color: #facb6b;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td:first-child .fa-unlock-alt {
  color: #42ba3b;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td:last-child {
  text-align: center;
  font-size: 18px;
  width: 50px;
  color: #d1d1d2;
  position: relative;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td:last-child .corner {
  border: 20px solid transparent;
  border-right: 20px solid white;
  position: absolute;
  right: -35px;
  top: 5px;
  display: none;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td.price {
  color: #d1d1d2;
  font-family: Seropro medium;
  width: 100px;
  text-align: center;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td .name {
  font-size: 18px;
  margin: 0;
  line-height: 1;
  padding-top: 4px;
  overflow: hidden;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr td .date {
  font-family: Seropro extrathin;
  margin: 0;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr.active {
  border-bottom: 1px solid #538ed7;
  z-index: 2;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr.active td {
  border-top: 1px solid #538ed7;
}
.admin-surveys-view .list-wrapper .list-content .t-list tbody tr.active td:last-child .corner {
  display: block;
}
.admin-surveys-view .list-wrapper .survey-options {
  width: 0;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper {
  background-color: white;
  margin-left: 23px;
  min-height: 500px;
  overflow: hidden;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content {
  padding: 30px;
  white-space: nowrap;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .actions-list {
  padding-bottom: 10px;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .actions-list li {
  color: #538ed7;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .actions-list li a {
  vertical-align: top;
  line-height: 1.8;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .actions-list li a div {
  margin-right: 12px;
  vertical-align: middle;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .actions-list li a .fa {
  font-size: 18px;
  margin-right: 12px;
  vertical-align: middle;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .title {
  font-size: 16px;
  color: black;
  margin: 20px 0 5px 0;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .status-block {
  vertical-align: top;
  width: 170px;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .status-block span {
  cursor: default;
  font-family: Seropro;
  font-size: 18px;
  vertical-align: top;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .date-block {
  vertical-align: top;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .date-block .date {
  font-family: Seropro;
  font-size: 18px;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .buttons {
  margin-top: 30px;
  position: relative;
  min-width: 150px;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .buttons .but {
  vertical-align: top;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .buttons button {
  padding: 7px;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .buttons button .fa {
  font-size: 25px;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content .buttons .js-delete {
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(/img/trash.png);
  background-repeat: no-repeat;
  background-position: 11px 10px;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content input[type="text"],
.admin-surveys-view .list-wrapper .survey-options .options-wrapper .options-content select {
  width: 100%;
  font-family: Seropro;
  font-size: 18px;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper a {
  color: #538ed7;
  text-decoration: underline;
}
.admin-surveys-view .list-wrapper .survey-options .options-wrapper a:hover {
  text-decoration: none;
}
.admin-surveys-view .list-wrapper input[type="text"],
.admin-surveys-view .list-wrapper select {
  outline: none;
  border: solid 1px #e5e5e5;
  height: 40px;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #eee, white);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(white));
  background-image: -webkit-linear-gradient(top, #eee, white);
  background-image: -o-linear-gradient(top, #eee, white);
  background-image: linear-gradient(to bottom, #eee, white);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 white, 0 0 0;
  -moz-box-shadow: inset 0 1px 0 white, 0 0 0;
  box-shadow: inset 0 1px 0 white, 0 0 0;
}
.admin-surveys-view .list-wrapper input[type="text"]:focus,
.admin-surveys-view .list-wrapper select:focus {
  background: white;
}
.templates-list {
  max-height: 500px;
  overflow-y: auto;
}
.templates-list tr:first-child {
  border-top: 1px solid #f0eeef;
}
.templates-list tr.active {
  border-bottom: 1px solid #538ed7 !important;
  z-index: 2;
}
.templates-list tr.active td {
  border-top: 1px solid #538ed7;
}
.templates-list tr td:last-child {
  width: 25px;
}
.templates-list tr td p {
  margin: 0;
}
.stat-list {
  max-width: 1480px;
  margin: 0 auto;
}
.stat-list .survey-name {
  font-size: 24px;
}
.stat-list .questions li {
  margin-bottom: 20px;
  background-color: #eee;
  padding: 10px;
  background-color: white;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), 0 0 0;
}
.stat-list .questions li .info-bar {
  font-size: 12px;
  color: #bbb;
  margin: 0;
}
.stat-list .questions li table {
  background-color: white;
}
.stat-list .questions li table th {
  font-weight: normal;
  border-bottom: 1px;
}
.stat-list .questions li table td:nth-child(1) {
  width: 400px;
}
.stat-list .questions li .show-text {
  text-decoration: underline;
  margin-top: 5px;
  display: block;
}
.stat-list .questions li .show-text:hover {
  text-decoration: none;
}
.stat-list .questions .q-text {
  font-size: 16px;
  font-family: Roboto bold;
}
.resp-list .ans-text {
  font-size: 16px;
}
.resp-list table td:nth-child(2) {
  width: 50px;
  text-align: center;
}
.main-page {
  font-size: 20px;
  min-width: 1500px;
}
.main-page .title {
  font-family: Roboto bold;
  font-size: 65px;
  line-height: 1.2;
}
.main-page .main-block {
  color: white;
  background-image: url(/img/main-fon.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(89, 97, 138, 0.5);
  text-align: center;
  background-size: cover;
}
.main-page .main-block .logo {
  padding-top: 100px;
  width: 250px;
}
.main-page .main-block .title {
  padding: 10px 0 20px 0;
}
.main-page .main-block .subtitle {
  font-size: 27px;
  line-height: 1.2;
}
.main-page .main-block .subtitle:last-child {
  padding-bottom: 100px;
}
.main-page .main-block .test-button {
  margin: 50px 0;
  font-size: 25px;
  padding: 30px 40px;
  white-space: normal;
  line-height: 1;
  outline: none;
  display: inline-block;
  text-align: center;
  border-radius: 0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.main-page .about-block {
  background-color: #27b5f4;
  padding: 100px 0 0 0;
  background: #2f5386;
  background: linear-gradient(0deg, #2f5386 0%, #3c7dac 100%);
}
.main-page .about-block .about-wrapper {
  color: white;
  display: flex;
  justify-content: space-between;
}
.main-page .about-block .about-wrapper .text-block {
  width: 690px;
}
.main-page .about-block .about-wrapper .text-block .text {
  padding-top: 20px;
  padding-right: 20px;
  line-height: 1.6;
}
.main-page .about-block .about-wrapper .text-block a {
  color: white;
}
.main-page .about-block .about-wrapper .pictures {
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 512px;
  min-width: 512px;
}
.main-page .about-block .about-wrapper .pictures img {
  width: 250px;
  height: 250px;
  margin-bottom: 12px;
}
.main-page .about-block .logos-wrapper {
  padding-top: 5px;
}
.main-page .about-block .logos-wrapper .logos {
  margin: auto;
  max-width: 1500px;
  display: flex;
  justify-content: start;
  align-items: center;
  color: white;
}
.main-page .about-block .logos-wrapper .logos .logo-item {
  padding-right: 50px;
}
.main-page .about-block .logos-wrapper .logos .logo-item.soc-logo {
  padding-right: 0;
}
.main-page .about-block .logos-wrapper .logos .logo-item.soc-logo img {
  width: 50px;
}
.main-page .about-block .logos-wrapper .logos .logo-item .ekonomika {
  width: 250px;
}
.main-page .about-block .logos-wrapper .logos .logo-item .nafi-logo {
  width: 200px;
}
.main-page .competencies-block {
  color: #27b5f4;
  padding-top: 10px;
  padding-bottom: 50px;
}
.main-page .competencies-block .cols-wrapper {
  display: flex;
  padding-top: 20px;
}
.main-page .competencies-block .cols-wrapper .col {
  width: 300px;
  text-align: center;
  margin-right: 50px;
}
.main-page .competencies-block .cols-wrapper .col:last-child {
  margin-right: 0;
}
.main-page .competencies-block .cols-wrapper .col img {
  width: 150px;
}
.main-page .competencies-block .cols-wrapper .col .title {
  font-family: Roboto bold;
  font-size: 20px;
  padding-bottom: 20px;
}
.main-page .competencies-block .cols-wrapper .col .accordion {
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 10px 0;
  border-top: 2px solid #27b5f4;
  border-bottom: 2px solid #27b5f4;
  cursor: pointer;
  position: relative;
}
.main-page .competencies-block .cols-wrapper .col .accordion:after {
  content: '+';
  position: absolute;
  bottom: -12px;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: #27b5f4;
  color: white;
  line-height: 0.9;
  padding-left: 1px;
  left: 50%;
  margin-left: -10px;
}
.main-page .competencies-block .cols-wrapper .col .accordion.open {
  border-top: 2px solid white;
}
.main-page .competencies-block .cols-wrapper .col .accordion.open:after {
  content: '-';
  font-size: 26px;
  line-height: 0.6;
  background-color: white;
  color: #27b5f4;
  border: 2px solid #27b5f4;
  box-sizing: border-box;
}
.main-page .competencies-block .cols-wrapper .col .accordion h3 {
  font-family: Roboto bold;
  font-size: 18px;
  margin: 0;
  text-align: left;
  line-height: 1.2;
}
.main-page .competencies-block .cols-wrapper .col .accordion div {
  margin: 10px 0;
  font-family: Roboto light;
  display: none;
  font-size: 18px;
  color: black;
  text-align: left;
  line-height: 1.2;
}
.main-page .competencies-block .cols-wrapper .col .accordion .content {
  padding-top: 0;
}
.main-page .teachers-block,
.main-page .books-block {
  background-color: #27b5f4;
  padding: 100px 0 50px 0;
  background: #2f5386;
  background: linear-gradient(0deg, #2f5386 0%, #3c7dac 100%);
  color: white;
}
.main-page .teachers-block .title,
.main-page .books-block .title {
  padding-bottom: 30px;
}
.main-page .teachers-block .cols-wrapper,
.main-page .books-block .cols-wrapper {
  display: flex;
}
.main-page .teachers-block .cols-wrapper .col,
.main-page .books-block .cols-wrapper .col {
  font-family: Roboto bold;
}
.main-page .teachers-block .cols-wrapper .col a,
.main-page .books-block .cols-wrapper .col a {
  color: white;
  text-decoration: underline;
}
.main-page .teachers-block .cols-wrapper .col a:hover,
.main-page .books-block .cols-wrapper .col a:hover {
  color: white;
  text-decoration: none;
}
.main-page .teachers-block .cols-wrapper .col:first-child,
.main-page .books-block .cols-wrapper .col:first-child {
  padding-right: 30px;
  width: 425px;
  min-width: 425px;
  letter-spacing: 1.5px;
}
.main-page .teachers-block .cols-wrapper .col:nth-child(2),
.main-page .books-block .cols-wrapper .col:nth-child(2) {
  padding-right: 30px;
  width: 425px;
  min-width: 425px;
  letter-spacing: 1.5px;
}
.main-page .teachers-block .cols-wrapper .col:nth-child(2) img,
.main-page .books-block .cols-wrapper .col:nth-child(2) img {
  width: 400px;
  margin-top: 20px;
}
.main-page .teachers-block .cols-wrapper .col.buttons,
.main-page .books-block .cols-wrapper .col.buttons {
  padding-left: 50px;
  text-align: center;
}
.main-page .teachers-block .cols-wrapper .col.buttons .but-title,
.main-page .books-block .cols-wrapper .col.buttons .but-title {
  display: flex;
  align-items: center;
  font-size: 32px;
  text-align: left;
}
.main-page .teachers-block .cols-wrapper .col.buttons .but-title p,
.main-page .books-block .cols-wrapper .col.buttons .but-title p {
  padding-left: 20px;
}
.main-page .teachers-block .cols-wrapper .col.buttons img,
.main-page .books-block .cols-wrapper .col.buttons img {
  width: 200px;
}
.main-page .teachers-block .cols-wrapper .col.buttons .but,
.main-page .books-block .cols-wrapper .col.buttons .but {
  margin: 50px 0;
  font-size: 25px;
  padding: 30px 40px;
  white-space: normal;
  line-height: 1;
  outline: none;
  display: inline-block;
  text-align: center;
  border-radius: 0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
.main-page .faq-block {
  padding-top: 100px;
}
.main-page .faq-block .title {
  color: #27b5f4;
}
.main-page .faq-block .cols-wrapper {
  padding-top: 20px;
  display: flex;
}
.main-page .faq-block .cols-wrapper .col {
  padding-right: 40px;
  width: 50%;
  box-sizing: border-box;
}
.main-page .faq-block .cols-wrapper .col:last-child {
  padding-right: 0;
  padding-left: 40px;
}
.main-page .faq-block .cols-wrapper .col .sub-title {
  font-family: Roboto bold;
  padding-bottom: 10px;
}
.main-page .faq-block .cols-wrapper .col .text {
  padding-bottom: 10px;
}
.main-page .corporations-block {
  padding-top: 100px;
}
.main-page .corporations-block .title {
  color: #27b5f4;
}
.main-page .corporations-block .info-block {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 50px;
}
.main-page .corporations-block .info-block .col {
  width: 330px;
  text-align: center;
}
.main-page .corporations-block .info-block .col .num {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #27b5f4;
  color: white;
  box-shadow: 6px 6px 15px -5px rgba(0, 0, 0, 0.75);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
.main-page .corporations-block .info-block .col .text {
  text-align: left;
}
.main-page .corporations-block .feedback-block {
  text-align: center;
}
.main-page .corporations-block .feedback-block .feedback-text {
  color: #27b5f4;
  padding-top: 50px;
  text-transform: uppercase;
}
.main-page .corporations-block .feedback-block .feedback-button {
  margin: 50px auto;
  font-size: 25px;
  padding: 30px 100px;
  white-space: normal;
  line-height: 1;
  outline: none;
  display: inline-block;
  text-align: center;
  border-radius: 0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
.main-page .contacts-block {
  padding-top: 100px;
}
.main-page .contacts-block .title {
  color: #27b5f4;
}
.main-page .contacts-block .contacts-wrapper {
  padding-top: 10px;
  margin: auto;
  max-width: 1500px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-page .contacts-block .contacts-wrapper .left {
  padding-right: 10px;
}
.main-page .contacts-block .contacts-wrapper .right {
  min-width: 396px;
}
.main-page .contacts-block .contacts-wrapper .right img {
  border: 1px solid gainsboro;
  width: 250px;
}
.main-page .contacts-block .contacts-wrapper .row {
  margin-bottom: 20px;
}
.main-page .contacts-block .contacts-wrapper .row .sub-title {
  font-family: Roboto bold;
}
.main-page .contacts-block .contacts-wrapper .row p {
  margin: 0;
}
.registration-respondent .form-container {
  width: 1000px;
  background-color: #f4f5f6;
  padding: 0 20px 100px 20px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 0;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 0 0;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.registration-respondent .form-container .desc-block {
  padding-top: 20px;
  width: 560px;
  margin: 0 auto;
}
.registration-respondent .form-container .form-title {
  font-size: 40px;
  line-height: 1;
  text-align: center;
}
.registration-respondent .form-container form {
  width: 500px;
  margin: auto;
}
.registration-respondent .form-container form label {
  font-weight: normal;
  font-size: 18px;
}
.registration-respondent .form-container form p {
  margin-top: 20px;
  text-align: left;
  font-size: 18px;
}
.registration-respondent .form-container form p.sex {
  margin-top: 0;
}
.registration-respondent .form-container form .but {
  color: white;
  display: block;
  margin-top: 20px;
  padding: 30px 0;
  font-size: 25px;
  text-align: center;
}
.registration-respondent .form-container form input {
  color: black;
  width: 100%;
}
.registration-respondent .form-container form input[type="radio"],
.registration-respondent .form-container form input[type="checkbox"] {
  width: auto;
}
.registration-respondent .form-container form.second-step,
.registration-respondent .form-container form.third-step {
  display: none;
}
.registration-respondent .form-container form.second-step.force-visible,
.registration-respondent .form-container form.third-step.force-visible {
  display: block;
}
.registration-respondent .form-container form .terms-block {
  text-align: left;
}
.registration-respondent .form-container form .terms-block label {
  display: block;
}
.registration-respondent .form-container form .sex,
.registration-respondent .form-container form .education,
.registration-respondent .form-container form .occupation,
.registration-respondent .form-container form .job,
.registration-respondent .form-container form .position,
.registration-respondent .form-container form .terms-block {
  text-align: left;
}
.registration-respondent .form-container form .sex label,
.registration-respondent .form-container form .education label,
.registration-respondent .form-container form .occupation label,
.registration-respondent .form-container form .job label,
.registration-respondent .form-container form .position label,
.registration-respondent .form-container form .terms-block label {
  display: flex;
  align-items: flex-start;
  font-family: Roboto;
}
.registration-respondent .form-container form .sex label input,
.registration-respondent .form-container form .education label input,
.registration-respondent .form-container form .occupation label input,
.registration-respondent .form-container form .job label input,
.registration-respondent .form-container form .position label input,
.registration-respondent .form-container form .terms-block label input {
  margin-right: 10px;
  margin-top: 6px;
}
.registration-respondent .form-container form .terms-block {
  padding-top: 20px;
}
.registration-respondent .form-container form .terms-block a {
  text-decoration: underline;
}
.registration-respondent .form-container form .terms-block label.error {
  color: #f0544f;
}
.registration-respondent .form-container form .terms-block label.error a {
  color: #f0544f;
}
.registration-respondent .form-container form select {
  color: black;
  background-color: white;
}
.registration-respondent .form-container form select[disabled="disabled"] {
  color: gray;
}
.registration-respondent .form-container form select.error {
  border-color: #f0544f;
}
.registration-respondent .form-container form .birthday {
  text-align: left;
  display: flex;
}
.registration-respondent .form-container form .birthday select {
  width: 150px;
  margin-right: 21px;
}
.registration-respondent .form-container form .birthday select:last-child {
  margin-right: 0;
}
.registration-respondent .form-container form .birthday .year-wrapper,
.registration-respondent .form-container form .birthday .month-wrapper,
.registration-respondent .form-container form .birthday .day-wrapper {
  width: 100%;
  margin-right: 21px;
}
.registration-respondent .form-container form .birthday .year-wrapper:last-child,
.registration-respondent .form-container form .birthday .month-wrapper:last-child,
.registration-respondent .form-container form .birthday .day-wrapper:last-child {
  margin-right: 0;
}
.registration-respondent .form-container form .country,
.registration-respondent .form-container form .region,
.registration-respondent .form-container form .city {
  text-align: left;
}
.registration-respondent .form-container form .country select,
.registration-respondent .form-container form .region select,
.registration-respondent .form-container form .city select {
  width: 100%;
  padding: 10px 5px;
}
.registration-respondent .form-container form .err-msg {
  color: red;
  text-shadow: 0 1px 5px white;
  margin-top: 3px;
  font-size: 14px;
  font-family: Roboto bold;
}
.registration-respondent img {
  margin-top: 20px;
}
.registration-respondent .login-wrapper {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.registration-respondent .login-wrapper .login {
  cursor: pointer;
  color: #337ab7;
  text-decoration: underline;
}
.privacy-block p {
  font-size: 14px;
  padding-top: 10px;
}
.privacy-block ul {
  padding-top: 10px;
  list-style: disc;
  font-size: 14px;
  padding-left: 20px;
}
.lk-page {
  font-size: 0;
  padding: 0;
  max-width: 1500px;
  min-width: 960px;
  margin: 0 auto;
}
.lk-page .but {
  font-size: 25px;
  padding: 30px 60px;
}
.lk-page .title {
  font-family: Roboto bold;
  font-size: 65px;
  line-height: 1.2;
  color: #f1b300;
}
.lk-page .outer-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  min-height: 500px;
  color: black;
  font-size: 20px;
}
.lk-page .outer-wrapper .row {
  font-size: 18px;
}
.lk-page .outer-wrapper .row.row-block {
  padding-top: 30px;
}
.lk-page .outer-wrapper .row.row-block .title {
  padding-bottom: 20px;
}
.lk-page .outer-wrapper .row table {
  width: 100%;
  background-color: white;
}
.lk-page .outer-wrapper .row .test-result-list {
  margin: 0 auto;
  max-width: 600px;
  border-top: 1px solid black;
  border-right: 1px solid black;
}
.lk-page .outer-wrapper .row .test-result-list td,
.lk-page .outer-wrapper .row .test-result-list th {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  padding: 10px;
}
.lk-page .outer-wrapper .row .last-result-table {
  margin: 0 auto;
  max-width: 1170px;
  border-top: 1px solid black;
  border-right: 1px solid black;
}
.lk-page .outer-wrapper .row .last-result-table td,
.lk-page .outer-wrapper .row .last-result-table th {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  padding: 10px;
}
.lk-page .outer-wrapper .row .tip {
  text-align: center;
  padding: 0 20px;
  font-size: 16px;
}
.lk-page .outer-wrapper .level-beginner {
  color: #f0544f;
}
.lk-page .outer-wrapper .level-basic {
  color: #ff9f19;
}
.lk-page .outer-wrapper .level-expert {
  color: #349041;
}
.lk-page .outer-wrapper .learning-resources {
  padding-bottom: 50px;
}
.lk-page .outer-wrapper .learning-resources:last-child {
  padding-bottom: 0;
}
.lk-page .outer-wrapper .learning-resources ul {
  list-style: disc;
}
.lk-page .empty-summary {
  text-align: center;
}
.lk-page .empty-summary .text-block {
  margin: 0 auto;
  max-width: 700px;
  padding-bottom: 20px;
}
.lk-page .empty-summary p {
  font-size: 16px;
  margin: 0;
}
.lk-page .empty-summary .test-button {
  display: inline-block;
  padding: 20px 40px;
}
.lk-result {
  margin: 0 auto;
  padding: 0 10px 50px 10px;
}
.lk-result .controls {
  display: flex;
  gap: 40px;
  justify-content: center;
}
.lk-result .controls .outline-button {
  width: 330px;
}
.lk-result .summary {
  justify-content: space-between;
}
.lk-result .summary .top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.lk-result .summary .col {
  padding-top: 20px;
}
.lk-result .summary .col:first-child {
  padding-right: 250px;
}
.lk-result .summary .col .your-level {
  font-size: 40px;
  font-family: Roboto light;
  padding-top: 50px;
}
.lk-result .summary .col .last-test {
  font-family: Roboto light;
  font-size: 20px;
  margin-top: 40px;
}
.lk-result .summary .col .last-test p {
  margin: 0;
}
.lk-result .summary .col .prev-result {
  font-family: Roboto light;
  margin-top: 60px;
  font-size: 20px;
}
.lk-result .summary .col .prev-result .prev-result-title {
  padding-bottom: 20px;
  font-size: 30px;
}
.lk-result .results-list {
  padding-top: 20px;
}
.lk-result .results-list .result-row {
  font-family: Roboto light;
  font-size: 30px;
  display: flex;
  padding-bottom: 10px;
}
.lk-result .results-list .result-row .marker {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
  padding-top: 12px;
}
.lk-result .results-list .result-row .marker:before {
  content: '';
  border: 12px solid transparent;
}
.lk-result .results-list .result-row .marker:after {
  content: '';
  border: 12px solid transparent;
}
.lk-result .results-list .result-row .marker.level-expert:before {
  border-bottom: 12px solid #349041;
}
.lk-result .results-list .result-row .marker.level-expert:after {
  border-top: 12px solid #349041;
}
.lk-result .results-list .result-row .marker.level-basic:before {
  border-bottom: 12px solid #ff9f19;
}
.lk-result .results-list .result-row .marker.level-basic:after {
  border-top: 12px solid #ff9f19;
}
.lk-result .results-list .result-row .marker.level-beginner:before {
  border-bottom: 12px solid #f0544f;
}
.lk-result .results-list .result-row .marker.level-beginner:after {
  border-top: 12px solid #f0544f;
}
.lk-result .results-list .result-row .result-item .ball {
  font-family: Roboto bold;
  font-size: 50px;
}
.lk-result .prev-result-list {
  width: 1000px !important;
}
.lk-result .prev-result-list tr:hover td {
  background-color: #facb6b;
}
.lk-result .prev-result-list th {
  border-bottom: 1px solid #dcdcdc;
}
.lk-result .prev-result-list th,
.lk-result .prev-result-list td {
  font-family: Roboto thin;
  font-size: 35px;
  padding: 10px 0;
}
.lk-result .prev-result-list th:first-child,
.lk-result .prev-result-list td:first-child {
  padding-left: 50px;
}
.lk-result .prev-result-list th:last-child,
.lk-result .prev-result-list td:last-child {
  padding-right: 50px;
  width: 200px;
}
@media screen and (max-width: 1240px) {
  .lk-result .summary .top {
    margin-top: 30px;
    flex-direction: column;
  }
}
.lk-profile {
  position: relative;
  font-family: Pragmatica;
  padding: 0 10px 70px 10px;
}
.lk-profile .title {
  padding-left: 350px;
}
.lk-profile .profile-wrapper {
  display: flex;
  align-items: center;
  max-width: 1300px;
  margin-bottom: 70px;
}
.lk-profile .profile-wrapper .left {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #f1b300;
  padding: 30px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.lk-profile .profile-wrapper .left .left-row {
  font-size: 25px;
  color: black;
  line-height: 1.1;
}
.lk-profile .profile-wrapper .right {
  padding: 30px;
  background-color: #eceaeb;
  border-radius: 20px;
  color: black;
  min-height: 650px;
  min-width: 800px;
}
.lk-profile .profile-wrapper .right .right-row {
  display: flex;
  gap: 10px;
  font-size: 25px;
  border-bottom: 2px solid white;
  padding: 10px 20px 10px 10px;
}
.lk-profile .profile-wrapper .right .right-row :first-child {
  min-width: 400px;
}
.lk-profile .profile-wrapper .right .right-row:last-child {
  border-bottom: none;
}
.lk-profile .but {
  font-size: 25px;
  padding: 20px 100px;
  outline: none;
  color: #f1b300;
  font-family: Pragmatica bold;
  border: 3px solid #f1b300;
  border-radius: 15px;
  background-color: white;
  text-transform: capitalize;
  letter-spacing: 0;
  width: 300px;
  white-space: wrap;
  text-align: center;
  padding: 0 35px;
  height: 95px;
}
.lk-profile .but:hover {
  background-color: #f2aa00;
  color: white;
}
@media screen and (max-width: 1340px) {
  .lk-profile .profile-wrapper .left .left-row {
    font-size: 18px;
  }
  .lk-profile .profile-wrapper .right {
    min-width: auto;
    min-height: 500px;
  }
  .lk-profile .profile-wrapper .right .right-row {
    font-size: 18px;
  }
  .lk-profile .profile-wrapper .right .right-row :first-child {
    min-width: 200px;
  }
}
.lk-learning-plan {
  max-width: 1200px;
  margin: 0 auto;
}
.lk-learning-plan .step {
  display: flex;
  gap: 40px;
  margin-bottom: 20px;
}
.lk-learning-plan .step .left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  width: 195px;
  min-width: 195px;
}
.lk-learning-plan .step .left .num {
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f1b300;
  font-size: 75px;
  font-family: Pragmatica ExtraBold;
  color: white;
  border-radius: 50%;
}
.lk-learning-plan .step .left .num-title {
  color: #f1b300;
  font-family: Pragmatica ExtraBold;
  font-size: 18px;
  text-align: center;
}
.lk-learning-plan .step .left .arrow {
  flex-grow: 2;
  position: relative;
}
.lk-learning-plan .step .left .arrow .line {
  width: 3px;
  background-color: #f1b300;
  height: 100%;
  min-height: 20px;
}
.lk-learning-plan .step .left .arrow img {
  width: 23px;
  position: absolute;
  bottom: -2px;
  left: -10px;
}
.lk-learning-plan .step .right {
  flex-grow: 2;
  font-size: 18px;
  padding-bottom: 70px;
}
.lk-learning-plan .step .right .step-title {
  font-family: Pragmatica ExtraBold;
  color: #f1b300;
}
.lk-learning-plan .step .right .theme {
  font-family: Pragmatica ExtraBold;
}
body.editor .admin-title {
  font-size: 22px;
  padding: 0;
}
body.editor .geo-block div {
  padding-bottom: 15px;
}
body.editor .geo-block div p {
  font-family: Seropro bold;
}
body.editor .geo-block div .select-light,
body.editor .geo-block div .text-input-light {
  width: 100%;
}
.admin-toolbar {
  background-color: #f3f2f3;
  height: 60px;
  border-bottom: 1px solid #dcdcdc;
}
.admin-toolbar .wrapper {
  max-width: 1480px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
}
.admin-content {
  max-width: 1500px;
  margin: 0 auto;
}
.admin-content .item-card {
  padding: 30px;
  margin: 20px 0;
  background-color: white;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), 0 0 0;
}
.admin-content .item-card .text-input-light,
.admin-content .item-card .select-light {
  display: block;
  width: 100%;
}
.js-modal.fm .content-wrapper {
  background-color: #f4f4f4;
}
.file-manager .title {
  color: black;
}
.file-manager .top-part {
  margin-bottom: 20px;
}
.file-manager .top-part .js-link {
  width: 600px;
}
.file-manager .top-part .js-upload {
  font-size: 14px;
}
.file-manager .thumbs {
  height: 500px;
  overflow-y: auto;
  border: 1px solid #e5e5e5;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), 0 0 0;
  margin-bottom: 20px;
  /*background: linear-gradient(to top, #e5e5e5 5%, #ffffff, #edeff1 95%);*/
}
.file-manager .thumbs .control-panel {
  background-color: #f0f0f0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  position: relative;
  margin-bottom: 10px;
}
.file-manager .thumbs .control-panel .folder-name {
  font-size: 17px;
  padding: 5px 0 5px 10px;
  margin: 0;
}
.file-manager .thumbs .control-panel .level-up,
.file-manager .thumbs .control-panel .add-folder,
.file-manager .thumbs .control-panel .add-file {
  position: absolute;
  top: 2px;
  font-size: 17px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  border: 1px solid #f0f0f0;
  text-align: center;
  padding-top: 2px;
}
.file-manager .thumbs .control-panel .level-up:hover,
.file-manager .thumbs .control-panel .add-folder:hover,
.file-manager .thumbs .control-panel .add-file:hover {
  border-color: #ccc;
  background-color: #e3e3e3;
}
.file-manager .thumbs .control-panel .level-up {
  right: 2px;
}
.file-manager .thumbs .control-panel .add-folder {
  right: 34px;
}
.file-manager .thumbs .control-panel .add-file {
  right: 66px;
}
.file-manager .thumbs .item {
  width: 150px;
  text-align: center;
  vertical-align: top;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.file-manager .thumbs .item .img-block,
.file-manager .thumbs .item .folder-block {
  cursor: pointer;
  width: 122px;
  height: 122px;
  margin: auto;
  border: solid 1px #e5e5e5;
  position: relative;
}
.file-manager .thumbs .item .img-block.active,
.file-manager .thumbs .item .folder-block.active {
  border-color: #538ed7;
  -webkit-box-shadow: 0 0 10px #538ed7, 0 0 0;
  -moz-box-shadow: 0 0 10px #538ed7, 0 0 0;
  box-shadow: 0 0 10px #538ed7, 0 0 0;
}
.file-manager .thumbs .item .img-block.active:hover,
.file-manager .thumbs .item .folder-block.active:hover {
  -webkit-box-shadow: 0 0 10px #538ed7, 0 0 0;
  -moz-box-shadow: 0 0 10px #538ed7, 0 0 0;
  box-shadow: 0 0 10px #538ed7, 0 0 0;
}
.file-manager .thumbs .item .img-block:hover,
.file-manager .thumbs .item .folder-block:hover {
  -webkit-box-shadow: 0 0 10px #ccc, 0 0 0;
  -moz-box-shadow: 0 0 10px #ccc, 0 0 0;
  box-shadow: 0 0 10px #ccc, 0 0 0;
}
.file-manager .thumbs .item .img-block:hover .js-remove-folder,
.file-manager .thumbs .item .folder-block:hover .js-remove-folder,
.file-manager .thumbs .item .img-block:hover .js-remove-file,
.file-manager .thumbs .item .folder-block:hover .js-remove-file {
  display: block;
}
.file-manager .thumbs .item .img-block .helper,
.file-manager .thumbs .item .folder-block .helper {
  vertical-align: middle;
  height: 100%;
  width: 0px;
  margin: 0;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.file-manager .thumbs .item .img-block img,
.file-manager .thumbs .item .folder-block img {
  display: inline;
  vertical-align: middle;
}
.file-manager .thumbs .item .img-block .js-remove-folder,
.file-manager .thumbs .item .folder-block .js-remove-folder,
.file-manager .thumbs .item .img-block .js-remove-file,
.file-manager .thumbs .item .folder-block .js-remove-file {
  position: absolute;
  top: 5px;
  right: 5px;
  padding-top: 3px;
  display: none;
  line-height: 1;
  background-color: white;
  border-radius: 10px;
  width: 21px;
  height: 21px;
}
.file-manager .thumbs .item p {
  word-wrap: break-word;
  font-size: 12px;
  padding: 10px 5px;
}
.access .control-block {
  margin-bottom: 25px;
  padding: 30px;
  background-color: white;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), 0 0 0;
}
.access .control-block .filters {
  padding-bottom: 10px;
  position: relative;
}
.access .control-block .filters a {
  padding-right: 15px;
}
.access .control-block .filters .fa-times {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 10px;
}
.access .control-block .block {
  margin-bottom: 10px;
  vertical-align: middle;
}
.access .control-block .block .helper {
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.access .control-block .block .checkbox-handler {
  margin: 0;
}
.access .control-block .block label {
  font-weight: normal;
  min-width: 200px;
}
.access .control-block .block .fa-times {
  cursor: pointer;
}
.access .control-block.main-block .block {
  height: 40px;
}
.access .control-block .occupation-block,
.access .control-block .geo-block {
  padding-left: 200px;
}
.combo-box {
  width: 100%;
  position: relative;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.combo-box .fa {
  position: absolute;
  top: 14px;
  right: 10px;
  color: black;
}
.combo-box .text-input-light {
  width: 100%;
  padding-right: 25px;
}
.combo-box .dropdown {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 39px;
  width: 100%;
  max-height: 300px;
  overflow-y: auto;
  background-color: white;
  padding: 0;
  border: solid 1px #e5e5e5;
  color: black;
}
.combo-box .dropdown li {
  padding: 5px 10px;
  cursor: pointer;
}
.combo-box .dropdown li:hover,
.combo-box .dropdown li.marked {
  background-color: #eceaeb;
}
.question-templates {
  text-align: center;
  height: 440px;
  overflow-y: auto;
  position: relative;
}
.question-templates .list-content {
  text-align: left;
}
.question-templates .list-content .back {
  text-align: left;
  cursor: pointer;
  text-decoration: underline;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.question-templates .list-content .back:hover {
  text-decoration: none;
}
.question-templates .list-content .type-title {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
}
.question-templates .list-content .not-found {
  padding-top: 100px;
  text-align: center;
}
.question-templates .list-content .t-list tr td {
  overflow: hidden;
  white-space: nowrap;
}
.question-templates .list-content .t-list tr td:first-child {
  max-width: 610px;
}
.question-templates .question-types li {
  background-color: #617085;
  width: 200px;
  height: 200px;
  cursor: pointer;
  margin-left: 20px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-top: 70px;
  text-align: center;
  color: white;
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.question-templates .question-types li .label {
  display: -moz-inline-stack;
  /* FF2- */
  display: inline-block;
  *display: inline;
  /* IE6-7 inline-block hack */
  *zoom: 1;
  /* IE6-7 hasLayout */
}
.question-templates .question-types li:first-child,
.question-templates .question-types li:nth-child(4) {
  margin-left: 0;
}
.question-creator {
  height: 200px;
}
.question-creator select {
  width: 100%;
  margin-bottom: 20px;
}
.petal-chart-view {
  position: relative;
  font-family: Pragmatica;
  margin: 0 auto;
  width: 600px;
  padding: 40px 60px 20px 20px;
  background-color: #e4e4e4;
  border-radius: 20px;
}
.petal-chart-view .canvas-wrapper {
  display: flex;
  justify-content: center;
  padding: 50px 0;
}
.petal-chart-view .comp {
  position: absolute;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  line-height: 1;
  cursor: pointer;
}
.petal-chart-view .comp.competence1 {
  top: 107px;
  left: 267px;
}
.petal-chart-view .comp.competence2 {
  top: 215px;
  left: 421px;
}
.petal-chart-view .comp.competence3 {
  top: 390px;
  left: 364px;
}
.petal-chart-view .comp.competence4 {
  top: 390px;
  right: 398px;
}
.petal-chart-view .comp.competence5 {
  top: 197px;
  right: 467px;
}
.petal-chart-view .legend {
  padding-left: 10px;
}
.petal-chart-view .legend .levels {
  display: flex;
  gap: 65px;
}
.petal-chart-view .legend .levels .level {
  position: relative;
}
.petal-chart-view .legend .levels .level:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: -30px;
  border-radius: 50%;
  background-color: #f0544f;
}
.petal-chart-view .legend .levels .level.l2:before {
  background-color: #f1b300;
}
.petal-chart-view .legend .levels .level.l3:before {
  background-color: #75ab00;
}
.petal-chart-view .legend .chart {
  display: flex;
  gap: 100px;
  margin-top: 30px;
}
.petal-chart-view .legend .chart div {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.petal-chart-view .legend .chart div img {
  width: 25px;
}
@media screen and (max-width: 1240px) {
  .petal-chart-view {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.popup-view {
  font-size: 16px;
  font-family: Pragmatica;
}
.popup-view .popup-mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  top: 0;
  left: 0;
  z-index: 10000;
}
.popup-view .popup-block {
  z-index: 10001;
  position: absolute;
  top: 0;
  left: 50%;
  background-color: white;
  opacity: 0;
  border-radius: 20px;
  overflow: hidden;
}
.popup-view .popup-block.transparent {
  background-color: transparent;
}
.popup-view .popup-block .popup-title {
  padding: 30px 30px 0 30px;
  display: flex;
  justify-content: space-between;
  align-items: top;
}
.popup-view .popup-block .popup-title .title-content {
  font-family: Pragmatica bold;
  padding-right: 10px;
  font-size: 30px;
}
.popup-view .popup-block .popup-title i {
  font-size: 45px;
  font-style: normal;
  line-height: 0.5;
  cursor: pointer;
  color: gray;
  font-family: Open Sans;
}
.popup-view .popup-block .popup-content {
  padding: 20px 30px;
}
.popup-view .popup-block .popup-buttons {
  padding: 0 30px 30px 30px;
}
@media screen and (max-width: 600px) {
  .popup-view .popup-block {
    width: 95% !important;
  }
  .popup-view .popup-block .popup-title .title-content {
    font-size: 18px;
  }
  .popup-view .popup-block .popup-title i {
    font-size: 24px;
  }
  .popup-view .popup-block .popup-content {
    font-size: 16px;
  }
}
.login-view {
  font-size: 18px;
  padding: 10px 30px 30px 30px;
}
.login-view .popup-title {
  padding: 20px 0 0 0 !important;
}
.login-view .text-field {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: 1px solid gray;
  margin-bottom: 20px;
  font-size: 16px;
}
.login-view .options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 20px;
}
.login-view .login-buttons {
  display: flex;
  justify-content: space-between;
}
.login-view .login-buttons .but {
  font-size: 25px;
  padding: 20px 40px;
  min-width: 200px;
  text-align: center;
}
.login-view .login-buttons .but:first-child {
  margin-right: 10px;
}
.login-view .forgot-form,
.login-view .forgot-success {
  height: 238px;
}
.change-password-view .row {
  padding: 0 20px 50px 20px;
}
.change-password-view .text-input {
  margin-bottom: 20px;
  min-width: 558px;
}
.change-password-view .success-message {
  padding-bottom: 20px;
}
.privacy-page {
  font-family: Pragmatica;
  padding-top: 10px;
  padding-bottom: 30px;
  font-size: 18px;
  line-height: 1.5;
}
.privacy-page .title1 {
  font-family: Pragmatica bold;
}
.privacy-page .row {
  padding: 0 50px;
}
.privacy-page p {
  margin-top: 20px;
}
.privacy-page ul {
  margin-top: 20px;
  margin-left: 30px;
  list-style: disc;
}
.privacy-page ul li {
  padding-left: 0px;
  margin-bottom: 20px;
}
@media screen and (max-width: 600px) {
  .privacy-page {
    font-size: 16px;
  }
  .privacy-page .title1 {
    font-family: Pragmatica bold;
    font-size: 18px;
  }
  .privacy-page ul {
    margin-left: 10px;
  }
  .privacy-page ul li {
    padding-left: 0;
  }
}
.mobile-message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #27b5f4;
  color: white;
  z-index: 10000;
}
.mobile-message .mobile-message-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 12px;
  padding: 0 50px;
  height: 100%;
}
.mobile-message .mobile-message-wrapper a {
  color: white;
  text-decoration: underline;
}
.mobile-message .mobile-message-wrapper a:hover {
  text-decoration: none;
}
.header {
  background-color: #282828;
  color: #f1b300;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  min-width: 960px;
  box-shadow: 5px 0 5px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  font-family: Pragmatica bold;
}
.header .header-view {
  font-size: 14px;
  max-width: 1500px;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header .header-view .header-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-grow: 2;
  position: relative;
  height: 100%;
}
.header .header-view .menu-item {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.header .header-view .menu-item.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #f1b300;
}
.header .header-view .menu-item.logo-wrapper {
  max-width: none;
}
.header .header-view .menu-item.logo-wrapper span,
.header .header-view .menu-item.logo-wrapper a {
  display: flex;
  align-items: center;
  font-family: Pragmatica bold;
  color: #f1b300;
  gap: 10px;
}
.header .header-view .menu-item.logo-wrapper span img,
.header .header-view .menu-item.logo-wrapper a img {
  height: 70px;
}
.header .header-view .menu-item.logo-wrapper span div,
.header .header-view .menu-item.logo-wrapper a div {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 1.2;
}
.header .header-view .menu-item.company-logo {
  max-width: none;
}
.header .header-view .menu-item.company-logo img {
  height: 50px;
  width: auto !important;
}
.header .header-view .menu-item a {
  color: #f1b300;
}
.header .header-view .menu-item a:hover {
  text-decoration: none;
}
.header .header-view .menu-item a:focus {
  text-decoration: none;
}
.header .header-view .menu-item a .logout {
  height: 50px;
}
.header .header-view .menu-item .fa {
  color: #facb6b;
  margin-right: 5px;
}
.header .name-block {
  font-size: 15px;
  position: absolute;
  bottom: -15px;
  right: 0;
  color: #dcdcdc;
  white-space: nowrap;
}
.footer {
  padding: 30px 0;
  background-color: #282828;
  font-size: 14px;
  border-top: 0;
  min-width: 100%;
  color: #f1b300;
  text-align: center;
  font-family: Pragmatica bold;
}
.footer .footer-view a {
  color: #f1b300;
}
.footer .footer-view p {
  margin-bottom: 5px;
}
.footer .footer-view .alert-message {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  color: white;
  background-color: red;
  font-family: Roboto Bold;
  font-size: 14px;
  text-align: center;
  z-index: 1000;
}
.footer .footer-view .alert-message a {
  text-decoration: underline;
}
@media screen and (max-width: 1024px) {
  .footer {
    min-width: auto;
  }
}
.paginator-view {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.paginator-view .item {
  margin-right: 10px;
}
.paginator-view .item .steps {
  font-size: 26px;
  padding: 2px 15px;
  height: 40px;
  width: 40px;
}
.paginator-view .item .steps.prev {
  margin-right: 1px;
}
.paginator-view .item .current-page {
  width: 50px;
  text-align: center;
}
.paginator-view .search .find {
  vertical-align: middle;
  background-image: url(/img/search.png);
  background-repeat: no-repeat;
  background-position: 9px 10px;
  height: 40px;
  width: 40px;
}
.paginator-view .search input[type="text"] {
  vertical-align: middle;
  padding: 10px;
}
.admin-respondent-view {
  max-width: 1500px;
  margin: 0 auto;
}
.admin-respondent-view .user-card {
  padding: 30px;
  margin: 20px 0;
  background-color: white;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.15), 0 0 0;
}
.admin-respondent-view .user-card .text-input-light {
  display: block;
  width: 100%;
}
.admin-respondent-view .radios label {
  display: block;
  font-family: Roboto;
}
.admin-respondent-view .radios label input {
  margin-right: 5px;
}
.feedback-view .fields {
  padding: 0 30px;
}
.feedback-view .fields input,
.feedback-view .fields textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: 1px solid #aaaaaa;
  margin-bottom: 20px;
  font-size: 16px;
}
.admin-company-view .company-row {
  display: flex;
}
.admin-company-view .company-row .field-block {
  flex-grow: 2;
}
.admin-company-view .company-row .codes-block {
  margin-left: 20px;
}
.admin-company-view .company-row .codes-block .total-codes {
  display: flex;
}
.admin-company-view .company-row .codes-block .total-codes button {
  margin-left: 20px;
}
.admin-company-view .company-row .codes-block .total-codes .downloads {
  margin-left: 20px;
}
.admin-company-view .company-row .codes-block .total-codes .downloads .btn {
  border-radius: 0;
  padding: 8px 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: Roboto bold;
  font-size: 15px;
}
.admin-company-view .checkbox-wrapper {
  display: flex;
  align-items: center;
}
.admin-company-view .checkbox-wrapper span {
  padding-left: 10px;
  cursor: default;
}
.admin-company-view .api-row {
  display: flex;
  margin-bottom: 20px;
}
.admin-company-view .api-row .api-checkbox label {
  padding-bottom: 10px;
}
.admin-company-view .api-row .api-key {
  flex-grow: 2;
  margin-right: 20px;
  margin-left: 20px;
}
.admin-company-view .api-row .generate-api-key {
  padding: 11px 20px;
}
.company-summary-view {
  color: black;
  font-family: Pragmatica;
  margin-bottom: 40px;
}
.company-summary-view .finish-count-wrapper {
  display: flex;
  gap: 20px;
  align-items: center;
}
.company-summary-view .finish-count-wrapper .finish-count {
  background-color: white;
  padding: 10px 20px;
  border-radius: 30px;
}
.company-summary-view .top {
  display: flex;
  justify-content: center;
  align-items: center;
}
.company-summary-view .top .right {
  background-color: #e4e4e4;
  border-radius: 20px;
  padding: 20px;
  max-width: 620px;
  min-height: 600px;
}
.company-summary-view .top .right .summary-title {
  max-width: 560px;
  font-size: 24px;
  margin-bottom: 20px;
  font-family: Pragmatica ExtraBold;
}
.company-summary-view .red {
  color: #f0544f;
}
.company-summary-view .yellow {
  color: #ff9f19;
}
.company-summary-view .green {
  color: #349041;
}
.company-summary-view .summary-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.company-summary-view .summary-list .summary-item {
  cursor: pointer;
  position: relative;
}
.company-summary-view .summary-list .summary-item.closed .item-title {
  background-color: #ff9f19;
}
.company-summary-view .summary-list .summary-item.closed .item-title .index {
  background-color: white;
}
.company-summary-view .summary-list .summary-item.closed .themes {
  display: none;
}
.company-summary-view .summary-list .summary-item .item-title {
  padding: 5px 6px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  background-color: white;
  border-radius: 40px;
  color: black;
  border: 3px solid #ff9f19;
}
.company-summary-view .summary-list .summary-item .item-title .text {
  font-family: Pragmatica bold;
  font-size: 19px;
  padding-left: 20px;
}
.company-summary-view .summary-list .summary-item .item-title .index {
  background-color: #ff9f19;
  padding: 10px 20px;
  font-family: Pragmatica ExtraBold;
  border-radius: 40px;
  font-size: 22px;
}
.company-summary-view .summary-list .summary-item .themes {
  padding-left: 30px;
  padding-top: 10px;
  cursor: default;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.company-summary-view .summary-list .summary-item .themes .theme-item {
  font-size: 17px;
}
.company-summary-view .summary-list .summary-item .themes .theme-item:last-child {
  padding-bottom: 0;
}
.company-summary-view .summary-list .summary-item .themes .theme-item:first-child {
  padding-top: 5px;
}
@media screen and (max-width: 1240px) {
  .company-summary-view .top {
    flex-direction: column;
  }
  .company-summary-view .top .right {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
.company-stat-view {
  margin: auto;
  max-width: 1500px;
  padding: 30px 50px 100px 50px;
  box-sizing: border-box;
  background-color: white;
}
.company-stat-view table {
  width: 100%;
  border-top: 1px solid black;
  border-right: 1px solid black;
  margin: 30px 0;
  font-size: 16px;
}
.company-stat-view table td,
.company-stat-view table th {
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  padding: 10px;
  width: 10%;
}
.company-stat-view table td:first-child,
.company-stat-view table th:first-child {
  min-width: 200px;
  font-size: 18px;
  font-weight: bold;
  border-right: 2px solid black;
}
.company-stat-view table td:nth-child(4),
.company-stat-view table th:nth-child(4) {
  border-right: 2px solid black;
  border-left: 2px solid black;
}
.company-stat-view table th {
  font-size: 14px;
  border-bottom: 2px solid black;
  background-color: #f4f5f6;
}
.company-stat-view table th:nth-child(5) {
  color: white;
  background-color: #f0544f;
}
.company-stat-view table th:nth-child(6) {
  color: white;
  background-color: #27b5f4;
}
.company-stat-view table th:nth-child(7) {
  color: white;
  background-color: #349041;
}
.company-stat-view table th:nth-child(8) {
  color: white;
  background-color: #ff9f19;
}
.company-stat-view table th:nth-child(9) {
  color: white;
  background-color: #7251a1;
}
.company-stat-view table td {
  font-size: 18px;
}
.company-stat-view table td:nth-child(4) {
  font-weight: bold;
}
.company-stat-view table tr:hover {
  background-color: #f4f5f6;
}
.company-learning-view {
  margin: auto;
  max-width: 1500px;
  padding: 0 50px 100px 50px;
  box-sizing: border-box;
  background-color: white;
}
.company-learning-view .table-wrapper {
  margin: 40px 0;
}
.company-learning-view .table-wrapper table thead th {
  background-color: #e5e5e5;
  font-family: Pragmatica ExtraBold;
  padding: 20px 30px;
}
.company-learning-view .table-wrapper table thead th:first-child {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}
.company-learning-view .table-wrapper table thead th:last-child {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}
.company-learning-view .table-wrapper table thead th:nth-child(2) {
  text-align: center;
}
.company-learning-view .table-wrapper table tbody tr:hover td:nth-child(1),
.company-learning-view .table-wrapper table tbody tr:hover td:nth-child(2) {
  color: #f1b300;
}
.company-learning-view .table-wrapper table tbody tr:hover td .diagram-wrapper .item-wrapper .diagram-item {
  background-color: #f1b300;
}
.company-learning-view .table-wrapper table tbody tr td {
  font-size: 17px;
  font-family: Pragmatica bold;
  border-bottom: 2px solid #e5e5e5;
  padding-top: 10px;
  padding-bottom: 10px;
}
.company-learning-view .table-wrapper table tbody tr td:first-child {
  padding-left: 10px;
}
.company-learning-view .table-wrapper table tbody tr td:nth-child(2) {
  text-align: center;
}
.company-learning-view .table-wrapper table tbody tr td:nth-child(4) {
  width: 40%;
}
.company-learning-view .table-wrapper table tbody tr td .diagram-wrapper {
  display: flex;
  margin: 0 50px 0 0;
}
.company-learning-view .table-wrapper table tbody tr td .diagram-wrapper .item-wrapper {
  display: flex;
  align-items: center;
}
.company-learning-view .table-wrapper table tbody tr td .diagram-wrapper .item-wrapper .diagram-item {
  width: 100%;
  height: 20px;
  background-color: #a1d644;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}
.company-learning-view .table-wrapper table tbody tr td .diagram-wrapper .text-wrapper {
  padding-left: 5px;
  width: 20px;
}
.company-learning-view .table-wrapper table tbody tr td .diagram-wrapper .text-wrapper p {
  margin: 0;
}
.company-learning-view .table-wrapper table tbody tr:first-child td {
  padding-top: 20px;
}
.company-learning-view .pdf-button-wrapper {
  display: flex;
  justify-content: center;
}
.company-learning-view .pdf-button-wrapper .outline-button {
  padding: 20px 35px;
}
.company-certificates-view {
  padding: 0 0 140px 0;
}
.company-certificates-view .certificates-table {
  margin-top: 20px;
}
.company-certificates-view .certificates-table thead th {
  background-color: #e5e5e5;
  font-family: Pragmatica ExtraBold;
  padding: 20px 5px;
  text-align: center;
}
.company-certificates-view .certificates-table thead th:first-child {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}
.company-certificates-view .certificates-table thead th:last-child {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}
.company-certificates-view .certificates-table tbody tr:first-child td {
  padding-top: 30px;
}
.company-certificates-view .certificates-table tbody tr:last-child td {
  border-bottom: none;
}
.company-certificates-view .certificates-table tbody td {
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  border-bottom: 2px solid #e5e5e5;
}
.company-certificates-view .certificates-table tbody td:first-child {
  text-align: left;
  font-size: 14px;
  color: #f1b300;
  font-family: Pragmatica ExtraBold;
  text-decoration: underline;
  cursor: pointer;
}
.profile-changer-view .popup-content input {
  margin-bottom: 20px;
  display: block;
  width: 100%;
}
.profile-changer-view .popup-content > p {
  font-family: Roboto Bold;
}
.profile-changer-view .popup-content .working > p {
  font-family: Roboto Bold;
}
.profile-changer-view .popup-content .sex,
.profile-changer-view .popup-content .education,
.profile-changer-view .popup-content .occupation,
.profile-changer-view .popup-content .job,
.profile-changer-view .popup-content .position {
  text-align: left;
  padding-bottom: 15px;
}
.profile-changer-view .popup-content .sex label,
.profile-changer-view .popup-content .education label,
.profile-changer-view .popup-content .occupation label,
.profile-changer-view .popup-content .job label,
.profile-changer-view .popup-content .position label {
  display: flex;
  align-items: flex-start;
  font-family: Roboto;
}
.profile-changer-view .popup-content .sex label.other-position,
.profile-changer-view .popup-content .education label.other-position,
.profile-changer-view .popup-content .occupation label.other-position,
.profile-changer-view .popup-content .job label.other-position,
.profile-changer-view .popup-content .position label.other-position {
  align-items: center;
}
.profile-changer-view .popup-content .sex label input,
.profile-changer-view .popup-content .education label input,
.profile-changer-view .popup-content .occupation label input,
.profile-changer-view .popup-content .job label input,
.profile-changer-view .popup-content .position label input {
  width: auto;
  margin-right: 10px;
  margin-top: 4px;
  margin-bottom: 0;
}
.profile-changer-view .popup-content .sex label span,
.profile-changer-view .popup-content .education label span,
.profile-changer-view .popup-content .occupation label span,
.profile-changer-view .popup-content .job label span,
.profile-changer-view .popup-content .position label span {
  flex-grow: 2;
}
.profile-changer-view .popup-content .err-msg {
  color: red;
}
.expired-view .message {
  text-align: center;
}
.certificate-view {
  font-size: 16px;
  font-family: Pragmatica;
  min-width: 1000px;
}
.certificate-view .title-block {
  font-family: Pragmatica bold;
  font-size: 26px;
  font-weight: normal;
  padding: 30px 0 30px 0;
  margin: 0;
  color: #f1b300;
}
.certificate-view .row-columns {
  display: flex;
}
.certificate-view .row-columns .col .cert-preview {
  border: 1px solid #f3f2f3;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.13);
  margin-right: 40px;
}
.certificate-view .row-columns .col .muted-text {
  font-size: 14px;
  color: #282828;
}
.certificate-view .row-columns .col .describe-block {
  margin-top: 30px;
}
.certificate-view .row-columns .col .describe-block .marked {
  padding-left: 20px;
  position: relative;
}
.certificate-view .row-columns .col .describe-block .marked:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 8px;
  width: 6px;
  height: 6px;
  background-color: #f1b300;
}
.certificate-view .row-columns .col .form {
  padding-top: 20px;
}
.certificate-view .row-columns .col .form .form-row {
  display: flex;
  margin-bottom: 10px;
}
.certificate-view .row-columns .col .form .form-row .cell {
  max-width: 310px;
  width: 310px;
  flex-grow: 1;
  margin-right: 10px;
}
.certificate-view .row-columns .col .form .form-row .cell:last-child {
  margin-right: 0;
}
.certificate-view .row-columns .col .form .form-row .cell .text-input {
  width: 100%;
}
.certificate-view .row-columns .col .form .form-row .cell.cell-block {
  width: auto;
  max-width: 100%;
}
.certificate-view .row-columns .col .form .form-row textarea {
  border: 1px solid gray;
}
.certificate-view .row-columns .col .form .agreement-wrapper {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 5px;
}
.certificate-view .row-columns .col .form .agreement-wrapper .checkbox {
  margin-right: 5px;
}
.certificate-view .row-columns .col .form .controls {
  margin-top: 50px;
}
.info-popup-view .info-content {
  padding: 0 50px 50px 50px;
}
.info-popup-view .info-content .info-content-title {
  font-family: Pragmatica Bold;
  font-size: 20px;
  padding-bottom: 30px;
}
.info-popup-view .info-content .info-list {
  padding-bottom: 20px;
}
.info-popup-view .info-content .info-list li {
  padding-left: 15px;
  position: relative;
  font-family: Roboto light;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.info-popup-view .info-content .info-list li img {
  margin-right: 10px;
}
.info-popup-view .info-content .info-list li::before {
  content: '';
  width: 5px;
  height: 5px;
  background-color: #facb6b;
  position: absolute;
  top: 7px;
  left: 0px;
}
.info-popup-view .info-content .info-list li:last-child {
  margin-bottom: 0;
}
.level-up-view .tabs {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 20px;
}
.level-up-view .tabs .tab {
  padding: 10px 30px 10px 10px;
  border-bottom: 1px solid #cecece;
  cursor: pointer;
  color: #cecece;
  font-family: Roboto bold;
  font-size: 26px;
}
.level-up-view .tabs .tab.active {
  color: black;
  border-bottom: 2px solid #f1b300;
}
.level-up-view .tab-content {
  display: none;
}
.level-up-view .tab-content.active {
  display: block;
}
.level-up-view .free-materials {
  padding-top: 30px;
}
.level-up-view .free-materials .top-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f2f2f2;
  margin-bottom: 30px;
}
.level-up-view .free-materials .top-block .left {
  width: 900px;
  padding-left: 150px;
  box-sizing: border-box;
  font-size: 20px;
  font-family: Roboto light;
}
.level-up-view .free-materials .top-block .left a {
  color: black;
  text-decoration: none;
  border-bottom: 1px solid black;
}
.level-up-view .free-materials .top-block .right {
  padding-right: 50px;
}
.level-up-view .free-materials .tab-title {
  font-size: 40px;
  font-family: Roboto bold;
}
.level-up-view .free-materials .articles {
  padding-top: 50px;
  padding-bottom: 100px;
}
.level-up-view .free-materials .articles .articles-row {
  display: flex;
  justify-content: center;
}
.level-up-view .free-materials .articles .articles-row .item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 485px;
  height: 485px;
}
.level-up-view .free-materials .articles .articles-row .item.dark .inner-wrapper {
  background-color: black;
  color: #f8cc66;
}
.level-up-view .free-materials .articles .articles-row .item .inner-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  align-items: center;
  width: 485px;
  height: 485px;
  border-radius: 50%;
  background-color: #f8cc66;
  color: black;
  padding: 95px;
  transition: all 0.7s;
}
.level-up-view .free-materials .articles .articles-row .item .inner-wrapper:focus {
  text-decoration: none!important;
}
.level-up-view .free-materials .articles .articles-row .item .inner-wrapper:hover {
  border-radius: 0;
  width: 415px;
  height: 415px;
  padding: 60px;
  text-decoration: none!important;
}
.level-up-view .free-materials .articles .articles-row .item .inner-wrapper .article-title {
  font-size: 20px;
  font-family: Roboto bold;
  padding-bottom: 30px;
  height: 115px;
  display: flex;
  align-items: flex-end;
}
.level-up-view .free-materials .articles .articles-row .item .inner-wrapper .article-description {
  font-family: Roboto light;
  font-size: 16px;
}
.level-up-view .free-materials .video {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.level-up-view .free-materials .video .item {
  background-color: black;
  width: 1100px;
  height: 330px;
  padding: 0 30px;
  box-sizing: border-box;
  display: flex;
  position: relative;
  cursor: pointer;
  margin-bottom: 100px;
}
.level-up-view .free-materials .video .item:last-child {
  margin-bottom: 0;
}
.level-up-view .free-materials .video .item:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: white;
  opacity: 0.3;
  margin-top: -50px;
  margin-left: -50px;
}
.level-up-view .free-materials .video .item:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  border: 30px solid transparent;
  border-left: 46px solid white;
  opacity: 0.7;
  margin-top: -29px;
  margin-left: -17px;
}
.level-up-view .free-materials .video .item:focus {
  text-decoration: none!important;
}
.level-up-view .free-materials .video .item:hover {
  text-decoration: none!important;
}
.level-up-view .free-materials .video .item .perforation {
  height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: -15px;
}
.level-up-view .free-materials .video .item .perforation div {
  background-color: white;
  width: 48px;
  height: 48px;
}
.level-up-view .free-materials .video .item .inner-wrapper {
  flex-grow: 2;
  height: 100%;
  color: #f8cc66;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.level-up-view .free-materials .video .item .inner-wrapper .background {
  position: absolute;
  top: 0;
  height: 330px;
  z-index: 0;
  opacity: 0.2;
}
.level-up-view .free-materials .video .item .inner-wrapper .video-title {
  font-size: 30px;
  font-family: Roboto bold;
  padding-bottom: 60px;
  z-index: 1;
}
.level-up-view .free-materials .video .item .inner-wrapper .video-description {
  text-align: center;
  font-size: 16px;
  font-family: Roboto light;
  padding: 0 100px;
  z-index: 1;
}
.level-up-view .online {
  padding-top: 30px;
}
.level-up-view .online .online-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.level-up-view .online .online-wrapper .item {
  width: 500px;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.level-up-view .online .online-wrapper .item:focus {
  text-decoration: none!important;
}
.level-up-view .online .online-wrapper .item:hover {
  text-decoration: none!important;
}
.level-up-view .online .online-wrapper .item:hover .online-description {
  font-size: 16px;
  opacity: 1;
}
.level-up-view .online .online-wrapper .item:hover .line {
  opacity: 1;
}
.level-up-view .online .online-wrapper .item .online-title {
  font-size: 20px;
  font-family: Roboto bold;
}
.level-up-view .online .online-wrapper .item .line {
  width: 320px;
  height: 1px;
  margin: 10px 0;
  opacity: 0;
  transition: all 0.7s;
}
.level-up-view .online .online-wrapper .item .online-description {
  font-size: 16px;
  font-family: Roboto light;
  padding: 0 40px;
  text-align: center;
  font-size: 0;
  opacity: 0;
  transition: all 0.7s;
}
.level-up-view .free-library {
  padding-top: 10px;
  font-family: Roboto light;
}
.level-up-view .free-library .access {
  padding-bottom: 20px;
}
.level-up-view .free-library .access a {
  color: black;
  text-decoration: none;
  font-size: 20px;
  border-bottom: 1px solid black;
}
.level-up-view .free-library .free-library-wrapper {
  padding: 50px 20px 0 20px;
  background-color: #636166;
}
.level-up-view .free-library .free-library-wrapper .items {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap {
  width: 450px;
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  box-sizing: border-box;
  position: relative;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .background {
  width: 450px;
  height: 450px;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  background-color: white;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap:hover .background {
  width: 470px;
  height: 470px;
  top: -10px;
  left: -10px;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item {
  width: 390px;
  height: 390px;
  color: black;
  z-index: 2;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item:focus {
  text-decoration: none!important;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item:hover {
  text-decoration: none!important;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item.transparent {
  opacity: 0;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item .library-author {
  font-family: Roboto bold;
  font-size: 20px;
  padding-bottom: 25px;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item .center {
  display: flex;
  align-items: flex-start;
  width: 390px;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item .center img {
  width: 150px;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item .center .library-description {
  font-size: 16px;
  padding-left: 35px;
}
.level-up-view .free-library .free-library-wrapper .items .outer-wrap .item .library-title {
  padding-top: 30px;
}
.level-up-view .book-shop {
  padding-top: 30px;
}
.level-up-view .book-shop .book-shop-wrapper {
  background-color: #636166;
  padding: 20px;
  margin-bottom: 30px;
}
.level-up-view .book-shop .book-shop-wrapper:last-child {
  margin-bottom: 0;
}
.level-up-view .book-shop .book-shop-wrapper .block-title {
  font-size: 18px;
  font-family: Roboto bold;
  color: white;
  padding-bottom: 20px;
}
.level-up-view .book-shop .book-shop-wrapper .book-row {
  display: flex;
}
.level-up-view .book-shop .book-shop-wrapper .book-row .books-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}
.level-up-view .book-shop .book-shop-wrapper .book-row .books-wrapper a {
  background-color: white;
  width: 270px;
  padding: 10px;
  text-align: center;
  box-sizing: border-box;
  margin-right: 20px;
}
.level-up-view .book-shop .book-shop-wrapper .book-row .books-wrapper a .image-wrapper {
  height: 310px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.level-up-view .book-shop .book-shop-wrapper .book-row .books-wrapper a .image-wrapper img {
  width: 200px;
}
.level-up-view .book-shop .book-shop-wrapper .book-row .books-wrapper a .book-title {
  color: black;
  font-size: 16px;
  text-decoration: none;
  padding-top: 10px;
  height: 80px;
  box-sizing: border-box;
}
.admin-respondents-view .toolbar-wrapper {
  min-width: 1125px;
}
.admin-respondents-view .toolbar-wrapper .left-side {
  display: flex;
  flex-grow: 2;
}
.admin-respondents-view .toolbar-wrapper .left-side .download-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.admin-respondents-view .toolbar-wrapper .left-side .date-filter {
  display: flex;
  justify-content: flex-end;
  flex-grow: 2;
  padding: 0 10px;
}
.admin-respondents-view .toolbar-wrapper .left-side .date-filter .date-title {
  background-color: #ecb940;
  color: white;
  border: 0;
  outline: none;
  padding: 9px 20px;
  font-size: 15px;
  font-family: Roboto bold;
}
.admin-respondents-view .toolbar-wrapper .left-side .date-filter .find {
  background-image: url(/img/search.png);
  background-repeat: no-repeat;
  background-position: 9px 10px;
}
.image-popup-view {
  background-color: #edecec;
}
.image-popup-view .popup-content {
  display: flex;
  justify-content: center;
}
.image-popup-view .popup-content .image-wrapper {
  background-color: white;
  margin-bottom: 50px;
}
.company-api-manual-view {
  margin: auto;
  max-width: 1500px;
  padding: 0 10px 0 10px;
  box-sizing: border-box;
  background-color: white;
  padding-bottom: 30px;
  font-size: 18px;
}
.company-api-manual-view .api-manual-title {
  padding-top: 50px;
  font-size: 26px;
  font-family: Seropro medium;
}
.company-api-manual-view .api-manual-subtitle {
  font-size: 22px;
  font-family: Seropro light;
}
.company-api-manual-view .text-code {
  font-family: Seropro medium;
}
.company-api-manual-view pre {
  font-size: 15px;
  font-weight: bold;
}
.api-frame-view .main-wrapper {
  min-width: auto;
}
.api-frame-view .resp-form {
  position: relative;
}
.respondent-survey-view {
  margin-top: 0;
}
.policy-popup-view .wrapper {
  margin: 0 auto;
  padding: 0 10px;
}
.policy-popup-view .title {
  font-family: Pragmatica Bold;
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
}
.policy-popup-view .text {
  margin-bottom: 10px;
}
.policy-popup-view .main {
  counter-reset: list1;
  padding-left: 0;
}
.policy-popup-view .main .main-item {
  font-family: Pragmatica Bold;
  font-size: 16px;
  margin-bottom: 10px;
}
.policy-popup-view .main li {
  list-style-type: none;
  text-align: center;
}
.policy-popup-view .main li:before {
  counter-increment: list1;
  content: counter(list1) ". ";
  margin-right: 5px;
}
.policy-popup-view .main .inner {
  counter-reset: list2;
  padding-left: 0;
}
.policy-popup-view .main .inner li {
  list-style-type: none;
  margin-bottom: 10px;
  text-align: left;
}
.policy-popup-view .main .inner li:before {
  counter-increment: list2;
  content: counter(list1) "." counter(list2) ". ";
  margin-right: 5px;
}
.question-feedback-view {
  padding: 0 20px;
}
.question-feedback-view textarea {
  width: 930px;
}
@media screen and (max-width: 1024px) {
  .question-feedback-view textarea {
    width: 100%;
    box-sizing: border-box;
  }
}
.question-hint-view {
  padding: 20px 160px 20px 20px;
  position: relative;
  background-color: #dcdcdc;
  min-height: 150px;
  border-radius: 15px;
  margin: 50px 20px 20px 20px;
}
.question-hint-view .title-title {
  font-family: Pragmatica ExtraBold;
  font-size: 20px;
  margin-bottom: 10px;
}
.question-hint-view .hint-text {
  font-family: Pragmatica bold;
  font-size: 18px;
}
.question-hint-view img {
  width: 100px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.lk-materials {
  flex-grow: 2;
  background-color: #eceaeb;
  overflow: hidden;
}
.lk-materials .materials-wrapper {
  max-width: 1500px;
  margin: 0 auto;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 0 10px;
}
.lk-materials .materials-wrapper .litres-link {
  font-size: 20px;
  font-family: Pragmatica bold;
}
.lk-materials .materials-wrapper .navigation {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  padding: 12px 30px 10px 30px;
  background-color: white;
  border-radius: 20px;
  align-items: center;
}
.lk-materials .materials-wrapper .navigation .item {
  font-family: Pragmatica;
  color: #676767;
  font-size: 20px;
  text-transform: uppercase;
  cursor: pointer;
}
.lk-materials .materials-wrapper .navigation .item.active {
  font-weight: bold;
  color: #f1b300;
}
.carousel-view {
  position: relative;
}
.carousel-view .items-wrapper {
  display: flex;
  gap: 30px;
}
.carousel-view .items-wrapper .item {
  text-decoration: none;
}
.carousel-view .items-wrapper .item:hover,
.carousel-view .items-wrapper .item:active,
.carousel-view .items-wrapper .item:focus,
.carousel-view .items-wrapper .item:visited {
  text-decoration: none;
}
.carousel-view .items-wrapper .item .card {
  width: 460px;
  height: 330px;
  border-radius: 20px;
  position: relative;
  padding: 30px;
}
.carousel-view .items-wrapper .item .card .card-title {
  color: white;
  font-family: Pragmatica bold;
  font-size: 20px;
}
.carousel-view .items-wrapper .item .card .card-author {
  color: white;
  font-family: Pragmatica;
  font-size: 20px;
  text-transform: uppercase;
}
.carousel-view .items-wrapper .item .card .button {
  color: white;
  font-size: 18px;
  font-family: Pragmatica bold;
  padding: 5px 20px;
  border: 3px solid white;
  border-radius: 16px;
  position: absolute;
  left: 30px;
  bottom: 30px;
  width: 300px;
}
.carousel-view .items-wrapper .item.article .card,
.carousel-view .items-wrapper .item.online .card,
.carousel-view .items-wrapper .item.books .card,
.carousel-view .items-wrapper .item.webinars .card {
  border-bottom-right-radius: 30px;
  cursor: pointer;
  background: #5c2483;
  background: linear-gradient(45deg, #5c2483 0%, #009fe3 100%);
}
.carousel-view .items-wrapper .item.article .card .logo-wrapper,
.carousel-view .items-wrapper .item.online .card .logo-wrapper,
.carousel-view .items-wrapper .item.books .card .logo-wrapper,
.carousel-view .items-wrapper .item.webinars .card .logo-wrapper {
  background-color: white;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  width: 350px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.carousel-view .items-wrapper .item.article .card .logo-wrapper img,
.carousel-view .items-wrapper .item.online .card .logo-wrapper img,
.carousel-view .items-wrapper .item.books .card .logo-wrapper img,
.carousel-view .items-wrapper .item.webinars .card .logo-wrapper img {
  width: 250px;
}
.carousel-view .items-wrapper .item.article .preview,
.carousel-view .items-wrapper .item.online .preview,
.carousel-view .items-wrapper .item.books .preview,
.carousel-view .items-wrapper .item.webinars .preview {
  font-size: 24px;
  font-family: Pragmatica;
  color: black;
  max-width: 460px;
}
.carousel-view .items-wrapper .item.video .card {
  padding: 0;
  overflow: hidden;
}
.carousel-view .items-wrapper .item.video .card:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background-color: white;
  margin-top: -50px;
  margin-left: -50px;
  box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.1);
}
.carousel-view .items-wrapper .item.video .card:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  border: 30px solid transparent;
  border-left: 46px solid #a8a7a7;
  margin-top: -29px;
  margin-left: -17px;
}
.carousel-view .items-wrapper .item.video .video-title {
  color: black;
  font-family: Pragmatica bold;
  font-size: 30px;
  max-width: 460px;
}
.carousel-view .nav-button {
  cursor: pointer;
  width: 80px;
  position: absolute;
  top: 123px;
  left: 10px;
  z-index: 2;
}
.carousel-view .nav-button.back {
  transform: rotate(180deg);
}
.carousel-view .nav-button.front {
  left: auto;
  right: 50px;
}
.trajectory-view .question {
  margin-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-bottom: 2px solid black;
}
.trajectory-view .question:last-child {
  border-bottom: none;
}
.trajectory-view .question .question-text {
  display: flex;
  gap: 10px;
  padding-left: 12px;
}
.trajectory-view .question .answers {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.trajectory-view .question .answers .answer {
  padding: 5px 17px;
  position: relative;
  border: 2px solid white;
  border-radius: 100px;
  display: flex;
  gap: 20px;
  align-items: center;
}
.trajectory-view .question .answers .answer:before {
  content: '';
  min-width: 20px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid gray;
}
.trajectory-view .question .answers .answer.correct {
  border: 2px solid #a1d644;
  color: #a1d644;
}
.trajectory-view .question .answers .answer.correct:before {
  background-color: #a1d644;
  border: 2px solid #a1d644;
}
.trajectory-view .question .answers .answer.incorrect {
  color: #f0544f;
}
.trajectory-view .question .answers .answer.incorrect:before {
  background-color: #f0544f;
  border: 2px solid #f0544f;
}
.trajectory-view .question .answers .answer.was-correct {
  border: 2px solid #a1d644;
}
.petal-chart-popup-view {
  padding: 20px;
  background-color: white;
  border-radius: 20px;
  border: 1px solid #40475a;
}
.petal-chart-popup-view .top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.petal-chart-popup-view .top .petal-title {
  background-color: #f1b300;
  border-radius: 30px;
  padding: 10px 20px;
  font-size: 22px;
  font-family: Pragmatica bold;
}
.petal-chart-popup-view .top img {
  width: 52px;
  cursor: pointer;
}
.petal-chart-popup-view .content {
  margin-top: 20px;
  padding-bottom: 50px;
  font-size: 18px;
}
.company-main-vew {
  color: black;
  font-family: Pragmatica;
  margin-bottom: 40px;
}
.company-main-vew .top {
  background-color: #f1b300;
  padding: 20px;
  border-radius: 20px;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  position: relative;
}
.company-main-vew .top .item {
  flex-grow: 1;
  flex-basis: 0;
  font-size: 22px;
  padding: 0 20px;
  border-right: 2px solid black;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
}
.company-main-vew .top .item:last-child {
  border-right: none;
}
.company-main-vew .top .item .desc {
  flex-grow: 2;
  text-align: center;
}
.company-main-vew .top .item .val {
  font-family: Pragmatica ExtraBold;
  text-align: center;
  font-size: 26px;
  min-height: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.company-main-vew .bottom {
  background-color: #e5e5e5;
  padding: 50px 20px 20px 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  margin-top: -20px;
  font-size: 20px;
}
.company-main-vew .bottom .step {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 10px;
}
.company-main-vew .bottom .step .num {
  font-size: 45px;
  font-family: Pragmatica ExtraBold;
  color: #f1b300;
  line-height: 1;
}
.company-main-vew a {
  color: #f1b300;
  font-family: Pragmatica ExtraBold;
  text-decoration: underline;
}
.company-main-vew a:hover {
  text-decoration: none;
}
@media screen and (max-width: 1100px) {
  .company-main-vew .top .item {
    font-size: 18px;
  }
  .company-main-vew .top .item .val {
    font-size: 20px;
  }
  .company-main-vew .bottom {
    font-size: 18px;
  }
  .company-main-vew .bottom .step .num {
    font-size: 40px;
  }
}
.company-offers-vew {
  margin-bottom: 50px;
}
.company-offers-vew .items {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.company-offers-vew .items .items-row {
  display: flex;
  gap: 30px;
}
.company-offers-vew .items .items-row .item {
  position: relative;
  width: 520px;
  height: 281px;
  padding: 10px 20px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.company-offers-vew .items .items-row .item:hover,
.company-offers-vew .items .items-row .item:active,
.company-offers-vew .items .items-row .item:focus {
  text-decoration: none;
}
.company-offers-vew .items .items-row .item img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.company-offers-vew .items .items-row .item .title {
  position: relative;
  z-index: 1;
  font-size: 24px;
  font-family: Pragmatica ExtraBold;
  color: black;
  line-height: 1.1;
}
.company-offers-vew .items .items-row .item .description {
  position: relative;
  z-index: 1;
  color: white;
  font-size: 24px;
  font-family: Pragmatica bold;
  line-height: 1.1;
}
.company-offers-vew .items .items-row .item .button-wrapper {
  display: flex;
  justify-content: flex-start;
}
.company-offers-vew .items .items-row .item .button-wrapper .button {
  position: relative;
  z-index: 1;
  padding: 15px 40px;
  border-radius: 20px;
  border-color: #f1b300;
  border: 3px solid #f1b300;
  color: #f1b300;
  background-color: #e5e5e5;
  font-size: 24px;
  font-family: Pragmatica bold;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 1100px) {
  .company-offers-vew .items {
    gap: 20px;
  }
  .company-offers-vew .items .items-row {
    gap: 20px;
  }
  .company-offers-vew .items .items-row .item {
    width: 450px;
    height: 243px;
  }
  .company-offers-vew .items .items-row .item img {
    width: 450px;
    height: 243px;
  }
  .company-offers-vew .items .items-row .item .title {
    font-size: 20px;
  }
  .company-offers-vew .items .items-row .item .description {
    font-size: 20px;
  }
  .company-offers-vew .items .items-row .item .button-wrapper .button {
    font-size: 20px;
  }
}
.company-details-vew .certificates-table {
  margin-top: 20px;
}
.company-details-vew .certificates-table thead th {
  background-color: #e5e5e5;
  font-family: Pragmatica ExtraBold;
  padding: 20px 5px;
  text-align: center;
}
.company-details-vew .certificates-table thead th:first-child {
  border-top-left-radius: 60px;
  border-bottom-left-radius: 60px;
}
.company-details-vew .certificates-table thead th:last-child {
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
}
.company-details-vew .certificates-table tbody tr:first-child td {
  padding-top: 30px;
}
.company-details-vew .certificates-table tbody tr:last-child td {
  border-bottom: none;
}
.company-details-vew .certificates-table tbody td {
  padding: 10px 0;
  text-align: center;
  font-size: 18px;
  border-bottom: 2px solid #e5e5e5;
}
.company-details-vew .certificates-table tbody td:first-child {
  text-align: left;
  font-size: 14px;
  color: #f1b300;
  font-family: Pragmatica ExtraBold;
  text-decoration: underline;
  cursor: pointer;
}
.company-details-vew .download-button-wrapper {
  margin-top: 70px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
}
.certificate-form-view {
  /* border-radius: 20px; */
  background-color: #e5e5e5;
}
.certificate-form-view .inputs {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.certificate-form-view .inputs .text-input {
  border: none;
  font-family: Pragmatica bold;
  padding: 20px;
}
.certificate-form-view .inputs .text-input::placeholder {
  color: #e5e5e5;
}
.certificate-form-view .popup-buttons {
  display: flex;
  gap: 20px;
}
.certificate-form-view .popup-buttons .outline-button {
  height: 80px;
  display: flex;
  align-items: center;
}