/*****************************************
uc-custom_cases
Адаптирует темплейт блок кейсов IX02 под полную ширину экрана
******************************************/
 @media screen and (min-width: 960px) {
   .uc-custom_cases{
      .t-container {
     max-width: calc(100% - 40px);
     .t-col {
                max-width: calc(50% - 40px);
                margin-left: 20px;
                margin-right: 20px;
       
   }
    }
}  
 }
 @media screen and (max-width: 960px) {
      .uc-custom_cases{
        
              .t-col {
        
    margin-bottom: 20px;
    .t404__link{
    display:block;
        .t404__imgbox {
        width: 100%;
        display: block;
       
        margin-bottom: 20px;
        }
        .t404__textwrapper {
        display: block;
        margin-top: 0;
        width: 100%;
        }
    }
    }
      }
 }

/*****************************************
zero_auto_grid - 
устанавливает размеры стандартных брейкпоинтов в зеро блоке автоматически
(класс задавать в верхний/root флекс контейнер внутри зеро блока, тип контейнера window)
******************************************/

.zero_auto_grid {
    left: 50% !important;
    transform: translateX(-50%);
    width: 100% !important;
max-width: calc(100% - 40px);
}



 @media screen and (min-width: 480px)   {   .zero_auto_grid { max-width:460px;}}
 @media screen and (min-width: 640px)   {   .zero_auto_grid { max-width:620px;}}
 @media screen and (min-width: 960px)   {   .zero_auto_grid {max-width:940px;}}
 @media screen and (min-width: 1200px)  {   .zero_auto_grid { max-width:1160px;}}
 @media screen and (min-width: 1400px)  {   .zero_auto_grid { max-width:1400px;}}


/*****************************************
uc-custom_slider - 
Добавляет допольнительный брейкопинт 1400пх для блока TE900D
******************************************/
 @media screen and (min-width: 1400px)  { 
    .uc-custom_slider{
    .t-container {
    max-width: 1435px;
    .t-col:first-child{
    max-width: 100%;
}
}
.t1196__slider.t1196__slider_width_12{    --container-max-width: 1390px;}
} 
}




/*****************************************
.uc-custom_faq - 
расширение ЧАВОпросов до 1400пх
******************************************/
 @media screen and (min-width: 1400px)  { 
  .uc-custom_faq{
      .t585__content{
      max-width: 750px;
      
  }
   .t-container, .t-container .t-col_12 {
    max-width: 1400px;
} 
}   
     
 }
 
 
 /*****************************************
.uc-1400_grid - 
расширение стандартнного блока до 1400пх (класс задавать в настройках блока)
******************************************/
 @media screen and (min-width: 1400px)  { 
  .uc-1400_grid{
   .t-container {
       max-width: 1440px;
      .t-col_6 {
            max-width: calc(50% - 40px);
}
.t-col_12 {
    max-width: 1400px;
}
  } 
}   
     
 }



 /*****************************************

******************************************/

 @media screen and (min-width: 320px)   {   .uc-custom_adv_1 .t-container { max-width:300px;}}
 @media screen and (min-width: 480px)   {    .uc-custom_adv_1 .t-container  { max-width:460px;}}
 @media screen and (min-width: 640px)   {    .uc-custom_adv_1 .t-container  { max-width:620px;}}
 @media screen and (min-width: 960px)   {    
     .uc-custom_adv_1{ 
         .t490__container  {
             max-width:940px; 
             
     
 }
                 
             }
     
 }
  @media screen and (max-width: 960px)   {    
     .uc-custom_adv_1{ 
         .t490__container  {
           
             .t-card__col{
                 max-width: 100% !important;
         
     }
     
 }
                 
             }
     
 }
 @media screen and (min-width: 1200px)  {    .uc-custom_adv_1 .t-container  { max-width:1160px;}}
 @media screen and (min-width: 1400px)  {    .uc-custom_adv_1 .t-container  { max-width:1400px;}}
 
 
.uc-custom_adv_1{
    
     .t-container {

       .t-col_12 {
            max-width: 100%;
        }
}

     
     .t490__container{
           row-gap: 40px !important;
    column-gap: 0px;
    &:before, &:after{
    display:none;
                        }


.t-card__col{
     background: #f8f8f9;
    padding: 70px 30px;
    border-radius: 20px;
    max-width: calc(33.3% - 100px) ;   
    
            }
}    

}
















/--------------------------------------------------------------------------------------------------------------------------------------/




/*****************************************
uc-breadcrumbs
******************************************/

.uc-breadcrumbs .t-container {
   
    max-width: 1640px;

}

/*****************************************
uc-header_descript
******************************************/

@media screen and (min-width:1200px) {
    
.uc-header_descript{
    .t-container {
       max-width: calc(100% - 80px);
    }
}

}





/*****************************************
list_style1
******************************************/

.uc-list_style1{
  .t-container {
     max-width: 1600px;
     .t-card__col{
     max-width: 100%;
         .t650__inner-col {
                justify-content: flex-start;
                gap: 25px;
                display:flex;
                flex-direction: column;
                
                

            }
    
     
     .t650__text{
    order:1;
        padding: 0px 0px 65px;
.t-card__title  {
                    margin-bottom: 20px;
                }
    
}
.t650__btn-container{
      order:0; 
   .t-card__btntext-wrapper {
    padding: 0px;
}
 .t-btntext__text{
    display:none;
}
.t-btntext__icon {
       transform: translateY(0);
    width: 40px;
    height: 40px;
}
}
}
}  
}

@media (hover: hover) {
    .t-card__col:hover .t-btntext__icon_has_hover::before {
        opacity: 0;
        visibility: hidden;
        transition-timing-function: cubic-bezier(.5, 0, .75, 0);
    }
    
    .t-card__col:hover .t-btntext__icon_has_hover::after {
        opacity: 1;
        visibility: visible;
    }
    
}




/*****************************************
листалка для презентации
******************************************/
.uc-slider .t235 {
      bottom: 50% !important;
    right: 30px !important;
    transform: translateY(50%) !important; 
}

/*****************************************
uc-caseimage_1280
******************************************/
.uc-caseimage_1280{
   padding: 0px 20px; 
   .t107{
    background-color: #E8E8E8;
    padding: 8vw 5vw;
    max-width: 100%;
    margin: 0px auto;
    width: 100%;
    box-sizing: border-box;
    img{
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    height: auto;
    padding:0px 10px;
}
}
}

.uc-blog{
    
.js-feed-post {
    padding: 40px;
    border: 1px solid black;
    &:hover{
    background-color: #fe8119;
    a, .t-feed__post-parts-date-row span{
        color: #ffffff !important;
}
}
}

.t-feed__post-parts-date-row_afterdescr {
    margin-top: auto;
}
.t-feed__textwrapper {
    margin-bottom: 20px;
}
}
@media screen and (min-width:1200px) {
 /*****************************************
uc-blog
******************************************/



    
    
}  /*1280*/


@media screen and (min-width:960px) {
/*****************************************
******************************************/


.uc-blog{
    
.t897__container {
   
    max-width: 1600px;

}
.t-col_6 {
max-width: calc(50% - 123px);
}
.t-feed__grid-col {
    margin-top: 60px;
}




}


.uc-portfolio-grid{
  .t404{
display: flex;
        flex-wrap: wrap;
        gap: 40px;
        row-gap: 100px;
        padding: 0px 20px;
        max-width: 1600px;
        margin: 0px auto;
        
    .t-container{
            max-width: calc(50% - 20px);
            margin: 0px;
            width: 100%;
    .t-col{
margin: 0px;
                padding: 0px;
                width: 100%;
                max-width: initial;
                
                .t-heading{
    max-width: 640px;
    
}
    
    
}
}
    
}   
}
/*****************************************
******************************************/

    
} /*960*/


@media screen and (min-width: 480px) {
/*****************************************
>480
******************************************/
    .uc-caseimage_1680{
    padding-left: 20px;
    padding-right: 20px;
}


    
    /*****************************************
******************************************/
}/*480*/



@media screen and (max-width: 480px) {
/*****************************************
< 480
******************************************/


    .gr_textgroup {
        width: calc(100% - 40px) !important;
        left:20px !important;
    }







.uc-caseimage_1280{
   padding-left: 0px;
   padding-right: 0px;
   
}

.uc-blog{
    ul{
padding: 0px 20px !important;
            box-sizing: border-box;
            .t-name_xl {

    line-height: 1.1 !important;
}


}
.t-feed__col-grid__wrapper {

    height: auto !important;
}
}
    
    /*****************************************
******************************************/
}/*480*/