@font-face {
  font-family: 'FiraSans-Light';
  src: url('../fonts/firafans-light.eot');
  src: url('../fonts.firafans-light.eot?#iefix') format('embedded-opentype'),
       url('../fonts.firasans-light.svg#FiraSans-Regular') format('svg'),
       url('../fonts/firasans-light.ttf') format('truetype'),
       url('../fonts/firasans-light.woff') format('woff'),
       url('../fonts/firasans-light.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans-Regular';
  src: url('../fonts/firafans-regular.eot');
  src: url('../fonts.firafans-regular.eot?#iefix') format('embedded-opentype'),
       url('../fonts.firasans-regular.svg#FiraSans-Regular') format('svg'),
       url('../fonts/firasans-regular.ttf') format('truetype'),
       url('../fonts/firasans-regular.woff') format('woff'),
       url('../fonts/firasans-regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans-Medium';
  src: url('../fonts/firafans-medium.eot');
  src: url('../fonts.firafans-medium.eot?#iefix') format('embedded-opentype'),
       url('../fonts.firasans-medium.svg#FiraSans-Regular') format('svg'),
       url('../fonts/firasans-medium.ttf') format('truetype'),
       url('../fonts/firasans-medium.woff') format('woff'),
       url('../fonts/firasans-medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FiraSans-Bold';
  src: url('../fonts/firafans-bold.eot');
  src: url('../fonts/firasans-bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/firasans-bold.svg#FiraSans-Bold') format('svg'),
       url('../fonts/firasans-bold.ttf') format('truetype'),
       url('../fonts/firasans-bold.woff') format('woff'),
       url('../fonts/firasans-bold.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

* {box-sizing:border-box}
img {max-width:100%;height:auto}
body {padding:0;margin:0;background:#fff;font-family:FiraSans-Regular, sans-serif;color:#000;font-size:14px}
.h1 {max-width:1240px;margin:auto;font-family:FiraSans-Bold, sans-serif;color:#282e48;font-size:54px;text-align:center}
.h1-pagetitle{display:inline-block;margin-top:40px;font-size:32px;padding-bottom:5px;border-bottom:1px #000 solid}
.h1-pagetitle a {font-size:32px;color:#000;text-decoration:none}
.bigger {font-size:16px}
.flex {display:flex}
.flex-jcsa {justify-content:space-around}
.flex-jcsb {justify-content:space-between}
.flex-jcc {justify-content:center}
.flex-aic {align-items:center}
.flex-aie {align-items:end}
.flex-wrap {flex-wrap:wrap}
.flex-index {height:100vh;width:100%;max-width:1600px;}
.img-index {display:block;max-width:100%;max-height:100%;height:auto}
.auth-form {width:535px; padding:0 30px;;background:#e1e1e1;border-left:3px #343433 solid;border-right:3px #343433 solid}
.auth-form-title {padding-top:60px;font-family:FiraSans-Bold;color:#222a47;font-size:48px;font-weight:600;text-transform:uppercase;text-align:center}
.auth-form-title span {font-size:60px}
.auth-form-title .white {font-size:32px;color:#fff;padding:3px 0;background:#222a47;display:block}
.auth-form-second-title {margin-top:20px;padding:5px 0;font-family:FiraSans-Regular,sans-serif;color:#222a47;font-size:28px;text-align:center;background:#ffb400}
.loginForm-wrapper {margin-top:30px;font-family:FiraSans-Regular;border:3px #7e7e7e solid;padding:50px}
.loginForm-title {margin-bottom:15px;color:#222a47;font-size:26px;text-align:center}
.loginUsername,.loginPassword {width:100%;height:50px;border:1px #858585 solid;border-radius:5px;color:#fff;margin:5px 0;font-size:18px;padding-left:55px}
.loginUsername {background:#b4b4b4 url(/img/user.png) 15px center no-repeat}
.loginPassword {background:#b4b4b4 url(/img/key.png) 15px center no-repeat}
.loginUsername:focus {background:#7e7e7e url(/img/user.png) 15px center no-repeat}
.loginPassword:focus {background:#7e7e7e url(/img/key.png) 15px center no-repeat}
.loginLoginButton input[type="submit"] {width:100%;height:50px;font-family:FiraSans-Bold;font-size:32px;font-weight:boldborder:1px #858585 solid;border-radius:5px;margin-top:10px;background:#ffb400;cursor:pointer}
.loginLoginButton input[type="submit"]:hover {background:#ff9c00}
.auth-form-text-after {margin-top:20px;font-size:18px}
header {position:relative;height:106px;padding:10px 0;border-bottom:3px #9396a3 solid}
.user-logged {color:#282e48}
a.user-l {font-family:FiraSans-bold,sans-serif;font-size:18px;color:#282e48; text-decoration:none}
.user-logged span{display:inline-block;margin-right:7px}
.specialists {border:2px #282e48 solid; width:760px;padding:10px;color:#282e48}
.specialists-mob, .specialists-popup {display:none}
.specialists-popup {position:fixed;background:#fff;padding:20px;top:0px;left:0px;bottom:0px;width:100%;height:100vh;min-height:100%;font-size:18px;}
.specialists-popup-close {position:absolute;top:30px;right:30px;width:36px;height:36px;cursor:pointer}
.specialists-popup-inn {max-width:350px;margin:60px auto 0 auto}
.specialists-popup-inn a {color:#000;text-decoration:none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none;appearance: none;}
.specialists-popup-inn div {margin-bottom:40px}
.specialists-popup-hours {width:240px;padding:15px 0;margin:auto;text-align:center;border:1px #282e48 solid;line-height:160%}
.specialists-popup-hours .bigger {font-size:20px}
.specialists-popup-hours .hours {line-height:100%}
.specialists>div:first-child {margin-right:15px;text-align:center}
.hours {display:inline-block;background:#ffb400;padding:3px 5px}
.logout-link {text-align:center;}
.logout-link a {color:#282e48;text-decoration:none}
.materials-available-section {padding-top:90px}
.materials-available {margin-top:90px;width:1240px;margin-left:auto;margin-right:auto}
.materials-available-circle {width:478px;height:478px;color:#fff;font-size:18px;background-image:radial-gradient(#484c5e,#5a5e70);border:5px #343433 solid;border-radius:239px;}
.materials-available-circle a {display:block;width:100%;height:100%;color:#fff;text-decoration:none}
.materials-available-circle-inn {opacity:.8;text-align:center;margin-top:90px;}
.materials-available-circle-title, .materials-available-circle-title a {font-family:FiraSans-Medium,sans-serif;font-size:32px}
.materials-available-circle-content {margin-top:15px}
.materials-available-circle-item {width:190px;font-size:14px}
.materials-available-arrow {font-family:FiraSans-Medium,sans-serif;font-size:28px;text-align:center}
.materials-available-mob {display:none}
.maintitle {margin-top:80px;font-family:FiraSans-Bold, sans-serif;font-size:46px;text-align:center}
.maincontent {margin: 0 40px;background:url(/img/mixplaster-lion.png) top right no-repeat;min-height:600px}
.B_crumbBox {list-style:none;margin-top:30px;margin-left:0;padding-left:0}
.B_crumbBox li {display:inline-block}
.B_crumbBox li a {color:#000;text-decoration:none;font-size:22px}
.video-materials-title {font-size:24px;font-weight:bold}
.video-materials {margin-top:30px}
.video-materials>div {width:160px;margin-right:15px;margin-bottom:30px;text-align:center}
.video-materials a {color:#000;text-decoration:none}
.video-clients {width:560px; height:315px}
.video-thumb {width:320px;text-align:center;margin-right:30px;margin-bottom:30px}
.video-thumb iframe {width:320px;height:180px}
.viz-thumb {width:241px;text-align:center;margin-right:30px;margin-bottom:30px}
.viz-thumb img {width:auto;height:134px} 
.viz-thumb a {color:#000;text-decoration:none}
.viz-thumb span {display:block;height:35px}
.doc-thumb {width:160px;height:134px;text-align:center;margin-right:30px;margin-bottom:30px}
.doc-thumb a {color:#000;text-decoration:none}
.download-btn {display:block;margin:5px auto;color:#fff !important;width:145px;height:19px;line-height:19px;text-align:center;background:#92c859;border-radius:5px}
.download-btn:hover {background:#6da038}

@media (max-width:1600px) {
.flex-index {padding-right:40px}
.auth-form {min-width:450px}
.auth-form-title {padding-top:40px;font-size:44px}
.auth-form-title span {font-size:56px}
.auth-form-title .white {font-size:28px}
.auth-form-second-title {font-size:24px}
.loginForm-wrapper {padding:40px}
.loginForm-title {font-size:22px}
}
@media (max-width:1240px) {
.h1 {font-size:50px}
.h1-pagetitle {font-size:28px}
.h1-pagetitle a {font-size:28px}
.auth-form {min-width:390px}
.auth-form-title {padding-top:30px;font-size:36px}
.auth-form-title span {font-size:50px}
.auth-form-title .white {font-size:24px}
.auth-form-second-title {font-size:20px}
.loginForm-wrapper {padding:30px}
.loginForm-title {font-size:18px}
.auth-form-text-after {font-size:16px}
.loginUsername,.loginPassword {height:44px}
.loginLoginButton input[type="submit"] {height:44px;font-size:28px}
.materials-available {width:100%;flex-direction:column;justify-content:center}
.materials-available>div {margin-bottom:20px}
.materials-available>div:nth-child(2) img {display:none;order:1}
.materials-available>div:first-child {order:2}
.materials-available>div:last-child {order:3}
}
@media (max-width:1024px) {
.auth-form {min-width:340px;padding: 0 20px;}
.auth-form-title {padding-top:30px;font-size:30px}
.auth-form-title span {font-size:42px}
.auth-form-title .white {font-size:20px}
.auth-form-second-title {font-size:18px}
.loginForm-wrapper {padding:20px}
.loginForm-title {font-size:16px}
.auth-form-text-after {font-size:14px}
.loginUsername,.loginPassword {height:38px;background-size:auto 25px}
.loginLoginButton input[type="submit"] {height:38px;font-size:22px}
header {height:152px}
.specialists {width:600px;flex-direction:column;}
.specialists>div:first-child .bigger {display:none}
.specialists>div:first-child {order:2}
.specialists>div:last-child {order:1}
}
@media (max-width:768px) {
.h1 {font-size:40px}
.h1-pagetitle {font-size:24px}
.h1-pagetitle a {font-size:24px}
.maintitle {font-size:40px}
.auth-form {min-width:300px;padding: 0 15px;}
.auth-form-title {padding-top:20px;font-size:26px}
.auth-form-title span {font-size:38px}
.auth-form-title .white {font-size:18px}
.auth-form-second-title {font-size:16px}
.loginForm-wrapper {padding: 15px;}
header {height:86px}
.specialists {display:none}
.specialists-mob {display:block;width:120px;height:26px;line-height:24px;font-family:FiraSans-Medium,sans-serif;font-size:18px;color:#282e48;text-align:center;background:#feeeb7;
border:1px #a6a6a6 solid;border-radius:5px;box-shadow:3px -3px 0px rgba(166, 166, 166, 1.0);cursor:pointer}
}
@media (max-width:640px) {
header {height:auto}
header>div {width:95%}
.specialists {width:95%;margin:auto}
}
@media (max-width:560px) {
.h1 {font-size:30px}
.maincontent {margin:0 20px}
.maintitle {font-size:32px}
.flex-index {padding-left: 40px;}
.flex-index>div:first-child {display:none}
.maincontent {background:none}
.materials-available {margin-top:30px;width:95%}
.materials-available>div {width:100%}
.materials-available-circle {display:none;width:100%;height:auto;border-radius:0;padding:15px}
.materials-available-circle-inn {margin-top:0}
.materials-available-circle-content {flex-direction:column}
.materials-available-circle-item {margin-bottom:10px}
.materials-available-mob {display:flex}
.materials-available-mob>div {width:170px;text-align:center}
.materials-available-mob>div img {dispaly:inline-block;padding-bottom:20px}
.materials-available-mob>div:first-child {padding-right:25px;border-right:1px #000 solid}
.materials-available-mob>div:nth-child(2) {padding-left:25px}
.materials-available-mob>div:last-child {margin-top:30px;width:100%}
.materials-available-mob>div:last-child img {max-width:223px}
.materials-available-mob>div a {color:#000;font-size:20px;text-decoration:none}
.video-clients {width:390px; height:219px}
}
@media (max-width:400px) {
.flex-index {padding-left:20px;padding-right:20px}
.maincontent {margin:0 10px}
.video-clients {width:290px; height:163px}
.video-materials > div {width:140px}
.download-btn {width:140px}
.video-materials > div:nth-child(2n) {margin-right:0px} 
}
@media (max-width:360px) {
.materials-available-mob>div {width:140px}
}