.first-button{outline:unset;border:unset;border-bottom:3px solid #d00a10;padding:1.2rem 2rem;padding-bottom:calc(1.2rem - 3px);background-color:#d00a10;position:relative;cursor:pointer}.first-button>.mask{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:0.2s all;transition:0.2s all;background-color:#fff}.first-button:hover>.mask{background-color:#d00a10;height:0}.first-button:hover .text{color:white}.first-button:hover .text img{-webkit-filter:brightness(120);filter:brightness(120)}.first-button .text{color:#d00a10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;font-size:1rem;position:relative;z-index:30}.first-button .text img{height:20px;margin-left:1rem;-webkit-filter:unset;filter:unset}.slide-button{position:relative;background-color:#d00a10;height:60px;width:60px;overflow:hidden;border:unset;-webkit-box-flex:0;-ms-flex:none;flex:none}.slide-button:hover{background-color:#0469b3}.slide-button:hover .arrows{-webkit-transform:unset;transform:unset}.slide-button .arrows{position:absolute;top:0;left:0;width:200%;height:100%;z-index:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:0.2s -webkit-transform;transition:0.2s -webkit-transform;transition:0.2s transform;transition:0.2s transform, 0.2s -webkit-transform;cursor:pointer}.slide-button .arrows .arrow-container{width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.slide-button .arrows.horizontal.slide-left{left:unset;right:0}.slide-button .horizontal{-webkit-transform:translateX(-60px);transform:translateX(-60px);display:-webkit-box;display:-ms-flexbox;display:flex}.slide-button .horizontal.slide-left{-webkit-transform:translateX(60px);transform:translateX(60px)}.slide-button .vertical{-webkit-transform:translateY(-60px);transform:translateY(-60px)}.slide-button img{height:17px}.square{width:100px;height:100px}.square.background{background:url("../img/layout/technical-drawings-background-mechanical-engineeri-78FQ2LR.jpg");background-position:center;background-repeat:no-repeat;background-size:cover}.square.red{background-color:#d00a10}.square.gray{background-color:#EFEFEF}.square.right{margin-left:auto}.square.absolute{position:absolute}@media (max-width: 992px){.square.absolute{display:none}}.square.absolute.left{left:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}.square.translate-left{position:absolute;-webkit-transform:translateX(-100px);transform:translateX(-100px)}@media (max-width: 992px){.square.translate-left{display:none}}.container-square{margin-left:100px;margin-right:100px}@media (max-width: 992px){.container-square{margin:1rem}}.section-header{margin-bottom:0.5rem}.section-header .subtitle{color:#d00a10;font-size:0.9rem;letter-spacing:3.2px;font-weight:800;margin-bottom:0}.section-header .title{font-weight:700;font-size:2.4rem;margin-top:0;color:#1a1a1a;margin-bottom:2rem}.section-header.short{text-align:center;max-width:400px;margin-left:auto;margin-right:auto}.section-header.center{text-align:center}@media (max-width: 500px){.section-header .subtitle{font-size:0.7rem;letter-spacing:3.2px}.section-header .title{font-size:1.6rem;margin-bottom:1rem}}section.subpage-banner .container{background-image:url("../img/subpage-banner/banner.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#d00a10;background-blend-mode:color-dodge;padding:2.5rem 100px;color:#ffffff}section.subpage-banner .container h1{font-size:42px;font-weight:700;line-height:54px;margin:0}section.subpage-banner .container h2{font-size:24px;font-weight:700;letter-spacing:4.8px;line-height:27px;margin:0.4rem}@media (max-width: 992px){section.subpage-banner .container{padding:1rem}section.subpage-banner .container h1{font-size:32px;line-height:42px}}section.article .container .photo{width:100%;height:auto}section.article .container .date{color:#c4c4c4;font-weight:600;margin-top:1.5rem;margin-bottom:2rem}section.article .container .content{color:#707070}section.article .container .content .main-description{font-size:21px;font-weight:700;line-height:34px;margin-top:1rem;margin-bottom:1.5rem}section.article .container .content .description{font-size:17px;font-weight:400;line-height:28px}section.article .container .content p{margin-top:1rem;margin-bottom:1rem}section.article-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}section.article-nav .item{-webkit-box-flex:0;-ms-flex:0 0 49%;flex:0 0 49%;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.07);box-shadow:0 10px 30px rgba(0,0,0,0.07);display:-ms-grid;display:grid}section.article-nav .item:hover .slide-button{background-color:#0469b3}section.article-nav .item:hover .slide-button .arrows{-webkit-transform:unset;transform:unset}section.article-nav .item.left .content{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse;flex-flow:row-reverse;text-align:right}section.article-nav .item.left .slide-button img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}section.article-nav .item.right{margin-left:auto}section.article-nav .item .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:2rem}section.article-nav .item .content .text .title{color:#1a1a1a;font-size:24px;font-weight:700;line-height:1.6rem;margin:0.4rem}section.article-nav .item .content .text .subtitle{margin:0.4rem;color:#d00a10;font-size:14px;font-weight:700;font-style:normal;letter-spacing:0.2rem;line-height:1.3rem;text-transform:uppercase}section.article-nav .item button{margin:0.4rem}@media (max-width: 992px){section.article-nav .item{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}}@media (max-width: 500px){section.article-nav .item .content{margin:0.8rem}section.article-nav .item .content .text .title{font-size:18px;line-height:24px;margin:0.2rem}section.article-nav .item .content .text .subtitle{margin:0.2rem;font-size:12px;font-weight:700;line-height:15px}}
/*# sourceMappingURL=article.min.css.map */

.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 40px auto;
    gap: 20px;
    justify-content: center;
}

.gallery-photo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    width: 300px;
}