.album-page h1,
.album-page h2,
.album-page h3 {
    font-family:'Roboto Condensed Medium';
    line-height:1;
    color:#161616;
    margin:0;
}

.album-page h1 {
    font-size:73px;
    max-width:660px;
}

.album-page h1 span {
    display:block;
    font-family:'Lobster';
    color:#d62f00;
    font-size:58px;
    line-height:.95;
}

.album-page h2 {
    text-align:left;
    font-size:58px;
    margin-bottom:30px;
}

.album-page h3 {
    font-size:40px;
}

.album-hero {
    padding-bottom:120px;
}

.album-hero__box {
    position:relative;
    min-height:520px;
    border-radius:5px;
    overflow:hidden;
    background:#edf2f7;
}

.album-hero__image.img_bg {
    position:absolute;
    inset:0;
}

.album-hero__image::after {
    display:none;
}

.album-hero__content {
    position:relative;
    z-index:2;
    background:#fff;
    max-width:690px;
    padding:30px 5px 0px;
    margin:315px 0 0;
    border-radius:3px;
    box-shadow:0 14px 35px rgba(0,0,0,.08);
}

.album-hero__content ul {
    margin:15px 0 22px;
    padding-left:18px;
    font-size:18px;
}

.album-hero__buttons {
    gap:18px;
}

.album-vk {
    width:52px;
    height:52px;
    background:#2c568b;
    border-radius:3px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.album-vk img {
    max-width:25px;
    filter:brightness(0) invert(1);
}

.album-advantages {
    padding-bottom:70px;
}

.album-advantages .col-lg-12 {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    align-items:stretch;
}

.album-advantages .section-head {
    flex:0 0 calc(50% - 10px);
    max-width:calc(50% - 10px);
    min-height:180px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    margin:0;
    padding-right:36px;
}

.album-advantages .section-head h2 {
    font-size:60px;
    margin-bottom:22px;
}

.album-advantages .section-head p {
    font-size:16px;
    line-height:1.55;
    color:#656565;
    margin:0;
}

.album-advantages .advantages-grid {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    flex:1 1 100%;
    max-width:100%;
}

.album-advantages .adv-card {
    flex:0 0 calc(25% - 15px);
    max-width:calc(25% - 15px);
    min-height:180px;
    border:1px solid #d7e0ea;
    border-radius:3px;
    padding:25px;
    background:#fff;
}

.album-advantages .advantages-grid .adv-card:nth-child(-n+2) {
    margin-top:calc(-180px - 20px);
    margin-left:calc(50% + 10px);
}

.album-advantages .advantages-grid .adv-card:nth-child(2) {
    margin-left:0;
}

.album-advantages .adv-card img {
    height:28px;
    margin-bottom:35px;
}

.album-advantages .adv-card b {
    display:block;
    font-family:'Roboto Condensed Medium';
    font-size:22px;
    margin-bottom:8px;
}

.album-advantages .adv-card span {
    display:block;
    color:#777;
    font-size:15px;
}

.album-promo {
    padding:58px 0 72px;
}

.promo-box {
    display:flex;
    align-items:center;
    gap:34px;
    border:1px solid #d7e0ea;
    background:#fff;
    border-radius:3px;
    padding:28px 36px;
    overflow:visible;
}

.promo-box__image {
    order:1;
    width: 400px;
    text-align:left;
}

.promo-box__image img {
    display:block;
    width:100%;
    
}

.promo-box__content {
    order:2;
    width: 900px;
    align-self:center;
}

.promo-box__label {
    display: flex;
    align-items: center;
    background-color: #52aedf;
    padding: 6px 12px;
    border-radius: 25px;
    color: #fff;
    width: 220px;
    font-family: 'Roboto Condensed';
    margin-bottom: 25px;
}

.promo-box__label img {
    margin-right: 5px;
}

.promo-box__content h2 {
    font-size:50px;
    line-height:1.08;
    color:#2c568b;
    margin-bottom:18px;
}

.promo-box__content h2 .accent {
    color:#d62f00;
}

.promo-box__content span.present {
    color: #2c568b;
}

.promo-box__content p {
    font-size:18px;
    margin:0 0 24px;
    color:#2c568b;
    font-family:'Roboto Condensed Medium';
}

.promo-box__content .button {
    position:static;
    width:100%;
    max-width:none;
}

.album-catalog {
    padding-bottom:80px;
}

.album-tabs {
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:20px;
}

.album-tabs button {
    height:60px;
    font-size: 20px;
    min-width:170px;
    padding:0 25px;
    border:1px solid #2c568b;
    background:#fff;
    color:#2c568b;
    border-radius:3px;
    font-family:'Roboto Condensed';
    cursor:pointer;
}

.album-tabs button.active,
.album-tabs button:hover {
    background:#2c568b;
    color:#fff;
}

.catalog-panel {
    display:none;
    align-items:center;
    border:1px solid #d7e0ea;
}

.catalog-panel.active {
    display:flex;
}

.catalog-info,
.catalog-img {
    flex:0 0 50%;
    max-width:50%;
    align-self:center;
}

.catalog-info {
    padding:32px;
}

.catalog-info .subtitle {
    font-family:'Roboto Condensed';
    font-size:30px;
}

.catalog-info ul {
    padding-left:0;
    margin: 20px 0 25px;
    list-style:none;
}

.catalog-info li {
    font-family:'Roboto Condensed';
    font-weight: 500;
    position:relative;
    margin-bottom:16px;
    padding-left:30px;
    font-size: 20px;
}

.catalog-info li::before {
    content:'';
    position:absolute;
    left:0;
    top:3px;
    width:18px;
    height:18px;
    background:url('../img/album/lucide_circle-check.svg') 50%/contain no-repeat;
}

.catalog-info li::marker {
    content:'';
}

.prices {  
    margin-bottom:22px;    
}

.prices_item {
    display: flex;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7e0ea;
    font-family:'Roboto Condensed';
}

.prices_item > span {
    flex:1 1 calc(100% - 120px);
    font-size: 24px;
}

.prices_item > span span {
    display: block;
    font-size: 18px;
    opacity: 0.7;
}

.prices_item b {
    flex:0 0 auto;
    color:#d62f00;
    font-size: 22px;
}

.catalog-info .button {
    width:100%;
}

.catalog-img {
    display:flex;
    align-items:center;
    justify-content:center;
    border-left:1px solid #d7e0ea;
    padding:45px;
    background:#fff;
}

.catalog-img img {
    max-width:100%;
    max-height:500px;
}

.album-designs {
    padding:0 0 35px;
}

.album-designs h2 {
    text-align:center;
    font-size:110px;
    margin-bottom:30px;   
}

.design-group {
    margin-bottom:60px;
}

.design-group h3 {
    text-align:center;
    font-family:'Lobster';
    font-size:80px;
    color:#2c568b;
    margin-bottom:25px;
}

.design-slider {
    margin:0 -10px;
}

.design-card {
    padding:0 10px;
    position: relative;
}

.design-card-number {
    position: absolute;
    left: 30px;
    top: 30px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    color: #ffffff;
    font-size: 30px;
    z-index: 1;
    background-color: #2c568b;
    border-radius: 50%;
}

.design-card a.album-gallery-preview {
    display:block;
    position:relative;
    width: 434px;
    height: 498px;
}

.design-card a.album-gallery-preview-big {
    width: 640px;
}

.design-card a::before,
.design-card a::after,
.design-card .zoom-ico {
    display:none;
    content:none;
}

.design-card img {
    width:100%;
    height: 100%;
    background:#eef5fb;
    display:block;
    object-fit: cover;
}

.design-card b {
    font-family:'Roboto Condensed Medium';
    font-size:40px;
    color:#2c568b;
    display:block;
    margin-top:16px;
}

.hidden-gallery {
    display:none;
}

.design-controls {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:24px;
}

.design-controls .slick-dots {
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    order:1;
    position: relative;
    top: -4px;
}

.design-controls .slick-prev,
.design-controls .slick-next {
    position:static;
    transform:none;
    margin:0;
    background-color:transparent;
    border:none;
    border-radius:0;
}

.design-controls .slick-prev {
    order:0;
}

.design-controls .slick-next {
    order:2;
}

.design-slider .slick-prev,
.design-slider .slick-next {
    left:auto;
    right:auto;
    width:36px;
    height:36px;
    z-index:2;
}

.design-slider .slick-prev::before,
.design-slider .slick-next::before {
    display:none;
}

.album-work {
    padding-bottom:85px;
}

.work-sub {
    margin-top:-22px;
    margin-bottom:50px;
}

.work-list {
    display:flex;
    flex-direction:column;
    gap:18px;
}

.work-item {
    width:100%;
    display:flex;
    align-items:center;
    gap:24px;
    background:#eef7fc;
    padding:22px 26px;
    transition:all .25s ease;
}

.work-item.active {
    background:#fff;
    color:#161616;
}

.work-item:hover {
    background:#2c568b;
    color:#fff;
}

.work-item span {
    flex:0 0 56px;
    color:#d62f00;
    font-family:'Roboto Condensed Medium';
    font-size:22px;
    line-height:1;
    margin:0;
}

.work-item b {
    flex:0 0 260px;
    font-family:'Roboto Condensed Medium';
    font-size:21px;
    line-height:1.25;
    margin:0;
}

.work-item p {
    flex:1 1 auto;
    margin:0;
}

.album-faq {
    padding-bottom:90px;
}

.album-faq > * > * > * > p {
    margin-top:-20px;
    margin-bottom:25px;
}

.album-faq-list {
    display:flex;
    flex-wrap:wrap;
    gap:0 44px;
    align-items:flex-start;
}

.album-faq-item {
    flex:0 0 calc(50% - 22px);
    max-width:calc(50% - 22px);
    padding:18px 0;
    border-bottom:1px solid #D4D4D4;
    background:#fff;
}

.album-faq-question {
    position:relative;
    cursor:pointer;
    display:block;
    padding-right:34px;
    font-family:'Roboto Condensed Medium';
    font-size:20px;
    line-height:1.25;
    color:#161616;
}

.album-faq-question::after {
    content:'';
    position:absolute;
    right:0;
    top:7px;
    width:12px;
    height:12px;
    border-right:2px solid #2c568b;
    border-bottom:2px solid #2c568b;
    transform:rotate(45deg);
    transition:.2s;
}

.album-faq-item.active .album-faq-question::after {
    transform:rotate(-135deg);
    top:12px;
}

.album-faq-answer {
    display:none;
    padding-top:12px;
    color:rgba(22,22,22,.55);
    font-size:16px;
    line-height:1.6;
}

.album-faq-item.active .album-faq-answer {
    display:block;
}

.album-faq .faq-btn {
    max-width:none;
    margin:38px 0 0;
    display:flex;
    width:100%;
}

.album-hero__phones {
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.album-hero__phones a {
    font-size: 20px;
    color: #2c568b;
    margin-right: 25px;
    font-family: 'Roboto Condensed Medium';
    display: flex;
    align-items: center;
    font-weight: 500;
}

.album-hero__phones a img {
    margin-right: 5px;
}

@media(max-width:1430px) {

    .design-card a.album-gallery-preview {
        width: 340px;
        height: 460px;
    }

    .design-card a.album-gallery-preview-big {
        width: 520px;
    }

}

@media(max-width:1200px) {
    .album-page h1 {
        font-size:60px;
    }

    .album-page h1 span {
        font-size:48px;
    }

    .album-hero__content {
        margin-left:30px;
    }

    .design-card a.album-gallery-preview {
        width: 280px;
        height: 400px;
    }

    .design-card a.album-gallery-preview-big {
        width: 425px;
    }

    .design-card-number {
        width: 50px;
        height: 50px;
        left: 20px;
    }

}

@media(max-width:992px) {
    .album-page h2 {
        font-size:46px;
    }

    .album-designs h2 {
        font-size:58px;
    }

    .album-advantages .section-head {
        flex:0 0 100%;
        max-width:100%;
        min-height:auto;
        padding-right:0;
    }

    .album-advantages .advantages-grid .adv-card:nth-child(-n+2) {
        margin-top:0;
        margin-left:0;
    }

    .album-advantages .adv-card {
        flex:0 0 calc(50% - 10px);
        max-width:calc(50% - 10px);
    }

    .promo-box {
        flex-direction:column;
        align-items:stretch;
    }

    .promo-box__image {
        order:1;
        flex:0 0 auto;
        width:100%;
        text-align:center;
    }

    .promo-box__image img {
        margin:0 auto;
    }

    .promo-box__content {
        order:2;
        width:100%;
    }

    .catalog-panel.active {
        display:flex;
        flex-direction:column;
    }

    .catalog-img {
        order:1;
        border-left:0;
        border-bottom:1px solid #d7e0ea;
    }

    .catalog-info {
        order:2;
    }

    .catalog-info,
  .catalog-img {
        flex:0 0 100%;
        max-width:100%;
        width:100%;
    }

    .album-faq-item {
        flex:0 0 100%;
        max-width:100%;
    }

    .design-card a.album-gallery-preview {
        width: 320px;
        height: 400px;
    }

    .design-card a.album-gallery-preview-big {
        width: 300px;
        height: 300px;
    }

    .design-card b {
        font-size: 28px;
    }

    .design-group h3 {
        font-size: 60px;
    }

}

@media(max-width:767px) {
    .album-hero__box {
        min-height:auto;
    }

    .album-hero__image {
        position:relative;
        height:250px;
    }

    .album-hero__content {
        margin:0;
        padding:25px 18px;
        box-shadow:none;
    }

    .album-page h1 {
        font-size:42px;
    }

    .album-page h1 span {
        font-size:36px;
    }

    .album-hero__buttons {
        flex-direction:column;
        align-items:stretch;
    }

    .album-hero__buttons .button,
  .album-vk {
        width:100%;
    }

    .album-advantages .adv-card {
        flex:0 0 100%;
        max-width:100%;
    }

    .promo-box {
        padding:24px 18px;
    }

    .promo-box__content h2 {
        font-size:30px;
    }

    .catalog-info {
        padding:22px;
    }

    .catalog-img {
        padding:22px;
    }

    .design-group h3 {
        font-size:40px;
    }

    .album-designs h2 {
        font-size:46px;
    }

    .design-card a.album-gallery-preview, .design-card a.album-gallery-preview-big {
        width: 100%;
        height: 100%;
    }

}

@media(max-width:767px) {
    .work-item {
        align-items:flex-start;
        gap:14px;
        padding:18px 20px;
    }

    .work-item span {
        flex:0 0 42px;
        font-size:20px;
    }

    .work-item b {
        flex:0 0 150px;
        font-size:18px;
    }

    .work-item p {
        font-size:15px;
        line-height:1.45;
    }

}

@media(max-width:575px) {
    .work-item {
        flex-wrap:wrap;
    }

    .work-item span {
        flex:0 0 42px;
    }

    .work-item b {
        flex:1 1 calc(100% - 56px);
    }

    .work-item p {
        flex:0 0 100%;
        padding-left:56px;
    }

}