#greating_background {
    content: url("Images/assortment_greating_background.jpg");
    height: calc(300px*var(--size));
    margin-top: -5%;
}

.title {
    position: relative;
    margin-top: 2%;
    margin-left: 15%;
    font-size: 200%;
    color: var(--orange_color);
}


/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/

.language {
    position: absolute;
    z-index: 20;
    margin-left: 85%;
    margin-top: -6%;
    width: 15%;
}

.language a {
    width: 35%;
}

.language img {
    width: 85%;
}


/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/

.name_product_type {
    letter-spacing: calc(4px*var(--size));
    position: relative;
    width: 101.2%;
    text-align: center;
    margin-left: -0.6%;
    margin-top: 3.1%;
}

.name_product_type article {
    background: rgba(0, 0, 0, 0.7);
    padding: 0.5% 0;
    margin-bottom: 3%;
}

.name_product_type article h2 {
    background: linear-gradient(45deg, var(--orange_color), var(--yellow_color));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.name_product_type p {
    width: 70%;
    margin-left: 15%;
    line-height: calc(20px*var(--size));
}


/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/

.products {
    position: relative;
    margin-top: 5%;
    margin-left: 4%;
}

.products section {
    display: inline-block;
    background-color: #fff;
    border-style: none;
    border-width: calc(10px*var(--size));
    border-radius: calc(2px*var(--size));
    box-shadow: 0 0 calc(20px*var(--size)) rgba(83, 83, 83, 0.5);
    width: 44%;
    margin-left: 2%;
    margin-bottom: 3%;
}

.products section article {
    transition: all 0.3s;
}

.products section h1 {
    position: absolute;
    background-color: #fff;
    color: var(--orange_color);
    border-style: none;
    border-width: calc(10px*var(--size));
    border-radius: calc(2px*var(--size));
    box-shadow: 0 0 calc(20px*var(--size)) rgba(83, 83, 83, 0.5);
    margin-left: 2%;
    margin-top: -3%;
    width: 35%;
    padding: 0.8% 2%;
    z-index: 10;
    transition: all 0.2s;
    letter-spacing: calc(3px*var(--size));
}

.products section img {
    z-index: 1;
    width: 100%;
}

.products section hr {
    background: linear-gradient(45deg, var(--orange_color), var(--yellow_color));
    height: calc(6px*var(--size));
    border: none;
    margin-top: 0%;
}

.products section p {
    font-size: 80%;
    line-height: calc(20px*var(--size));
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 7.5%;
}


/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/

.slider_button {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.0);
    width: 7.5%;
    border: none;
    margin-top: 8%;
}

.left {
    margin-left: -1%;
}

.right {
    margin-left: 38%;
}

.slider_button img {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    opacity: 0.5;
    transition: all 0.3s;
}

.slider_button img:hover {
    filter: var(--orange_color);
    opacity: 1;
}

.slider_button:hover {
    cursor: pointer;
}


/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/

.profiles {
    margin-left: 2%;
}

.profiles h1 {
    text-align: center;
    letter-spacing: calc(3px*var(--size));
}

.profiles article {
    width: 30%;
    display: inline-block;
    margin-left: 2%;
    text-align: center;
}

.profiles article img {
    width: 100%;
    margin-top: -5%;
}

.profiles h4 {
    background-color: var(--orange_color);
    padding: 5% 10%;
    width: 100%;
    color: white;
    margin-left: -20%;
    margin-top: -2%;
    border-radius: calc(2px*var(--size));
    transition: all 0.3s;
}

.profiles h4:hover {
    cursor: pointer;
    background-color: var(--yellow_color);
}


/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/

.profiles_tables article {
    text-align: center;
}

.profiles_tables article h3 {
    font-size: 110%;
    margin-top: 5%;
    margin-left: 4.65%;
    letter-spacing: calc(3px*var(--size));
    background-color: var(--orange_color);
    color: white;
    width: 90.35%;
    padding: 1% 0;
}

.profiles_tables table {
    margin-left: 4.5%;
    margin-top: -1.65%;
    font-size: 95%;
}

.profiles_tables table {
    border-radius: calc(5px*var(--size));
}


/*------------------------------------------------------------------------------*/

.profiles_tables thead th {
    color: white;
    padding: 0.1% 1%;
    background: var(--orange_color);
}

.profiles_tables thead .table_a {
    width: 15%;
}

.profiles_tables thead .table_b {
    width: 20%;
}

.profiles_tables thead .table_c {
    width: 25%;
}

.profiles_tables thead .table_d {
    width: 15%;
}

.profiles_tables thead .table_s {
    width: 17.5%;
}


/*------------------------------------------------------------------------------*/

.profiles_tables tbody td {
    background: rgb(231, 231, 231);
    padding: 0.5% 0;
}