@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Noto Sans Thai", sans-serif;
    text-decoration: none;
    scroll-behavior: smooth;
}

body {
    background-color: rgb(235, 235, 235);
}

header {
    width: 100%;
    height: 6.5vw;
    position: fixed;
    z-index: 10;
}

@media (max-width: 480px) {
    header {
        width: 100%;
        height: auto;
        position: fixed;
        z-index: 10;
    }

}

.header-A {
    width: 100%;
    height: 1.5vw;
    background-color: #194786;
    box-shadow: 0vw 4vw 0.4vw 1vw #194786;
}

@media (max-width: 480px) {
    .header-A {
        height: 4vw;
    }

}

.header-container {
    width: 70%;
    height: 100%;
    background-color: transparent;
    margin: 0 auto;
    font-size: 0.75vw;
    display: flex;
    padding-left: 0.6vw;
}

@media (max-width: 480px) {
    .header-container {
        width: 100%;
        height: 100%;
        font-size: 1.7vw;
        display: flex;
        padding-left: 2vw;
        padding-top: 0.5vw;
        padding-bottom: 0.5vw;
    }

}

.header-first {
    width: auto;
    height: 100%;
    background-color: transparent;
    padding-top: 0.15vW;
    display: flex;
    color: white;
}

.icon-head-line {
    font-size: 0.9vw;
    color: white;
    margin-left: 0.5vw;
    margin-top: 0.1vw;
}

@media (max-width: 480px) {
    .icon-head-line {
        font-size: 1.8vw;
        margin-top: 0.18vw;
        margin-left: 1.5vw;
    }

}

.icon-head-face {
    font-size: 1vw;
    color: white;
    margin-left: 0.5vw;
    margin-top: 0.05vw;
}

@media (max-width: 480px) {
    .icon-head-face {
        font-size: 2vw;
        margin-left: 1.5vw;
        margin-top: 0.15vw;
    }

}

.icon-head-line:hover,
.icon-head-face:hover {
    color: #fced45;
}

.change-lang {
    width: 10%;
    height: 100%;
    margin-left: 35vw;
    padding-top: 0.2vw;
    background-color: transparent;
    border-radius: 0.3vw;
    color: white;
    text-align: center;
    transition: 0.3s;
}

@media (max-width: 480px) {
    .change-lang {
        width: 20%;
        margin-left: 13vw;
        padding-top: 0.2vw;
        background-color: rgb(5, 148, 204);
        border-radius: 0.5vw;
        color: white;
    }

}

.change-lang:hover {
    background-color: #007bff;
    color: yellow;
    transition: 0.3s;
}

.header-B {
    width: 100%;
    height: 5vw;
    background-color: whitesmoke;
}

@media (max-width: 480px) {
    .header-B {
        height: auto;
        box-shadow: 0vw 0.5vw 1vw 0.1vw #194786;
    }

}

.B-container {
    width: 70%;
    height: 5vw;
    background-color: transparent;
    margin: 0 auto;
    display: flex;
}

@media (max-width: 480px) {
    .B-container {
        width: 100%;
        height: 10vw;
        display: flex;
    }

}

.B-logo {
    width: 20%;
    height: 5vw;
    background-color: transparent;
    padding: 0.15VW;
}

@media (max-width: 480px) {
    .B-logo {
        width: 15%;
        height: 10vw;
        padding-top: 2.5VW;
        padding-left: 1.5vw;
    }

}

.B-container-2 {
    width: 80%;
    height: 5vw;
    background-color: transparent;
}

@media (max-width: 480px) {
    .B-container-2 {
        width: 85%;
        height: 10vw;
    }

}

.B-contop {
    width: 100%;
    height: 2.4vw;
    display: flex;
    justify-content: right;
    align-items: center;
    padding-right: 1.5vw;
}

@media (max-width: 480px) {
    .B-contop {
        height: 5vw;
    }

}

.search-bar {
    width: 25%;
    height: 1.5vw;
    background-color: white;
    display: flex;
    border-radius: 1vw;
    overflow: hidden;
    border: solid 0.15vw rgb(134, 134, 134);
}

@media (max-width: 480px) {
    .search-bar {
        width: 50%;
        height: 3vw;
        border-radius: 1.5vw;
        border: solid 0.1vw rgb(134, 134, 134);
    }

}

.search-type {
    width: 83%;
    height: 100%;
    margin-left: 5%;
    font-size: 0.7vw;
    border: none;
    outline: none;

}

@media (max-width: 480px) {
    .search-type {
        margin-left: 2vw;
        font-size: 1.2vw;
    }

}

.search-icon {
    width: 10%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-icon img {
    height: 70%;
    width: 70%;
    object-fit: cover;
}

@media (max-width: 480px) {
    .search-icon img {
        height: 1.8vw;
        width: auto;
    }

}

.B-line {
    width: 100%;
    height: 0.08vw;
    background-color: gray;
}

@media (max-width: 480px) {
    .B-line {
        height: 0.2vw;
    }

}

.B-condown {
    width: 100%;
    height: 2.5vw;
    background-color: transparent;
}

@media (max-width: 480px) {
    .B-condown {
        height: 4vw;
    }

}

.B-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9vw;
    padding-top: 0.5vw;
}

@media (max-width: 480px) {
    .B-menu {
        font-size: 1.6vw;
        padding-top: 1.1vw;
    }

}

#li-menu,
.li-1,
.B-dropdown-link {
    list-style: none;
    display: flex;
    position: relative;
}

#li-menu a,
.li-1 a,
.B-dropdown-link a {
    padding: 0.1vw 1vw;
    color: black;
}

#li-menu:hover,
.li-1:hover,
.B-dropdown-link:hover {
    background-color: rgb(230, 229, 229);
    border-radius: 4px;
    transition: 0.2s;
}

#li-menu a:hover,
.li-1 a:hover,
.B-dropdown-link a:hover {
    color: #105ac2;
}

.B-dropdown {
    padding: 0;
    display: flex;
    position: absolute;
    display: block;
    background-color: white;
    top: 135%;
    width: 10vw;
    border-radius: 4px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    font-size: 0.9vw;
    box-shadow: 0.3vw 0.3vw 0.5vw darkcyan;
}

.B-dropdown-link:hover .B-dropdown {
    opacity: 1;
    visibility: visible;
}

nav {
    width: 100%;
    height: auto;
}

.nav-head-blank {
    width: 100%;
    height: 6.5VW;
}

@media (max-width: 480px) {
    .nav-head-blank {
        height: 15VW;
    }

}

.nav-body {
    width: 70%;
    height: auto;
    background-color: white;
    margin: 0 auto;
}

@media (max-width: 480px) {
    .nav-body {
        width: 98%;
    }

}

.top-category {
    width: 100%;
    height: 4vw;
    padding: 1.2vw;
    font-size: 1.3vw;
    text-align: center;
}

.head-category {
    width: 100%;
    height: 9vw;
    display: flex;
    justify-content: space-around;
}

.a-category {
    width: 16%;
    height: 100%;
    justify-items: center;
}

.img-ct {
    width: 3vw;
    height: 3vw;
    margin-left: 4vw;
}

.tx-cl {
    color: black;
}

.tx-cl:hover {
    color: rgb(54, 54, 253);
    text-decoration: underline;
}

.tx-ct {
    width: 100%;
    height: 1.5vw;
    font-size: 0.8vw;
    text-align: center;
}

.tx-ct1 {
    width: 100%;
    height: 4vw;
    font-size: 0.7vw;
    margin-left: 2.5vw;
}

.line-body-product {
    width: 100%;
    height: 1vw;
    background-color: rgb(235, 235, 235);
}

.b-head-product {
    width: 100%;
    height: 2.5vw;
    padding-left: 3vw;
    padding-right: 3vw;
}

.line-bank-product {
    width: 100%;
    height: 1vw;
}

.b-h-product {
    width: 100%;
    height: 2.5vw;
    padding-top: 0.5vw;
    padding-left: 1vw;
    background-color: rgb(235, 235, 235);
    font-size: 1vw;
}

/* nav bottom open--------------------------------------------*/

.nav-bottom {
    width: 100%;
    height: auto;
    display: flex;
    background-color: #194786;
}

.logo-bottom {
    width: 28%;
    height: 16vw;
    background-color: transparent;

}

@media (max-width: 480px) {
    .logo-bottom {
        height: 30vw;
    }

}

.logo-bt-1 {
    width: 100%;
    height: 14vw;
    padding-top: 3vw;
    text-align: center;
    font-size: 0.9vw;
    color: white;
}

@media (max-width: 480px) {
    .logo-bt-1 {
        width: 100%;
        height: 25vw;
        padding-top: 4vw;
        font-size: 1.5vw;
        color: white;
    }

}

.logo-bt-1 img {
    width: 4vw;
    height: 4vw;
}

@media (max-width: 480px) {
    .logo-bt-1 img {
        width: 8vw;
        height: 8vw;
    }

}

.logo-bt-2 {
    width: 100%;
    height: 2vw;
    color: white;
    font-size: 0.75vw;
    padding-left: 1vw;
    padding-top: 0.5vw;
}

@media (max-width: 480px) {
    .logo-bt-2 {
        height: auto;
        font-size: 1.2vw;
        margin-top: 1vw;
        margin-left: 1.5vw;
    }

}

.link-bottom {
    width: 18%;
    height: 15vw;
    font-size: 0.75vw;
    padding-top: 1vw;
    padding-left: 2vw;
    color: white;
}

@media (max-width: 480px) {
    .link-bottom {
        height: auto;
        font-size: 1.2vw;
        padding-top: 2vw;
        padding-left: 1vw;
    }

}

.link-bottom-2 {
    width: 13%;
    height: 15vw;
    font-size: 0.8vw;
    padding-top: 1vw;
    padding-left: 2vw;
    color: white;
}

@media (max-width: 480px) {
    .link-bottom-2 {
        height: auto;
        font-size: 1.2vw;
        padding-top: 2vw;
    }

}

.list-bt {
    display: flex;
    background-color: transparent;
}

.icon-bt {
    margin-top: 0.4vw;
    margin-right: 0.3vw;
}

.text-bt,
.text-bt2 {
    margin-top: 0.3vw;
    color: white;
}

.text-bt:hover {
    text-decoration: underline;
}

/* nav bottom close--------------------------------------------*/

/* For Color shades content Open------------------------------------*/

.head-color-shades {
    width: 100%;
    height: 6vw;
    font-size: 1.9vw;
    text-align: center;
    padding-top: 1.5vw;
}

@media (max-width: 480px) {
    .head-color-shades {
        height: auto;
        font-size: 3.5vw;
        padding: 3vw;
    }

}

.head-list-shades {
    width: 100%;
    height: 5vw;
    display: flex;
    justify-content: space-around;
    padding-top: 0.6vw;
}

@media (max-width: 480px) {
    .head-list-shades {
        height: auto;
        justify-content: space-around;
        padding-top: 2vw;
        padding-bottom: 2VW;
    }

}

.link-list-shades {
    width: 20vw;
    height: auto;
    padding: 0.5vw;
    text-align: center;
    font-size: 1vw;
    color: black;
    background-color: rgb(210, 242, 255);
    border-radius: 0.5vw;
    transition: 0.3s;

}

@media (max-width: 480px) {
    .link-list-shades {
        width: 29vw;
        height: 11vw;
        padding: 1vw;
        font-size: 1.9vw;
        border-radius: 1vw;
        transition: 0.3s;

    }

}

.link-list-shades:hover {
    color: white;
    background-color: #004798;
    transition: 0.3s;
}

.line-tab-small {
    width: 100%;
    height: 1vw;
}

.line-tab-big {
    width: 100%;
    height: 5vw;

}

.line-tab-big2 {
    width: 100%;
    height: 10vw;
}

.shades-HGE {
    width: 100%;
    height: auto;
    padding-left: 2VW;
    padding-right: 2VW;
}

.head-tx {
    width: 100%;
    height: 2.5vw;
    font-size: 1.5vw;
    border-bottom: 0.2vw solid black;
}

@media (max-width: 480px) {
    .head-tx {
        height: auto;
        font-size: 2.7vw;
        border-bottom: 0.5vw solid black;
    }
}

.HGE-body {
    width: 100%;
    height: auto;
    background-color: transparent;
    border: 0.2vw solid #a10014;
}

.ACE-body {
    width: 100%;
    height: auto;
    background-color: transparent;
    border: 0.2vw solid #4f86ee;
}

.prima-body {
    width: 100%;
    height: auto;
    background-color: transparent;
    border: 0.2vw solid #10276d;
}

.HGE-img-bar {
    width: 100%;
    height: auto;
}

.HGE-img-bar img {
    width: 100%;
}

.HGE-shades {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 2vw;
}

@media (max-width: 480px) {
    .HGE-shades {
        padding: 4vw;
    }
}

.shades-box {
    width: 11VW;
    height: 8VW;
    text-align: center;
    background-color: white;
    font-size: 0.8vw;
    margin-right: 1.1vw;
}

@media (max-width: 480px) {
    .shades-box {
        width: 15VW;
        height: 14VW;
        text-align: center;
        background-color: white;
        font-size: 1.5vw;
        margin-right: 2vw;
    }
}

.color-box {
    width: 100%;
    height: 5vw;
    border-radius: 0.8vw;
    border: 0.1vw solid grey;
    overflow: hidden;
    margin-bottom: 0.5vw;
}

@media (max-width: 480px) {
    .color-box {
        height: 7.5vw;
        border-radius: 1vw;
        border: 0.5vw solid grey;
        margin-bottom: 0.5vw;
    }
}

.note-shades {
    width: 100%;
    height: 6vw;
    text-align: center;
    font-size: 1vw;
    color: red;
}

@media (max-width: 480px) {
    .note-shades {
        height: auto;
        font-size: 2vw;
        color: red;
        padding-bottom: 3vw;
    }
}

.get-back {
    width: 100%;
    height: 2.2vw;
    margin-top: 10vw;
}

@media (max-width: 480px) {
    .get-back {
        height: auto;
        margin-top: 10vw;
    }
}

.getup {
    width: 8vw;
    height: 100%;
    padding-top: 0.3vw;
    margin-left: 43%;
    font-size: 1vw;
    text-align: center;
    background-color: rgb(235, 235, 235);
    border-radius: 0.5vw;
}

@media (max-width: 480px) {
    .getup {
        width: 25vw;
        height: 100%;
        padding: 1.5vw;
        margin-left: 36%;
        font-size: 2.5vw;
        border-radius: 1vw;
    }
}


/* HGE Color shades item Open-----------------------------------------------*/

.hge104 {
    width: 100%;
    height: 100%;
    background-color: #ffffe4;
}

.hge105 {
    width: 100%;
    height: 100%;
    background-color: #ffffe3;
}

.hge106 {
    width: 100%;
    height: 100%;
    background-color: #fef7cd;
}

.hge176 {
    width: 100%;
    height: 100%;
    background-color: #f2e6be;
}

.hge173 {
    width: 100%;
    height: 100%;
    background-color: #eddaa2;
}

.hge135 {
    width: 100%;
    height: 100%;
    background-color: #d9dbcd;
}

.hge185 {
    width: 100%;
    height: 100%;
    background-color: #d39f66;
}

.hge182 {
    width: 100%;
    height: 100%;
    background-color: #45331b;
}

.hge147 {
    width: 100%;
    height: 100%;
    background-color: #823525;
}

.hge180 {
    width: 100%;
    height: 100%;
    background-color: #35060e;
}

.hge162 {
    width: 100%;
    height: 100%;
    background-color: #e6b802;
}

.hge160 {
    width: 100%;
    height: 100%;
    background-color: #f9a600;
}

.hge188 {
    width: 100%;
    height: 100%;
    background-color: #ea6518;
}

.hge142 {
    width: 100%;
    height: 100%;
    background-color: #c40000;
}

.hge140 {
    width: 100%;
    height: 100%;
    background-color: #840003;
}

.hge128 {
    width: 100%;
    height: 100%;
    background-color: #caebd0;
}

.hge124 {
    width: 100%;
    height: 100%;
    background-color: #8ccbb6;
}

.hge123 {
    width: 100%;
    height: 100%;
    background-color: #71ab6e;
}

.hge127 {
    width: 100%;
    height: 100%;
    background-color: #2eb89f;
}

.hge122 {
    width: 100%;
    height: 100%;
    background-color: #5ca52f;
}

.hge126 {
    width: 100%;
    height: 100%;
    background-color: #008678;
}

.hge121 {
    width: 100%;
    height: 100%;
    background-color: #00452a;
}

.hge120 {
    width: 100%;
    height: 100%;
    background-color: #00231d;
}

.hge109 {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.hge101 {
    width: 100%;
    height: 100%;
    background-color: #f6fbe7;
}

.hge156 {
    width: 100%;
    height: 100%;
    background-color: #f1fffe;
}

.hge154 {
    width: 100%;
    height: 100%;
    background-color: #c9f3e7;
}

.hge155 {
    width: 100%;
    height: 100%;
    background-color: #b6dae6;
}

.hge152 {
    width: 100%;
    height: 100%;
    background-color: #007db7;
}

.hge151 {
    width: 100%;
    height: 100%;
    background-color: #004b88;
}

.hge150 {
    width: 100%;
    height: 100%;
    background-color: #070c20;
}

.hge107 {
    width: 100%;
    height: 100%;
    background-color: #fdfdfd;
}

.hge110 {
    width: 100%;
    height: 100%;
    background-color: #fcfef9;
}

.hge136 {
    width: 100%;
    height: 100%;
    background-color: #e5e8d7;
}

.hge134 {
    width: 100%;
    height: 100%;
    background-color: #a3b6b0;
}

.hge133 {
    width: 100%;
    height: 100%;
    background-color: #7d9ea3;
}

.hge132 {
    width: 100%;
    height: 100%;
    background-color: #65868d;
}

.hge137 {
    width: 100%;
    height: 100%;
    background-color: #4d6263;
}

.hge100 {
    width: 100%;
    height: 100%;
    background-color: white;
}

.hge130 {
    width: 100%;
    height: 100%;
    background-color: black;
}

/* ACE Color shades item Open-----------------------------------------------*/

.ace317 {
    width: 100%;
    height: 100%;
    background-color: #fffffd;
}

.ace310 {
    width: 100%;
    height: 100%;
    background-color: #fffffb;
}

.ace335 {
    width: 100%;
    height: 100%;
    background-color: #f0f2e4;
}

.ace333 {
    width: 100%;
    height: 100%;
    background-color: #e3e4dc;
}

.ace332 {
    width: 100%;
    height: 100%;
    background-color: #a9aea8;
}

.ace359 {
    width: 100%;
    height: 100%;
    background-color: #f9ffff;
}

.ace311 {
    width: 100%;
    height: 100%;
    background-color: #e9fff8;
}

.ace353 {
    width: 100%;
    height: 100%;
    background-color: #cbf5f1;
}

.ace352 {
    width: 100%;
    height: 100%;
    background-color: #baf0f0;
}

.ace351 {
    width: 100%;
    height: 100%;
    background-color: #79c8d7;
}

.ace329 {
    width: 100%;
    height: 100%;
    background-color: #fefffa;
}

.ace354 {
    width: 100%;
    height: 100%;
    background-color: #f4fffa;
}

.ace327 {
    width: 100%;
    height: 100%;
    background-color: #cdf1e5;
}

.ace326 {
    width: 100%;
    height: 100%;
    background-color: #cef7d5;
}

.ace325 {
    width: 100%;
    height: 100%;
    background-color: #acedd7;
}

.ace309 {
    width: 100%;
    height: 100%;
    background-color: #fffffd;
}

.ace307 {
    width: 100%;
    height: 100%;
    background-color: #fefff7;
}

.ace303 {
    width: 100%;
    height: 100%;
    background-color: #f9fdee;
}

.ace337 {
    width: 100%;
    height: 100%;
    background-color: #e6f3e2;
}

.ace336 {
    width: 100%;
    height: 100%;
    background-color: #f1f6e0;
}

.ace301 {
    width: 100%;
    height: 100%;
    background-color: #ffffef;
}

.ace302 {
    width: 100%;
    height: 100%;
    background-color: #ffffec;
}

.ace305 {
    width: 100%;
    height: 100%;
    background-color: #ffffe1;
}

.ace368 {
    width: 100%;
    height: 100%;
    background-color: #ffffe3;
}

.ace375 {
    width: 100%;
    height: 100%;
    background-color: #fff9ca;
}

.ace394 {
    width: 100%;
    height: 100%;
    background-color: #fff9e9;
}

.ace377 {
    width: 100%;
    height: 100%;
    background-color: #ffffde;
}

.ace376 {
    width: 100%;
    height: 100%;
    background-color: #ffffda;
}

.ace372 {
    width: 100%;
    height: 100%;
    background-color: #fff4bb;
}

.ace378 {
    width: 100%;
    height: 100%;
    background-color: #fdfbcb;
}

.ace348 {
    width: 100%;
    height: 100%;
    background-color: #ffffec;
}

.ace347 {
    width: 100%;
    height: 100%;
    background-color: #fbf5dd;
}

.ace397 {
    width: 100%;
    height: 100%;
    background-color: #ffffea;
}

.ace396 {
    width: 100%;
    height: 100%;
    background-color: #ffefcc;
}

.ace395 {
    width: 100%;
    height: 100%;
    background-color: #ffe1b4;
}

.aces360 {
    width: 100%;
    height: 100%;
    background-color: #ffcf02;
}

.aces363 {
    width: 100%;
    height: 100%;
    background-color: #d9b449;
}

.aces369 {
    width: 100%;
    height: 100%;
    background-color: #d28551;
}

.aces342 {
    width: 100%;
    height: 100%;
    background-color: #a75b4b;
}

.aces344 {
    width: 100%;
    height: 100%;
    background-color: #65574a;
}

.aces341 {
    width: 100%;
    height: 100%;
    background-color: #805b53;
}

.aces322 {
    width: 100%;
    height: 100%;
    background-color: #5da951;
}

.aces320 {
    width: 100%;
    height: 100%;
    background-color: #005a52;
}

.aces340 {
    width: 100%;
    height: 100%;
    background-color: #d60e34;
}

.aces350 {
    width: 100%;
    height: 100%;
    background-color: #004798;
}

.ace300 {
    width: 100%;
    height: 100%;
    background-color: white;
}

.aces300 {
    width: 100%;
    height: 100%;
    background-color: black;
}

/* Prima Color shades item Open-----------------------------------------------*/

.prima2100 {
    width: 100%;
    height: 100%;
    background-color: white;
}

.prima2502 {
    width: 100%;
    height: 100%;
    background-color: #f7ffff;
}

.prima2503 {
    width: 100%;
    height: 100%;
    background-color: #e6fbfc;
}

.prima2504 {
    width: 100%;
    height: 100%;
    background-color: #c8edf6;
}

.prima2505 {
    width: 100%;
    height: 100%;
    background-color: #84cfe4;
}

.prima2102 {
    width: 100%;
    height: 100%;
    background-color: #fbfcf4;
}

.prima2501 {
    width: 100%;
    height: 100%;
    background-color: #f0f2e4;
}

.prima2101 {
    width: 100%;
    height: 100%;
    background-color: #e2e3db;
}

.prima2105 {
    width: 100%;
    height: 100%;
    background-color: #ebedec;
}

.prima2104 {
    width: 100%;
    height: 100%;
    background-color: #d6dad9;
}

.prima2223 {
    width: 100%;
    height: 100%;
    background-color: #f0fde9;
}

.prima2514 {
    width: 100%;
    height: 100%;
    background-color: #d9f8e9;
}

.prima2515 {
    width: 100%;
    height: 100%;
    background-color: #d7fde4;
}

.prima2516 {
    width: 100%;
    height: 100%;
    background-color: #aae89d;
}

.prima2107 {
    width: 100%;
    height: 100%;
    background-color: #fef3d3;
}

.prima2701 {
    width: 100%;
    height: 100%;
    background-color: #fff7d8;
}

.prima2191 {
    width: 100%;
    height: 100%;
    background-color: #ffecd4;
}

.prima2192 {
    width: 100%;
    height: 100%;
    background-color: #fee2cc;
}

.prima2616 {
    width: 100%;
    height: 100%;
    background-color: #ffffea;
}

.prima2614 {
    width: 100%;
    height: 100%;
    background-color: #fefcd5;
}

.prima2612 {
    width: 100%;
    height: 100%;
    background-color: #fcefb8;
}

.prima2615 {
    width: 100%;
    height: 100%;
    background-color: #fffcd6;
}

.prima2611ss {
    width: 100%;
    height: 100%;
    background-color: #fec200;
}

.prima2584 {
    width: 100%;
    height: 100%;
    background-color: #f5f4fc;
}

.prima2585 {
    width: 100%;
    height: 100%;
    background-color: #f0eff6;
}

.prima2586 {
    width: 100%;
    height: 100%;
    background-color: #e4e3eb;
}

.prima2587 {
    width: 100%;
    height: 100%;
    background-color: #feece3;
}

.prima2588 {
    width: 100%;
    height: 100%;
    background-color: #ffdfce;
}

.prima2589 {
    width: 100%;
    height: 100%;
    background-color: #ffd3bc;
}

.prima2440ss {
    width: 100%;
    height: 100%;
    background-color: #8f040c;
}

.prima2567 {
    width: 100%;
    height: 100%;
    background-color: #f8e7bc;
}

.prima2568 {
    width: 100%;
    height: 100%;
    background-color: #bdbc96;
}

.prima2566 {
    width: 100%;
    height: 100%;
    background-color: #ac9367;
}