*, *::before, *::after { margin: 0; padding: 0; max-height: 999999px; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: auto; word-spacing: 0; outline: 0; line-height: 1.2em; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-backface-visibility: visible; }
body { overflow-x: hidden; }
a { cursor: pointer; color: inherit; }
a.no-link { cursor: default; }
b, strong { font-weight: bold; }
script, style { display: none !important; }
p:not([class]) { margin: .7em 0; }
ul { list-style: none; }
input, select, textarea { border: 0; background: 0; font-size: inherit; color: inherit; line-height: inherit; font-family: inherit; }
article, aside, footer, header, nav, section { display: block; }
body { font-family: "PT Sans",sans-serif; font-size: 16px; font-size: 5vw; position: relative; color: white; background: white; min-width: 320px; }
.wow { visibility: hidden; }
.wrapper { padding: 0 1.125em; min-width: 320px; }
.layout { background: white; overflow: hidden; }
.header { position: relative; width: 100%; z-index: 80; top: 0; margin-top: 0; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
.header.shadow { -moz-transition: -moz-transform 400ms; -o-transition: -o-transform 400ms; -webkit-transition: -webkit-transform 400ms; transition: transform 400ms; }
.header.hidden { -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.panel { padding: .8125em 0; background: white; position: relative; z-index: 1; }
.panel::after { content: ""; display: block; clear: both; }
.panel__logo { display: block; width: 10.25em; height: 2.4375em; background: url(/images/svg/aplex.svg) no-repeat 0 0; background-size: contain; float: left; margin-left: -0.1875em; }
.panel__menu-trigger { display: block; width: 2.4375em; height: 2.4375em; background: url(/images/svg/menu-trigger.svg) no-repeat 0 0; background-size: contain; float: right; margin-right: -0.3125em; }
.panel__promo { display: none; }
.panel__diploma { display: none; }
.slider { position: relative; height: 25em; font-family: "Roboto",sans-serif; font-weight: 300; overflow: hidden; background: url(/images/jpg/slider/slyde1_tmb.jpg) no-repeat center; background-size: cover; }
.slider__helper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; -moz-transition: left 400ms linear; -o-transition: left 400ms linear; -webkit-transition: left 400ms linear; transition: left 400ms linear; }
.slider__helper.left { left: -200%; }
.slider__helper.right { left: 200%; }
.slider__helper::before { content: ""; display: block; position: absolute; width: 100%; left: -100%; height: 100%; top: 0; z-index: inherit; background: -moz-linear-gradient(left,transparent 0,black,100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,transparent),color-stop(100%,black)); background: -webkit-linear-gradient(left,transparent 0,black 100%); background: -o-linear-gradient(left,transparent 0,black 100%); background: -ms-linear-gradient(left,transparent 0,black 100%); background: linear-gradient(to right,rgba(0,0,0,0) 0,#000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent',endColorstr='black',GradientType=1); }
.slider__helper::after { content: ""; display: block; position: absolute; width: 100%; right: -100%; height: 100%; top: 0; z-index: inherit; background: -moz-linear-gradient(left,black 0,transparent,100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,black),color-stop(100%,transparent)); background: -webkit-linear-gradient(left,black 0,transparent 100%); background: -o-linear-gradient(left,black 0,transparent 100%); background: -ms-linear-gradient(left,black 0,transparent 100%); background: linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black',endColorstr='transparent',GradientType=1); }
.slider__holder { width: 100%; height: 100%; word-spacing: -.3em; white-space: nowrap; }
.slider__holder > * { word-spacing: 0; }
.slider__item { position: absolute; left: 0; top: 0; white-space: normal; width: 100%; height: 100%; overflow: hidden; background: #a8aeb3; z-index: 0; display: none; -moz-transition: z-index 0ms linear 200ms; -o-transition: z-index 0ms linear 200ms; -webkit-transition: z-index 0ms linear; -webkit-transition-delay: 200ms; transition: z-index 0ms linear 200ms; }
.slider__item.active { z-index: 1; }
.slider__item.next.active { z-index: 3; }
.slider__item.prev { z-index: 2; }
.slider__item-img { position: absolute; top: 0; bottom: 0; left: -100%; right: -100%; height: 100%; width: auto; margin: auto; min-width: 100%; z-index: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 400ms linear; -o-transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; transition: opacity 400ms linear; }
.slider__item-img.hide { filter: alpha(opacity=50); opacity: .5; }
.slider__item-content { position: absolute; left: 1em; right: 1em; bottom: 4.375em; z-index: 1; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
.slider__item-content.scale { -moz-transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; transition: all 0s; -moz-transform: scale(2); -ms-transform: scale(2); -webkit-transform: scale(2); transform: scale(2); filter: alpha(opacity=0); opacity: 0; }
.slider__item-content.translate_left { -moz-transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; transition: all 0s; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); filter: alpha(opacity=0); opacity: 0; }
.slider__item-content.translate_right { -moz-transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; transition: all 0s; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); filter: alpha(opacity=0); opacity: 0; }
.slider__item-content.hide { filter: alpha(opacity=0); opacity: 0; }
.slider__item-content_center { text-align: center; }
.slider__item-content_top { bottom: auto; top: 3.125em; }
.slider__item-title { font-size: 2.125em; margin-bottom: .5em; font-family: "Roboto",sans-serif; font-weight: 300; }
.slider__item-title_s_m { font-size: 1.64706em; }
.slider__item-title_s_l { font-size: 2.05882em; }
.slider__item-title_up { text-transform: uppercase; }
.slider__item-title_red { color: #ed4543; font-size: 1.4em; }
.slider__item-text { display: none; }
.slider__panel { position: absolute; bottom: 1.375em; left: 0; width: 100%; text-align: center; word-spacing: -.3em; }
.slider__panel > * { word-spacing: 0; }
.slider__index-button { display: inline-block; width: .75em; height: .75em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: white; margin: 0 .875em; -moz-transition: background 400ms; -o-transition: background 400ms; -webkit-transition: background 400ms; transition: background 400ms; }
.slider__index-button.active, .slider__index-button.active:hover { background: #ed4543; }
.slider__index-button:hover { background: #a8aeb3; }
.slider__index-button:first-child { margin-left: 0; }
.slider__index-button:last-child { margin-right: 0; }
.slider__links .rect { margin-bottom: .5em; }
.breadcrumbs { background: #e5ebef; padding: 1.1em 0; font-family: "Roboto",sans-serif; font-weight: 300; color: #424954; font-size: .875em; white-space: nowrap; }
.breadcrumbs__item { display: inline-block; vertical-align: baseline; margin-left: .5em; text-decoration: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.breadcrumbs__item::before { content: "/"; color: #ed4543; margin-right: .5em; }
.breadcrumbs__item:first-child { margin-left: 0; }
.breadcrumbs__item:first-child::before { content: ""; margin-right: 0; }
.breadcrumbs__scheme_NIC { background: #424954; color: white; }
.sub-menu { background: #ed4543; font-family: "Roboto",sans-serif; font-weight: 300; color: white; font-size: 1.125em; position: relative; z-index: 1; }
.sub-menu__holder { position: relative; padding: .83333em 0; white-space: nowrap; }
.sub-menu__item { text-decoration: none; display: inline-block; padding: .4em 1.33333em; }
.sub-menu__item.current { -moz-border-radius: .22222em; -webkit-border-radius: .22222em; border-radius: .22222em; padding: .4em 1.33333em; background: #d53d3b; }
.dashboard { position: absolute; top: 0; left: 0; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); width: 100%; background: transparent; z-index: 200; -moz-transition: background 600ms ease 0ms,transform 0ms ease 600ms; -o-transition: background 600ms ease 0ms,transform 0ms ease 600ms; -webkit-transition: background 600ms ease 0ms,transform 0ms ease 600ms; transition: background 600ms ease 0ms,transform 0ms ease 600ms; }
.dashboard__content { position: relative; top: 0; margin-left: 100%; width: 84%; background: #ed4543; font-size: 1.125em; padding-top: 3.33333em; padding-bottom: 2em; -moz-transition: -moz-transform 600ms; -o-transition: -o-transform 600ms; -webkit-transition: -webkit-transform 600ms; transition: transform 600ms; }
.dashboard__close-button { position: absolute; top: 1em; right: 1em; display: block; width: 1.11111em; height: 1.11111em; background: url(/images/svg/close.svg) no-repeat 0 0; background-size: contain; }
.dashboard.open { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; background: rgba(0,0,0,0.7); height: 100%; -moz-transition: background 600ms ease 0ms,transform 0ms ease 0ms; -o-transition: background 600ms ease 0ms,transform 0ms ease 0ms; -webkit-transition: background 600ms ease 0ms,transform 0ms ease 0ms; transition: background 600ms ease 0ms,transform 0ms ease 0ms; }
.dashboard.open .dashboard__content { -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.dashboard__phone { white-space: nowrap; font-size: 1.77778em; font-weight: bold; margin: 1em .5625em; display: inline-block; text-decoration: none; }
.dashboard .rect { margin-left: 1em; margin-right: 1em; }
.navigation { border-top: .11111em solid #d53d3b; border-bottom: .11111em solid #d53d3b; margin-bottom: -0.11111em; background: #ed4543; padding: 0 1em; position: relative; -moz-transition: background 800ms; -o-transition: background 800ms; -webkit-transition: background 800ms; transition: background 800ms; }
.navigation.open { background: #de403e; }
.navigation.open .navigation__trigger::before { border-width: 0 .33333em .33333em .33333em; border-color: transparent transparent #fff transparent; }
.navigation.open .navigation__link { max-height: 5em; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; padding-bottom: .7em; }
.navigation__title { text-transform: uppercase; font-weight: bold; display: block; margin-bottom: 0; padding: .5em 0; text-decoration: none; }
.navigation__img { display: none; }
.navigation__link { text-decoration: none; display: block; max-height: 0; filter: alpha(opacity=0); opacity: 0; margin-bottom: 0; position: relative; padding: 0 0 0 1.33333em; -moz-transition: max-height 400ms,margin 400ms,opacity 400ms,padding-bottom 400ms; -o-transition: max-height 400ms,margin 400ms,opacity 400ms,padding-bottom 400ms; -webkit-transition: max-height 400ms,margin 400ms,opacity 400ms,padding-bottom 400ms; transition: max-height 400ms,margin 400ms,opacity 400ms,padding-bottom 400ms; }
.navigation__link::before { content: ""; display: block; position: absolute; width: .33333em; height: .33333em; background: white; top: .33333em; left: 0; }
.navigation__trigger { position: absolute; padding: .5em; top: .4em; right: .8em; display: block; }
.navigation__trigger::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: .33333em .33333em 0 .33333em; border-color: #fff transparent transparent transparent; }
body.duration, body.opened { -moz-perspective: 1000px; -webkit-perspective: 1000px; perspective: 1000px; -moz-perspective-origin: 0 50%; -webkit-perspective-origin: 0 50%; perspective-origin: 0 50%; }
body.opened .viewport { -moz-transform: rotateY(15deg); -ms-transform: rotateY(15deg); -webkit-transform: rotateY(15deg); transform: rotateY(15deg); }
body.opened .layer { z-index: 1; -moz-transition: z-index 0s linear 0s,background .9s linear .1s; -o-transition: z-index 0s linear 0s,background .9s linear .1s; -webkit-transition: z-index 0s linear,background .9s linear; -webkit-transition-delay: 0s,0.1s; transition: z-index 0s linear 0s,background .9s linear .1s; }
body.opened .layer__content { -moz-transition: -moz-transform .5s 0; -o-transition: -o-transform .5s 0; -webkit-transition: -webkit-transform .5s 0; transition: transform .5s 0; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; }
.viewport { -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; -webkit-transition: -webkit-transform 1s; transition: transform 1s; position: relative; height: 100%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; z-index: 0; }
.layer { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; -moz-transition: z-index 0s linear 1s,background 1s linear 0s; -o-transition: z-index 0s linear 1s,background 1s linear 0s; -webkit-transition: z-index 0s linear,background 1s linear; -webkit-transition-delay: 1s,0s; transition: z-index 0s linear 1s,background 1s linear 0s; overflow: hidden; }
.layer__content { background: #ed4543; min-height: 100%; position: absolute; top: 0; right: 0; width: 85%; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-transition: -moz-transform .5s ease .5s; -o-transition: -o-transform .5s ease .5s; -webkit-transition: -webkit-transform .5s ease; -webkit-transition-delay: .5s; transition: transform .5s ease .5s; text-align: center; overflow: auto; }
.form.form_siteOrder { margin-top: 2em; padding-top: 3.5em; text-align: left; display: inline-block; vertical-align: middle; width: 80%; }
.form.form_siteOrder::before { content: none; }

@media all and (min-width:600px) {
  body { font-size: 2.66667vw; }
}

@media all and (min-width:960px) {
  html, body { font-size: 16px; height: 100%; }
  .wrapper { padding: 0 25px; min-width: 960px; max-width: 1144px; margin: 0 auto; }
  .layout { min-height: 90%; padding-top: 6.2em; }
  .header { position: fixed; }
  .header.shadow { -moz-box-shadow: 0 0 67px 0 rgba(0,0,0,0.75); -webkit-box-shadow: 0 0 67px 0 rgba(0,0,0,0.75); box-shadow: 0 0 67px 0 rgba(0,0,0,0.75); }
  .panel { padding: 0; }
  .panel .wrapper { position: relative; padding-right: 73px; text-align: justify; word-spacing: -.3em; }
  .panel .wrapper::after { content: ""; display: inline-block; width: 100%; }
  .panel__logo { background-position: center; float: none; display: inline-block; vertical-align: middle; padding: 0; margin: 0 0 -1.2em; }
  .panel__promo { display: inline-block; vertical-align: middle; margin: 0 0 -1.2em; }
  .panel__phone { color: #ed4543; font-size: 24px; font-weight: bold; margin-bottom: .2em; text-decoration: none; display: block; }
  .panel__slogan { color: #424954; }
  .panel__menu-trigger { display: none; }
  .panel__diploma { display: block; position: absolute; width: 73px; height: 165px; top: 0; right: 0; background: url(/images/desktop/diploma.png) no-repeat 0 0; z-index: 110; }
  .panel .rect { display: none; }
  .panel.low > .wrapper { -moz-transition: padding 400ms; -o-transition: padding 400ms; -webkit-transition: padding 400ms; transition: padding 400ms; padding-right: 25px; }
  .panel.low .navigation { padding: .5em 0; }
  .panel__promo { -moz-transition: visibility 0ms linear 0ms,max-height 400ms,max-width 400ms,opacity 400ms ease 400ms; -o-transition: visibility 0ms linear 0ms,max-height 400ms,max-width 400ms,opacity 400ms ease 400ms; -webkit-transition: visibility 0ms linear 0ms,max-height 400ms,max-width 400ms,opacity 400ms ease 400ms; transition: visibility 0ms linear 0ms,max-height 400ms,max-width 400ms,opacity 400ms ease 400ms; max-height: 5em; max-width: 25%; }
  .panel__promo.hidden { -moz-transition: visibility 0ms linear 100ms,max-height 0ms ease 100ms,max-width 0ms ease 100ms,opacity 100ms ease 0ms; -o-transition: visibility 0ms linear 100ms,max-height 0ms ease 100ms,max-width 0ms ease 100ms,opacity 100ms ease 0ms; -webkit-transition: visibility 0ms linear 100ms,max-height 0ms ease 100ms,max-width 0ms ease 100ms,opacity 100ms ease 0ms; transition: visibility 0ms linear 100ms,max-height 0ms ease 100ms,max-width 0ms ease 100ms,opacity 100ms ease 0ms; visibility: hidden; max-height: 0; max-width: 0; filter: alpha(opacity=0); opacity: 0; }
  .panel__diploma { -moz-transition: width 400ms,opacity 400ms; -o-transition: width 400ms,opacity 400ms; -webkit-transition: width 400ms,opacity 400ms; transition: width 400ms,opacity 400ms; }
  .panel__diploma.hidden { width: 0; filter: alpha(opacity=0); opacity: 0; }
  .slider { height: 694px; margin-top: -3em; }
  .slider .wrapper { height: 100%; }
  .slider .wrapper::after { content: ""; display: inline-block; height: 100%; width: 0; vertical-align: middle; }
  .slider__item-content { position: relative; left: auto; right: auto; bottom: auto; top: auto; z-index: 1; display: inline-block; width: 40%; vertical-align: middle; }
  .slider__item-content_center { width: 95%; text-align: center; }
  .slider__item-text { font-size: 18px; color: white; display: block; margin-bottom: 1.5em; }
  .slider__item-title { font-size: 40px; }
  .slider__item-title_s_m { font-size: 56px; }
  .slider__item-title_s_l { font-size: 70px; }
  .slider__item-title_up { text-transform: uppercase; }
  .slider__item-title_red { color: #ed4543; }
  .slider__links .rect { margin-right: 1em; }
  .slider__links .arrow { margin-left: 0; }
  .slider__links br { display: none; }
  .breadcrumbs { padding: 1.75em 0 2em; }
  .breadcrumbs__item { text-decoration: none; }
  .breadcrumbs__item:last-child { font-size: 2.85714em; margin-left: .3em; }
  .breadcrumbs__item:last-child::before { margin-right: .2em; }
  .breadcrumbs__item:last-child:hover { text-decoration: none; }
  .breadcrumbs__item::before { display: inline-block; }
  .breadcrumbs__item:hover { text-decoration: underline; }
  .breadcrumbs__item:hover::before { text-decoration: none; }
  .sub-menu__holder { padding: 1.27778em 0; white-space: normal; }
  .sub-menu__item:hover { text-decoration: underline; }
  .sub-menu__item.current:hover { text-decoration: none; }
  .dashboard { -moz-transition: width 400ms; -o-transition: width 400ms; -webkit-transition: width 400ms; transition: width 400ms; position: static; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; left: auto; padding: 0; display: inline-block; vertical-align: middle; margin: 0 0 -1.2em; width: 55%; }
  .dashboard__content { display: table; margin-left: 0; height: 100%; width: 100%; position: static; right: auto; top: auto; bottom: auto; background: 0; font-size: 1em; padding-top: 0; white-space: nowrap; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; padding-bottom: 0; }
  .dashboard__close-button { display: none; }
  .dashboard__phone { display: none; }
  .dashboard.wide { width: 70%; }
  .dashboard.wide .dashboard__menu-item { display: table-cell; padding: .2em 0 .2em 1em; height: 100%; vertical-align: middle; width: 12.5em; }
  .dashboard.wide .dashboard__menu-item .rect { display: inline-block; background: #ed4543; color: white; padding: .8em 1em; vertical-align: middle; margin: 0; width: 100%; }
  .dashboard .social { display: none; }
  .navigation { height: 100%; display: table-cell; background: 0; vertical-align: middle; color: #424954; border: 0; position: static; white-space: nowrap; padding: 2em 0; text-align: center; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms; }
  .navigation.active { color: #ed4543; }
  .navigation.open { background: #ed4543; color: white; }
  .navigation.open .navigation__group { z-index: 100; max-height: 900px; }
  .navigation.open .navigation__link { height: 133px; max-height: 133px; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; padding: 0 2em 0 100px; }
  .navigation__group { white-space: normal; -moz-transition: max-height 400ms; -o-transition: max-height 400ms; -webkit-transition: max-height 400ms; transition: max-height 400ms; position: absolute; top: 100%; left: 0; width: 100%; z-index: 0; max-height: 0; overflow: hidden; padding: 0 25px; word-spacing: -.3em; text-align: left; }
  .navigation__link { position: relative; display: inline-block; width: 33.3%; height: 133px; background: #ed4543; max-height: 0; text-align: left; color: white; vertical-align: top; border: 1px solid #d53d3b; padding: 0 2em 0 100px; white-space: normal; filter: alpha(opacity=0); opacity: 0; -moz-transition: max-height 400ms,opacity 400ms,background 400ms; -o-transition: max-height 400ms,opacity 400ms,background 400ms; -webkit-transition: max-height 400ms,opacity 400ms,background 400ms; transition: max-height 400ms,opacity 400ms,background 400ms; }
  .navigation__link:last-child { border-right-width: 2px; }
  .navigation__link:nth-child(3n+1) { border-left-width: 2px; }
  .navigation__link:nth-child(3n+3) { border-right-width: 2px; }
  .navigation__link::before { content: none; }
  .navigation__link::after { content: ""; height: 100%; width: 0; display: inline-block; vertical-align: middle; }
  .navigation__link-text { display: inline-block; width: 95%; vertical-align: middle; word-spacing: 0; }
  .navigation__link:hover { background: #de403e; }
  .navigation__img { position: absolute; top: -50%; bottom: -50%; max-width: 70px; max-height: 70px; display: block; left: 25px; width: auto; height: auto; margin: auto 0; }
  .navigation__trigger { position: static; display: inline-block; vertical-align: middle; margin-right: .5em; margin-bottom: .25em; padding: 0; }
  .navigation__trigger::before { border-color: #ed4543 transparent transparent transparent; }
  .navigation__title { display: inline-block; }
  .layer__content { width: 50%; }
  .form.form_siteOrder { min-width: 430px; }
  .form.form_siteOrder::before { content: none; }
}

@media all and (min-width:1200px) {
  .wrapper { padding: 0 20px; }
  .panel__diploma { right: 21px; }
  .panel .wrapper { padding-right: 93px; }
  .slider { height: 708px; }
  .navigation__group { padding: 0 20px; }
}
