/* ==========================================================================
                        БАЗОВЫЕ СТИЛИ ДЛЯ HEADER
========================================================================== */

.uc-header_tetis, .uc-header_tetis .t396__artboard,
.uc-header_tetis-port, .uc-header_tetis-port .t396__artboard {
    transition: all 0.5s ease-in-out;  
    opacity: 1;
}
 
.uc-header_tetis.fixed .t396__artboard, 
.uc-header_tetis-port.fixed .t396__artboard {
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 0;
    transition: transform 0.5s ease-in-out;

}
.uc-header_tetis.hide-header .t396__artboard,
.uc-header_tetis-port.hide-header .t396__artboard {  
    transform: translateY(-100%); 
    opacity: 0;
} 
 
/* ==========================================================================
                        СТИЛИ ПРИ НАВЕДЕНИИ НА HEADER
========================================================================== */

/* Изменения при наведении на контейнер */
.uc-header_tetis:hover .t396__artboard,
.uc-header_tetis.hover-effect .t396__artboard,
.uc-header_tetis-port:hover .t396__artboard,
.uc-header_tetis-port.hover-effect .t396__artboard {
    background: #FFFEFC;
    opacity: 1;
    border-bottom: 2px solid #B2B2B2;
    box-sizing: border-box;
}

/* Общие стили для изменения цвета элементов */
.uc-header_tetis:hover .header_nav-item a,
.uc-header_tetis:hover .header_nav-item-contact a,
.uc-header_tetis:hover .header_nav-logo path,
.uc-header_tetis:hover .header_nav-item-contact g rect,
.uc-header_tetis.hover-effect .header_nav-item a,
.uc-header_tetis.hover-effect .header_nav-item-contact a,
.uc-header_tetis.hover-effect .header_nav-logo path,
.uc-header_tetis.hover-effect .header_nav-item-contact g rect,
.uc-header_tetis-port:hover .header_nav-item a,
.uc-header_tetis-port:hover .header_nav-item-contact a,
.uc-header_tetis-port:hover .header_nav-logo path,
.uc-header_tetis-port:hover .header_nav-item-contact g rect,
.uc-header_tetis-port.hover-effect .header_nav-item a,
.uc-header_tetis-port.hover-effect .header_nav-item-contact a,
.uc-header_tetis-port.hover-effect .header_nav-logo path,
.uc-header_tetis-port.hover-effect .header_nav-item-contact g rect {
    color: #1C1B1E !important;
    fill: #1C1B1E !important;
}

/* Стили для burger-меню */
.uc-header_tetis:hover .header_nav-burger path,
.uc-header_tetis.hover-effect .header_nav-burger path,
.uc-header_tetis-port:hover .header_nav-burger path,
.uc-header_tetis-port.hover-effect .header_nav-burger path {
    stroke: #1C1B1E !important;
}


.uc-header_tetis .header_nav-item:hover,
.uc-header_tetis-port .header_nav-item:hover {
    border-bottom: 2px solid #1C1B1E;
    cursor: pointer;
}
.uc-header_tetis .header_nav-item:hover a,
.uc-header_tetis .header_nav-item-contact a:hover,
.uc-header_tetis-port .header_nav-item:hover a,
.uc-header_tetis-port .header_nav-item-contact a:hover {
    font-weight: 600 !important;
} 


/* ==========================================================================
                        СТИЛИ ПРЕЛОАДЕРА
========================================================================== */

.uc-preloader .t396__artboard {
z-index:9999;
position: fixed;
top:0;
left: 0;
width: 100vw !important;
height: 150vh !important;
}

.overflow {
overflow: hidden !important;
}
.hide-preloader {
display:none; 
}
.preloader-shape {
overflow: hidden;
}
.preloader-shape .tn-atom {
animation-direction: normal;
animation: transform-block 0.5s cubic-bezier(0.98, 0.12, 0.18, 1.03);
animation-fill-mode: forwards;
}
.preloader-shape:nth-child(3) .tn-atom {
animation-delay: 1.9s;
}
.preloader-shape:nth-child(4) .tn-atom {
animation-delay: 1.95s;
}
.preloader-shape:nth-child(5) .tn-atom {
animation-delay: 2s;
}
.preloader-shape:nth-child(6) .tn-atom {
animation-delay: 2.05s;
}
.preloader-shape:nth-child(7) .tn-atom {
animation-delay: 2.1s;
}
.preloader-shape:nth-child(8) .tn-atom {
animation-delay: 2.15s;
}
.preloader-shape:nth-child(9) .tn-atom {
animation-delay: 2.2s;
}
.preloader-shape:nth-child(10) .tn-atom {
animation-delay: 2.25s;
}
.preloader-shape:nth-child(11) .tn-atom {
animation-delay: 2.3s;
}
.preloader-shape:nth-child(12) .tn-atom {
animation-delay: 2.35s;
}
.preloader-shape:nth-child(13) .tn-atom {
animation-delay: 2.4s;
}
.preloader-shape:nth-child(14) .tn-atom {
animation-delay: 2.45s;
}
.preloader-shape:nth-child(15) .tn-atom {
animation-delay: 2.5s;
}
.preloader-shape:nth-child(16) .tn-atom {
animation-delay: 2.55s;
}
.preloader-shape:nth-child(17) .tn-atom {
animation-delay: 2.6s;
}
.preloader-shape:nth-child(18) .tn-atom {
animation-delay: 2.65s;
}
.preloader-shape:nth-child(19) .tn-atom {
animation-delay: 2.7s;
}
.preloader-shape:nth-child(20) .tn-atom {
animation-delay: 2.75s;
}
.preloader-shape:nth-child(21) .tn-atom {
animation-delay: 2.8s;
}
.preloader-shape:nth-child(22) .tn-atom {
animation-delay: 2.85s;
}
.preloader-shape:nth-child(23) .tn-atom {
animation-delay: 2.9s;
}
@keyframes transform-block {
0% {
transform: translateX(0px);
}
100% {
transform: translateX(100%);
}
}

/* 2 BLOCK */

@media (min-width: 940px) {
  .uc-block-portfolio .t915__container {
    max-width: 1320px !important;
  } 

  .uc-block-portfolio .t-feed__post-title {
  font-size: 24px !important;  
}
.uc-block-portfolio .js-feed-container {
    display: flex !important;
    flex-wrap: wrap;
    row-gap: 20px;
    justify-content: space-between;
}
.uc-block-portfolio ul.js-feed-container li:nth-child(2),
.uc-block-portfolio ul.js-feed-container li:nth-child(3),
.uc-block-portfolio ul.js-feed-container li:nth-child(6) {
    max-width: max-content !important;
}
.uc-block-portfolio ul.js-feed-container li:nth-child(1),
.uc-block-portfolio ul.js-feed-container li:nth-child(4),
.uc-block-portfolio ul.js-feed-container li:nth-child(5) {
    max-width: 518px !important;
}

.uc-block-portfolio .t-feed__grid-col:not(.t-slds__item) {
    margin-top: 20px !important;
}

.uc-block-portfolio .t-feed__post-imgwrapper {
    height: 600px !important;
}

.uc-block-portfolio .js-feed-post.t-feed__post.t-item {
      margin: 0 !important;
}
.uc-block-portfolio ul.t-feed__container li { 
        padding: 0 ; 
    }

.uc-block-portfolio .t-feed__buttons-wrapper {
    margin-top: 40px ;
    max-width: 1320px !important;
}
.uc-block-portfolio .t-btnflex {
    width: 100% !important;
}
}



@media (max-width: 640px) {

   .uc-block-portfolio ul.t-feed__container {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .uc-block-portfolio ul.t-feed__container li {
        width: auto !important;
        padding: 0 !important;
        margin: 0 20px !important;
        margin-top: 0 !important;
    }
    .uc-block-portfolio li.js-feed-post {
        margin-top: 0 !important;
    }
    .uc-block-portfolio li.js-feed-post:nth-child(2) .t-feed__col-grid__post-wrapper {
        margin-top: -60px !important;
    }
    
    .uc-block-portfolio .t-btnflex {
    width: calc(100% - 47px) !important;
}
.uc-block-portfolio .t-feed__buttons-wrapper {
    margin-top: 40px !important;
    max-width: 100% !important;
}
} 
 
.uc-block-portfolio .js-feed-post.t-feed__post.t-item {
    border: 1px solid #DCDCDD !important;
    box-sizing: border-box !important; 
}
.uc-page-portfolio .js-feed-post.t-feed__post.t-item {
    border: 1px solid #DCDCDD !important;
    box-sizing: border-box !important; 
}


/* ==========================================================================
                        БАЗОВЫЕ СТИЛИ ДЛЯ POPUP и FORM FOOTER
========================================================================== */

@media (min-width: 940px) {
.uc-tetis-popup .t-form__inputsbox.t-form__inputsbox_flex {
    width: 456px !important;
}

.uc-tetis-popup .t702__form-bottom-text span {
    font-size: 10px !important;
}
.uc-tetis-popup .t-form__inputsbox_flex .t-form__submit {
    width: 280px !important;
}
.uc-tetis-popup .t-popup__container {
    background-color: transparent !important;
}
.uc-tetis-popup .t-popup.t-popup_show {
    background-image: url(https://static.tildacdn.com/tild3632-6266-4733-a231-333865303464/photo.png);
    background-position: center; 
    background-size: cover;     
    background-repeat: no-repeat;  
    background-attachment: fixed;  
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
}
}

.uc-tetis-container-f .tetis-container-form-footer {
    background: rgba(0, 0, 0, 0.2) !important;
    backdrop-filter: blur(2px) !important;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3) !important;
}

.uc-tetis-container-f .tetis-container-form-footer .t-submit:hover {
    border-color: #fffefc !important;
    background-color: transparent !important; 
}

.uc-tetis-acordion .t-container {
    max-width: 1320px !important;
}
 
}

.uc-tetis-acordion .t-container .t-col {
    margin-left: 0px !important; 
    margin-right: 0px !important;
}

.uc-tetis-acordion .t-container .t-col_12 {
    max-width: none !important;
}



.t-feed .t396__artboard rendered { 


    
}