/* Start:/bitrix/templates/dresscode/components/bitrix/menu/personal/style.min.css?17755887061055*/
#personalMenu{margin:0 0 24px;padding:0;overflow:hidden;list-style:none;border-bottom:1px solid #f1f1f1}#personalMenu li{float:left;margin-right:24px;margin-bottom:24px}#personalMenu li:last-child{margin-right:0}#personalMenu li a{color:#000;font-size:16px;text-decoration:none;transition:all .2s ease-in-out}#personalMenu li a:active{position:relative;top:1px}#personalMenu li .selected{padding-bottom:4px;font-family:robotobold;border-bottom:1px dashed #000}#personalMenu li .selected:hover{color:#000}@media all and (max-width:1024px){#personalMenuWrap{position:relative;min-width:100%;height:40px;overflow:hidden;overflow-x:auto}#personalMenuWrap ul{overflow:auto;white-space:nowrap}#personalMenu li{display:inline-block;float:none;margin-right:18px;margin-bottom:18px;white-space:nowrap;vertical-align:top}#personalMenu::after{position:absolute;top:0;right:0;width:35px;height:100%;background:linear-gradient(left,rgb(255 255 255 / 20%),#fff 100%);background:linear-gradient(to right,rgb(255 255 255 / 20%),#fff 100%);content:"";pointer-events:none}}
/* End */


/* Start:/local/templates/.default/components/bitrix/news/projects/style.css?17900043288970*/
/* Стили для карусели галереи */
.projectGalleryCarousel {
    margin-bottom: 24px;
    margin-top: 24px;
}

.projectGalleryCarousel .mainServiceContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.projectGalleryCarousel .slideContainer {
    overflow: hidden;
}

.projectGalleryCarousel .slideBox {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
    clear: both;
    left: 0px;
}

.projectGalleryCarousel .item {
    list-style: none;
    float: left;
}

.projectGalleryCarousel .wrap {
    padding: 0 10px;
    box-sizing: border-box;
}

.mainServiceContainer .item .bigPicture {
    height: auto !important;
}

#projectGalleryCarousel .bigPicture {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

#projectGalleryCarousel .bigPicture img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

#projectGalleryCarousel .bigPicture:hover img {
    transform: scale(1.05);
}

#projectGalleryCarousel .bigPicture:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    color: white;
    background: rgba(0,0,0,0.6);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: 1;
}

#projectGalleryCarousel .bigPicture:hover:after {
    opacity: 1;
}

/* Стили для кнопок навигации - как в dresscode */
.projectGalleryCarousel .btnLeft,
.projectGalleryCarousel .btnRight {
    background: url(/local/templates/.default/components/bitrix/news/projects/images/offerArrowSmall.png) 0 0 no-repeat transparent;
    position: absolute;
    height: 60px;
    width: 60px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
}

.projectGalleryCarousel .btnLeft {
    left: -19px;
    background-position: 0 0;
}

.projectGalleryCarousel .btnRight {
    right: 9px;
    background-position: -72px 0;
}

/* .projectGalleryCarousel .btnLeft:hover {
    background-position: 0 -60px;
}

.projectGalleryCarousel .btnLeft:active {
    background-position: 0 -120px;
}

.projectGalleryCarousel .btnRight:hover {
    background-position: -60px -60px;
}

.projectGalleryCarousel .btnRight:active {
    background-position: -60px -120px;
} */

/* Адаптация для мобильных устройств */
@media (max-width: 768px) {
    .projectGalleryCarousel .btnLeft,
    .projectGalleryCarousel .btnRight {
        width: 40px;
        height: 40px;
        background-size: 80px 180px;
        display: none !important;
    }

    .projectGalleryCarousel .slideContainer {
      margin: 0 !important;
    }

    .projectGalleryCarousel .btnRight {
        background-position: -40px 0;
    }

    /* .projectGalleryCarousel .btnRight:hover {
        background-position: -40px -40px;
    }

    .projectGalleryCarousel .btnRight:active {
        background-position: -40px -80px;
    } */

    #projectGalleryCarousel .bigPicture:after {
        width: 35px;
        height: 35px;
        font-size: 28px;
    }
}

@media (max-width: 480px) {
    .projectGalleryCarousel .btnLeft,
    .projectGalleryCarousel .btnRight {
        width: 30px;
        height: 30px;
        background-size: 60px 135px;
    }

    .projectGalleryCarousel .btnRight {
        background-position: -30px 0;
    }
/*
    .projectGalleryCarousel .btnRight:hover {
        background-position: -30px -30px;
    }

    .projectGalleryCarousel .btnRight:active {
        background-position: -30px -60px;
    } */

    #projectGalleryCarousel .bigPicture:after {
        width: 30px;
        height: 30px;
        font-size: 24px;
    }
}

#zoomer {
    transform: scale(0.7);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

#zoomer.opened {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

#zoomer #zoomerExitLink {
    width: 50px;
    height: 50px;
    background: url("/local/templates/.default/components/bitrix/news/projects/images/exitBig.png") 0 0 no-repeat transparent;
    opacity: 0.5;
}

#zoomer #zoomerExitLink:hover {
    opacity: 0.8;
}

#zoomer #zoomerExitLink:active {
    top: 25px;
    height: 48px;
    opacity: 1;
}

#zoomerMoreImagesContainerWrapper .item {
    transition: all 0.2s ease-in-out;
}

#zoomerMoreImagesContainerWrapper .item:hover {
    opacity: 0.9 !important;
}

#zoomerMoreImagesContainerWrapper .selected {
    opacity: 1 !important;
}

#zoomerBigPrevMore,
#zoomerBigNextMore {
    background: url("/local/templates/.default/components/bitrix/news/projects/images/carouselArrowsBig.png") 0 0 no-repeat transparent;
    opacity: 0.5;
}

#zoomerBigNextMore {
    background-position: -57px 0;
}

#zoomerNextMore,
#zoomerPrevMore {
    background: url("/local/templates/.default/components/bitrix/news/projects/images/carouselArrows.png") 0 0 no-repeat transparent;
    opacity: 0.5;
}

#zoomerNextMore {
    background-position: -80px 0;
}

#zoomerPrevMore:hover,
#zoomerNextMore:hover,
#zoomerBigPrevMore:hover,
#zoomerBigNextMore:hover {
    opacity: 0.8;
}

#zoomerPrevMore:active,
#zoomerNextMore:active,
#zoomerBigPrevMore:active,
#zoomerBigNextMore:active {
    opacity: 1;
}

#zoomerNextMore:active {
    right: -1px !important;
}

#zoomerPrevMore:active {
    left: -1px !important;
}

#zoomerBigPrevMore:active {
    left: 23px !important;
}

#zoomerBigNextMore:active {
    right: 23px !important;
}

#zoomerMoreImagesContainerWrapper .link:active {
    position: relative;
    top: 1px;
}

@media all and (max-width: 800px) {
    #imageContainerSlider {
        height: 100% !important;
    }

    #zoomerMoreImagesContainer {
        display: none !important;
    }

    #zoomerBigPrevMore,
    #zoomerBigNextMore {
        display: none !important;
    }
}

.prjectNews .sections-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.prjectNews .section-col {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.prjectNews .section-card {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.prjectNews .section-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}
.prjectNews .section-link {
    display: block;
    text-decoration: none;
}
.prjectNews .section-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.prjectNews .section-noimg {
    width: 100%;
    height: 220px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
.prjectNews .section-name {
    padding: 15px;
    text-align: center;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}
.prjectNews .section-card:hover .section-name {
    color: #007bff;
}
.prjectNews .pagination-wrap {
    text-align: center;
    margin: 30px 0;
}
.prjectNews .page-btn {
    display: inline-block;
    padding: 8px 14px;
    margin: 0 3px;
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
}
.prjectNews .page-btn:hover,
.prjectNews .page-btn.active {
    background: #007bff;
    color: #fff;
}
@media (max-width: 768px) {
    .prjectNews .section-col {
        width: 50%;
    }
    .prjectNews .section-img, .section-noimg {
        height: 180px;
    }
}
@media (max-width: 480px) {
    .prjectNews .section-col {
        width: 100%;
    }
}

.sectionNews .projects-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.sectionNews .project-col {
    width: 33.333%;
    padding: 0 15px;
    margin-bottom: 30px;
    box-sizing: border-box;
}
.sectionNews .project-card {
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}
.sectionNews .project-card:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    transform: translateY(-3px);
}
.sectionNews .project-link {
    display: block;
    text-decoration: none;
}
.sectionNews .project-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sectionNews .project-noimg {
    width: 100%;
    height: 220px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
}
.sectionNews .project-name {
    padding: 15px;
    text-align: center;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}
.sectionNews .project-card:hover .project-name {
    color: #007bff;
}
.sectionNews .section-desc {
    margin: 20px 0 30px;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 8px;
}
.sectionNews .pagination-wrap {
    text-align: center;
    margin: 30px 0;
}
@media (max-width: 768px) {
    .sectionNews .project-col {
        width: 50%;
    }
    .sectionNews .project-img, .project-noimg {
        height: 180px;
    }
}
@media (max-width: 480px) {
    .sectionNews .project-col {
        width: 100%;
    }
}

/* End */
/* /bitrix/templates/dresscode/components/bitrix/menu/personal/style.min.css?17755887061055 */
/* /local/templates/.default/components/bitrix/news/projects/style.css?17900043288970 */