@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
        url('../fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('../fonts/RobotoCondensed-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
        url('../fonts/Roboto-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
        url('../fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.robo_condensed_bold {
    font-family: 'Roboto Condensed'; 
    font-weight: bold; 
    font-style: normal;
}
.robo_condensed_normal {
    font-family: 'Roboto Condensed'; 
    font-weight: normal;
    font-style: normal;
}
.robo_bold {
    font-family: 'Roboto'; 
    font-weight: bold;
    font-style: normal;
}
.robo_normal {
    font-family: 'Roboto'; 
    font-weight: normal;
    font-style: normal;
}

.home {
    font-family: 'Roboto'; 
    font-weight: normal;
    font-style: normal;
}
h1, h2, h4 {
    font-family: 'Roboto Condensed'; 
    font-weight: normal;
    font-style: normal;
}
.square:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}
.ico_product{ 
    
    display: block; 
    text-align: center; 
    display: flex; 
    align-items:flex-end; 
    justify-content:center; 
    padding: 10px; 
    line-height: 200%; 
    background-repeat: no-repeat; 
    background-position: center; 
    background-color: #f2f2f2;
   
}  
.ico_promis_t{ 
   
    display: block; 
    text-align: left; 
    display: flex; 
    align-items:flex-end; 
    justify-content:center; 
    padding: 10px; 
    line-height: 100%; 
    position: absolute;
    top: 63%;
    left: 20%;

}  

.ico_product .value{  
    text-transform: uppercase; 
    display: block; 
}
		
.home a.c-blue:hover {
    color: white;

}
.square:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}