/* Start:/local/templates/dk/styles.css?177418490713448*/
/***
    The new CSS reset - version 1.9 (last updated 19.6.2023)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
    - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36)
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a, button {
    cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
    list-style: none;
}

/* For images to not be able to exceed their container */
img {
    max-inline-size: 100%;
    max-block-size: 100%;
}

/* removes spacing between cells in tables */
table {
    border-collapse: collapse;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
    -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
    -webkit-appearance: revert;
    appearance: revert;
}

/* preformatted text - use only for this feature */
:where(pre) {
    all: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
    color: unset;
}

/* remove default dot (•) sign */
::marker {
    content: initial;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
    display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}

/* Revert Modal native behavior */
:where(dialog:modal) {
    all: revert;
}

@font-face {
    font-weight: 500; /* Соответствует значению normal */
    font-family: Geo;
    src: url("/local/templates/dk/font/Geometria.ttf");
}

@font-face {
    font-weight: 700; /* Соответствует значению bold */
    font-family: Geo;
    /*src: url("/local/templates/dk/font/Geometria-Bold.ttf");*/
    src: url("/local/templates/dk/font/Geometria-Medium.ttf");
}

@font-face {
    font-weight: 300;
    font-family: Geo;
    src: url("/local/templates/dk/font/Geometria-Light.ttf");
}

*{
    font-family: 'Geo';
    box-sizing: border-box;
    color: #011640;
}

.wrapper{
    display: grid;
    grid-template-columns: 1fr;
    /*grid-gap: 16px;*/

    max-width: 1400px;
    margin: auto;
    border-left: 1px solid #c1b8f0;
    border-right: 1px solid #c1b8f0;
    min-height: 100vh;
    margin-top: 75px;
    align-content: start;
}

.btn{
    background-color: #5B2CBF;
    padding: 16px 32px;
    color :white;
    display: block;
    width: fit-content;
}

.wrapper__h1{
    padding: 16px;
    border-bottom: 1px solid #c1b8f0;
    display: block;
    height: min-content;
}

header{
    border-bottom: 1px solid #c1b8f0;
    position: fixed;
    top: 0;
    height: 75px;
    width: 100%;
    background-color: white;
    z-index: 1000;
}
footer{
    border-top: 1px solid #c1b8f0;
    min-height: 200px;
    margin-top: -1px;
}

.footer__logo-link{
    justify-self: end;
}

.contacts{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    /*padding: 16px;*/
}

.pay{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    /*padding: 16px;*/
}

.contacts__row{
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 64px;
    padding: 16px 16px 48px 16px;
    border-bottom: 1px solid #c1b8f0;
}
.pay__row{
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 64px;
    padding: 16px 16px 48px 16px;
    border-bottom: 1px solid #c1b8f0;
}

.contacts__row-title{
    font-size: 20px;
    font-weight: bold;
}
.pay__row-title{
    font-size: 20px;
    font-weight: bold;
}

.contacts__row-content{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    font-size: 18px;
}
.pay__row-content{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    font-size: 18px;
}

.pay__row-content li{
    margin-left: 32px;
}
.pay__row-content ol{
    list-style: auto;
}

.contacts__link {
    display: grid;
    padding: 8px;
    color: white;
    background-color: #5B2CBF;
    /*border-radius: 8px;*/
    width: min-content;
}
.pay__link {
    display: grid;
    padding: 8px;
    color: white;
    background-color: #5B2CBF;
    border-radius: 8px;
    width: min-content;
}

.pay__row-content{
    line-height: 28px;
}

.header{
    display: grid;
    grid-template-columns: 150px 1fr;
    max-width: 1400px;
    margin: auto;
}

.header__logo-link{
    height: 75px;
    padding: 16px;
    display: grid;
    align-content: center;
    /* justify-content: center; */
    /* text-align: center; */
    background-color: #5B2CBF;
    color: white;
    font-size: 32px;
    width: fit-content;
}

.header__menu-box{
    display: grid;
    align-content: center;
    justify-content: end;
    grid-template-columns: 1fr min-content min-content min-content min-content min-content;
}

.header__menu-link:hover{
    background-color: #ccc;
}
.header__menu-link{
    display: grid;
    height: 75px;
    color: black;
    align-content: center;
    text-align: center;
    padding: 16px;
    font-size: 18px;

}

.wrapper__h1{
    font-size: 24px;
    font-weight: bold;
}
.mobile-ham{
    display: none;
}
.mobile-ham__img{
    display: grid;

    align-self: center;
    justify-self: end;
    height: 50px;
    margin-right:16px ;
}

.mp-content{
    display: grid;
    grid-template-columns: 1fr;
}

.mp-h2{
    font-size: 2em;
    font-weight: bold;
}
.mp-h3{
    font-size: 1.5em;
    font-weight: bold;
}

.mp-3-cols{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 32px;
}
.mp-4-cols{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 16px;
}

.container{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;

    max-width: 1400px;
    margin: auto;
}

.footer__box{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 16px;
    border-bottom: 1px solid #c1b8f0;
    border-left: 1px solid #c1b8f0;
    border-right: 1px solid #c1b8f0;
}
.footer__menu-link{
    display: grid;
    padding: 16px 32px;
    text-align: center;
    justify-content: center;
    align-content: center;
    height: 75px;
}

.footer__menu-link:hover{
    background-color: #ccc;
}

.mp-content__list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 16px;
}

.mp-content__faq-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px;
}

.mp-content__faq-item{
    display: grid;
    grid-template-columns: 1fr;
    border: 1px solid #c1b8f0;
    padding: 16px;
    grid-gap: 16px;
}

.mp-content__faq-question{
    font-weight: bold;
}

.mp-content__list-item:hover{
    background-color: #5B2CBF;
    color: white;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.mp-content__list-item{
    padding: 32px;
    text-align: center;
    border: 1px solid #c1b8f0;
    display: grid;
    align-content: center;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.mp-content__comp-box{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    padding: 32px 16px 24px;
    border-bottom: 1px solid #c1b8f0;
}

.mp-content__title{
    font-size: 22px;
    font-weight: bold;
}

.mp-content__sborka-item:hover{
    -webkit-box-shadow: 4px 4px 8px 0px #c1b8f0;
    -moz-box-shadow: 4px 4px 8px 0px #c1b8f0;
    box-shadow: 4px 4px 8px 0px #c1b8f0;
}
.mp-content__sborka-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 4px;
    border: 1px solid #c1b8f0;

}

.mp-content__sborka-item-text{
    padding: 0px 8px;
    font-size: 12px;
}

.mp-content__sborka-item-cols{
    display: grid;
    grid-template-columns: 1fr min-content;
}

.mp-content__sborka-item-img{
    margin: auto;
    display: block;
}

.mp-content__sborka-item-title{
    padding: 8px;
    font-weight: bold;
    border-top: 1px solid #c1b8f0;
}

.mp-content__sborka-item-price{
    background-color: #5B2CBF;
    text-align: right;
    padding: 8px;
    color: white;
}

.mp-content__sborka-item-all{
    font-size: 30px;

    align-content: center;
    justify-content: center;
    text-align: center;
}

.footer__ip{
    padding: 16px;
}

.dk404__box svg{
    width: 100%;
    display: grid;
    align-self: center;
    justify-self: center;
}
.dk404__box{
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
    justify-content: center;
}

.footer__tel-box{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.footer__tel-box-right{
    display: grid;
    align-content: center;
    justify-content: end;
    text-align: right;
}

.footer__tel-box-right .contacts__link{
    font-size: 32px;
}

.mp-content__why{
    padding: 32px;
    text-align: center;
    border: 1px solid #c1b8f0;
    font-size: 1.5em;
    font-weight: bold;
    display: grid;
    align-content: center;
    justify-content: center;
}
.mp-content__how{
    padding: 16px;
    text-align: center;
    border: 1px solid #c1b8f0;
    font-size: 1.5em;
    font-weight: bold;
    display: grid;
    align-content: center;
    justify-content: center;
}


.ddd{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
  }


dk{
    color: #5B2CBF;
    color: #763DF2;
    color: #021859;
    color: #03318C;
    color: #011640;
    color: #D0D6F0;
}


.goods__box{
    display: grid;
    grid-template-columns: 1fr;

}

.goods__section{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    padding: 16px;
    border-bottom: 1px solid #c1b8f0;
}

.goods__section-title{
    font-weight: bold;
    font-size: 20px;
}

.goods__section-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr ;
    grid-gap: 32px;
}

.goods__section-item{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
    align-content: center;
    justify-content: center;
    text-align: center;
}
.goods__section-item-all{
    padding: 32px;
    border: 1px solid #c1b8f0;
    border-radius: 32px;
}

.goods__section-item-all-title{
    font-weight: bold;
    font-size: 24px;
}

.goods__section-item-img{
    display: block;
    max-height: 200px;
    margin: auto;
}

@media (max-width: 1200px) {
    .mp-content__list{
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}
@media (max-width: 900px) {
    .mp-content__list{
        grid-template-columns: 1fr 1fr 1fr;
    }


}

@media (max-width: 768px) {

    .mp-content__sborka-item-all{
        font-size: 24px;
    }
    .mp-content__faq-list{
        grid-template-columns: 1fr;
    }
    .mp-3-cols{
        grid-template-columns: 1fr;
    }
    .mp-4-cols{
        grid-template-columns: 1fr;
    }

    .contacts__row{
        grid-template-columns: 1fr;
    }
    .mobile-ham{
        display: grid;
    }
    .header__menu-box{
        display: none;
        grid-template-columns: 1fr;
    }
    .header__menu-box.active{
        position: absolute;
        display: block;
        background-color: white;
        height: 100vh;
        width: 100%;
        top: 75px;
        z-index: 1000;
        align-content: start;
    }
    .pay__row{
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }
    .footer__box{
        grid-template-columns: 1fr;

    }
}
@media (max-width: 700px) {
    .mp-content__list{
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 600px) {
    .footer__tel-box{
        grid-template-columns: 1fr ;
    } .mp-content__list{
        grid-template-columns: 1fr ;
    }
      .goods__section-list{
          grid-template-columns: 1fr 1fr;
      }

      .goods__list{
          grid-template-columns:  1fr 1fr;
      }
}

/* End */
/* /local/templates/dk/styles.css?177418490713448 */