@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700&subset=latin,cyrillic);
@font-face{font-family:'Biblioteka';src:url('../fonts/klib_reg.woff') format('woff');font-weight:500;font-style:medium}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: local('../fonts/Myriad Pro Regular'), local('MyriadPro-Regular'),
    url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
    url('../fonts/MyriadPro-Regular.woff') format('woff'),
    url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i&display=swap&subset=cyrillic,cyrillic-ext,latin-ext');

a, b, blockquote, center, code, div, h1, h2, h3, h4, h5, h6, i, img, p, pre, span, table, td, th, tr, u, video {
    margin: 0;
    padding: 0;
    border: 0;
}
html, body{margin: 0;overflow-x: hidden;}
*, :after, :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;-webkit-font-smoothing: antialiased;
    background-color: none;
	-webkit-font-smoothing: antialiased;
	    box-sizing: border-box;
}div {
    display: block;position: relative;
}

body div  a {
    color: #ff8562;
    text-decoration: none;
}
.header {
    width: 100%;
    height: 80px;
    z-index: 990;
    position: fixed;
    top: 0;
    
    -webkit-transition: background-color 300ms linear;
    -moz-transition: background-color 300ms linear;
    -o-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    
	background-color: #fff;/*rgba(255, 255, 255, 0);*/
    height: 100px;
    position: fixed;
	box-shadow: 0 1px 3px rgba(0,0,0,0);
    box-shadow: none;
}
.header.a {
	background-color: rgb(255, 255, 255);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px;
}
.header .logo {
    margin-right: 30px;
    max-width: 160px;
    width: 160px;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    background: url(../img/logo.png) center center no-repeat;
    background-size: 160px auto;
    margin-left: 40px;
}
.header .links {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 560px;
    text-align: left;
    width: calc(100% - 650px);text-align: center;
}
* {outline:none;}
.header .links a {
    -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    text-decoration: none;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
   /* font-family: 'Roboto';
    font-weight: 500;*/
    font-weight: 600;
    font-family: sans-serif;
    text-transform: uppercase;
    padding: 0 0px;
    clear: both;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    margin: 3px 0px;    margin: 6px 0px;
    white-space: nowrap;
}
.header .links a:first-child {
    padding-left: 0;
}
.header .links a:hover {color: #ff0000 !important;}
.header .links a.active {
	color: #ff0000 !important;
    font-weight: 700 !important;
}
.header .buttons {
    display: block;
    text-align: right;
    width: auto;
    position: relative;
    float: right;
    height: 100%;    margin-right: 40px;
}
.header .buttons a {
    display: inline-block;
    font-family: 'Biblioteka',Arial,sans-serif;
    height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: 10px;
    text-decoration: none;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
/*    font-family: Roboto;
    font-weight: 700;*/
    font-family: sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
    margin-top: 30px;
    display: inline-block;
}
.header .buttons .cab{
    color: #ffffff;
    background-color: #000000;

}
.header .buttons .eml{
color: #ffffff;
    background-color: #fa3228; 
}
.header .buttons a:hover {background-color: #000;}



#bottombanner {
    padding: 0 80px;
    background-color: rgba(250,50,40,1);
    height: 60px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 990;
    box-shadow: 0 1px 3px rgba(0,0,0,0);
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    left: 0;    display: flex;
    justify-content: center;
	display:none;
}
#bottombanner.active {display:flex;}
#bottombanner p {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    line-height: 1.55;
    text-align: center;
    color: #ffffff;
    line-height: 60px;
    display: table-cell;
    padding-right: 20px;
}
#bottombanner .btn {
    display: inline-block;
    font-family: 'Biblioteka',Arial,sans-serif;
    height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 35px;
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    color: #ff8562;
    text-decoration: none;
    color: #fa3228;
    background-color: #ffffff;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    text-transform: uppercase;
    display: table-cell;
    line-height: 35px;
    padding: 0 20px;
    margin-top: 10px;
}
#bottombanner .cls {
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    z-index: 1;
    padding: 0px;
    -webkit-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
}
	#bottombanner .cls:hover {opacity: .7;}
	
	
	
.content {padding-top:100px;width:1200px;margin:0 auto;}
.content h1 {    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;    padding-top: 45px;
    padding-bottom: 30px;font-size: 28px;font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;line-height: 1.23;    text-align: center;}
.content .news_container {
    font-size: 0;
}
.content .news_container > div {
    width: 360px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;text-align:center;
    margin-bottom: 40px;
}
.content .news_container > div .img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 240px;
    overflow: hidden;
    display: block;
}
.content .news_container > div .img img {
    display: none;
}
.content .news_container > div .date {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 1px;
    color: #777;
    text-transform: uppercase;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    letter-spacing: 2.5px;
    margin-top: 12px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}
.t-btn {
    display: inline-block;
    font-family: 'Biblioteka',Arial,sans-serif;
    height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.content .news_container > div .tit {  text-decoration:none;  font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;line-height: 1.23;   margin-bottom: 12px;    font-size: 18px;display:block;}
.content .news_container > div .des { text-decoration:none;font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #777;line-height: 1.23;  line-height: 1.55;  margin-bottom: 12px;    font-size: 16px;display:block;}
.content .news_container .morenews {
    font-family: 'Biblioteka',Arial,sans-serif;
    text-align: center;
    line-height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    -webkit-appearance: none;
    font-weight: 500;
    background: none;
    cursor: pointer;
    box-sizing: content-box;
    color: #000000;
    border: 3px solid #000000;
    background-color: #ffffff;
    text-decoration: none;
    margin: 15px auto;
    width: 130px;
    display: block;
}


.promoIndex {

    height: 700px;
    width: 100%;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    vertical-align: middle;
    position: relative;
    background-attachment: fixed;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: unset;
    background-image: url(../data/promoindex.jpg);
    height: 683px;
    background-attachment: scroll;
	    opacity: 1;    padding-top: 40px;
    transition: opacity 700ms;
}
.promoIndex:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}
.t-uptitle_md {
    font-size: 16px;
}
.t-uptitle {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    letter-spacing: 2.5px;
}
.t-title {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
}
.t-title_lg {
    font-size: 64px;
    line-height: 1.23;
}


.promoIndex > div {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 530px;    height: auto;
    display: block;
    padding: 0 60px;
    background-color: rgba(255,255,255,0.80);
    width: 620px;
}
.promoIndex > div span {
    display: table-cell;
    padding-bottom: 30px;
    padding-top: 60px;
/*    font-family: 'PT Sans';*/
    font-family:sans-serif;
    text-align: center;
    display: block;
}
.promoIndex > div b {padding-top: 20px;
    padding-bottom: 20px;
    display: block;
    vertical-align: middle;}
.promoIndex > div p {  
    opacity: .5;line-height: 1.55;padding: 30px 0 55px 0;display:block;


  font-size: 16px;
  /*  font-family: 'Roboto'; */
    font-family: sans-serif;}
	
@-webkit-keyframes t-arrow-bottom{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}55%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@keyframes t-arrow-bottom{0%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}50%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}55%{-moz-transform:translateY(-7px);-ms-transform:translateY(-7px);-webkit-transform:translateY(-7px);-o-transform:translateY(-7px);transform:translateY(-7px)}100%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}

 
.promoIndex   .promoIndex_arrow {animation: t-arrow-bottom 1.7s infinite ease;
    display: inline-block;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -o-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
    cursor: pointer;}
.promoIndex .pI_arrow{    position: absolute;
    z-index: 9;
    bottom:40px;
    right: 0;
    left: 0;
    text-align: center;}
.promoIndex  .promoIndex_arrow:hover {opacity:0.7;}




.content.p60 {padding-top:60px;}
.content h2 {   
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
     font-size: 48px;
    line-height: 1.23;    padding-right: 50px;
    margin-top: -2px;
    padding-bottom: 34px;
 font-size: 28px;   text-transform: lowercase;}
.content p {    font-size: 16px;     font-size: 18px;   padding-top: 8px;
    padding-bottom: 5px;    line-height: 1.55;
 /*   font-family: 'Roboto',Arial,sans-serif;*/
    font-family: sans-serif;
    font-weight: 400;
    color: #000;
}
.content .cols {
    padding-bottom: 20px;
}
.content .cols p {}
.libgals {
    margin-top: 100px;
    font-size: 0;
}
.libgals > div {
    width: 30%;
    display: inline-block;
    margin: 0 1.5%;
    height: auto;
    overflow: hidden;
}
.libgals > div > div {
    margin-bottom: 20px;
    width: 100%;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 72%;
}
.libgals > div > div img {
    display: none;
}
.libgals > div i {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 1.35;
    margin-bottom: 18px;
    font-size: 18px;
    display: block;
    font-style: normal;
}
.uncleCite {
    padding: 45px 0;
    font-size: 16px;
    font-family: 'Roboto';
    line-height: 1.5;
    margin-top: 40px;padding-bottom: 40px;
}
.uncleCite .c {
    display: inline;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 24px;
    color: #000;
    line-height: 36px;
    padding-top: 19px;
    font-size: 26px;
    line-height: 42px;
    font-family: 'Biblioteka';
    border-top: 4px solid #000;
    max-width: 260px;
    margin-left: 100px;
}
.uncleCite .t {
    display: inline;
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    max-width: 560px;    margin-bottom: 55px;
}
.uncleCite .u {
    display: block;
    clear: both;
    padding-top: 0;
    background-color: #f5f5f5;
    max-width: 880px;
    margin: 0 auto;
    padding: 60px;
}
.t-heading_sm {
    font-size: 28px;
    line-height: 1.17;
}
.t-heading {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
}

.uncleCite .u > b {    margin-top: -8px;
    padding-bottom: 35px;display: block;}
.uncleCite .u ul {
    padding-left: 20px;margin-top: 0;
    margin-bottom: 10px;
}
strong {    font-weight: 700;}
.uncleCite .u li { 
}
.uncleCite .u li b {}
.uncleCite .u li p {
    padding: 0;
    text-indent: 0px;
}
.uncleCite .u li i {color: rgb(151, 151, 151);font-style:normal;}











.blueContent {padding-top: 105px;
    padding-bottom: 75px;
    background-color: #473180;
}
.blueContent .stat {font-size:0;}
.wrap {
    width: 1200px;
    margin: 0 auto;
}
.blueContent .stat > div {
    width: 320px;
    margin: 0 35px;
    display: inline-block;
    vertical-align: top;
    padding-top: 150px;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    color: #fff;
}
.blueContent .stat > div img {
    display: none;
}
.blueContent .stat > div span {
    color: #fff;
    padding-bottom: 15px;
    display: block;
}
.supercite {
    border-top: 4px solid #000;
    border-left: 0;
    padding: 20px 0;
    max-width: 560px;
    display: block;
    margin: 0 auto;padding-bottom: 75px;
}
.supercite .cite {
    font-size: 18px;
    line-height: 32px;
    font-family: 'Roboto';
    font-weight: 700;
}
.supercite .cite:before {content:'';}
.supercite .author {}
.supercite .author:after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}
.supercite .author .c1 {
    overflow: hidden;
    margin-top: 20px;
}
.supercite .author .c2 {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.supercite .author img {
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-right: 20px;
    width: 80px;
    height: 80px;
    float: none;
    display: inline-block;
    vertical-align: top;
}
.t-text, .t-text p {
  /*  font-family: 'Roboto',Arial,sans-serif;*/
    font-family: sans-serif;
    font-weight: 400;
    color: #000;
}
.t-text_md, .t-text_md p {
    font-size: 20px;    font-size: 18px;
    line-height: 1.55;
}
.supercite .author b {
    line-height: 22px;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 3px; 
    display: block;
}
.supercite .author span {
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: lowercase;
}
.content.p75 {padding-top:75px;}
.content h2 {}
.content .sContent {
    width: 960px;
    padding-left: 200px;
}
 .t-text_md p {
    margin-bottom: 20px;
}
#beforeafter {}
#beforeafter  .jx-credit {display:none;}
#beforeafter .jx-knightlab{display:none;}
.content .btn {
    margin-top: 15px;
    padding-bottom: 75px;
    text-align: center;
    padding-top: 15px;
}
.content .btn a {
    display: inline-block;
    font-family: 'Biblioteka',Arial,sans-serif;
    height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;text-decoration: none;
}
.content .btn a.more {
    font-family: 'Biblioteka',Arial,sans-serif;
    text-align: center;
    line-height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    -webkit-appearance: none;
    font-weight: 700;
    background: none;
    cursor: pointer;
    box-sizing: content-box;    color: #000000;
    border: 3px solid #000000;
}

.tricols {}
.tricols > div {
    padding-top: 8px;
    padding-bottom: 6px;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 1%;
}
.tricols .tit {
    font-size: 28px;
    font-family: 'Biblioteka'; 
}
hr {
    height: 1px;
    background-color: #000;
    border: none;
    opacity: .2;
    filter: alpha(opacity=20);
    background-color: #ffffff;
    opacity: 0.7;
    margin: 28px 0;
    display: block;
}
hr.black {background-color: #000;opacity:0.2;} 
.stats2 {
    text-align: center;
    color: #fff;
    max-width: 960px;
    margin: 0 auto;
}
.stats2 .bigDigit {
    display: block;
    font-size: 102px;
    font-family: 'Georgia';
    color: #ffffff;
    font-weight: 500;
    line-height: 1;
}
.stats2 p {
    padding-top: 50px;
    padding-bottom: 9px;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    line-height: 1.45;
    font-size: 20px;
}
.stats2 p.slim {
    max-width: 500px;
    display: block;
    margin: 0 auto;
}
.stats2 s {
    font-size: 52px;
    font-family: 'Georgia';
    text-decoration: none;
    max-width: 650px;
    display: block;
    padding-top: 60px;
    text-align: center;
    margin: 0 auto;
}

.wrapSlim {
    max-width: 960px;
    margin: 0 auto;
}
.p105 {padding-top: 105px;}
.b30 {padding-bottom: 30px;}
    
.content h3 {
    font-size: 28px;
    
    padding-bottom: 30px;
    display: block;
}
.content .center {text-align: center;}
.modelstandart {
    margin-bottom: 60px;
}
.modelstandart > div {
    max-width: 960px;
    font-size: 0;
    margin-top: 65px;
}
.modelstandart > div img {
    width: 150px;
    height: 150px;
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: top;
}
.modelstandart > div div {
    display: inline-block;
    vertical-align: top;
    max-width: 750px;
    padding-left: 30px;
    padding-bottom: 30px;
}
.modelstandart > div div b {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 20px;
    line-height: 1.35;
    margin-bottom: 14px;
}
.modelstandart > div div p {    font-size: 18px;
    line-height: 1.55;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.55;
    font-family: 'Roboto';}
.grayContent {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #eeeeee;
}
.grayContent h3 {
    font-size: 28px;
    text-align: center;
    display: block;
    padding-bottom: 30px;
}
.slimWrap {
    max-width: 760px;
    margin: 0 auto;
}
.grayContent .boxCont {
    background-color: #ffffff;
    border: 3px solid #000000;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 110px;
}
.grayContent .boxCont > div {
    text-align: center;
    padding: 20px;
}
.grayContent .boxCont > div.l {}
.grayContent .boxCont > div.l a {
    position: relative;
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.35;
    padding: 18px 20px;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    font-family: 'Roboto';
    text-transform: uppercase;
    text-decoration: none;
}
.grayContent .boxCont > div.l a:before {content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3px;
    background-color: transparent;}
.grayContent .boxCont select, .grayContent .boxCont .sl {display:none;}
.grayContent .boxCont > div.l a.active:before {    background-color: #ff0000;}
.grayContent .boxCont > div.l a:hover {}
.grayContent .boxCont > div.l a.active {    color: #ff0000 !important;
    font-weight: 400 !important;}
.grayContent .boxCont > div.c {}
.grayContent .boxCont > div.c > div {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    line-height: 1.55;
    text-align: left;display:none;
}
.grayContent .boxCont > div.c > div.active {display:block;}
.grayContent .boxCont > div.c > div h2 {
    font-family: Biblioteka;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.55;
    text-transform: lowercase;
    padding-left: 20px;
    font-size: 28px;
    line-height: 1.17;
    padding-bottom: 10px;
}
.grayContent .boxCont > div.c > div p {    padding-left: 20px;}
.grayContent .boxCont > div.c > div h3 {
    font-family: Biblioteka;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.55;
    text-transform: unset;
    padding-left: 20px;
    padding-bottom: 0;
    padding-top: 20px;
    text-align: left;
}
    
.grayContent .boxCont > div.c > div ul {    margin-top: 0;}
.grayContent .boxCont > div.c > div li {}
 
.footer {
    padding-top: 75px;
    padding-bottom: 130px;
    background-color: #111111;
    min-height: 115px;
}
.footer .preline {
    position: absolute;
    top: -15px;
    width: 100%;
}
.t796__svg {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 101%;
    fill: #fff;
}
.footer .left {
    width: 260px;
    display: inline-block;
    vertical-align: top;
}
.footer .left img {
    width: 250px;
    display: block;
}
.footer .left i {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    line-height: 1.55;
    color: #525252;
    margin-top: 21px;
    font-style: normal;
    font-size: 12px;
    display: block;
}
.t-name {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
}
.t-name_xs {
    font-size: 16px;
    line-height: 1.35;
}
.t-descr {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
}
.t-descr_xxs {
    font-size: 14px;
    line-height: 1.55;
}
.footer .right {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-right: 20px;
    width: 100%;
    max-width: 260px;
    vertical-align: top;
}
.footer .right b {    margin-bottom: 14px;    letter-spacing: 1px;
    text-transform: uppercase;    color: #525252;display:block;}
.footer .right p {
    color: #ffffff;
    font-family: Roboto;
    display: block;
    margin-bottom: 10px;
}
.footer .right a {
    text-decoration: none;
    border-bottom: 0px solid;
    box-shadow: inset 0px 0px 0px 0px;
    -webkit-box-shadow: inset 0px 0px 0px 0px;
    -moz-box-shadow: inset 0px -0px 0px 0px;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.55;
    color: #fff;
    display: block;
    margin-top: 10px;
}

 
#subscribe {position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    opacity: 0;
    -webkit-transition: opacity ease-in-out .3s;
    -moz-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0 20px;
    background-color: rgba(0,0,0,.6);
    z-index: 9999999;
    display: none;}
#subscribe.active {    opacity: 1;display:block;}
#subscribe ._win {max-width: 560px;    background: #fff;
    margin: 0 auto;
    width: auto;
    position: absolute;
    top: 50%;
    right: 20px;
    left: 20px;
    z-index: 1;
    cursor: default;
    -moz-transform: translateY(-30%) scale(.9);
    -ms-transform: translateY(-30%) scale(.9);
    -webkit-transform: translateY(-30%) scale(.9);
    -o-transform: translateY(-30%) scale(.9);
    transform: translateY(-30%) scale(.9);
	padding: 40px 45px;

    -webkit-transition: transform ease-in-out .3s;
    -moz-transition: transform ease-in-out .3s;
    -o-transition: transform ease-in-out .3s;
    transition: transform ease-in-out .3s;
}
#subscribe.active ._win {
-moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#subscribe ._win {
    margin: 65px auto;
    top: 0;
    position: relative;
    left: auto;
    right: auto;
    width: 100%;
    -moz-transform: translateY(30%) scale(.9);
    -ms-transform: translateY(30%) scale(.9);
    -webkit-transform: translateY(30%) scale(.9);
    -o-transform: translateY(30%) scale(.9);
    transform: translateY(30%) scale(.9);
}
#subscribe.active ._win {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#subscribe ._close {position: fixed;
    right: 20px;
    top: 20px;
    width: 23px;
    height: 23px;
    cursor: pointer;
    -webkit-transition: opacity ease-in-out .3s;
    -moz-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    z-index: 9;}
#subscribe ._close .t-popup__close-icon {}
#subscribe h2 {    margin-bottom: 24px;text-align:center;display:block;font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;    font-size: 36px;
    line-height: 1.23;    margin-bottom: 11px;}
#subscribe input, .contacts input {margin: 0;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-size: 100%;
    height: 60px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.33;
    width: 100%;
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;    background-color: transparent;
    -webkit-appearance: none;    color: #000000;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;    margin-bottom: 25px;}
.doSub {
    display: block;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    margin-top: 25px;
    font-family: 'Biblioteka',Arial,sans-serif;
    text-align: center;
    height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    -webkit-appearance: none;
    font-weight: 700;
    white-space: nowrap;
    background-image: none;
    cursor: pointer;
    margin: 0;
    margin-top: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    background: transparent;
    width: 100%;
    height: 54px;
    -webkit-appearance: none;
    color: #ffffff;
    background-color: #ff0000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    line-height: 53px;
    text-decoration: none;
    text-transform: lowercase;
}
.errorbox {    background: #F95D51;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Roboto',Arial,sans-serif;display:none;font-size: 20px;
    line-height: 1.55;color: #fff;
    box-sizing: border-box;
    padding: 0 10px 10px 10px;
    font-family: 'Roboto',Arial,sans-serif;    padding-top: 10px;
    display: none;margin-top:25px;
    font-family: 'Roboto',Arial,sans-serif;}
.errorbox.error {display:block;}
#subscribe p {    margin-top: 20px;text-align:center;}
body.fixed {
	-webkit-overflow-scrolling: touch!important;
    height: 100vh;
    min-height: 100vh;
    overflow: hidden;
}
body .step2 {text-align: center;    font-size: 20px;
    line-height: 1.55;font-weight: 400;
    background: #62C584;
    color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    font-family: 'Roboto',Arial,sans-serif;}
	
input.error {border: 1px solid red!important;margin-bottom:2px;}
.t-input-error {display: none;
    color: red;
    font-family: 'Roboto',Arial,sans-serif;
    font-size: 13px;
    margin-top: 5px;margin-bottom:25px;}
.t-input-error.error {display:block;}
.scroll-locked{position:fixed;left:0;width:100%;height:100%;overflow:hidden;}
.burger {display:none;}

.mobilemenu {display:none;}
.nyc {}
.blueContent .stat > div img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
    margin-bottom: 30px;
    margin-top: 40px;
}
.blueContent .stat > div{padding-top:0;}













.inside .promoIndex {
    background-image: url(../data/otbor.jpg);
    height: 60vh;
}
.inside .promoIndex > div {
    background: transparent;
    color: #fff;
}
.inside .promoIndex > div span, .inside .promoIndex > div p {display:none;}
.inside .promoIndex > div b {
    padding-top: 43px;
    padding-bottom: 20px;
    display: block;
    vertical-align: middle;
    color: #fff;
    margin-bottom: 0;
    font-size: 52px;
    line-height: 30vh;
}
.inside .promoIndex .pI_arrow {}
.alerter {
    padding: 30px 20px 28px 55px;
    position: relative;
    text-align: left;
    background: #eee;
    max-width: 760px;
    margin: 20px auto;
    margin-top: 0;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 1.55;
    font-size: 20px;
    text-align: center;
}
.alerter:before {
    content: '';
    background: url(../img/alert.svg) center center no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
}
.content.p30 {
    padding-top: 30px;
}
 .metodic {
    font-size: 0;text-align: center;
}
 .metodic a {
    min-width: 260px;
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 23%;
    margin: 0 1%;
    padding-top: 120px;
    text-decoration: none;
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
.t-descr_md {
    font-size: 20px;
    line-height: 1.55;
}
 .metodic a b {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 25px;
    margin-top: 12px;
    font-family: 'Biblioteka';    display: block;
}
 .metodic a p {
    font-size: 13px;
    line-height: 20px;
}
 .metodic a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/doc.png) center center no-repeat;
    background-size: 100px auto;
}
.grayandwhitewide {}
.grayandwhitewide h2 {
    margin: 0 auto;
    margin-top: 8px;
    padding-bottom: 6px;
    text-align: center;
    width: 600px;
    display: block;
    border-top: 1px solid rgba(0,0,0,0.3);
    padding-top: 20px;
    margin-top: 40px;    padding-bottom: 20px;
}
.grayandwhitewide .grayWide {
    background-color: #eeeeee;
}
.grayandwhitewide .grayWide.fq {
    padding-top: 30px;
    padding-bottom: 30px;
}
.grayandwhitewide .grayWide.fq > span {
    position: relative;
    cursor: pointer;
    padding: 25px 30px;
    display: block;
    margin: 0 auto;
    background: #fff;
    max-width: 760px;
    cursor: pointer;
    font-size: 20px;
/*    font-family: 'Roboto';*/
    font-family: sans-serif;
    padding-right: 60px;
    font-weight: 700;
    color: #000;border-top: 1px solid #ddd;
}
.grayandwhitewide .grayWide.fq > span:after {
    content: '';
    content: '';
    width: 40px;
    height: 40px;
    position: absolute;
    top: 16px;
    right: 16px;
    background: url(../img/plus.svg) center center no-repeat;
    border-radius: 30px;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    z-index: 1;
    background-size: 24px;    
}
.grayandwhitewide .grayWide.fq > span:hover {}
.grayandwhitewide .grayWide.fq > span:hover:after {    background-color: #eee;}
.grayandwhitewide .grayWide.fq > span.active {}
.grayandwhitewide .grayWide.fq > span.active:after {
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 1;
    -webkit-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    transition: all ease-in-out .3s;}
.grayandwhitewide .grayWide.fq > div {
    padding: 25px 30px;
    display: block;
    margin: 0 auto;
    background: #fff;
    max-width: 760px;
    font-weight: 400;
    color: #000;
    line-height: 1.55;
    font-size: 16px;
    /*font-family: 'Roboto';*/
    font-family: sans-serif;
    padding-top: 0;    -webkit-transition: height ease-in-out .3s,opacity ease-in-out .3s;
    -moz-transition: height ease-in-out .3s,opacity ease-in-out .3s;
    -o-transition: height ease-in-out .3s,opacity ease-in-out .3s;
    transition: height ease-in-out .3s,opacity ease-in-out .3s;
	max-height:0;overflow:hidden;padding:0;opacity:0;height:0;
}
.grayandwhitewide .grayWide.fq > div.active {
    display: block;opacity:1;
    max-height: none;height:auto;
    padding: 25px 30px;
    padding-top: 0;
}
.grayandwhitewide .grayWide.fq > div p {
    font-size: 18px;
}
.grayandwhitewide .grayWide.fq > div ul {}
.grayandwhitewide .grayWide.fq > div ul li {
    font-size: 18px;
}
.grayandwhitewide .wrp {
    max-width: 960px;
    margin: 40px auto;
}
.grayandwhitewide .wrp > b {
    display: block;
    text-align: center;
    font-family: 'Roboto';
    margin-bottom: 40px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 40px;
}
.grayandwhitewide .wrp p {}
.grayandwhitewide .wrp h3 {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 80px;
}
.t-text_xs, .t-text_xs * {
    font-size: 15px;
    line-height: 1.55;
}
.grayandwhitewide .grayWide {}
.grayandwhitewide .grayWide h2 {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 24px;
    line-height: 1.35;
    display: block;
    padding: 20px 0;
    width: 100%;
    border: none;
}
.grayandwhitewide .superList {
    list-style: none;
    padding: 0;
    padding-top: 60px;
    padding-bottom: 20px;
}
.t-descr *, .content..t-descr p {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
}

.t-descr_md  *, .content.t-descr_md  *{
    font-size: 20px;
    line-height: 1.55;
}
.grayandwhitewide .superList li {
    padding-bottom: 20px;
    max-width: 700px;
    padding-left:65px;
    position: relative;    margin: 0 auto;
}
.grayandwhitewide .superList i {
    width: 44px;
    height: 44px;
    background: #222;
    border-radius: 100%;
    border: 2px solid #fff;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 43px;
    text-align: center;
    font-style: normal;
}
.grayandwhitewide .superList li:before {
    content: '';
    width: 2px;
    background: #e8e8e8;
    display: block;
    position: absolute;
    height: 100%;
    left: 22px;
}
.grayandwhitewide .superList li:last-child:before{display:none;}
.content.afterinfo {
    padding: 60px 0;
    text-align: center;
    max-width: 960px;
    padding-top: 0;
}
.content.afterinfo p {
    font-weight: 700;
    font-family: 'Roboto';
}








 .breads {
    max-width: 1160px;
    padding: 45px 0;
    text-align: center;
    margin: 0 auto;
}
 .breads a {
    text-decoration: none;
    color: #000;
    -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    font-weight: 300;
    clear: both;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-size: 16px;
    display: inline;
    margin: 0;
    color: #000;
    white-space: nowrap;
    margin-bottom: 15px;
    display: inline-block;
}
 .breads a:after {
    content: '/';
    font-weight: 300;
    color: #858585;
    padding-right: 10px;
    font-family: Arial,Helvetica,sans-serif;
    padding-left: 15px;
}
.breads a:last-child:after{display:none;}
.breads a.active {    color: #fa3228;}
.pilots {}
.pilots .item {
    padding-top: 75px;
    padding-bottom: 75px;
}
.pilots .item > h2 {
    display: block;
    max-width: 960px;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 3px;
    font-size: 42px;
    margin: 0 auto;
}
.t-descr_xl {
    font-size: 24px;
    line-height: 1.5;
}
.pilots .item > h4 {
    padding: 41px 0 0 0;
    text-align: center;
    font-size: 20px;
    display: block;
    padding-bottom: 75px;
}
.pilots .item .trigal, .trigal {
    height: 100vh;
    overflow: hidden;
}
.pilots .item .trigal div, .trigal div {
    background-size: cover;
    height: 100%;
    width: 65%;
    display: block;
    cursor: zoom-in;
    position: absolute;
    right: 0;
    top: 0;display:none;
    background-position: center center;
}
.pilots .item .trigal div:nth-child(1), .pilots .item .trigal div:nth-child(2),.pilots .item .trigal div:nth-child(3){display:block;}
.pilots .item .trigal div:nth-child(1), .pilots .item .trigal div:nth-child(2),.pilots .item .trigal div:nth-child(3){display:block;}
.pilots .item .trigal div:nth-child(2) {
    height: 50%;
    left: 0;
    top: 0;
    width: 35%;
}
.pilots .item .trigal div:nth-child(3) {
    width: 35%;
    left: 0;
    top: auto;
    bottom: 0;
    height: 50%;
    top: auto;
}
.pilots .item .trigal div img {
    display: none;
}
.pilots .item .wasis {
    margin: 0 auto;
    margin-top: 60px;
    max-width: 1200px;
    width: 100%;
    font-size: 30px;
    font-family: 'Biblioteka';
}
.pilots .item .wasis tr:nth-child(1) td {
    font-size: 20px;
    line-height: 1.55;   
}
.pilots .item .wasis tr {}
.pilots .item .wasis td {
    min-height: 75px;
    vertical-align: top;
    padding: 20px;    font-size: 19px;   padding-top: 10px;
}
.pilots .item .wasis td:nth-child(1) {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 1.55;
    max-width: 360px;width: 360px;
    padding: 0 20px;
    vertical-align: top;padding-top: 20px;
}
.pilots .item .videos {
    padding-top: 75px;
    padding-bottom: 20px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: 0;
}
.pilots .item .videos > div {
    max-width: 560px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    width: 100%;
}
.pilots .item .subba {
    font-size: 20px;
    padding-top: 41px;
    text-align: center;
    padding-bottom: 15px;
    display: block;
}
.galla {
    width: 100%;
    max-width: 860px;
    display: block;
    margin: 0 auto;
    margin-bottom: 35px;
}
.galla .nava {
    position: absolute;
    top: 45%;
    left: 0;
    height: 40px;
    width: 100%;
}
.galla .nava a {
    border-radius: 100px;
    background-color: #eee;
    -webkit-transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    -moz-transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    -o-transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    width: 40px;
    height: 40px;
    background-color: rgba(232,232,232,1);
    background-image: url(../img/prev.svg);
    background-size: 9px 16px;
    display: block;
    left: -60px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
    
}
.galla .nava a:hover{}
.galla .nava .prev {transform: rotate(180deg);}
.galla .nava .next {
    right: -60px;
    left: auto;
}
.galla .core {
    width: 100%;
    height: 80vh;
    max-height: 560px;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    touch-action: pan-y;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.galla .core a {
    display: block;
    width: 100%;
    opacity: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.galla .core a.active {opacity:1;}
.galla .core a img {
    display: none;
}
.galla .core a.active {}
.galla .posa {
    text-align: center;
    position: relative;
    z-index: 15;
    padding: 16px 0 0;
    width: 100%;
    font-size: 0;
    height: 35px;
}
.galla .posa i {
    display: inline-block;
    padding: 10px;
    cursor: pointer;position: relative;
}
.galla .posa i:after {
    content: '';
    background-color: #eee;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    box-sizing: border-box;
    display: block;
}
.galla .posa i.active:after {content:'';background-color: #222 !important;}
.galla .posa i:hover {}
.galla .posa i.active {}
.pilots .item .onemore {
    padding-top: 75px;
    padding-bottom: 105px;
    background-color: #c22b4e;    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    letter-spacing: 2.5px;    font-size: 16px;color:#fff;
}
.pilots .item .onemore b {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    letter-spacing: 2.5px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.pilots .item .onemore h2 {
    font-size: 64px;
    line-height: 1.23;
    display: block;
    text-align: center;
    margin-bottom: 40px;
}
.pilots .item .onemore p {
    font-size: 24px;
    line-height: 1.5;
    display: block;
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}
.pilots .item .inSocials {
    border-top: 1px solid;
    border-top-color: #303030;
    height: 120px;
    background-color: #303030;
    padding: 45px 0;
    line-height: 30px;
    color: #fff;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.55;
}
.pilots .item .inSocials .wrap > a {
    float: right;
    width: 30px;
    height: 30px;
    margin: 0 5px;
    background-size: 30px;    -webkit-transition: all ease-in-out .25s;
    -moz-transition: all ease-in-out .25s;
    -o-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s;
}
.pilots .item .inSocials p {float: left;}
.pilots .item .inSocials p a {
    color: #fff;
}

.pilots .item .inSocials .vk {    background-image: url(../img/vk.svg);}
.pilots .item .inSocials .yt {    background-image: url(../img/yt.svg);}
.pilots .item .inSocials .in {    background-image: url(../img/in.svg);}
.pilots .item .inSocials .ok {    background-image: url(../img/ok.svg);}
.pilots .item .inSocials .fb {    background-image: url(../img/fb.svg);}
.pilots .item .inSocials .sc {    background-image: url(../img/sc.svg);}
.pilots .item .inSocials a:hover {opacity:0.8;}

.redBtn {
    font-family: 'Biblioteka',Arial,sans-serif;
    text-align: center;
    line-height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    -webkit-appearance: none;
    font-weight: 700;
    background: none;
    cursor: pointer;
    box-sizing: content-box;
    color: #ffffff;
    border: 3px solid #ffffff;
    background-color: #fa3228;
    display: block;
    max-width: 300px;
    text-decoration: none;
    margin: 0 auto;
}




.trigalBig {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    background: #fff;
    z-index: 10000;
    overflow: hidden;
    -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	display:none;opacity:0;
}
.trigalBig.active {opacity:1;}
.trigalBig a {    -webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;    color: #000;}
.trigalBig a:hover {opacity:0.8;}
.trigalBig .prev {
    width: 15%;
    left: 0;
    right: auto;
    position: absolute;
    height: 100%;
}
.trigalBig .next {
    width: 15%;
    height: 100%;
    position: absolute;
    right: 0;
}
.trigalBig .prev i {width: 20px;
    height: 20px;
    background: transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    border-bottom: 2px solid;
    border-left: 2px solid;
    position: absolute;
    top: 45%;
    left: 50px;
    padding: 10px;}
.trigalBig .next i {
    width: 20px;
    height: 20px;
    background: transparent;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    border-top: 2px solid;
    border-right: 2px solid;
    position: absolute;
    top: 45%;
    right: 50px;
    padding: 10px;
}
.trigalBig .close {
    position: fixed;
    right: 10px;
    top: 12px;
    width: 29px;
    height: 32px;
    cursor: pointer;
    -webkit-transition: opacity ease-in-out 0.3s;
    -moz-transition: opacity ease-in-out 0.3s;
    -o-transition: opacity ease-in-out 0.3s;
    transition: opacity ease-in-out 0.3s;
    z-index: 999999999999;
}
.trigalBig .close:hover {opacity:0.7;}
.trigalBig .close i {    position: absolute;
    left: 15px;
    height: 26px;
    width: 2px;
    background-color: #222;}
.trigalBig .close i:nth-child(1){    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);}
.trigalBig .close i:nth-child(2){    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);}
.trigalBig div {-webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);cursor: -webkit-zoom-out;
    cursor: zoom-out; 
    position: absolute;
    top: 0;
    left: 15%;
    width: 70%;
    height: 100%;
    background-size: contain;
    background-position: top center;    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.justDesktop { }
.justMobile {display:none;}



.webinars .promoIndex {
    background-image: url(../data/webinars.png); 
}
.webinarsList {
    text-align: left;
    font-size: 0;
}
.webinarsList > div {
    display: inline-block;
    max-width: 260px;
    margin: 20px;
    padding-top: 180px;
    margin-bottom: 40px;
    width: 100%;font-size: 0;
}
.webinarsList > div .im {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 170px;
    display: block;
}
.webinarsList > div .im img {
    display: none;
}
.webinarsList > div .ti {
    margin-bottom: 28px;
    margin-top: 16px;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    line-height: 1.23;
    font-size: 18px;
    height: auto;
    text-decoration: none;
    text-transform: lowercase;
}



.webinaritem .promoIndex > div b {
    padding: 24px 0 38px 0;
    letter-spacing: .5px;    line-height: 1.1em;
    font-weight: 700;
    font-size: 62px;
    display: block;
}
.webinaritem .promoIndex > div { 
    width: 100%;
    max-width: 700px;
    padding: 0 20px;
}

.webinaritem {}
.webinaritem h1 {
    padding-top: 0;
}
.webinaritem .webinarLinks {
    text-align: center;
    margin: 40px 0;
    margin-top: 20px;
}
.webinaritem .webinarLinks a {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 1.55;
    color: #000;
    text-decoration: none;
    margin: 0 20px;
}
.webinaritem .webinarLinks a:hover {    text-decoration: underline;}
.webinaritem .webinarLinks a:before {
    content: '';
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    background-size: 30px;
}
.webinaritem .webinarLinks .pdf:before {background-image: url(../img/ic_info_outline_black.svg);}
.webinaritem .webinarLinks .mov:before {background-image: url(../img/play.svg);}
.webinaritem .grayContent{}
.wrap960 {
    max-width: 960px;
}
.t-text_lg, .t-text_lg * {
    font-size: 22px;
    line-height: 1.55;
}
.webinaritem .alerter {
    width: 100%;
    width: 100vw;
    margin: 0;
    max-width: 100%;
}
.webinaritem .alerter p {
    display: inline-block;
    text-align: left;
    max-width: 640px;
    vertical-align: top;
}
.btnRed {    display: inline-block;
    font-family: 'Biblioteka',Arial,sans-serif;
    height: 60px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;text-decoration:none;    color: #ffffff;
    background-color: #fa3228;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;}
.webinaritem .alerter a {
    line-height: 60px;
}
.webinaritem .alerter:before {display:none;}
.webinaritem .content{}
.wrap760 {
    max-width: 760px;
    width: 100%;
}
.timeline {}
.timeline p {}
.timeline h2 {
    font-size: 22px;
    line-height: 1.35;
}
p.nomargin {
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight: 500;
}
.timeline h2:before {
    content: '';
    width: 45px;
    height: 45px;
    display: inline-block;
    background: url(../img/time.svg) center center no-repeat;
    margin-right: 20px;
    vertical-align: middle;
}
.timeline u {}
.timeline ol {
    margin-top: 5px;
    padding-left: 20px;
}
.timeline ol li {}
.timeline p {}
.inside .promoIndex > div b:after {
    content: '';
    display: block;
    background: #fff;
    opacity: 0.8;
    width: 250px;
    height: 1px;
    margin: 0 auto;
    margin-top: 40px;
}
.inside .promoIndex > div b { 
    line-height: 1.2em;
}


.liblist .wrap > div > div {margin-bottom:120px;}
.liblist .wrap  > div > div, .liblist .wrap  > div > div p, .liblist .wrap  > div > div p * {
    font-size: 14px;    font-size: 18px;
 /*   font-family: 'Roboto'; */
    font-family: sans-serif;
}
.liblist .wrap  > div > h2 {
    text-align: center;
}
.liblist .wrap  > div > div > img {
    display: block;
    max-width: 460px;
}
 .liblist .wrap  > div > div .floatleft {float: left;
    margin-right: 20px;}
.liblist .wrap  > div > div .floatright {
    float: right;
    margin-left: 20px;
}
.content p a {    color: #ff8562;
    text-decoration: none;}
.liblist .wrap  > div > div p {
    margin-bottom: 10px;
}
.liblist .wrap  > div > div strong {
    font-size: 16px;    font-size: 18px;
}
.liblist .wrap  > div > div ul {
    padding-left: 0px;
    margin-top: 0;
    list-style: inside;
}
 .liblist .wrap  > div > div li {}
 .liblist .wrap  > div > div a {}
.liblist .wrap  > div > div .btnRed {
    height: 40px;
    line-height: 40px;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 700;
    font-size: 14px;
}
.liblist .wrap  > div > h2:before {
    content: '';
    display: block;
    width: 100%;
    max-width: 350px;
    background: #000;
    margin: 0 auto;
    height: 1px;
    margin-bottom: 30px;
    opacity: 0.2;
}
.liblist .wrap  > div:first-child > h2:before {display:none;}
.breads a {-webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.breads a:hover {color: #fa3228;}

.documents .content h3 {
    text-align: center;
    padding-bottom: 15px;
}
.documents .content h4 {
    text-align: center;
    padding-bottom: 30px;
}
.documents .docItems {
    text-align: center;
    font-size: 0;
    margin-top: 40px;
}
.documents .docItems > div {
    font-family: 'Biblioteka';
    display: inline-block;
    vertical-align: top;
    margin: 0 40px;text-align: left;
    margin-bottom: 40px;
}
.documents .docItems > div b {
    font-weight: 400;
    display: block;
}
.content p a , .documents .docItems > div a{
    color: #ff8562;
    text-decoration: none;
}
  .documents .docItems > div a {}
	
.faq .grayandwhitewide .grayWide {
    background-color: #fff;
}
.faq .grayandwhitewide .grayWide.fq > span {    font-size: 18px;}
.faq .grayandwhitewide .grayWide.fq > div * {
    font-size: 18px;
}
.faq .content .wrap > p {
    color: #000000;
    font-size: 30px;
    font-family: 'Biblioteka';
}

.t-title_xs,  h1.t-title_xs {
    font-size: 42px;
    line-height: 1.23;
}
.contacts .content {}
.contacts .content h1 {
    margin-bottom: 40px;
    padding-bottom: 0;
    text-align: center;
}
.contacts .content h5 {
/*    font-family: 'Roboto';*/
    font-family: sans-serif;
    margin: 0 auto;
    display: block;
    max-width: 560px;
    width: 100%;
}
.contacts .contactform {
    margin: 90px auto;
    width: 100%;font-size: 0;
    max-width: 1024px;
}
.contacts .contactform > div {
    display: inline-block;
    vertical-align: top;
}
.contacts .contactform .left {
    width: 540px;
    margin-right: 20px;
}
.contacts .contactform .right {
    width: 460px;
}
.text a[title="pdf"]:hover {text-decoration:underline;}
.contacts .contactform .left a.email {
  /*  font-family: 'Roboto',Arial,sans-serif;*/
    font-family: sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 30px;
    display: block;
    text-decoration: none;
}
.contacts .contactform .left p {
    font-weight: 700;
    font-size: 22px;
    padding-right: 40px;
    margin-top: 20px;
}

.ourItem .contacts_cat > div a {
    font-size: 14px;
    line-height: 1.55;
    color: #7a7a7a;
/*    font-family: 'Roboto';*/
    font-family: sans-serif;
    display: block;text-decoration:none;
}
.contacts .contactform .left i {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 18px;
    line-height: 1.55;
    display: block;
    font-style: normal;
}
.contacts .contactform .right {}
.contacts .contactform .right input {}
.contacts .contactform .right textarea {
    padding-top: 17px;
    background-color: transparent;
    -webkit-appearance: none;
    margin: 0;
    font-family: 'Biblioteka',Arial,sans-serif;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.33;
    width: 100%;
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    resize: none;
    height: 170px;
    border: 1px solid #c7c7c7;
    padding: 20px;
}
.contacts .contactform .doSub{
    width: 220px;
    border-radius: 60px;
}
.contacts .contactform .right .t-input-error {}
.contacts .contactform .right .errorbox {} 
.contacts .contactform .right .step2 {}
.contacts .contactform .right .steps {}



.t-title_xxs {
    font-size: 36px;
    line-height: 1.23;
}
.contacts h2 {
    font-size: 36px;
    line-height: 1.23;
    text-align: center;
    display: block; }

.ourItem {
    font-size: 0;
    text-align: center;
}
.ourItem .contacts_cat > div {
    max-width: 360px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    margin-bottom: 45px;
}
.ourItem > div .img {
    width: 100%;
    max-width: 200px;
    max-height: 200px;
    display: block;
    text-decoration: none;
    height: 200px;
    margin: 0 auto;
    border-radius: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-bottom: 20px;
}
.ourItem > div b {
    font-size: 22px;
    margin: 0 auto;
    line-height: 1.35;
    margin-bottom: 4px;
    display: block;
    max-width: 240px;
    width: 100%;
    margin-bottom: 15px;
}
.ourItem > div span {
    font-size: 14px;
    line-height: 1.55;
    color: #7a7a7a;
 /*   font-family: 'Roboto';*/
    font-family: sans-serif;
    display: block;
}
.newsList .nyc, .newsList .content .news_container > div .date  {text-align:left;}


.contentPge.inside .promoIndex > div b{    font-size: 34px;}
.contentPge.inside .promoIndex > div{width:95%;}


.newsItem {}
.newsItem .text img {
    max-width: 560px;
    margin: 20px;
}
.newsItem .text .floatright, .newsItem .text .justifyright {
    float: right;
    margin-right: 0;
}
.newsItem .text .floatleft, .newsItem .text .justifyleft  {
    float: left;
    margin-left: 0;
}
.newsItem .text img {height: auto !important;}
.newsItem .text, .newsItem .text p {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 20px;font-size: 18px;
    line-height: 1.55;
}
.newsItem .text .floatleft:after, .newsItem .text .floatright:after,
.newsItem .text .justifyleft:after, .newsItem .text .justifyright:after {
    content: '';
    clear: both;
    display: block;
    width: 100%;
}
.newsItem .text strong, .newsItem .text b {}
.newsItem .text strong {}
.newsItem .text i {}
.newsItem .text a {    color: #ff8562;
    text-decoration: none;}
.liblist .wrap  > div > h2 {
    text-align: center;
    display: block;
    clear: both;
}
.liblist .wrap  > div > div{display: block;
    clear: both;}
.liblist .wrap  > div > div {
    margin-bottom: 40px;
}
.documents .docItems{text-align:left;}
.documents .docItems > div { 
    max-width: 360px; margin: 0 20px;margin-bottom:40px;
}
.documents .metodic { 
    text-align: left;
}
.content.p0 {
    padding-top: 0;
}
.libgals > div { 
    vertical-align: top;
}
#subscribe input.error {margin-bottom:2px;}
.grayandwhitewide .superList li { 
    min-height: 70px;
}
.superListitem  {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 15px;
    line-height: 1.55;	
}


.lazyload {
    
    -webkit-transition: background-image 300ms ease-in;
    -moz-transition:  background-image 300ms ease-in;
    -o-transition:  background-image 300ms ease-in;
    -ms-transition:  background-image 300ms ease-in;
    transition:  background-image 300ms ease-in;
}




html .inside .updatewebinarimg  {background-image:none;}
.contentPaddBott {padding-bottom:60px;}
iframe{border: none;}

.newsItem .alerter {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
}
.newsItem .alerter:before {display:none;}
.newsItem .alerter p  {
    font-size: 18px;
    line-height: 1.55;
    text-align: left;
    display: inline-block;
    width: 100%;
    max-width: 560px;
    vertical-align: top;
    margin-right: 20px;
}
.newsItem .alerter  .btnRed {
    border-radius: 0;
    line-height: 60px;
}
.newsItem code {
    padding: 30px 20px 28px 55px;
    position: relative;
    text-align: left;
    background: #eee;
    max-width: 760px;
    margin: 20px auto;
    margin-top: 0;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 16px;
    line-height: 1.55;
    font-size: 20px;
    text-align: center;
    max-width: 100%;
    clear: both;
    display: block;
}
.newsItem code:before {
    content: '';
    background: url(../img/alert.svg) center center no-repeat;
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 20px;
    top: 20px;
}

blockquote {
    position: relative;
    display: block;
    padding-left: 100px;
}
blockquote:before {
    content: '“';
    position: absolute;
    left: 0;
    top: -8px;
    font-family: Georgia;
    font-size: 150px;
    line-height: 1;
    color: #fa3228;
}

.text a[title="pdf"] {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 1.55;
    display: block;
    margin: 20px 0;
}
.text a[title="pdf"]:before {
    content: '';
    background: url(/img/pdf.svg) center center no-repeat;
    width: 30px;
    height: 30px;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


.newsItem .text table {
    border-collapse: collapse;
    font-size: 17px;
}
.newsItem .text table tr {}
.newsItem .text table th {
    font-weight: 500;
    text-align: left;
    padding: 20px;    border-bottom: 1px solid #000;
}
.newsItem .text table td {
    padding: 20px;
    border-bottom: 1px solid #d9d9d9;
}

.newsItem .text table tr:nth-child(even) {background: #eee}

.pilots .item > h2 ins {
    display: block;
    text-decoration: none;
    margin: 20px 0;
    font-size: 30px;
}
.pilots .item {
    padding-top: 75px;
    padding-bottom: 75px;
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 20px;
    line-height: 1.55;
}
html .inside .updatewebinarimg { 
    background-repeat: none !IMPORTANT;
    background-size: cover !important;
    background-position: center center !important;
}
.liblist .wrap  > div > h2 {
    text-align: center;
    display: block;
    clear: both;
    margin-top: 100px;
}
.header .links { 
    text-align: left;
}
.header .links a { 
    padding-left: 0;
}




.nyc, .nyc * {
    font-family: 'Open Sans', sans-serif !important;
}
.newsList .content .news_container > div .date {
    font-size: 14px;
    letter-spacing: 0;
}
.content .news_container > div .des { 
    font-size: 18px; 
}





	.inside.mapItem .content {}
.inside.mapItem .content .linkback {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    text-transform: lowercase;
    display: block;
    position: absolute;
    margin-bottom: 5px;
    left: 0;
    top: 158px;
}
	.inside.mapItem .content .linkback:before { content: '←';
    margin-right: 6px;}
	.inside.mapItem .content .linkback:hover {}
.inside.mapItem .content h1, .inside.mapItem .content h2 {
    font-size: 38px;text-align:center;
}
.inside.mapItem .content h3 {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    font-size: 24px;
    text-align: center;padding-bottom: 15px;
}
.inside .content .type_model {
    margin-top:40px;
    text-align: center;
    font-family: "Myriad Pro";
    color: #000000;
    font-weight: 400;
    font-size: 15px;
}
.inside .content .model_bibl_b {
    padding-left: 60px;
    background: url(/css/../img/geniy_mesto_bibl.png) 0 0 no-repeat;
    min-height: 27px;
    line-height: 44px;
    display: inline-block;
}
.inside .content .geniy_mark_b {
    padding-left: 60px;
    background: url(/css/../img/geniy_mesto_konc.png) 0 0 no-repeat;
    min-height: 44px;
    line-height: 44px;
    display: inline-block;
}
.inside .content .geniy_mark_b_no {
    padding-left: 60px;
    background: url(/css/../img/geniy_mesto_mark.png) 0 0 no-repeat;
    min-height: 44px;
    line-height: 44px;
    display: inline-block;
}
.inside.mapItem .content #lmap {
    margin-bottom: 30px;
}
.inside.mapItem .content .nm {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    display: block;
    padding-bottom: 6px;
}
.inside.mapItem .content .vl {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    margin-bottom: 30px;
    max-width: 800px;
}


.inside.mapItem .content .vl.soci > span, .inside.mapItem .content .vl.site > span {
    display: block;
    margin-bottom: 5px;
}
.inside.mapItem .content .vl.soci  a, .inside.mapItem .content .vl.site  a {
    color: #000;
    text-decoration: none;
    border-bottom: 0.8px solid #000;
}
.inside.mapItem .content .vl.soci  a:hover, .inside.mapItem .content .vl.site  a:hover {
    color: #ff8562;
    text-decoration: none;
    border-bottom: 0.8px solid #fff;
}
.inside.mapItem .content .vl.cont * {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}
.inside.mapItem .content #copydata {
    display: block;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    width: 290px;
    height: 40px;
    background: #000;
    margin-bottom: 100px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 40px;
    border-radius: 5px;
}

.inside.mapItem .pilots .item .subba {
    font-size: 24px;
    padding-top: 41px;
    text-align: center;
    padding-bottom: 15px;
    display: block;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
}
.inside.mapItem .pilots .item {
    padding-top: 0;}

.inside.mapItem  #beforeafter {width:940px;max-height:700px;margin:20px auto;}

.newsItem.inside .promoIndex > div span {
    display: block;
    padding: 0;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    font-size: 13px;
    padding-top: 40px;
}
.newsItem.inside .promoIndex > div span a {
    color: #fff;
    font-weight: 300;
    font-family: 'Biblioteka',Arial,sans-serif;
}
.pilotList a {    color: #000;}
.pilotList li:hover, .pilotList li:hover a {color: #ff8562;}
.pilotList .u li span {
    padding: 0;display:block;
    text-indent: 0px;
}
.galTitle {
    display: block;
    max-width: 860px;
    margin: 20px auto;
    font-size: 17px;
    font-style: italic;
    font-family: 'Open Sans', Roboto, sans-serif;
}
.galla .posa i:after {background-color: #cecece;}


.sourcenews {
    font-family: 'Open Sans', Roboto, sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: block; 
}
.newsItem.inside .promoIndex .sourcenews b {
    font-size: 15px;
    color: #fff;
    display: inline;
    line-height: 20px;
    position: relative;
    top: -2px;
    border-bottom: 1px solid;
    padding: 0;
}
.sourcenews span {}
.sourcenews a {
    text-transform: none;
    color: #fff;
}
.inside .promoIndex .sourcenews b:after{display:none;}
.promoIndex .pI_arrow {
    bottom: 20px;
}
.newsItem.inside .promoIndex > div b:after {display:none;}

.header .links { 
    max-width: 600px; /*700px*/
}

body.index .nyc , body.index .nyc    .date { 
    text-align: left;
}

html body .content .document {
    font-size: 16px;
    line-height: 20px;
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    margin-bottom: 20px;    text-align: center;
    display: block;
    max-width: 300px;
    position: relative;
    margin: 20px auto;
    padding-top: 130px;
}
html body .content .document a {}
html body .content .document a:before {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/doc.png) center center no-repeat;
    background-size: 100px auto;
}
html body .content .document a {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 20px;
    margin-top: 12px;
    font-family: 'Biblioteka';
    display: block;
    color: #000;
    line-height: 1.4em;
}
 

.contentButton {
    display: inline-block;
    font-family: 'Biblioteka',Arial,sans-serif;
    height: 50px;
    border: 0 none;
    font-size: 16px;
    padding-left: 60px;
    padding-right: 60px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: 700;
    line-height: 50px;
    background-image: none;
    cursor: pointer;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    color: #ffffff !important;
    background-color: #fa3228;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
}
.galaTitle {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 30px;
    line-height: 1.45;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f0f0f0;
    text-align: center;
}
#maplistprecontent {display:block !important;z-index:-1;opacity:0;}

.webinarsList > div {
    max-width: 360px;
    display: inline-block;
    vertical-align: top;
    margin: 0 20px;
    text-align: left;
    margin-bottom: 40px;
}
.webinarsList > div .ti {    font-family: 'Open Sans', sans-serif !important;    text-transform: none;}
.webinarsList > div .im {  height: 240px;}

.webinars .content .news_container > div {text-align: left;}
.newsItem .text .webinarLinks a {color:#000;}

.otbor .grayandwhitewide .grayWide.fq > div p { 
    padding-left: 40px;
}

.galla .core a, .pilots .item .trigal div, .trigal div {cursor:default;}
#maplistcontent { 
    min-height: 1000px;
}
#libmap .numo { 
    z-index: 2;}
    
    
.grayandwhitewide .grayWide.fq > span:after {    background-image: url(../img/arrowp.png);}
.grayandwhitewide .grayWide.fq > span.inactive:after {display:none;}
.grayandwhitewide .grayWide.fq > span.inactive {cursor:default;}
    
    
.educationSubItem img {    max-width: 90%;}
    

.otborMod .metodic a, .documents .metodic a {
    text-align: left;
}
.otborMod .metodic a b, .documents .metodic a b {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 14px;
}
.otborMod .metodic a p, .documents .metodic a p {
    font-size: 15px;
    line-height: 1.5em;
}
.otborMod .metodic a:before, .documents .metodic a:before { 
    background-position: top left;
}
.otborMod .metodic,.documents .metodic { 
    text-align: left;
}    
    
.ourItem .contacts_cat {    padding-bottom: 40px;}
.ourItem .contacts_cat h4 {
    font-size: 29px;
    line-height: 1.23;
    text-align: center;
    display: block;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    text-transform: lowercase;
    padding-bottom: 40px;
}
.ourItem .contacts_cat > div:nth-child(3), .ourItem .contacts_cat > div:nth-child(2) {
    max-width: 45%;
    margin: 0 2%;
    margin-bottom: 45px;
}
/*
.header .links a {  margin: 3px 0;}
.header .links { max-width: 810px;}
.header .links a { padding-right: 30px;margin: 5px 0}
@media screen and (max-width: 1500px) and (min-width:1200px) {
		.header .links a {    padding-right: 30px;}
}
@media screen and (max-width: 1800px) and (min-width:1500px) {
	.header .links a {    padding-right: 45px;}
	.header .links {    max-width: 900px;}
}
@media screen and (min-width:1800px) {
	.header .links a {    padding-right: 95px;    margin: 6px 0;}
	.header .links { max-width: 1200px;}
}
*/

.header .links a {
    padding-right: auto;
    width:auto;vertical-align: top;
}

.inside.mapItem .content .capitalize:first-letter{text-transform:capitalize;}


	
	.superparams {}
	.superparams b {}
	.superparams b.sp1 {}
	.superparams b.sp2 {}
	.superparams b.sp3 {}
.superparams b:before {
    content: '';
    display: block;
    width: 150px;
    height: 150px;margin: 0 auto;
    background: url(../img/icons8-user-groups.png) center center no-repeat;
}
	.superparams b.sp1:before{}
	.superparams b.sp2:before{background-image:url(../img/icons8-user-location.png);}
	.superparams b.sp3:before{background-image:url(../img/icons8-read-online.png);}
.superparams ins {
    text-decoration: none;
    display: inline-block;
    max-width: 100%;
    width: 33%;
    text-align: center;
    margin: 40px 0;
}
	.superparams div {}




			
.superSociums {
    font-size: 0;
    text-align: center;
}
.superSociums a {
    display: inline-block;
    width: 16%;
    text-align: center;
    min-width: 100px;
}
.superSociums a:before {
    content: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../img/icons8-fb.png);
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.superSociums a.ww:before {background-image: url(../img/icons8-www.png);}
.superSociums a.fb:before {background-image: url(../img/icons8-fb.png);}
.superSociums a.vk:before {background-image: url(../img/icons8-vk.png);}
.superSociums a.tw:before {background-image: url(../img/icons8-tw.png);}
.superSociums a.in:before {background-image: url(../img/icons8-in.png);}
.superSociums a.ok:before {background-image: url(../img/icons8-ok.png);}
.superSociums a i {
    font-size: 18px;
    font-style: normal;
    text-align: center;
    display: block;
    padding: 3px 0;
    color: #000;
}

.yvideo {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    height: auto;
}
.pyvideo {
    text-align: center;
    display: block;
    margin-bottom: 20px;
}
.mapItem .grayandwhitewide .grayWide {
    background: #fff;
    max-width: 760px;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    margin-bottom: 40px;    padding-bottom: 1px;    margin: 0 auto;
}
.mapItem .grayandwhitewide .grayWide.fq > span {font-size:18px;}
.mapItem  .grayandwhitewide .grayWide.fq > div.active, .mapItem  .grayandwhitewide .grayWide.fq > div.active * {
 
    font-size: 18px;
}

.liblist .wrap  > div > h2 {
    margin-top: 60px;
}
.mapItem .grayandwhitewide.bbt {
    margin: 20px 0 40px 0;
}
.mapItem .grayandwhitewide .grayWide {
    background: #fff;
    max-width: 760px;
    width: 100%;
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}
.mapItem .grayandwhitewide .grayWide:last-child {
    border-bottom: 1px solid #ddd;
}



@media screen and  (min-width:1300px) { 
	.header .links a {margin: 6px 0;}
}
@media screen and  (min-width:1500px) { 
.header .links {
    max-width: 1100px;
    font-size: 0;
}
 
.header .links a {
    _padding-right: 0;
    margin: 6px 0;
    _width: 20%;
    
}
 
}
@media screen and (max-width: 1800px) and (min-width:1500px) { 
	.header .links {  max-width: 810px;}
}
@media screen and (min-width:1800px) { 
	.header .links {max-width: 1064px;}
}
@media screen and (max-width:1200px) { 
	.header .links a {margin:2px 0}
}
html, body {min-width:1270px;}
@media screen and (max-width:1200px) { 
	html, body {min-width:320px;}
	.content, .wrap {width:100%;}
	.content .news_container > div { width: 31%; margin: 0 1%;}
	.blueContent .stat > div { width: 31%;  margin: 0 1%;}
	
}


	 .contacts .contactform .left a.facebook {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 28px;
    display: block;
    text-decoration: none;
}
.contacts .contactform .left a.facebook b {
    font-weight: 900;
    font-size: 34px;
    position: relative;
    top: 2px;
}
.footer .right a.facebook {
    text-transform: none;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 18px;
}
.footer .right a.facebook b {
    color: #fff;
    text-transform: none;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 20px;
    display: inline;
}

.inside .promoIndex > div b {font-size: 42px;}
.webinaritem .promoIndex > div b {
    font-weight: normal;font-size: 42px;
}
.galla .core a{z-index:0;cursor:pointer;}
.galla .core a.active {
    z-index: 1;
}


.inside .tags {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
	    font-family: 'Roboto',Arial,sans-serif;
}
.inside .tags a {
    display: inline-block;
    font-size: 17px;
    color: #333;
    padding-right: 10px;    text-decoration: underline;
}
.inside .tags a:after {content:''}
.inside .tags a:after {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #333;
    border-radius: 30px;
    vertical-align: middle;
    margin-left: 10px;
}
.inside .tags a:last-child:after {display:none;}
.inside .tags a:hover {    color: #ff8562;}
.inside.pilots .tags {
    max-width: 1170px;
    margin: 0 auto;
    text-align: left;
}
.pilots .item .videos {    padding-top: 0px;}
.inside.mapItem .tags{text-align:left;}



#searchresults {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 11000;
    top: 0;
    left: 0;
    background: #fff;display:none;
	transition:all 0.3s ease-in;
}
#searchresults .close {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: url(/img/xbox_menu_big_clo.png?) center center no-repeat;
    opacity: 0.6;
}
#searchresults.active {display:block;}
#searchresults .wrap {
    width: 100%;
    max-width: 800px;
}
#searchresults .wrap input {
    background: #ee452e;
    width: 100%;color:#fff;
    height: 50px;
    border: none;
    padding: 0 20px;
    font-size: 17px;
    background-image: url(/img/icons8-search-45a.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 44px 30px;
}
#searchresults input:after {content:'';}
#searchresults .input {}
#searchresults .input {
    position: relative;
    margin-top: 30px;
}
#searchresults .inputafter {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
#searchresults .wrap input::placeholder{color:#fff;}
#searchresults .wrap input::-webkit-input-placeholder {color:#fff;}
#searchresults .wrap h2 {}
#searchresults .wrap h2 {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-weight: 500;
    color: #000;
    font-size: 25px;
    line-height: 1.23;
    display: block;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
}
#searchresults .wrap .cats {
    padding: 20px 0;
    padding-top: 5px;
    font-family: 'Biblioteka',Arial,sans-serif;
    font-size: 15px;
}
#searchresults .wrap .cats a {
    color: #000;
    font-weight: 400;
}
#searchresults .wrap .cats a:hover {    color: #ee452e;}

#searchresults .wrap .cats a.active {    color: #ee452e;}
#searchresults .wrap .cats a:after {content:'/';    padding-left: 8px;    color: rgba(0,0,0,0.5);padding-right:8px;}
#searchresults .wrap .cats a:last-child:after {content:'';}
#searchresults .wrap .links {}
#searchresults .wrap .links > div {    margin-bottom: 30px;display:none;}
#searchresults .wrap .links > div.active {display:block;}
#searchresults .wrap .links > div .b {}
#searchresults .wrap .links > div .b {
    font-family: 'Biblioteka',Arial,sans-serif;
    font-size: 15px;
    display: block;
    color: #000;
}
#searchresults .wrap .links > div .b:hover {    color: #ee452e;}
#searchresults .wrap .links > div .p {
    display: block;
    color: #000;
    font-family: 'Roboto';
    font-size: 15px;
    padding: 10px 0;
}
.header .buttons a {padding-left:20px;padding-right:20px;}
.header .buttons .searchopen {}
.header .buttons .searchopen {
    background: url(/img/icons8-search-50.png) center center no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
}
.header .buttons .searchopen:hover {    background-color: transparent;}
#searchload {overflow-x:hidden;}
#searchresults .wrap .links {
    height: 400px;
    overflow: auto;
    width: calc(100% + 20px);
}


@media screen and (max-width: 768px) {
	#searchresults .input {    margin-top: 50px;}
	#searchresults .close {    top: 0;    right: 5px;	}
	#searchresults .wrap h2 {    padding-left: 20px;    padding-right: 20px;}
	#searchload {     padding: 0 20px;}
	#searchresults {     overflow: auto;}
	#searchresults .wrap .links {    height: auto !IMPORTANT;    overflow: auto; }
}





.pilots .item .wasis {
    max-width: 800px;border-collapse: collapse;
}
.pilots .item .wasis td:nth-child(1),
.pilots .item .wasis td {
    font-family: 'Roboto',Arial,sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 15px;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.pilots .item .wasis tr:nth-child(1) td {    font-family: 'Biblioteka';}
.pilots .item .wasis tr:nth-child(1) td {
    font-family: 'Biblioteka';
    border-bottom: 1px solid #ccc;
}
.pilots .item .wasis tr:nth-child(2n) td {
    background-color: #f1f1f1;
}

.copylft {
    display: inline-block;
    vertical-align: top;
    min-width: 600px;
    width: 49%;
    margin-right: 2%;
}
.supernews {
    display: inline-block;
    vertical-align: top;
    min-width: 500px;
    width: 46%; 
}
	.supernews > div {}
.supernews > div > a {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    overflow: hidden;
    height: 160px;
    background-size: cover;
}
.supernews > div a img {
    display: block;
    height: auto;
    max-height: 160px;
    max-width: 100%;
    width: auto;    display: none;
}
.supernews > div .nyc {
    display: inline-block;
    width: 48%;
    margin-left: 2%;
    vertical-align: top;
}
.supernews > div .nyc .date {
    display: block;
    font-size: 12px;
    color: #999;
}
.supernews > div .nyc .tit {
    display: block;
    color: #000;
    font-size: 14px;
    width: 100%;
    height: auto;
}
.supernews > div .nyc .des {
    display: none;
}
.supernews .btn.red {
    padding: 0;
    position: absolute;
    bottom: 0;
    background: #fa3228;
    color: #fff;
    text-transform: uppercase;
    padding: 4px 20px;
    font-family: 'Open Sans', sans-serif !important;
    left: 51%;
    right: auto;
    font-size: 14px;
}
.footer .left {
	width: 400px;}
.footer .left .wa{
    display: inline-block;
    vertical-align: top;
}
.inside.mapItem .content .linkback {

    top: 88px;
}
html.nab .inside .content.firster{padding-top: 0;}
html.nab  .inside.newmainpage .content.firster {
    padding-top: 30px;
}
html.nab .inside .content.firster h1 {padding-top: 10px;}
.inside.mapItem .content .linkback {
    top: 25px;
}
    

.footer .left .wb{
    display: inline-block;
    width: 130px;
    vertical-align: top;
    margin-top: 0;
}
.footer .left .logo_bibl{
    display: inline-block;
    width: 250px;
    vertical-align: top;
    margin-top: 0;

}
.footer .left .flex_logo{
    width: 100%;
    display: flex;
    flex-wrap: wrap;

}
.footer .left .flex_logo > * {
    width: calc(100% / 3);
}
.footer .left .flex_logo img {
    max-width: 140px;
}
.footer .left .flex_logo .logo_min_cult {
    text-align: left;
}
.footer .left .flex_logo .logo_nac_proekt {
    text-align: center;
}
.footer .left .flex_logo .logo_ros_bibl {
    text-align: right;
}

.gallaY {
    width: 100%;
    max-width: 860px;
    display: block;
    margin: 0 auto;
    margin-bottom: 35px;
}
.gallaY .nava {
    position: absolute;
    top: 45%;
    left: 0;
    height: 40px;
    width: 100%;
}
.gallaY .nava a {
    border-radius: 100px;
    background-color: #eee;
    -webkit-transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    -moz-transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    -o-transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    transition: background-color ease-in-out .2s,border-color ease-in-out .2s;
    width: 40px;
    height: 40px;
    background-color: rgba(232,232,232,1);
    background-image: url(../img/prev.svg);
    background-size: 9px 16px;
    display: block;
    left: -60px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
}
.gallaY .nava .prev {
    transform: rotate(180deg);
}
.gallaY .nava .next {
    right: -60px;
    left: auto;
}
.gallaY .core {
    width: 100%;
    height: 80vh;
    max-height: 560px;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    touch-action: pan-y;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.gallaY .core .yvideo {
    display: block;
    width: 100%;
    opacity: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 300ms linear;
    -moz-transition: opacity 300ms linear;
    -o-transition: opacity 300ms linear;
    -ms-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
}
.gallaY .core .yvideo, .pilots .item .trigal div, .trigal div {
    cursor: default;
}
.gallaY .core .yvideo {
    z-index: 0;
    cursor: pointer;left: 50px;
}
.gallaY .core .yvideo.active {
    opacity: 1;
	z-index:1;
}
.gallaY .posa {
    text-align: center;
    position: relative;
    z-index: 15;
    padding: 16px 0 0;
    width: 100%;
    font-size: 0;
    height: 35px;
}
.gallaY .posa i {
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    position: relative;
}
.gallaY .posa i:after {
    content: '';
    background-color: #eee;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    -webkit-transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -o-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s;
    box-sizing: border-box;
    display: block;
}
.gallaY .posa i:after {
    background-color: #cecece;
}
.gallaY .posa i.active:after {
    content: '';
    background-color: #222 !important;
}
.content .news_container > div .img {position:relative;}
.content .news_container > div .img ins {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif !important;
    padding: 2px 10px;
}

/*
вырезано и добавлено из чанка html_foot
*/
.footer .right a.facebook,.footer .right a.vk,.footer .right a.youtube, .footer .right a.odnoklass {display:inline-block;vertical-align:top;text-transform:none;font-family:Roboto,Arial,sans-serif;font-size:18px;margin-top: 20px;}
.footer .right a.youtube{margin-left:10px}
.footer .right a.facebook b,.footer .right a.vk b,.footer .right a.youtube b{display:none}
.footer .right a.facebook:before{content:'';width:24px;height:24px;display:inline-block;position:relative;background:#ccc;vertical-align:middle;background:url(/img/f_logo.svg) center center no-repeat;background-size:24px;top:-2px;margin-right:2px}
.footer .right a.youtube:before{content:'';width:33px;height:24px;display:inline-block;position:relative;background:#ccc;vertical-align:middle;background:url(/img/y_logo.svg) center center no-repeat;background-size:33px 22px;top:0;vertical-align:top;margin-right:2px}
.footer .right a.vk{margin-right:20px}
.footer .right a.vk:before{content:'';width:24px;height:24px;display:inline-block;position:relative;background:#ccc;vertical-align:middle;background:url(/img/ns_vk.svg) center center no-repeat;background-size:24px 24px;top:-2px;margin-right:4px}
.footer .wrap{font-size:0}
.footer .left{width:50%;padding-right:5%;} /*padding-left:calc(45% - 360px)*/
.footer .right{display:inline-block;float:none;max-width:100%;vertical-align:top;width:50%;margin:0}.foot_bottom{display:block;width:100%;padding-top:75px;text-align:center;color:#bdbdbd;font-family:sans-serif;font-size:16px}.foot_bottom a{color:#fff;text-decoration:underline}.footer{padding-bottom:25px}.footer .right span{display:block;color:#bdbdbd;font-family:sans-serif;font-size:16px;line-height:28px}.footer .right span a.email{color:#fff;font-family:sans-serif;/*font-family:Roboto;*/font-size:16px;display:inline;line-height:28px;margin:0;-webkit-box-shadow:none;box-shadow:none}

.footer .right a.odnoklass {
    margin-left: 20px;
    margin-top: 17px;
}
.footer .right a.odnoklass b {
    display: none;
}
.footer .right a.odnoklass:before {
    content: '';
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background: url(/img/ondkoklas_logo.svg) center center no-repeat;
    background-size: 30px 30px;
    top: 0;
    vertical-align: top;
    margin-right: 0px;
}

@media screen and (max-width:990px){.footer .left{width:100%;display:block;padding:0;vertical-align:top}.footer .right{display:block;float:none;max-width:100%;vertical-align:top;width:100%;margin:0}.footer .right span{font-size:12px}.footer .right span a.email{display:block}.footer .right a.facebook,.footer .right a.vk,.footer .right a.youtube, .footer .right a.odnoklass {display:block;text-align:center;margin:35px auto}.footer .right a.vk{margin-top:40px}.foot_bottom{padding-top:25px}}
@media screen and (max-width:990px){.footer .left{width:100%;display:block;padding:0;vertical-align:top}.footer .right{display:block;float:none;max-width:100%;vertical-align:top;width:100%;margin:0}.footer .right span{font-size:12px}.footer .right span a.email{display:block}.footer .right a.facebook,.footer .right a.vk,.footer .right a.youtube, .footer .right a.odnoklass {display:block;text-align:center;margin:35px auto}.footer .right a.vk{margin-top:40px}.foot_bottom{padding-top:25px}}

@media screen and (max-width: 990px){
    .footer .left .wb {width: 110px;}
    .footer .left .logo_bibl {
        position: relative;
        top: -20px;
        margin-left: 30px;
    }
}
@media screen and (max-width: 680px){
    .footer .left .logo_bibl {
        position: relative;
        top: 0px;
        margin-left: 0px;
    }
}
@media screen and (max-width: 600px){
    .footer .left .flex_logo img {
        max-width: 120px;
    }
}
@media screen and (max-width: 500px){
    .footer .left .flex_logo img {
        max-width: 100px;
    }
}
@media screen and (max-width: 400px){
    .footer .left .flex_logo img {
        max-width: 80px;
    }
}
@media screen and (max-width: 300px){
    .footer .left .flex_logo img {
        max-width: 60px;
    }
}

