/* Указываем box sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
    padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

/* Выставляем основные настройки по-умолчанию для body */
body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
	//line-height: 0.5;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
    list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

/* Упрощаем работу с изображениями */
img {
    max-width: 100%;
    display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article > * + * {
    margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
    font: inherit;
}

/* Удаляем все анимации и переходы для людей, которые предпочитай их не использовать */
@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        -o-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

@font-face {
    font-family: "Segoe UI2";
    src: url("/fonts/SegoeUI.woff2") format("woff2");
    src: url("/fonts/SegoeUI.ttf") format("ttf");
    src: url("/fonts/SegoeUI.woff") format("woff");
    font-style: normal;
    font-weight: normal;
}


/*@font-face {*/
/*    font-family: "Segoe UI2";*/
/*    src: url("fonts/SegoeUI.woff2") format("woff2")*/
/*    url("fonts/SegoeUI.woff") format("woff") ;*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/



body {
    background-color: #F6F0F3;

    /*font: 62.5%/1.5 "Segoe UI2", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
    font-family: "Segoe UI2";
}



.header-container {
    height: 210px;
    background-color: #010101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(/constructor/images/header-background.png);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.body-container {
    margin: auto;
    padding: 0 24px;
    max-width: 1372px;
}


.header-nav {
    margin-bottom: 32px;
    height: 38px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: -webkit-gradient(linear, left top, right top, color-stop(23.54%, #C97A6E), to(#F3CEC5));
    background: -o-linear-gradient(left, #C97A6E 23.54%, #F3CEC5 100%);
    background: linear-gradient(90deg, #C97A6E 23.54%, #F3CEC5 100%);
}

.header-nav-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-nav-container ul a {

}

.header-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}

.header-logo {
    margin-bottom: 25px;
}

.header-nav ul li {
    list-style-type: none;
}

.header-nav ul li a {
    text-decoration: none;
    color: #010101;
    font-size: 15px;
    //line-height: 20px;
	line-height: 8px;
    font-family: Segoe UI;
    font-style: normal;
    //padding: 9px 24px;
	 padding: 0px 24px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header-nav ul li a:hover {
    color: #fff;
}

.header-basket-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-basket-button a {
    text-decoration: none;
    color: #010101;
    font-size: 15px;
    line-height: 20px;
    font-family: Segoe UI;
    font-style: normal;
    padding: 0 24px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    gap: 10px;
}

.header-basket-button a:hover {
    color: #8F0F9C;
}


.header-basket-button a:hover .header-basket-button-img {
    background-image: url("/constructor/svg-icons/basket-button-hover.svg");
}

.header-basket-button a .header-basket-button-img {
    width: 25px;
    height: 25px;
    background-image: url("/constructor/svg-icons/basket-button.svg");
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.header-basket-button-img span {
    position: absolute;
    top: 0px;
    left: 17px;
    content: "";
    font-size: 9px;
    line-height: 12px;
    width: 12px;
    height: 12px;
    background: #8F0F9C;
    border-radius: 6px;
    color: #fff;
    text-align: center;
}

.main-menu {
    margin-top: 65px;
    margin-bottom: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 80px;
}

.main-menu__item {
    height: 650px;
    background-color: #E8E3E5;
    max-width: 680px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    cursor: pointer;
}

.main-menu__item:hover {
    -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.25);
}


.main-menu__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 0 80px;
    margin-top: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-menu__item-header-title {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 40px;
    text-transform: uppercase;
    color: #010101;
}

.main-menu__item-header-button {
    width: 100px;
    height: 80px;
    background-color: #8F0F9C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 15px 80px 15px 0;
}

.main-menu__item-header-button:hover {
    width: 180px;
    height: 110px;
    margin: 0;
}

.main-menu__item-header-button img {
    color: #fff;
    max-width: 47px;
}

.main-menu__item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.main-menu__item-body-right {
    /*padding: 77px 105px 113px 105px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.main-menu__item-body-left {
    /*padding: 20px 25px 25px 25px;*/
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.main-menu__item-body-right img,
.main-menu__item-body-left img {
    width: 80%;
    height: auto;
}

.container {
    max-width: 1372px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.list-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 80px 1fr 80px 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;

    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-orient: horizontal;*/
    /*-webkit-box-direction: normal;*/
    /*-ms-flex-flow: row wrap;*/
    /*flex-flow: row wrap;*/
    /*margin-left: -10px;*/
    /*margin-right: -10px;*/
    max-width: 1392px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center*/
}

@media only screen and (max-width: 1280px) {
    .list-container {
        gap: 50px;
    }

    .list-constructor__item .img-responsive {
        -o-object-fit: contain;
        object-fit: contain;
    }

}

@media only screen and (max-width: 1280px) {
    .list-container {
        -ms-grid-columns: (1fr) [ 2 ];
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 768px) {
    .list-container {
        gap: 30px;
    }
}



.list-container__h1 {
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: "Segoe UI2";
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    color: #010101;
    text-align: center
}

.list-constructor__cart-btn {
    padding: 0;
    border: none;
    outline: none;
    box-shadow: none;
}

.list-constructor__cart-link--success .list-constructor__button {
    background-color: #44944A !important;
}

.list-constructor__item {
    background-color: #fff;
    /*-webkit-box-flex: 0;*/
    /*-ms-flex: 0 0;*/
    /*flex: 0 0;*/
    /*-ms-flex-preferred-size: calc(33.333333% - 20px);*/
    /*flex-basis: calc(33.333333% - 20px);*/
    /*margin: 0 10px 20px 10px;*/
    /*max-width: 444px;*/
    /*min-width: 300px;*/
    -webkit-transition: -webkit-box-shadow 0.3s ease-in-out;
    transition: -webkit-box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
    /*flex-direction: column;*/
    /*justify-content: flex-end;*/
    /*display: flex;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.list-constructor__item:hover {
    -webkit-box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.25);

}

.list-constructor__item a {
    text-decoration: none;
}

.list-constructor__item-a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}


.list-constructor__item img {

    /*min-width: 444px;*/
    /*max-height: 368px;*/
    /*min-height: 368px;*/
    /*min-width: 100%;*/
    object-fit: cover;
    height: 100%;
    width: 100%;

}

.list-constructor__item-footer {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #010101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 18px;
    padding-bottom: 15px;
    padding-top: 20px;


    flex-wrap: wrap;
}

.list-constructor__item-footer-prise {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
    text-transform: uppercase;
    color: #83408C;
}

.list-constructor__quantity-block {
    display: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #E8E3E5;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 18px;
    padding-right: 18px;
}

.list-constructor__button {
    width: 100%;
    height: 45px;
    background: #8F0F9C;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


.list-constructor__button:hover {
    background-color: #AF36BB;
}


.quantity-block__counter-dec, .quantity-block__counter-inc {
    text-align: center;
    background-color: #C4C4C4;
    display: block;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    border: 1px solid #C4C4C4;
    font-size: 25px;
    color: #626262;
    -webkit-transition: color 0.3s, background-color 0.3s;
    -o-transition: color 0.3s, background-color 0.3s;
    transition: color 0.3s, background-color 0.3s;
}

.quantity-block__counter-dec:hover, .quantity-block__counter-inc:hover {
    color: #fff;
    background-color: #8F0F9C;;
}

.quantity-block__counter {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #010101;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;


}

.quantity-block__counter-quantity {
    padding-right: 20px;
    padding-left: 20px;
}

.quantity-block__counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


.quantity-block_sum {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 29px;
    text-transform: uppercase;
    color: #83408C;
    width: 120px;
    text-align: right;
}



.list-constructor-item__item-footer {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 24px;
    text-transform: uppercase;
    color: #010101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 18px;
    padding-bottom: 15px;
    padding-top: 20px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*font-size: calc(10px + (17 - 10) * ( (100vw - 320px) / (1920 - 320) ));*/
}

.list-constructor__item-footer-text {

}


.constructor-order-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

}

.constructor-order__item {
    background-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0;
    -ms-flex-preferred-size: calc(33.333333% - 20px);
    flex-basis: calc(33.333333% - 20px);
    margin: 0 10px 20px 10px;
    max-height: 700px;
    max-width: 328px;
    overflow: hidden;
    overflow-scrolling: auto;
    overflow-y: scroll;
}

.constructor-order__item-header {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    text-transform: uppercase;
    color: #010101;
    padding: 18px 0;
    text-align: center;
    border-bottom: 2px solid rgba(143, 15, 156, 0.4);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
}

.constructor-order__item-list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.constructor-order__item-list.active-item-list {
    background-color: #E8E3E5;
}

.constructor-order__item-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding-bottom: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 8px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-order__item-list-item:hover {
    background-color: #E8E3E5;
}

.scroll-table_arrows-left, .scroll-table_arrows-right {
    cursor: pointer;
}

.constructor-order__item-list-item img {
    padding-right: 18px;
    max-height: 95px;
    max-width: 115px;
}

.constructor-order__item-list-item_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #010101;
}

.constructor-order__item-list-item-prise {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #83408C;
}


.constructor-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 40px;
    padding-top: 77px;
}

.constructor-order__title {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: bold;
    font-size: 35px;
    line-height: 47px;
    text-transform: uppercase;
    color: #010101;
}

.constructor-order__back {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 35px;
    color: #010101;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 60px;
    padding-top: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.constructor-order__back.order__back_catalog {
    padding: 30px 0 0 0;
}

.constructor-order__back:hover {
    color: #83408C;
}


.constructor-order__back svg {
    padding-right: 10px;
    width: 20px;
}

.constructor-order__back .constructor-order__back-arrow {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-order__back .constructor-order__back-arrow:hover {
    fill: #83408C;
}


.constructor-order__card {
    width: 676px;
    border: 1px solid #C6C6C6;
}


img {
    pointer-events: none;
}


.constructor-order__card-image img {
    background-color: #fff;
    min-width: 196px;
    min-height: 162px;
    width: 196px;
    height: 162px;
}

.constructor-order__card-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 27px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 25px;
}

.constructor-order__left-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.constructor-order__left-block a {
    text-decoration: none;
    width: fit-content;
}

.constructor-order__card-main-sum {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #83408C;
    margin-left: auto;
    white-space: nowrap;
}

.constructor-order__card-main-name {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #010101;
    padding-right: 15px;
    padding-bottom: 15px;
}

.constructor-order__card-main-quantity {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #010101;
    white-space: nowrap;
    padding: 0 5px 0 5px;
}

.constructor-order__card-main-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: 20px;
}

.quantity {
    display: flex;
}

.quantity__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #83408C;
    border: 0;
    outline: none;
    color: #fff;
    font-weight: bold;
}

.quantity__val {
    font-family: 'Segoe UI', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    color: #010101;
    white-space: nowrap;
    padding: 0 10px;
}

.constructor-order__card-main-right {

    padding-left: 25px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.constructor-order__card-footer {
    background: #E8E3E5;
    height: 60px;

    -webkit-box-flex: 1;

    -ms-flex: 1;

    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px;
}

.constructor-order__card-main-list {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;

    color: #010101;
    padding-bottom: 17px;
}

.constructor-order__card-main-comment {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #010101;
    padding-bottom: 9px;
    cursor: pointer;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.constructor-order__card-main-comment:hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}

.constructor-order__card-main-comment-edit {
    width: 100%;
    height: 43px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    padding-left: 17px;
    color: rgba(1, 1, 1, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

INPUT.text:focus {
    border: 1px solid #8F0F9C;
}

.constructor-order__card-pay {
    width: 196px;
    height: 45px;
    background: #8F0F9C;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.constructor-order__card-pay:hover {
    background-color: #AF36BB;
}

.constructor-order__card-call-my {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    /* identical to box height */
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: #83408C;
    padding-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
}

.constructor-order__card-call-my:hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
}


.constructor-order__card-call-my img {
    padding-right: 10px;
}

.constructor-order__sum_footer {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #010101;
    margin-left: auto;
}

.constructor-order__sum_footer span {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: right;
    text-transform: uppercase;
    color: #83408C;
}


/*old stile*/
#load_content {
    position: relative;
    margin: 0 auto;
}

#window_box {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 760px;
    height: auto;
    margin-left: -200px;
    margin-top: 0px;
    border: 1px solid black;
    display: none;
    background: rgb(64, 64, 64);
    z-index: 99;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    border-color: rgb(64, 64, 64);
    border-width: 10px;
}

.window_box_part {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 760px;
    height: auto;
    margin-top: -15%;
    margin-left: -380px;
    border: 1px solid black;
    display: none;
    background: rgb(64, 64, 64);
    z-index: 99;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    border-color: rgb(64, 64, 64);
    border-width: 10px;
}

#cart_caption {
    text-align: center;
    font-size: 28px;
    color: #fff;
}

#flower_name {
    color: #fff;
    text-align: left;
    padding-left: 10px;
}

#flower_about {
    text-align: left;
    color: #fff;
    height: 180px;
    width: 330px;
    padding-left: 10px;
    font-size: 12px;
    line-height: 1;
}

#flower_about_caption {
    font-size: 18px;
    font-weight: none;
    padding-bottom: 10px;
}

#flower_price {
    color: #fda101;
    font-size: 32px;

    text-align: center;
}

#flower_footer {
    color: #fff;
    font-size: 16px;

    padding-left: 10px;
}

hr.line_cart_big {
    border: none; /* Убираем границу */
    background-color: #fff; /* Цвет линии */
    color: fff; /* Цвет линии для IE6-7 */
    height: 2px; /* Толщина линии */
}

hr.line_cart_small {
    border: none; /* Убираем границу */
    background-color: #fff; /* Цвет линии */
    color: fff; /* Цвет линии для IE6-7 */
    height: 1px; /* Толщина линии */
}

#flower_reply {
    font-size: 20px;
    color: #fff;
    margin-left: 35px;
    margin-top: -5px;
}

#flower_podelis {
    color: #fff;
    font-size: 18px;
}

#flower_podelis_text {
    color: #fff;
    font-size: 14px;
}

#flower_preim {
    font-size: 20px;
    color: #fff;
    padding-left: 30px;
    padding-top: 30px;

}

#table_text_flower {
    position: absolute;
    margin-top: -45px;
    margin-left: 70px;
}


#cart_caption {
    text-align: center;
    font-size: 28px;
    color: #fff;
}

.cart_content_element {
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 0px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    line-height: 0.7em;
}

#cart_general_price {
    color: #fff;
    font-size: 20px;
    text-align: right;
}

.contacts_input {
    border: 1px solid #95a5a6;
    width: 351px;
    padding: 5px;
    font-size: 18px;
    color: #95a5a6;
    border-radius: 5px;
}

.contacts_input_big {
    border: 1px solid #95a5a6;
    width: 727px;
    padding: 5px;
    font-size: 18px;
    color: #95a5a6;
    border-radius: 5px;
}

input[type=radio].css-checkbox {
    display: none;
}

input[type=radio].css-checkbox + label.css-label {
    padding-left: 26px;

    height: 20px;
    display: inline-block;
    line-height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 16px;
    vertical-align: middle;
    cursor: pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -20px;
}

label.css-label {
    background-image: url(/images/cart_radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#colorchanger {
    position: fixed;
    top: 50px;
    left: -210px;
    display: block;
    text-align: left;
    transition: left 0.3s;
    -moz-transition: left 0.3s;
    -webkit-transition: left 0.3s;
    -o-transition: left 0.3s;
    z-index: 1500;
}

#colorchanger:hover {
    left: 0;
}

#colorchanger h4 {
    background: url(images/right.png) no-repeat 212px 7px #000;
    color: #fff;
    padding-right: 40px;
}

#colorchanger a span {
    width: 80px;
    height: 30px;
    display: block;
    margin-bottom: 5px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 1.2em;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#colorchanger a span:hover {
    background: #fff !important;
    color: #000;
}

.button-demo span {
    margin: 0 20px 20px 0;
}

#demo-button h2 {
    padding-left: 20px;
}

.demo-dark-button {
    background: #000;
    padding: 20px 0 0 20px;
}

.demo-light-button {
    background: #fff;
    padding: 20px 0 0 20px;
}


#btn_add_ {
    padding-bottom: 10px;
}

.btn_add {
    width: 87%;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

a.btn_add {
    font-size: 18px;
    color: #fff;
    background: #83408c;
    border-radius: 4px;
}

a.btn_add:hover {
    font-size: 18px;
    color: #fff;
    background: #ad60b7;

}


.back-top {
    width: 110px;
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: 5px;
}

a.back-top {
    display: inline-block;

    border-radius: 4px;

    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #83408c;
}

a.back-top:hover {
    font-size: 18px;
    color: #fff;
    background: #ad60b7;
}

#text_dostavka {
    color: #fff;
    font-size: 16px;
}


#btn_cart {
    padding-top: 10px;
    margin-left: 91px;
}

.btn_cart {
    text-align: center;

}

a.btn_cart {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

a.btn_cart:hover {
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
}

#btn_order {
    padding-top: 20px;
    margin-left: 27%;
}

#btn_pay {
    padding-top: 20px;
    margin-left: 20%;
}

.btn_pay {

    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    padding-bottom: 3px;
    text-decoration: none;
}

a.btn_pay {
    font-size: 30px;
    color: #404040;
    background: #fda101;
    border-radius: 4px;
}

a.btn_pay:hover {
    font-size: 30px;
    color: #404040;
    background: #fab43b;

}

#podlogka {
    width: 45px;
    height: 45px;
    display: block;
    z-index: 999999;
    position: fixed;
    background: url(/images/close.png);
    width: 30px;
    height: 30px;
    color: #fff;
}


.btn_close {
    width: 28px;
    height: 28px;
    position: absolute;
    right: -15px;
    top: -15px;
}

a.btn_close {
    background: url(/images/close.png);
}

a.btn_close:hover {
    border-radius: 100px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#shadow_box {
    background: black;
    height: 100%;
    opacity: 0.8;
    position: fixed;
    width: 100%;
    z-index: 50;
    display: none;
    top: 0;
    left: 0;
}

#window_box {
    position: fixed;
    left: 50%;
    top: 10%;
    max-width: 760px;
    height: auto;
    margin-left: -380px;
    margin-top: 0;
    border: 1px solid black;
    display: none;
    background: rgb(64, 64, 64);
    z-index: 99;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    border-color: rgb(64, 64, 64);
    border-width: 10px;
}

.window_box_part {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 760px;
    height: auto;
    margin-top: -15%;
    margin-left: -380px;
    border: 1px solid black;
    display: none;
    background: rgb(64, 64, 64);
    z-index: 99;
    -webkit-box-shadow: 0px 0px 10px #000000;
    box-shadow: 0px 0px 10px #000000;
    border-color: rgb(64, 64, 64);
    border-width: 10px;
}

#button {
    position: fixed;
    bottom: 45%;
    right: 0px;
    background: #ad60b7;
    width: 58px;
    cursor: pointer;
    border-radius: 5px 0px 5px 5px;
    z-index: 98;
}

#s_panel {
    position: fixed;
    bottom: 45%;
    right: -30px;
    background: #ad60b7;
    width: 90px;
    height: 100px;
    border-radius: 5px 0px 0px 5px;
    z-index: 98;
}

.btn_cart_delete {
    width: 22px;
    height: 24px;
    margin-top: 4px;
    display: block;

}

a.btn_cart_delete {

    background: url(/images/btn_cart_delete.png);
}

a.btn_cart_delete:hover {
    background: url(/images/btn_cart_delete.png);
}

a.btn_dost {
    opacity: 0.7;
}

a.btn_dost:hover {
    opacity: 1;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #424040;
}

#fancybox-left {
    display: none;
}

#contacts_caption {
    font-size: 26px;
    color: #fff;
    padding: 10px;
}

#shared_caption_medium {
    background-color: #833f8c;
    font-size: 20px;
    padding: 10px;
    color: #fff;
}

#content-mos-add {

}

#img_display {
    max-height: 400px;
    min-height: 400px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#div_hidden_img {
    overflow: hidden;
    width: 400px;
    height: 400px;
}

#div_move_img {
    margin-top: 0px;
}

#caption_d_o {
    font-size: 18px;
}

#btn_pay {
    padding-top: 20px;
    margin-left: 20%;
}

.btn_pay {
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
    padding-bottom: 3px;
}

a.btn_pay {
    font-size: 30px;
    color: #404040;
    background: #fda101;
    border-radius: 4px;
}

a.btn_pay:hover {
    font-size: 30px;
    color: #404040;
    background: #fab43b;
}

table, td, td {
    border-spacing: 1px;
    color: #f7f7f7;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    border: 1px solid transparent;
}


/*footer*/

.footer-container {
    background-color: #0F0F0F;
}

.footer-img {
    height: 45px;
    background-image: url(/constructor/images/header-background.png);
}

.footer-main {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    padding: 0 24px;
    padding-top: 33px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-main__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 60%;
    padding-bottom: 35px;
}

.footer-main__menu-item {
    padding-right: 47px;
    padding-bottom: 19px;

}

.footer-main__menu-item:last-child {
    padding-right: 0px;
}

.footer-main__menu-item a {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer-main__menu-item a:hover {
    color: #8F0F9C
}

.footer-main__delivery {
    min-width: 30%;
    padding-bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer-main__delivery-button {
    background-color: #83408C;
    height: 55px;
    max-width: 268px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    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;
    cursor: pointer;
    padding: 0 22px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.footer-main__delivery-button:hover {
    background-color: #AF36BB;
}


.footer-main__delivery-button img {
    padding-right: 17px;
}

.footer-main__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    min-width: 60%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer-main__contacts-item {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    padding-right: 20px;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}

.footer-main__contacts-item img {
    padding-right: 8px;
}

.footer-main__contacts-item:first-child {
    padding-left: 0;
}

.footer-main__contacts-item:last-child {
    padding-right: 0
}

.footer-main__contacts-item a {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-main__contacts-item a:hover {
    text-decoration: underline;
}

.footer-main__contacts-item-delimiter {
    height: 15px;
    width: 1px;
    -webkit-box-shadow: inset -1px 0 0 #FFF;
    box-shadow: inset -1px 0 0 #FFF;
}

.behance-mini, .twitter-mini {
    background: url(/images/social-mini.png) no-repeat;
    width: 30px;
    height: 30px;
    margin-right: 0;
    display: inline-block;
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
}

.behance-mini {
    background-position: 0 0;
}

.behance-mini:hover {
    background-position: -30px 0;
}

.twitter-mini {
    background-position: 0 -240px;
}

.twitter-mini:hover {
    background-position: -30px -240px;
}

.footer-main__accept-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer-main__accept-payment-text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    padding-right: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding-top: 14px;
}

.footer-main__accept-payment-img {

}


.footer-main_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    padding-top: 22px;
    padding-bottom: 22px;
}

.footer-main_info-right a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
}

.footer-main_info-right a img {
    padding-left: 9px;
}


#container {
    max-width: 960px;
    text-align: center;
    margin: auto;
    padding-top: 90px;
}


/*----------------------------------------------------------------------------
Content - Page (General)
----------------------------------------------------------------------------*/
#page {
    margin: 0 5px;
    background-color: transparent;
    text-align: left;
}

#page h1,
#page h2,
#page h3 {
    padding: 10px 0;
}

#page-img {
    max-width: 100%;
    position: relative;
    padding-left: 10px;
}

#pg-content {
    padding: 0px 30px;
    margin-bottom: 10px;
    position: relative;
}

.highlights {
    max-width: 100%;
}

.highlights-txt {
    max-width: 100%;
    padding: 10px 0;
}

.mainpage {
    margin: 0 5px;
    text-align: left;
    overflow: hidden;
}

.fixed-medium {
    max-width: 310px;
    margin-right: 10px;
    background: #404040;
    color: #bfbfbf;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.fixed-medium:after {
    clear: both;
    display: block;
    content: " ";
}

.fixed-medium h2 {
    padding: 10px 0;
    color: #fbfbfb;
}

.fixed-medium h2,
.fixed-medium p {
    padding-left: 20px;
    padding-right: 20px;
}

.feature-text {
    width: 80%;
    padding-top: 20%;
    margin: 0 auto;
}

.features-img {
    max-width: 100%;
    display: block;
}

.no-bottom {
    margin-bottom: 0px;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width: 970px) {
    .mainpage {
        width: 100%;
        margin: 0;
    }

    .fixed-medium {
        float: none;
        max-width: 100%;
    }

    .highlights {
        float: left;
    }

    .highlights-txt {
        float: left;
        width: 50%;
    }

}


@media (max-width: 640px) {
    .select_addr select[name='Pickup[]'] {
        width: 100%;
    }

    label[for='radio3'] {
        margin-bottom: 10px;
    }
}

@media all and (max-width: 640px) {
    #page {
        width: 100%;
        margin-left: 0;
    }

    .fixed-medium {
        max-width: 310px;
        margin-left: auto;
        margin-right: auto;
    }

    .highlights {
        float: none;
    }

    .highlights-txt {
        float: none;
        width: 100%;
    }

    .feature-text {
        padding-top: 0;
    }
}

/*----------------------------------------------------------------------------
Content - About Page
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
Content - About Page
----------------------------------------------------------------------------*/
#content a.no-text-dec:hover {
    text-decoration: none;
}

#page-excerpt {
    background: rgba(0, 0, 0, 0.7);
    width: 600px;
    padding: 25px 30px;
    color: #f7f7f7;
    font-size: 18px;
    position: absolute;
    left: 30px;
}

#about-container {
    width: 100%;
    display: block;
    margin-bottom: 30px;
}

#about-container a {
    display: inline-block;
    width: 215px;
    margin: 0 7px 10px 0;
}

#about-container a.last {
    margin-right: 0;
}

.about-person {
    width: 175px;
    display: inline-block;
    padding: 20px;
    color: #fff;
    background-color: #202020;
    text-align: center;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.about-person:hover {
    background: #fff;
}

#page .about-person h3 {
    text-transform: uppercase;
    padding-bottom: 0;
}

.about-person p {
    opacity: 0.6;
    filter: alpha(opacity=60);
    padding-bottom: 10px;
}

.about-portrait {
    max-width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

#about-testimonial {
    margin-bottom: 20px;
}

.page-sub-title {
    padding: 10px 0;
}

.page-sub-title h1 {
    font-size: 4.8em;
    letter-spacing: -0.03em;
    line-height: 10px;
    color: #f7f7f7;
    display: inline;
    padding: 0 !important;
    text-transform: uppercase;
    font-weight: 200;
}

.page-sub-title .tagline {
    display: inline-block;
    font-size: 1.2em;
    padding-left: 20px;
    vertical-align: top;
}

.testimonial-1 {
    position: relative;
}

.testimonial-s {
    background-color: #202020;
    width: 290px;
    min-height: 250px;
    margin-right: 10px;
    position: relative;
    float: left;
}

.testimonial-s p {
    padding: 30px 30px 50px 30px;
}

.testimonial-author {
    display: block;
    font-size: 1.4em;
    color: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    bottom: 20px;
    right: 30px;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width: 970px) {
    .about-person {
        width: 81.8%;
        padding: 9.1%;
    }

    #about-container a {
        width: 23.15%;
        margin: 0 0.7% 1% 0;
    }

    .testimonial-s {
        width: 32.2%;
    }

    #page-excerpt {
        width: 85%;
    }
}

@media all and (max-width: 640px) {
    #about-container a {
        width: 100%;
        margin-bottom: 10px;
    }

    .testimonial-s {
        width: 100%;
        float: none;
        min-height: 0;
        margin-bottom: 10px;
    }
}

.about-mobile {
    display: none;
}

/*----------------------------------------------------------------------------
Content - About Page
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
Content - Bloglist and Portfoliolist(Left)
----------------------------------------------------------------------------*/
#bloglist-left,
#portfoliolist-left {
    width: 630px;
    float: left;
    margin-left: 5px;
    position: relative;
    padding-bottom: 63px;
}

#portfoliolist-left #filter {
    margin-left: 0px;
}

#content .bloglist a:hover,
#content .portfoliolist a:hover {
    text-decoration: none;
}

.bloglist,
.portfoliolist {
    width: 310px;
    height: 310px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.bloglist:hover,
.portfoliolist:hover {
    border: 5px solid #fff;
    margin-left: -5px;
    margin-top: -5px;
    margin-bottom: 5px;
}

.bl-posttitle,
.pl-projecttitle {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(images/bloglistbg.png) repeat;
    display: table;
    transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.bloglist:hover .bl-posttitle {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.portfoliolist:hover .pl-projecttitle {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.bl-title,
.pl-title {
    font-size: 1.4em;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
}

.bloglist-img {
    float: right;
}

.pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: block;
    margin: 20px 0;
    font-size: 1.4em;
}

#content .pagination a:hover {
    text-decoration: none;
}

.pages {
    float: right;
    height: 30px;
    background-color: #404040;
    line-height: 30px;
    padding: 0 10px;
}

.pagination .current,
.page,
.nextpagelink {
    float: left;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-right: 3px;
    background-color: #404040;
    border-bottom: 3px solid;
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
}

.pagination .current {
    font-weight: bold;
    color: #fff;
    border-bottom: 3px solid #fff;
}

.page:hover,
.nextpagelink:hover {
    background-color: #fff;
    font-weight: bold;
}

.ajax-pagination {
    position: relative;
    margin: 0;
    width: 100%;
    display: block;
}

.ajax-pagination .page-numbers {
    display: none;
}

.ajax-pagination .next,
.ajax-pagination .prev {
    display: block;
    margin: 0;
    border: 0;
    background: url(images/bg_direction_nav.png) no-repeat 0 0;
    height: 40px;
    width: 30px;
    opacity: 0.6;
    transition: 0.3s opacity;
    z-index: 1000;
    -moz-transition: 0.3s opacity;
    -webkit-transition: 0.3s opacity;
    -o-transition: 0.3s opacity;
    position: absolute;
}

.ajax-pagination .next {
    float: right;
    background-position: 100% 0;
    right: -36px;
}

.ajax-pagination .prev {
    float: left;
    left: -36px;
}

.ajax-pagination .next:hover,
.ajax-pagination .prev:hover {
    opacity: 1;
}

#mainpage-mos .ajax-pagination {
    position: absolute;
    top: 40%;
    visibility: hidden;
}

#mainpage-mos:hover .ajax-pagination {
    visibility: visible;
}

#mainpage-mos:hover .ajax-pagination .next {
    right: 10px;
}

#mainpage-mos:hover .ajax-pagination .prev {
    left: 10px;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width: 970px) {
    #bloglist-left,
    #portfoliolist-left {
        width: 65.6%;
    }
}

@media all and (max-width: 640px) {
    #bloglist-left,
    #portfoliolist-left {
        float: none;
        width: 100%;
        margin-right: 10px;
        margin-left: 0;
    }
}

/*----------------------------------------------------------------------------
Content - Blog and Portfolio Tile (Left)
----------------------------------------------------------------------------*/
#portfoliotile-left,
#blogtile-left {
    width: 640px;
    float: left;
    position: relative;
    padding-bottom: 60px;
}

#content #blogtile-left .tile a:hover,
#content #portfoliotile-left .tile a:hover {
    text-decoration: none;
}

#filter {
    margin: 10px 0 20px 5px;
}

ul#port-filter {
    float: left;
    font-size: 1.4em;
    list-style: none;
    margin-left: 0;
    width: 100%;
}

ul#port-filter li {
    float: left;
    line-height: 30px;
    font-size: 1.2em;
    padding: 0 10px;
    margin-right: 10px;
    background-color: #404040;
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
}

ul#port-filter li:hover {
    background-color: #fff;
}

ul#port-filter li:last-child {
    margin-right: 0;
}

#content ul#port-filter a:hover {
    text-decoration: none;
}

ul#port-filter li.filter-current {
    color: #fff;
}

li.filter-current a {
    color: #fff;
}

#portfolio,
#blogs {
    text-align: center;
    display: inline-block;
}

#portfolio .tile,
#blogs .tile {
    border-width: 0;
    position: relative;
}

#portfolio .tile:hover,
#blogs .tile:hover {
    border: 5px solid #fff;
    margin: -5px 0 5px 0;
}

#portfolio .fade,
#blogs .fade {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

#portfolio .tile:hover .pl-projecttitle,
#blogs .tile:hover .bl-posttitle {
    opacity: 1.0;
    filter: alpha(opacity=100);
}

#blogs .large .tile-cat {
    visibility: visible;
}

#blogtile-left .pagination,
#portfoliotile-left .pagination {
    margin: 20px 5px;
}

#blogtile-left .pagination .pages,
#portfoliotile-left .pagination .pages {
    margin-right: 10px;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width: 970px) {
    #portfoliotile-left,
    #blogtile-left {
        width: 67%;
    }

    #portfolio .tile,
    #blogs .tile {
        float: none;
    }

    #portfolio .small {
        float: left;
    }
}

@media all and (max-width: 640px) {
    #portfoliotile-left,
    #blogtile-left {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    #blogtile-left .pagination,
    #portfoliotile-left .pagination {
        margin: 20px 0;
    }

    #blogtile-left .pagination .pages,
    #portfoliotile-left .pagination .pages {
        margin-right: 0;
    }
}

/*----------------------------------------------------------------------------
Content - Single Blog Post
----------------------------------------------------------------------------*/
#single {
    float: left;
    width: 630px;
    text-align: left;
    margin-left: 5px;
}

#single h1,
#single h2,
#single h3,
#single h4,
#single h5 {
    color: #f7f7f7;
}

.post-meta {
    position: relative;
    margin-bottom: 30px;
}

.post-meta-left {
    float: left;
    max-width: 480px;
    display: block;
}

.sbp-article,
.spf-article {
    position: relative;
    background-color: #404040;
}

.sbp-title,
.spf-title {
    color: #fbfbfb;
    padding: 20px 0 0 30px;
    letter-spacing: -0.01em;
}

.sbp-content,
.spf-content {
    color: #bfbfbf;
    padding: 20px 30px 10px 30px;
}

#authorinfo {
    background: #202020;
    color: #bfbfbf;
    position: relative;
    padding-left: 140px;
    min-height: 120px;
}

#author-avatar {
    position: absolute;
    left: 30px;
    top: 30px;
}

.author {
    display: block;
    font-size: 1.6em;
    padding: 25px 0 10px 0;
}

#authorinfo p {
    display: block;
    padding: 0 20px 20px 0;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width: 970px) {
    #single {
        width: 65.6%;
    }
}

@media all and (max-width: 640px) {
    #single {
        float: none;
        width: 100%;
        margin-right: 10px;
        margin-left: 0;
    }
}


#contacts_caption {
    font-size: 26px;
    color: #fff;
    padding: 10px;
}

#shared_caption_medium {
    background-color: #833f8c;
    font-size: 20px;
    padding: 10px;
    color: #fff;
}

#content-mos-add {

}

#img_display {
    max-height: 400px;
    min-height: 400px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#div_hidden_img {
    overflow: hidden;
    width: 400px;
    height: 400px;
}

#div_move_img {
    margin-top: 0px;
}

#caption_d_o {
    font-size: 18px;
}


.clearfix:after {
    content: " ";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

/*----------------------------------------------------------------------------
Content - Contact Page
----------------------------------------------------------------------------*/
#contact-location {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 96;
}

#contact-location .location {
    background: rgba(0, 0, 0, 0.5);
    position: relative;
    text-align: left;
    color: #f7f7f7;
    padding: 5px 30px 10px 10px;
    width: 300px;
    margin-bottom: 30px;
    font-size: 1.3em;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#contacts_map_block {
    width: 100%;
    height: 40px;
    border: 2px solid #f7f7f7;
    padding: 5px;
    padding-left: 10px;
    margin-top: 10px;
}

#contacts_map_block:hover {
    background: #000;
}

#contacts_map_caption {
    font-size: 16px;
    color: #fff;

}

.location h5 {
    font-weight: 600;
}

#contact-location .location:hover {

}

a.gmap {
    background: url(/images/gmap.png) no-repeat center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: pointer;
    width: 50px;
    height: 50px;
    display: block;

    margin-left: 85%;
    margin-top: -45px;

}

a.gmap:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.contact-form-sender input,
.contact-form-email input,
.contact-form-subject input,
.contact-form-content textarea {
    background-color: #707070;
    color: #bfbfbf;
    padding: 5px 0;
    font: inherit;
    width: 100%;
    text-indent: 5px;
}

.contact-form-content textarea {
    height: 150px;
}

#consubmit {
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

#contact-fb,
#contact-be,
#contact-tw,
#contact-gp {
    width: 80px;
    height: 80px;
    margin: 0 10px 10px 0;
    background: url(images/social.png) no-repeat;
    float: left;
    transition: background 0.3s;
    -moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
}

#contact-fb {
    background-position: -80px -80px;
}

#contact-be {
    background-position: -80px 0;
}

#contact-tw {
    background-position: -80px -240px;
}

#contact-gp {
    background-position: -80px -160px;
}

#contact-fb:hover {
    background-position: 0 -80px;
}

#contact-be:hover {
    background-position: 0 0;
}

#contact-tw:hover {
    background-position: 0 -240px;
}

#contact-gp:hover {
    background-position: 0 -160px;
}

/*-------------------------Paragraph Highlights-----------------------------*/
.hl1 {
    border-left: 3px solid;
    padding: 0 0 0 20px;
    margin: 20px 0;
}

.hl2 {
    color: #fff;
    padding: 30px;

    background-color: rgba(131, 64, 140, 0.52);
}

.hl3 {
    border-right: 3px solid;
    padding: 0 20px 0 0;
    margin: 20px 0;
}

div.hl1 {

}

div.hl2 {
    padding: 10px 20px 0 20px;
}

div.hl3 {

}

#pg-content {
    padding: 0px 30px;
    margin-bottom: 10px;
    position: relative;
}

.page-sub-title {
    padding: 10px 0;
}

.page-sub-title h1 {
    font-size: 4.8em;
    letter-spacing: -0.03em;
    line-height: 10px;
    color: #f7f7f7;
    display: inline;
    padding: 0 !important;
    text-transform: uppercase;
    font-weight: 200;
}

.page-sub-title .tagline {
    display: inline-block;
    font-size: 1.2em;
    padding-left: 20px;
    vertical-align: top;
}

.one-half,
.one-third,
.two-thirds,
.one-fourth,
.three-fourths {
    margin: 0 4% 20px 0;
    float: left;
    position: relative;
}

.one-half h2,
.one-third h2,
.two-thirds h2,
.one-fourth h2,
.three-fourths h2,
.one-half h3,
.one-third h3,
.two-thirds h3,
.one-fourth h3,
.three-fourths h3 {
    color: #f7f7f7;
}

.one-half {
    width: 48%;
}


/*-----------------------------------Tables---------------------------------*/
.table {
    width: 100%;
    display: block;
}

.table h2 {
    padding-bottom: 20px;
}

.table-content {
    margin-top: 10px;
}

.one-half .table-content {
    width: 80%;
    display: block;
    font-size: 1.2em;
}

.one-half .table-content {
    float: right;
}

.last .table-content {
    float: left;
}

.one-third .table-content {
    width: 100%;
    display: block;
    font-size: 1.2em;
}

.table-title {
    font-size: 1.6em;
    padding: 20px 0;
    text-align: center;
    display: block;
    color: #fff;
}

.table-price {
    padding: 60px 0;
    text-align: center;
    background: #303030;
}

.price-pre {
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    left: -10px;
    top: 6px;
}

.price {
    font-size: 8.4em;
    line-height: 80px;
    color: #fff;
    position: relative;
    display: inline-block;
    font-weight: 100;
}

.price-post {
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    bottom: 0;
}

.table-info ul {
    list-style: none;
    font-size: 1.4em;
    background: #000;
}

.table-info ul li {
    padding: 10px 0 10px 20%;
    margin: 0 5%;
    border-bottom: 1px solid;
}

.table-info ul li:last-child {
    border: none;
    padding-bottom: 20px;
}

.hl-txt2 {
    font-weight: bold;
}

#loader {
    background: url(images/loader.gif) no-repeat center center rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: none;
}


.scroll-table-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 20px;
}

/*----------------------------Mobile Version--------------------------------*/
@media all and (max-width: 768px) {
    .mainpage .toggle-button {
        height: 40px;
    }

    .mainpage .toggle-indicator {
        font-size: 2em;
        line-height: 40px;
    }

    .scroll-table-container {
        display: none;
    }

    .constructor-order-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media all and (max-width: 640px) {
    #content-title {
        margin-left: 0;
        margin-right: 0;
    }

    .one-half,
    .one-third,
    .two-thirds,
    .one-fourth,
    .three-fourths {
        margin: 0;
        float: none;
        display: block;
        width: 100%;
    }

    .one-half .table-content {
        width: 100%;
        margin-bottom: 20px;
    }

    .one-third .table-content {
        margin-bottom: 20px;
    }
}

#consubmit {
    background: none;
    font: inherit;
    color: inherit;
    cursor: pointer;
}

/*---------------------------------Buttons------------------------------*/
span.button-met {
    padding: 2px 10px;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 12px;
    transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
    text-decoration: none;
    display: inline-block;
}

span.button-met:hover {
    text-decoration: none;
}

span.dark {
    background: #000;
    color: #fff;
    border: 3px solid #fff;
}

span.dark:hover {
    background: #fff;
    color: #000;
}

span.light {
    background: #fff;
    color: #000;
    border: 3px solid #000;
}

span.light:hover {
    background: #000;
    color: #fff;
}

span.dark-blue {
    background: #19a2de;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-blue:hover {
    background: #fff;
    color: #19a2de;
}

span.dark-red {
    background: #e61400;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-red:hover {
    background: #fff;
    color: #e61400;
}

span.dark-green {
    background: #319a31;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-green:hover {
    background: #fff;
    color: #319a31;
}

span.dark-magenta {
    background: #ff0094;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-magenta:hover {
    background: #fff;
    color: #ff0094;
}

span.dark-purple {
    background: #a500ff;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-purple:hover {
    background: #fff;
    color: #a500ff;
}

span.dark-teal {
    background: #00aaad;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-teal:hover {
    background: #fff;
    color: #00aaad;
}

span.dark-lime {
    background: #8cbe29;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-lime:hover {
    background: #fff;
    color: #8cbe29;
}

span.dark-brown {
    background: #9c5100;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-brown:hover {
    background: #fff;
    color: #9c5100;
}

span.dark-pink {
    background: #e671b5;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-pink:hover {
    background: #fff;
    color: #e671b5;
}

span.dark-mango {
    background: #ef9608;
    color: #fff;
    border: 3px solid #fff;
}

span.dark-mango:hover {
    background: #fff;
    color: #ef9608;
}

span.light-blue {
    background: #19a2de;
    color: #000;
    border: 3px solid #000;
}

span.light-blue:hover {
    background: #000;
    color: #19a2de;
}

span.light-red {
    background: #e61400;
    color: #000;
    border: 3px solid #000;
}

span.light-red:hover {
    background: #000;
    color: #e61400;
}

span.light-green {
    background: #319a31;
    color: #000;
    border: 3px solid #000;
}

span.light-green:hover {
    background: #000;
    color: #319a31;
}

span.light-magenta {
    background: #ff0094;
    color: #000;
    border: 3px solid #000;
}

span.light-magenta:hover {
    background: #000;
    color: #ff0094;
}

span.light-purple {
    background: #a500ff;
    color: #000;
    border: 3px solid #000;
}

span.light-purple:hover {
    background: #000;
    color: #a500ff;
}

span.light-teal {
    background: #00aaad;
    color: #000;
    border: 3px solid #000;
}

span.light-teal:hover {
    background: #000;
    color: #00aaad;
}

span.light-lime {
    background: #8cbe29;
    color: #000;
    border: 3px solid #000;
}

span.light-lime:hover {
    background: #000;
    color: #8cbe29;
}

span.light-brown {
    background: #9c5100;
    color: #000;
    border: 3px solid #000;
}

span.light-brown:hover {
    background: #000;
    color: #9c5100;
}

span.light-pink {
    background: #e671b5;
    color: #000;
    border: 3px solid #000;
}

span.light-pink:hover {
    background: #000;
    color: #e671b5;
}

span.light-mango {
    background: #ef9608;
    color: #000;
    border: 3px solid #000;
}

span.light-mango:hover {
    background: #000;
    color: #ef9608;
}

#consubmit {
    margin: 0;
    padding: 0;
    border: 0;
}


.mobile-visible {
    display: none;
}


.scroll-table_arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
}

.scroll-table_arrows-left {
    padding-right: 6px;
}

.scroll-table_arrows-left img {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.scroll-table_text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
}

.delivery-text-popup {
    position: relative;
    background: rgb(64, 64, 64);
    color: #fff;
    width: 50vw;
    max-width: 760px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    font-size: 16px;
    padding: 10px;
}

.delivery-text-popup .mfp-close-btn-in .mfp-close {
    color: #fff;
}


.call_back-popup {
    position: relative;
    background: #fff;
    width: 50vw;
    max-width: 454px;
    max-height: 352px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 47px;
    padding-left: 54px;
    padding-right: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.call_back-popup-header {

    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #010101;
    margin-bottom: 13px;
}

.call_back-popup-text {
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    color: #010101;
    max-width: 347px;
    margin-bottom: 40px;
}

.call_back_form {
    max-width: 347px;
    width: 100%;
}

.call_back-popup_input {
    width: 100%;
    height: 43px;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 17px;
    padding-left: 17px;
    color: rgba(1, 1, 1, 0.5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 18px;

}

.call_back-button {
    padding: 0;
    border: none;
    width: 100%;
    height: 66px;
    background-color: #8F0F9C;
    color: #fff;

    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 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;
}


@media all and (max-width: 1024px) {
    .main-menu__item-header {
        margin: 25px 0 0 20px;
    }

    .constructor-order__card {
        width: 560px;
    }

    .constructor-order__card-image img {
        min-width: 142px;
        min-height: 117px;
        width: 142px;
        height: 117px;
    }

    .constructor-order__card-pay {
        width: 142px;
    }

    .constructor-order__title {
        font-size: 30px;
        line-height: 40px;
    }

    .constructor-order__card-main-name {
        font-size: 15px;
        line-height: 20px;
    }

    .constructor-order__item {
        background-color: #fff;
        max-width: 312px;
        min-width: 312px;
        overflow: hidden;
        overflow-scrolling: auto;
        overflow-y: scroll;
    }


    .main-menu__item {
        max-width: 480px;
    }

    .main-menu__item-header-button {
        width: 80px;
        height: 60px;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        margin: 10px 20px 10px 0;
    }

    .main-menu__item-header-button:hover {
        width: 100px;
        height: 80px;
        margin: 0;

    }


    .main-menu__item-header-title {
        font-size: 25px;
    }

    /*.list-constructor__item img {*/


    /*    max-height: 259px;*/
    /*    min-height: 259px;*/
    /*    min-width: 100%;*/
    /*}*/

    .body-container {
        max-width: 1024px;
    }

    .list-container {
        margin-left: -10px;
        margin-right: -10px;
    }

    .constructor-order {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .constructor-order__left-block {
        padding-bottom: 28px;
    }

    .constructor-order__card {
        width: 100%;
    }


}

@media all and (max-width: 768px) {

    .btn-menu {
        box-sizing: content-box !important;
        color: #000;
        padding: 12px;
        padding-left: 20px;
        cursor: pointer;
        -webkit-transition: left .23s;
        -o-transition: left .23s;
        transition: left .23s;
        z-index: 3;
        width: 22px;
    }

    .btn-menu span {
        display: block;
        height: 2px;
        background-color: #010101;
        margin: 5px 0 0;
        -webkit-transition: all .1s linear .23s;
        -o-transition: all .1s linear .23s;
        transition: all .1s linear .23s;
        position: relative;
        border-radius: 10px;
    }

    .btn-menu span.first {
        margin-top: 0;
    }

    .mobile-hidden {
        display: none;
    }

    .constructor-order__card-call-my.mobile-visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 18px;
    }

    .main-menu__item {
        max-width: 360px;
    }

    .main-menu__item-header-title {
        font-size: 18px;
        white-space: nowrap;
    }

    .main-menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .main-menu__item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-bottom: 14px;
    }

    .main-menu__item-body-right {
        padding: 15% 15% 15% 15%;
    }

    .constructor-order__card-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .constructor-order__card-main-right {
        padding-left: 0;

    }

    .constructor-order__card-main-title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 7px;
    }

    .constructor-order__card-main-name {
        width: 100%;
    }

    .constructor-order__sum_footer {
        padding-bottom: 14px;
    }

    .constructor-order__card-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        height: auto;
        padding-bottom: 27px;
        padding-top: 15px;
    }

    .constructor-order__card-pay {
        width: 100%;
        max-width: 232px;
    }


    .footer-main__delivery {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }

    .footer-main__contacts {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 100%;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }

    .footer-main__contacts-item-delimiter {
        display: none;
    }

    .footer-main__contacts-item {
        padding: 13px 0;
    }

    .footer-main__accept-payment {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset;
    }

    .header-nav-container ul {
        display: none;
    }

    .header-nav-container {
        height: 100%;
    }

    .delivery-text-popup {
        width: 90vw;
    }

    .call_back-popup {
        padding-left: 24px;
        padding-right: 24px;
        width: 75vw;
    }

    .constructor-order__card-call-my {

        padding-left: 0;

    }

}


@media all and (max-width: 425px) {
    .footer-main__menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-main__menu-item {
        padding-right: 0px;
    }

    .footer-main__accept-payment {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-main_info {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-main_info-left {
        padding-bottom: 11px;
    }
}

@media all and (max-width: 320px) {
    .main-menu__item-header-button {
        width: 60px;
        height: 50px;
    }

    .main-menu__item-header-button img {
        width: 50%;
    }

    .main-menu__item-header {
        margin: 0 11px;
        margin-top: 13px;
    }

    .main-menu__item {
        max-width: 280px;
    }
}


.white-popup {
    position: relative;
    background: #FFF;
    width: auto;
    height: 100vh;
}


.white-popup ul {
    padding-left: 20px;
}

.white-popup ul li {
    list-style-type: none;
    padding-bottom: 38px;

}

.white-popup ul li a {
    text-decoration: none;
    font-family: Segoe UI;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #010101;
    text-transform: uppercase;
}

.white-popup .mfp-close {
    display: none;
}

.mfp-close-menu {

}

.mfp-close-menu {

    width: 18px;
    height: 18px;
}

.mfp-close-menu:before, .mfp-close-menu:after {
    position: absolute;
    content: ' ';
    height: 18px;
    width: 2px;
    background-color: #000;
}

.mfp-close-menu:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mfp-close-menu:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mfp-container {
    padding: 0;
}


.disabled_button {
    background-color: #CECECE;
}

.disabled_button:hover {
    background-color: #CECECE;
}
.list-constructor__item a {
    margin-top: auto;
}

@media all and (max-width: 730px) {
    /*.list-container {*/
    /*    grid-template-columns: 1fr;*/
    /*}*/
}

@media all and (max-width: 1280px) {
    .list-container {
        max-width: 700px !important;
        margin: 0 auto;
    }

    .list-constructor__item {
        max-width: 400px;
        width: 100%;
        margin: 0 auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0;
        flex: 0 0;
    }

    .list-constructor__item img {


        /*max-height: 259px;*/
        /*min-height: 210px;*/
        /*min-width: 100%;*/
    }


}

@media all and (max-width: 1024px) {

    .list-constructor__item {
        max-width: 325px;
        width: 100%;
        margin: 0 auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0;
        flex: 0 0;
    }

}

.list-constructor__button {
    padding: 10px;
    text-align: center;
}

.list-constructor__wrapper {
    height: 100%;
}


@media all and (max-width: 530px) {


    .list-constructor__wrapper {
        width: 100%;
        height: 165px;
    }

    .list-constructor-item__item-footer {
        padding: 10px;
        flex-direction: column;
        text-align: center;
    }


    #window_box {
        position: fixed;
        top: 0;
        left: 0;
        max-width: 760px;
        width: 93%;
        height: auto;
        margin-left: 0px;
        margin-top: 0px;
        border: 1px solid black;
        display: none;
        background: rgb(64, 64, 64);
        z-index: 99;
        -webkit-box-shadow: 0px 0px 10px #000000;
        box-shadow: 0px 0px 10px #000000;
        border-color: rgb(64, 64, 64);
        border-width: 10px;
    }

    .contacts_input_big {
        border: 1px solid #95a5a6;
        width: 99%;
        padding: 5px;
        font-size: 18px;
        color: #95a5a6;
        border-radius: 5px;
    }

    #btn_order {
        margin-left: 0px;
        text-align: center;
    }

    .btn_pay {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        padding-bottom: 3px;

    }

    input[type=radio].css-checkbox + label.css-label {
        line-height: 10px;
        font-size: 12px;
    }

    /*#page-excerpt {
          background: rgba(0,0,0,0.7);
          width: 83%;
          padding: 5px 30px;
          color: #f7f7f7;
          font-size: 18px;
          position: absolute;
          top: 0px;
          left: 0px;
      }*/
    #contact-location {
        display: none;
    }

    #img_display {
        height: 290px;
    }

    #div_hidden_img {
        overflow: hidden;
        width: 290px;
        height: 290px;
    }

    #div_move_img {
        margin-top: 0px;
        margin-left: -70px;
    }

    #flower_about {
        display: none;
    }

    #btn_pay {
        padding-top: 10px;
        left: 0px;
        margin-left: 70px;
    }

    .btn_close {
        width: 28px;
        height: 28px;
        position: absolute;
        right: -10px;
        top: -10px;
    }

    #btn_cart {
        padding-top: 10px;
        margin-left: 55px;
    }

    #flower_name {
        text-align: center;
        font-size: 18px;
    }

    #flower_price {
        font-size: 18px;
    }

    #caption_d_o {
        font-size: 14px;
    }

    .lb-port-cont {
        width: 270px;
        float: left;
    }

    #footer_copyright {
        display: none;
    }

    #s_panel {
        position: fixed;
        bottom: 45%;
        right: 10px;
        background: #ad60b7;
        width: 60px;
        height: 70px;
        border-radius: 5px 0px 0px 5px;
        z-index: 98;
        margin-right: 15px;
    }

    #s_panel img {
        width: 30px;
        height: 30px;
        padding-left: 5px;
    }

    #flower_reply {
        font-size: 20px;
        color: #fff;
        margin-left: 25px;
        margin-top: -5px;
    }

    .contacts_input {
        width: 92%;
        margin: 5px 0;
    }
}


.mfp-close-btn-in .mfp-close {
    color: #FFFFFF;
}


/*card form*/
#flex-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

#flex-container > div {
    box-sizing: border-box;
    margin: 3px;
}

#flex-container > div > input {
    border: 1px solid #95a5a6;
    width: 357px;
    padding: 5px;
    font-size: 18px;
    color: #95a5a6;
    border-radius: 5px;
}

.card-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #FFFFFF;
}

.card-select {
    border: 1px solid #95a5a6;
    width: 100%;
    padding: 5px;
    font-size: 18px;
    color: #95a5a6;
    border-radius: 5px;
}

.card-oplata {
    margin-top: 15px;
}

@media only screen and (max-device-width: 780px) {
    .card-form {
        justify-content: center;
    }
}

@media only screen and (max-device-width: 320px) {
    #flex-container > div > input {
        max-width: 290px;
    }
}


#page p {
    font-size: 17px;
}

#page ul {
    padding-bottom: 20px;
    font-size: 15px;
}

#page .phones {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
    font-size: 15px;
}

#page .phones a {
    color: #83408C;
}

.contact-form-sender input.white, .contact-form-email input.white, .contact-form-subject input.white, .contact-form-content textarea.white {
    background-color: #fff;
}

span.button-met.white {
    padding: 4px 15px;
    font-weight: bold;
    text-transform: lowercase;
    font-size: 15px;
    transition: background-color 0.5s, color 0.5s;
    -moz-transition: background-color 0.5s, color 0.5s;
    -webkit-transition: background-color 0.5s, color 0.5s;
    -o-transition: background-color 0.5s, color 0.5s;
    text-decoration: none;
    display: inline-block;
    color: #fff;
    background-color: #8F0F9C;
}

#contacts_caption_new {
    font-size: 26px;
    color: #010101;
    padding: 10px;
}


/*.placeholder-description {*/
/*    font-size: 14px;*/
/*}*/

/*#window_box {*/
/*    left: 49%;*/
/*    background: linear-gradient(90deg, #a5908d 23.54%, #914938 100%);*/
/*    border-width: 0px;*/
/*    padding: 0px 10px;*/
/*}*/

/*.payment-method {*/
/*    align-items: end;*/
/*    padding-right: 28px;*/
/*}*/

/*.button-pay {*/
/*    padding-bottom: 6px;*/
/*}*/

/*.cart_content_element-goods {*/
/*    line-height: 1.2;*/
/*}*/

/*.good-img {*/
/*    width: 40%;*/
/*    margin: 0 auto;*/
/*}*/

/*.table-img {*/
/*    width: 30%;*/
/*}*/

/*.close-goods {*/
/*    position: absolute;*/
/*    right: 22px;*/
/*}*/

/*.cart_general_price--style {*/
/*    padding-right: 6px;*/
/*}*/

/*.card-select,*/
/*.date-delivery {*/
/*    background: white;*/
/*}*/

/*::-webkit-input-placeholder {*/
/*    color: #c0c6c7;*/
/*}*/

/*#flex-container > div > input {*/
/*    color: #000000 !important;*/
/*}*/

/*input,*/
/*select {*/
/*    outline: none;*/
/*}*/

/*.basket-title {*/
/*    padding: 7px 0 10px;*/
/*}*/

/*.button-order {*/
/*    padding-top: 20px;*/
/*    margin-left: 0px !important;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*}*/

/*.paid-delivery {*/
/*    padding: 0px 0 3px;*/
/*}*/

/*.choice-delivery {*/
/*    align-items: center;*/
/*    display: flex !important;*/
/*}*/

/*.payment-method__title {*/
/*    margin-bottom: 5px;*/
/*}*/

/*@media (max-width: 765px) {*/
/*    #window_box {*/
/*        position: fixed;*/
/*        top: 0;*/
/*        left: 0;*/
/*        width: auto;*/
/*        height: auto;*/
/*        margin-left: 0px;*/
/*        margin-top: 0px;*/
/*        border: 1px solid black;*/
/*        display: none;*/
/*        background: rgb(64, 64, 64);*/
/*        z-index: 99;*/
/*        -webkit-box-shadow: 0px 0px 10px #000000;*/
/*        box-shadow: 0px 0px 10px #000000;*/
/*        border-color: rgb(64, 64, 64);*/
/*        padding: 0px 10px;*/
/*        background: linear-gradient(90deg, #a5908d 23.54%, #914938 100%);*/
/*    }*/
/*    .btn_close {*/
/*        right: 0px;*/
/*        top: 5px;*/
/*    }*/

/*    #flex-container {*/
/*        max-width: 357px;*/
/*        width: 100%;*/
/*        padding-right: 12px;*/
/*    }*/

/*    #flex-container > div > input {*/
/*        width: 100%;*/
/*    }*/

/*    .card-select {*/
/*        width: 104%;*/
/*    }*/

/*    .close-goods {*/
/*        position: absolute;*/
/*        right: 8px;*/
/*    }*/

/*    .good-img {*/
/*        max-width: 80%;*/
/*        width: 85px;*/
/*        height: 70px;*/
/*        max-height: 80%;*/
/*        margin: 0 0;*/
/*    }*/

/*    .table-img {*/
/*        width: 40%;*/
/*    }*/

/*    .delivery-method,*/
/*    .payment-method {*/
/*        width: 100% !important;*/
/*        align-items: start;*/
/*    }*/

/*    .button-pay {*/
/*        padding: 5px 10px 10px;*/
/*        font-size: 22px !important;*/
/*    }*/

/*}*/


/*@media (max-width: 500px) {*/
/*    .cart_content_element-goods {*/
/*        font-size: 12px;*/
/*        line-height: 1.2;*/
/*    }*/
/*}*/

/*@media (max-width: 400px) {*/
/*    .good-img {*/
/*        max-width: 100%;*/
/*    }*/
/*}*/

.header-new * {
    box-sizing: border-box;
}

.header-new .btn-menu {
    padding: 12px 0 !important;
}

.header-container__top {
    margin-bottom: 25px;
    display: grid;
    grid-template-columns: 30% 40% 30%;
    align-items: center;
}

.header-new .header-logo {
    margin: 0 auto;
}

.header-new .header-nav ul {
    padding-left: 0;
}

.header-new .header-nav ul li:first-child a {
    padding-left: 0;
}

.header-new .header-basket-button a {
    padding-right: 0;
    gap: 10px;
}

.header-new__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.header-new__contacts {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
}

.header-new__contact {
    width: fit-content;
    padding: 0;
    display: flex;
    align-items: center;
}

.header-new__socials {
    display: flex;
    align-items: center;
    gap: 10px;
}


.mobile-contacts {
    background: linear-gradient(90deg, #C97A6E 23.54%, #F3CEC5 100%);
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 10px 5px;
}

.mobile-contacts__socials {
    display: none;
}

.mobile-contacts__link {
    padding: 0;
}

.mobile-contacts__link a {
    font-size: 16px;
}

@media only screen and (max-width: 1440px) {
    .header-new .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 860px) {
    .header-new__socials {
        display: none;
    }

    .header-new__contacts {
        display: none;
    }

    .header-container__top {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-new__column {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .mobile-contacts {
        display: flex;
    }

    .mobile-contacts__socials {
        display: block;
    }

    .mobile-contacts__socials .header-new__socials {
        display: flex;
    }
}

@media only screen and (max-width: 540px) {
    .list-container {
        gap: 10px;
    }
    .quantity-block_sum {
        text-align: center;
    }
}

@media (min-width: 540px) and (max-width: 630px) {
    .list-constructor__item {
        max-width: 230px;
    }
}

@media (max-width: 630px) {
    .list-constructor-item__item-footer .product-info {
        flex-direction: column;
    }
}

.flower-item {
    max-width: 388px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flower-item__button {
    border-radius: 5px;
    font-size: 12px;
    font-family: "Segoe UI2";
}


.flower-item__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px;
}
.flower-item__title {
    font-family: "Segoe UI2";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: #010101;
    text-align: center;
}
.flower-item__info {
    padding: 15px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    height: 100%;
}
.flower-item__price {
    font-family: "Segoe UI2";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    text-transform: uppercase;
    color: #83408C;
    width: 92px;
    text-align: center;
}

.flowers {
    justify-content: space-between;
    gap: 50px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.body-container__flowers {
    margin-bottom: 80px;
}

.flower-item__cover {
    max-width: 388px;
    min-height: calc(120px + (350 - 120) * ( (100vw - 320px) / (767 - 320) ));
}


.flower-item__link {
    text-decoration: none;
}

@media (min-width: 768px) {
    .flower-item__cover {
        max-width: 388px;
        height: 234px;
        min-height: unset;
    }

    .flowers {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .flower-item__info {
        flex-direction: unset;
        height: unset;
    }

    .flower-item__price {
        text-align: end;
        font-size: 22px;
    }

    .flower-item__title {
        text-align: start;
        font-size: 17px;
    }

    .flower-item__button {
        font-size: 15px;
        font-family: "Segoe UI2";
    }
}

@media (min-width: 1280px) {
    .flower-item__cover {
        max-width: 388px;
        height: 388px;
    }
}

/*@font-face {*/
/*    font-family: "Segoe UI2";*/
/*    src: url("../fonts/Segoe UI.woff2") format("woff2");*/
/*        font-style: normal;*/
/*        font-weight: normal;*/
/*}*/