@media screen and (max-width: 800px) {      
    .layer {
        width: calc(100% - 36px);
        max-width: 1170px;
        margin: 0px auto;
    }    
}
@media screen and (max-width: 600px) {      
    .layer {
        width: calc(100% - 32px);
        max-width: 1170px;
        margin: 0px auto;
    }    
}

@media screen and (max-width: 1220px) {
    .logoText {
        width: 126px;
    }
    .logo {
        width: 186px;
    } 
    .logoIcon {
        width: 55px;
    }
    
    .logoTextLayer:before {
        bottom: -29px;    
    }
    
    .logoTextLayer:after {
        bottom: -29px;    
    }
    
    .headMenuTop { 
        font-size: 11px;
        line-height: 160%;    
    } 
    .headMenu {
        width: calc(100% - 520px);
    }
}
@media screen and (max-width: 1100px) {     
    .headMenu {
        width: calc(100% - 450px);
        margin-left: 0px;
    }  
    .headSearch:after { 
        left: -5px; 
        width: calc(100% + 10px);
    }
}

@media screen and (max-width: 995px) { 
    
    .logoText {
        width: 196px;
    }
    .logo {
        width: 271px;
    } 
    
    .logoTextLayer:before {
        bottom: -21px;    
    }
    
    .logoTextLayer:after {
        bottom: -21px;    
    }
    
    .logoIcon {
        width: 60px;
        height: 60px;
    }
    .headMenuTop {
        display: none;
    }  
    .headMenuTopService {
        display: flex;
    }
    .headMenuTopActive .headMenuTopArr:after {
        border-top: 5px solid #00572C;        
    }
    .headMenuTopMoveLayer {
        display: none;
    }
    .headMenu .headMenuTopActive>a, .headMenu .headMenuTopActive>div {
        color: #00572C !important;
        font-weight: 600;
    }
    
     
    .headPhoneLayerHide {
        margin-bottom: 10px;
    } 
    .headBottomButton {
        bottom: -2px;
    } 
    .logoTextLayer:after {
        height: 3px;
    }  
    .logoTextLayer:before {
        height: 3px;
    }  
    
    .headPhoneLayer {
        padding: 15px 5px 20px 10px;   
    }
    
    .headMenu {
        width: auto;
    }   
    .logo {
        order: 1;
    }
    .headPhone {
        order: 2;
        margin-left: -10px;
        width: 164px;
    }
    .headMenu {
        order: 3;
    }
    .headSearch {
        order: 4;
    }
    .headLang {
        order: 5;
    }
    .hamburger {
        order: 6;
        display: block;
    }
    
}
@media screen and (max-width: 730px) {       
    .headMenuTopService {
        display: none;
    } 
    .headMenu {
        display: none;
    } 
    .headCallbackButton {
        text-transform: none;
    }
     
    
    .headSearchActive:after {
        display: none;
    }
    .headSearchActive:before {
        display: none;
    }
    
    .searchInputLayer {
        left: 0px !important;
        right: 0px !important;
        width: 90%;
        margin: auto;
    }    
    .searchInputLayer input {
        width: 100%;
    }
}
@media screen and (max-width: 660px) {   
    .logoText {
        width: 126px;
    }
    .logo {
        width: 186px;
    }  
    .logoTextLayer:before {
        bottom: -29px;    
    }
    
    .logoTextLayer:after {
        bottom: -29px;    
    }
    
    .logoIcon {
        width: 55px;
        height: 55px;
    }
    
}

@media screen and (max-width: 530px) {  
     
    .logoIcon {
        width: 40px;
        height: 40px;
    }
    .logoText {
        width: 100px;
    }
    .logo {
        width: 150px;
    }  
    
}
@media screen and (max-width: 480px) { 
    
    .logoIcon {
        width: 40px;
        height: 40px;
    }
    .logoText {
        display: none;
    }
    .logo {
        width: auto;
    }  
    
    
    .logoTextLayer:before {
        display: none;   
    }
    
    .logoTextLayer:after {   
        display: none; 
    }
    
    .logoIconLayer {     
        position: relative; 
    }
    .logoIconLayer:after {
        content: " ";
        position: absolute;
        bottom: -10px;
        left: 0px;
        width: 50%;
        height: 2px;
        background: #1767B9;
    }
    .logoIconLayer:before {
        content: " ";
        position: absolute;
        bottom: -10px;
        right: 0px;
        width: 50%;
        height: 2px;
        background: #FED233;
    }    
    
        
    .topPageLayer {
        margin-top: 50px;
    }
    .head {
        box-shadow: rgb(0 0 0 / 25%) 0px 2px 4px;    
    }
    .headLayer {
        height: 50px;
    }
    
    .hamburger {
        width: 16px;
        height: 14px;
    }   
    .headLang {
        font-size: 13px;
        line-height: 100%;
        margin-top: 0px;
        width: 45px;
    }
    .headPhone {
        height: 50px;
        width: 158px;
        margin-left: 0px;
    }
       
    .headPhone {
        margin-left: -8px;
    }
    .headPhoneLayer {
        padding: 8px 5px 0px 10px;   
    }
    .headSearch {
        background-size: 19px;
        width: 20px;
        height: 20px;
    }
    .headLang:hover .headLangLayer {
        height: 70px;   
    }
    
    .phoneIcon {
        background: url(../img/phone.svg) 1% 45% no-repeat;
    }
    .phoneIcon, .skypeIcon, .telegramIcom, .headCallbackButton, .mailToIcom {
        font-size: 12px;
        line-height: 145%;
        padding-left: 23px;
        margin-bottom: 10px;
        background-size: 14px;
    } 
    .headPhoneLayerHide {
        margin-bottom: 6px;
    }

    
    
    .headCallbackButton {
        font-size: 12px;
        line-height: 17px;
        background-size: 14px; 
        margin-top: -10px; 
    }
    .headBottomButton {
        bottom: -4px;
        height: 16px !important;
    }      

    .mailToIcom {
        padding-left: 0px;
        text-align: center;
        text-transform: none;
        text-align: left;
        margin-bottom: 15px;
    }
    .headLangLayer {
        background: #fff url(../img/langArr.svg) calc(100% - 2px) 11px no-repeat;
    }
    .hamburger {
        width: 21px;
        height: 17px;
    }
    .hamburger div, .hamburger:after, .hamburger:before {
        height: 1.5px;
    }
    
    
    .headLangLayer a, .headLangLayer div {
        font-weight: 400;
        font-size: 16px;
        line-height: 100%;
    }
    
}


@media screen and (max-width: 1220px) {
    
    .headMenuServiceLayer {
        padding: 20px 10px;    
    }
    .headMenu .headMenuServiceRowTitle {
        font-size: 13px;
    }  
    .headMenuServiceLayer a {
        font-size: 9px;
    } 
    
    .headMenuServiceRow { 
        width: calc((100% - 75px) / 4);
    } 
    .headMenu .headMenuServiceRowTitle {    
        padding-bottom: 8px;    
    }
    .headMenu .headMenuServiceRowTitle:after {
        width: 200px;
        max-width: 100%;
    }
}
@media screen and (max-width: 1100px) {
    .headMenu .headMenuServiceRowTitle {
        font-size: 12px;
    }         
}
@media screen and (max-width: 950px) {
    
    .headMenu .headMenuServiceRowTitle {
        font-size: 11px;
    }  
    .headMenuServiceLayer a {
        font-size: 8px;
    } 
}
@media screen and (max-width: 900px) {
    
    .headMenu .headMenuServiceRowTitle {
        font-size: 11px;
    } 
    .headMenuServiceRow { 
        width: calc((100% - 45px) / 4);
    } 
    .headMenu .headMenuServiceRowTitle:after {    
        max-width: 90%;
    }
    
}
@media screen and (max-width: 830px) {
    
    .headMenu .headMenuServiceRowTitle {
        font-size: 10px;
    } 
}
@media screen and (max-width: 780px) {
    
    .headMenu .headMenuServiceRowTitle {
        font-size: 9px;
    } 
}
@media screen and (max-width: 995px) {
    .headFixed {
        position: fixed;
        top: 0px;
        left: 0px; 
        width: 100%;
        background: #434343;
        padding: 0px 16px 0px;
        display: block;   
        min-height: 100%;
        height: 100%;
        z-index: 100;
        overflow: auto;  
        
    }
    .headFixed:after {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #434343;
        opacity: 1;
        visibility: visible;
        -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; 
        z-index: 200; 
    }
    
    .headFixedOpacity:after {
        opacity: 0;
        visibility: hidden;
    }
    .headFixed .logoWhite {
        display: block;
        margin-bottom: 10px;
        margin-top: 1px;
        margin-left: 2px;
        max-width: 287px;
    }
    .headFixed .logoWhite img {
        max-width: 100%;   
        margin-top: 5px; 
        transform: translate(4px, 5px); 
    }
    .headFixed .headMenuTop {
        display: block !important;
        height: auto !important;
        padding: 0px;          
        border-bottom: 1px solid #f5f4f480;
        -webkit-tap-highlight-color: transparent;

    }
    .headFixed .headMenuTop>a {
        color: #fff !important;
        font-weight: 600;
        font-size: 15px;
        line-height: 145%;    
        padding: 10px 0px;
        display: block;  
        letter-spacing: 0.02em;                    
    }
    .headFixed .headMenuTop>div {
        color: #fff !important;
        font-weight: 600;
        font-size: 15px;
        line-height: 145%;
        padding: 10px 0px;                  
    }
    .headFixed .headMenuTop>div:after {
        width: 16px;
        height: 8px;
        background: url(../img/headFixedArr.svg) 50% 50% no-repeat;
        top: 16px;
        border: none !important;
        right: 12px;
        -webkit-transition: transform .5s ease;
        -moz-transition: transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
    } 
    .headFixed .hideSubMenuShow>div:after { 
        transform: rotateY(0deg) rotate(180deg);    
    }   
       
    .headFixed .headMenuServiceLayer {
        overflow: hidden;
        display: block;
        height: auto;
        opacity: 1;
        visibility: visible;
        position: inherit; 
        box-shadow: 0px 4px 4px rgb(0 0 0 / 0%); 
        height: 0px;
        padding: 0px !important;  
        border: none !important; 
        -webkit-transition: height .5s ease, opacity .5s ease !important;
        -moz-transition: height .5s ease, opacity .5s ease !important;
        -o-transition: height .5s ease, opacity .5s ease !important;
        transition: height .5s ease, opacity .5s ease !important; 
    }
    .headFixed .headMenuServiceRow {
        width: 100%;
        padding-left: 10px;
        height: 30px;
        overflow: hidden;  
    }
    .headFixed .headMenuServiceLayer {
        margin: 0px;   
        width: 100%;
    }  
    .headFixed .headMenuServiceRowTitle {
        font-weight: 600 !important;
        font-size: 13px !important;
        line-height: 145% !important;   
        margin-bottom: 15px !important; 
        padding-bottom: 0px;
        position: relative;  
        padding-left: 0px !important;
    }
    .headFixed .headMenuServiceRowTitle:after {
        display: none;      
    }  
    .headFixed .headMenuServiceRowTitle div {
        position: absolute;
        top: 0px;  
        right: 18px;
        margin: auto;
        width: 100%;
        height: 100%;
        display: block;
    }
    .headFixed .headMenuServiceRowTitle div:after {
        display: block;
        content: " ";
        position: absolute;
        top: 5px;
        right: -2px;
        width: 11px;
        height: 1px;
        background: #fff;
        transform: rotateY(0deg) rotate(-90deg);
        -webkit-transition: transform .5s ease;
        -moz-transition: transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
    }
    .headFixed .headMenuServiceRowTitle div:before {
        display: block;
        content: " ";
        position: absolute;
        top: 5px;
        right: -2px;
        width: 11px;
        height: 1px;
        background: #fff;
        transform: rotateY(0deg) rotate(0deg);
        -webkit-transition: transform .5s ease;
        -moz-transition: transform .5s ease;
        -o-transition: transform .5s ease;
        transition: transform .5s ease;
        
    } 
    
    
      
    .headFixed .headMenuServiceRow>a {
        font-weight: 600;
        font-size: 12px;
        line-height: 145%;
        display: block;
        padding-right: 16px;  
        margin-bottom: 14px;
        padding-left: 14px;
    }
    .headFixed .headMenuServiceRow>a:last-child {
        padding-bottom: 5px;
    }
    .hideSubChildMenuShow .headMenuServiceRowTitle div:after {
        transform: rotateY(0deg) rotate(-45deg);    
    }
    .hideSubChildMenuShow .headMenuServiceRowTitle div:before {
        transform: rotateY(0deg) rotate(45deg);    
    }
    
     
    
    
    
    .headFixed .headFixedClose {
        display: block;
        position: fixed;
        top: 25px;
        right: 18px;
        z-index: 101;
        width: 21px;
        height: 21px;
    }
    
    .headFixedClose:after {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: -2px;
        width: 29px;
        height: 1px;
        background: #fff;
        transform: rotateY(0deg) rotate(45deg);
    }
    .headFixedClose:before {
        display: block;
        content: " ";
        position: absolute;
        top: 10px;
        left: -2px;
        width: 29px;
        height: 1px;
        background: #fff;
        transform: rotateY(0deg) rotate(-45deg);
    } 
    
    
    .headFixed .headMenuTopInfoCenter .headMenuTopBg {
        position: unset;
        height: 0px;
        width: 100%;
        top: unset;
        left: unset;
        overflow: hidden;
        padding: 0px; 
        box-shadow: 0px 4px 4px rgb(0 0 0 / 0%); 
        opacity: 1 !important;
        visibility: visible !important;
        
        -webkit-transition: height .5s ease, opacity .5s ease !important;
        -moz-transition: height .5s ease, opacity .5s ease !important;
        -o-transition: height .5s ease, opacity .5s ease !important;
        transition: height .5s ease, opacity .5s ease !important;         
            
    }
    .headFixed .headMenuTopInfoCenter .headMenuTopBg a {
        display: block;
        padding-left: 10px;
        font-size: 13px;    
    }
    
}
@media screen and (max-width: 550px) {
    .headFixed .logoWhiteIcon {
        width: 208px;
        margin-top: 5px;
        transform: translate(4px, 5px);
    }
    .headFixed .headMenuTop>a {
        font-size: 15px;
        padding: 10px 0px 9px;
    } 
    
    .headFixed .logoWhite {
        margin-bottom: 6px;
    }
    .headFixed .headMenuServiceRowTitle {
        font-size: 13px !important;
    }
    .headFixed .headMenuServiceRowTitle div:before {
        width: 17px;
        top: 8px;
        right: -6px;
    }
    .headFixed .headMenuServiceRowTitle div:after {
        width: 17px;
        top: 8px;
        right: -6px;
    }
    .headMenuServiceLayer a {
        padding-left: 14px;
        margin-bottom: 14px;
    }
    .headFixed .headMenuServiceRow>a {
        font-size: 12px;
    }
    .headMenuTopBg a {
        font-size: 13px;
    }
       
}


@media screen and (max-width: 1100px) {       
    .topPageCenter h1, .breadcrumbs {
        width: calc(100% - 48px);
        margin: auto;       
    }
    .topPageCenter h1 {
        margin-bottom: 13px;        
    }            
}
@media screen and (max-width: 800px) {       
    .topPageCenter h1 {
        font-size: 30px;
        line-height: 130%;
        margin-bottom: 5px;
    }
    .breadcrumbs {
        font-size: 15px;
        line-height: 145%;
    }              
    .topPageLayer {
        height: 220px;
    }  
    .newsBrief {
        font-size: 15px;
        margin-bottom: 20px;
    }  
    .newsContent p {
        font-size: 12px;
        line-height: 145%;
        margin-bottom: 16px;
    } 
    .newsDate {
        font-size: 12px;
        line-height: 145%;
        margin-top: 20px;
        margin-bottom: 30px;
    }                      
}
@media screen and (max-width: 600px) {   
       
    .topPageCenter h1, .breadcrumbs {
        width: calc(100% - 32px);
        margin: auto;       
    }
    .topPageCenter h1 {
        margin-bottom: 5px;        
    } 
        
    .topPageCenter h1 {
        font-size: 20px;
        line-height: 130%;
    }
    .breadcrumbs {
        font-size: 13px;
        line-height: 145%;
    }              
    .topPageLayer {
        height: 190px;
    }                                            
}


@media screen and (max-width: 1100px) {
    .panel {
        width: 216px;   
        margin-top: -20px;   
    }
    .content {
        width: calc(100% - 246px);
    }
    
}                                      
@media screen and (max-width: 800px) { 
    .centerLayer {
        flex-direction: column-reverse;
    } 
    .panel {
        width: 100%;        
    }  
}
@media screen and (max-width: 600px) { 
    .panel {
        margin-top: -18px;
    }
}


@media screen and (max-width: 1100px) {

    .consButton:after {
        right: 15px;
    }
    .consButton:before {
        right: 15px;
    }    
}
@media screen and (max-width: 950px) {
    .panelService {
        display: none;
    }    
    .panelLinks {
        display: none;
    }  
    .centerLayer {
        flex-direction: column-reverse;
    }
    
    
    .content {
        width: 100% !important;
    }   
    
    .panel {
        width: 100%;
    }
    .panelButtonList {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .panelButton {
        width: calc((100% - 48px) / 3);
        margin-bottom: 0px;
    } 
}
@media screen and (max-width: 600px) {
    .panelButton {
        width: calc((100% - 20px) / 3);
        font-size: 9px;
        line-height: 35px; 
        height: 35px;   
    } 
    .consButton:after {
        display: none;
    }
    .consButton:before {
        display: none;
    }  
    
    
    .newsBrief {
        font-size: 14px;
        line-height: 145%;
    }
    .newsContent {
        font-size: 13px;
        line-height: 145%;
    }
    .newsDate {
        font-weight: 400;
        font-size: 13px;
        line-height: 145%;
        margin-bottom: 50px;
    }
    .shareList {
        width: 100%;
        justify-content: flex-start;
        margin-bottom: 25px;
    }
    .shareList span {
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        margin-right: 15px;
    }
    .shareList a {
        width: 30px;
        height: 30px;
        background-size: 100% !important;
        margin-right: 15px;
    }
    .newsTagList {
        width: calc(100% - 140px);
    }
    .newsTagList {
/*        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; 
        flex-wrap: wrap;*/ 
        width: 100%;    
    }
    .newsTagList a {
        padding: 5px 20px;   
        font-weight: 600;
        font-size: 10px;
        line-height: 145%; 
        margin-right: 15px;
    }
    .newsContent p {
        font-weight: 400;
        font-size: 13px;
        line-height: 150%;
        margin-bottom: 16px;
        margin-right: 1px;
    }
    .newsDate {
        margin-top: 10px;
    }
    .otherNewsArr {
        font-weight: 600;
        font-size: 10px;   
    }
    .otherNewsArr:after {
        background-size: 12px;
    }
    .newsShase {
        margin-bottom: -5px;
    }
    .otherNewsLeft .otherNewsArr {
        padding-left: 25px;
    }
    .otherNewsRight .otherNewsArr {
        padding-right: 25px;
    }
     
}


@media screen and (max-width: 1200px) {      
    .otherNews>div {
        width: calc((100% - 34px) / 2);
    }    
    .otherNewsContent {
        width: calc(100% - 185px);
    }
}
@media screen and (max-width: 800px) {      
    .otherNews>div {
        width: calc((100% - 24px) / 2);
    }   
    
    .otherNewsTitle {  
        font-size: 15px;
        line-height: 145%;  
        
        -webkit-line-clamp: 2;
        margin-top: 10px;  
    }
    .otherNewsBrief {
        font-weight: 400;
        font-size: 12px;
        margin-top: 10px;
    }
    .otherNewsImg {
        width: 177px;
        height: 135px;
        position: relative;
    } 
    .otherNewsImg img {
        object-fit: cover;
        height: 100%;
        width: 100%;
    }   
    .otherNewsContent {
        width: calc(100% - 197px);
    }
    .otherNews {
        margin-top: 30px;
        padding-top: 30px;
    }
        
}
@media screen and (max-width: 700px) {  
    
    .otherNews {
        margin-top: 25px;
        padding-top: 27px;
    }
    .otherNews {
        justify-content: space-between;
    }              
    .otherNews>div {
        max-width: 250px;
        position: relative;
        width: calc((100% - 24px) / 2);
    }   
    .otherNewsLeft {
        flex-direction: column; 
        align-items: flex-start; 
    } 
    .otherNewsRight {
        flex-direction: column; 
        align-items: flex-end; 
    }  
    .otherNewsContent {
        width: 100%;
    } 
    .otherNewsImg {
        width: 100%;
        height: 135px;
        margin-top: 28px; 
    }  
    .otherNewsArr {
        position: absolute;
        top: 0px;
    }
    .otherNewsRight .otherNewsArr {
        right: 0px;
    }  
    
    
    .otherNewsTitle {  
        font-weight: 600;
        font-size: 14px;
        line-height: 145%;
        margin-top: 5px;
        -webkit-line-clamp: 3;
    }
    .otherNewsBrief {
        font-weight: 400;
        font-size: 13px;
        line-height: 145%; 
        margin-top: 5px;
    }                   
  
}
@media screen and (max-width: 450px) {  
    .otherNewsImg {
        height: 110px;
    }   
}
@media screen and (max-width: 400px) {  
    .otherNewsImg {
        height: 90px;
    }   
}


@media screen and (max-width: 1100px) {  
    .panelBannerItemBriefCompany {
        font-size: 12px;
    } 
    .panelBannerItemBriefPrice {
        font-size: 15px;
        text-transform: none;
    }    
    .panelBannerItemBrief {
        padding: 4px 5px;
    }
    .bannerItem img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 1150px) {  
    .footerRow:nth-child(1) {
        width: 246px;
    } 
    .footerRow:nth-child(2) {
        width: 200px;
        min-width: unset;
    }
    .footerRow:nth-child(3) {
        width: 176px;  
        min-width: unset;  
    }  
    .footerRow a {
        white-space: normal;
    } 
    .footerRowTitle {
        max-width: unset;
    } 
    .footerLogoLayer {
        width: 216px;
    }
    .footerPravo {
        font-size: 9px;
    }   
    .footerCopyright {
        padding-bottom: 25px;
        margin-bottom: 0px;
    }  
    .footerCallback {
        margin-top: 10px;    
    }
    .footerCallback>div {
        padding: 12px 20px;
        padding-left: 35px;
    }
    .footerCopyright {
        max-width: 624px;
        margin: auto;
    }
}


@media screen and (max-width: 940px) { 

    .footerList {
        padding-top: 20px;
    }
 
    .footerRowTitle {
        font-size: 12px;
        padding-bottom: 7px;
        margin-bottom: 10px;
    } 
    .footerRow a {
        font-size: 10px;
        line-height: 140%;
    }   
    .footerCopyright {
        font-size: 6px;
    }    
    .footerMap {
        width: 125px;
    }
    
    .footerRow:nth-child(1) {
        width: 170px;
        min-width: unset;  
        
    } 
    .footerRow:nth-child(2) {
        width: 143px;  
        min-width: unset;        
    }
    .footerRow:nth-child(3) {
        width: 129px;  
        min-width: unset;  
    } 
    
    .footerMap {
        width: 155px;
    }
    
    .footerLogoLayer {
        width: 180px;
        margin-left: 7px;
    }  
    .footerSoc {
        margin-top: 0px;
    } 
    .footerRowTitle:after {
        max-width: 195px;
    } 
    .footerCopyright {
        max-width: 480px;
        margin: auto;
        padding-bottom: 14px;
        font-size: 9px;
        line-height: 190%;
        padding-top: 5px;
        margin-top: 10px;
    }
     
    .footerRow a {
        margin-bottom: 15px;
    } 
    .footerCallback {
        margin-top: 20px;
        margin-bottom: 8px;
    }
    .footerLogo {
        margin-top: 7px;
        display: block;
    }
    .footerPravo {
        font-size: 9px;
    }
    
    .footerCallback>div {
        font-size: 10px;
        padding: 10px 20px;
        padding-left: 27px;
        padding-right: 15px;
        background: url(../img/footerCallback.svg) 0% 50% no-repeat;
        background-size: 12px;
    }
}

@media screen and (max-width: 750px) {      
    
    
    .footerRow {                 
        width: calc(50% - 12px) !important;
        min-width: unset  !important;
    }            
    .footerLogoLayer {
        width: calc(50% - 12px) !important;
        min-width: unset  !important;
        margin-left: 0px;
    }
    .footerList {
        max-width: 480px;
        margin: auto;
        padding-top: 20px;
    }
    .footerRow:nth-child(3), .footerLogoLayer {
        margin-top: 40px; 
    } 
    
    .footerSoc {
        margin-top: 25px;
    }
    .footerCopyright {
        font-size: 8px;
        max-width: 100%;
        line-height: 20px;
    }
    .footerCallback {
        font-size: 9px;
        margin-bottom: 12px;
        margin-top: 0px;
    }
    .footerCallback>div {
        margin-left: 15px;
        background-size: 13px;
        font-size: 9px;
        padding: 11px 20px 12px;
        padding-left: 19px;
        padding-right: 27px;
        
    }
    .footerPravo {
        font-size: 8px;
    }
    .footerRowTitle {
        margin-bottom: 10px;    
        padding-bottom: 7px;   
        font-size: 12px;
        line-height: 140%;
    }
    .footerRow a {
        margin-bottom: 15px;
        font-size: 12px;
        line-height: 140%; 
    }
    .footerMap {
        width: 180px;
    }
    .footer {
        margin-top: 40px;
    }
    .footerRow:nth-child(3) a {
        line-height: 150% !important;
    }
      
}


@media screen and (max-width: 1100px) { 
    .newsSearch {
        width: 215px;
    }  
    .newsMainItemImg {
        height: 338px;
    }  
    .newsMainDate {
        margin-top: 5px;
    }
    .newsMainButton {
        padding: 0px 60px;
    }
    .newsItemImg {
        width: 160px;
    }
    .newsItemContent {
        width: calc(100% - 176px);
    }
    .newsItemDate {
        margin-bottom: 5px;
    }
    .newsItemTitle {
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 800px) { 
    .newsSearchLayer {
        display: none;
    }  
    .newsMainItemImg {
        height: 275px;
    } 
    .newsMainDate { 
        margin-top: 4px;
    } 
    .newsMainTitle {
        font-size: 15px;
        line-height: 145%;
    }
    .newsMainBrief {
        font-size: 12px;
        line-height: 145%;
    }
    .newsMainButton {
        padding: 0px 63px;
    }
    
    .newsItem {
        margin-bottom: 20px;
    }
    
    .newsItemImg {
        width: 167px;
        height: 143px;
    }
    .newsItemContent {
        width: calc(100% - 184px);
    }
    .newsItemTitle {
        font-size: 15px;
        line-height: 145%;
        margin-bottom: 5px;
    }
    .newsItemBrief {
        font-size: 12px;
        line-height: 145%;
    }
    .newsPagination {
        margin-top: 20px;
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 680px) { 
    
    
    .newsPagination {
        margin-top: 5px;
        margin-bottom: 0px;
    }
    
    .newsMainDate { 
        font-size: 13px;
        margin-top: 5px;
    } 
    
    
    .newsMainItemImg {
        height: 150px;
    }    
    .newsItemDate {
        font-size: 10px;
        line-height: 145%;
    }
    .newsMainTitle {
        margin-top: 5px;
        font-size: 14px;
        line-height: 145%;
    }
    .newsMainBrief {
        font-size: 13px;
        line-height: 145%;
    }
    .newsMainButton {
        font-size: 9px; 
        padding: 0px 58px;
        height: 35px;
        line-height: 35px;
    }
    .newsItem {
        width: 100%;
    }
    .newsItemImg {
        width: 152px;
        height: 128px;
    }
    .newsItemContent {
        width: calc(100% - 176px);
    }
    .newsItemDate {
        font-size: 13px;
        line-height: 135%;
    }
    .newsItemTitle {
        font-size: 14px;
        line-height: 145%;
        -webkit-line-clamp: 2;
    }
    .newsItemBrief {
        font-size: 13px;
        line-height: 145%;
    }
    .newsList {
        margin-top: 25px;
    }
    
    .newsPagination span, .newsPagination a {
        width: 40px;
        height: 20px;  
        font-size: 12px;
        line-height: 20px;
        margin: 0px 5px !important;  
    }
    .nextPage {
        background-size: 12px !important;
    }
}


@media screen and (max-width: 1100px) { 
    .specialImg {
        width: calc(55% - 5px);    
    } 
    .specialText {
        width: calc(45% - 5px); 
    }   
}
@media screen and (max-width: 800px) { 
    .speacialList {
        margin-bottom: -5px;
    } 
    .specailItem {
        height: 150px;
    }  
    .specialText {
        font-size: 19px;
    } 
    .specailItemTwo .specialImg span {
        font-size: 19px;
    }  
}
@media screen and (max-width: 600px) { 
       
    .specialText {
        font-size: 12px;
        padding: 0px 20px;
    } 
    .specailItemTwo .specialImg span {
        font-size: 12px;
        padding: 0px 20px;
    }  
    .specailItem {
        height: 100px;
    }  
    .speacialList {
        margin-bottom: -10px;
    } 
}


@media screen and (max-width: 1100px) { 
    .faqTop {
        width: 460px;
    }
    .faqTopButton {
        width: 215px;
    }  
    .faqItem {
        padding-right: 13px;
    }  
    .faqItemContent div { 
        padding-bottom: 18px;
    }
}
@media screen and (max-width: 800px) { 
    .faqTop {
        width: 100%;
    }
    .faqTopButton {
        width: calc(50% - 12px);
    }  
    .faqItemContent div {
        font-size: 12px;
    }  
}
@media screen and (max-width: 600px) { 
    .faqTopButton {       
        font-size: 9px; 
        padding: 11px;
        height: 35px;
    }    
    .faqTop {
        margin-bottom: 20px;
    }
    .faqItem {
        padding: 0px 6px 0px 10px;
        margin-bottom: 15px;
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        flex-wrap: nowrap; 
        min-height: 50px;
    }
    .faqItemTitle {
        font-size: 11px;
        line-height: 16px;
        font-weight: 600;
    }
    .faqItemContent div {
        font-size: 11px;
    }  
}


@media screen and (max-width: 1300px) { 
    .taxTitleItem {
        width: 17.4%;
        border-right: 2px solid #fff;
        font-size: 10px;
        padding: 5px 12px;
    }    
    .taxTitleItem2 {
        width: 13%;   
        border-right: none; 
    }
    .taxLineItem:nth-child(1) {      
        font-size: 10px; 
        line-height: 16px;  
    }
    .taxLineItem {
        width: 17.4%;         
        font-size: 11px; 
        line-height: 16px;  
        padding: 7px 12px 7px;
        
    }    
    .taxLineItem {
        width: 13%;         
    }
    .taxNote {
        margin-top: 30px;
    }
}
@media screen and (max-width: 950px) { 
    .taxInfo {
        font-size: 19px;
        margin-bottom: 10px;
    }   
    .taxContent {
        font-size: 12px;
    } 
    .taxContent li {
        font-size: 12px; 
        padding: 1.5px 10px 1.5px 30px;       
    }
    .taxContent li b {
        font-size: 12px; 
        font-weight: 700;      
    }
    .taxContent em {
        font-size: 15px;
        margin-top: 30px;
    }
    .taxTable {
        margin-top: 20px;
    }
    .taxSearch {
        margin-bottom: 20px;
        width: 297px;
    }
    
    .taxNote {
        margin-top: 20px;
        font-size: 12px;
    }
}
@media screen and (max-width: 650px) { 
    .taxInfo {
        font-size: 16px;
        padding-left: 12px;
        margin-bottom: 15px;   
    }
    .taxInfo:after {
        height: calc(100% - 2px);
        width: 3px;
    }  
    .taxContent p {
        font-size: 13px;
        line-height: 19px;
    }
    .taxContent ul {
        margin-top: 15px; 
        margin-bottom: 15px;   
    }
    .taxContent ol li {
        font-size: 13px;
        padding-right: 0px;
        padding-left: 10px;
        background-size: 15px;
        margin-bottom: 12px;
    }
    .taxContent ul li {
        font-size: 13px;
        padding-right: 0px;
        padding-left: 25px;
        background: url(../img/taxLi.svg) 0% 50% no-repeat;
        background-size: 15px;
        margin-bottom: 12px;
    }
    .taxContent li b {
        font-weight: 600;
    }  
    .taxContent em {
        margin-top: 15px;
        font-size: 13px;
    }
    .taxTable {
        margin-top: 35px;
    }
    .taxSearch {
        width: 214px;
        margin-bottom: 18px;
    }
    .taxSearch:after {
        right: 18px;
        background-size: 18px;
        width: 18px;
        height: 18px;
    }
    .taxSearch input {
        padding-left: 5px;
        font-size: 9px;
    }
    .taxTitle {
        display: none;
    }
    .taxLine {
        background: #fff;
        margin-top: 2px;
    }
    .taxLineItem {
        width: 100%;
        background: #F5F4F4; 
        margin-bottom: 3px;  
    } 
    .taxLine .taxLineItem:nth-child(1) {
        font-size: 10px;
        color: #00572C;   
        padding: 10px 0px 10px 15px;  
        position: relative;
        min-height: 35px;
    }
    .taxLine .taxLineItem:nth-child(1) div {
        display: block;
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 15px;
        margin: auto;
        width: 17px;
        height: 17px;
        border: 1px solid #00572C;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: background .5s ease, visibility .5s ease;
        -moz-transition: background .5s ease, visibility .5s ease;
        -o-transition: background .5s ease, visibility .5s ease;
        transition: background .5s ease, visibility .5s ease;
        background: #00000000;
        min-height: auto;
    }
    .taxLine .taxLineItem:nth-child(1) div:after {
        content: " ";
        width: 17px;
        height: 17px;
        background: url(../img/taxLineItem1.svg) 4px 7px no-repeat;
        background-size: 9px;
        position: absolute;
        top: -1px;
        left: -1px;
        -webkit-transition: filter .5s ease, transform .5s ease;
        -moz-transition: filter .5s ease, transform .5s ease;
        -o-transition: filter .5s ease, transform .5s ease;
        transition: filter .5s ease, transform .5s ease;
    }
    .taxLine {
        max-height: 35px;
        margin-top: 0px;
        margin-bottom: 5px;
        overflow: hidden;
        -webkit-transition: opacity .5s ease, max-height .5s ease;
        -moz-transition: opacity .5s ease, max-height .5s ease;
        -o-transition: opacity .5s ease, max-height .5s ease;
        transition: opacity .5s ease, max-height .5s ease;
    }
    
    .taxLineOpen .taxLineItem:nth-child(1) div {
        background: #00572C;
    }
    .taxLineOpen .taxLineItem:nth-child(1) div:after {
        filter: brightness(0) invert(1); 
        transform: rotate3d(0, 0, 1, 180deg);       
    }
    
    .taxLineItem {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: stretch; 
        flex-wrap: wrap;
        min-height: 51px;
        padding: 0px;
    }
    
    .taxLineItem>div {
        display: block;
        width: 90px;
        background: #00572C;
        color: #fff;
        font-size: 9px;
        font-weight: 600;    
        min-height: 51px;
        padding: 5px;
        
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        border-right: 3px solid #fff;  
        
    }
    .taxLineItem>span {                  
        padding: 5px 10px 5px 10px;
        font-size: 12px;
        position: unset;
        width: calc(100% - 90px);
        height: auto;

        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        
    }
    .taxLineItem2>span:after {
        display: none;
    }
    .taxLineItem2>span>div {
        position: unset;
        opacity: 1;
        visibility: visible;
        background: #00000000;
        top: unset;
        right: unset;
        font-size: 12px;
        color: #000000;
        padding: 0px;
        width: 100%;
    }
    
    .taxNote {           
        font-size: 13px;
    }
    
    
}


@media screen and (max-width: 1100px) { 
    .contactTop {
        margin-top: 10px;
    }    
}

@media screen and (max-width: 995px) { 
    .contactPhoneContent {
        font-size: 15px;
    }    
}
@media screen and (max-width: 950px) { 
    .contactPhoneContent { 
        font-size: 15px;
        line-height: 160%;
        font-weight: 600;
    }    
    .contactTop {
        margin-top: 0px;
    } 
}
@media screen and (max-width: 700px) { 
    .contactTop {
        flex-direction: column;
        margin-bottom: 30px;
    } 
    .contactTopItem {
        width: 100%;
        max-width: 100%;
        position: relative;
        padding-left: 60px;
        text-align: left;
        min-height: 42px;
        margin-bottom: 30px;
    }  
    .contactTopItemPic {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px; 
        margin: auto;
        width: 40px;
        height: 40px;
        background-size: 19px;
        
    }
    .contactPhoneContent {
        min-height: 42px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        padding-right: 20px;
    }
    .contactTopItem:nth-child(1) { order: 1; }
    .contactTopItem:nth-child(2) { 
        order: 3;  
        margin-bottom: 0px; 
    }
    .contactTopItem:nth-child(3) { 
        order: 2;           
    }
    .mapLayer {
        height: 215px !important;
    }
    #map {
        height: 213px !important;
    }
}
@media screen and (max-width: 1100px) {
    .contactFormLayer {
        padding: 0px 20px 30px;
    }
    .contactFormButton {
        right: 20px;    
    }
    .contactFormTitle {
        margin-bottom: 6px;
    }
    .contactFormItem input, .contactFormItem textarea {
        padding: 12px 18px 13px;    
    }
} 
@media screen and (max-width: 900px) { 
    .contactFormLayer {     
        margin-bottom: 20px;    
    }
    .contactFormBg {    
        width: 48%;      
    }   
    .contactPic {
        width: calc(52% - 24px);  
    } 
    .contactFormItem textarea {
        margin-bottom: 0px;
    }
    .contactFormTitle {
        font-size: 15px;
        line-height: 145%; 
        padding-right: 20px;  
        margin-bottom: 12px; 
    }
    .contactFormTitle:after {
        width: 4px;
        left: -14px;
    }
}

@media screen and (max-width: 600px) { 
    .contactFormLayer {
        height: auto;  
        background: url(../img/contactFormLayer.png) 0% 100% repeat-x; 
        width: calc(100% + 32px); 
        margin-left: -16px; 
        margin-top: 35px;
        padding: 0px 16px 30px;
        margin-bottom: 30px;
    }
    .contactPic {
        position: absolute;
        top: 0px;    
        left: 0px; 
        margin: auto;               
        width: calc(100%); 
        max-width: none;
        height: 196px;
    }
    .contactFormBg {
        margin-top: 216px;
    }
    .contactFormBg {
        width: 100%;
        max-width: none;
    }
    .contactFormTitle:after {
        display: none;
    }
    .contactFormCaption {
        font-size: 10px;
        line-height: 145%;
        margin-top: 22px;
    }
    .contactFormTitle {
        font-size: 14px;
        line-height: 145%;
        margin-top: 7px;
    }
    
    .contactFormItem input, .contactFormItem textarea {
        padding: 16px 10px;  
        font-size: 9px;
        line-height: 145%;  
    }
    .contactFormButton {
        font-size: 9px;
        right: 16px;
        width: 152px;
    }       
    .contactPic:after, .contactPic:before {
        content: " ";
        position: absolute;
        top: -20px; 
        right: 36px;   
        width: 3px;
        height: 40px;
        background: #00572C;
    }
    .contactPic:before {
        right: 43px;
    }
}
@media screen and (max-width: 1100px) { 
    .bankPriceTitle {
        padding-left: 16px;
    }
    .priceTabItem {
        width: calc(50% - 8px);
    }
    .priceTab {
        margin-bottom: 27px;
    }
    .bankPriceAttention {
        right: 0px;    
    }
}
@media screen and (max-width: 950px) { 
    .pricePanel .panelButtonList {
        display: none;
    } 
    .priceContent {
        margin-top: 20px;
    } 
    .priceTab {
        margin-bottom: 20px;
    }  
    .bankPriceTitle {
        margin-bottom: -3px;
    } 
}
@media screen and (max-width: 650px) { 
    .priceTabItem {
        width: calc(50% - 12px);
    }
    .priceTabItem div {
        display: block;
    }
    .priceTabItem span {
        display: none;
    }
    .pricePanel .panelButtonList {
        display: flex;
    } 
    .pricePanel .panelButton {
        display: none;
    } 
    .pricePanel .consButton {
        display: block;
    }
    .priceContent {
        margin-top: 0px;
    }
    .priceTabItem {
        line-height: 35px;
        height: 35px;
        font-size: 12px;
    }
    .bankPriceTitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 145%;
        text-transform: none;
        padding: 5px 7px;
        text-align: center; 
    }
    .bankPriceTopCell {
        font-size: 9px;
        text-align: center;
        width: calc((100% - 4px) / 3);
    }
    .bankPriceCell {
        font-size: 10px;
        line-height: 145%;
        width: calc((100% - 4px) / 3);
        text-align: center;
    }
    .bankPriceCellTitle {  
        width: calc((100% - 2px) / 2); 
        margin-bottom: 2px;   
    }
    .bankPriceCellTitle a {
        font-size: 9px;                
    }
    .bankPriceCellPrice {
        font-size: 10px;
    }
    .bankPriceAttention {
        right: -3px;
        top: 0px;
    }
    .bankPriceTop {
        margin-bottom: -5px;
    }
    .bankPriceCell2 {
        width: calc(((100% - 1px) / 3) * 2);
    }
    .bankPriceCellPrice {
        width: calc((100% - 2px) / 2); 
        margin-bottom: 2px;   
        
    }
    .bankPriceRow {
        margin-top: 4px;
    }
    .bankPriceCellPriceItem {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media screen and (max-width: 380px) { 
    .bankPriceCellPrice2 .bankPriceCellPriceItem {
        padding-left: 0px;
        padding-right: 10px;
    }
    .bankPriceAttention {
        right: -3px;
        top: 0px;
    }   
}


@media screen and (max-width: 1100px) { 
    .priceBigContent {
        width: 100%;
    }    
    .priceBigPanel {
        width: 0px;
    }
    .priceBigPanel .consButton {
        display: block;
        width: 216px;
        margin-left: -216px;
    }
    .priceBigContent .priceTab { 
        width: calc(100% - 246px);
    }
    .priceTopChildBigItem1 {
        width: 17%;
        padding: 0px 2px;
    }
    .priceTopChildBigItem2 {
        width: 33%;
    }
    
    
    .priceLineDoc {
        width: calc(9.55%); 
    }
    .priceLineApo {
        width: calc(9.6%); 
    }
    .priceLineGood {
        width: calc(9.8%);   
    }
    .priceLineCert {
        width: calc(9.7%);   
    }
}

@media screen and (max-width: 990px) { 
       
    .priceBigContent .priceTab { 
        width: calc(100%);
        margin-top: 20px;
    } 
    .priceBigPanel .consButton {
        display: none;
    }
    .priceLayerTitle {
        font-size: 15px;
        font-weight: 600;
        padding: 9px 10px;
    }
    .priceTopItem {
        font-weight: 600;
        font-size: 9px;
        line-height: 145%;
    }
    .priceTopItemSmall {
        text-transform: uppercase;
    }
    .priceTopChildItem {
        text-transform: uppercase !important;
        font-weight: 600;
        font-size: 7px;
        line-height: 145%;             
    }
    .priceTopChildBigItem1 {     
        word-break: break-word;
        max-width: 80px;
    }
    
    .priceLineCountry {
        font-size: 9px;
    }
    .priceLinePeriod {
        font-size: 8px;
    }
    .priceLineYaer1In {
        font-size: 9px;
    }
    .priceLineYaer1Out {
        font-size: 9px;
        width: calc(10.1%);
    }
    .priceLineYaer2In {
        font-size: 9px;
    }
    .priceLineYaer2Out {
        font-size: 9px;
    }
    .priceLineDoc {
        font-size: 8px; 
    }
    .priceLineApo {
        font-size: 9px;
    }
    .priceLineGood {
        font-size: 9px; 
    }
    .priceLineCert {
        font-size: 9px;  
        width: calc(9.8%); 
    }
    .priceLineItem {
        margin-top: 4px;
    }
    .priceTopItem6 {
        border-left: 3px solid #fff;
    }
    .priceLineYaer2In {
        border-left: 3px solid #fff;
    }
    
    
    .priceLayer {
        margin-bottom: 20px;
    }
    
     
    .priceBrief {
        font-weight: 400;
        font-size: 12px;
        line-height: 145%; 
        letter-spacing: 0.02em;
    }
    
    
    .priceLineItem>span {
        font-weight: 600;
        font-size: 7px;
        line-height: 145%;
    }
}

@media screen and (max-width: 750px) { 
    .priceTop {
        display: none;
    }     
    .priceLineItem {
        background: none; 
        display: none; 
    }
    .priceLineCountry {
        display: flex;
        width: 100%;
        min-height: 38px; 
        background: #F5F4F4;
        margin-top: 5px;
        justify-content: flex-start;
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        padding: 10px;
    } 
    
    .priceMobTop {
        display: flex;
        width: 100%;
        align-items: stretch;
    }
    .priceMobTopPeriod {
        font-weight: 600;
        font-size: 9px;
        line-height: 145%; 
        letter-spacing: 0.02em;
        text-transform: uppercase;
        width: 41%;
        padding: 6px;
        color: #fff;
        background: #00572C;
         
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap;             
    }
    .priceMobYear1 {
        width: 59%;
    }
    .priceMobYear1Title {
        width: 100%;
        color: #fff;
        background: #00572C;
        font-weight: 600;
        font-size: 9px;     
        line-height: 145%; 
        letter-spacing: 0.02em;
        text-transform: uppercase;
        padding: 3px 6px;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
    }
    .priceMobYear1 .flexBox {
        align-items: stretch;
    }
    .priceMobYear1Item {
        width: 50%;
        background: #434343;
        color: #fff;
        padding: 1px 6px;
        font-weight: 600;
        font-size: 8px;
        line-height: 145%; 
        letter-spacing: 0.02em;
        text-transform: uppercase;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        height: 43px;
        border-left: 1px solid #fff;
    }
    
    
    .priceLinePeriod {
        display: block;
        width: 41%;
        font-size: 10px;
        height: 35px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        background: #F5F4F4; 
        padding-left: 10px; 
    }
    .priceLineYaer1In {
        width: 29.5%;  
        background: #F5F4F4;
        font-weight: 700;
        font-size: 10px;
        line-height: 145%;  
        display: block;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        padding-left: 10px;
    }
    .priceLineYaer1Out {
        width: 29.5%;  
        background: #F5F4F4;
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        display: block;
        height: 35px;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        padding-left: 10px;
    }
    .priceLineItem {
        margin-top: 0px;
    }
    .priceMobCenter {
        width: 100%;
        min-height: 40px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; 
        flex-wrap: nowrap; 
        text-align: center;
        font-weight: 600;
        font-size: 9px;
        line-height: 145%;
        letter-spacing: 0.02em;
        text-transform: uppercase;       
        color: #FFFFFF;
        background: #00572C;
        padding: 5px 10px;
        margin: 5px 0px;
    }
    .priceMobLeftYear {
        display: block;
        width: 55%;
        height: 38px;  
        position: relative;
    }
    .priceMobLeftYearBig {
        position: absolute;
        top: 0px;   
        left: 0px;   
        width: calc(100% - 95px);
        height: 76px;
        background: #00572C;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 9px;
        line-height: 145%; 
        letter-spacing: 0.02em;
        text-transform: uppercase;      
        color: #FFFFFF;
        z-index: 2;
        padding-left: 6px;
        padding-right: 6px;
        word-break: break-word;
        max-width: 180px;
        border-right: 1px solid #fff;
    }
    .priceMobLeftYearSmall {
        background: #434343;
        font-weight: 600;
        font-size: 8px;
        line-height: 145%; 
        letter-spacing: 0.02em;
        text-transform: uppercase;  
        color: #FFFFFF;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        padding-left: calc(100% - 88px);
        height: 38px;              
        border-top: 1px solid #fff;
        
    }
    .priceMobLeftYearSmallNoBorder {
        border: none;
    }
    .priceLineYaer2In {
        display: block;
        height: 38px; 
        background: #F5F4F4;
        width: 45%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        border-left: 1px solid #fff;      
        padding-left: 8px;
        
    }
    .priceLineYaer2Out {
        display: block;
        height: 38px; 
        background: #F5F4F4;
        width: 45%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;    
        padding-left: 8px;
        
    }
    
    .priceMobLeftTxt {
        display: block;
        width: 55%;
        height: 38px;  
        
        background: #00572C;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 9px;
        line-height: 145%; 
        letter-spacing: 0.02em;
        text-transform: uppercase;      
        color: #FFFFFF;
        z-index: 2;
        padding-left: 6px;
        padding-right: 6px;
        word-break: break-word;     
        
        
               
    }
    
    .priceLineDoc {
        display: block;
        height: 38px; 
        background: #F5F4F4;
        width: 45%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        border-left: 1px solid #fff;     
        padding-left: 8px;
        
    }
    .priceLineApo {
        display: block;
        height: 38px; 
        background: #F5F4F4;
        width: 45%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;           
        border-left: 1px solid #fff;   
        padding-left: 8px;
        
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    .priceLineGood {
        display: block;
        height: 38px; 
        background: #F5F4F4;
        width: 45%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;   
        padding-left: 8px;
        
    }
    .priceLineCert {
        display: block;
        height: 38px; 
        background: #F5F4F4;
        width: 45%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        border-top: 1px solid #fff;  
        border-left: 1px solid #fff;   
        padding-left: 8px;   
    }
         
    .priceMob1PX {
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        position: relative;
        z-index: 3;
    }
    
    .priceLine {
        max-height: 38px;
        overflow: hidden;
        -webkit-transition: opacity .5s ease, max-height .5s ease;
        -moz-transition: opacity .5s ease, max-height .5s ease;
        -o-transition: opacity .5s ease, max-height .5s ease;
        transition: opacity .5s ease, max-height .5s ease;
    }
    .priceLineOpen {
        max-height: 500px;
    }
    
    .priceLayerTitle div {
        right: 10px;
    }
    .priceLine {
        margin-top: 5px;
    }
       
   .priceLineCountry {
       position: relative;
   }    

   .priceLineCountry div {       
        display: block;   
        position: absolute;
        top: 0px;    
        left: 0px;  
        width: 100%; 
        height: 100%; 
        z-index: 3;
   }
   .priceLineCountry:after {
       content: " ";
       width: 18px;
       height: 18px;
       background: url("../img/priceLineCountryArr.svg") 50% 50% no-repeat;
       position: absolute;
       top: 0px; 
       bottom: 0px; 
       right: 10px;
       margin: auto;
       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;
   }
   .priceLineOpen .priceLineCountry:after {
       opacity: 1;
       visibility: visible;
   } 
   .priceMobLink {
       width: 100%;
       background: #F5F4F4;
       height: 35px;
       display: block;
       font-weight: 600;
        font-size: 9px;
        line-height: 145%; 
        letter-spacing: 0.02em;
        text-transform: uppercase;  
        color: #00572C;
        
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; 
        flex-wrap: nowrap; 
       border-top: 1px solid #fff;
   }
   .priceMobLink span {   
       display: block;
/*       padding-right: 20px;
       background: url(../img/langArr.svg) 100% 50% no-repeat; */  
   }
   
    .priceLayer {
        margin-bottom: 30px;
    }
    
    .priceLayerTitle {
        color: #fff;
        font-size: 12px;
        background: #00572C;
        padding-right: 50px;
    }
    
    .priceLayerTitle div {
        border: 1px solid #fff;    
    }
    .priceLayerTitle div:after {
        filter: brightness(0) invert(1);     
    }
    
    .priceBrief {
        font-weight: 400;
        font-size: 13px;
        line-height: 145%; 
        letter-spacing: 0.02em;
    }
    
    .priceLineItem>span {
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
    }
   
                              
}



@media screen and (max-width: 1100px) { 
    .bankListItem a, .bankListItem span {
        padding-left: 15px;
        font-size: 13px;
        margin-bottom: 7px;
    }    
}
@media screen and (max-width: 950px) { 
    .bankListLayer {
        margin-top: 0px;
    }   
    .bankListItem a, .bankListItem span {
        padding-left: 18px;
        font-size: 13px;
        margin-bottom: 7px;
    } 
    .bankBriefTitle {
        font-size: 19px;
    } 
    .bankBrief {
        font-size: 12px;
    }
}
@media screen and (max-width: 650px) {        
    .bankListItem {   
        width: calc((100% - 20px) / 2);
        margin-bottom: 25px;
    }
    
    
    .bankListLayer {
        columns: auto 2;
        display: block !important;    
    }     
    .bankListItem {   
        width: 95%;         
        margin-bottom: 0px;
        padding-bottom: 25px;
        break-inside: avoid-column;
    }
    .bankBrief {
        margin-top: 30px;
    }
    
    .bankListItemTitle {
        font-size: 14px;
        text-transform: uppercase;
        margin-bottom: 5px;
    }
    
    .bankListItemTitle div {
        width: 35px;
        height: 35px;
    }
    .bankListLayer {
        margin-top: 0px;
    }   
    .bankListItem a, .bankListItem span {
        padding-left: 15px;
        font-size: 12px;
        margin-bottom: 6px;
    } 
    .bankBriefTitle {
        font-size: 16px;
    } 
    .bankBrief {
        font-size: 13px;
    }     
    
    
    
    .mapPhoto {    
        height: 215px;             
    }
}


@media screen and (max-width: 1100px) {    
    .countryListLink {
        font-size: 10px;
    } 
    .countryListRow {
        width: 23%;    
    }   
}

@media screen and (max-width: 900px) {    
    .h2, h2 {
        font-size: 19px;
        border-left: 3px solid #00572C;
    }
    .countryListContent p {
        font-size: 12px;
        margin-bottom: 17px;
    }
    .countryListLayer {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 650px) {
    .contentCountry {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .h2. h2 {
        font-size: 16px;                
        border-left: 2px solid #00572C;
        padding-left: 5px;
    }
    .countryMap {
        order: 2;
        margin-top: 0px;
        margin-bottom: 20px;
    }
    
    .countryListRow {
        width: 49%;
        margin-bottom: 14px;
    }
    
    .countryListRow:nth-child(1) {order: 1;}
    .countryListRow:nth-child(2) {order: 3;}
    .countryListRow:nth-child(3) {order: 2;}
    .countryListRow:nth-child(4) {order: 4;}
    .countryListRow:nth-child(5) {order: 5;}
    
    .countryListLayer {  
        margin-top: 0px;
        order: 1;
    }
    .countryListRow:after {
        display: none;
    }  
    .countryListLink {
        font-size: 11px;
        margin-bottom: 14px;
    }  
    .countryListContent {
        order: 3;
    }
    .countryDot {
        display: none;
    }
    .countryListContent p {
        font-size: 13px;
        margin-bottom: 19px;
    }
}


@media screen and (max-width: 1100px) { 
    .serviceGreyTwo {
        margin-top: 50px;
        font-size: 13px;
        line-height: 19px;
    }    
    .serviceGreyTwoText h2 {
        padding-bottom: 5px;
    }
    .serviceGreyTwoText p {
        margin-bottom: 8px;
    }
    .serviceGreyTwoText ul li {
        margin-bottom: 5px;
        padding-left: 15px;
    }
    .serviceGreyTwoReverse .serviceGreyTwoText {   
        width: calc(56% - 15px);
        padding: 10px;
    }
    .serviceGreyTwoReverse .serviceGreyTwoImg {
        width: calc(44% - 15px);  
    }
    .serviceGreyTwoReverse:after {
        left: calc(56% - 2px);
    }
    .serviceOtherItem span {
        font-weight: 600;
        font-size: 15px;
        line-height: 120%;
    }
    .serviceOtherItem:after {
        left: -400px;
    }
}
@media screen and (max-width: 900px) { 
    .textContent {
        font-weight: 400;
        font-size: 12px;
        line-height: 145%;
    } 
    .serviceGreyTwo {
        font-weight: 400;
        font-size: 12px;
        line-height: 145%;
        margin-bottom: 30px;
    }
    .serviceGreyTwoImg {
        width: calc(50% - 12px) !important;    
    }   
    .serviceGreyTwoText {
        width: calc(50% - 12px) !important;
        padding: 15px !important;    
    }   
    .serviceGreyTwo:after {
        left: calc(50% - 2px) !important;
        height: 30px !important;
        width: 3px !important;
    } 
    .serviceGreyTwoText h2 {
        font-weight: 600;
        font-size: 19px;
        line-height: 145%;
        margin-bottom: 5px;
    }
    .textContent .bigArr li {
        margin-bottom: 0px;
    }     
    .serviceAttention {
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
    }
    .serviceFaqTitle {
        font-weight: 600;
        font-size: 15px;
        line-height: 145%;
        margin-top: 30px;
    }
    .serviceOtherCoutnryTitle {
        font-weight: 600;
        font-size: 15px;
        line-height: 145%;
        margin-top: 30px;
    }
    .serviceOtherCaption {
        font-weight: 600;
        font-size: 15px;
        line-height: 145%;
        margin-top: 30px;
    }
}
@media screen and (max-width: 650px) { 
    .textContent {
        font-weight: 400;
        font-size: 13px;
        line-height: 145%;
    }
    .serviceGreyTwo {
        margin-top: 30px;    
    }
    .serviceGreyTwo:after {
        display: none;
    }
    .serviceGreyTwoImg {
        width: 100% !important;
        height: 140px;
    }    
    .serviceGreyTwoText {
        width: 100% !important;
        padding: 10px 15px !important;
        font-weight: 400;
        font-size: 13px;
        line-height: 145%;
    }
    .serviceGreyTwoText h2 {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .serviceGreyTwoText ul {
        margin-top: 15px;
    }
    .serviceGreyTwoText ul li {
        margin-bottom: 10px; 
    }
    .serviceGreyTwoText ul li:last-child {
        margin-bottom: 5px;
    }   
    .textContent .bigArr {  
        margin-top: 0px;
    }
    .textContent .bigArr li {
        padding-left: 50px;
        margin-bottom: 10px;
        width: 100%;
    }
    
    .textContent .bigArr2 li:last-child {
        margin-bottom: 10px;
    }
    
    .textContent .bigArr li:after {
        width: 45px;
        height: 41px;
        background-size: 32px;
    }
    .serviceAttention {
        padding: 10px;
        margin-top: 30px;
    }
    .serviceFaqTitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 145%;
        margin-bottom: 10px;
    }
    .serviceOtherCoutnryTitle {
        font-weight: 600;
        font-size: 14px;
        line-height: 145%;
        margin-bottom: 10px;
    }
    .serviceOtherCaption {
        font-weight: 600;
        font-size: 14px;
        line-height: 145%;
        margin: 30px 0px 20px;
    }
    .serviceOtherItem {  
        width: calc((100% - 24px) / 2);
        height: 120px;
    }
    .serviceOtherItem:nth-child(3) {
        display: none;
    }
    .serviceOtherItem span {
        font-weight: 600;
        font-size: 14px;
        line-height: 145%;
    }
    .serviceOther {
        margin-bottom: 0px;
    }
    .serviceOtherItem:after {
        transform: rotate3d(0, 0, 1, 30deg);
        left: -436px;    
    }
    .serviceOtherItem:before {
        left: 22px;
        bottom: 8px;
        width: 14px;
        height: 12px;
        background-size: 14px;
    }
}


@media screen and (max-width: 1100px) { 
    .bankTop {
        grid-template-columns: 245px calc(100% - 245px);
    }
    .bankTableValue {
        font-size: 13px;
    }  
    .bankTableValuePrice {
        font-size: 22px;
        font-weight: 700;
    }
    .bankOtherItemImg {
        height: 86px;    
    } 
    .bankOtherItemTitle {
        text-align: left;
    } 
    .bankOtherDot {
        margin-bottom: 20px;
    }
    .bankOtherLeft, .bankOtherRight {
        top: 31px;
    }
}

@media screen and (max-width: 900px) { 
    .bankTop {
        grid-template-columns: 250px calc(100% - 250px);
    }  
    .bankLogo {
        margin-right: 24px;    
    }      
    .bankTableTitle {
        width: 177px;
    }   
    .bankTableValue {
        width: calc(100% - 180px);
    }
    .bankAttention {
        font-size: 10px;
    }
    .bankOtherCaption {
        font-size: 15px;
    }
}
@media screen and (max-width: 650px) {    
    .bankTop {
        grid-template-columns: 162px calc(100% - 162px);
        margin-bottom: 30px;
    }  
    .bankLogo {
        margin-right: 10px;
        grid-row-end: 2;    
    }
    .bankTopTextDop {             
        grid-column-start: 1;
        grid-column-end: 3;
        padding-top: 10px;
    }  
    .bankTopTextMain p:last-child {
        margin-bottom: 0px;
    }
    .bankTable {
        margin-top: -10px;
    }
    .bankTableLinePrice .bankTableTitle {
        width: 186px;
        padding-right: 10px !important;
    }
    .bankTableLinePrice .bankTableTitle:after {
        display: none;                 
    }
    

    .bankTableValuePrice>div .bankPriceAttention {
        right: unset; 
        left: -25px; 
        top: 0px;
    }   
    .bankTableValuePrice {
        overflow: visible !important;
    } 
    
    .bankTableValuePrice {
        width: calc(100% - 189px) !important;
        align-items: flex-end;
        font-size: 18px;
        max-height: inherit !important;
        padding: 10px !important;
        opacity: 1 !important;
        display: flex !important;
    }
    .bankTableTitle {
        width: 100%;
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        min-height: 51px; 
        padding-right: 60px;
        position: relative;   
    }
    .bankTableTitle:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px; 
        right: 20px; 
        margin: auto;
        width: 24px;
        height: 24px;
        background: url("../img/bankTableTitle.svg") 50% 50% no-repeat;
        -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;
        transform: rotateY(0deg) rotate(0deg);    
    }
    .bankTableTitleActive .bankTableTitle:after {
        transform: rotateY(0deg) rotate(180deg); 
        background: url(../img/bankTableTitleActive.svg) 50% 50% no-repeat; 
        border-radius: 24px;
    }
    
    .bankTableValue {
        width: 100%;
        max-height: 0px;
        overflow: hidden;
        padding: 0px;
        display: block;
        -webkit-transition: opacity .5s ease, max-height .5s ease;
        -moz-transition: opacity .5s ease, max-height .5s ease;
        -o-transition: opacity .5s ease, max-height .5s ease;
        transition: opacity .5s ease, max-height .5s ease;
        opacity: 0;                  
    }
    .bankTableTitleActive .bankTableValue {
        opacity: 1;        
    }
    .bankTableValueText {
        padding: 10px;    
        font-size: 13px; 
    }
    .bankTableValueText b, .bankTableValueText .tagb {   
        font-size: 13px;
    }
    .bankAttention {
        padding: 10px;
    }
    .bankOtherCaption {
        font-size: 14px;
    }
    .bankOtherItemTitle {
        font-size: 14px;
    }
    .bankOtherItem {   
        
    }
       
}


@media screen and (max-width: 400px) {    
    .bankOtherItemTitle {
        font-size: 12px;
    }        
}
@media screen and (max-width: 1100px) {    
    .n404Caption {
        margin-bottom: 10px;
    }   
    .n404LayerRight {
        width: calc(100% - 337px);
    } 
}
@media screen and (max-width: 900px) {    
    .n404Big {
        font-size: 150px;
        text-align: center;
    }
    .n404Caption {
        font-size: 19px;
        margin-bottom: 16px;
    }
    .n404Layer {
        margin-bottom: 200px;
    }
}
@media screen and (max-width: 680px) { 
    .n404Layer {
        display: block;
        position: relative;
        margin-bottom: 180px;
    }    
    .n404Big {
        font-size: 120px;
        text-align: left;   
    }
    .n404LayerLeft {
        float: left;
        width: 230px;  
        padding-right: 19px;
    }
    .n404Button {
        display: none;
    }
    .n404LayerRight {
        width: calc(100% - 230px);
        display: inline-block;
        margin-top: 44px;
    }
    .n404Caption {
        font-size: 16px;  
    }
    .n404Brief {
        width: 100%;
        position: absolute;
        left: 0px;
        top: 130px;
        font-size: 9px;
    }
    .n404ButtonDown {
        display: flex;
        clear: both;       
        max-width: 250px;
        margin: auto;  
        margin-top: 20px;
        font-size: 9px; 
        height: 35px;
    }
}
@media screen and (max-width: 359px) { 
    .n404Big {
        font-size: 80px;
        text-align: left;   
    }
    .n404LayerLeft {
        float: left;
        width: 160px;  
        padding-right: 19px;
    }   
    .n404LayerRight {
        width: calc(100% - 180px);
        margin-top: 10px;
    }
    .n404Brief {
        top: 90px;
    }
}
@media screen and (max-width: 1100px) { 
    .searchResultList {
        margin-bottom: 25px;
    }    
    .searchResultList .searchResultItem:last-child {
        margin-bottom: 0px;
    }
}
@media screen and (max-width: 950px) { 
    .searchResultItem span {
        font-size: 12px;
        line-height: 145%;
    }
    .searchItemCaption {
        font-size: 19px;
    }
}
@media screen and (max-width: 650px) { 
    .searchInput {
        width: 214px;
        margin-bottom: 20px;
    }
    .searchInput input {
        font-size: 9px;
        padding-left: 15px;
    }
    .searchItemCaption {
        font-size: 16px;
    }
    .searchItemCaption div {
        right: 5px;
    }
    .searchResultItem a {
        margin-bottom: 5px;
    }
    .searchResultItem span {
        font-size: 13px;
        line-height: 145%;
    }
}
@media screen and (max-width: 1100px) { 
    .siteMapLayer a {
        font-size: 10px;
        padding-top: 6px;  
    }   
}
@media screen and (max-width: 950px) { 
    .siteMapLayer a {    
        padding-top: 5px;  
    }  
    .siteMapSerach {
        width: calc((100% - 48px) / 3);
    }  
}
@media screen and (max-width: 650px) { 
    .siteMapLayer a {    
        padding-top: 5px;  
        padding-left: 10px;
        font-size: 11px;
    }  
    .siteMapSerach {
        width: calc((100% - 48px) / 3);
    }    
    .siteMapSerach {
        width: 100%;
    } 
}
@media screen and (max-width: 1100px) { 
    .aboutTopCaption {
        margin-bottom: 30px;
    }  
    .aboutTopList {
        margin-bottom: 30px;        
    } 
    .about {
        margin-top: 110px;
    } 
    .aboutTitle {
        margin-bottom: 60px;
    }
    .aboutBrief li {
        width: 540px;
    }
    .aboutBriefImg {
        width: calc(100% - 570px);
    }
}
@media screen and (max-width: 950px) { 
    .aboutBrief li {
        width: calc(100% - 260px);
    }
    .aboutBrief li:first-child {
        width: 100%;   
    }    
    .aboutBrief li:last-child {
        width: 100%;
    }    
    .aboutBriefImg {
        width: 229px;
    }
    .aboutBriefImg:after, .aboutBriefImg:before {
        width: 4px;
        height: 40px;
        top: -20px;
    }
    .aboutTopCaption {
        font-size: 12px;
    }   
    .aboutTopCaption b {
        font-size: 15px;
    }
    .aboutTop {
        margin-top: 40px;
    }
    .aboutTopTitle {
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 40px;
    }
    .aboutTopItem {
        font-size: 12px;
    }
    .aboutGreen {
        height: 30px;
        margin-top: 10px;
    }
    .aboutTitle {
        font-size: 19px;
        margin-bottom: 30px;
    }
    .about {
        margin-top: 100px;
    }
    .aboutBrief li {
        font-size: 12px;
    }
    .aboutBriefImg:after, .aboutBriefImg:before {
        
    }
}
@media screen and (max-width: 650px) { 
    .aboutBrief li {
        width: 100%;
        background: url(../img/aboutBriefLi.svg) no-repeat 0px 2px;
    } 
    .aboutTopCaption {
        font-size: 13px;
        margin-bottom: 25px;
    } 
    .aboutTopCaption b {
        font-size: 14px;
    }           
    .aboutTopTitle {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .aboutTopItem {
        width: calc((100% - 30px) / 2);
        font-size: 13px;
        margin-bottom: 15px;
        padding-top: 76px;
    }
    .aboutTopItem div {
        width: 65px;
        height: 65px;
        background-size: 28px !important;
    }
    .aboutGreen {
        display: none;
    }
    .about {
        position: relative;
        margin-top: 35px;
        padding-top: 230px;
    }
    .aboutBrief {
        position: unset;   
    }
    .aboutBriefImg {
        width: 100%;
        height: 198px;
    }
    .aboutBriefImg:after, .aboutBriefImg:before {
        width: 3px;    
    }
    .aboutBriefImg:before {
        right: 27px;
    }
    .aboutTitle {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .aboutBrief li {
        font-size: 13px;
        margin-bottom: 20px;
        padding-left: 25px;
        background-size: 15px;
    }
    
    .aboutBankLayer {
        width: calc(100%);
    }
    .aboutTopList {
        justify-content: space-around;
    }
    
}


@media screen and (max-width: 1100px) {
    .mainConsButton {
        width: 216px;
    }
    .mainConsButton:after {
        right: 15px;
    }
    .mainConsButton:before {
        right: 15px;
    }   
    .aboutTopItem {
        max-width: 216px;
    }  
} 

@media screen and (max-width: 990px) {
    .mainBannerLayer {
        height: 514px;
    } 
    .mainBannerBlock {
        top: 152px;
        padding: 20px 20px 26px 29px;
    }  
    .mainBannerTitle {
        font-size: 19px;
        font-weight: 600;
    } 
    .mainBannerBrief {
        font-size: 15px;
        max-width: 100%;
    }
    .mainConsButton {
        width: calc((100% - 48px) / 3);
    }
    .mainServiceLayer .panelServiceItem {
        width: calc((100% - 48px) / 3);
    }
    .mainServiceLayer .panelServiceItemTitle {
        padding: 7px 10px 3px 8px;
        font-size: 15px;
    }
    .mainServiceLayer .panelServiceItemTitle span {
        font-size: 19px;
    }
    .mainServiceLayer .panelServiceItemTitle:after {
        bottom: unset;
        top: 9px;
        right: 10px;
    }
    .mainServiceLayer .panelServiceItemList {
        height: 117px;
        min-height: 117px;
        padding: 10px 5px;
    }
    .mainAbout {
        padding-top: 180px;
    }
    .mainAbout .aboutTopTitle {
        margin-bottom: 30px;
    }
    .mainServiceLayer .panelServiceItemList a {
        font-size: 9px;
        padding-left: 9px;
    }
    .mainServiceLayer .panelServiceItemList a:after {
        width: 4px;
        height: 4px;       
    }
}

@media screen and (max-width: 750px) {
    .mainBannerLayer {
        height: 448px;
    } 
    .mainBannerBlock {
        width: 100%;
        padding: 8px 10px 15px;
        top: 135px;
    }
    .mainBannerCaption {
        font-size: 28px;
        line-height: 37px;
        margin-bottom: 8px;
    } 
    .mainBannerTitle {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .mainBannerBrief {
        font-size: 13px;
        margin-top: 0px;
        max-width: 100%;
    }
    .mainBannerButton {
        font-size: 9px;
        width: calc((100% - 24px) / 2);
        left: 7px;
        right: unset;
        bottom: -26px;
        height: 35px;
        line-height: 35px;
    }
    .mainBannerButton2 {
        right: 7px;
        left: unset;
        
    }
    .mainConsButton {
        width: 165px;
        right: unset;
        left: 0px;
        font-size: 9px;
        height: 35px;
        line-height: 35px;
        top: -18px;
        padding-right: 10px;
    }
    
    .mainConsButton:after {
        right: 10px;
    }
    .mainConsButton:before {
        right: 10px;
    }  
    .mainService {
        padding-top: 35px;
    }
    .mainServiceLayer {
        position: unset;
    }
    .mainServiceLayer .panelServiceItemTitle {
        font-size: 16px;
        padding: 7px 18px 8px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 2;
        width: 100%;
        background: rgba(255, 255, 255, 0.8);
    }   
    .mainServiceLayer .panelServiceItemTitle span {
        display: inline;
        font-size: 16px;
    }
    .mainServiceLayer .panelServiceItemTitle:after {
        right: 18px;
        top: 0px;
        bottom: 0px;
    }
    .mainServiceLayer .panelServiceItemList {
        height: 170px;
        min-height: 170px; 
    }
    
    .mainServiceLayer .panelServiceItem {
        width: 100%;
        margin-bottom: 20px;
    }
    .mainServiceLayer .panelServiceItemList {
        padding-top: 60px;
    }
    .mainServiceLayer .panelServiceItemList a {
        font-size: 12px;
        margin-bottom: 15px;
        padding-left: 10px;
    }
    .mainServiceLayer .panelServiceItemList a:after {
        width: 5px;
        height: 5px;       
    }
    .mainAbout {
        padding-top: 0px;
        margin-top: -30px;
    }
    .mainAbout .aboutTopTitle {
        margin-bottom: 15px;
    }
}


@media screen and (max-width: 480px) {
    .mainBannerLayer {
        margin-top: 50px;
    }    
}


@media screen and (max-width: 1100px) { 
    .mainAbout .aboutTopList {
        margin-bottom: 40px;
    }    
}
@media screen and (max-width: 950px) { 
    .mainAbout .aboutTopList {
        margin-bottom: 30px;
    } 
    .mainSpecial {
        padding-top: 25px;    
    }
    .mainSpecialTitle {
        font-size: 19px;
        margin-bottom: 30px;
    }
    .mainSpecialItem {
        height: 210px;
        padding-right: 0px;
        padding-left: 0px;  
    }    
    .mainSpecialItem a span{
        font-size: 15px;
        max-width: 133px;
        top: 15px;
        left: 15px;
    }
    .mainSpecialLayer {  
        width: calc(100% - 0px);
    }
    .mainSpecialItem a:after {
        left: -405px;
    }
    .mainYear {
        height: 170px;
        text-align: center;
    }
    .mainYearTitle {
        font-size: 40px;
        margin-bottom: 0px;
    }
    .mainYearBrief {
        font-size: 15px;
    }
}
@media screen and (max-width: 650px) { 
    .mainAbout .aboutTopList {
        margin-bottom: 15px;
    } 
    .mainSpecial {
        padding-top: 20px;
    }                                                               
    .mainSpecialTitle {
        font-size: 16px;
        margin-bottom: 20px;
    } 
    .mainSpecialItem {
        height: 181px;
    } 
    .mainSpecialItem a span {
        font-size: 14px;
        font-weight: 600;
        left: 15px;
        top: 0px;
        bottom: 15px;
        margin: auto;
        
            
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap;  
        max-width: 131px;
    }   
    .mainSpecialItem a:after {
        left: -365px;
        top: -228px;
        transform: rotate3d(0, 0, 1, 36deg);
    }
    .mainYear {
        height: 130px;
        text-align: center;
    }
    .mainYearTitle {
        font-size: 28px;
        margin-bottom: 5px;
    }
    .mainYearBrief {
        font-size: 12px;
    }
}
@media screen and (max-width: 900px) { 
    .mainGreen {
        margin-top: 65px;
    }
    .mainBriefTitle {
        font-size: 19px;
        margin: 30px 0px 50px;
    }
    .mainBriefContent li {
        margin-bottom: 10px;
    }   
    .mainBriefImg:before, .mainBriefImg:after {
        width: 4px;
    } 
    .mainNewsTitle span {
        font-size: 19px;
        padding-right: 33px;
    }
    .mainNewsBig {
        width: calc(67% - 12px);
    }
    .mainNewsBigImg {
        height: 375px;
    }
    .mainNewsBigTitle {
        font-size: 15px;
    }
    .mainNewsList {
        width: calc(33% - 12px);
    }
    .mainNewsList .mainNewsItem:nth-child(3) {
        display: none;
    }
    .mainNewsItemImg {
        width: 100%;
        height: 120px;
    }
    .mainNewsItemRight {
        width: 100%;
    }
    .mainNewsItemImg {
        margin-bottom: 5px;
    }
    .mainNewsItemDate {
        margin-bottom: 2px;
    }
    .mainNewsItemTitle {
        margin-bottom: 2px;  
        font-size: 15px;
    }
    .mainNewsItemBrief {   
        -webkit-line-clamp: 2;  
    }
}
@media screen and (max-width: 650px) { 
    .mainSpecialLayer {
        margin-bottom: 20px;
    }
    .mainBriefTitle {
        font-size: 16px;
        margin: 30px 20px 15px;
    } 
    .mainBriefContent ul {
        width: 100%;
    } 
    .mainBriefContent li {
        font-size: 13px;    
    } 
    .mainBriefImg {
        width: 100%;
        background: none;
        margin-bottom: 30px;
    } 
    .mainBriefImg:before, .mainBriefImg:after {
        display: none;
    }
    .mainBriefImg a {
        bottom: -60px;
        width: 152px;
        height: 35px;
        line-height: 35px;
        font-size: 9px;
        right: 0px;
    }
    .mainGreen {
        height: 15px;
        margin-top: 30px;
    }
    
    .mainNews {
        
    }
    .mainNewsTitle span {
        font-size: 16px;  
        padding-right: 25px;
        background-size: 18px;
    }
    .mainNewsTitle {
        margin-top: 25px;
        margin-bottom: 15px;
                
    }
    .mainNewsBig {
        width: 100%;
    }
    .mainNewsBigImg:before, .mainNewsBigImg:after {
        height: 40px;
        width: 3px;
        top: -20px;
        left: 20px;
        
    }
    .mainNewsBigImg:after {
        left: 27px;
    }
    .mainNewsBigImg {
        height: 160px;    
    }
    .mainNewsBigDate {
        font-size: 13px;    
        margin-bottom: 5px;
    }  
    .mainNewsBigTitle {
        font-size: 14px;
        margin-bottom: 5px;    
    }
    .mainNewsBigBrief {
        font-size: 13px;
        -webkit-line-clamp: 4; 
        margin-bottom: 20px; 
        
    }
    .mainNewsList {
        width: 100%;
        flex-direction: row;
        align-items: flex-start;
    }
    .mainNewsItem {
        width: calc(50% - 12px);
    }
    .mainNewsItemDate {
        font-size: 13px; 
        margin-bottom: 5px;    
    }
    .mainNewsItemTitle {  
        font-size: 14px;  
        margin-bottom: 5px;  
        -webkit-line-clamp: 3;   
    }
    .mainNewsItemBrief {
        font-size: 13px; 
        -webkit-line-clamp: 3;   
    }
}


@media screen and (max-width: 1250px) { 
    .mainActionItemBrief span {
        font-size: 14px;
    }   
    .mainActionItemBrief div {
        font-size: 14px;
        padding-right: 10px;
    }  
}
@media screen and (max-width: 950px) {   
    .mainActionLayer {
        width: calc(100% - 0px);
        height: 180px;
    } 
    .mainActionItem {
        height: 180px;
        padding: 0px 0px;
    }
    .mainActionItemBrief {
        height: 30px; 
        left: 0px;
        width: calc(100%);    
    }
    .mainActionItemBrief span {
        line-height: 30px;
        font-size: 11px;
    }   
    .mainActionItemBrief div {  
        line-height: 30px;
        font-size: 12px;
    }  
        
}
                                        
@media screen and (max-width: 650px) { 
    .mainActionLayer {
        margin-bottom: 0px;
    }  
    .mainActionItemBrief {
        height: 30px;    
    }
    .mainActionItemBrief span {
        line-height: 30px;
        font-size: 13px;
    }   
    .mainActionItemBrief div {  
        line-height: 30px;
        font-size: 15px;
    }   
    .mainAction {
        margin-top: 30px !important;
    }
}
@media screen and (max-width: 1100px) { 
    .landPriceTopItem {
        font-size: 9px;
        padding: 0px 5px;
    } 
    .landPriceItemName {
        font-size: 9px;
    }
    .landPriceItemPeriod {
        font-size: 10px;
    }
    .landPriceItemPrice, .landPriceItemPrice2, .landPriceItemDov {
        font-size: 11px;
    }   
}

@media screen and (max-width: 650px) { 
    .landPriceTopList {
        display: none;
    }
    .landPriceList {
        flex-direction: row; 
        background: #fff;
    }
    .landPriceItem {
        width: 100%;      
        
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch; 
        flex-wrap: wrap;
        margin-bottom: 3px; 
        padding: 0px; 
    }
    .landPriceItemMob {
        min-height: 51px;
        padding: 2px 5px;
        display: block;
        width: calc(46% - 1.5px);
        
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center; 
        flex-wrap: nowrap; 
        background: #00572C;
        text-align: left;
        
        
        font-weight: 600;
        font-size: 9px;
        line-height: 130%;  
        letter-spacing: 0.02em;
        text-transform: uppercase;

        color: #FFFFFF;
    } 
    .landPriceItem>span {
        width: calc(54% - 1.5px);
        background: #F5F4F4;
        
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center; 
        flex-wrap: nowrap; 
        
    } 
    .landPriceItem .priceAttention {
        right: 20px;
    }  
    .landContent h2 {
        font-size: 16px;   
        border-left: 2px solid #00572C;
        padding-left: 5px;   
        margin-bottom: 15px;
    }
    .landPriceItemName {
        font-weight: 600;
        font-size: 10px;
        line-height: 145%;
        min-height: 35px;
        background: #F5F4F4;
        margin-bottom: 4px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        padding: 2px 35px 2px 10px;
        position: relative;
    }
    .landPriceItemName:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px; 
        right: 15px;
        margin: auto;
        width: 18px;
        height: 18px;
        background: url("../img/landPriceItemName.svg") no-repeat 50% 50%;
        -webkit-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -moz-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
    }
    .landPriceItemName:before {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px; 
        right: 15px;
        margin: auto;
        width: 18px;
        height: 18px;
        background: url("../img/landPriceItemNameUp.svg") no-repeat 50% 50%;
        -webkit-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -moz-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        opacity: 0;
        visibility: hidden;
                                                                           
        transform: rotateY(0deg) rotate(180deg); 
    }
    .landPriceItemOpen .landPriceItemName:before {
        opacity: 1;
        visibility: visible;     
        transform: rotateY(0deg) rotate(0deg); 
    }
    .landPriceItemOpen .landPriceItemName:after {  
        opacity: 0;
        visibility: hidden;
        transform: rotateY(0deg) rotate(-180deg); 
    }
    .landPriceList {
        max-height: 35px;
        overflow: hidden;
        -webkit-transition: max-height .5s ease, visibility .5s ease;
        -moz-transition: max-height .5s ease, visibility .5s ease;
        -o-transition: max-height .5s ease, visibility .5s ease;
        transition: max-height .5s ease, visibility .5s ease;
        margin-bottom: 6px;
    }
    .landPriceItemOpen {
        max-height: 500px;
        
    } 
}
@media screen and (max-width: 1100px) { 
    .landTypeItem {
        padding: 15px 5px 15px 10px;
    }    
    .landTypeBrief li {
        padding-left: 14px;
        margin-bottom: 12px;
    }
    .landTypeBrief ul {
        margin-top: 10px;
    }
    .landTypeItemImg {
        padding: 0px;
    }
    .landCompTitle {
        font-size: 15px;
    }
    .landCompItem ul {
        padding: 10px 5px 0px;
    }
    .landCompItem li {
        padding-left: 13px;
        font-size: 12px;
        margin-bottom: 10px;
    }
    .landCompItem {
        font-size: 12px;        
    }
}
@media screen and (max-width: 950px) { 
    .landPriceBrief {
        font-size: 12px;
    }  
    .landAboutBrief h2 {
        font-size: 19px;
    } 
    .landAboutBrief {
        font-weight: 400;
        font-size: 12px;
        line-height: 145%;
    } 
    .landAboutImg {
        width: calc(50% - 12px);
    }
    .landAboutBrief {
        width: calc(50% - 12px);
    }
    .landAboutImg:before, .landAboutImg:after {
        width: 4px;
    }
    .landAboutLayer {
        margin-bottom: 30px;
    }
    .landEdge h2 {
        font-size: 19px;
        margin-bottom: 21px;
    }
    .landEdge .bigArr li {
        margin-bottom: 25px;
    }
    .landTypeTitle {
        font-size: 15px;
    }
    .landTypeBrief {
        font-size: 12px;
        
    }
    .landTypeItem {
        width: calc(33.33333% - 16px);
        padding: 10px 5px 10px 10px;
    }
    .landTypeBrief ul li:after {
        top: 4px;
    }
    .landTypeItemImg {
        padding: 0px;
    } 
    .landTypeItemImg:before, .landTypeItemImg:after {
        width: 4px;
    }
    .landComp h2 {
        font-size: 19px;
    }
    .landCompItem {
        width: calc(33.3333% - 16px);
    }
    .landCompItem ul {
        padding: 10px 5px 10px 10px;
    }
    .landCompItem li {
        padding-left: 18px;
    }
    .landType {
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 650px) { 
    .landPriceBrief {
        font-size: 13px;
    }
    .landAboutImg {
        width: 100%;
        height: 180px;
    }
    .landAboutBrief {
        width: 100%;
        font-size: 13px;
        background: #F5F4F4;
        padding: 10px;
    } 
    .landAboutBrief h2 {
        font-size: 16px;
        margin-bottom: 10px;
        border-left: none;
        padding-left: 0px;
    }   
    .landAboutImg:before, .landAboutImg:after {
        display: none;
    }
      
    .landEdge h2 {
        font-size: 16px;
        margin-bottom: 15px; 
        
    }
    .landEdge .bigArr li {
        width: 100%;
        margin-bottom: 15px;
        font-size: 13px;
    }
    .landEdge {                   
        margin-bottom: 15px;
    }
      
    .landType {
        margin-bottom: 30px;
    }
    .landTypeItem {
        width: calc(50% - 2px);
        order: 2;  
        padding: 10px 5px 5px 5px;  
    }
    .landType2 .landTypeItem {
        width: calc(100%);
        order: 2;  
        padding: 15px 15px 15px 15px;  
    }
    .landType2 .landTypeItemImg {
        padding: 0px;
        order: 1;
    }
    .landTypeItemImg {
        width: 100%;
        order: 1;
        height: 203px;
        padding: 0px;
    }
    .landTypeItemImg:before, .landTypeItemImg:after {
        display: none;
    }
    .landTypeTitle {
        font-size: 13px;
    }
    .landTypeBrief {
        font-weight: 600;
        font-size: 13px;
        line-height: 145%;
    }
    .landTypeBrief li {
        font-weight: 400;
    }
    .landTypeBrief ul li:after {
        width: 7px;
        height: 7px;
        top: 7px;
    }
    .landComp h2 {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .landCompItem, .landCompList2 .landCompItem {
        width: 100%;
        margin-bottom: 30px;
    }
    .landCompTitle {
        min-height: 80px !important;
        font-size: 14px;
        padding-right: 50px;
    }
    .landCompItem li {
        font-size: 13px;
        padding-left: 13px;
    }
    .landCompItem {
        font-size: 13px;  
    }
    
    .landCompItem li:after {
        width: 7px;
        height: 7px;
        top: 6px;
    }
    .landCompItem ul, .landCompItem p {
        max-height: 0px;
        overflow: hidden;
        padding: 0px;
        -webkit-transition: max-height .5s ease, visibility .5s ease;
        -moz-transition: max-height .5s ease, visibility .5s ease;
        -o-transition: max-height .5s ease, visibility .5s ease;
        transition: max-height .5s ease, visibility .5s ease;
    }  
    .landCompItem p {
        margin: 0px 5px;
    }
    
    .landCompTitle {
        position: relative;
    }
    .landCompTitle:after {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px; 
        right: 15px;
        margin: auto;
        width: 18px;
        height: 18px;
        background: url("../img/landCompItem.svg") no-repeat 50% 50%;
        -webkit-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -moz-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
    }
    .landCompTitle:before {
        content: " ";
        position: absolute;
        top: 0px;
        bottom: 0px; 
        right: 15px;
        margin: auto;
        width: 18px;
        height: 18px;
        background: url("../img/landCompItemUp.svg") no-repeat 50% 50%;
        -webkit-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -moz-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        -o-transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        transition: opacity .5s ease, visibility .5s ease, transform .5s ease;
        opacity: 0;
        visibility: hidden;
                                                                           
        transform: rotateY(0deg) rotate(180deg); 
    }
    .landCompItemOpen .landCompTitle:before {
        opacity: 1;
        visibility: visible;     
        transform: rotateY(0deg) rotate(0deg); 
    }
    .landCompItemOpen .landCompTitle:after {  
        opacity: 0;
        visibility: hidden;
        transform: rotateY(0deg) rotate(-180deg); 
    }
    .landCompItemOpen ul, .landCompItemOpen p {
        max-height: 1500px;
    }
    .landCompItem li {
        margin-left: 10px;
        margin-top: 10px;
        margin-bottom: 0px;
        margin-right: 5px;
    }
    .landCompItem li:last-child {
        margin-bottom: 10px;       
    }
    .landAboutLayer {
        margin-top: 20px;
    }
    
   
}


@media screen and (max-width: 1100px) { 
    .landPartLeft {
        width: 54px;
        min-height: 56px;
    }    
    .landPartMax .landPartRight:after, .landPartRight {
        width: calc(100% - 84px);
    }
    .landPartLeft img {
        top: 13px;
    }
}
@media screen and (max-width: 950px) { 
    .landPart {
        margin-top: 30px;
    }
    .landPartTitle {
        font-size: 19px;
    }
    .landPartBrief {
        font-size: 12px;
    }
}
@media screen and (max-width: 650px) { 
    .landPartLeft {
        width: 35px;
        min-height: 35px;
    }    
    .landPartMax .landPartRight:after, .landPartRight {
        width: calc(100% - 45px);
    }
    .landPartLeft img {
        max-width: 70%;
        max-height: 70%;
    }
    .landPartTitle {
        font-size: 16px;
    }
    .landPartBrief {
        font-size: 13px;
    }
    .landPartLeft img {
        top: 10px;
    }
}



/*/////SWIPE*/
@media screen and (max-width: 1100px) { 
    .aboutBankItem {
        margin-right: 35px;
    }    
}
@media screen and (max-width: 650px) { 
    .sliderLayerAboutBank {
        width: 230px;
    }    
}


@media screen and (max-width: 950px) { 
    .landNewsItemImg {
        margin-bottom: 10px;
    }
    .landNewsItemTitle {
        font-size: 15px; 
        margin-bottom: 10px;
    }    
    .landNewsItemBrief {
        font-size: 12px;
    }
}
@media screen and (max-width: 650px) { 
    .landNewsBack {
        margin-top: 30px;
    } 
    .landNewsItemImg {
        height: 115px;
        margin-bottom: 5px;
    } 
    .landNewsItemTitle {
        font-size: 14px; 
        line-height: 145%;
        margin-bottom: 5px;
        -webkit-line-clamp: 4;
    }     
    .landNewsItemBrief {
        font-size: 13px;
        line-height: 145%;
        -webkit-line-clamp: 3;
    }    
    .landNewsItem {
        height: 262px;  
        margin-right: 24px;  
    }
    .landNewsLayer {
        height: 262px;  
        
    }
    
}


@media screen and (max-width: 950px) { 
    .backFormLayer {
        padding: 20px 70px;
        width: 668px;
    }    
}

@media screen and (max-width: 700px) { 
     .backFormLayer {
        padding: 15px 15px 8px;
        min-width: 328px;
        width: 80%;
     }   
     .backFormTitle:after {
         display: none;
     }
     .backFormTitle span {
         font-size: 10px;
         margin-bottom: 5px;
     }
     .backFormTitle div {
         font-size: 14px;
     }
     .backFormClose {
         top: 15px;
         right: 15px;
         width: 15px;
         height: 15px;      
     }
     .backFormClose:before, .backFormClose:after {
         top: 7px;
         height: 1px;
         width: 20px;
         left: -3px;
     }  
     .backFormInput {  
        margin-bottom: 5px;
     }  
     .backFormInput input, .backFormInput textarea {
         font-size: 9px;
         padding: 11px 9px;
     }
    .backFormInput textarea { 
        height: 80px; 
        font-size: 10px;
        letter-spacing: 0.04em;  
    }
    .backFormSend {
        margin-top: -5px;
    }
     
}
@media screen and (max-width: 990px) { 
    body .aboutConsButton {
        display: block !important;
        margin-left: 0 !important;
        position: absolute;
        right: 0px;
        top: 0px;
    } 
    .centerLayer {
        position: relative;
    }   
    
}


@media screen and (max-width: 700px) { 
    .newsContentTableLayerActive {
        overflow: scroll;
        width: 100%;
    }
    
    .newsContentTableLayerActive table {
        min-width: 100%;    
        width: 100% !important;    
    }
}

@media screen and (max-width: 480px) { 
    .searchInputLayer {
        left: 0px !important;
        right: 0px !important;
        width: 90%;
        margin: auto;
    }    
    .searchInputLayer input {
        width: 100%;
    }
}
@media screen and (max-width: 990px) { 
    body .showMobConsButton .consButton {
        display: block !important;
        margin-left: 0 !important;
        position: absolute;
        right: 0px;
        top: -19px;
    }    
}
@media screen and (max-width: 600px) { 
    body .showMobConsButton .consButton {
        width: 120px;
    }    
}
@media screen and (max-width: 650px) { 
    .textContent ul li:after {
        width: 7px;
        height: 7px;
        top: 7px;
    }    
}

@media screen and (max-width: 650px) { 
    .starRatingLayer {
        display: block;
    }
    .starRatingH1 {
        text-align: center;
    } 
    .starRatingBrief {
        text-align: center;
    }   
    .starRatingInfo {
        text-align: center;
    }   
    .starRatingLayer>div:nth-child(1) {
        margin-right: 0px;    
    }
    .rateList {
        margin: 10px auto 10px;
    }
}

@media screen and (max-width: 950px) { 
    .payoneerRight {
        display: none;
    }    
}
@media screen and (min-width: 950px) { 
    .payonnerBottom {
        display: none;
    }    
}

@media screen and (max-width: 500px) { 
    .payonnerBottom2 {
        display: block;
    }    
    .payonnerBottom1 {
        display: none;
    }    
}


@media screen and (max-width: 1200px) {  
    
    .rewProRow {
        width: calc(50% - 5px);  
    }    
}

@media screen and (max-width: 1080px) { 
    .rewProForm {
        flex-direction: column;
    } 
    .rewProRow {
        width: 100%;  
    }  
    .rewProSubmit {     
        flex-direction: column;  
        justify-content: center;  
        align-items: center;  
    }  
    .rewProButton {
        line-height: 39px;
        height: 39px;
        width: 100%;
        margin-top: 5px;
    }    

}
@media screen and (max-width: 600px) { 
    .rewProTitle {
        font-size: 10px;
        line-height: 145%;
        margin-top: 22px;
    }
    .rewProTitle2 {
        font-size: 14px;
        line-height: 145%; 
    }
}
@media screen and (max-width: 650px) { 
    .mainOddsH1 {
        font-size: 16px;
        margin-bottom: 5px;
    }   
    .mainOddsH2 {
        font-size: 12px;
    } 
    .mainOdds {
        height: 550px;
    }
    .maonOddsLayer {
        height: 500px;
        overflow: visible;
    }
    .mainOddsItem {
        width: 33%;
    }
    .mainOddsItem div { 
        font-size: 12px;
        line-height: 145%; 
        width: 120%;
        margin-left: -10%;
    }
    
    .mainOddsItem:nth-child(1) span { font-size: 30px; width: 80px; height: 80px; }  
    .mainOddsItem:nth-child(2) span { font-size: 28px; width: 90px; height: 90px; }  
    .mainOddsItem:nth-child(3) span { font-size: 30px; width: 100px; height: 100px; }  
    .mainOddsItem:nth-child(4) span { font-size: 26px; width: 70px; height: 70px; }
    .mainOddsItem:nth-child(6) span { font-size: 28px; width: 90px; height: 90px; }      
    
    .mainOddsItem:nth-child(1) span { font-size: 25px; width: 50px; height: 50px; }  
    .mainOddsItem:nth-child(2) span { font-size: 21px; width: 60px; height: 60px; }  
    .mainOddsItem:nth-child(3) span { font-size: 24px; width: 70px; height: 70px; }  
    .mainOddsItem:nth-child(4) span { font-size: 20px; width: 60px; height: 60px; }
    .mainOddsItem:nth-child(5) span { font-size: 23px; width: 70px; height: 70px; }      
    .mainOddsItem:nth-child(6) span { font-size: 20px; width: 60px; height: 60px; }      

}


@media screen and (max-width: 990px) { 
    .tmpPanelAbout .consButton {
        margin-top: -20px !important;
        
    }    
}

@media screen and (max-width: 800px) {      
    .tmpPanelAbout .consButton {
        margin-right: 18px;
    }    
}
@media screen and (max-width: 600px) {      
    .tmpPanelAbout .consButton {
        margin-right: 16px;
    }    
}


@media screen and (max-width: 990px) {
    .aboutCompanyEdge .bigArr2 li {
        width: calc(50% - 14px);
    }            
}
@media screen and (max-width: 650px) {
    .aboutCompanyEdgeTitle {
        font-size: 16px;
        padding-bottom: 20px;
    }    
}
@media screen and (max-width: 550px) {
    .aboutCompanyEdge .bigArr2 li {
        width: 100%;
        
    } 
    
    .aboutCompanyEdge {
        padding-top: 30px;
        max-width: 350px;
        margin: auto;
    }           
}
@media screen and (max-width: 650px) {
    .mainNewsTitle {
        text-align: center !important;
    }    
}

@media screen and (min-width: 730px) {
    .headMenu:not(.headFixed) .headMenuServiceLayer {
        background: #fff;
        padding: 20px; 
        justify-content: flex-end;  
    }  
    .headMenu:not(.headFixed) .headMenuServiceLayer a {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.02em;
        color: #000;
        display: block;
        display: none;     
    }
    .headMenu:not(.headFixed) .headMenuServiceLayer a:after {
        background: #00572C;
    }
    
    .headMenu:not(.headFixed) .headMenuServiceLayer .headMenuServiceRowTitle {
        font-size: 14px;
        line-height: 38px;
        font-weight: 600;
        letter-spacing: 0.02em;
        text-transform: uppercase;
        color: #000; 
        position: absolute;
        top: 0px;
        left: 20px;
        width: 270px;
        text-align: center;
        padding: 0px;
        margin: 0px;  
        display: block;   
    }
    .headMenu:not(.headFixed) .headMenuServiceLayer .headMenuServiceRowTitle:after {
        display: none !important;
    }
    .headMenu:not(.headFixed) .headMenuServiceRow {
        width: calc(100% - 20px - 250px);
        background: #D9D9D9; 
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        padding: 0px 30px;
        
    }
    .headMenu:not(.headFixed) .headMenuServiceRowGreen {
        display: block;
        padding: 22px 30px;
        min-height: 250px;
    } 
    
    .headMenu:not(.headFixed)  .headMenuServiceRowGreen .headMenuServiceRowTitle {   
        background: #00572C;
        color: #fff;        
    }
    .headMenu:not(.headFixed)  .headMenuServiceRowGreen .headMenuServiceRowTitle:before {
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 0 19px 19px 18px;
        border-color: transparent transparent #00572C transparent;
        transform: rotate(90deg);
        content: " ";
        position: absolute;
        top: 10px;
        right: -28px;
        margin: auto;
    }
    
    .headMenu:not(.headFixed) .headMenuServiceRowGreen a {
        display: block; 
    } 
    .headMenu:not(.headFixed) .headMenuServiceRow:nth-child(1) .headMenuServiceRowTitle {
        top: 30px;
    }
    .headMenu:not(.headFixed) .headMenuServiceRow:nth-child(2) .headMenuServiceRowTitle {
        top: 78px;
    }
    .headMenu:not(.headFixed) .headMenuServiceRow:nth-child(3) .headMenuServiceRowTitle {
        top: 126px;
    }
    .headMenu:not(.headFixed) .headMenuServiceRow:nth-child(4) .headMenuServiceRowTitle {
        top: 174px;
    }
    .headMenu:not(.headFixed) .headMenuServiceRow:nth-child(5) .headMenuServiceRowTitle {
        top: 222px;
    }
    
    
    .headMenu:not(.headFixed) .headMenuTopBg {
        background: #D9D9D9;    
    }
    .headMenu:not(.headFixed) .headMenuTopBg a {       
        color: #000 !important;
        font-size: 10px;
    }
    
      
}
@media screen and (min-width: 1020px) {        
    .headMenu:not(.headFixed) .headMenuServiceLayer a {
        font-size: 11px;    
    }
    .headMenu:not(.headFixed) .headMenuTopBg a {        
        font-size: 11px;
    }
}


@media screen and (max-width: 1100px) {
    
    .otherCountryItem {
        position: relative;
        width: calc((100% - 50px) / 2);   
    }    
}

@media screen and (max-width: 650px) {
    
    .otherCountryItem {
        position: relative;
        width: calc((100%) / 1);   
    }    
    .otherCountryItem span {
        text-align: center; 
        justify-content: flex-start;  
        min-height: 50px;
        padding-left: 40px;    
    }
    .otherCountryItem div {
        width: 60px;
        height: 60px;
    }
}