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

} 

body, td {  
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%; 
    color: #000000;
}
body {
    background: #fff;
    color: #000000;
    
    font-family: 'Montserrat', sans-serif;
    font-style: normal;  
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;      
}
a {       
    color: #01A3E7;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}
a:hover {
    color: #01A3E7; 
}
.clear {
    clear: both;
}

.flexBox {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center; 
    flex-wrap: wrap;       
}
  .lr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline; 
    flex-wrap: wrap;       
}
.layer {
    width: calc(100% - 60px);
    max-width: 1150px;
    margin: 0px auto;
}

.head {
    width: calc(100% - 60px);
    max-width: 1150px;
    margin: 0px auto 0px;
    position: absolute;    
    top: 19px;
    left: 0;
    right: 0;
    z-index: 12;
} 
.langListHidden {
    visibility: hidden;
    opacity:0;
}
.langList {
    margin-right: 58px;
    width: 62px;
    position: relative;
}
.langList:after {
    content: " ";
    width: 12px;
    height: 2px;
    background: #FFFFFF;
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.langList a {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 18px;
    color: #FFFFFF;
    opacity: 0.5;
} 
.langActive {
    opacity: 1 !important;
}  


.hamburger {
    width: 32px;
    height: 32px;
    position: relative;
    cursor: pointer;    
}
.hamburger:after {
    content: " ";
    position: absolute;
    top: 6px;
    left: 0px;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;    
    
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.hamburger:before {
    content: " ";
    position: absolute;
    bottom: 6px;
    left: 0px;
    width: 100%;
    height: 3px;
    background: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    
}
.hamburgerActive:after {
    transform: translate(0px, 9px) rotate(45deg);  
    /*transform-origin: 6px 7px; */
}
.hamburgerActive:before {
    transform: translate(0px, -8px) rotate(-45deg);  
    /*transform-origin: 6px -3px;*/
}

.backMenu {
    position: fixed;
    top: -100%;
    left: 0;            
    width: 100%;
    height: 100%;
    background: #fff;
    
    -webkit-transition: top .3s ease;
    -moz-transition: top .3s ease;
    -o-transition: top .3s ease;
    transition: top .3s ease;

    overflow: auto;
    
    z-index: 10;
}
.backMenuLayer {
    height: 100%;
    width: 100%;
    min-height: 560px;
    position: relative;  
    
}

.backMenuActive {
    top: 0px;
}
.rightBackMenu {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; 
    height: 100%;
    background: #77B2DD;       
    
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease;
    
    

    
    padding-left: 30px;
}  
.rightBackMenu * {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity: 0;
}

.backMenuActive2 .rightBackMenu {
    width: 40%;                                      
}  
.backMenuActive2 * {
    opacity: 1;
}
.rightBackMenuList {
    position: absolute;
    top: 20%;
    left: 30px;
}
.rightBackMenuList a {
    display: block;
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 84px;
    color: #FFFFFF;
    margin-bottom: 38px;
}
.rightBackMenuFollow {
    position: absolute;
    bottom: 64px;
    left: 30px;
    color: #fff;
    
    font-family: Merriweather;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
}
.rightBackMenuFollow a {
    width: 40px;
    height: 40px;
    background: url("../img/iconsTop.svg") no-repeat;
    margin-right: 16px;
    margin-top: 20px;    
    
}    
.rightBackMenuFollow a:nth-child(1){ background-position: 0px 0px; }
.rightBackMenuFollow a:nth-child(2){ background-position: -56px 0px; }
.rightBackMenuFollow a:nth-child(3){ background-position: -112px 0px; }

.leftBackMenu {
    position: absolute;
    top: 20%;
    left: 25%;
    width: 35%;
}
.leftBackMenu a {
    display: block;
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: normal;
    font-size: 34px;
    line-height: 84px;
    color: #2E2E2E;                                  
    padding-left: 102px;
    position: relative;
    margin-bottom: 38px;
}
.leftBackMenu a:after {
    content: " ";
    width: 85px;
    height: 80px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url("../img/menu.png") no-repeat;
    position: absolute;
}
.leftBackMenu a:nth-child(1):after { background-position: 3px 0px; }
.leftBackMenu a:nth-child(2):after { background-position: -138px 0px; }
.leftBackMenu a:nth-child(3):after { background-position: -277px 0px; }
.leftBackMenu a:nth-child(4):after { background-position: -419px 0px; }
.headFixed {
    position: fixed;
}



.topLayer2 {
    width: 100%;
    position: relative;
}
.topLayer2:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    background: #78B4DF;
}
.h1Brand {
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: normal;
    font-size: 90px;
    line-height: 73.3%;
    color: #fff;
    position: relative;
    margin-left: calc(45% + 20px);
    z-index: 2;
}
.h1Brand span {
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 40px);
    width: 2000px;
    text-align: right;
    color: #78B4DF;
}
.brandBrief {
    margin-left: calc(45% + 25px);
    z-index: 2;
    color: #fff;
    position: relative;
    margin-top: 140px;
    width: 600px;
    
}



.brandTopConten {
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 64px auto 40px;
} 
.brandTopContenH2 {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 84px;
    text-transform: uppercase;
    margin-left: 30px;
    padding-left: 34px;
    position: relative;
}
.brandTopContenH2:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5000px;
    width: 5000px;
    background: #2E2E2E;
    height: 2px;
    margin: auto;
    
}
.brandMainContent {
    width: 100%;
    position: relative;
}
.brandMainContent:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    background: #78B4DF;
}

.brandTopContenBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    margin-top: 20px;
}
.brandMainContentItem {
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 0px auto 0px;   
    position: relative;
    z-index: 2; 
    padding: 44px 0px 60px;
}
.brandMainContentItem div:nth-child(1) {  
    width: 38%;
    color: #fff;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
}
.brandMainContentItem div:nth-child(1) b, .brandMainContentItem div:nth-child(1) strong, .brandMainContentItem div:nth-child(1) a {
    color: #F5CD9A;
    font-weight: 500;
}

.brandMainContentItem div:nth-child(2) {
    width: 53%;
    text-align: center;    
}
.brandMainContentItem div:nth-child(2) img {
    max-width: 100%;
}
.brandInfo {
    background: #78b4df66;
    padding: 64px 0px 106px;   
    
}
.brandInfoLayer {

    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 0px auto 0px;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;  
    
}

.brandContact {
    margin-top: 80px;
}
.brandContactH2Layer {
    overflow: hidden;
    width: 100%;
}
.brandContactH2 {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 84px;
    text-transform: uppercase;    
    text-align: center;
    position: relative; 
    margin: auto;    
    display: inline;   
}
.brandContactH2:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5055px;
    width: 5000px;
    background: #2E2E2E;
    height: 2px;
    margin: auto;
    
}
.brandContactH2:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5055px;
    width: 5000px;
    background: #2E2E2E;
    height: 2px; 
    margin: auto;      
    
}
.brandContactBrief {  
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 50px auto 56px;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 172.4%;
    
    text-align: center;
}
.brandContactAddress {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 40px;

    color: #000000;
    text-align: center;
}
.brandContactAddress a {
    color: #000000;
    
}
.callBackLayer {      
    width: calc(100% - 60px);
    max-width: 630px;
    margin: 0px auto 0px;
    margin-top: 25px;
    
}
.callBackFollow {
    width: 152px;
    margin: auto;
    margin-bottom: 65px;
}
.callBackFollow a {
    width: 40px;
    height: 40px;
    background: url("../img/icons.svg") no-repeat;
                    
    
}
.callBackFollow a:nth-child(1){ background-position: 0px -58px; }
.callBackFollow a:nth-child(2){ background-position: -56px -58px; }
.callBackFollow a:nth-child(3){ background-position: -112px -58px; }

.callbackForm input[type=text]{
    border: 2px solid #78B4DF;
    box-sizing: border-box;
    border-radius: 4px;
    width: calc(50% - 8px);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;

    color: #78B4DF;
    padding: 12px 16px;
    margin-bottom: 8px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #78b4df66;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #78b4df66;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #78b4df66;
}
:-moz-placeholder { /* Firefox 18- */
  color: #78b4df66;
}

.callbackForm textarea{
    border: 2px solid #78B4DF;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    height: 160px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.01em;

    color: #78B4DF;
    padding: 12px 16px;
    margin-bottom: 8px;
    margin-top: 34px;
}
.callbackForm label, .callbackForm .callBackPolicy {
    width: 450px;
    max-width: 100%;
    text-align: left;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 172.4%; 
    color: #000000 !important;
    margin: 8px auto 0px;
    display: block;     
}   
.callbackForm label input {
    margin-right: 8px;
}
.callbackForm .callBackPolicy {  
    padding-left: 25px;
}
.callbackForm .callBackPolicy a {
    color: #EFBB5E;
}
.callBackButton {
    width: 220px;
    height: 56px;
    
    background: #01A3E7; 
    border-radius: 4px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 56px;
    /* identical to box height, or 125% */

    text-transform: uppercase;

    color: #FFFFFF;
    text-align: center;
    margin: 50px auto 0px;
    cursor: pointer;
}
.callBackButtonInfo {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    /* or 133% */

    text-align: center;
    letter-spacing: 0.01em;

    color: #37738A;
    width: 220px;
    margin: auto;
    margin-top: 10px;
}
.footer {
    margin: 50px 0px 0px;
    background: #78B4DF;
    
}
.footerLayer {  
    width: calc(100% - 60px);
    max-width: 1110px;   
    margin: 0px auto 0px;
    position: relative;  
}
.footerLogo {
    margin-top: 10px;
    min-height: 56px;
}
.footerCenter {
    font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;   
    color: #fff;
                               
    position: absolute;   
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; 
    width: 135px;
    text-align: center;
}
.footerCenter span {
    position: relative;
    padding-right: 25px;
}

.footerCenter span:after {
    content: " ";
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: url("../img/icons.svg") no-repeat;
    background-position: 0px -117px;
    margin: auto;
}
.footerRight {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height, or 171% */

    text-align: center;

    color: #FFFFFF;    
    
}


.topLayer {
    width: 100%;
    position: relative;
}
.topLayer:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 59%;
    height: 100%;
    background: #78B4DF;
}

.h1Contact {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 110px;
    line-height: 73.3%;
    color: #fff;
    position: relative;
    margin-left: calc(41% + 0px);
    z-index: 2;
    text-transform: uppercase;
}
.h1Contact span {
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 0px);
    width: 2000px;
    text-align: right;
    color: #78B4DF;
}
.contactBrief {  
    width: calc(100% - 60px);
    max-width: 1030px;   
    margin: 0px auto 0px;
    text-align: center;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 172.4%;
    /* or 31px */

    text-align: center;

    color: #000000;
    padding-top: 56px;
    padding-bottom: 120px;
    position: relative;
}
.contactBriefLayer {
    position: relative;
}
.contactBriefLayer:after {
    content: " "; 
    position: absolute;
    top: -140px;
    left: 0;
    width: 100%;
    height: 470px;
    background: url("../img/contact.svg") no-repeat 50% 0px;
}
.contactTable {
    width: calc(100% - 60px);
    max-width: 890px;   
    margin: 0px auto 80px;
    
}
.contactTableRow {
    width: 45%;
}
.contactTableRowTitle {
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 40px;
    /* identical to box height */

    text-transform: uppercase;

    /* grey */

    color: #2E2E2E;
    text-align: center;
    margin-bottom: 24px;
}
.contactTableRowBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 172.4%;
    /* or 31px */

    text-align: center;

    color: #000000;
    margin-bottom: 24px;
}
.contactTableRowBrief a {
    color: #000;
} 
.contactLeftWall { 
    position: relative;
    top: 0%;     
    width: 1px;
    min-height: 45px;
    background: #484848;       
}


.h1Wood {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 90px;
    line-height: 100%;
    color: #fff;
    position: relative;
    margin-left: calc(41% + 20px);
    z-index: 2;                 
}
.h1Wood span {
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 40px);
    width: 2000px;
    text-align: right;
    color: #78B4DF;
}

.woodBrief {
    margin-left: calc(41% + 25px);
    z-index: 2;
    color: #fff;
    position: relative;
    margin-top: 24px;
    max-width: 620px;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    
} 
.woodCatalogLayer {  
    position: relative;     
                         
}

.woodCatalogLayer:before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 41%;
    height: 100%;
    background: #78B4DF66;
}
.woodCatalog {     
                        
} 
.woodCatalogItemLayer { 
    position: relative;    
    
}
.woodCatalogItem {     
    align-items: flex-start;  
    justify-content: flex-start;
    margin-bottom: 148px; 
    
    width: calc(100% - 60px);
    max-width: 75%;  
    margin-left: 22%;
                     

} 
.woodCatalogItemLogo {    
    text-align: center;
    width: 320px;  
    padding-top: 40px;     
}
.woodCatalogItemLogo img, .woodCatalogItemImage img {
    max-width: 100%;  
    position: relative;
    z-index: 2;  
}

.woodCatalogItemImage {
    width: calc(100% - 320px);
    transform: translate(-80px, 0px);
}
                        
.woodCatalogItemBrief {    
    /* or 30px */


    /* grey */

    color: #2E2E2E;
    
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;  
    background: #ffffffb3; 
    opacity: 0;
    visibility: hidden; 
    
    
    
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    -moz-transition: opacity .3s ease, visibility .3s ease;
    -o-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease;
}
.woodCatalogItemBriefLayer {   
    max-width: 833px;
    margin-left: 26.5%;   
    padding-top: 156px; 
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
}
.woodCatalogItem:hover .woodCatalogItemBrief {
    opacity: 1;
    visibility: visible;
}

.topExportLayer {
    background: #78B4DF;
    padding: 180px 0px 379px; 
    position: relative;   
}
.topExportLayer:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 1170px;
    background: url(../img/exportMap.svg) no-repeat 640px -100px;
    opacity: 0;                               
    -webkit-transition: opacity 1s ease, transform .3s ease;
    -moz-transition: opacity 1s ease, transform .3s ease;
    -o-transition: opacity 1s ease, transform .3s ease;
    transition: opacity 1s ease, background .5s ease;      
}

.topExportLayerLoad:after {     
    background: url(../img/exportMap.svg) no-repeat 560px -100px;
    opacity: 1; 
    
}

.topLayerTitle {  
    width: calc(100% - 60px);
    max-width: 970px;
    margin: 0px auto; 
    
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 110px;
    line-height: 90%; 
    color: #fff;  
}

.contentExportLayer {  
    width: calc(100% - 60px);
    max-width: 970px;
    margin: 96px auto 120px; 
    position: relative;
    z-index: 2;
    
}
.contentExportBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;  
    color: #2E2E2E;
}
.contentExportBrief p {
    padding: 15px 0px;
}
.contentExportBrief ul {
    list-style: none;
}
.contentExportBrief li {
    padding: 15px 0px;
    position: relative;
    display: block; 
    list-style: none; 
    padding-left: 100px; 
}
.contentExportBrief li:after {
    content: " ";
    position: absolute;
    top: 28px;   
    left: -5000px;
    width: 5070px;
    background: #2E2E2E;
    height: 2px;
    margin: auto;
}

.contentExportBrief li b, .contentExportBrief li strong {
    font-weight: 500;
    color: #01A3E7;
}

.builderLayer { 
    position: relative;
    margin-bottom: 100px;
}        
.builderLayer:before {         
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 48.5%;
    height: 100%;
    background: #78B4DF;  
}


.builderTitle { 
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: normal;
    font-size: 60px;
    line-height: 135px; 
    text-transform: uppercase;
    color: #78B4DF;
    position: relative;
    margin-left: calc(48% + 20px);
    z-index: 2;
    padding-top: 20px;
}
.builderTitle span {
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 20px);
    width: 2000px;
    text-align: right;
    color: #fff;
    padding-top: 20px;
}
.builderList {
                 
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 0px auto 0px; 
    
    margin-top: 30px;
}
.builderInfo {
    width: 446px;
    position: relative;
    z-index: 2;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 172.4%;   
    color: #FFFFFF;
}
.builderForm {
    width: 500px;
}
.builderSend {
    margin: 98px auto 0px;
    width: 220px;
    height: 56px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 56px;
    text-align: center;
    /* identical to box height, or 125% */

    text-transform: uppercase;

    color: #01A3E7;
    
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #01A3E7;
    position: relative;
    z-index: 2;
    cursor: pointer;
    
    -webkit-transition: background .8s ease, color .5s ease;
    -moz-transition: background .8s ease, color .5s ease;
    -o-transition: background .8s ease, color .5s ease;
    transition: background .8s ease, color .5s ease;
         
}

.builderSend:hover {
    background: #0187CF;
    color: #fff;
}

.exportShopBg {
    position: relative;
}

.exportShopBg:before {
    content: " ";
    position: absolute;
    top: -89px;
    left: 0;
    width: 100%;
    height: 500px;
    background: aqua;
    background: url(../img/exportShopLine.png) no-repeat 50% 0px;
}
                      
.exportShopLayer {
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 0px auto 0px;
    position: relative;
    padding-top: 260px;
    
}
  

.exportShopLayer:after {
    content: " ";
    position: absolute;
    top: 170px;
    left: 0;
    right: 0;
    margin: auto;
    width: 90px;
    height: 80px;
    background: aqua;
    background: url(../img/exportHome.svg) no-repeat 0px 0px;
}

.exportShopTitle {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 64px;
    line-height: 135px;      
    text-transform: uppercase;    
    color: #2E2E2E;
    text-align: center;
}

.exportShopBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    /* or 30px */


    /* grey */

    color: #2E2E2E;
}
.exportShopBrief p {
    padding: 15px 0px;
}
.exportShopItem {
    width: 42%;
    margin-bottom: 54px;
    padding-top: 100px;
    position: relative;
    margin-top: 50px;
}
.exportShopItem:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 80px;
    background: aqua;
    background: url(../img/exportShop.png) no-repeat 10px 0px;
}
.exportShopItem:nth-child(2):after{ background-position: -107px 0px; }


.exportShopItemTitle {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    /* identical to box height, or 125% */

    text-align: center;
    text-transform: uppercase;

    color: #01A3E7;
    margin-bottom: 16px;
    
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; 
    flex-wrap: nowrap;  
}
.exportShopItemBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 139.4%;
    /* or 28px */


    /* grey */

    color: #2E2E2E;
}
.exportShopLink {
    display: block;     
    width: 263px;
    height: 56px;          
    background: #01A3E7;
    border-radius: 4px;font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 56px;    
    text-transform: uppercase;  
    color: #FFFFFF !important;
    text-align: center;
    margin: 60px auto 160px;
    cursor: pointer;    
}  

body .topLayerProduct {
    margin-bottom: 0px !important;
}

.h1Product {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 110px;
    line-height: 100%;
    color: #fff;
    position: relative;
    margin-left: calc(41% + 0px);
    z-index: 2;            
    text-transform: uppercase;   
    margin-bottom: 50px;  
}
.h1Product span {
    display: block;
    position: absolute;
    top: 0;
    right: calc(100% + 0px);
    width: 2000px;
    text-align: right;
    color: #78B4DF;           
}


.gallery {
    position: relative;
    height: 331px;
    padding: 0px 0px;
    margin-top: 0px;
    background: #78B4DF;
}
.galleryLeft {
    display: inline-block;    
    background: rgba(255, 255, 255, 0.2) url(../img/arr.svg) 98% 50% no-repeat;
    float: left;
    padding: 0px !important;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    height: 100%;
    width: 319px;
    margin: auto; 
    backdrop-filter: blur(15px);
    z-index: 2;     
}
.galleryRight {
    display: inline-block;    
    background: rgba(255, 255, 255, 0.2) url(../img/arr.svg) 98% 50% no-repeat;
    float: left;
    padding: 0px !important;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 319px;
    margin: auto; 
    backdrop-filter: blur(6px);
    transform: rotate(180deg);  
    z-index: 2;     
}
.galleryBorder {
    width: 100%;
    height: 100%;    
    overflow: hidden;
    position: relative;
}
.galleryLayer {
    justify-content: flex-start;
    width: 5000px;
    position: absolute;
    top: 0px;
    height: 100%;
}

.galleryItem {
    display: inline-block;
    height: 100%;   
    position: relative;
    vertical-align: middle; 
    text-align: center; 
    
    
    font-family: 'STIX Two Text';
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;

    color: #FFFFFF80;  
    margin: 0px 5px 0px 5px;
                  
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;      
    
    cursor: pointer;
}
.galleryItem img {
    display: block;
    margin: 65px auto 52px;
    opacity: 0.4;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;  
    
}
.galleryItemActive {
    color: #FFFFFF;     
}
.galleryItemActive img {
    opacity: 1;
}
.productSubCatList {
    width: calc(100% - 60px);
    max-width: 1250px;
    margin: 43px auto 86px;
}
.productSubCatListItem {
    opacity: 0;
    visibility: hidden;
    display: none;
    justify-content: center;
}
.productSubCatListItemActive {
    opacity: 1;
    visibility: visible;
    display: flex;
}
.productSubCatItem {        
    padding: 6px 18px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;  
    color: #78B4DF;
    cursor: pointer;
    border-radius: 8px;   
    -webkit-transition: box-shadow .3s ease;
    -moz-transition: box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease; 
    width: calc(25% - 40px);
    text-align: center;
    margin: 0px 20px 20px;
    text-transform: uppercase;
}
.productSubCatListItem .productSubCatItem:nth-child(4n) {
  
}
.productSubCatItemActive {   
    box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);     
}
.productManLayer {
    
    width: calc(100% - 60px);
    max-width: 1250px;
    margin: 0px auto 200px; 
    display: none !important; 
}
.productManLayerActive {  
    display: block !important; 
}
.productManList {   
    justify-content: space-around;
    align-items: flex-start;
    display: none;
}
.productManListActive {
    display: flex;
}
.productManItem {
    width: calc(33% - 10px);
    padding: 42px 46px;
}
.productManItemImg {
    width: 100%;
    height: 110px;
    position: relative;
}
.productManItemImg img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.productManItemTitle {
    margin: 24px 0px 17px;
    text-align: center;
    text-transform: uppercase;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 150%; 
    color: #2E2E2E; 
    min-height: 60px;
}
.productManItemBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%; 
    color: #2E2E2E;
}
.productManItem:hover {
    box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.1);
}

.mainTop {
    position: relative; 
    padding-bottom: 155px;   
}

.mainTop:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1130px;
    height: 100%;
    background: #78B4DF;
}
.mainTopSlogan {
    margin-top: 235px;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 46px; 
    text-transform: uppercase; 
    color: #2E2E2E;
    width: 312px;  
    margin-right: 1130px;
    float: right;
    position: relative;
}
.mainTopSlogan:after {
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -5000px;
    width: 4970px;
    background: #2E2E2E;
    height: 2px;
    margin: auto;
}
.mainTopH1 {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 188px;
    line-height: 220px;  
    color: #ffffff00;    
    margin-right: 660px;
    margin-top: 25px;   
    position: relative;   
    z-index: 3;
    float: right;
    
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color .8s ease; 
    transition-delay: 300ms; 
}
.mainTopH1 span {
    color: #78B4DF00;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -o-transition: color 1s ease;
    transition: color .8s ease; 
}
.mainTopH1Load {
    color: #ffffff;
}
.mainTopH1Load span {
    color: #78B4DF; 
}
.mainTopButton {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 3px solid #0187CF;
    width: 269px;
    height: 56px;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 52px; 
    text-transform: uppercase;         
    color: #0063AF;
    
    text-align: center;
    margin-right: 1170px; 
    margin-top: 25px;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 2;
    
    -webkit-transition: transform 1s ease, opacity .8s ease;
    -moz-transition: transform 1s ease, opacity .8s ease;
    -o-transition: transform 1s ease, opacity .8s ease;
    transition: transform .8s ease, opacity .8s ease; 
    
    transform: translate(0px, 50px);
    opacity: 0;
}
.mainTopButtonLoad {
    transform: translate(0px, 0px);
    opacity: 1;
    position: relative;
    z-index: 3;
}
.mainTopShip {
    position: absolute;
    top: 0;
    right: 65px;
    width: 790px;
    z-index: 2;                     
    transform: translate(0px, -80px);
    opacity: 0;
    -webkit-transition: transform .8s ease, opacity .5s ease;
    -moz-transition: transform .8s ease, opacity .5s ease;
    -o-transition: transform .8s ease, opacity .5s ease;
    transition: transform .8s ease, opacity .5s ease; 
}
.mainTopShipLoad {
    transform: translate(0px, 0px); 
    opacity: 1;   
}

.mainTopShip img {
    max-width: 100%;
}

.blurBg {
    content: " ";
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30%;
    height: 80px;
    background: rgba(255, 255, 255, .2);
    backdrop-filter: blur(15px);  
    z-index: 3;
}

.mainMapLayer {
    position: relative;  
}

.mainMapTitle {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 84px;
    text-transform: uppercase;  
    color: #2E2E2E;
    
    
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 0px auto 0px; 
    position: relative;
}
.mainMapTitle:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5000px;
    width: 4970px;
    background: #2E2E2E;
    height: 2px;
    margin: auto;
}
.mainMapBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 150%;
    color: #2E2E2E;
    
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: 0px auto 0px;
    padding-bottom: 1100px;  
}
.mainMapBrief div {
    width: 55%;
}
.mainMapImg {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;      
    top: -275px;
    right: 0px;
    z-index: 1;
    overflow: hidden;
    background: url("../img/mainMap.svg") no-repeat;          
    background-position: 250px 0px; 
}
.mainAboutLayer {
    
    width: calc(100% - 60px);
    max-width: 1030px;
    margin: -530px auto 0px;
}


.mainAboutTitle {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 42px;
    line-height: 84px;
    text-transform: uppercase;  
    color: #2E2E2E;
    
    
    width: calc(100% - 0px);
    max-width: 1030px;
    margin: 0px auto 0px; 
    position: relative;
}
.mainAboutLeft {
    width: 570px;
}
.mainAboutTitle:after {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5000px;
    width: 4970px;
    background: #2E2E2E;
    height: 2px;
    margin: auto;
}

.mainAboutBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 172.4%;  
    color: #2E2E2E;
    margin-top: 24px;
}
.mainAboutRight {
    width: 220px;
    margin-right: -80px;
    position: relative;
    z-index: 2;
}
.mainAboutRightItem span {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: bold;
    font-size: 95px;
    line-height: 100px;   
    text-transform: uppercase;      
    color: #01A3E7;
}
.mainAboutRightItem div {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    text-transform: uppercase;

    color: #78B4DF;

    opacity: 0.5;
}

.mainCenterLayer {
    width: calc(100% - 60px);
    max-width: 970px;
    margin: 0px auto 0px; 
    
}
.mainCenterTitle {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 92px;
    line-height: 100%;    
    text-transform: uppercase;   
    color: #78B4DF;
    text-align: center;
    margin-top: 178px;
    margin-bottom: 70px;
}
.mainCenterItem {
    padding-left: 200px;
    margin-bottom: 48px;                        
    min-height: 127px;
    position: relative;
}
.mainCenterItem:after {
    content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    width: 127px;
    height: 127px;      
    background: url("../img/mainIcon.png") no-repeat;   
}

.mainCenterItem:nth-child(2):after {
    background-position: -295px 0px; 
}
.mainCenterItem:nth-child(3):after {
    background-position: -585px 0px; 
}
.mainCenterItem>div {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;  
    text-transform: uppercase;     
    color: #01A3E7;
    margin-bottom: 16px;
}
.mainCenterItem>span {     
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 172.4%;    
    color: #2E2E2E;
}
.mainBottomLayer {           
    margin-top: 152px;
    align-items: flex-start;
    margin-bottom: 180px;
}


.mainBottomLeft {
    background: #78B4DF;
    width: calc(80% - 15px);
    padding: 88px 100px 88px 0px;
    padding-left: calc((100% - 1000px) / 2);
}
.mainBottomLeftTitle {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 120%;   
    text-transform: uppercase;  
    color: #FFFFFF;
    padding: 20px 0px 30px;
    text-align: center;
}
.mainBottomLeftBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 172.4%;  
    color: #FFFFFF;    
}
.mainBottomLeftButton {
    margin: auto;
    display: block;
    margin-top: 120px;
    border: 3px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    
    width: 269px;
    height: 56px;
    color: #FFFFFF; 
    text-transform: uppercase;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 52px;  
    text-align: center;
    
    -webkit-transition: background .8s ease, color .5s ease;
    -moz-transition: background .8s ease, color .5s ease;
    -o-transition: background .8s ease, color .5s ease;
    transition: background .8s ease, color .5s ease; 
    
}
.mainBottomLeftButton:hover {         
    background: #fff;    
    color: #78B4DF;    
}
.mainBottomRight {       
    width: calc(50% - 15px);
    padding: 88px 0px 88px 70px;
    padding-right: calc((100% - 1100px) / 2);
}
.mainBottomRightTitle {
    font-family: 'Scheherazade New';
    font-style: normal;
    font-weight: normal;
    font-size: 40px;
    line-height: 120%;   
    text-transform: uppercase;  
    color: #78B4DF;
    padding: 20px 0px 30px;
    text-align: center;
}
.mainBottomRightBrief {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 172.4%;  
    color: #2E2E2E;    
}
.mainBottomRightButton {
    margin: auto;
    display: block;
    margin-top: 120px;
    border: 3px solid #0187CF;
    box-sizing: border-box;
    border-radius: 4px;
    
    width: 269px;
    height: 56px;
    color: #0063AF;
    text-transform: uppercase;
    
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 52px;  
    text-align: center;
    
    -webkit-transition: background .8s ease, color .5s ease;
    -moz-transition: background .8s ease, color .5s ease;
    -o-transition: background .8s ease, color .5s ease;
    transition: background .8s ease, color .5s ease; 
    
    
}

.mainBottomRightButton:hover {         
    background: #0187CF;    
    color: #fff;    
}

body .formError {
    border-color: red !important;
    color: red !important;
}

.callBackFollow a {
    display: none;
}
.rightBackMenuFollow {
    display: none;
}