<!--Универсальный код-->

<!--Примечания-->


/*--------------------Отключаем ненужные блоки--------------------*/

    .t228__padding40px{
        display: none !important;
        width: 0 !important;
    }


/*------------------------------------------Переменные------------------------------------------*/

:root {
    
/*--------------------Отступы--------------------*/
      
    --main-margin: 64px;
    --block-padding: 64px; /*Внутренние отступы сверху и снизу у блоков*/
    --section-padding-bottom: 32px; /*Отступы сверху и снизу у заголовков*/
    --gutter: 32px;
    
    --margin-title-bottom: 32px;
    
    /*Кнопки*/
    --padding-button-md-vertical: 24px;
    --padding-button-md-horizontal: 32px;
  
/*--------------------Шрифты--------------------*/
    
    --letter-spacing: -0.02em;
        
/*-----Headlines-----*/
     
    --h1: 128px;
    --h2: 64px;
    --h3: 48px;
    --h4: 40px;
    --h5: 32px;
    --h6: 24px;
    --tab: 18px;
    /*--font-caption: 24px;*/
    
/*-----Paragraph-----*/
    
    --p1: 20px;
    --p2: 16px;
    --p3: 14px;
}

/*--------------------Отступы адаптив --------------------*/

    @media screen and (max-width: 1200px){
        :root{
            --gutter: 24px;
            --section-padding-bottom: 24px;
        }
    }
    
    @media screen and (max-width: 640px){
        :root{
            --gutter: 16px;
        }
    }
    
     @media screen and (max-width: 480px){
        :root{
            --gutter: 8px;
        }
    }

/*------------------------------------------Стили текста от 1920px-----------------------------------------*/

/*--------------------Headlines--------------------*/

            h1{
                font-size: var(--h1) !important;
                font-weight: 500 !important;
                line-height: 100% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
            h2{
                font-size: var(--h2) !important;
                font-weight: 400 !important;
                line-height: 100% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
            h3{
                font-size: var(--h3) !important;
                font-weight: 400 !important;
                line-height: 110% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
            h4{
                font-size: var(--h4) !important;
                font-weight: 400 !important;
                line-height: 110% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
            h5{
                font-size: var(--h5) !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
            h6{
                font-size: var(--h6) !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
/*--------------------Paragraph--------------------*/
            
            p1{
                font-size: var(--p1) !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
            p2{
                font-size: var(--p2) !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
            p3{
                font-size: var(--p3) !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
        
/*------------------------------------------Адаптив шрифтов-----------------------------------------*/

/*--------------------Headlines--------------------*/

/*-----h1-----*/
        
        @media screen and (max-width: 1920px){
            :root{
                --h1: 86px;
            }
        }
                
        @media screen and (max-width: 1440px){
            :root{
                --h1: 64px;
            }
        }
                
        @media screen and (max-width: 1200px){
            :root{
                --h1: 56px;
            }
        }
                
        @media screen and (max-width: 960px){
            :root{
                --h1: 40px;
            }
        }
                
        @media screen and (max-width: 640px){
            :root{
                --h1: 36px;
            }
        }
        
        @media screen and (max-width: 480px){
            :root{
                --h1: 32px;
            }
        }

/*-----h2-----*/
        
        @media screen and (max-width: 1920px){
            :root{
                --h2: 48px;
            }
        }
                
        @media screen and (max-width: 1440px){
            :root{
                --h2: 40px;
            }
        }
                
        @media screen and (max-width: 1200px){
            :root{
                --h2: 32px;
            }
        }
                
        @media screen and (max-width: 640px){
            :root{
               --h2: 28px;
            }
        }
        
        @media screen and (max-width: 480px){
            :root{
                --h2: 24px;
            }
        }
        
/*-----h3-----*/
        
        @media screen and (max-width: 1920px){
            :root{
                --h3: 40px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            :root{
                --h3: 32px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            :root{
                --h3: 28px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            :root{
                --h3: 24px !important;
            }
        }
        
        @media screen and (max-width: 480px){
            :root{
                --h3: 22px !important;
            }
        }
        

/*-----h4-----*/
            
        @media screen and (max-width: 1920px){
            :root{
                --h4: 32px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            :root{
                --h4: 28px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            :root{
                --h4: 24px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            :root{
                --h4: 20px !important;
            }
        }
        
        
/*-----h5-----*/

        @media screen and (max-width: 1920px){
            :root{
                --h5: 28px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            :root{
                --h5: 24px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            :root{
                --h5: 20px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            :root{
                --h5: 18px !important;
            }
        }
        
/*-----h6-----*/

        @media screen and (max-width: 1920px){
            :root{
                --h6: 22px;
            }
        }
                
        @media screen and (max-width: 1440px){
            :root{
                --h6: 20px;
            }
        }
                
        @media screen and (max-width: 1200px){
            :root{
                --h6: 18px;
            }
        }
                
        @media screen and (max-width: 640px){
            :root{
                --h6: 16px;
            }
        }


        @media screen and (max-width: 1200px){
            :root{
                --tab: 16px;
            }
        }
        
        @media screen and (max-width: 640px){
            :root{
                --tab: 14px;
            }
        }
 
/*--------------------Paragraph--------------------*/

/*-----p1-----*/
    
        @media screen and (max-width: 1440px){
            :root{
                --p1: 18px !important;
            }
        }
        
        @media screen and (max-width: 960px){
            :root{
                --p1: 16px !important;
            }
        }
        
        
/*-----p2-----*/
    
        @media screen and (max-width: 1200px){
            :root{
                --p2: 14px !important;
            }
        }
        
        @media screen and (max-width: 640px){
            :root{
                --p2: 12px !important;
            }
        }
        
/*-----p3-----*/
    
        @media screen and (max-width: 1440px){
            :root{
                --p3: 12px !important;
            }
        }
        
        @media screen and (max-width: 1200px){
            :root{
                --p3: 10px !important;
            }
        }
        
    .t-body {
        background-color: #232323;
        padding: 8px;
        overflow-x: hidden;
    }
    
    
    .t-records {
        border-radius: 16px;
        overflow: hidden;
    }
    
        @media screen and (max-width: 640px){
        .t-body {
            padding: 0;
        }
        
         .t-records {
            border-radius: 0;
        }
    }


/*------------------------------------------Адаптив шрифтов-----------------------------------------*/

/*--------------------Headlines--------------------*/

/*-----h1-----*/

            h1{
                font-size: 96px !important;
                font-weight: 500 !important;
                line-height: 100% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
        @media screen and (max-width: 1920px){
            h1{
                font-size: 86px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            h1{
                font-size: 64px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            h1{
                font-size: 56px !important;
            }
        }
                
        @media screen and (max-width: 960px){
            h1{
                font-size: 40px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            h1{
                font-size: 36px !important;
            }
        }
        
        @media screen and (max-width: 480px){
            h1{
                font-size: 32px !important;
            }
        }

/*-----h2-----*/

            h2{
                /*font-size: var(--font-h2) !important;*/
                font-size: 64px !important;
                font-weight: 400 !important;
                line-height: 100% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
        @media screen and (max-width: 1920px){
            h2{
                font-size: 48px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            h2{
                font-size: 40px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            h2{
                font-size: 32px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            h2{
                font-size: 28px !important;
            }
        }
        
        @media screen and (max-width: 480px){
            h2{
                font-size: 24px !important;
            }
        }
        
/*-----h3-----*/

            h3{
                font-size: 48px !important;
                font-weight: 400 !important;
                line-height: 110% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
        @media screen and (max-width: 1920px){
            h3{
                font-size: 40px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            h3{
                font-size: 32px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            h3{
                font-size: 28px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            h3{
                font-size: 24px !important;
            }
        }
        
        @media screen and (max-width: 480px){
            h3{
                font-size: 22px !important;
            }
        }
        

/*-----h4-----*/

            h4{
                font-size: 40px !important;
                font-weight: 400 !important;
                line-height: 110% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
        @media screen and (max-width: 1920px){
            h4{
                font-size: 32px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            h4{
                font-size: 28px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            h4{
                font-size: 24px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            h4{
                font-size: 20px !important;
            }
        }
        
        
/*-----h5----*/

            h5, .t-feed__post-title{
                font-size: 32px !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
        @media screen and (max-width: 1920px){
            h5, .t-feed__post-title{
                font-size: 25px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            h5, .t-feed__post-title{
                font-size: 24px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            h5, .t-feed__post-title{
                font-size: 20px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            h5, .t-feed__post-title{
                font-size: 18px !important;
            }
        }
        
/*-----h6-----*/

            h6{
                font-size: 24px !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
            
        @media screen and (max-width: 1920px){
            h6{
                font-size: 22px !important;
            }
        }
                
        @media screen and (max-width: 1440px){
            h6{
                font-size: 20px !important;
            }
        }
                
        @media screen and (max-width: 1200px){
            h6{
                font-size: 18px !important;
            }
        }
                
        @media screen and (max-width: 640px){
            h6{
                font-size: 16px !important;
            }
        }
        
 
/*--------------------Paragraph--------------------*/

/*-----p1-----*/
    
            p1{
                font-size: 20px !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
        @media screen and (max-width: 1200px){
            p1{
                font-size: 18px !important;
            }
        }
        
        @media screen and (max-width: 640px){
            p1{
                font-size: 16px !important;
            }
        }
        
        
/*-----p2-----*/
    
            p2, .t-feed__post-descr{
                font-size: 16px !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
        @media screen and (max-width: 1200px){
            p2, .t-feed__post-descr{
                font-size: 14px !important;
            }
        }
    
        
/*-----p3-----*/
    
            p3{
                font-size: 14px !important;
                font-weight: 400 !important;
                line-height: 130% !important;
                letter-spacing: var(--letter-spacing) !important;
            }
        
        @media screen and (max-width: 1200px){
            p3{
                font-size: 12px !important;
            }
        }
        
        @media screen and (max-width: 640px){
            p3{
                font-size: 10px !important;
            }
        }
        
    
    .t-body {
        background-color: #232323;
        padding: 8px;
        overflow-x: hidden;
    }
    
    
    .t-records {
        border-radius: 16px;
        overflow: hidden;
    }
    
        @media screen and (max-width: 640px){
        .t-body {
            padding: 0;
        }
        
         .t-records {
            border-radius: 0;
        }
    }


/*------------------------------------------Настройка полей------------------------------------------*/

  .t228__maincontainer, .t-container:not(.t-feed__post-popup__container), .t280__menu__content,  .t995__wrapper, .t1004__feed-parts-container{
            max-width: calc(1920px - calc(var(--main-margin) * 2)) !important;
            box-sizing: border-box;
        }
        
    @media screen and (max-width: 1919px){
        .t228__maincontainer, .t-container:not(.t-feed__post-popup__container), .t280__menu__content,  .t995__wrapper, .t1004__feed-parts-container{
            max-width: calc(1440px - calc(var(--main-margin) * 2)) !important;
        }
    }
    
    @media screen and (max-width: 1440px){
        .t228__maincontainer, .t-container:not(.t-feed__post-popup__container), .t280__menu__content,  .t995__wrapper, .t1004__feed-parts-container{
        max-width: calc(1200px - calc(var(--main-margin) * 2)) !important;
    }
    }
    
    @media screen and (max-width: 1200px){
        .t228__maincontainer, .t-container:not(.t-feed__post-popup__container), .t280__menu__content,  .t995__wrapper, .t1004__feed-parts-container{
            max-width: calc(960px - var(--main-margin)) !important;
        }
    }
    
    @media screen and (max-width: 960px){
        .t228__maincontainer, .t-container, .t280__menu__content,  .t995__wrapper, .t1004__feed-parts-container{
            max-width: 100% !important;
        }
        
        .tmenu-mobile__container{
            padding-left: calc((var(--main-margin) / 2) - 8px) !important;
            padding-right: calc((var(--main-margin) / 2) - 8px) !important;
            padding-top: 16px !important;
            padding-bottom: 16px !important;
        }
        
        .t228__maincontainer, .t-container, .t280__menu__content,  .t995__wrapper, .t1004__feed-parts-container{
            padding-left: calc((var(--main-margin) / 2) - 8px) !important;
            padding-right: calc((var(--main-margin) / 2) - 8px) !important;
        }
    
    }
    
    @media screen and (max-width: 640px){
        .tmenu-mobile__container, .t228__maincontainer, .t-container, 
        .t280__menu__content,  .t995__wrapper, .t1004__feed-parts-container{
            padding-left: calc(var(--main-margin) / 4) !important;
            padding-right: calc(var(--main-margin) / 4) !important;
        }
    }

/*------------------------------------------Настройка межблоковых отступов-----------------------------------------*/
        
        .t-rec_pt_120{
            padding-top: calc(var(--block-padding) * 2) !important;
        }
        
        .t-rec_pb_120{
            padding-bottom: calc(var(--block-padding) * 2) !important;
        }
    
        .t-rec_pt_60{
            padding-top: var(--block-padding) !important;
        }
        
        .t-rec_pb_60{
            padding-bottom: var(--block-padding) !important;
        }
        
        .t-rec_pt_30{
            padding-top: var(--section-padding-bottom) !important;
        }
        
        .t-rec_pb_30{
            padding-bottom: var(--section-padding-bottom) !important;
        }
    
    
    @media screen and (max-width: 640px){
        
         .t-rec_pt_120{
            padding-top: calc(var(--block-padding) * 1.5) !important;
        }
        
        .t-rec_pb_120{
            padding-bottom: var(--block-padding) !important;
        }
         
        .t-rec_pt_60{
            padding-top: calc(var(--block-padding) / 2) !important;
        }
        
        .t-rec_pb_60{
            padding-bottom: calc(var(--block-padding) / 2) !important;
        }
        
        .t-rec_pt_30{
            padding-top: calc(var(--section-padding-bottom) * 0.75) !important;
        }
        
        .t-rec_pb_30{
            padding-bottom: calc(var(--section-padding-bottom) * 0.75) !important;
        }
    }
    
    
</style>