:root{
    --linkColor: #6f6f5d;
    --linkColorHover: #dfdfcd;
    --linkColor: #6f6f5d;
    --linkColorHover: #dfdfcd;
    --linkColorHoverDark: #2f2f1d;
    --defaultBGColor: #fafaf8;
    --productBoxBGColor: #e8e8e3;
    --productBoxBorderColor: #cecec9;
    --tableProductBGColor: #D6C9BE;
    --tableRowDark: rgba(0,0,0,0.04);
}

body{
    background-image: url('../img/officeInterior/25197662.jpg');
    background-size: 100vw 100vh;
    background-attachment: fixed;
}

.aboutArea{
    background-color: var(--defaultBGColor);
}
.aboutFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.aboutLeft{
    width: 620px;
    padding: 85.5px 67.5px;
}
.aboutRight{
    width: 370px;
}

.aboutLeftCaption{
    font-size: 3.5em;
    margin-bottom: 27px;
}
.aboutLeftContent{
    
}
.aboutLeftContentRow{
    margin: 20.25px 0;
}

.aboutRightImage{
    margin: 18px 0;
    height: 556px;
    background-image: url('../img/officeInterior/Kh9IgPV1PNRfUyeS.jpg');
    background-size: cover;
    background-position: bottom;
    border-radius: 8px;
}

.productArea{
    position: relative;
    background-image: url('../img/officeInterior/28803896_m.jpg');
    background-position: center;
    z-index: 0;
}
.productArea > .filter{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: -1;
}

.productFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.productLeft{
    width: 100%;
    padding: 85.5px 67.5px;
}
.productLeftCaption{
    font-size: 3.5em;
    margin-bottom: 27px;
}

.productLeftContentRow{
    margin: 20.25px 0;
}

.productLeftItemsFlex{
    display: flex;
    margin-bottom: 20.25px;
    gap: 0.5em;
}
.productLeftItem{
    padding: 9px 16px;
    background-color: #fff;
    box-shadow: inset 0 0 0 0.125em var(--linkColor);
    border-radius: 8px;
}
.productLeftItemBlack{
    background-color: var(--linkColor);
    color: #fff;
}
.productLeftItem:hover{
    background-color: var(--linkColorHover);
}
.productLeftItemBlack:hover{
    background-color: var(--linkColorHoverDark);
}

.deskArea{
    position: relative;
    background-color: var(--defaultBGColor);
    z-index: 0;
}

.deskArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding: 85.5px 67.5px;
}

.deskCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.deskProductFlex{
    display: flex;
    gap: 1em;
}
.deskProductBox{
    width: 273px;
    padding: 19px;
    background-color: var(--productBoxBGColor);
    border: 1px solid var(--productBoxBorderColor);
    border-radius: 8px;
}
.deskProductImage{
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20.25px;
}
.deskProductCaption{
    font-size: 1.4em;
    margin-bottom: 10.8px;
}
.deskProductSummary{
    
}

.tableArea{
    position: relative;
    background-color: var(--tableProductBGColor);
    z-index: 0;
}

.tableArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding: 85.5px 67.5px;
}

.tableCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.tableProductFlex{
    display: flex;
    gap: 1em;
    margin-bottom: 20.25px;
}
.tableProductBox{
    width: 418px;
    padding: 19px;
    background-color: var(--productBoxBGColor);
    border: 1px solid var(--productBoxBorderColor);
    border-radius: 8px;
}
.tableProductImage{
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20.25px;
}
.tableProductCaption{
    font-size: 1.4em;
    margin-bottom: 10.8px;
}
.tableProductSummary{
    
}

.chairArea{
    position: relative;
    z-index: 0;
    padding: 32px;
}

.chairArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding: 49.5px 67.5px;
    background-image: url('../img/officeInterior/22747561.jpg');
    background-size: cover;
    background-position: center;
}

.chairCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.chairProductFlex{
    display: flex;
    gap: 0em;
}
.chairProductBox{
    width: 224px;
    padding: 19px;
}
.chairProductImage{
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20.25px;
}
.chairProductCaption{
    font-size: 1.4em;
    margin-bottom: 10.8px;
}
.chairProductSummary{
    
}

.chestArea{
    position: relative;
    z-index: 0;
    background-color: #fff;
}

.chestArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding: 85.5px 67.5px;
}

.chestCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.chestProductFlex{
    display: flex;
    gap: 0em;
}
.chestProductBox{
    width: 224px;
    padding: 19px;
}
.chestProductImage{
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20.25px;
}
.chestProductCaption{
    font-size: 1.3em;
    margin-bottom: 10.8px;
}
.chestProductSummary{
    
}

.partitionArea{
    background-color: var(--defaultBGColor);
}
.partitionFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.partitionLeft{
    width: 742px;
    padding: 85.5px 67.5px;
}
.partitionRight{
    width: 248px;
}

.partitionLeftCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}
.partitionLeftContent{
    
}
.partitionLeftRow{
    background-color: var(--linkColorHover);
    border: var(--linkColor) 1px solid;
    border-radius: 8px;
    margin: 20.25px 0;
    padding: 16px;
}
.partitionLeftRowCaption{
    margin-bottom: 10.25px;
    font-size: 1.2em;
}


.partitionRightImage{
    margin: 18px 0;
    height: 824px;
    background-image: url('../img/officeInterior/partition.webp');
    background-size: cover;
    background-position: bottom;
    border-radius: 8px;
}

.otherArea{
    position: relative;
    z-index: 0;
    background-color: var(--linkColorHover);
}

.otherArea > .inner{
    width: 990px;
    margin: 0 auto;
    padding: 85.5px 67.5px;
}

.otherCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.otherProductFlex{
    display: flex;
    gap: 0em;
}
.otherProductBox{
    width: 224px;
    padding: 19px;
}
.otherProductImage{
    width: 100%;
    height: 120px;
    background-size: cover;
    background-position: center;
    margin-bottom: 20.25px;
}
.otherProductCaption{
    font-size: 1.3em;
    margin-bottom: 10.8px;
}
.otherProductSummary{
    
}

.freeAddressArea{
    background-color: var(--linkColorHover);
}
.freeAddressFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.freeAddressLeft{
    width: 742px;
    padding: 85.5px 67.5px;
}
.freeAddressRight{
    width: 248px;
}

.freeAddressLeftCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}
.freeAddressLeftContent{
    
}
.freeAddressLeftContent > ul > li{
    list-style: disc;
    margin-bottom: 10.25px;
}
.freeAddressLeftRow{
    background-color: var(--linkColorHover);
    border: var(--linkColor) 1px solid;
    border-radius: 8px;
    margin: 20.25px 0;
    padding: 16px;
}
.freeAddressLeftRowCaption{
    margin-bottom: 10.25px;
    font-size: 1.2em;
}


.freeAddressRightImage{
    margin: 18px 0;
    height: 480px;
    background-image: url('../img/officeInterior/Kh9IgPV1PNRfUyeS.jpg');
    background-size: cover;
    background-position: bottom;
    border-radius: 8px;
}

.keyArea{
    position: relative;
    background-image: url('../img/officeInterior/28803896_m.jpg');
    background-position: center;
    z-index: 0;
}
.keyArea > .filter{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: -1;
}

.keyFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.keyLeft{
    width: 100%;
    padding: 85.5px 67.5px;
}
.keyLeftCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.keyLeftContentRow{
    margin: 20.25px 0;
}

.keyLeftItemsFlex{
    display: flex;
    margin-bottom: 20.25px;
    gap: 0.5em;
}
.keyLeftItem{
    padding: 9px 16px;
    background-color: #fff;
    box-shadow: inset 0 0 0 0.125em var(--linkColor);
    border-radius: 8px;
}
.keyLeftItemBlack{
    background-color: var(--linkColor);
    color: #fff;
}
.keyLeftItem:hover{
    background-color: var(--linkColorHover);
}
.keyLeftItemBlack:hover{
    background-color: var(--linkColorHoverDark);
}

.movingArea{
    position: relative;
    background-color: var(--defaultBGColor);
    background-position: center;
    z-index: 0;
}
.movingArea > .filter{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: -1;
}

.movingFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.movingLeft{
    width: 100%;
    padding: 85.5px 67.5px;
}
.movingLeftCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.movingLeftContentRow{
    margin: 20.25px 0;
}

.movingLeftItemsFlex{
    display: flex;
    margin-bottom: 20.25px;
    gap: 0.5em;
}
.movingLeftItem{
    padding: 9px 16px;
    background-color: #fff;
    box-shadow: inset 0 0 0 0.125em var(--linkColor);
    border-radius: 8px;
}
.movingLeftItemBlack{
    background-color: var(--linkColor);
    color: #fff;
}
.movingLeftItem:hover{
    background-color: var(--linkColorHover);
}
.movingLeftItemBlack:hover{
    background-color: var(--linkColorHoverDark);
}

.movingFlowImage{
    width: 100%;
    height: auto;
}

.catalogArea{
    position: relative;
    background-color: var(--defaultBGColor);
    background-position: center;
    z-index: 0;
}
.catalogArea > .filter{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.8);
    z-index: -1;
}

.catalogFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.catalogLeft{
    width: 100%;
    padding: 85.5px 67.5px;
}
.catalogLeftCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}

.catalogLeftContentRow{
    margin: 20.25px 0;
    font-size: 1.1em;
} 
.catalogLeftItemsFlex{
    display: flex;
    margin-bottom: 20.25px;
    gap: 0.5em;
}
.catalogLeftItem{
    padding: 9px 16px;
    background-color: #fff;
    box-shadow: inset 0 0 0 0.125em var(--linkColor);
    border-radius: 8px;
}
.catalogLeftItemBlack{
    background-color: var(--linkColor);
    color: #fff;
}
.catalogLeftItem:hover{
    background-color: var(--linkColorHover);
}
.catalogLeftItemBlack:hover{
    background-color: var(--linkColorHoverDark);
}

.catalogListTable{
    display: table;
    width: 855px;
    border-radius: 8px;
    border: var(--productBoxBorderColor) 1px solid;
    margin: 0 auto;
    margin-top: 10.25px;
}
.catalogListTable > .tr1{
    padding: 1px 18px;
}
.catalogListTable > .tr2{
    background-color: var(--tableRowDark);
}
.catalogListTable > .tr > .td{
    padding: 1px 18px;
}
.catalogListTable > .tr > .td1{
    width: 426px;
    padding: 10.8px 18px;
}
.catalogListTable > .tr > .td2{
    padding-bottom: 20.25px;
}
.catalogListTable .catalogName{
    padding: 10.8px 0;
    font-size: 1.2em;
}
.catalogListTable .catalogBanner{
    width: 100%;
    height: 62px;
    text-align: center;
    padding: 2px 35px;
}
.catalogListTable .catalogBannerImage{
    max-height: 62px;
    max-width: 100%;
}
.catalogListTable .catalogButtonArea{
    display: flex;
    justify-content: flex-end;
}
.catalogListTable .btnCatalog{
    padding: 10.8px;
    background-color: var(--linkColor);
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
    font-size: 1.1em;
}
.catalogListTable .btnCatalog:hover{
    background-color: var(--linkColorHover);
    color: var(--linkColor);
}

.contactArea{
    background-color: var(--defaultBGColor);
}
.contactFlex{
    width: 990px;
    margin: 0 auto;
    display: flex;
}
.contactLeft{
    padding: 85.5px 67.5px;
}

.contactLeftCaption{
    font-size: 2.5em;
    margin-bottom: 27px;
}
.contactLeftContent{
    
}
.contactLeftContent > ul > li{
    list-style: disc;
    margin-bottom: 10.25px;
}
.contactLeftRow{
    background-color: var(--linkColorHover);
    border: var(--linkColor) 1px solid;
    border-radius: 8px;
    margin: 20.25px 0;
    padding: 16px;
}
.contactLeftRowCaption{
    margin-bottom: 10.25px;
    font-size: 1.2em;
}


.contactRightImage{
    margin: 18px 0;
    height: 480px;
    background-image: url('../img/officeInterior/Kh9IgPV1PNRfUyeS.jpg');
    background-size: cover;
    background-position: bottom;
    border-radius: 8px;
}