* {
    margin: 0px;
    padding: 0px;
    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;    
}
html, body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;

} 

body, td {  
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.7%; 
    color: #272727;
}
body {
    background: #fff;
    color: #272727;     
}
a {       
    color: #2A71D2;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
a:hover {
    color: #2A71D2; 
}
.clear {
    clear: both;
}

.flexBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; 
    flex-wrap: wrap;       
}

.flexBoxStart {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center; 
    flex-wrap: nowrap;       
}
.flexBoxCenter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap;       
}

.layer {
    width: calc(100% - 120px);
    max-width: 1106px;
    margin: 0px auto;
}
.layerBig {
    width: calc(100% - 120px);
    max-width: 1170px;
    margin: 0px auto;
}
.layerSmall {
    width: calc(100% - 120px);
    max-width: 1030px;
    margin: 0px auto;
}
.headLayer {
    margin: 23px auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.menuPic {
    cursor: pointer;
}
.blueTopLayer {
    min-height: 584px;
    width: 100%; 
    position: relative;
    background: #0F56B8 url("../img/shield.svg") no-repeat 50% 50%;
    
    padding-bottom: 30px;
}


.blueTopTitle {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;   
    text-transform: uppercase;

    color: #49E4EE;
    text-align: center;
    padding: 184px 0px 72px;
}
.blueTopBrief {
    max-width: 830px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 46px;
    text-align: center;

    color: #FFFFFF;
    margin: auto;
    margin-bottom: 72px;
}
.blueTopButton {
    width: 24px;
    height: 24px;
    background: url("../img/topButton.svg") no-repeat 50% 50%;
    margin: auto;
    cursor: pointer;  
}
.topBluePic {
    width: 100%;
    height: 320px;
    background-image: url(../img/clientBanner.png);
    background-size: cover;
    background-position: center;
}
.callbackButton {
    background: #2A71D2;
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;  
    color: #FFFFFF;

    transform: rotate(-90deg);
    transform-origin: right bottom;
    width: 248px;
    text-align: center;
    border-radius: 8px 8px 0px 0px;
    position: fixed;
    top: 50px;
    left: calc(100% - 248px);
    cursor: pointer;
    z-index: 4;
    
    -webkit-transition: -webkit-box-shadow .5s ease, left .5s ease;
    -moz-transition: -moz-box-shadow .5s ease, left .5s ease;
    -o-transition: box-shadow .5s ease, left .5s ease;
    transition: box-shadow .5s ease, left .5s ease;
    
}
.callbackButton:hover {
    -webkit-box-shadow: -1px -3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: -1px -3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: -1px -3px 6px 0px rgba(0,0,0,0.16);
}

.callbackButtonShow {
    left: calc(36% - 248px);    
}

.callBackLayer {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 100%;
    top: 0px;
    background: #fff;
    z-index: 10;
    padding: 80px 120px;  
    
    -webkit-transition: left .5s ease, visibility .5s ease;
    -moz-transition: left .5s ease, visibility .5s ease;
    -o-transition: left .5s ease, visibility .5s ease;
    transition: left .5s ease, visibility .5s ease;     
    
}
.callBackLayerShow {
    left: 36%;    
}

.callBackBackground {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: #000000d9;
    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;    
}
.callBackBackgroundShow {
    opacity: 1;
    visibility: visible;    
}


.callbackForm {
    overflow: auto;
    overflow-y: overlay;   
    width: 100%;
    height: 100%;
    max-width: 645px;
}

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .callbackForm {
    scrollbar-width: auto;
    scrollbar-color: #e1e1e1 #ffffff;
  }

  /* Chrome, Edge, and Safari */
  .callbackForm::-webkit-scrollbar {
    width: 12px;
  }

  .callbackForm::-webkit-scrollbar-track {
    background: #ffffff;
  }

  .callbackForm::-webkit-scrollbar-thumb {
    background-color: #e1e1e1;
    border-radius: 50px;
    border: 3px solid #ffffff;
  }



.callbackTop {
    max-width: 600px;    
}
.callBackTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;

    color: #2A71D2;
}
.callBackBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px; 
    color: #2A71D2;  
    opacity: 0.5;
    margin-top: 8px;
}
.callbackInput {  
    max-width: 600px; 
    margin: 30px 0px;    
}

.callbackInputTitle {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;   
    color: #272727;
    margin-bottom: 10px;
}
.callbackInputTitleNeed {
    position: relative;
}
.callbackInputTitleNeed:after {
    content: "*";
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #2A71D2;
    float: right;
    padding-right: 5px;
}
.callbackInput input {
    border: none;
    border-bottom: 2px solid #c9c9c9;
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */


    color: #272727;
    padding: 10px 0px 10px;
    display: block;
    width: 100%;
    margin-top: 10px;
    
}
.callbackInput input::placeholder {
    color: #272727;

    opacity: 0.4;
    font-weight: 300;
}

.callbackInput textarea {
    border: none;
    border: 1px solid #c9c9c9;
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */


    color: #272727;
    padding: 10px 10px 10px;
    display: block;
    width: 100%;
    height: 130px;
    
}

.callbackInput textarea::placeholder {
    color: #272727;

    opacity: 0.4;
    font-weight: 300;
}





.callbackInput textarea:focus, .callbackInput input:focus{
    outline: none;
}

.callbackPolicy {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 160.7%;   
    color: #272727;  
    opacity: 0.4;
    margin-top: 24px;
}
.callbackSend {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #2A71D2;

    opacity: 0.6;
    padding: 14px 25px;
    border: 1px solid #2A71D2;
    border-radius: 4px;
    display: inline-block;
    margin-top: 0px;
    
    -webkit-transition: background .5s ease, color .5s ease, opacity .5s ease;
    -moz-transition: background .5s ease, color .5s ease, opacity .5s ease;
    -o-transition: background .5s ease, color .5s ease, opacity .5s ease;
    transition: background .5s ease, color .5s ease, opacity .5s ease;
    cursor: pointer;
}
.callbackSend:hover {
    background: #2A71D2;
    color: #fff;
    opacity: 1;
}

.callbackClose {
    position: absolute;
    top: 30px;
    left: 750px;
    width: 20px;
    height: 20px;
    
    background: url("../img/callbackClose.svg") no-repeat 50% 50%;
    cursor: pointer;
} 
.menuLayer {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #4080d7;
    z-index: 20;         
    padding-top: 166px;
    
    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 .4s ease, visibility .4s ease; 
}

.menuLayerShow {
    opacity: 1;
    visibility: visible;     
}

.menuWidth {
    align-items: flex-start;
    width: calc(100% - 120px);
    max-width: 950px;
    margin: 0px auto;
}
.menuLayerTop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 23px; 
}

.menuLeft {
    width: 50%;
    
}
.menuLeft div {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;   
    background: url("../img/shieldMenu.svg") no-repeat 0% 50%;
    padding-left: 95px;
    height: 120px;            
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    
    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 1s ease, visibility 1s ease;    
    
    transition-delay: 0.5s;     
    
}
.menuLayerShow div {
    opacity: 1;
    visibility: visible;     
}

.menuLeft a {    
    color: #FFFFFF;
    display: block;
    
    -webkit-transition: color .5s ease, visibility .5s ease;
    -moz-transition: color .5s ease, visibility .5s ease;
    -o-transition: color .5s ease, visibility .5s ease;
    transition: color .3s ease, visibility 1s ease;     
     
}
.menuLeft a:hover {
    color: #cddef5;
}


.menuRight {
    width: 27%;
    position: relative;
    
    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 1s ease, visibility 1s ease;    
    
    transition-delay: .75s;
    
}
.menuLayerShow .menuRight {
    opacity: 1;
    visibility: visible;     
}

.menuRight:after {
    content: " ";
    position: absolute;
    top: -500px;
    left: -680px;
    transform-origin: center center;
    width: 5000px;
    height: 5000px;
    background: #569dff;
    z-index: -1;
    transform: rotate(-68deg);
}
 
.menuRight div {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;

    color: #FFFFFF;                           
    height: 120px;            
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;  
}      
.menuRight a {    
    color: #FFFFFF;
    display: block;
    
    -webkit-transition: color .5s ease, visibility .5s ease;
    -moz-transition: color .5s ease, visibility .5s ease;
    -o-transition: color .5s ease, visibility .5s ease;
    transition: color .3s ease, visibility 1s ease;   
}

.menuRight a:hover {
    color: #cddef5;
}

.menuClose {
    cursor: pointer;
    z-index: 50;
    padding-right: 6px;
}
.menuSoc {
    position: absolute;
    bottom: 77px; 
    width: 27%;
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px; 
    color: #FFFFFF;
    
    opacity: 0;
    visibility: hidden;
    
    
    -webkit-transition: opacity 1s ease, visibility 1s ease;
    -moz-transition: opacity 1s ease, visibility 1s ease;
    -o-transition: opacity 1s ease, visibility 1s ease;
    transition: opacity 1s ease, visibility 1s ease;    
    
    transition-delay: 1.25s;    
    
}
.menuLayerShow .menuSoc {
    opacity: 1;
    visibility: visible;     
}
.menuSoc span {
    display: block;
    margin-bottom: 25px;
}
.menuSoc a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 22px;
}
.menuSocIn {  
    background: url("../img/in.svg") no-repeat 50% 50%;
}
.menuSocFb {  
    background: url("../img/fb.svg") no-repeat 50% 50%;
}
.footerTop {   
    padding-bottom: 100px;
    background: #0F56B8 url("../img/footerTop.svg") no-repeat 50% 50%;
    background-position: 0px -190px;
    margin-top: 140px;
}
   
.footerTopTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px; 
    color: #FFFFFF;
    padding: 96px 0px 9px;
}
.footerTopBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 140.2%; 
    color: #FFFFFF; 
    opacity: 0.65;
    margin-bottom: 102px;
    max-width: 750px;    
}
.footerTopButton {
    width: 300px;
    max-width: 100%;
    text-align: center;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 48px;  
    color: #FFFFFF;
    cursor: pointer;
    
    -webkit-transition: color 1s ease, background 1s ease;
    -moz-transition: color 1s ease, background 1s ease;
    -o-transition: color 1s ease, background 1s ease;
    transition: color .5s ease, background .5s ease;  
    
    
}
.footerTopButton:hover {
    background: #fff;
    color: #2A71D2;
}
   
.footerBottom {
    background: #2A71D2;
    padding-top: 49px;
    padding-bottom: 54px;
}   
.logoFooter {
    margin: 0px 0px 120px;
}
.footerLink a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140.2%;       
    color: #FFFFFF;
    margin-right: 24px;
}

.footerSoc a {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 30px;
}

.footerSocIn {  
    background: url("../img/in.svg") no-repeat 50% 50%;
}
.footerSocFb {  
    background: url("../img/fb.svg") no-repeat 50% 50%;
}
.footerCopy {
    background: #2A71D2;      
}
.footerCopyLayer {
    background: #2A71D2;   
    width: calc(100% - 0px);
    max-width: 1170px;
    margin: 0px auto;  
    border-top: 1px solid #ffffff80; 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    padding: 26px 0px;
    /* identical to box height, or 16px */


    color: #FFFFFF;

    opacity: 0.8;
}
   
.clientTop {
    margin-top: 64px;
    border-top: 2px solid #94b8e8;
    padding-top: 72px;
    align-items: flex-start;
    margin-bottom: 160px;
}
.clientTopTitle {
    width: 250px;  
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;  
    line-height: 41px; 

    color: #272727;  
}
.clientTopBrief {
    width: calc(100% - 300px);
    
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
}
.clientTopBrief p {
    padding-bottom: 20px;   
}
.clientItem {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin-bottom: 48px;
}
.clientLeft {
    width: 205px; 
    height: 250px; 
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap; 
    
    background: url("../img/clientBg.svg") no-repeat 50% 50%;      
    
}
.clientLeft img {
    transform: translate(0px, -10px);
    max-width: 136px;
}
.clientRight {
    width: calc(100% - 300px);
    border-bottom: 2px solid #94b8e8;
}
.clientItemTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;

    color: #2A71D2;
    padding-bottom: 16px;
    display: block;
}

.clientItemBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    /* or 24px */


    color: #272727;                    
}
.plLayer {
    align-items: flex-start;    
    justify-content: space-between;
}  
.plLayer::after {
    content: "";
    display: block;
    width: calc(33.333333% - 20px); 
}
.plItem {
    width: calc(33.333333% - 20px);
    padding-left: 18px;             
    margin-bottom: 96px; 
    position: relative;
}   
.plItem:after {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0px;
    width: 2px;
    height: calc(100% - 10px);
    background: #94b8e8;
}
.plYear {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;    
    color: #2A71D2;   
    opacity: 0.5;
    margin-bottom: 16px;
} 
.plTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;

    color: #272727;
    margin-bottom: 32px;
    
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 72px; 
    overflow: hidden;  
    
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease; 
    
}
.plBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px; 
    color: #272727;
    margin-bottom: 24px;
    
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    height: 80px; 
    overflow: hidden;     
    
}
.plLink {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;

    color: #2A71D2;
    position: relative;
    padding-right: 40px;
    padding-left: 0px;
    
    -webkit-transition: padding-left .5s ease, background .5s ease;
    -moz-transition: padding-left .5s ease, background .5s ease;
    -o-transition: padding-left .5s ease, background .5s ease;
    transition: padding-left .5s ease, background .5s ease;  
    display: inline-block;   
    
}
.plLink:after {
    content: " ";
    position: absolute;
    width: 26px;
    height: 6px;
    background: url("../img/plLink.svg") no-repeat 50% 50%;   
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    
    -webkit-transition: right 1s ease, background 1s ease;
    -moz-transition: right 1s ease, background 1s ease;
    -o-transition: right 1s ease, background 1s ease;
    transition: right .5s ease, background .5s ease; 
    
}
.plItem:hover .plLink {
    padding-left: 10px;
}
.plItem:hover .plLink:after {
    right: -10px;
}
.plItem:hover .plTitle {
    color: #2A71D2;
}
.blueTopSmallLayer {
    min-height: 496px;
    width: 100%; 
    position: relative;
    background: #0F56B8 url("../img/shield.svg") no-repeat 50% 50%;
    background-size: contain;
    background-position: center;
    padding-bottom: 30px;
}
.blueTopSmallLayer .blueTopBrief {
    margin-bottom: 64px;
} 
.blueTopSmallLayer .blueTopTitle {
    padding-top: 160px;
    padding-bottom: 64px;
}   
.aboutTopLayer {   
    width: 100%;         
}
.aboutTopBrief {
    width: 48%;
    height: 100%;
    padding-right: 30px;
    position: relative;
    z-index: 2;
}
.aboutTopRightEmpty {
    height: 400px;
    width: 50%;
    position: relative;
}  

.aboutTopRightEmpty:after {
    content: " ";
    position: absolute;
    bottom: 0px;
    right: -70px;
    background: url(../img/about.png) 100% 100% no-repeat;
    width: 200%;
    height: 100%; 
    z-index: 2; 
}

.aboutContent { 
    margin-top: 65px;
    padding-top: 24px;
    border-top: 2px solid #94b8e8;
}
.aboutPreLogo {
    margin-bottom: 58px;  
    padding: 0px;  
}

.textBig {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #272727;    
}
.aboutContent .textBig {
    padding: 64px 0px;  
    margin: 0px;  
} 

.aboutContent em {
    padding: 64px 0px;  
    margin: 0px; 
    
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #272727;   
    display: block;   
       
}

.aboutContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -32px;
}
.aboutContent li {
    padding: 14px 0px 14px 130px;
    list-style: none;
    margin: 8px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    /* or 24px */


    color: #272727;
    background: url("../img/aboutShield.svg") no-repeat 47px 50%;
    
}
.aboutNote {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 152.69%;
    /* or 24px */


    color: #2A71D2;
    margin-top: 120px;
}
.aboutLogoList {
    margin-top: -40px;
    margin-bottom: -40px;
}
.aboutLogoList a {
    width: calc(16.66666%);
    text-align: center;
    margin: 20px 0px;
    padding: 0px 20px;
}
.aboutLogoList a img {
    max-width: 100%;
    max-height: 80px;
}



.imgTopBlue {
    width: 100%;
    height: 80px;
    background: #0F56B8;    
}
.imgTopPic {
    width: 100%;
    height: 320px;
    background-image: url(../img/company.png);
    background-size: cover;
    background-position: center;
}
.companyLogo {   
    margin-top: 86px;
    position: relative;
    min-height: 123px;      
}
.companyLogo>div:before {
    content: " ";
    position: absolute;
    height: 123px;
    width: 67px;
    background-image: url(../img/borderLeft.svg);
    top: 0px;
    bottom: 0px;
    left: -52px;
    margin: auto;
    
}
.companyLogo>div {
    position: relative;
}
.companyLogo>div:after {
    content: " ";
    position: absolute;
    height: 123px;
    width: 67px;
    background-image: url(../img/borderRight.svg);
    top: 0px;
    bottom: 0px;
    right: -52px;
    margin: auto;
    
}
.companyLogo img { 
    max-width: 100%;
    max-height: 100%;
    line-height: 100%;  
    transform: translate(0px, -10px);
}
.companyName {
    text-align: center;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 33px;
    /* identical to box height */     
    color: #272727;
    margin-top: 32px;
    margin-bottom: 64px;
    text-transform: uppercase;
}
.copmanyMainCert {
    max-height: 350px;
    width: 380px;
}
.copmanyMainCert a {
    max-height: 350px;
    display: block;
}
.copmanyMainCert img {  
    max-height: 350px;
    max-width: 100%;  
}
.copmanyMainBrief {
    width: calc(100% - 420px);
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #272727;  
}
.copmanyMain {
    margin-bottom: 64px;
}
.companyCertList a {
    display: block;
    margin-top: 32px;
    width: 200px;
}
.companyCertList span {
    display: block;   
    width: 200px;
}
.companyCertList img {
    max-width: 200px; 
}
.companyStatusItem {
    margin-top: 64px;
}
.companyStatusImg {
    width: 110px;
}
.companyStatusImg img {   
    max-height: 100%;
    max-width: 100%;
}
.companyStatusBrief {
    width: calc(100% - 140px);
}
.copmanyProLayer {
    margin-top: 64px;
}
.copmanyProLayer em {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #272727;    
}
.copmanyProLayer ul {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #272727;
    
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 32px;    
}
.companyProBrief {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #272727;

}   
.companyProList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 32px;
}
.companyProList li, .copmanyProLayer li {
    padding: 14px 0px 14px 130px;
    list-style: none;
    margin: 8px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;



    color: #272727;
    background: url("../img/aboutShield.svg") no-repeat 47px 50%;
    
}
.companyProList li a {
    color: #272727;  
    padding-right: 130px; 
    position: relative; 
    display: block;
}

.companyProList li a:after {
    content: " ";
    position: absolute;
    width: 26px;
    height: 6px;
    background: url(../img/plLink.svg) no-repeat 50% 50%;
    top: 0px;
    bottom: 0px;
    right: 50px;
    margin: auto;
    -webkit-transition: right 1s ease, background 1s ease;
    -moz-transition: right 1s ease, background 1s ease;
    -o-transition: right 1s ease, background 1s ease;
    transition: right .5s ease, background .5s ease;
}

.companyProList li:hover a {
    color: #2A71D2;     
} 

.companyProList li:hover a:after {
    right: 30px;    
}   
.cupLayer {
    margin-top: 120px;
    position: relative;
    height: 330px;  
}
.cupTitle {
    position: absolute;
    top: 0;
    left: 0;
    width: 48%;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #272727;
}
.cupListTitle {  
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48%;
}
.cupListTitleItem {
    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;    
     
    position: absolute;
    bottom: 0;
    left: 0; 
}
.cupListTitleItemSel {
    opacity: 1;
    visibility: visible;
}
.cupListTitleItem span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */


    color: #2A71D2;
    padding-bottom: 16px;
    margin-bottom: 24px;
    display: block;
    position: relative;
}
.cupListTitleItem span:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 135%; 
    height: 2px; 
    background: #94b8e8; 
}
.cupListTitleItem p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    color: #272727;
}
.cupList {
    width: 450px;
    height: 340px;
    position: absolute;
    top: -56px;
    right: 0; 
    overflow: hidden;
}
.cupListLayer {
    width: 5000px;
    margin-left: 150px;
    position: absolute;
    top: 0px;
    left: 0px;

    transform: translateX(calc(var(--cupNow) * 150px * -1)); 
    justify-content: flex-start;

}
.cupItem {
    display: inline-block;   
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap; 
    height: 342px;
    width: 150px;
    position: relative;     

}

.cupItem:nth-child(1) img {  
    transform: scale(calc(1 - calc(max(calc(var(--cupNow)), -1*calc(var(--cupNow))) / 2))); 
} 
.cupItem:nth-child(2) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 1), -1*calc(var(--cupNow) - 1)) / 2))); 
}  
.cupItem:nth-child(3) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 2), -1*calc(var(--cupNow) - 2)) / 2))); 
}   
.cupItem:nth-child(4) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 3), -1*calc(var(--cupNow) - 3)) / 2))); 
}   
.cupItem:nth-child(5) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 4), -1*calc(var(--cupNow) - 4)) / 2))); 
}   
.cupItem:nth-child(6) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 5), -1*calc(var(--cupNow) - 5)) / 2))); 
}    
.cupItem:nth-child(7) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 6), -1*calc(var(--cupNow) - 6)) / 2))); 
}    
.cupItem:nth-child(8) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 7), -1*calc(var(--cupNow) - 7)) / 2))); 
}     
.cupItem:nth-child(9) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 8), -1*calc(var(--cupNow) - 8)) / 2))); 
}      
.cupItem:nth-child(10) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 9), -1*calc(var(--cupNow) - 9)) / 2))); 
}      
.cupItem:nth-child(11) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 10), -1*calc(var(--cupNow) - 10)) / 2))); 
}      
.cupItem:nth-child(12) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 11), -1*calc(var(--cupNow) - 11)) / 2))); 
}      
.cupItem:nth-child(13) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 12), -1*calc(var(--cupNow) - 12)) / 2))); 
}      
.cupItem:nth-child(14) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 13), -1*calc(var(--cupNow) - 13)) / 2))); 
}      
.cupItem:nth-child(15) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 14), -1*calc(var(--cupNow) - 14)) / 2))); 
}      
.cupItem:nth-child(16) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 15), -1*calc(var(--cupNow) - 15)) / 2))); 
}      
.cupItem:nth-child(17) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 16), -1*calc(var(--cupNow) - 16)) / 2))); 
}      
.cupItem:nth-child(18) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 17), -1*calc(var(--cupNow) - 17)) / 2))); 
}        
.cupItem:nth-child(19) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 18), -1*calc(var(--cupNow) - 18)) / 2))); 
}         
.cupItem:nth-child(20) img {                                                         
    transform: scale(calc(1 - calc(max(calc(var(--cupNow) - 19), -1*calc(var(--cupNow) - 19)) / 2))); 
}   
  

.cupItem img {

    
    
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;   
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
/*.cupItemSel img {
    transform: scale(1);
    opacity: 1; 
}       */
.cupListDot {
    width: 450px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.cupListDot div {
    height: 10px;
    width: 10px;     
    padding: 5px 0px 7px;
    margin: 3px;       
    
  
    
    cursor: pointer;
    border-radius: 80px;
}
.cupListDot div:after {
    content: " ";
    background: #94b8e8; 
    display: block; 
    height: 6px;
    width: 6px;
    
    -webkit-transition: background .5s ease, transform .5s ease;
    -moz-transition: background .5s ease, transform .5s ease;
    -o-transition: background .5s ease, transform .5s ease;
    transition: background .5s ease, transform .5s ease; 
    border-radius: 80px; 
}

    
.cupDotSel:after {
    background: #2A71D2 !important;
}

.reviewLayer {
    background: #3F7FD6;
    margin: 80px 0px; 
    height: 488px;
}
.reviewLayer>.layerSmall {
    position: relative;
    height: 488px;
}
.reviewTitle {
    position: absolute;
    top: 56px;
    left: 10px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;

    color: #FFFFFF;
    padding-left: 80px; 
    
}
.reviewTitle:before {
    content: "”";
    
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 146px;
    line-height: 119px;

    color: #FFFFFF;  
    position: absolute;
    left: 0px;  
    top: 0px;
}
.reviewList {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
.reviewItem {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 488px;
    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;      
    
}
.reviewItemSel {
    opacity: 1;
    visibility: visible;
    
}
.reviewItem a {
    width: 300px;
    height: 376px;
    position: absolute;
    right: 20px;
    top: 0px;
    bottom: 0px;
    margin: auto;    
    
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap; 
}
.reviewItem a img {
    max-width: 100%;
    max-height: 100%;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap;    
}
.reviewItem div {
    position: absolute;
    top: 150px;
    left: 92px;
    width: 470px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    /* or 28px */


    color: #FFFFFF;
}
.reviewItem p {
    padding: 8px 0px;
}

.reviewArr {
    position: absolute;
    left: 92px;
    bottom: 36px;
    width: 105px;
    height: 16px;
}
.reviewArrLeft {  
    background: url(../img/rewievLeft.svg) no-repeat 50% 50%;
    height: 16px;
    width: 36px;   
    cursor: pointer;
    
    
    -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;    
}
.reviewArrRight {  
    background: url(../img/reviewRight.svg) no-repeat 50% 50%;
    height: 16px;
    width: 36px;
    cursor: pointer; 
    
    -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;   
}

.companyNote {
    margin-top: 64px;
    
}
.companyNoteTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;

    color: #2A71D2;
    margin-bottom: 7px;
}
.companyNoteBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    /* or 24px */


    color: #2A71D2;
}
.companyNoteBrief ul {
    margin-left: 30px;
}
.companyNoteBrief li {
    margin: 8px 0px;
}
.companyNoteBrief a {
    font-weight: 600;
}
.companyNoteBrief p {
    margin: 16px 0px;
}
.companyBack {
    margin-top: 120px;
}
.companyBackLeft {
    width: 36px;
    height: 16px;
    
    background: url(../img/backLeft.svg) no-repeat 50% 50%;
    cursor: pointer;
}
.companyBackRight {
    width: 36px;
    height: 16px;
    
    background: url(../img/backRight.svg) no-repeat 50% 50%;
    cursor: pointer;
}
.companyBackButton {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */


    color: #2a71d280;
                  
    
    border: 1px solid #2A71D2;
    border-radius: 4px;
    padding: 14px 30px 12px;
    
    -webkit-transition: color .5s ease, background .5s ease;
    -moz-transition: color .5s ease, background .5s ease;
    -o-transition: color .5s ease, background .5s ease;
    transition: color .5s ease, background .5s ease;     
    
}
.companyBackButton:hover {
    background: #2A71D2;
    color: #fff;
}

.allCompanyTop {
    margin-bottom: 134px;
}

.seeBackground {
    overflow: visible;
    position: relative;
    height: 440px;   
    margin-top: 0px;
}
.seeLayer {
    display: flex;
    flex-flow: row nowrap;
    flex-wrap: nowrap;
    position: absolute;
    top: 8px;
    left: 0;
}

.listItem {
    flex: 0 0 34.33333%;
    max-width: 33.33333%;   
    -webkit-box-flex: 0;

    position: relative;   
                       
    height: 400px;        
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap;               
                 
    
}
.listItemLayer {   
    background: rgb(42 113 210 / 20%);   
    border-radius: 8px; 
    margin: 0px 10px; 
    height: 400px; 
    padding: 33px 15px 28px; 
    max-width: 330px;
    margin: 0px 15px;
                     
    
}
.listItemLogo {
    width: 186px;
    height: 92px;
    margin: auto;
    margin-bottom: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap; 
    position: relative;
}
.listItemLogo img {
    transform: translate(0px, -3px);
    max-width: 100%;
    max-height: 100%;
    line-height: 100%;
}
.listItemLogo:before {
    content: " ";
    position: absolute;
    height: 92px;
    width: 50px;
    background: url(../img/listItemBorder.svg) no-repeat;
    top: 0px;
    bottom: 0px;
    left: -20px;
    margin: auto;
}
.listItemLogo:after {
    content: " ";
    position: absolute;  
    height: 92px;
    width: 50px;
    background: url(../img/listItemBorder2.svg) no-repeat;
    top: 0px;
    bottom: 0px;
    right: -20px;
    margin: auto;            
}
.listItemTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 33px;         
    color: #272727;
    padding-bottom: 16px;
}
.listItemBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;     

    color: #272727;

    opacity: 0.6;
    
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}






.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;  
}


.irs-handle {
    position: absolute;
    left: 0px;
    top: 22px !important;
    background: #bfd4f1 !important;
    width: 80px !important;
    height: 8px !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;
}




.distLayer {
    margin-top: 224px;
    padding-bottom: 118px;
}
.distInfo {
    width: 400px;
}
.distTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    line-height: 49px;   
    color: #272727;
    margin-bottom: 65px;
}
.distBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%; 
    color: #272727;
}
.distList {
    width: calc(100% - 450px);
    max-width: 520px;
    position: relative;
}
.distLine1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap;
    margin: 16px 0px; 
}
.distLine2 {   
    margin: 16px 0px; 
}
.distLine2:nth-child(2) {
    margin-bottom: 92px;
}
.distLine3 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 130px;
    height: 30px;
}

.imgTopPicProject {
    background-image: url(../img/imgTopPicProject.png);
}

.projTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;

    color: #2A71D2;
    padding: 61px 0px 52px;
}
.projBriefTop {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;   
    color: #272727;
    margin-bottom: 64px;
}
.projBriefTop p {
    margin: 12px 0px;
}
.copmanyProLayer p {
    margin: 20px 0px;
}
.companyCertBrief p {
    margin: 20px 0px;
}


.projLiList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 40px;
    margin-bottom: 52px;
}
.projLiList li {
    padding: 8px 0px 8px 129px;
    list-style: none;
    margin: 12px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    /* or 24px */  
    color: #272727;
    
    background: url("../img/projLiList.svg") no-repeat 47px 50%;
    
}
.projBlank {
    /*align-items: flex-start;*/
    margin-bottom: 64px;
}
.projBlankBrief { 
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 164.1%;
    color: #272727;
    width: calc(100% - 320px);
}
.projBlankBrief p {
    padding-bottom: 25px;
}
.projBlankImg {
    width: 280px;
    max-height: 250px;
}
.projBlankImg img {
    max-width: 100%;
    max-height: 250px;    
}
.prozzoroButton {
    width: 217px;
    height: 48px;
    background: url("../img/ProZoro.png") no-repeat 0% 0%;
    display: block;
    margin-top: 100px;
    position: relative;
}                        
.prozzoroButton svg {
    position: absolute;
    top: 0px;    
    right: -42px;
    margin: auto;  
    -webkit-transition: transform .5s ease, visibility .5s ease;
    -moz-transition: transform .5s ease, visibility .5s ease;
    -o-transition: transform .5s ease, visibility .5s ease;
    transition: transform .5s ease, visibility .5s ease;       
}
.prozzoroButton:hover svg {     
    transform: rotate(360deg);    
}
.contactTop .blueTopTitle {
    padding-top: 135px;
    padding-bottom: 48px;
}
.contactTop .blueTopButton {
    margin-bottom: 40px;
    margin-top: 48px;
}
.contactLayer {
    align-items: stretch;
}
.contactItem {
    width: 30%;
    max-width: 255px;
    padding-top: 72px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;  
    color: #FFFFFF;
}
.contactItem:nth-child(1) { background: url("../img/contPhone.svg") no-repeat 50% 0%; }
.contactItem:nth-child(2) { background: url("../img/contMail.svg") no-repeat 50% 0%; }
.contactItem:nth-child(3) { background: url("../img/contMap.svg") no-repeat 50% 0%; }



.contactItemPhone { 
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; 
    flex-wrap: wrap; 
}
.contactItem a {
    color: #FFFFFF;
    display: block;
}
.contactItemMail {
    text-align: center;
    
    
    
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center; 
    flex-wrap: wrap;
}
.contactSoc {
    width: 110px;
    margin: 20px auto 0px;
}  
.contactSoc a {
    width: 40px;
    height: 40px;             
}  
.contactSoc a:nth-child(1) {   
    background: url("../img/contIn.svg");
}  
.contactSoc a:nth-child(2) {   
    background: url("../img/contFb.svg");
} 
.contactItemAddress { 
}
.contactItemAddress span {
    display: block;
    margin-top: 13px;
    color: rgba(255, 255, 255, 0.5);
} 
.mainTopLayer {
    height: 940px;
    background: url("../img/mainTopLayer.png") 0% 100% no-repeat;
}
.mainTopLayer>.layer {
    position: relative;
}

.mainTopTitle {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 39px;
    text-transform: uppercase;

    color: #2A71D2;
    width: 546px;
    position: absolute;
    top: 233px;     
    right: 100px;
    margin: auto;
}
.mainSoc {
    width: 240px;
    transform: rotate(-90deg);  
    transform-origin: left top;
    position: absolute;
    top: 490px;       
    left: 0px;  
    margin: auto;
    border-bottom: 1px solid #2A71D2;
}




        
        

.gallery {
    position: relative;
    height: 133px;
    padding: 0px 0px;
    margin-top: 0px;
    margin-bottom: 188px;
}
.galleryLeft {
    display: none;
}
.galleryRight {
    display: none;
}
.galleryBorder {
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.galleryItem {   
    margin-top: 0px;
    position: relative;
    min-height: 133px;    
    display: inline-block; 
}
.galleryItem a {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap;  
}

.galleryItem a:before {
    content: " ";
    position: absolute;
    height: 133px;
    width: 72px;
    background: url(../img/mainBorderLeft.svg) no-repeat;
    top: 0px;
    bottom: 0px;
    left: 52px;
    margin: auto;
    
}

.galleryItem a:after {
    content: " ";
    position: absolute;
    height: 133px;
    width: 72px;
    background: url(../img/mainBorderRight.svg) no-repeat;
    top: 0px;
    bottom: 0px;
    right: 52px;
    margin: auto;
    
}
.galleryItem img { 
    max-width: 100%;
    max-height: 110px;
    line-height: 100%;  
    transform: translate(0px, -8px);
} 

.galleryLayer {
    width: 5000px;
    position: absolute;
    top: 0px;
    height: 133px;
    justify-content: flex-start;
}






.dotList {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: wrap;    
}
.dotList>div {
    height: 16px;
    width: 16px;   
    margin: 42px 8px;  
    
    
    -webkit-transition: background .3s ease, right .3s ease;
    -moz-transition: background .3s ease, right .3s ease;
    -o-transition: background .3s ease, right .3s ease;
    transition: background .3s ease, right .3s ease; 
    
    position: relative;       
      
}
.dotList>div:after {
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: rgb(42 113 210 / 20%);        
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-transition: background .3s ease, right .3s ease;
    -moz-transition: background .3s ease, right .3s ease;
    -o-transition: background .3s ease, right .3s ease;
    transition: background .3s ease, right .3s ease;     
    
    
}
.dotListActive:after {
    background: rgb(42 113 210 / 100%) !important;
}  


.mainCenter {
    margin-top: 230px;
}
   
.mainPartnerTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;  
    color: #2A71D2;
    text-align: center;
    margin: 78px 0px 99px;
}   

.mainCenterItem {
    align-items: stretch;
    margin-bottom: 88px;
}
.mainCenterItemReverse {
    flex-direction: row-reverse;
}

.mainCenterInfo {
    width: 470px;  
    position: relative; 
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap; 
}
.mainCenterCaption {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;     
    color: #2A71D2;
    position: absolute;
    top: 0px;
    left: 0px;
}
.mainCenterTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 41px;   
    color: #272727;
    margin-bottom: 56px;
}
.mainCenterBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%; 
    color: #272727;
    padding-bottom: 32px;
    border-bottom: 1px solid #2A71D2;   
}
.mainCenterLink {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px; 
    color: #2A71D2;
    position: relative;
    
    -webkit-transition: padding-left .5s ease, background 1s ease;
    -moz-transition: padding-left .5s ease, background 1s ease;
    -o-transition: padding-left .5s ease, background 1s ease;
    transition: padding-left .5s ease, background .5s ease;
    
    padding-right: 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    
}
.mainCenterLink:after {
    content: " ";
    position: absolute;
    width: 26px;
    height: 6px;
    background: url(../img/plLink.svg) no-repeat 50% 50%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    -webkit-transition: right 1s ease, background 1s ease;
    -moz-transition: right 1s ease, background 1s ease;
    -o-transition: right 1s ease, background 1s ease;
    transition: right .5s ease, background .5s ease;
}
.mainCenterInfo:hover .mainCenterLink {
    padding-left: 10px;
}
.mainCenterInfo:hover .mainCenterLink:after {
    right: -10px;
}
    
                   
.mainCenterRight {
    width: 470px;
}
.mainCenterRight img {
    max-width: 100%;
    max-height: 100%;    
}

.mainProject {   
    margin-bottom: 100px;    
}
.mainProjectLayer {
    text-align: center;
    padding-top: 100px;   
}
.mainProjectTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    color: #2A71D2;
    text-align: center;
}
.mainProjectLink {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #2a71d280;
    border: 1px solid #2A71D2;
    border-radius: 4px;
    padding: 14px 30px 12px;
    -webkit-transition: color .5s ease, background .5s ease;
    -moz-transition: color .5s ease, background .5s ease;
    -o-transition: color .5s ease, background .5s ease;
    transition: color .5s ease, background .5s ease;
    margin: 32px auto 104px;
    display: inline-block;
    
}
.mainProjectLink:hover {
    background: #2A71D2;
    color: #fff;
}
.awardsLayer {
    margin-bottom: 108px;
}
.awardsTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 41px;  
    color: #2A71D2;
    margin-bottom: 24px;
}
.awardsBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;  
    color: #272727;
    margin-bottom: 32px;
}
.awardsScroll {    
    height: 240px;
    overflow: auto;
}
.awardsScroll>div {
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.awardsScroll img { 
    max-height: 200px;
    margin-right: 16px;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.awardsScroll::-webkit-scrollbar {
    height: 6px;
    width: auto;
}
.awardsScroll::-webkit-scrollbar-track {
    background-color: #fff;
    height: 8px;
}
.awardsScroll::-webkit-scrollbar-thumb {
    background: rgba(42, 113, 210, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 50px;
}
      
.mainStatus {
    margin-bottom: 60px;
    margin-top: 133px;
}  
        
.headRight {
    width: 123px;
}
.langLayer a {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;   
    color: rgba(212, 227, 246, 0.5);
}
.langLayer  {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;   
    color: rgba(212, 227, 246, 0.5);
}
.langActive {
    color: #53D6FC !important;
}

body .liButton {
    padding: 0px !important;
    list-style: none;
    margin: 8px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    color: #272727;
    background: none !important;  
    text-align: center;   
}
body .liButton a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #2a71d280;
    border: 1px solid #2A71D2;
    border-radius: 4px;
    padding: 14px 30px 12px;
    -webkit-transition: color .5s ease, background .5s ease;
    -moz-transition: color .5s ease, background .5s ease;
    -o-transition: color .5s ease, background .5s ease;
    transition: color .5s ease, background .5s ease;
    cursor: pointer;
    margin-top: 30px;
    display: inline-block;

}
body .liButton a:after {
    display: none;
}
body .liButton a:hover {
    background: #2A71D2;
    color: #fff;
}

.formError {
    color: #bd7676 !important;
    border-bottom: 2px solid #bd7676 !important;
}
.formError::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #bd7676 !important;
  opacity: 1 !important; /* Firefox */
}

.formError:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #bd7676 !important;
}

.formError::-ms-input-placeholder { /* Microsoft Edge */
  color: #bd7676 !important;
}

.pepcertBg {
    width: 100%;
    height: 340px;
    overflow: hidden;
    position: relative;
}

.pepcertList {
    width: 5000px;
    height: 100%;
    justify-content: flex-start;
    position: absolute;
    top: 0px;
    left: 0px;
    
    -webkit-transition: left .5s ease, visibility .5s ease;
    -moz-transition: left .5s ease, visibility .5s ease;
    -o-transition: left .5s ease, visibility .5s ease;
    transition: left .5s ease, visibility .5s ease;
}
.pepcertItem {            
    width: 25%;
    height: 340px;
}
.pepcertItemTop {
    height: 120px;
    position: relative;
}
.pepcertItemTop:before {
    content: " ";
    position: absolute;
    height: 133px;
    width: 72px;
    background: url(../img/mainBorderLeft.svg) no-repeat 0% 0%;
    top: 20px;
    left: 20px;
    margin: auto;
    background-size: 50px;
    z-index: -1;
}
.pepcertItemTop:after {
    content: " ";
    position: absolute;
    height: 133px;
    width: 72px;
    background: url(../img/mainBorderRight.svg) no-repeat 100% 0%;
    top: 20px;
    right: 20px;
    margin: auto;
    background-size: 50px;
    z-index: -1;
}
.pepcertItemBottomBg {
    width: 100%;
    height: 170px;
    overflow: hidden;
    margin-top: 45px;
    position: relative;
}
.pepcertItemBottom {
    width: 5000px;
    justify-content: flex-start;
    height: 170px;
    position: absolute;
    top: 0px;
    left: 0px;
    
    -webkit-transition: left .5s ease, visibility .5s ease;
    -moz-transition: left .5s ease, visibility .5s ease;
    -o-transition: left .5s ease, visibility .5s ease;
    transition: left .5s ease, visibility .5s ease;
}
.pepcertItemBottom a {
    height: 170px;      
}
.pepcertItemBottom a img {
    max-width: calc(100% - 20px);
    max-height: 100%; 
}
.pepcertItemLeft {
    position: absolute;
    bottom: 5px;
    left: 15px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #fff url(../img/pepcertArr.svg) no-repeat 38% 50%;
    background-size: 12px;
    cursor: pointer;
    
    -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;
    opacity: 0;
    visibility: hidden;
    display: none;
    
}
.pepcertItemRight {
    position: absolute;
    bottom: 5px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #fff url(../img/pepcertArr.svg) no-repeat 38% 50%;
    background-size: 12px;
    transform: rotate(-180deg);
    cursor: pointer;
    
    -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;
    opacity: 0;
    visibility: hidden;
}
.pepcertItem:hover .pepcertItemRight, .pepcertItem:hover .pepcertItemLeft {
    opacity: 1;
    visibility: visible;
}


.pepcertLayer {
    position: relative;
}

.pepcertCompanyLeft {
    position: absolute;
    bottom: -30px;
    left: 9px;
    width: 40px;
    height: 12px;
    border-radius: 100px;
    background: url(../img/pepcertCompanyLeft.svg) no-repeat 50% 50%;
    cursor: pointer;
    transform: rotate(-180deg);
    
    -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;

    
}
.pepcertCompanyRight {
    position: absolute;
    bottom: -30px;
    right: 9px;
    width: 40px;
    height: 12px;
    border-radius: 100px;
    background: url(../img/pepcertCompanyLeft.svg) no-repeat 50% 50%;
    cursor: pointer;
    -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;
    

}

.mainAllPartners {
    position: relative;
    transform: translate(0px, -8px);
    
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    padding-right: 32px;
    
}
.mainAllPartners:after {
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px; 
    right: 0px;
    margin: auto;
    width: 24px;
    height: 6px;
    background: url(../img/mainAllPartners.svg) no-repeat 50% 50%;
    transform: translate(0px, 1px);
}

.newsPageTopBack {
    height: 80px;
    width: 100%;
    background: #0F56B8;
}
.newsPageTop {
    position: relative;
    width: 100%;
    padding-top: 22.95%;
    display: inline-block;
    margin-top: -1px;
}

.newsPageTop img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: filter .5s ease, visibility .5s ease;
}
.newsPageTitle {
    margin: 104px auto 64px; 
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 41px;

    color: #2A71D2;
}
.newsPageBeforeBrief {
    
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    margin-bottom: 24px;
    
}
.newsPageBeforeBrief p {
    margin: 12px 0px;
}
.newsPageCenterBrief em {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;
    margin-bottom: 32px;
    display: block;
}
.newsPageCenterBrief ul {
    margin: 0;
    padding: 0;
    list-style: none;  
}
/*.newsPageCenterBrief li {
    padding: 14px 0px 14px 130px;
    list-style: none;
    margin: 8px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    color: #272727;
    background: url(../img/aboutShield.svg) no-repeat 47px 50%;
    padding-right: 12%;
}     */

.newsPageCenterBrief li {
    padding: 5px 0px 5px 35px;
    list-style: none;
    margin: 8px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    color: #272727;
    background: url(../img/shieldColorMin.svg) no-repeat 0px 9px;
    padding-right: 12%;
    margin-bottom: 14px;
}    

.newsPageAfterBrief {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 39px;
    margin-top: 32px;
}
.newsTopSmall {
    min-height: 440px;
}
.newsTopSmall .layerSmall {
    padding-top: 223px;    
}
.newsListLayer {
    margin-top: 120px;
}

.newsItem {
    width: calc(33.333333% - 20px);
    padding-left: 18px;
    margin-bottom: 80px;
    position: relative;
}
.newsItem:after {
    content: " ";
    position: absolute;
    top: 3px;
    left: 0px;
    width: 2px;
    height: calc(100% - 10px);
    background: #94b8e8;
}
.newsImg {
    width: 100%;
    height: 144px;     
    position: relative;
    margin-bottom: 8px;
}
.newsImg img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}
.newsItemTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #272727;
    margin-bottom: 0px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    height: 56px;
    overflow: hidden;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
.newsItemLink {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #2A71D2;
    position: relative;
    padding-right: 40px;
    padding-left: 0px;
    -webkit-transition: padding-left .5s ease, background .5s ease;
    -moz-transition: padding-left .5s ease, background .5s ease;
    -o-transition: padding-left .5s ease, background .5s ease;
    transition: padding-left .5s ease, background .5s ease;
    display: inline-block;
    position: relative;
}
.newsItemLink:after {
    content: " ";
    position: absolute;
    width: 26px;
    height: 6px;
    background: url(../img/plLink.svg) no-repeat 50% 50%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    -webkit-transition: right 1s ease, background 1s ease;
    -moz-transition: right 1s ease, background 1s ease;
    -o-transition: right 1s ease, background 1s ease;
    transition: right .5s ease, background .5s ease;
}
.newsItem:hover .newsItemLink {
    padding-left: 10px;
}
.newsItem:hover .newsItemLink:after {
    right: -10px;
}
.newsItem:hover .newsItemTitle {
    color: #2A71D2;
}
.newsPagination {
    align-items: center;
    justify-content: center;
    position: relative;
}
.newsPagination .companyBackRight {
    display: block; 
    position: absolute;
    top: 0px;
    bottom: 0px; 
    right: 0px;
    margin: auto;   
}
.newsPagination .companyBackLeft {
    display: block; 
    position: absolute;
    top: 0px;
    bottom: 0px; 
    left: 0px;
    margin: auto; 
}
.pageNow {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #D4E3F6;
}
.pageNow span {
    color: #3779D4;
}
.jobsTop {
    margin-top: 97px;
    padding-top: 72px;
    border-top: 1px solid #2A71D2;
    align-items: flex-start;
    margin-bottom: 48px;
}
.jobsTop>div {
    width: calc(50% - 20px);
}
.jobsTopTitle {
    font-weight: 400;
    font-size: 30px;
    line-height: 41px;
    color: #2A71D2;
    font-family: 'Manrope';
    font-style: normal;
}

.jobsTopBrief {
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
}
.jobsBrief {
    font-weight: 400;
    font-size: 24px;
    line-height: 152.69%;
    margin-bottom: 48px;
}
.jobsContentItem {
    position: relative;
    background: url(../img/aboutShield.svg) no-repeat 0px 0%;
    padding-left: 90px;
    margin-left: 45px;
    margin-bottom: 56px;
}   
.jobsContentItemTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 164.1%;
    color: #2A71D2;
    margin-bottom: 24px;
    padding-top: 5px;
}  
.jobsContentItemBrief li {
    list-style: none;
    position: relative;
    padding-left: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    padding-bottom: 5px;
}
.jobsContentItemBrief li:after {
    content: " ";
    position: absolute;
    top: 10px;   
    left: 0px; 
    margin: auto;
    width: 3px;
    height: 3px;
    border-radius: 50px;
    background: #272727;
}    
.jobsBottom {
    padding-top: 24px;
    text-align: center;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
}  
.jobsListTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 41px;
    margin-top: -95px;
}


.jobsList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 32px;
}
.jobsList li {
    padding: 14px 0px 14px 70px;
    list-style: none;
    margin: 8px 0px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 164.1%;



    color: #2A71D2;
    background: url("../img/aboutShield.svg") no-repeat 0px 50%;
    
}
.jobsList li a {
    color: #272727;  
    padding-right: 130px; 
    position: relative; 
    display: block;
    color: #2A71D2;
}

.jobsList li a:after {
    content: " ";
    position: absolute;
    width: 26px;
    height: 6px;
    background: url(../img/plLink.svg) no-repeat 50% 50%;
    top: 0px;
    bottom: 0px;
    right: 50px;
    margin: auto;
    -webkit-transition: right 1s ease, background 1s ease;
    -moz-transition: right 1s ease, background 1s ease;
    -o-transition: right 1s ease, background 1s ease;
    transition: right .5s ease, background .5s ease;
}

.jobsList li:hover a {
    color: #2A71D2;     
} 

.jobsList li:hover a:after {
    right: 30px;    
}  
.newsItemDate {
    font-weight: 300;
    font-size: 13px;
    line-height: 19px;
    color: #b3b3b3;
    padding: 5px 0px 0px;
    margin-bottom: 10px;
} 
.newsPageDate {
    font-weight: 300;
    font-size: 13px;
    line-height: 19px;
    color: #b3b3b3;
    padding: 10px 0px 0px;
    margin-bottom: 10px;
} 
.menuAntyCor {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;  
    position: absolute;
    bottom: 130px;
    opacity: 0;
    visibility: hidden;         
    transition: opacity 1s ease, visibility 1s ease;
    
    transition-delay: 1.25s; 
    
    
}
.menuAntyCor a {
    color: #FFFFFF;
}
.menuLayerShow .menuAntyCor {
    opacity: 1;
    visibility: visible;     
}


.generalCert .awardsScroll img {
    max-height: 350px;
}
.generalCert .awardsScroll {
    height: 390px;
}

.dirHeadBackground {
    background-color: #0F56B8; 
    padding: 125px 0px 34px;
    text-align: center;   
}
.dirHeadImg {
    height: 58px;
    width: 58px;            
    position: relative;
    margin: auto;
    margin-bottom: 16px;
}
.dirHeadImg img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}

.dirHeadTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 32px;
}  
.dirTopPic {
    position: relative;
    width: 100%;
    padding-top: 20.95%;
    display: inline-block;
    margin-top: -1px;
}
.dirTopPic img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: filter .5s ease, visibility .5s ease;
}
.ditTopContentTitle {
    margin-top: 104px;
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: normal;
    color: #2A71D2;
    margin-bottom: 24px;
}  
.dirTopContentBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152.69%;
    color: #272727;
    padding-bottom: 56px;
    border-bottom: 2px solid #94b8e8;
    margin-bottom: 56px;
} 
.dirOfferLayer {
    margin-bottom: 56px;
}
.dirOfferTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: normal;
    color: #272727;
}
.dirOfferBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #272727;    
}
.dirOfferBrief b, .dirOfferBrief strong {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 130%;
    color: #2A71D2; 
    margin-bottom: 10px;
    display: inline-block;  
}
.dirOfferBrief>p {
    margin-bottom: 20px;
}

.dirWhyLayer {
    padding: 31px 0px;
    background: #0F56B8;
    color: #fff;
    margin-bottom: 80px;
}
.dirWhyTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: normal;    
}
.dirWhyBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;    
}
.dirWhyBrief li {
    padding: 5px 0px;
    list-style: none;
}



.dirPlanLayer {         
    margin-bottom: 56px;    
}
.dirPlanTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: normal;    
}
.dirPlanBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%; 
}
.dirPlanBrief b, .dirPlanBrief strong {
    font-weight: 600;
    color: #2A71D2;
}
.dirPlanBrief li {
    list-style: none;
    margin-bottom: 24px;
    position: relative;
}
.dirPlanBrief li:after {
    content: " ";
    width: 16px;
    height: 16px;
    position: absolute;
    top: 2px;  
    left: -38px; 
    margin: auto;
    background: url(../img/shieldColorMin.svg) no-repeat 50% 50%;
}


.dirGreyLayer {
    overflow-x: hidden;
    margin-bottom: 56px;
}
.dirGreyRight {   
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 217%; 
    padding: 32px 0px 56px; 
    position: relative;
}
.dirGreyRight:after {
    content: " ";
    position: absolute;
    top: 0px;   
    left: -40px;  
    background: #F7F8FF;
    height: 100%;
    width: 200%;
    z-index: -1;
}
.dirGreyRight b, .dirGreyRight strong {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: normal; 
    color: #2A71D2;
    margin-bottom: 16px;
    margin-top: 24px;
    display: inline-block;    
} 
.dirTypeLayer {
    margin-bottom: 32px;
}
.dirTypeBrief {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 152%;     
}
.dirTypeBrief li {
    margin-bottom: 24px;
    list-style: none;
}
.dirTypeBrief i, .dirTypeBrief em {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: normal;  
    margin-bottom: 24px;
    display: block;          
}
.dirTypeBrief b, .dirTypeBrief strong {
    font-weight: 600;
    color: #2A71D2;
}


.dirEdgeLayer {
    padding: 72px 0px;
    background: #0F56B8;
    color: #fff;
    margin-bottom: 56px;
}
.dirEdgeTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: normal;
}
.dirEdgeBrief li {
    list-style: none;
    margin-bottom: 27px;
}
.dirEdgeBrief b, .dirEdgeBrief strong {
    color: #53D6FC;
    font-weight: 600;
}



.dirPartnerLayer {
    margin-bottom: -60px;
}
.dirPartnerLeft {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: normal;
    
}
.dirPartnerLogo {
    margin-top: 38px; 
    max-width: 433px; 
    justify-content: flex-start;   
}
.dirPartnerLogo>a {
    margin-right: 30px;
    margin-bottom: 30px;
    
}
.dirPresentLink {      
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: normal; 
    color: #2A71D2;
    position: relative;
    -webkit-transition: padding-left .5s ease, background 1s ease;
    -moz-transition: padding-left .5s ease, background 1s ease;
    -o-transition: padding-left .5s ease, background 1s ease;
    transition: padding-left .5s ease, background .5s ease;
    padding-right: 40px;
    position: relative;
}          
.dirPresentLink:after {
    content: " ";
    position: absolute;
    width: 26px;
    height: 6px;
    background: url(../img/plLink.svg) no-repeat 50% 50%;
    top: 0px;
    bottom: 0px;
    right: 0px;
    margin: auto;
    -webkit-transition: right 1s ease, background 1s ease;
    -moz-transition: right 1s ease, background 1s ease;
    -o-transition: right 1s ease, background 1s ease;
    transition: right .5s ease, background .5s ease;
}

.dirPresentLink:hover {
    padding-left: 10px;
}
.dirPresentLink:hover:after {
    right: -10px;
}








.dirTwoCol {
    align-items: flex-start;
}
.dirLeft {
    width: 315px;
} 
.dirRight {
    width: 59.8%;
} 



.owl-nav {
    display: none;
} 
.dirMainBackground {
    margin-bottom: 86px;
}
.dirMainBackground {
    background: #F7F8FF;
    padding: 80px 0px 60px;
}
.mainDirTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: normal; 
    text-align: center;
    color: #2A71D2;
}
.dirMianItemImg {
    width: 63px;
    height: 56px;
    position: relative;
    margin: auto;
    display: block;
    margin-bottom: 24px;
}
.dirMianItemImg img {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.dirMianItemTitle {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: normal; 
    text-align: center;
    color: #272727 !important;    
    margin-bottom: 24px;
    width: 100%;
    display: block;
    min-height: 72px;
}

.dirMianItemBrief {
    max-width: 286px;
    min-height: 60px;
    margin: auto;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%; 
    text-align: center;
    margin-bottom: 24px; 
}
.dirMianItem .plLink { 
}

.dirMianItem:hover .dirMianItemTitle {
    color: #2A71D2 !important;  
    
}
.mainDirDot {
    margin-top: 72px;
    height: 10px;
}
.dirMainBackground .mainProjectLink {
    margin-bottom: 104px;
}

.mainDirDot {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.mainDirDotItem {
    height: 16px;
    width: 16px;
    margin: 0px 8px;
    -webkit-transition: background .3s ease, right .3s ease;
    -moz-transition: background .3s ease, right .3s ease;
    -o-transition: background .3s ease, right .3s ease;
    transition: background .3s ease, right .3s ease;
    position: relative;
}
.mainDirDotItem:after {
    content: " ";
    height: 10px;
    width: 10px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background: rgb(42 113 210 / 20%);        
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    
    -webkit-transition: background .3s ease, right .3s ease;
    -moz-transition: background .3s ease, right .3s ease;
    -o-transition: background .3s ease, right .3s ease;
    transition: background .3s ease, right .3s ease;     
    
    
}
.mainDirDotItemActive:after {
    background: rgb(42 113 210 / 100%) !important;
}



/*.dirMianItem:hover .plLink {
    padding-left: 30px;
}   */
   
body .dirAboutUsLi {   
    padding: 5px 0px 5px 30px;
    list-style: none;
    margin: 8px 0px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 152.69%;
    color: #272727;
    background: url(../img/shieldColorMin.svg) no-repeat 2px 8px;
    
}