/* Start:/local/templates/konfiskat/assets/styles/about.css?171353557212306*/
@import url(/local/templates/konfiskat/assets/styles/./style.css);
@import url(/local/templates/konfiskat/assets/styles/./swiper-bundle.min.css);

.block-1 {
    position: relative;
    width: 100%;
	margin-bottom:50px;
}
.block-1 img {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 50%;
    height: 90%;
    object-fit: cover;
    object-position: top;
}
@media (max-width:1200px) {
    .block-1 img {
        display: none;
    }
}

.row-1 {
    background-color: var(--blue);
    position: relative;
    z-index: -1;
}
.row-1 .content {
    padding-top: 30px;
    display: flex;
    justify-content: flex-end;
}
.row-1 .content h1 {
    /*max-width:calc(50% - 50px) ;*/
    width: 100%;
    text-align: left;
    color: #FFF;
    font-size: var(--block-heading-font-size);
    font-style: normal;
    font-weight: 250;
    line-height: 100%;
    margin-bottom: 75px;
}
.block-1 .content  {
    display: flex;
    justify-content: flex-end;

}
.row-2 {
    max-width:calc(50% - 50px) ;
    width: 100%;
    padding: 50px 0 30px;
}
.row-2 h2 {
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 150%;
    color: var(--gray);
    margin-bottom: 30px;
}
.row-2 p {
    font-size: var(--preset--font-size--medium);
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: var(--gray);
}
.slider-container {
    width: 100%;
}
.about-swiper {
    /*padding: 50px 0 0;*/
    overflow: hidden;
}
.about-swiper .swiper-slide {
    border-radius: 10px;
    overflow: hidden;
    width: 229px !important;
}
.about-swiper .swiper-slide img {
    border-radius: 10px;
}

.slider-container {
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: space-between;
}
.about-text {
    font-size: var(--preset--font-size--medium);
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: var(--gray);
}
.text-wrap .about-text {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.about-subtitle {
    font-size: 25px;
    font-style: normal;
    font-weight: 800;
    line-height: 170%;
    color: var(--gray);
}
.block-2 .content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.about-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 0 0 50px;
}
.about-list li {
    font-size: var(--preset--font-size--medium);
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: var(--gray);
    display: flex;
    gap: 30px ;
}
.about-list li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12.2929 5.29289C12.6834 4.90237 13.3166 4.90237 13.7071 5.29289L19.7071 11.2929C20.0976 11.6834 20.0976 12.3166 19.7071 12.7071L13.7071 18.7071C13.3166 19.0976 12.6834 19.0976 12.2929 18.7071C11.9024 18.3166 11.9024 17.6834 12.2929 17.2929L17.5858 12L12.2929 6.70711C11.9024 6.31658 11.9024 5.68342 12.2929 5.29289ZM6.29289 5.29289C6.68342 4.90237 7.31658 4.90237 7.70711 5.29289L13.7071 11.2929C13.8946 11.4804 14 11.7348 14 12C14 12.2652 13.8946 12.5196 13.7071 12.7071L7.70711 18.7071C7.31658 19.0976 6.68342 19.0976 6.29289 18.7071C5.90237 18.3166 5.90237 17.6834 6.29289 17.2929L11.5858 12L6.29289 6.70711C5.90237 6.31658 5.90237 5.68342 6.29289 5.29289Z' fill='%238AB73A'/%3E%3C/svg%3E");
    display: block;
    margin-top: 10px;
}
.about-btn {
    border-radius: 10px;
    background: #555E90;
    display: flex;
    padding: 15px 40px;
    align-items: center;
    gap: 20px;
    font-size: var(--button-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: #fff;
    margin-right: auto;
    margin-bottom: 50px;
}
.regions {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #C6CAE2;
    background: #FFF;
    padding: 20px;
    position: relative;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.regions p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray);
    display: flex;
    gap: 30px;
    cursor: pointer;
    width: 100%;
    justify-content: space-between;
}
.regions p::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23484848' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    display: block;
}

.regions-list {
    display: flex;
    width: 100%;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 15px 20px -10px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 5;
}
.regions-list.active {
    visibility: visible;
    opacity: 1;
}
.regions-list li {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray);
    display: flex;
    gap: 10px;
    cursor: pointer;
}
.regions-list li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21C10.7369 19.9227 9.56619 18.7416 8.5 17.4691C6.9 15.5581 5 12.712 5 10.0001C4.99858 7.1676 6.70425 4.61344 9.32107 3.52945C11.9379 2.44545 14.9501 3.04529 16.952 5.04905C18.2685 6.35966 19.0059 8.14244 19 10.0001C19 12.712 17.1 15.5581 15.5 17.4691C14.4338 18.7416 13.2631 19.9227 12 21ZM12 5.00005C9.23995 5.00336 7.00331 7.24 7 10.0001C7 11.166 7.527 13.1851 10.035 16.1861C10.6531 16.9241 11.309 17.6297 12 18.3001C12.691 17.6305 13.3472 16.9259 13.966 16.1891C16.473 13.1841 17 11.1651 17 10.0001C16.9967 7.24 14.7601 5.00336 12 5.00005ZM12 13.0001C10.3431 13.0001 9 11.6569 9 10.0001C9 8.3432 10.3431 7.00005 12 7.00005C13.6569 7.00005 15 8.3432 15 10.0001C15 10.7957 14.6839 11.5588 14.1213 12.1214C13.5587 12.684 12.7957 13.0001 12 13.0001Z' fill='%238AB73A'/%3E%3C/svg%3E");
    display: block;
}
.regions-list li:hover {
    color: var(--green);
}
.regions-btn {
    border-radius: 10px;
    background: #8AB73A;
    display: flex;
    padding: 20px 30px;
    align-items: center;
    gap: 80px;
    border: none;
    cursor: pointer;
}

.regions-btn:hover {
    background: #B0E453;
}

.shop-wrap {
    background-color: #F8F9FF;
    padding: 50px 0;
}
.shop-wrap-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.shop-wrap-row .shops-title {
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    color: #555E90;
}


.shop-cards {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    row-gap: 50px;
    padding: 50px 0;
}

/*.hidden {*/
/*    display: none;*/
/*}*/

.hidden a:hover {
    background: #9FAAE9;
}
.shop-card:hover .shop-wrapper {
    /*position: absolute;*/
    top: 0;
    left: 0;
    min-height: 100px;
    z-index: 2;
    /*height: unset;*/
}
.shop-card:hover .hidden {
    display: block;
}

.shop-info-row {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 20px;
}

.shop-info-wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.shop-info-wrap span {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    /*line-height: 120%;*/
    color: #484848;
}

@media (max-width:1024px)  {
    .shop-wrap-row .shops-title {
        display: none;
    }
    .shop-image-wrap {
        width: 270px;
        height: 270px;
    }
    .shop-cards {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 50px;
        padding: 50px 0;
    }
    .shop-city {
        /*font-size: 30px;*/
    }
    .shop-info-wrap p {
        font-size: 20px;
    }
}
@media (max-width:768px) {
    .shop-image-wrap {
        width: 200px;
        height: 200px;
    }
}
@media (max-width:740px) {
    .shop-card {
        height: 750px;
    }
}



.block-3 {
    padding: 50px 0 100px;
}
.block-3 h2 {
    color: #555E90;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 25px;
}
.block-3-cards {
    width: 100%;
    padding: 25px 0 25px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}
.block-3-card {
    border-radius: 10px;
    border: 2px solid #FFF;
    background: #F8F9FF;
    box-shadow: 0px 4px 14px -6px rgba(85, 94, 144, 0.25);
    display: flex;
    padding: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    width: 330px;
}

.block-3-card:hover {
    background: #fff;
}
.block-3-card .row {
    display: flex;
    align-items: center;
    gap: 30px;
}
.block-3-card .row span {
    border-radius: 10px;
    background: #8AB73A;
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 80px;
}

.map-icon-link {
    border-radius: 10px;
    background: #8AB73A;
    display: flex;
    padding: 10px;
    align-items: center;
    gap: 80px;
}

.block-3-card .row p {
    color: #484848;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 34px */
    text-transform: uppercase;
}
.block-3-card .city {
    color: #555E90;
    font-family: Rounded Mplus 1c;
    font-size: var(--preset--font-size--x-large);
    font-style: normal;
    font-weight: 800;
    line-height: 100%; /* 50px */
}
.block-3-btn {
    margin-top: auto;
    display: flex;
    padding: 15px 40px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    border-radius: 10px;
    background: #555E90;
    color: #FFF;
    font-family: Rounded Mplus 1c;
    font-size: var(--button-font-size);
    font-style: normal;
    font-weight: 400;
    /*line-height: 170%; !* 42.5px *!*/
}
@media (max-width:1550px) {
    .block-1 {
        background-size: calc(50% - 50px) auto;
        background-position: left;
    }

}
@media (max-width:1370px) {
    .block-3-card .city {
        font-size: 40px;
    }
    .block-3-btn {
        font-size: 18px;
    }
    .shop-info-wrap p  {
        font-size: 18px;
    }
}
@media (max-width:1200px) {
    .block-1 {
        background-image: none;
    }
    .row-1 .content h1 ,.row-2{
        max-width: 100%;
        width: 100%;
    }
}
@media (max-width:1024px)  {
    /*.row-1 .content h1 {*/
    /*    font-size: 35px;*/
    /*}*/
    .row-2 h2 {
        font-size: 30px;
    }
    .slider-container {
        gap: 15px;
    }
    /*.about-text , .row-2 p , .about-list li {*/
    /*    font-size: var(--preset--font-size--medium);*/
    /*}*/
    /*.comment {*/
    /*    padding: 30px;*/
    /*    gap: 20px;*/
    /*}*/
    /*.comment p:first-child {*/
    /*    color: #8AB73A;*/
    /*}*/
    /*.comment p:last-child {*/
    /*    font-size: 30px;*/
    /*}*/
    .about-list {
        padding: 0;
    }
    /*.about-btn {*/
    /*    padding: 8px 20px;*/
    /*    font-size: 18px;*/
    /*}*/
    .shop-wrap-row .shops-title {
        display: none;
    }
    .shop-image-wrap {
        width: 270px;
        height: 270px;
    }
    .shop-cards {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 50px;
        padding: 50px 0;
    }
    .shop-city {
        /*font-size: 30px;*/
    }
    .shop-info-wrap p {
        font-size: 20px;
    }
    .block-3 h2 {
        font-size: 30px;
    }
}
@media (max-width:768px) {
    .regions-list {
        width: 100%;
    }
    .shop-image-wrap {
        width: 200px;
        height: 200px;
    }
}
@media (max-width:1418px) {
    .shop-cards , .block-3-cards {
        justify-content: center;
        gap: 30px;
    }
}
/* End */
/* /local/templates/konfiskat/assets/styles/about.css?171353557212306 */