* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  *:after, *:before {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }

html, body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

body {
  color: #3E3E3E;
  min-width: 1473px;
  overflow-x: hidden;
  font-family: 'Ubuntu', sans-serif; }

img {
  width: 100%; }

.container {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 70rem; }

.clear-fix:after, .row:after, .container:after {
  content: "";
  display: table;
  clear: both; }

.row [class*='col-'] {
  min-height: 1rem; }

.row .col-1-2 {
  float: left;
  width: 49.99999%; }

.row .col-1-3 {
  float: left;
  width: 32.9%; }

.row .col-1-4 {
  float: left;
  width: 24.9%; }

.px-05, #about .col-1-2, #about .level, #programms .col-1-2, #mail .col-1-2, #qualification .container {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.py-3, #about, #programms, #mail, #qualification, #contacts, #catalogs {
  padding-top: 3rem;
  padding-bottom: 3rem; }

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

.hidden {
  display: none; }

.v-btn {
  height: 0;
  left: 95%;
  position: relative;
  top: 1rem;
  width: 0;
  z-index: 10; }
  .v-btn div {
    background: url(img/vol-on.png) no-repeat center center;
    background-size: cover;
    cursor: pointer;
    height: 2.5rem;
    width: 2.5rem; }
    .v-btn div.muted {
      background: url(img/vol-off.png) no-repeat center center; }

#top-contacts {
  background-color: #8e82bf; }
  #top-contacts address {
    color: white;
    font-style: normal;
    padding: 0.6rem 1rem;
    text-align: right; }
  #top-contacts a {
    color: #37d7ff;
    font-weight: bold;
    text-decoration: none; }
    #top-contacts a:hover {
      text-decoration: underline; }

#navbar .container {
  font-size: 0.9rem;
  height: 6rem;
  text-align: center;
  min-width: 100%; }
  #navbar .container > * {
    display: inline-block; }
  #navbar .container .logo {
    height: 6rem;
    padding: 0.5rem 1rem 0.5rem 0; }
    #navbar .container .logo img {
      height: 5rem;
      width: auto; }
  #navbar .container .menu {
    font-size: smaller;
    padding: 1.3rem; }
    #navbar .container .menu .navbar-item {
      color: inherit;
      display: block;
      float: left;
      font-weight: 700;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s;
      width: 9.5rem; }
    #navbar .container .menu a:hover {
      color: #ff0000;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s; }

#home video {
  width: 100%; }

#about h2 {
  text-align: center; }

#about p {
  text-align: justify; }

#about a {
  color: inherit;
  text-decoration: none; }

#about .col-1-2 {
  text-align: center; }
  #about .col-1-2 img {
    height: 5rem;
    margin: 0 0.5rem;
    width: auto; }

#about .level {
  padding-top: 1rem; }
  #about .level img {
    background-color: #8e82bf;
    border: 0px solid #8e82bf;
    border-radius: 0.2rem;
    display: block;
    float: left;
    height: 3rem;
    left: 0.5rem;
    position: relative;
    top: 1.5rem;
    width: 3rem; }
  #about .level p {
    padding-left: 4rem;
    text-align: left; }
    #about .level p b {
      display: block;
      font-size: 2rem; }

#programms {
  background-color: #8e82bf; }
  #programms h3 {
    color: white;
    text-align: center;
    border-color: #1c4d86; }
  #programms .col-1-2 {
    margin-bottom: 1rem; }
    #programms .col-1-2 > div {
      background-color: white;
      border: 0.2rem solid #e42c2c;
      border-radius: 0.4rem;
      padding: 0.05rem 1rem; }
    #programms .col-1-2.r > div {
      border: 0.2rem solid #1c4d86; }
    #programms .col-1-2.r > h3 {
      color: #e42c2c; }
  #programms table {
    width: 100%; }
    #programms table td:first-child {
      text-align: center; }
  #programms .c {
    font-style: italic; }
  #programms .r {
    color: #e42c2c; }
  #programms .b {
    font-weight: bold; }
  #programms .u {
    text-decoration: underline; }
  #programms .bc {
    color: #1c4d86; }
  #programms ul {
    padding-left: 0; }
    #programms ul li {
      list-style-type: none; }
    #programms ul.li li {
      margin-bottom: 1.4em; }
  #programms .h-r46 div {
    border-color: #1c4d86;
    min-height: 47rem; }
  #programms .h-r46 h3 {
    color: white; }
  #programms .h-r31 div {
    min-height: 31rem; }

#mail {
  background-color: #EFE3AF; }
  #mail .col-1-2 {
    text-align: center; }
  #mail .img {
    margin: 0 auto;
    overflow: hidden;
    width: 9rem; }
    #mail .img img {
      border-radius: 0.2rem;
      display: block;
      padding-top: 6em;
      width: 100%; }
  #mail select {
    background-color: #fdfdfd;
    border: 1px solid #3E3E3E;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    width: 100%; }
  #mail input[type=text] {
    background-color: #fdfdfd;
    border: 1px solid #3E3E3E;
    color: inherit;
    display: block;
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    width: 100%; }
    #mail input[type=text]:focus {
      border-color: #1c4d86; }
  #mail input[type=submit] {
    background-color: white;
    border: none;
    border-radius: 0.2rem;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0.5rem;
    position: relative;
    right: -62%;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
    #mail input[type=submit]:hover {
      background-color: #1c4d86;
      color: white;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s; }
  #mail textarea {
    background-color: #fdfdfd;
    border: 1px solid #3E3E3E;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    width: 100%; }
    #mail textarea:focus {
      border-color: #1c4d86; }

#pr video {
  width: 100%; }

#qualification {
  background-color: #efe3af; }
  #qualification h1, #qualification h2 {
    text-align: center; }
  #qualification h1 {
    color: #8e372e; }
  #qualification .b {
    font-weight: bolder; }
  #qualification .background-white {
    border-radius: 0.5rem;
    margin-top: 2rem;
    padding: 1rem; }
  #qualification a {
    color: #e42c2c;
    border: 1px solid blue;
    border-radius: 0.5rem;
    display: inline-block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 1rem;
    margin-top: 1rem;
    text-align: center;
    text-decoration: none; }
  #qualification h2 {
    color: #1c4d86; }
  #qualification .col-1-2 {
    padding: 0.5rem; }
  #qualification .col-1-2 > div {
    border: 2px solid #e42c2c;
    border-radius: 0.5rem;
    min-height: 17.2rem;
    padding: 1rem; }
  #qualification .col-1-2:nth-child(2) h2 {
    color: #e42c2c; }
  #qualification .col-1-2:nth-child(2) > div {
    border: 2px solid #1c4d86; }
  #qualification ul {
    font-size: 1.1em;
    margin: 0;
    padding-left: 0;
    width: 100%; }
    #qualification ul li {
      list-style-type: none;
      margin-bottom: 0.7rem; }
    #qualification ul.li li {
      line-height: 1;
      margin-bottom: 0; }
  #qualification span {
    color: #1c4d86;
    font-weight: bold; }

#contacts span {
  color: #e42c2c; }

#contacts address {
  font-style: normal; }
  #contacts address a {
    color: #1c4d86;
    text-decoration: none; }
    #contacts address a:hover {
      text-decoration: underline; }

#contacts textarea {
  background-color: #fdfdfd;
  border: 1px solid #3E3E3E;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  margin-right: 0.5rem;
  padding: 0.5rem;
  width: 74%; }
  #contacts textarea:focus {
    border-color: #1c4d86; }

#contacts input[type=text] {
  background-color: #fdfdfd;
  border: 1px solid #3E3E3E;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  margin-right: 0.5rem;
  padding: 0.5rem;
  width: 24%; }
  #contacts input[type=text]:focus {
    border-color: #1c4d86; }

#contacts input[type=submit] {
  background-color: white;
  border: none;
  border-radius: 0.2rem;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  padding: 0.5rem;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s; }
  #contacts input[type=submit]:hover {
    background-color: #1c4d86;
    color: white;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }

#contacts .col-1-3 {
  padding: 1rem;
  text-align: center; }
  #contacts .col-1-3 img {
    background-color: gray;
    border-radius: 0.2rem;
    display: block;
    height: 10rem;
    margin: 0 auto 1rem;
    width: auto; }

#interw h1 {
  background-color: #ffe4c4;
  color: #a52a2a;
  margin: 0;
  padding: 1em;
  text-align: center; }

#interw video {
  width: 100%; }

#catalogs {
  background-color: #8e82bf; }
  #catalogs a {
    color: #1c4d86;
    text-decoration: none; }
  #catalogs h2 {
    text-align: center; }
  #catalogs .title {
    background-color: white;
    color: inherit;
    cursor: pointer;
    display: block;
    font-size: 1.17rem;
    font-weight: bold;
    margin: 0;
    padding: 1rem;
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s; }
    #catalogs .title:hover {
      color: #1c4d86;
      -webkit-transition-duration: 0.3s;
              transition-duration: 0.3s; }
  #catalogs .accordion {
    border-radius: 0.2rem; }
    #catalogs .accordion > div {
      background-color: white;
      max-height: 0;
      overflow: hidden; }
    #catalogs .accordion.active > div {
      max-height: 100%; }