:root {
    
    
    /**** FONT COLOR ****/
    
    --main-color-dark: #212529;
    
    --font-color: #212529;
    --font-color-second: #6c757d;
    --font-color-third: #999;
    
    --font-color-white: #fff;
    
    --heading-color: #212529;
        
    --main-color:#06c;
    --assistant-color: #efefef;
    
    --dark-bg-color: #212529;
    
    /* MENU COLORs */
    
    --menu-first-bg:#000;
    
    --border-color: #2828281a;
    
    --padding-top: 12vh;
    --padding-bottom: 12vh;
    
    
    /* ЗАГОЛОВКИ */
    --header-h1-font-size: 3.75rem;
    
    
    /* PRODUCTS */
    
    --width-grid-product-img: 22vw;
    
}


.sp-width-main{
    padding-left: 10vw;
    padding-right: 10vw;
}

.sp-width-right{
    padding-right: 10vw;
}

.sp-width-left{
    padding-left: 10vw;
}


.sp-pt{
    padding-top: var(--padding-top);
}

.sp-pb{
    padding-bottom: var(--padding-bottom);
}