/* Start:/local/templates/main/components/bitrix/news/goc-ss23/bitrix/news.list/.default/style.css?17556223955018*/
.gid-capsule-preview, .gid-hero, .gid-menu-links {
    text-align: center
}

body {
    opacity: 0
}

.container {
    max-width: 1400px !important
}

.body_visible {
    opacity: 1 !important;
    transition: opacity 1s ease-in-out
}

.responsive-victim {
    display: block
}

.gid-button, .gid-menu-links {
    margin: 2rem auto 0;
    display: flex
}

.gid-button {
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #333;
    padding: 15px 25px;
    cursor: pointer;
    max-width: 230px
}

.gid-button:hover {
    background-color: #000;
    color: #fff
}

.errortext {
    color: #000 !important
}

.slick-next:before, .slick-prev:before {
    color: #000
}

.slick-next, .slick-prev {
    background-color: transparent
}

.gid-hero h1 {
    font-size: 52px;
    line-height: 1.2;
    width: 70%;
    margin: 0 auto
}

.gid-capsule-preview p, .gid-hero p {
    width: 50%;
    margin: 1rem auto 0
}

.gid-button p {
    width: 100%;
    margin-top: 0
}

.gid-menu-links {
    flex-wrap: wrap;
    justify-content: center
}

.gid-menu-links a {
    margin: 0 15px;
    line-height: 3rem;
    font-size: 16px;
    display: block
}

.gid-menu-links a:hover {
    text-decoration: underline
}

.gid-menu-preview {
    background-color: grey;
    height: 600px;
    margin-top: 1rem;
    padding: 0 !important
}

.gid-blog {
    margin-top: 70px
}

.gid-blog-slider-element {
    position: relative;
    cursor: pointer
}

.slider-element-contains:hover {
    font-weight: 600 !important
}

.slider-element-contains {
    margin: 0 10px;
    height: 180px;
    background-color: #dadada;
    background-size: cover;
    background-position-y: 40%
}

.slider-element-contains p {
    overflow: hidden;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 10px;
    padding-left: 10px;
    z-index: 1;
    height: 35%
}

.blog-text-gradient {
    height: 50%;
    width: calc(100% - 20px);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .3));
    position: absolute;
    bottom: 0;
    left: 10px
}

.gid-blog-mob {
    display: none
}

.gid-capsule-preview {
    margin-top: 50px
}

.gid-capsule-preview h1 {
    font-size: 46px;
    margin: 0 auto;
    line-height: 1
}

.gid-capsule-preview p {
    width: 60%
}

.capsule-preview-info {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 50px;
    margin-top: 2rem
}

.preview-info-card {
    display: grid;
    grid-template-columns:25% 70%;
    padding: 20px 15px 30px 30px;
    box-shadow: 10px 5px 15px rgba(0, 0, 0, .15);
    /* cursor: default */
}

.preview-info-card p {
    margin: 0;
    width: 100%
}

b p {
    margin-bottom: 5px !important
}

.preview-info-card article {
    text-align: left;
    margin-top: .5rem
}

.gid-capsule-preview-photos {
    margin-top: 50px;
    position: relative
}

.capsule-photo-columns {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    gap: 20px;
    height: 992px;
    overflow-y: hidden;
    margin-top: 3rem
}

.capsule-photo-col {
    overflow-y: hidden;
    padding: 0 !important
}

.capsule-photo-columns img {
    width: 100%;
    position: relative
}

.capsule-photo-columns img:nth-child(4n+1) {
    top: -15%
}

.capsule-photo-columns img:nth-child(4n+2) {
    top: -25%
}

.capsule-photo-columns img:nth-child(4n+3) {
    top: -35%
}

.capsule-photo-columns img:nth-child(4n+4) {
    top: -5%
}

.capsule-preview-gradient {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 250px;
    background-image: linear-gradient(rgba(256, 256, 256, 0), #fff)
}

.capsule-button {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.capsule-button p {
    margin: 0 !important;
    width: 100%
}

@media (max-width: 768px) {
    body::-webkit-scrollbar {
        width: 0 !important
    }

    .gid-hero h1 {
        font-size: 2.5rem !important;
    }

    .gid-capsule-preview p, .gid-hero p {
        width: 95%
    }

    .gid-blog, .responsive-victim {
        display: none
    }

    .gid-blog-mob {
        display: block;
        margin-top: 30px;
        overflow-x: hidden
    }

    .gid-menu {
        display: none !important
    }

    .gid-capsule-preview p {
        line-height: 1
    }

    .capsule-photo-columns {
        grid-template-columns:repeat(2, 1fr);
        padding: 0;
        height: 650px;
        gap: 10px
    }

    .capsule-photo-columns img:nth-child(odd) {
        top: -15% !important;
    }
    .capsule-photo-columns img:nth-child(even) {
        top: -35% !important;
    }

    .capsule-photo-col img {
        margin: 5px 0
    }

    .capsule-preview-info {
        grid-template-columns:1fr;
        gap: 20px
    }

    .gid-capsule-preview h1 {
        font-size: 2rem
    }

    .preview-info-card {
        box-shadow: 5px 8px 15px rgb(0 0 0 / 15%)
    }

	.preview-info-card p:first-child {
		font-size: 4rem !important;
		word-break: normal;
	}
}
/* End */
/* /local/templates/main/components/bitrix/news/goc-ss23/bitrix/news.list/.default/style.css?17556223955018 */