/*Для широкой картинки в мобы*/
/*div img {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
body {
    position: relative;
}*/




/*.justify {
    text-align: justify;
}
.justify:before {
    content: '';
    display: block;
    width: 100%;
    margin-bottom: 0em;
    height: 0em;
}
.justify:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.justifyItem {
    top: 0em;
    vertical-align: top;
    display: inline-block;
}*/




html, body
{
    height: 100%;
}

body {
    font-family: 'IBM Plex Sans', sans-serif;
    color: #000000;
    padding: 0px;
    margin: 0px;
    font-size: 16px;
    line-height: 21px;
    background: #F9FBFF;
    position: relative;
}

* {
    padding: 0px;
    margin: 0px;
    border: none;
}

* {         
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a img {
    border:none;
}

a {
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    color: #000;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
 
.clear {
    clear: both;
}
.relative {
    position: relative;
}
.layerBig {
    width: 87%;
    margin: 0px auto;
    max-width: 1110px;
}
.layerSmall {
    width: 730px;
    margin: 0px auto;
    max-width: 87%;
}
.logoSvg {
    display: none;
    margin-bottom: 5px;
    width: 122px;
    height: 23px;
}
.headPhone {
    display: none;
}
.head {
    margin: 0px auto;
    padding: 72px 0px 76px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.headRight {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.headLang {
    font-weight: 600;
    font-size: 16px;
    line-height: 18px;
}
.headLang a, .footerAddressNetwork a {
    margin: 0px 6px;
    position: relative;
    padding-bottom: 5px;
    color: #132961; 
    display: inline-block;
}
.headLang a:before, .footerAddressNetwork a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background-color: #131313;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    transform-origin: right center;
    transform: scaleX(0);
}
.headLang a:hover:before, .footerAddressNetwork a:hover:before {
    transform-origin: left center;
    transform: scaleX(1);
}




.headMenu {
    width: 44px;
    height: 44px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    cursor: pointer; 
    margin: -23px 0px -20px; 
    margin-left: 42px; 
    /*z-index: 30;  */
}
.headMenu .upLineMenu {
    position: absolute;
    width: 26px;
    height: 4px; 
    background: #132961; 
    left: 9px;
    top: 14px;
    
}
.headMenu .downLineMenu {
    position: absolute;
    width: 26px;
    height: 4px; 
    background: #132961; 
    left: 9px;
    bottom: 14px;
    
}
.headMenu div {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;   
    position: relative; 
}

.headMenu div:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    width: 0px;
    height: 100%;
    background: #9e9e9e;

    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;      
}
.headMenu .downLineMenu:before {
    transition-delay: 0.25s;
}
.headMenu .upLineMenu:before {
    transition-delay: 0s;
}


.headMenuHover div:before {
    width: 100%;    
}
/*.headMenuHover .downLineMenu:before {  
    transition-delay: 0.25s;
}
.headMenuHover .upLineMenu:before {  
    transition-delay: 0s;
}       */

.backMenuClose {
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    -moz-transition: opacity .5s ease, visibility .5s ease;
    -o-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;     
    position: fixed;
    top: 78px;
    right: 30px;
    width: 27px;
    height: 27px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
}
.backMenuClose:after {
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    transform: rotate(45deg);
}
.backMenuClose:before {
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    transform: rotate(-45deg);
}
.backMenuActive .backMenuClose {
    opacity: 1;
    visibility: visible;
}


.headMenuActive {
    z-index: 30;
}
.headMenuActive div:before {
    display: none;    
}

.headMenuActiveBackground {
    background: #fff0;
}
.headMenuActive .upLineMenu {
    transform: translate(0px, 7px) rotate(45deg) scale(1.15, 1);
    background: #fff;
}
.headMenuActive .downLineMenu {
    transform: translate(0px, -5px) rotate(-45deg) scale(1.15, 1);
    background: #fff;
}



.backMenu {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #132961;
    top: 0;
    left: 0;
    color: #fff !important;
    overflow: auto;
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start; 
    top: -100%; 
    

    
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    visibility: hidden;
    z-index: 29;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    
}
.backMenuActive {
    top: 0px !important;
    visibility: visible !important;
    
}
.backMenu .backMenuTop, .backMenu .backMenuBottom {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;    
    
}
.backMenuActiveSection .backMenuTop {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.backMenuActiveSectionBottom .backMenuBottom {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

.backMenu a {
    color: #fff !important; 
    position: relative;
    display: inline-block !important;   
}
.backMenu a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background-color: #fff;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    transform-origin: right center;
    transform: scaleX(0);
}
.backMenu a:hover:before {
    transform-origin: left center;
    transform: scaleX(1);
}


.backMenuTop {
    width: 1150px;
    max-width: 55%;
    margin: 108px auto 0px;
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;    
}
.backMenuTopLeft {
    width: 580px;    

}
.backMenuTopLeft a {

    font-size: 30px;
    line-height: 64px;
    font-weight: 500;
    display: block;
}
.backMenuTopRight {
    width: 462px;
    margin-top: 0px;
}
.backMenuTopRight a {
    font-size: 30px;
    line-height: 64px;
    font-weight: 500;
    display: block;
}

.backMenuBottom {
    width: 1150px;
    max-width: 55%;
    margin: 20px auto 45px;
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;    
}
.backMenuBottomLeft {
    width: 580px;
    font-size: 18px;
    line-height: 35px;
}
.backMenuBottomRight {
    width: 462px;
    font-size: 18px;
    line-height: 35px;
}
.backMenuBottomRight a {
    display: block;
}

.backMenuMap {
    display: block;
    /*background: url("../img/mapIcon.svg") no-repeat 0 7px;*/
    padding-left: 35px;
}

.backMenuMap svg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.backMenuMap path {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;       
}
.backMenuMap .mapArrTop {
    transform: translate(-1px, 1px);
    margin-top: -5px;
}
.backMenuMap:hover .mapArrTop {
    transform: translate(0px, 0px);
}
.backMenuMap .mapArrBottom {
    transform: translate(1px, -1px);
}
.backMenuMap:hover .mapArrBottom {
    transform: translate(0px, 0px);
}


.backMenuMap:before {
    display: none;
}
.backMenuMap span {
    position: relative;
}
.backMenuMap span:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background: #fff;
    bottom: 0;
    left: 0;
}
.backMenuLang {
    display: none;
}

.newsPageAttr {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;    
}
.newsPageDate {
    
}
.newsPageSee {
    padding-left: 30px;
    margin-left: 30px;
    background: url("../img/eye.svg") no-repeat 0 -1px;
}
.newsPageAuthor {
    padding-left: 38px;
}
.newsPageAuthor span {
    text-transform: lowercase;
}
.newsPageAuthor a {
    font-weight: 600;
    color: #132961;
}
.newsPageNewspaper {
    padding-left: 38px;
}
.newsPageNewspaper b {
    font-weight: 600;
}
.newsPageTitle {
    font-family: 'Merriweather', sans-serif;
    font-size: 45px;
    line-height: 64px;
    margin-top: 20px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    position: relative;
    font-weight: normal;
}
.newsPageTitle:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 46.2%;
    background: #000;    
}
.newsPageTitle:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 42.4%;
    height: 4px;
    width: 4px;
    background: #fff;    
}
.newsPageContent {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px; 
    margin-bottom: 55px;   
}
.newsPageContent h2 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;   
    font-weight: bold;    
}
.newsPageContent a {
    color: #132961; 
    font-weight: 600; 
}
.newsPageContent li {
    list-style-image: url(../img/li.png);
    padding-left: 10px;
    margin-left: 25px;
    padding-bottom: 3px;
}
.newsPageContent ul {
    margin: 0px 0px 15px 0px;
    list-style: none;
}
.newsPageContent p {
    padding: 14px 0px;
    
}
.newsPageContent img {   
    padding: 21px 0px 10px;
    max-width: 100%;
}
.picInfo {
    margin: 30px 0px 40px;
    font-weight: 400;
    font-size: 16px;
    display: block;
}
.footer {
    padding: 80px 0px 50px;
}
.footerAddress {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;  
    margin-bottom: 40px;    
}
.footerAddressInfo {
    line-height: 30px;
    font-weight: 500;
    width: 245px;
}


.footerMenuMap {
    display: inline-block;
    /*background: url("../img/mapFooter.svg") no-repeat 100% 100%;*/
    padding-left: 35px;
    margin-top: -66px;
    font-weight: 500;
    margin-bottom: 45px;
    padding-bottom: 2px;
    position: relative;
}
.footerMenuMap svg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.footerMenuMap path {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;       
}
.footerMenuMap .mapArrTop {
    transform: translate(-1px, 1px);
}
.footerMenuMap:hover .mapArrTop {
    transform: translate(0px, 0px);
}
.footerMenuMap .mapArrBottom {
    transform: translate(1px, -1px);
}
.footerMenuMap:hover .mapArrBottom {
    transform: translate(0px, 0px);
}

.footerMenuMap:before {
    display: none;
}
.footerMenuMap span {
    position: relative;
}
.footerMenuMap span:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background: #132961;
    bottom: 0;
    left: 0;
}
.footerAddressRight {
    width: calc(100% - 285px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;    
    line-height: 30px;
    font-weight: 500; 
}
.footerAddressNetwork a {
    margin-left: 7px;
    color: #132961;
}
.footerBrief {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;     
}
.footerBriefLeft {
    width: 478px;
}
.footerBriefCopyright {
    font-weight: 500;
    margin-bottom: 20px;
}
.footerBriefSmall {
    font-size: 10px;
    line-height: 13px;
}

.footerBriefMember {
    width: 450px;
    font-weight: 500;
}
.footerBriefMemberTitle {
    margin-bottom: 20px;
}
.footerBriefMemberList {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;     
}
.footerBriefMemberItem {
    width: 24%;
    text-align: center;
    margin-right: 30px;
}
.footerBriefMemberItem img {
    max-width: 100%;
}


/*LIST NEWS*/

.newsListTitle {
    font-family: 'Merriweather', sans-serif;
    font-size: 45px;
    line-height: 64px;
    margin-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 55px;
    position: relative;
}
.newsListTitle:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 46.2%;
    background: #000;    
}
.newsListTitle:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 42.4%;
    height: 4px;
    width: 4px;
    background: #fff;    
}
.newsListItem {
    padding-bottom: 100px;
    position: relative; 
    padding-top: 46px;   
}

.newsListLayer>div:last-of-type:before {
    height: 50px;
}
.newsListLayer>div:first-of-type:before {
    top: 50px;
}

.newsListItem:after {
    content: " ";
    display: block;
    width: 29px;
    height: 29px;
    position: absolute;
    top: 38px;
    left: -80px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    border: 5px solid #fff;
    background: #F9FBFF;
}
.newsListItem:before {
    content: " ";
    display: block;
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -63px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background: #fff;        
}



.newsListItemTitle {
    font-weight: bold;
    font-size: 24px;
    line-height: 31px;
    font-weight: 600;
    color: #132961;
    margin-bottom: 23px;
    display: block;
}


.newsListItemTitle a, .vacantionListItemTitle a, .expertArticleTitle a, .articleListItemTitle a, .partnerListItemTitle a, .serviceListItem .serviceListItemTitle span, .startNewsTitle a {  
    text-decoration: none;
    display: inline;
    background-image: linear-gradient(to bottom, transparent 20%, currentColor 20%);
    background-repeat: no-repeat; 
    transition: background-size .8s ease;
    color: #132961;
    background-size: 0% 2px;
    background-position: 0 1.3em;  
    padding-bottom: 2px;
    transition-delay: 0s;  
}

.newsListItemTitle a:hover, .vacantionListItemTitle a:hover, .expertArticleTitle a:hover, .articleListItemTitle a:hover, .partnerListItemTitle a:hover , .serviceListItem:hover .serviceListItemTitle span, .startNewsTitle:hover a {   
    background-size: 100% 2px;      
}       
/*@keyframes lineToA { 
    0% { background-size: 0% 2px;  }    
    100% { background-size: 100% 2px; }  
}  */

/*.newsListItemTitle a { 
    color: #132961; 
    text-decoration: underline solid transparent;
    transition: text-decoration .6s ease;
    text-underline-offset: 2px;    
}
.newsListItemTitle a:hover {
  text-decoration: underline solid Currentcolor;
}   */



.newsListItemDate {
    margin-left: -190px;
    margin-bottom: -26px;
    font-size: 16px;
}
.newsListLoadMore {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #132961;
    padding: 0px 23px 0px 30px;
    border-left: 4px solid #132961;
    border-right: 4px solid #132961;
    display: inline-block;
    position: relative;
    
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;   
    
    padding-top: 3px;   
    padding-bottom: 7px;   
    margin-top: -10px;
    margin-bottom: 140px;
    
}
.newsListLoadMore:hover {
    border-left: 4px solid #13296100;
    border-right: 4px solid #13296100;
}
.newsListLoadMore:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: -4px;
    width: calc(100% + 6px);
    height: 50px;
    border: 1px solid #132961;  
    opacity: 0;  
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;    
}
.newsListLoadMore:hover:before {
    opacity: 1;
}



/*VACANTION LIST*/
.vacantionListTitle {
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    margin-top: 80px;
    margin-bottom: 160px;
}

.vacantionListTitle b, .vacantionListTitle strong {
    font-weight: 500;
}

.vacantionListItem {
    margin: 120px 0px 0px;
}
.vacantionListLayer {
    margin-bottom: 210px;
}
.vacantionListItemTitle {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: #132961;
    margin-bottom: 12px;
    display: block;
}
.vacantioListItemData {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;   
    font-size: 16px;
    line-height: 21px;
}
.vacantioListItemPerson span {
    font-weight: 500;
    font-size: 18px;
    padding-left: 5px;
}
.vacantioListItemPhone {
    padding-left: 7px;
}
.vacantioListItemMail {
    padding-left: 7px;
    color: #132961;
}
.vacantionPageTitle {
    margin-top: 41px;
}

/*EXPERT*/
.expertListTitle {
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    margin-top: 58px;
    margin-bottom: 150px;
}
.expertListCaption {
    font-family: 'Merriweather', sans-serif;
    font-size: 45px;
    line-height: 64px;
    position: relative;
}
.expertListCaption:before {
    content: " ";
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000;
}
.expertListCaption:after {
    content: " ";
    position: absolute;
    top: 36px;
    left: 97.5%;
    width: 4px;
    height: 4px;
    background: #fff;
}
.expertListCaption span {
    background: #F9FBFF;
    z-index: 2;
    position: relative;
    padding-right: 23px;
}

.expertList {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;   
    flex-wrap: wrap;  
    margin-top: 77px; 
    margin-bottom: 105px;
}

.expertItem {

    height: 524px;
    width: calc((100% - 60px) / 3);
    color: #fff;
    position: relative;
    margin-bottom: 50px; 
    cursor: pointer; 
    -webkit-tap-highlight-color: transparent;
}
.expertItemPhoto {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    text-align: center;
    height: 100%;
    
}
.expertItemPhoto img {
    max-width: 100%;
}

.expertItem:nth-child(1), .expertItem:nth-child(2), .expertItem:nth-child(4), .expertItem:nth-child(5), .expertItem:nth-child(7), .expertItem:nth-child(8), .expertItem:nth-child(10), .expertItem:nth-child(11), .expertItem:nth-child(13), .expertItem:nth-child(14) {
    margin-right: 30px;
}


.expertItemPosition {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    position: absolute;
    bottom: 35px;
    left: 26px;
    width: calc(100% - 41px);
    z-index: 3;
}
.expertItemPosition span {
    display: block;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    padding-top: 3px;
}



.expertItemPositionBack {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    position: absolute;
    top: 45px;
    left: 26px;
    width: calc(100% - 41px);
    z-index: 3;
}
.expertItemPositionBack span {
    display: block;
    font-weight: 500;
    font-size: 32px;
    line-height: 42px;
    padding-top: 3px;
}
.expertItemBrief {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    position: absolute;
    bottom: 132px;
    left: 26px;    
    width: calc(100% - 41px);
    z-index: 3;
    
}
.expertItemPhone {
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    position: absolute;
    bottom: 65px;
    left: 26px;    
    width: calc(100% - 41px);
    z-index: 3;
}
.expertItemMail {
    font-weight: 500;
    font-size: 18px;
    line-height: 35px;
    position: absolute;
    bottom: 30px;
    left: 26px;   
    width: calc(100% - 41px);
    z-index: 3; 
    
}





     

.forClick {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
                 
    background-color: #18388a;
    width: 1500px;
    top: -10;
    left: -10;
    z-index: 1;
    display: block;                
    height: 1500px;
    

    transition: background 1.5s ease;
}
.forClick {
    background: #2196f300 radial-gradient(circle, #18388a 1%, #2196f300 1%) center/100%;
}


.ripple {
    background-size: 15000%;
}


.expertPageTop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; 
    margin-top: 30px;
}
.expertPagePhoto {
    width: 445px;
/*    height: 665px; */
    /*background: url("../img/expertBgBig.png") no-repeat 0 0px;*/
    position: relative;
}
.expertPagePhoto img {
/*    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; */
    margin: auto;
    max-width: 100%;    
    max-height: 100%;    
}

.expertPageInfo {
    width: calc(100% - 540px);
}

.expertPagePosition {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-top: 1px;

}
.expertPageName {
    font-family: 'Merriweather', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 64px;
    margin-top: 4px;

}
.expertPageBrief {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 10px;
}
.expertPageBrief a {
    color: #132961;
    font-weight: 600;
}
.expertPageBrief p {
    padding: 15px 0px 11px;
}
.expertPageContactLayer {
    margin-top: 35px;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; 
}
.expertPageContactLayer a {
    display: block;
}
.expertPageContact {
}
.expertPageVcard {
    margin-top: 3px;
    padding-left: 33px;
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    color: #132961;
    background: url("../img/creditcard-face.svg") no-repeat 0 60%;
}
.expertPageNetwork {
    max-width: 255px;
    width: 48%;
    
    text-align: left;
}
.expertPageNetwork a {
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
    color: #132961;

}


.expertBlockCaption {
    font-family: 'Merriweather', sans-serif;
    font-size: 45px;
    line-height: 64px;
    position: relative;
    margin-top: 106px;
}
.expertBlockCaption:before {
    content: " ";
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000;
}
.expertBlockCaption:after {
    content: " ";
    position: absolute;
    top: 35px;
    left: 97.5%;
    width: 4px;
    height: 4px;
    background: #fff;
}
.expertBlockCaption span {
    background: #F9FBFF;
    z-index: 2;
    position: relative;
    padding-right: 40px;
}
.expertArticleList {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; 
    flex-wrap: wrap;
    margin-top: 10px;
}
.expertArticleItem {
    width: 475px;
    width: 42.8%;
    margin-top: 100px;
}
.expertArticleNewspaper {
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;

}
.expertArticleTitle {
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
    color: #132961;  
    padding-top: 19px; 
    display: block; 
    min-height: 154px;
}
.expertArticleBrief {
    display: none;
}
.expertArticleData {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;     
}
.expertArticleDate {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.expertArticleSee {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    padding-left: 30px;
    background: url(../img/eye.svg) no-repeat 0 -1px;    
}
.buttonArr {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    background: url(../img/arrowAll.svg) no-repeat 100% 7px; 
    width: auto;
    float: right;
    margin-top: 66px;
    padding-right: 15px;
    color: #132961;
    margin-bottom: 5px;
}


.expertVideoList {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;   
    margin-top: 70px;
    flex-wrap: wrap;
    margin-bottom: 120px;
}
.expertVideoItem {
    width: calc(100% / 2 - 15px);
    height: 304px;
    position: relative;
    margin-bottom: 50px;
}
.expertVideoBackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
    background: url("../img/videoTest.png") no-repeat;
    background-size: cover;
    z-index: 2; 
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;   
}
.expertVideoLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
    background: #00000088;
    
    -webkit-transition: background .3s ease, opacity .3s ease;
    -moz-transition: background .3s ease, opacity .3s ease;
    -o-transition: background .3s ease, opacity .3s ease;
    transition: background .3s ease, opacity .3s ease;    
    z-index: 3;
}
.expertVideoTitle {
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    color: #fff;
    position: absolute;
    top: 28px;
    left: 39px;
    width: 80%;
    
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    
}
.expertVideoPlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 96%;
    height: 96%;
    background: url("../img/player-play.svg") no-repeat 50% 50%;
    
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.expertVideoItem:hover .expertVideoLayer {
    background: #00000000;
    
}
.expertVideoItem:hover .expertVideoTitle {
    opacity: 0;    
}
.expertVideoItem:hover .expertVideoPlay {
    opacity: 1;    
}

.expertVideoStart .expertVideoLayer, .expertVideoStart .expertVideoBackground {
    opacity: 0;
}
.expertVideoStart2 .expertVideoLayer, .expertVideoStart2 .expertVideoBackground {
    display: none;
}
.expertVideoTitle2 {
    display: none;
}

.accTitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    margin-top: 57px;
}

.accBrief {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-top: 22px;
}
.accTable {
    margin-top: 185px;
}

.accTableTop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;   
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    border-bottom: 4px solid #000;
    padding-bottom: 14px;
    margin-bottom: 55px;
    
}
.accTableBank {
    width: 282px;
    text-align: left;
}
.accSkList {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;   
    width: calc(100% - 282px);
}

.accTableSK {
    text-align: left; 
}

/*.accTableSK:nth-child(2){width: 14.3%;}
.accTableSK:nth-child(3){width: 19%;}
.accTableSK:nth-child(4){width: 14.4%;}
.accTableSK:nth-child(5){width: 13.5%;}
.accTableSK:nth-child(6){width: auto;}*/



.accTableLine {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;   
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-bottom: 33px;

    
}
.accTableLineBank {
    width: 282px;
    text-align: left;
}
.accLineSkList {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;   
    width: calc(100% - 282px);
}

.accLineTableSK {
    text-align: left; 
    color: #132961;
}
.accAttention {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin-top: 93px;
    margin-bottom: 255px;
}
.accSelect {
    display: none;
}

.articleListCats {              
    font-size: 16px;    
    font-weight: 600;
    line-height: 20px;  
    margin-top: 30px;
}
.articleListCats a { 
    display: inline-block; 
    margin-right: 20px; 
    margin-bottom: 12px;
    padding-bottom: 3px;
    color: #132961;
    position: relative;
    
}

.articleListCats a:before {
    position: absolute;
    bottom: -3px;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background-color: #131313;
    transition: transform .7s cubic-bezier(.215, .61, .355, 1);
    transform-origin: right center;
    transform: scaleX(0);
}

.articleListCats a:hover:before {
    transform-origin: left center;
    transform: scaleX(1);
}

.articleListCats a span {
    color: #000;
}
.articleListCatsActive {
    color: #000;
    border-bottom: 4px solid #000;  
    color: #000 !important;
    margin-bottom: 8px !important;
}

.articleListSelect {
    display: none;
}

.articleListLayer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; 
    flex-wrap: wrap;
    margin-top: 26px;   
    margin-bottom: 54px; 
}
.articleListItem {
    width: calc(50% - 15px);
    background: #fff;
    /*background: #fff url("../img/arrowArcticle.svg") no-repeat calc(100% - 29px) calc(100% - 7px);  */
    padding: 31px 39px 31px 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    margin-bottom: 32px;  
    position: relative; 
}
.articleListItem .arrLeftBottom {
    bottom: 31px;
}
.articleListItem:hover .arrLeftBottom {
    right: 13px;
    width: 26px;
}

.articleListItemAbout {                                         
    font-size: 16px;    
    font-weight: 500;
    line-height: 21px; 
    height: 110px;
}
.articleListItemAbout span {    
    font-size: 20px;    
    font-weight: 500;
    line-height: 26px;  
    display: block;
}
.articleListItemAbout img {    
    display: block; 
    max-width: 150px;
    max-height: 50px;
    margin-top: 5px;    
}
.articleListItemContent {
    height: 337px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}
.articleListItemContentWithTag {
    height: 275px;
}
.translucentLine {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: url(../img/translucent.png) repeat-x 100% 0%;
}


.articleListItemTitle {             
    font-size: 32px;     
    font-weight: 600;
    line-height: 45px; 
    margin-right: 20px; 
    
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;   
    -webkit-line-clamp: 0;
    -webkit-box-orient: vertical;    

}
.articleListItemTitle a {             
    color: #132961;
}
.articleListItemBrief {           
    font-size: 16px;     
    font-weight: 500;
    line-height: 21px;
    margin-top: 20px;  
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;   
    -webkit-line-clamp: 0;
    -webkit-box-orient: vertical;
    
    

}

.articleListItemTags {
    height: 45px;
    position: relative;
    overflow: hidden;
}
.articleListItemTags span {                                     
    font-size: 16px;      
    font-weight: 400;
    line-height: 21px;
    margin-right: 4px; 
    display: inline-block;
  
}
.articleListItemInfo {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start; 
                               
    font-size: 16px;     
    font-weight: 400;
    line-height: 21px;   
    
    margin-top: 44px;
       
}
.articleListItemSee {  
    padding-left: 30px;
    margin-left: 28px;
    background: url(../img/eye.svg) no-repeat 0 -2px;   
}

.articleListLoadMore {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #132961;
    padding: 0px 80px 0px 86px;
    border-left: 4px solid #132961;
    border-right: 4px solid #132961;
    display: inline-block;
    position: relative;
    
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;   
    
    padding-top: 3px;   
    padding-bottom: 7px;   
    margin-top: -10px;
    margin-bottom: 65px;
    
}
.articleListLoadMore:hover {
    border-left: 4px solid #13296100;
    border-right: 4px solid #13296100;
}
.articleListLoadMore:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: -4px;
    width: calc(100% + 6px);
    height: 50px;
    border: 1px solid #132961;  
    opacity: 0;  
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;    
}
.articleListLoadMore:hover:before {
    opacity: 1;
}
.partnerListTitle {
    font-weight: 400;
    font-size: 32px;
    line-height: 42px;
    margin-top: 58px;
    margin-bottom: 121px;
}
.partnerListTitle p {
    padding: 0px 0px 45px;
}


.partnerListLayer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start; 
    flex-wrap: wrap;    
}
.partnerListItem {
    width: calc(50% - 15px);
    background: #fff; /* url("../img/arrowArcticle.svg") no-repeat calc(100% - 29px) calc(100% - 26px);    */
    padding: 31px 39px 25px 38px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; 
    margin-bottom: 32px; 
    position: relative;     
}
.partnerListItem:hover .arrLeftBottom {
    right: 13px;
    width: 26px;
}

.partnerListItemLayerHeight {
    position: relative;
    height: 285px;
    overflow: hidden;
    margin-bottom: 50px;
}
.partnerListItemTitle {      
    font-size: 32px;     
    font-weight: 600;
    line-height: 45px; 
    margin-bottom: 20px;
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 0;
    -webkit-box-orient: vertical;    
   
}
.partnerListItemTitle a {  
    color: #132961; 
}
.partnerListItemBrief {       
    font-size: 16px;   
    font-weight: 500;
    line-height: 21px; 
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 0;
    -webkit-box-orient: vertical;    
      
}
.partnerListItemDate {      
    font-size: 16px;    
    font-weight: 400;
    line-height: 21px; 
}
.partnerListItemImg {
    height: 138px;

    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;     
}
.partnerListItemImg img {
    max-height: 100%;
}

.videoListPageTitle {         
    font-size: 32px;    
    font-weight: 500;
    line-height: 42px; 
    margin-top: 57;
    margin-bottom: 129px;
    width: 739px;
}
.videoListPageTitle b {   
    font-weight: 500;    
}

.videoListLayer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;  
    flex-wrap: wrap; 
    margin-bottom: -24px;  
}

.videoListItem {
    width: calc(100% / 2 - 15px);
    height: 304px;
    position: relative;
    margin-bottom: 60px;    
}

.videoListItemBackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/videoTest.png) no-repeat;
    background-size: cover;
    z-index: 2;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.videoListItemLayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #00000088;
    -webkit-transition: background .3s ease, opacity .3s ease;
    -moz-transition: background .3s ease, opacity .3s ease;
    -o-transition: background .3s ease, opacity .3s ease;
    transition: background .3s ease, opacity .3s ease;
    z-index: 3;
}
   
.videoListItemPlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 96%;
    height: 96%;
    background: url("../img/player-play.svg") no-repeat 50% 50%;
    
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

.videoListItemText {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;    
}

.videoListItem:hover .videoListItemLayer {
    background: #00000000;
    
}
.videoListItem:hover .videoListItemText {
    opacity: 0;    
}
.videoListItem:hover .videoListItemPlay {
    opacity: 1;    
}   
.videoListItemStart .videoListItemLayer, .videoListItemStart .videoListItemBackground {
    opacity: 0;
}
.videoListItemStart2 .videoListItemLayer, .videoListItemStart2 .videoListItemBackground {
    display: none;
}
.videoListItemText {
    position: absolute;
    top: 28px;
    left: 39px;
    width: 80%;
    color: #fff;
}  
.videoListItemTitle {                  
    font-family: Merriweather;
    font-size: 45px;   
    font-weight: 400;
    line-height: 64px; 
    padding-bottom: 15px;   
} 
.videoListItemName {         
    font-size: 32px;      
    font-weight: 500;
    line-height: 28px;      
}
.videoListItemPosition {     
    font-size: 16px;    
    font-weight: 600;
    line-height: 28px;
    margin-top: 12px;
    margin-bottom: 6px;          
}

.clietnListPageTitle {
    margin-bottom: 114px;
    font-weight: 400;
}
.clietnListPageTitle b, .clietnListPageTitle strong {
    font-weight: 500;
}

.clientListBg {
    background: #fff;
    
}

.clientListLayer {   
    margin-top: 34px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;  
    flex-wrap: wrap;   
    padding-top: 50px;   
    padding-bottom: 50px;
}
.clientListItem {
    width: 25%;
    max-width: 250px;
    min-width: 150px;
    height: 210px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin: 0px;         
}



.clientListItemLogo {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;  
    

    -webkit-transition: opacity .25s ease, margin-top .4s ease;  
    -moz-transition: opacity .25s ease, margin-top .4s ease;  
    -o-transition: opacity .25s ease, margin-top .4s ease;  
    transition: opacity .25s ease, margin-top .4s ease;  
    
    
    position: relative;
    z-index: 2;
}
.clientListItemLogo img {
    max-width: 90%;
    max-height: 100%;    
}

.clientListItem:hover .clientListItemLogo {
    opacity: 0;
    margin-top: -50px;
}
.clientListItem:hover .clientListItemBrief {   
/*    animation: .3s linear 0s 1 alternate clientMove;
    opacity: 1; top: 0px;     */
    opacity: 1; top: 0px;
} 

@keyframes clientMove { from { opacity: 0; top: 100%; } to { opacity: 1; top: 0px; }  }



.clientListItemBrief {
    opacity: 0;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    
    -webkit-transition: opacity .3s ease, top .3s ease;  
    -moz-transition: opacity .3s ease, top .3s ease;  
    -o-transition: opacity .3s ease, top .3s ease;  
    transition: opacity .3s ease, top .3s ease;    
    
 
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;  
    text-align: center;    
}
.clientListItemText {                 
    font-size: 16px;     
    font-weight: 500;
    line-height: 21px;  
    text-align: center;
    color: #000; 
    
}
.clientListItemText span {          
    font-size: 18px;   
}
.clientListItemLink {                              
    font-size: 16px;    
    font-weight: 600;
    line-height: 21px;  
    text-align: center; 
    margin-top: 14px; 
    transition: margin-top .3s ease, top .3s ease; 
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}


.clientListItemLink:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background-color: #131313;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    transform-origin: right center;
    transform: scaleX(0);
    
}

.clientListItemLink:hover:before {
    transform-origin: left center;
    transform: scaleX(1);
}

.clientListItemHidden {
    width: 20%;

    max-width: 250px;
    min-width: 140px;    
    height: 0px;
}
.serviceListTitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    margin-top: 42px;
    margin-bottom: 128px;
}
.serviceListTitle b, .serviceListTitle strong {
    font-weight: 700; 
    color: #132961;
}
.serviceListLayer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; 
    margin-bottom: 111px; 
       
}
.serviceListItem {
    width: calc(50% - 15px);
    background: #fff;
    height: 272px;
    padding: 31px 37px 10px 37px;
    margin-bottom: 30px;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;  
    position: relative;  
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.serviceListItem:focus {
  outline: none;
  box-shadow: none;
  outline: none !important;

}

.arrLeftBottom {
    background: url("../img/arrLeftBottom.svg") 100% 50% no-repeat;
    position: absolute;
    bottom: 20px;
    right: 23px;
    width: 16px;
    height: 16px;
    -webkit-transition: width .3s ease, right .3s ease;  
    -moz-transition: width .3s ease, right .3s ease;  
    -o-transition: width .3s ease, right .3s ease;  
    transition: width .3s ease, right .3s ease;  
    z-index: 3;   
}
.arrLeftBottom:after {
    content: " ";
    display: block;
    height: 2px;
    width: 10px;
    position: absolute;
    left: 0;
    top: 7px;
    background: #000; 
}
.serviceListItem:hover .arrLeftBottom {
    right: 13px;
    width: 26px;
}

.serviceListItemTitle {
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    color: #132961;
    max-width: 330px;
    margin-bottom: 16px;
    z-index: 3;
    position: relative;
}
.serviceListItem:nth-child(7) .serviceListItemTitle {
    max-width: 220px;
}
.serviceListItem:nth-child(8) .serviceListItemTitle {
    max-width: 220px;
}
.serviceListItemBrief {
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    z-index: 3;
    position: relative;
    
}
   
.serviceListItemAbout {
     background: #132961;
     display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 31px 37px 31px 46px;
}
   
.serviceListItemAbout .arrLeftBottom {
    background: url("../img/arrLeftBottomWhite.svg") 100% 50% no-repeat;   
}
.serviceListItemAbout .arrLeftBottom:after {
    background: #fff; 
}   
   
.serviceListItemAbout .serviceListItemTitle {
    font-family: Merriweather;
    font-size: 45px;
    font-weight: 400;
    line-height: 64px;
    color: #fff;
    max-width: 100%;
}
.serviceListItemAbout .serviceListItemTitle span {
    color: #fff;
    background-image: linear-gradient(to bottom, transparent 20%, currentColor 20%);
/*    background-position: 0 1.29em;
    padding-bottom: 5px;  */  
}
.serviceListItem .forClick {
    background: #2196f300 radial-gradient(circle, #f9fbff 1%, #2196f300 1%) center/100%;
}

.serviceListItem .ripple {
    background-size: 15000%;
}
.serviceListItemAbout .forClick {
    background: #2196f300 radial-gradient(circle, #18388a 1%, #2196f300 1%) center/100%;
}

.serviceListItemAbout .ripple {
    background-size: 15000%;
}

.serviceLayerRecTitle {
    font-family: Merriweather;
    font-size: 45px;
    font-weight: 400;
    line-height: 64px;
    margin-bottom: 111px; 

}
.serviceLayerRecTitle span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    padding-right: 32px;
}
   
.serviceLayerRecTitle:after {
    display: none;
}
   
.servicePageTitle {
    font-family: Merriweather;
    font-size: 45px;
    font-weight: 400;
    line-height: 64px;
    /*margin-left: calc((100% - 730px) / 2);*/
    width: 900px;
    max-width: 87%;
    position: relative;
    margin-top: 41px;
    padding-bottom: 21px;
    margin-bottom: 68px;
}
.servicePageTitle:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 37.6%;
    background: #000;
}   
.servicePageTitle:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 34.5%;
    height: 4px;
    width: 4px;
    background: #fff;
    z-index: 2;
}   
   
.servicePageBrief {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}


.servicePageBrief {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;    
}
.servicePageBrief p {
    margin: 10px 0px;
}
.servicePageBrief a {
    color: #132961;
}
.servicePageBrief ol {
    padding-top: 81px;
}
.servicePageBrief ol li {
    position: relative;
    min-height: 64px;
    margin-bottom: 81px;
    list-style: none;   
}
.servicePageBrief ol li:nth-child(1):before {content: "1";}
.servicePageBrief ol li:nth-child(2):before {content: "2";}
.servicePageBrief ol li:nth-child(3):before {content: "3";}
.servicePageBrief ol li:nth-child(4):before {content: "4";}
.servicePageBrief ol li:nth-child(5):before {content: "5";}
.servicePageBrief ol li:nth-child(6):before {content: "6";}
.servicePageBrief ol li:nth-child(7):before {content: "7";}
.servicePageBrief ol li:nth-child(8):before {content: "8";}
.servicePageBrief ol li:nth-child(9):before {content: "9";}
.servicePageBrief ol li:nth-child(10):before {content: "10";}
.servicePageBrief ol li:nth-child(11):before {content: "11";}
.servicePageBrief ol li:nth-child(12):before {content: "12";}
.servicePageBrief ol li:nth-child(13):before {content: "13";}
.servicePageBrief ol li:nth-child(14):before {content: "14";}
.servicePageBrief ol li:nth-child(15):before {content: "15";}
.servicePageBrief ol li:nth-child(16):before {content: "16";}
.servicePageBrief ol li:nth-child(17):before {content: "17";}
.servicePageBrief ol li:nth-child(18):before {content: "18";}
.servicePageBrief ol li:nth-child(19):before {content: "19";}
.servicePageBrief ol li:nth-child(20):before {content: "20";}

.servicePageBrief ol li:before {
    font-family: PT Serif;
    font-size: 90px;
    font-weight: 400;
    line-height: 119px;
    position: absolute;
    top: -31px;
    left: -82px;
}



.servicePageContent {
    margin-top: 73px;
}

.servicePageContentBlock {
    position: relative;
    min-height: 64px;
    margin-bottom: 81px;
    
}
.servicePageContentNumber {
    font-family: PT Serif;
    font-size: 90px;
    font-weight: 400;
    line-height: 119px;
    position: absolute;
    top: -31px;
    left: -82px;   
}
.servicePageContentBreif {
    font-family: IBM Plex Sans;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    
}
.servicePageContentBlockQuote {
    padding-top: 25px;
}
.servicePageContentBlockQuote .servicePageContentNumber {
    font-family: PT Serif;
    font-size: 120px;
    font-weight: 700;
    line-height: 159px;
    letter-spacing: 0.5em;
    padding-top: 25px;

    
}
.servicePageContentBlockQuote .servicePageContentBreif {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;

    
}
   
.writeMail {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #132961;
    padding: 0px 18px 0px 17px;
    border-left: 4px solid #132961;
    border-right: 4px solid #132961;
    display: inline-block;
    position: relative;
    
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;   
    
    padding-top: 3px;   
    padding-bottom: 7px;   
    margin-top: -10px;
    margin-bottom: 94px;
    
    cursor: pointer;
    
    margin-top: 40px;
    
}
.writeMail:hover {
    border-left: 4px solid #13296100;
    border-right: 4px solid #13296100;
}
.writeMail:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: -4px;
    width: calc(100% + 6px);
    height: 50px;
    border: 1px solid #132961;  
    opacity: 0;  
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;    
}
.writeMail:hover:before {
    opacity: 1;
}

.popupWrite {
    position: fixed;
    left: 0;
    width: 100%;
    height: 100%;
    background: #132961;
    z-index: 30;
    
    visibility: hidden;
    top: -100%;
    
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
}  

.popupWriteActive {
    top: 0px !important;
    visibility: visible !important;
}

.popupWriteClose {
    position: absolute;
    top: 73px;
    right: 11.3%;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: #132961;
    z-index: 2;
} 
.popupWriteClose:after {
    content: " ";
    display: block;
    height: 4px;
    width: 30px;
    background: #fff;
    transform: translate(0px, 0px) rotate(45deg) scale(1, 1);
    position: absolute;
    left: 4px;
    top: 16px;
} 
.popupWriteClose:before {
    content: " ";
    display: block;
    height: 4px;
    width: 30px;
    background: #fff;
    transform: translate(0px, 0px) rotate(-45deg) scale(1, 1);
    position: absolute;
    left: 4px;
    top: 16px;
} 
.popupWriteContent {
    

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;   
    color: #fff; 
    
       
    
    min-height: 90%;
    height: 100%;
     
}
.popupWriteContent>div>div {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px); 
    -webkit-transition: opacity .3s ease, transform .3s ease;
    -moz-transition: opacity .3s ease, transform .3s ease;
    -o-transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease; 
}
.popupWriteActive3 .popupWriteContent>div>div {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);  
}

.popupWriteTitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    margin-bottom: 49px;
    
    opacity: 0;
    transform: translate3d(0px, 20px, 0px); 

    -webkit-transition: opacity .3s ease, transform .3s ease;
    -moz-transition: opacity .3s ease, transform .3s ease;
    -o-transition: opacity .3s ease, transform .3s ease;
    transition: opacity .3s ease, transform .3s ease; 
}

.popupWriteActive2 .popupWriteTitle {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);  
    
}


.popupWriteLine {
    width: 100%;
    margin-bottom: 22px;
}
.popupWriteLine .popupWriteInput {
    width: 100%;
    background: #00000000;
    padding: 16px 0px;
    
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;

    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.popupWriteLine .popupWriteInput::placeholder {
    color: #fff;    
}
.popupWriteLine2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;    
    margin-bottom: 22px;   
}
.popupWriteLine2 .popupWriteInput {
    width: calc(50% - 15px);
    background: #00000000;
    padding: 16px 0px;
    
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;

    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    outline: none;
}
.popupWriteLine2 .popupWriteInput:focus, .popupWriteLine .popupWriteInput:focus {
    outline-style: none;
    box-shadow: none;
}
.popupWriteLine .popupWriteInput::placeholder, .popupWriteLine2 .popupWriteInput::placeholder {
    color: #fff;
    
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease; 
        
}

.popupWriteLine .popupWriteInput:focus::placeholder, .popupWriteLine2 .popupWriteInput:focus::placeholder {
    color: #ffffff00;    
}


.popupWriteAttention {
    float: left;
    width: 303px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-top: 32px;
    
}
   
.popupWriteButton {
    float: right;
    width: 235px;
    height: 40px;
    line-height: 40px;
    
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    text-align: center;
    cursor: pointer;
    
    font-size: 20px;
    font-weight: 700;
    position: relative;
    margin-top: 35px;
    
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;  
}
.popupWriteButton:hover {
    border-color: #ffffff00;
}
.popupWriteButton:after {
    content: " ";
    display: block;
    position: absolute;
    top: -5px;
    left: -4px;
    width: calc(100% + 6px);
    height: calc(100% + 8px);
    border: 1px solid #fff;
    opacity: 0;  
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;      
}

.popupWriteButton:hover:after {
    opacity: 1;    
}

.popupWriteUsError {
    border-bottom: 1px solid #e02727 !important;
}
.popupWriteUsError::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e02727 !important;
  opacity: 1 !important; /* Firefox */
}

.popupWriteUsError:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #e02727 !important;
}

.popupWriteUsError::-ms-input-placeholder { /* Microsoft Edge */
  color: #e02727 !important;
}


.startTop {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;    
    margin-top: 90px; 
}
.startTopTagline {
    font-family: Merriweather;
    font-size: 45px;
    font-weight: 400;
    line-height: 64px;
    width: calc(58% - 15px);
    
}
.startTopTagline_ru {
    font-size: 42px;    
}
.startTopTagline_en {  
    width: calc(51% - 15px);
}
.startTopTagline a {
    font-size: 45px;
    font-weight: 700;
    line-height: 64px;
    color: #132961;
}
.startTopTagline a span {
    font-family: PT Serif;
}
.startTopVideo {
    background: #ffffff00; 
    width: calc(39% - 15px);
    height: 292px;
    position: relative;
    cursor: pointer;
}
.startTopVideoPlay {
    position: absolute;
    bottom: 12px;
    right: 15px;
    width: 44px;
    height: 44px; 
}

.startTopVideoPlay1, .startTopVideoPlay2 {
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;
}

.startTopVideoPlay:hover .startTopVideoPlay1 {
    transform: translate(0px, 0px);
}
.startTopVideoPlay:hover .startTopVideoPlay2 {
    transform: translate(0px, 0px);
}
.startTopVideoPlay .startTopVideoPlay1 {
    transform: translate(-4px, 4px);
}
.startTopVideoPlay .startTopVideoPlay2 {
    transform: translate(4px, -4px);
}




   
.startCenterClients {
    background: #fff;
    padding-bottom: 50px;
}


.startCenterClientListCaption {
    font-family: 'Merriweather', sans-serif;
    font-size: 45px;
    line-height: 64px;
    position: relative;
    margin-top: 130px;
}
.startCenterClientListCaption:before {
    content: " ";
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    height: 4px;
    background: #000;
}
.startCenterClientListCaption:after {
    content: " ";
    position: absolute;
    top: 36px;
    left: 97.5%;
    width: 4px;
    height: 4px;
    background: #fff;
}
.startCenterClientListCaption span {
    background: #fff;
    z-index: 2;
    position: relative;
    padding-right: 23px;
}



.startCenter {
    display: flex;
    flex-direction: column;
}

.startCenterMember {
    width: 87%;
    margin: 0px auto;
    max-width: 603px;  
    margin-top: 205px;  
    margin-bottom: 150px;
}
.startCenterMemberTitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 45px;
    position: relative;
    padding-bottom: 38px;
}
.startCenterMemberTitle:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background: #000;
}
.startCenterMemberTitle:before {
    content: " ";
    display: block;
    position: absolute;
    left: 95.2%;
    bottom: 0px;
    width: 4px;
    height: 4px;
    background: #fff;
    z-index: 2;
}

.startCenterMemberTitle span {
    font-weight: 700;
    color: #132961;
}
   
.startCenterMemberList {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;  
    max-width: 391px;
    margin: auto;
    margin-top: 30px;
}
.startCenterMemberItemUniba {
    width: 160px;
    display: block;
}
.startCenterMemberItemUniba {
    width: 160px;
    display: block;
}
.startCenterMemberItemUnison {
    width: 180px;
    display: block;
}
.startCenterMemberItem img {
    max-width: 100%;
    max-height: 100%;
    
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%); 
    transition: filter 0.3s ease;   
}
.startCenterMemberItem:hover img {
    
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);   
}
   
.headLang a:before, .footerAddressNetwork a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background-color: #131313;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    transform-origin: right center;
    transform: scaleX(0);
}
.headLang a:hover:before, .footerAddressNetwork a:hover:before {
    transform-origin: left center;
    transform: scaleX(1);
}
.startButtonClient {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    background: url(../img/arrowAll.svg) no-repeat 99% 7px;
    width: auto;
    float: right;
    margin-top: 66px;
    padding-right: 15px;
    color: #132961;
    margin-bottom: 80px;  
}   

.startButtonClient a {
    color: #132961;   
    position: relative; 
    padding-bottom: 3px;    
} 
.startButtonClient a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background-color: #131313;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    transform-origin: right center;
    transform: scaleX(0);
    display: inline-block;
}
.startButtonClient a:hover:before {
    transform-origin: left center;
    transform: scaleX(1);
}    


.startNewsLayer .startCenterClientListCaption span {
    background: #F9FBFF;
}

.startNewsBg {
    width: 100%;
    overflow: hidden;  
    height: 100px;      
    position: relative;
}
.startNewsList {
    width: 1000px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    left: -60px;
    top: 0;
    
    -webkit-transition: left .3s ease;
    -moz-transition: left .3s ease;
    -o-transition: left .3s ease;
    transition: left .3s ease;    
     
}
.startNewsItem {
    width: 25%;
    padding-left: 60px;
    margin-left: 60px;
    padding-right: 0px;
}
.startNewsDate {
    line-height: 39px;            
    font-size: 16px;    
    font-weight: 400;  
    position: relative;
}
.startNewsDate:after {
    content: " ";
    position: absolute;
    height: 34px;
    width: 34px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;  
    top: 0;
    left: -60px;  
    border: 5px solid #fff;
}
.startNewsTitle {           
    font-size: 24px;      
    font-weight: 700;
    line-height: 31px;
    margin-top: 25px;
    margin-bottom: 20px;
}
.startNewsTitle a {
    color: #132961;    
}
.startNewsBrief {                           
    font-size: 16px;    
    font-weight: 400;
    line-height: 21px;  
}

.startNewsArrLayer {
    width: 100%;
    height: 4px;
    background: #fff; 
    position: relative;
}
.startNewsArrBg {
    position: absolute;
    left: calc(25% - 40px);
    top: -12px;
    background: #132961;
    width: 80px;
    height: 24px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;    
}
.startNewsArrLeft {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url("../img/newsArr.png") no-repeat 50% 50%;
    transform: rotate(0.5turn);
    cursor: pointer;
}
.startNewsArrRight {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url("../img/newsArr.png") no-repeat 50% 50%;  
    cursor: pointer;    
}
.startNewsLayer .startCenterClientListCaption {
    display: block !important;
    margin-top: 0;
    margin-bottom: 40px;
}
.startNewsLayer {
    margin-top: 50px;
}


.seeBackground {
    overflow: hidden;
    position: relative;
    height: 440px;
    margin-top: 92px;
}
.seeLayer {
    display: flex;
    flex-flow: row nowrap;
    flex-wrap: nowrap;
    position: absolute;
    top: 8px;
    left: 0;
}
.seeLayer .listItem {
    flex: 0 0 25%;
    border-top: 1px solid #F9FBFF;
    max-width: inherit;
}
.seeLayer .listItem:nth-child(1) {
    border-left: 1px solid #F9FBFF;
}

.listItem {
    flex: 0 0 34.33333%;
    max-width: 33.33333%;
    background: white;
    -webkit-box-flex: 0;
    border-right: 1px solid #F9FBFF;
    border-bottom: 1px solid #F9FBFF;

    position: relative;
    background: #F9FBFF;
    
    padding-left: 0px;
    padding-top: 15px;
}
.listItem>div {
    padding-left: 60px;
    padding-right: 60px;
    
}
.listItemDate {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    padding-bottom: 25px;
    position: relative;
}

.listItemDate:after {
    content: " ";
    position: absolute;
    height: 34px;
    width: 34px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    top: -12px;
    left: 0px;
    border: 5px solid #fff;
}

.listItemTitle {
    font-size: 24px;
    font-weight: 700;
    line-height: 31px;
    padding-bottom: 20px;
}
.listItemTitle a {
    color: #132961;
}
.listItemBrief {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}
.scrollLayer {
    width: 100%;
    height: 4px;
    background: #000;
    position: relative;
    margin-top: 60px;
}

.scrollPanel {
    position: absolute;
    left: 0px;
    top: -9px;
    background: #132961;
    width: 80px;
    height: 24px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  
    cursor: pointer;  
}
.scrollPanel:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url("../img/newsArr.png") no-repeat 50% 50%;
    transform: rotate(0.5turn);
}
.scrollPanel:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 3px;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url("../img/newsArr.png") no-repeat 50% 50%;    
}
.irs-handle {
    position: absolute;
    left: 0px;
    top: 16px !important;
    background: #132961 !important;
    width: 80px !important;
    height: 24px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 10px !important;  
    cursor: pointer !important; 
    
    -webkit-transition: box-shadow .1s linear;
    -moz-transition: box-shadow .1s linear;
    -o-transition: box-shadow .1s linear;
    transition: box-shadow .1s linear;
     
}
.irs-handle:hover {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15); 
}

.irs-handle:after {   
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 3px;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url("../img/newsArr.png") no-repeat 50% 50%;
    transform: rotate(0.5turn);
    
    -webkit-transition: left .1s linear;
    -moz-transition: left .1s linear;
    -o-transition: left .1s linear;
    transition: left .1s linear;  
    
}
.irs-handle:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    margin: auto;
    width: 24px;
    height: 24px;
    background: url("../img/newsArr.png") no-repeat 50% 50%;  
    
    -webkit-transition: right .1s linear;
    -moz-transition: right .1s linear;
    -o-transition: right .1s linear;
    transition: right .1s linear;  
      
}
.irs-handle:hover:after {
    left: 0px;
}
.irs-handle:hover:before {
    right: -1px;
}

/*.irs-handle:after {   
    content: " ";
    position: absolute;
    top: 5px;  
    left: 0px;
    right: 0px;
    margin: auto;
    width: 2px;
    height: calc(100% - 10px);                                
    background: #ffffff1f;
    transform: translate(-6px, 0px);    
    border-radius: 8px;
}
.irs-handle:before {   
    content: " ";
    position: absolute;
    top: 5px;  
    left: 0px;
    right: 0px;
    margin: auto;
    width: 2px;
    height: calc(100% - 10px);                                
    background: #ffffff1f;
    transform: translate(6px, 0px);    
    border-radius: 8px;
}
.irs--flat .irs-handle > i:first-child {
    content: " " !important;
    position: absolute !important;
    top: 5px !important;  
    left: 0px !important;
    right: 0px !important;
    margin: auto !important;
    width: 2px !important;
    height: calc(100% - 10px) !important;                                
    background: #ffffff1f !important;              
    border-radius: 8px !important;    
}  */



.scrollBlock {
    margin-top: 30px;
}
.newsPageDateText {
    display: none;
}
.articlePageBottomAttr {
    display: none;
}
.newsPageBottomAuthor {
    margin-bottom: 7px;
}
.newsPageBottomAuthor a {
    color: #132961;
    font-weight: 600;
}
.newsPageBottomNewspaper {
    margin-bottom: 7px;
}
.articlePageNote {
    font-size: 32px;
    font-weight: 500;
    line-height: 42px;
    margin: 30px 0px;
    position: relative;
}
.articlePageNote:after {
    content: "“";
    font-family: PT Serif;
    font-size: 120px;
    font-weight: 700;
    line-height: 159px;
    position: absolute;
    top: -31px;
    left: -82px;    
}

.ideaBulb {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: #002f70;
    cursor: pointer;
}
.ideaBulb:after {
    content: " ";
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    right: 0;
    margin: auto;
    width: 18px;
    height: 25px;
    background: url("../img/bulb.svg") no-repeat 50% 50%;
    
    -webkit-transition: top .3s ease;
    -moz-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;     
    
}
.ideaBulb:before {
    content: " ";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    margin: auto;
    width: 36px;
    height: 30px;
    background: url("../img/bulbLight.svg") no-repeat 50% 50%;
    
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .7s ease, visibility .7s ease;
    -moz-transition: opacity .7s ease, visibility .7s ease;
    -o-transition: opacity .7s ease, visibility .7s ease;
    transition: opacity .7s ease, visibility .7s ease;    
}
.ideaBulb:hover:after {
   top: 21px; 
}
.ideaBulb:hover:before {
    opacity: 1;
    visibility: visible;   
}

.ideaBulbImg {
    position: fixed;
    top: 0px;
    left: 0;
    background: #002f70; 
    width: 100%;
    height: 100%; 
    z-index: 999; 
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    -moz-transition: opacity .5s ease, visibility .5s ease;
    -o-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;      
     
}
.ideaBulbImg img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.ideaBulbImgShow {
    opacity: 1;
    visibility: visible;
    top: 0px;
}
.ideaBulbFixed {
    position: fixed;
    z-index: 9999;
}

.ajaxButton {
    position: relative;
}
.ajaxButtonClick {
    color: #ffffff00;
}
.ajaxButtonClick:after {      
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    opacity: 1;
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    transition: transform .3s ease;
    width: 20px;
    height: 20px;
    border-top: 4px solid #ffffff00;
    border-right: 4px solid #132961;
    border-bottom: 4px solid #ffffff00;
    border-left: 4px solid #132961;
    border-width: 8px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    opacity: 1 !important;
    transform: rotateZ(0);
    -webkit-animation: spin .8s linear infinite;
    -moz-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }





/*QUESTIEN*/

.questionStartTitle {
    font-family: Merriweather;
    font-size: 45px;
    font-weight: 400;
    line-height: 64px;     
}
.questionStartContent {
    margin-top: 80px;
}
.questionStartItemTitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;    
}
.questionStartItemAnswer {   
    margin: 5px 0px 20px;
    line-height: 30px;
}
.questionStartItemAnswer b {
    font-weight: 500;
}
.questionStartItemAnswer input[type="text"] {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 16px;
    background: #F9FBFF;
    padding: 5px 10px;
    border: 1px solid #9e9e9e;
    width: 100%;           
}
.questionStartItemAnswer input[type="radio"], .questionStartItemAnswer input[type="checkbox"] {
    margin-right: 10px;
}
.questionStartItemAnswer textarea {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 16px;
    background: #F9FBFF;
    padding: 5px 10px;
    border: 1px solid #9e9e9e;
    width: 100%;   
    height: 100px;        
}
.questionStartItemTitleNumeric {
    font-weight: 600;
}
.questionStartInfo {   
    margin: 40px 0px;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.questionSubmit {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #132961;
    padding: 0px 18px 0px 17px;
    border-left: 4px solid #132961;
    border-right: 4px solid #132961;
    display: inline-block;
    position: relative;
    
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;   
    
    padding-top: 3px;   
    padding-bottom: 7px;   
    margin-top: -10px;
    margin-bottom: 94px;
    
    cursor: pointer;
    
    margin-top: 40px;
    
}
.questionSubmit:hover {
    border-left: 4px solid #13296100;
    border-right: 4px solid #13296100;
}
.questionSubmit:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: -4px;
    width: calc(100% + 6px);
    height: 50px;
    border: 1px solid #132961;  
    opacity: 0;  
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;    
}
.questionSubmit:hover:before {
    opacity: 1;
}
.questionStartFinish { 
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 50px;
}
.questionStartBrief {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;   
}



.filtH1 {
    font-family: 'Merriweather', sans-serif;
    font-size: 45px;
    line-height: 64px;
    margin-top: 100px;
    padding-bottom: 30px;
    margin-bottom: 50px;
    position: relative;
}  
.filtH1:before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 46.2%;
    background: #000;    
}
.filtH1:after {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 42.4%;
    height: 4px;
    width: 4px;
    background: #fff;    
}
.filmName {
    font-size: 32px;
    font-weight: 600;
    line-height: 45px;
    font-family: 'Merriweather', sans-serif;
    color: #132961;
}
.filmBrief {
    margin: 20px 0px;
    font-weight: 500;
}
.filmLink {
    color: #132961;
    font-weight: 600;     
}
.filmTable {
    margin: 10px 0px 10px;
    line-height: 30px;
}
.filmWeight {
    font-weight: 600;    
}
.filmWeight a {
    text-decoration: underline;
}


.kinoHallLayer {
    width: 100%;
    background: #fff;
    padding: 80px 0px 240px;
    position: relative;   
}

.filmForm {  
    font-size: 14px;
    line-height: 24px;
}

.filmIcons {  
    font-size: 14px;
    line-height: 30px;
}   



.filmButton {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #132961;
    padding: 0px 18px 0px 17px;
    border-left: 4px solid #132961;
    border-right: 4px solid #132961;
    display: inline-block;
    position: relative;
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;
    padding-top: 3px;
    padding-bottom: 7px;
    margin-bottom: 0px;
    padding-bottom: 6px;
    margin-top: 20px;
    
}
.filmButton:hover {
    border-left: 4px solid #13296100;
    border-right: 4px solid #13296100;
}
.filmButton:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: -4px;
    width: calc(100% + 6px);
    height: 42px;
    border: 1px solid #132961;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;  
}
.filmButton:hover:before {
    opacity: 1;
}
.kino_auth {  
    font-size: 14px;
    line-height: 24px;
}







.kinoteatr {
    width: 50%;
    margin: auto;
    text-align: left;
    margin-bottom: 150px;
}
.kino_screen {
    width: 100%;
    background: #01253d;
    color: #fff;
    font-size: 25px;
    line-height: 40px;
    text-align: center; 
    margin-bottom: 30px;       
}
.kinoteatr .divan {
    display: inline-block;
    height: 40px;
    width: 13%;
    margin: 20px 1%; 
    
    background: #fff;
    border: 8px solid #01253d;
    border-top: none;
    position: relative;
    text-align: center;
    
}

.kinoteatr .empty_divan{
    display: inline-block;
    height: 40px;
    width: 13%;
    margin: 20px 1%; 
    
    background: #fff;
    border: 8px solid #fff;
    border-top: none;    
}

.kinoteatr .divan:after {
    display: block;
    position: absolute;
    width: 50%;
    height: 18px;
    left: 25%;
    top: -25px;
    background: #EAEAEA;
    content: " ";
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;    
}




.kino_place {
    display: inline-block;
    width: 38%;
    height: 30px;
    margin: 5px 2% 0px;
    background: #dbdee5;
    cursor: pointer;
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;    
    position: relative;
}

.kino_place div {
    position: absolute;
    top: -48px;
    left: -60px;
    width: 150px;
    height: 35px;
    text-align: center;
    display: none;
    opacity: 0;
    z-index: 999;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease; 
    background: white;
    border: 1px solid #DADADA; 
    font-size: 10px;
    line-height: 15px;   
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    padding-top: 3px;  
    color: #000;
    
}

.kino_place div:after {
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 0px;
    width: 100%;
    height: 10px;
    background: url("img/down_arr.png") no-repeat 50% 100%;
}

.kino_place:hover div {
    display: block;
    opacity: 1;    
}

.kinoteatr_form {
    position: absolute;
    left: 20px;
    top: 80px; 
    width: 20%;
}
.kinoteatr_form .h3 {
    font-size: 22px;
    font-weight: 600;
    line-height: 45px;
    font-family: 'Merriweather', sans-serif;
    color: #132961;
    
    display: block;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
}
.sel_kino_place {
    font-size: 13px;
    line-height: 24px;
    
    padding: 20px 0px 20px;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
}
.kinoteatr_form input, .kinoteatr_form_busy input {
    border: 1px solid #E0E0E0;
    padding: 5px;
    width: 90%;
}
.kinoteatr_form .button_read, .kinoteatr_form_busy .button_read {
    margin-top: 20px;
}
.kinoteatr_form table, .kinoteatr_form_busy table {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 20px;  
    margin-bottom: 20px;  
}

.kinoteatr_form .table, .kinoteatr_form_busy .table { 
    display: block;     
    width: 50px;
    height: 18px;
    background: #EAEAEA;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
    margin-top: 2px;
}

.kinoteatr_form .place {
    display: block;
    width: 30px;
    height: 30px; 
    background: #dbdee5;
}

.kinoteatr_form .place_busy {
    display: block;
    width: 30px;
    height: 30px; 
    background: #132961;
}

.kinoteatr_form .place_sel {
    display: block;
    width: 30px;
    height: 30px; 
    background: #5bd554;
}
.kinoteatr_form .place_out {
    display: block;
    width: 30px;
    height: 30px; 
    background: #ebd73c;
}
.kinoteatr_form .two_place {
    display: block;
    width: 50px;
    height: 23px; 
    background: url('img/two_place.png') no-repeat;
}
.kf_true {
    display: none;  
    
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;    
}

.kino_alert { 
    height: 50px;
    opacity: 0;
    width: 450px;
    margin: 0px auto 20px;
    text-align: center;
    border: 1px solid #ECECEC;
    line-height: 50px;
    
    -webkit-box-shadow: 0px 14px 21px -12px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 14px 21px -12px rgba(0,0,0,0.3);
    box-shadow: 0px 14px 21px -12px rgba(0,0,0,0.3);
    font-size: 14px;
    line-height: 20px;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
} 

#kino_hall2 .divan:after {
    display: none;
}
#kino_hall2 .divan {
    border: none;
    margin: 0px;
    width: 16%;
    margin-top: 10px;
}
#kino_hall2 .kino_place {
    margin: 25px 3% 0px;
    width: 41%;
    font-weight: bold;
    line-height: 30px;
    color: #01253D;
    height: 31px;
}

#kino_hall2 .empty_divan {
    height: 10px;
}
#kino_hall2 .kino_screen {
    margin-bottom: 10px;
}
#kino_hall2 .kino_alert {
    margin: 20px auto 10px;
}
#kino_hall2 .name_line {
    position: absolute;
    top: 37px;
    left: -45px;
    font-weight: bold;
    color: #01253D;    
}



#kino_hall3 .divan:after {
    display: none;
}
#kino_hall3 .divan {
    border: none;
    margin: 0px;
    width: 11%;
    margin-top: 17px;
}
#kino_hall3 .kino_place {
    margin: 25px 0% 0px;
    width: 40%;
    font-weight: 700;
    line-height: 30px;
    color: #474b52;
    height: 31px;
    font-size: 15px;
}
#kino_hall3 .dop .kino_place {
    font-size: 13px;    
}
#kino_hall3 .place_one {
    margin: 25px 3% 0px !important;
}

#kino_hall3 .empty_divan {
    height: 10px;
}
#kino_hall3 .kino_screen {
    margin-bottom: 10px;
}
#kino_hall3 .kino_alert {
    margin: 20px auto 10px;
}
#kino_hall3 .name_line {
    position: absolute;
    top: 43px;
    left: -70px;
    /*font-weight: bold;    */
    color: #bdbdbd;  
}
#kino_hall3 .left-b {
    display: block;
    width: 2px;
    height: 38px;
    position: absolute;
    bottom: -21px;
    left: 0px;
    background: #808080;
}
#kino_hall3 .right-b {
    display: block;
    width: 2px;
    height: 38px;
    position: absolute;
    bottom: -21px;
    right: 0px;
    background: #808080;
}
#kino_hall3 span {
    background: #808080;
    display: block;
    width: 95%;
    height: 2px;
    margin: 3px auto 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;    
}
#kino_hall3 .divan:hover .right-b, #kino_hall3 .divan:hover .left-b, #kino_hall3 .divan:hover span {
    background: #b7b7b7;
}
#kino_hall3 .divan .right-b, #kino_hall3 .divan .left-b, #kino_hall3 .divan span {
    background: #b7b7b7;
}

.all_place_busy {
    position: absolute;
    left: 50%;
    top: 32%;
    width: 450px;
    height: 300px;
    background: #fff;
    margin: -150px 0px 0px -248px;
    border: 1px solid grey;
    
    padding: 20px;
    
    border: 1px solid #ECECEC;
    
    -webkit-box-shadow: 0px 14px 21px -12px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 14px 21px -12px rgba(0,0,0,0.3);
    box-shadow: 0px 14px 21px -12px rgba(0,0,0,0.3); 
    
    font-size: 14px;
    line-height: 24px;    
}
.all_place_busy b {
    font-family: 'Lora', serif;
    color: #032b5f;
    display: block;
    font-size: 16px;
    line-height: 24px;        
}

.new_place_name {
    position: absolute;
    top: 50px;
    left: -25%;
    font-size: 10px;
    line-height: 12px;
    width: 130px;
}
.lectureBrief {
    font-size: 15px;
    line-height: 22px;
}
.lectureBrief li {
    margin-left: 20px;
    padding-left: 10px;
}
.lectureBrief a {
    font-weight: 600;
    color: #132961;
}
.hrefText {
    font-weight: 700;
    display: inline-block;
    position: relative;
} 
.hrefText:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background-color: #131313;
    transition: transform .6s cubic-bezier(.215, .61, .355, 1);
    transform-origin: right center;
    transform: scaleX(0);
}
.hrefText:hover:before {
    transform-origin: left center;
    transform: scaleX(1);
}







.fullScreenMainVideo1, .fullScreenMainVideo2, .fullScreenMainVideo3, .fullScreenMainVideo4 {
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -o-transition: transform .3s ease;
    transition: transform .3s ease;    
}   
.startTopVideo:hover .fullScreenMainVideo1 {
    -webkit-animation-name: flash1;
    -moz-animation-name: flash1;
    -o-animation-name: flash1;
    animation-name: flash1;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1; 
}

   @-webkit-keyframes flash1 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, -3px);
    }
   }
   @-moz-keyframes flash1 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, -3px);
    }
   }

   @-o-keyframes flash1 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, -3px);
    }
   }
   @keyframes flash1 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, -3px);
    } 
   }
   

.startTopVideo:hover .fullScreenMainVideo2 {
    -webkit-animation-name: flash2;
    -moz-animation-name: flash2;
    -o-animation-name: flash2;
    animation-name: flash2;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1; 
}

   @-webkit-keyframes flash2 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, -3px);
    }
   }
   @-moz-keyframes flash2 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, -3px);
    }
   }

   @-o-keyframes flash2 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, -3px);
    }
   }
   @keyframes flash2 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, -3px);
    } 
   }  
      
   
.startTopVideo:hover .fullScreenMainVideo3 {
    -webkit-animation-name: flash3;
    -moz-animation-name: flash3;
    -o-animation-name: flash3;
    animation-name: flash3;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1; 
}

   @-webkit-keyframes flash3 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, 3px);
    }
   }
   @-moz-keyframes flash3 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, 3px);
    }
   }

   @-o-keyframes flash3 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, 3px);
    }
   }
   @keyframes flash3 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(3px, 3px);
    } 
   }
.startTopVideo:hover .fullScreenMainVideo4 {
    -webkit-animation-name: flash4;
    -moz-animation-name: flash4;
    -o-animation-name: flash4;
    animation-name: flash4;
    -webkit-animation-duration: .4s;
    -moz-animation-duration: .4s;
    -o-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1; 
}

   @-webkit-keyframes flash4 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, 3px);
    }
   }
   @-moz-keyframes flash4 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, 3px);
    }
   }

   @-o-keyframes flash4 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, 3px);
    }
   }
   @keyframes flash4 {
    0%, 100% {        
        transform: translate(0px, 0px);
    } 
     
    50% {        
        transform: translate(-3px, 3px);
    } 
   }
   
   
   
   
   
/*   NEW MENU */

@media screen and (max-width: 760px) {
    #backMemuNew .backMenuTopRight a {
        display: block !important;
    }    
    #backMemuNew .backMenuTopLeft a {
        font-family: IBM Plex Sans;
    }
}
@media screen and (min-width: 760px) {
    #backMemuNew .backMenuTop {
        flex-direction: column;
        justify-content: space-around;
        
        border-bottom: 1px solid #fff;
        width: 100%;
        max-width: 100%;
        height: 75%;
        padding-bottom: 87px;
        padding-top: 122px;
        margin-top: 0px;
        
        min-height: 450px;
    }
    #backMemuNew .backMenuTopLeft {
        width: 1110px;
        max-width: 87%;
        margin: 0px auto;
        
    }
    #backMemuNew .backMenuTopLeft a {
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 38px;
        line-height: 75px;
    }
    #backMemuNew .backMenuTopRight {   
        width: 1110px;
        max-width: 87%;
        margin: 0px auto;
    }
    #backMemuNew .backMenuTopRight a {
        font-weight: 600;
        font-size: 22px;
        line-height: 50px;
        margin-right: 23px;    
    }
    #backMemuNew .backMenuBottom {
        width: 1110px;
        height: 25%;
        margin: 0px auto;
        
        height: 25%;
        
        justify-content: flex-start;
        align-items: center;
        
        padding-bottom: 25px;
        
        min-height: 154px;
        
    }
    #backMemuNew .backMenuBottomLeft {
        width: auto;
        margin-right: 105px;
        
        font-weight: 500;
        font-size: 18px;
        line-height: 35px;
    }
    #backMemuNew .backMenuMap {
        margin-top: 2px;
    }
    .backMenuMap svg {
        top: 5px;
    }

    #backMemuNew .backMenuTop, #backMemuNew  .backMenuBottom {
        transform: translate3d(0px, 0px, 0px); 
    }
}

@media screen and (min-width: 1500px) {
    #backMemuNew .backMenuTopRight, #backMemuNew .backMenuTopLeft, #backMemuNew .backMenuBottom {
        max-width: 1110px;
        width: calc(100% - 240px);
        margin-left: auto;
        margin-right: auto;
    }
}

/*   NEW MENU */



/*NEW MAIN NUMBERS*/
.progBackground {
    background: #132961;
    color: #fff;
    position: relative;
    
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /*margin-top: 100px;*/
}
.progLayer {      

    width: 1170px;
    max-width: 90%;
    margin: auto;
    
    height: 400px;
    padding-bottom: 40px;
    
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.progBlock {
    overflow: visible;
    width: 850px;
    max-width: 87%;
    height: 300px; 
    position: relative;
}
.progItem {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    
    -webkit-transition: opacity .5s ease, transform .5s ease;
    -moz-transition: opacity .5s ease, transform .5s ease;
    -o-transition: opacity .5s ease, transform .5s ease;
    transition: opacity .2s ease, transform .5s ease, visibility .2s ease;
    
    transform: translate3d(120px, 0px, 0px);
}
.progItemLeft {
    width: 292px;
    text-align: center;  
}
.progItemRight {
    font-size: 24px;
    font-weight: 600;
    line-height: 31px;
    width: 480px;   
}
.progItemNum {
    font-family: PT Serif;
    font-size: 150px;
    font-weight: 700;
    line-height: 199px;
    text-align: center;
}
.progItemType {
    font-size: 25px;
    font-style: italic;
    font-weight: 500;
    line-height: 33px;
    text-align: center;
}
.progArrLeft, .progArrRight {
    z-index: 2;
}
.progArrLeft img {
    cursor: pointer;
    transform: rotate(180deg) translate(0px, 0px);
    padding: 20px;
}
.progArrRight img {  
    cursor: pointer;                         
    padding: 20px;
}
.progDotLayer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    height: 6px;
    width: 100px;
    
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: auto;    
    
}
.progDotItem {
    width: 6px;
    height: 6px;
    background: #fff;
    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .3s ease;    
    
}
.progDotItemActive {
    width: 30px;
}

.progItemActive {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
}
.progItemHide {
    transform: translate3d(-120px, 0px, 0px);
}


/*NEW MAIN NUMBERS*/

.internationClients {
    font-weight: 400;
}




/*QUIZ*/
.quizLayer {
    -webkit-transition: height .5s ease;
    -moz-transition: height .5s ease;
    -o-transition: height .5s ease;
    transition: height .3s ease;  
    position: relative;  
}
.quizBlock {
    padding: 100px 0px 50px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    -moz-transition: opacity .5s ease, visibility .5s ease;
    -o-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
}


.quizBlockNow {
    opacity: 1;
    visibility: visible;
    
}



.qiuzPanel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; 
    flex-wrap: wrap; 
    margin-bottom: 100px; 
}

.quizButton {
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #132961;
    padding: 0px 18px 0px 17px;
    border-left: 4px solid #132961;
    border-right: 4px solid #132961;
    display: inline-block;
    position: relative;
    
    -webkit-transition: border .3s ease;
    -moz-transition: border .3s ease;
    -o-transition: border .3s ease;
    transition: border .3s ease;   
    
    padding-top: 3px;   
    padding-bottom: 7px; 
    
    cursor: pointer;
                     
    
}
.quizButton:hover {
    border-left: 4px solid #13296100;
    border-right: 4px solid #13296100;
}
.quizButton:before {
    content: " ";
    position: absolute;
    top: -6px;
    left: -4px;
    width: calc(100% + 6px);
    height: calc(100% + 12px);
    border: 1px solid #132961;  
    opacity: 0;  
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;    
}
.quizButton:hover:before {
    opacity: 1;
}






.quizTitle {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.quizAnswer {
    margin: 5px 0px 20px;
    line-height: 30px;
}

.quizAnswer input[type="text"] {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 16px;
    background: #F9FBFF;
    padding: 5px 10px;
    border: 1px solid #9e9e9e;
    width: 100%;
}

.quizAnswer textarea {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 16px;
    background: #F9FBFF;
    padding: 5px 10px;
    border: 1px solid #9e9e9e;
    width: 100%;
    height: 100px;
}
.quizAnswer input[type=radio] {
    margin-right: 10px;
}

.quizHide {
    display: none;
}
.quizTitle em {
    font-size: 14px;
} 
.quizError {
    position: absolute;
    top: 25px;    
    left: 0px;
    right: 0px;
    margin: auto;
    
    width: 100%;    
    height: 80px;
    color: red;
    font-weight: bold;
    -webkit-transition: opacity .5s ease, visibility .5s ease;
    -moz-transition: opacity .5s ease, visibility .5s ease;
    -o-transition: opacity .5s ease, visibility .5s ease;
    transition: opacity .5s ease, visibility .5s ease;
    visibility: hidden;
    opacity: 0;
}
.quizErrorShow {
    opacity: 1;
    visibility: visible;
}
.quizPrevHide {
    opacity: 0;
    visibility: hidden;
}




#kino_hall12 .divan:after {
    display: none;
}
#kino_hall12 .divan {
    border: none;
    margin: 0px;
    width: 11%;
    margin-top: 17px;
}
#kino_hall12 .kino_place {
    margin: 25px 0% 0px;
    width: 40%;
    font-weight: 700;
    line-height: 30px;
    color: #474b52;
    height: 31px;
    font-size: 15px;
}
#kino_hall12 .dop .kino_place {
    font-size: 13px;    
}
#kino_hall12 .place_one {
    margin: 25px 3% 0px !important;
}

#kino_hall12 .empty_divan {
    height: 10px;
}
#kino_hall12 .kino_screen {
    margin-bottom: 10px;
}
#kino_hall12 .kino_alert {
    margin: 20px auto 10px;
}
#kino_hall12 .name_line {
    position: absolute;
    top: 37px;
    left: -60px;
    /*font-weight: bold;    */
    color: #bdbdbd;  
}
#kino_hall12 .left-b {
    display: block;
    width: 2px;
    height: 38px;
    position: absolute;
    bottom: -21px;
    left: 0px;
    background: #808080;
}
#kino_hall12 .right-b {
    display: block;
    width: 2px;
    height: 38px;
    position: absolute;
    bottom: -21px;
    right: 0px;
    background: #808080;
}
#kino_hall12 span {
    background: #808080;
    display: block;
    width: 95%;
    height: 2px;
    margin: 3px auto 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;    
}
#kino_hall12 .divan:hover .right-b, #kino_hall12 .divan:hover .left-b, #kino_hall12 .divan:hover span {
    background: #b7b7b7;
}
#kino_hall12 .divan .right-b, #kino_hall12 .divan .left-b, #kino_hall12 .divan span {
    background: #b7b7b7;
}
.infoSkTitle {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    color: #132961;
    margin-bottom: 10px;    
}
.infoSkAddress {
    font-weight: bold;
    margin-bottom: 10px;
}
.infoSkWeb {
    color: #132961;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}
.infoSkBrief a {
    color: #132961;
    font-weight: bold;
    margin-bottom: 10px;
    
}
.partnerListItemOneColumn2024 {
    height: auto;
    width: 100%;
}
.partnerListItemOneColumn2024 .partnerListItemLayerHeight {
    height: auto;
}
.partnerListItemOneColumn2024 .partnerListItemImg {
    float: left;
    width: 200px;
    position: relative;
    
}
.partnerListItemOneColumn2024 .partnerListItemImg img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    max-width: calc(100% - 40px);
    max-height: 90%;
}
.partnerListItemOneColumn2024 li {
    margin: 20px 0px;
}
.infoToInsurerPage ol {
    list-style-type: none;
    list-style-image: none;
    
}
.infoToInsurerPage ol li {
    counter-increment: step-counter;
    list-style-type: none;
    list-style-image: none;
    margin-left: 0px;
    padding-left: 40px;
    position: relative;
}
.infoToInsurerPage ol li::before {
    content: counter(step-counter) ")";
    margin-right: 10px;
    padding: 0px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    margin: auto;
}

.LogoImg {
    display: none;
}