/* Reset */
html, body, ul, ol, li, dl, dt, dd, p, pre, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th {margin:0;padding:0;}
html, body {width:100%;height:100%}

html {scroll-behavior:smooth;}

body {min-height:100%;margin:0;color:#17181f;font:14px/1.4 Arial,sans-serif;display:flex;flex-direction:column;height:100vh;background:#fff;}

img {margin:0;border-width:0;padding:0;}
a, button {outline:0;color:#17181f;text-decoration:none;}
a {color:#17181f;}
a:hover {text-decoration:none;}
ul {list-style:none;}
p {margin:6px 0;}

h1,h2,h3,h4 {font-weight:700;}

h1 {font-size:30px;font-weight:900;}
h2 {font-size:24px;font-weight:900;}
h3 {font-size:20px;}
h4 {font-size:16px;}

header, footer, nav, section, article {display:block;}

* {outline:none;box-sizing:border-box;}

/* layout */

.main {width:100%;flex-direction:column;flex:1 0 auto;margin:0 auto;}
.container {margin:0 auto;width:1220px;position:relative;padding:0 40px;}

/* header */

header {border-bottom:1px solid #dadada;top:0;background:#fff;z-index:2;padding:10px 0;position:sticky;position:-webkit-sticky;}
header .inner {display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
header .inner img.logo {height:70px;}
header .inner .right-side-header {display:flex;flex-direction:row;}
header .inner .location {background:url(/images/icons/location.svg) 10px 50% no-repeat;}
header .inner .user {background:url(/images/icons/user.svg) 10px 50% no-repeat;margin-left:30px;}
header .inner .right-header a {border-left:1px solid #bbb;padding-left:15px;}
header .inner .right-header {border:1px solid #bbb;padding:8px 20px 8px 40px;border-radius:5px;cursor:pointer;background-color:#fafafa;}

/* footer */
footer {background:#f5f5f5;padding:60px 0 0 0;}
footer .menu {display:flex;flex-direction:row;justify-content:space-between;padding:0 50px 30px 0;}
footer .menu li {margin:5px 0;font-size:15px;}
footer .menu li b {font-weight:bold;}
footer .menu li a {color:#999;}
footer .menu li img {width:70px;}
footer .menu li a img {width:auto;}
footer .menu .sn {margin-top:10px;}
footer .menu .sn img {width:30px;height:30px;margin-right:5px;}
footer .menu-contacts {display:flex;flex-direction:row;justify-content:space-between;margin:0 0 30px 170px;padding:30px 100px 0 10px;border-top:1px solid #dadada;}
footer .menu-contacts li {display:flex;flex-direction:row;align-items:flex-start;}
footer .menu-contacts li img {width:20px;}
footer .menu-contacts li div {margin-left:10px;}
footer .menu-contacts li div span {display:block;color:#666;}
footer .copyright {border-top:1px solid #dadada;padding:20px 0;color:#bbb;font-size:14px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
footer .copyright a {color:#999;text-decoration:underline;}

/* simple */

.simple-section {margin:0 40px;padding-bottom:40px;}
.simple-section h1 {font-size:24px;line-height:1;margin:25px 0 15px;}
.simple-section h2 {font-size:18px;margin:25px 0 15px;}
.simple-section h3 {font-weight:900;}
.simple-section .logo {margin:10px 0 10px;}
.simple-section .logo img {height:70px;}

/* sections */

section {}

/* stories */
section.stories-section {overflow:hidden;}
section.stories-section ul {display:flex;flex-direction:row;flex-wrap:nowrap;margin:20px 0;overflow:auto;}
section.stories-section ul li {margin-right:10px;}
section.stories-section ul li:last-child {margin-right:0;}
section.stories-section ul li img {width:60px;height:60px;object-fit:cover;border:2px solid #f3ae56;border-radius:60px;}
.stories-overflow {width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;background:rgba(0,0,0,.85);}
.stories-overflow .container {width:100%;height:100%;display:flex;justify-content:center;align-items:center;}
.stories-overflow .container .item {height:70%;z-index:11;}
.stories-overflow .close {position:absolute;right:40px;top:40px;width:40px;cursor:pointer;z-index:11;filter:invert(.5);}
.stories-overflow .close:hover {filter:invert(1);}
.stories-overflow .progress-container {display:flex;flex-direction:row;width:360px;padding:10px 0;position:absolute;bottom:100px;left:calc(50% - 180px);}
.stories-overflow .progress-container .progress {height:4px;flex-grow:1;border-radius:4px;margin:0 5px;display:flex;background-image:-webkit-linear-gradient(left, rgba(255,255,255,.5) 0%, rgba(255,255,255,.5) 50%, rgba(88,89,104,.5) 50.001%, rgba(88,89,104,.5) 100%);background-repeat:no-repeat;background-size:200%;background-color:#666;background-position:100% 50%;animation-timing-function:linear;animation-delay:.2s;}
.stories-overflow .progress-container .progress.active {animation-name:progressLoader;}
.stories-overflow .progress-container .progress.passed {background-position:0 0;}
@-webkit-keyframes progressLoader {0% {background-position:100% 0;} 100% {background-position:0 0;}}
.stories-stop-scrolling {height:100%;overflow:hidden;}

/* banners */
section.info-banners {overflow:hidden;}
section.info-banners ul {display:flex;flex-direction:row;align-items:center;padding:20px 0 40px;overflow:auto;}
section.info-banners ul li:first-child {margin-left:20px;}
section.info-banners ul a {display:block;width:400px;height:170px;margin-right:20px;border-radius:20px;box-shadow:0 12px 24px 0 rgba(0,0,0,.1);overflow:hidden}
section.info-banners ul a.vacancy {width:160px;}
section.info-banners ul img {width:100%;height:100%;object-fit:cover;}

/* catalog */
section.catalog-section {display:flex;border-top:1px solid #eee;margin-bottom:60px;}

/* sections */
section.section-section-image {height:400px;background-repeat:no-repeat;background-position:center;background-size:cover;}

/* products */
section.products-section {flex:1 1 100%;display:flex;flex-wrap:wrap;width:calc(100% - 360px);align-content:flex-start;padding-bottom:20px;}
section.products-section h3 {margin:15px 0 0 25px;font-size:20px;}
section.products-section h3 span {margin-left:6px;color:#bbb;font-size:18px;font-weight:normal;}
section.products-section .description {color:#bbb;margin:15px 0 0 25px;font-size:14px;}
section.products-section .products {display:flex;flex-wrap:wrap;justify-content:space-between;margin-right:20px;width:100%;}
section.products-section .products:after {content:'';flex:auto;}
section.products-section .products .card {position:relative;width:50%;display:flex;}
section.products-section .products .card .item {position:relative;width:calc(100% - 40px);border-radius:20px;background:#fff;overflow:hidden;margin:20px;padding:20px;cursor:pointer;flex-direction:column;display:flex;box-shadow:0 12px 24px 0 rgba(0,0,0,.05);transition:.4s;}
section.products-section .products .card .item:hover {box-shadow:0 5px 20px 0 rgba(0,0,0,.1);}
section.products-section .products .card .item .info {display:flex;justify-content:space-between;flex-wrap:wrap;flex:1 0 auto;}
section.products-section .products .card .item .title {font-weight:normal;font-size:19px;line-height:1.1;width:75%;}
section.products-section .products .card .item .title:first-letter {text-transform:uppercase;}
section.products-section .products .card .item .title span {font-size:14px;font-weight:normal;color:#bbb;margin-left:6px;white-space:nowrap;}
section.products-section .products .card .item .info p {color:#bbb;}
section.products-section .products .card .item .price {font-size:15px;text-align:right;white-space:nowrap;}
section.products-section .products .card .item .thumb {width:100%;height:260px;overflow:hidden;margin-top:10px;border-radius:20px;position:relative;}
section.products-section .products .card .item .thumb div {display:block;height:100%;flex-direction:row;transition:.5s all cubic-bezier(.4, 0, .2, 1);white-space:nowrap;}
section.products-section .products .card .item .thumb img {width:100%;height:100%;object-fit:cover;display:inline-block;}
section.products-section .products .card .item .isnew {position:absolute;top:10px;right:10px;height:auto !important;background:#c00;color:#fff;font-size:12px;font-weight:bold;text-align:center;padding:4px 10px;border-radius:20px;}
section.products-section .products .card .item p {margin-top:5px;width:100%;}

/* menu */
section.products-section nav {display:block;width:100%;top:95px;padding:20px 0;background:#fff;border-bottom:1px solid #eee;z-index:1;position:sticky;position:-webkit-sticky;}
section.products-section nav ul {flex:1;display:flex;position:relative;flex-wrap:nowrap;padding:0 10px;}
section.products-section nav ul li {white-space:nowrap;margin-right:20px;height:44px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 12px 24px 0 rgba(0,0,0,.05);background:#fff;border-radius:40px;cursor:default;}
section.products-section nav ul li:last-child {margin:0;}
section.products-section nav ul li span {display:flex;width:40px;height:40px;border-radius:40px;margin-left:2px;background:#f8f8f8;justify-content:center;align-items:center;}
section.products-section nav ul li.active span {background:#f5e91f;}
section.products-section nav ul li a {padding:0 20px 0 10px;display:block;}

/* cart */
section.cart-section {flex:0 0 360px;padding:0 10px 40px 10px;background:#f8f8f8;}
section.cart-section .cart {top:120px;margin-top:30px;position:sticky;position:-webkit-sticky;}
section.cart-section .cart .cart-content {margin:0 20px 30px 20px;}
section.cart-section .cart .cart-content div.cart-empty {margin:120px auto;text-align:center;width:60%;}
section.cart-section .cart .cart-content div.cart-empty p {margin:5px 0;}
section.cart-section .cart .cart-content div.cart-empty img {display:block;margin:50px auto 20px;}
section.cart-section .cart .cart-content h3 {justify-content:space-between;align-items:center;flex-direction:row;display:flex;margin:0 0 30px 0;}
section.cart-section .cart .cart-content h3 .delete {width:22px;cursor:pointer;}
section.cart-section .cart .cart-content h3 .rank {background:#f5e91f;padding:5px 10px 3px;border-radius:5px;font-size:11px;font-weight:bold;}
section.cart-section .cart {overflow:auto;max-height:calc(100vh - 140px);}
section.cart-section .cart::-webkit-scrollbar {background:transparent;width:5px;}
section.cart-section .cart::-webkit-scrollbar-thumb {border-radius:0;background:#dcdfe7;}
section.cart-section .cart .cart-content .products {margin-bottom:20px;}
section.cart-section .cart .cart-content .products li {display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;margin:10px 0;}
section.cart-section .cart .cart-content .products li .name {width:100%;margin-top:4px;font-size:16px;line-height:18px;}
section.cart-section .cart .cart-content .products li .name span {display:block;font-size:14px;color:#bbb;}
section.cart-section .cart .cart-content .products li .counter {display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:120px;margin-left:10px;cursor:pointer;}
section.cart-section .cart .cart-content .products li .counter .plus-minus {width:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;visibility:hidden;background:#fff;width:30px;height:30px;}
section.cart-section .cart .cart-content .products li .counter .plus-minus-minus {border-radius:5px 0 0 5px;}
section.cart-section .cart .cart-content .products li .counter .plus-minus-plus {border-radius:0 5px 5px 0;}
section.cart-section .cart .cart-content .products li .counter .plus-minus img {width:16px;}
section.cart-section .cart .cart-content .products li .counter .plus-minus:hover {border-color:#aaa;}
section.cart-section .cart .cart-content .products li .counter .count {width:30px;height:30px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;}
section.cart-section .cart .cart-content .products li .counter:hover .plus-minus {visibility:visible;}
section.cart-section .cart .cart-content .products li .counter:hover .count {border-radius:0;}
section.cart-section .cart .cart-content .products li .price {width:90px;text-align:right;margin-top:6px;white-space:nowrap;}
section.cart-section .cart .cart-content .cart-order-delivery, section.cart-section .cart .cart-content .cart-order-cutlery, section.cart-section .cart .cart-content .cart-order-discount {display:flex;justify-content:space-between;border-top:1px solid #e2e2e2;padding:10px 0;}
section.cart-section .cart .cart-content .cart-order-discount .discount-price {margin-left:10px;white-space:nowrap;}
section.cart-section .cart .cart-content .cart-order-cutlery select {padding:6px;}
section.cart-section .cart .cart-content .cart-order-delivery .delivery, section.cart-section .cart .cart-content .cart-order-delivery .freedelivery div, section.cart-section .cart .cart-content .cart-order-cutlery .cutlery div, section.cart-section .cart .cart-content .cart-order-discount .discountname div {font-size:13px;color:#888;}
section.cart-section .cart .cart-content .cart-order-discount .discountname-error {color:#c00;}
section.cart-section .cart .cart-content .cart-order-delivery .delivery span.break {display:block;}
section.cart-section .cart .cart-content .cart-order-delivery .delivery-price {white-space:nowrap;}
section.cart-section .cart .cart-content .cart-sum {display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e2e2e2;padding:10px 0 0 0;}
section.cart-section .cart .cart-content .cart-sum .delivery-time, section.cart-section .cart .cart-content .cart-sum .total-price {color:#bbb;}
section.cart-section .cart .cart-content .cart-sum .delivery-time div, section.cart-section .cart .cart-content .cart-sum .total-price div {color:#17181f;font-size:24px;}
section.cart-section .cart .cart-button {margin:0 20px;}
section.cart-section .cart-button button {width:100%;}

/* feedback */
section.feedback-section {}
section.feedback-section .feedback-form {background:#fafafa;padding:40px;}
section.feedback-section .feedback-form {margin:30px 0;}
section.feedback-section .feedback-form .feedback-add-form-controls {padding:0 !important;margin:0 !important;border:none !important;}
section.feedback-section .feedback-form .feedback-add-form-controls button {margin-left:240px;}
/* feedback add */
section.feedback-section .feedback-add {}
section.feedback-section .feedback-add .form-title {font-size:120%;font-weight:bold;display:block;margin-bottom:5px;}
section.feedback-section .feedback-add .form-row {margin-bottom:20px;}
section.feedback-section .feedback-add .form-row label {display:flex;flex-direction:row;margin:0;align-items:center;flex-wrap:wrap;}
section.feedback-section .feedback-add .form-row label.textarea {align-items:flex-start;}
section.feedback-section .feedback-add .form-row label span, .feedback-add .photo-row span {display:block;width:240px;}
section.feedback-section .feedback-add .form-row input, .feedback-add .form-row select, .feedback-add .form-row textarea {display:block;padding:8px 10px;font-size:110%;border-radius:4px;border:2px solid #ccc;}
section.feedback-section .feedback-add .form-row input {width:240px;padding-right:40px;}
section.feedback-section .feedback-add .form-row textarea {height:140px;width:480px;box-sizing:border-box;}
section.feedback-section .feedback-add .form-row input:focus {border:2px solid #21add9;}
section.feedback-section .feedback-add .form-row textarea:focus, .feedback-add .form-row select:focus {border:2px solid #21add9;padding:7px 9px;}
section.feedback-section .feedback-add .form-row input.input-address {width:740px;}
section.feedback-section .feedback-add .form-row input.input-title {width:480px;}
section.feedback-section .feedback-add .form-row-no-flex label {display:block;}
section.feedback-section .feedback-add .form-row-no-flex label span {width:auto;}
section.feedback-section .feedback-add input[iserror=true], .feedback-add textarea[iserror=true] {border:2px solid #ff402b;background:#fff9f8 url(../images/icons/attention.svg) 100% -3px no-repeat;}
section.feedback-section .feedback-add .error-hint {color:#ff402b;font-size:90%;width:100%;margin:5px 0 0 244px;}

/* order */
section.order-section {margin-right:30px;}
section.order-section .no-contact, section.order-section .no-dispatcher {background:#f5e91f50;padding:15px 30px;margin:20px 0 30px;border-radius:5px;text-align:left;font-size:16px;}
section.order-section .no-dispatcher {background:#ebf4fb;}
section.order-section h3 {margin-left:0 !important;}
section.order-section ul.tabs {display:flex;flex-direction:row;margin:0 0 20px 0;}
section.order-section ul.tabs li {padding:5px 10px;border-radius:5px;cursor:pointer;margin-top:10px;color:#999;}
section.order-section ul.tabs li.active {background:#eee;font-weight:500;color:#000;}
section.order-section .row {margin:10px 0;display:flex;flex-direction:row;justify-content:space-between;}
section.order-section .row label {margin:0 5px 5px 0;width:25%;}
section.order-section .row-items input[iserror=true] {border:2px solid #ff402b;background:#fff9f8 url(../images/icons/attention.svg) 100% -5px no-repeat;}
section.order-section .row-items .error-hint {color:#ff402b;font-size:90%;width:100%;margin-top:5px;}
section.order-section .row-office label {width:33%;}
section.order-section .row-wide label {width:100%;}
section.order-section .row-double label {width:300px;}
section.order-section .row label span {font-size:12px;margin-bottom:5px;display:block;}
section.order-section .row label input {padding:8px 10px;border-radius:4px;border:2px solid #ccc;width:100%;}
section.order-section .row label input:focus {border:2px solid #f3ae56;}
section.order-section .row-payment {margin:20px 0;}
section.order-section .row-payment .row-content {margin:10px 0;padding:10px 20px;background:#f8f8f8;border-radius:5px;}
section.order-section .row-payment label {display:flex;flex-direction:row;width:auto;margin:0 20px 0 0;}
section.order-section .row-payment label input[type=radio] {display:block;margin:2px 5px 0 0;width:auto;border:none;border-radius:0;}
section.order-section .row-payment label span {display:block;margin:0;padding:0;}
section.order-section .row-payment label input[type=number] {padding:8px 10px;border-radius:4px;border:2px solid #ccc;width:120px;margin-top:5px;}
section.order-section .row-payment label input[type=number]:focus {border:2px solid #f3ae56;}
section.order-section .row-payment label.surrender {display:block;}
section.order-section .row-payment label.surrender select {display:block;padding:4px 6px;font-size:100%;border-radius:4px;border:2px solid #ccc;}
section.order-section .row-pack {margin:20px 0;}
section.order-section .row-pack div {margin-bottom:10px;}
section.order-section .row-addresses {margin:10px 0;}
section.order-section .row-addresses:first-child label {font-size:16px;margin-bottom:20px;}
section.order-section .row-addresses label.radio {position:relative;font-size:16px;line-height:24px;display:inline-block;box-sizing:border-box;margin:0;padding-left:24px;cursor:pointer;}
section.order-section .row-addresses label.radio input {position:absolute;margin:15px -25px;width:15px;height:15px;border:2px solid #f3ae56;}
section.order-section .row-addresses label.radio div {color:#aaa;font-size:14px;font-weight:200;}
section.order-section .controls-order {margin-top:40px;}
section.order-section .controls-order .btn {width:340px;}
section.order-section .controls-order h3 {font-weight:normal;}
section.order-section .controls-order h3 span {display:block;font-size:80%;font-weight:normal;margin-left:0;color:#999;}
section.order-section .controls-order .btn.btn-title {position:relative;}
section.order-section .controls-order .btn.btn-title img {position:absolute;right:15px;}
section.order-section .controls-order .btn.btn-title-disable {cursor:default;background:#ccc;}
section.order-section .controls-order .btn.btn-title .card {font-size:80%;font-weight:normal;color:#666;}
section.order-section .controls-order .btn.btn-cardnew {margin-top:10px;background:#eee;}
section.order-section .row-wide input[name=promoCode][issuccess=true] {border-color:#aaa !important;background:transparent url(../images/icons/success.svg) 100% -4px no-repeat;}
section.order-section .row-wide input[name=promoCode][iserror=true] {border-color:#ff402b !important;background:transparent url(../images/icons/attention.svg) 100% -5px no-repeat;}
section.order-section .order-overlay {position:absolute;left:0;right:400px;bottom:80px;top:0;background:#ffffff99;z-index:100;}
section.order-section .row-address {position:relative;}
section.order-section .addresses-list-inner {position:absolute;margin-top:2px;width:744px;top:60px;max-height:200px;background:#fafafa;overflow:auto;border:2px solid #ccc;border-radius:4px;z-index:2;}
section.order-section .addresses-list-inner::-webkit-scrollbar {background:transparent;width:5px;}
section.order-section .addresses-list-inner::-webkit-scrollbar-thumb {border-radius:0;background:#dcdfe7;}
section.order-section .addresses-list-inner ul li {padding:5px 10px;border-bottom:1px solid #eee;cursor:pointer;}
section.order-section .addresses-list-inner ul li span {font-size:11px;color:#777;display:block;}
section.order-section .addresses-list-inner ul li:hover {background:#fff;}
section.order-section .row-address input[iserror=true] {border:2px solid #ff402b;background:#fff9f8 url(../images/icons/attention.svg) 100% -5px no-repeat;}
section.order-section .row-address .error-hint {color:#ff402b;font-size:90%;width:100%;margin-top:5px;}
section.order-section .row-wide input[name=promoCode][iserror=true] {color:#ff402b;font-size:90%;width:100%;margin-top:5px;}
section.order-section .row-wide label .error-hint {color:#ff402b;font-size:90%;width:100%;margin-top:5px;}
section.order-section .row-payment-cash input[iserror=true] {border:2px solid #ff402b !important;background:#fff9f8 url(../images/icons/attention.svg) 100% -5px no-repeat;}
section.order-section .row-payment-cash .error-hint {color:#ff402b;font-size:90%;width:100%;margin-top:5px;}
section.order-section .row-wide.row-balance label span {
	font-size: 16px;
	text-align: left;
}
section.order-section .row-wide.row-balance label span b.display-balance {
	color: green;
}
section.order-section .row-wide.row-balance label .useBalance {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	font-size: 14px;
	margin-left: 10px;
}
section.order-section .row-wide.row-balance label input[name=useBalance] {
	background-color: red;
	width: 20px;
	height: 20px;
}

/* login */
section.login-section {}
section.login-section .form-row-single {margin:20px 0 40px;}
section.login-section .form-row-single-column {margin-bottom:20px;}
section.login-section .form-row-single input {padding:10px 16px;font-size:18px;font-weight:400;width:340px;border-radius:4px;border:2px solid #ccc;}
section.login-section .form-row-single input:focus {border:2px solid #21add9;}
section.login-section .form-row-single input[iserror=true] {border:2px solid #ff402b;background:#fff9f8 url(../images/icons/attention.svg) 100% -1px no-repeat;}
section.login-section .form-row-single .error-hint {color:#ff402b;font-size:90%;width:100%;margin:5px 0 0 4px;}

/* static */
section.static-section {margin:30px 0 100px;}
section.static-section .content {margin:30px 20px 0;}
section.static-section .content h2 {margin:25px 0 15px;}
section.static-section .content h3 {font-weight:900;}
section.static-section .content p a:not(.btn) {text-decoration:revert;color:revert;}
section.static-section .content ul {margin-left:30px;}
section.static-section .content ul li {list-style:disc;}
section.static-section .content .btn {margin-top:20px;display:inline-block;}

/* static.about */
.about-advantages {display:flex;justify-content:space-between;align-items:flex-start;flex-direction:row;width:80%;margin:50px auto !important;}
.about-advantages li {list-style:none !important;text-align:center;width:25%;}
.about-advantages li img {width:130px;}

/* profile */
section.profile-section {}
section.profile-section .content .menu {margin-left:20px;}
section.profile-section .content .menu ::marker {font-size:16px;color:#777;}
section.profile-section .content .menu li {margin:10px 0;}
section.profile-section .content .menu li a {font-size:18px;text-decoration:underline;}
section.profile-section .content .profile-refs-banner {margin:20px 0 0;width:400px;}
section.profile-section .content .profile-refs-banner img {width:100%;border-radius:20px;}

/* balance */
section.profile-section .balance-info { height: 60px; }
section.profile-section .balance-info span { font-size: 18px; }
section.profile-section .balance-info span.bonuses { font-size: 22px; color: #27ae60; }

/* orders */
section.profile-section .orders, section.profile-section .address-container {width:860px;}
section.profile-section .orders .order {position:relative;}
section.profile-section .orders .order {padding:15px 10px;border-bottom:1px solid #dadada;cursor:pointer;}
section.profile-section .orders .order:first-child {border-top:1px solid #dadada;}
section.profile-section .orders .order .title {display:flex;flex-direction:row;}
section.profile-section .orders .order .title .date, section.profile-section .orders .order .title .amount {font-size:16px;width:500px;}
section.profile-section .orders .order .title .amount {width:200px;}
section.profile-section .orders .order .title .date.balance {width:200px;}
section.profile-section .orders .order .title .amount.add {color:#2ecc71;}
section.profile-section .orders .order .title .amount.del {color:#e74c3c;}
section.profile-section .orders .order .title .type {width:100px;font-size:16px;}
section.profile-section .orders .order .title .desc {width:500px;font-size:14px;}
section.profile-section .orders .order .title .status {width:100px;font-size:14px;color:#aaa;text-align:center;}
section.profile-section .orders .order .title .status:first-letter {text-transform:uppercase;}
section.profile-section .orders .order:hover {background:#fcfcfc;}
section.profile-section .orders .order .orderitems {display:none;margin-top:5px;}
section.profile-section .orders .order .orderitems .ordernumber {font-size:16px;color:#aaa;}
section.profile-section .orders .order .orderitems .products {margin-top:5px;}
section.profile-section .orders .order .orderitems .controls {margin-top:20px;}
section.profile-section .orders .order-opened .orderitems {display:block;}
section.profile-section .orders .order-opened .title .date, section.profile-section .orders .order-opened .title .amount {font-weight:bold;}
section.profile-section .orders .order .rate {margin-top:20px;}
section.profile-section .orders .order .rate p {font-style:italic;}
section.profile-section #profile input {padding:10px 16px;font-size:18px;font-weight:400;width:340px;border-radius:4px;border:2px solid #ccc;}
section.profile-section #profile input:focus {border:2px solid #21add9;}

/* address */
section.address-section .addresses {margin:40px 0;width:860px;}
section.address-section .addresses ul {margin:20px 0 0;}
section.address-section .addresses ul li {padding:10px;border-bottom:1px solid #dadada;cursor:pointer;display:flex;justify-content:space-between;align-items:;justify-content:row;}
section.address-section .addresses ul li:first-child {border-top:1px solid #dadada;}
section.address-section .addresses ul li:hover {background:#fcfcfc;}
section.address-section .addresses ul li img {width:16px;display:none;}
section.address-section .addresses ul li:hover img {display:block;}
section.address-section .addresses-list {position:absolute;margin-top:2px;width:734px;height:160px;background:#fafafa;overflow:auto;border:2px solid #ccc;border-radius:4px;}
section.address-section .addresses-list::-webkit-scrollbar {background:transparent;width:5px;}
section.address-section .addresses-list::-webkit-scrollbar-thumb {border-radius:0;background:#dcdfe7;}
section.address-section .addresses-list ul li {padding:5px 10px;border-bottom:1px solid #eee;cursor:pointer;}
section.address-section .addresses-list ul li span {font-size:11px;color:#777;display:block;}
section.address-section .addresses-list ul li:hover {background:#fff;}
section.address-section input[iserror=true] {border-color:#ff402b !important;background:#fff9f8 url(../images/icons/attention.svg) 100% -4px no-repeat;}
section.address-section input[issuccess=true] {border-color:#aaa !important;background:transparent url(../images/icons/success.svg) 100% -4px no-repeat;}

/* profile actions ranks */
section.profile-section .client-ranks {}
section.profile-section .client-ranks .rank h3 {margin-bottom:5px;}
section.profile-section .client-ranks .rank {margin:20px 0;border-radius:10px;background:#fff;padding:20px;box-shadow:0 12px 24px 0 rgba(0,0,0,.05);}
section.profile-section .client-ranks .rank .rank-info {}
section.profile-section .client-ranks .rank button {padding:10px 30px;margin-top:10px;}

/* profile actions prize */
section.profile-section .client-prizes {}
section.profile-section .client-prizes .prize h3 {margin-bottom:5px;}
section.profile-section .client-prizes .prize {margin:20px 0;border-radius:10px;background:#fff;padding:20px;box-shadow:0 12px 24px 0 rgba(0,0,0,.05);}
section.profile-section .client-prizes .prize .prize-info {margin:10px 0;}
section.profile-section .client-prizes .prize .tickets {display:flex;flex-direction:row;align-items:center;margin:5px 0 20px;}
section.profile-section .client-prizes .prize .tickets .ticket {background:#eee;border-radius:5px;padding:5px;margin-right:10px;}
section.profile-section .client-prizes .prize button {padding:10px 30px;margin-top:10px;margin-bottom:20px;}
section.profile-section .client-prizes .prize .user-tickets {margin:5px 0 20px;}
section.profile-section .client-prizes .prize .user-tickets .user-ticket {padding:10px 5px;border-bottom:1px solid #eee;}

/* error */
section.error-section {margin:150px auto 0;display:flex;justify-content:center;align-items:center;text-align:center;}
section.error-section h3 {margin:30px 0 10px 0;font-size:30px;}
section.error-section p {text-align:center;font-size:16px;margin:50px 0;}
section.error-section p.nomargintop {margin-top:0;}
section.error-section .btn {padding:15px 60px;}

/* holidays */
section.holidays-section {margin:0 auto 0;display:flex;justify-content:center;align-items:center;text-align:center;position:relative;}
section.holidays-section img {display:block;margin:0 auto;}
section.holidays-section .holiday-info {position:absolute;top:360px;width:320px;margin:0 auto;left:0;right:0;}
section.holidaysholidays-section h3 {margin:30px 0 10px 0;font-size:30px;}
section.holidays-section p {text-align:center;font-size:16px;margin:50px 0;}
section.holidays-section p.nomargintop {margin-top:0;}

/* certs */
.certs {}
.certs ul {display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;margin-left:0 !important;}
.certs ul li {list-style:none !important;margin:20px;}
.certs ul li img {width:300px;border:2px solid #ccc;}

/* complects */
.complects-block {margin-top:30px;}
.complects-block .complect {display:flex;flex-direction:row;align-items:flex-start;margin-bottom:30px;border-radius:10px;background:#fff;box-shadow:0 12px 24px 0 rgba(0,0,0,.05);}
.complects-block .complect img {cursor:pointer;width:500px;height:212px;border-radius:10px;}
.complects-block .complect .complect-content {margin-left:20px;padding:10px;}
.complects-block .complect .complect-content div {margin-bottom:20px;}
.complects-block .complect .complect-content b {font-size:120%;}
.complects-block .complect .complect-content ul {margin:5px 0 0;}
.complects-block .complect .complect-content ul li {list-style:none !important;margin:0;}
.complects-block .complect .button {margin:auto 20px 20px auto;}

/* breadcrumbs */

.breadcrumbs {display:flex;align-items:center;flex-direction:row;margin-bottom:30px;color:#777;}
.breadcrumbs img {margin-right:10px;}

/* cookies */

.cookie-notify {background:#fff;position:fixed;left:50%;bottom:20px;margin-left:-600px;z-index:100;display:none;padding:0;width:1200px;border-radius:5px;box-shadow:0 5px 23px -3px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.cookie-notify-content {display:flex;justify-content:space-between;align-items:center;padding:20px;}
.cookie-notify-content img {margin-right:20px;}
.cookie-notify-content p {margin-right:20px;}
.cookie-notify a {text-decoration:underline;}
.cookie-notify .btn-cookie {transition:.4s;font-size:100%;}
.cookie-notify .btn-cookie:hover {background:#f5e91f;color:#17181f;}

/* modal */

.box-modal {position:relative;background:#fff;margin:0 auto;border-radius:8px;display:flex;flex-direction:column;top:50px;}
.box-modal .title {padding:20px;display:flex;flex-direction:row;justify-content:space-between;}
.box-modal .title .box-modal-close {cursor:pointer;}
.box-modal .content {padding:20px;background:#fafafa;border-top:solid 1px #f5f5f5;border-bottom:solid 1px #f5f5f5;}
.box-modal .content .name {font-size:18px;}
.box-modal .content .description {color:#bbb;}
.box-modal .content .measure {color:#777;}
.box-modal .content-simple {padding:0 20px;}
.box-modal .controls {padding:20px;display:flex;flex-direction:row;}
.box-modal .notice {padding:20px;font-size:13px;color:#bbb;}
.box-modal .notice a {color:#999;text-decoration:underline;}
.box-modal_close {position:absolute;right:15px;top:5px;font-size:24px;cursor:pointer;}
.box-modal_close:hover {color:#444;}
/* cart */
.box-modal-cart {width:600px;}
.box-modal-cart .controls .counter {display:flex;flex-direction:row;border-radius:5px;border:1px solid #e6e6e6;margin-left:20px;justify-content:center;align-items:center;text-align:center;font-weight:bold;background:#f8f8f8;}
.box-modal-cart .controls .counter .plus-minus {width:24px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none;margin:0 12px;}
.box-modal-cart .controls .counter .count {font-size:16px;}
.box-modal-cart .controls .counter .plus-minus img {width:18px;}
.box-modal-cart .controls .counter .plus-minus-disable {opacity:.5;cursor:default;}
.box-modal-cart .controls .counter .count {width:20px;text-align:center;}
.box-modal-cart .controls .amount {align-self:center;margin-left:auto;text-align:right;}
.box-modal-cart .controls .amount span {font-size:13px;color:#bbb;}
.box-modal-cart .controls .amount .total {font-size:18px;}
.box-modal-cart .controls .amount .total .price {font-size:100%;color:#17181f;margin-right:3px;}
/* login */
.box-modal-login {width:500px;}
.box-modal-login input {padding:10px 16px;font-size:18px;font-weight:400;width:100%;border-radius:4px;border:1px solid #aaa;}
.box-modal-login input:focus {border:1px solid #f3ae56;}
.box-modal-login input[iserror=true] {border-color:#ff402b;background:#fff9f8 url(../images/icons/attention.svg) 100% 0 no-repeat;}
.box-modal-login input[issuccess=true] {border-color:#aaa;background:transparent url(../images/icons/success.svg) 100% 0 no-repeat;}
/* rate */
.box-modal-rate {width:600px;}
.box-modal-rate textarea {width:100%;height:80px;resize:none;padding:10px;border-radius:4px;border:1px solid #aaa;}
.box-modal-rate textarea:focus {border:1px solid #f3ae56;}
.box-modal-rate .order-rate {margin:20px 0 0;padding:10px;background:#f8f8f8;}
.box-modal-rate .rating {margin-top:15px;}
.box-modal-rate .rating img {width:30px;margin-right:10px;cursor:pointer;filter:invert(.6);}
.box-modal-rate .rating img:hover {filter:invert(0);}
.box-modal-rate .rating img.selected {filter:invert(.5) sepia(1) saturate(5) hue-rotate(345deg) !important;}
/* location */
.box-modal-location .map-content {width:800px;height:400px;position:relative;}
.box-modal-location .map-content #map {width:100%;height:100%;background: #eee;}
.box-modal-location .map-content .marker {position:absolute;top:50%;left:50%;}
.box-modal-location .controls {display:flex;flex-direction:row;align-items:center;justify-content:space-between;position:relative;}
.box-modal-location .controls input {width:100%;margin-right:10px;padding:11px;border:2px solid #ccc;border-radius:5px;font-size:18px;}
.box-modal-location .controls input:focus {border:2px solid #f3ae56;}
.box-modal-location .addresses-list {position:absolute;top:-202px;width:618px;height:220px;background:#fafafa;overflow:auto;border:2px solid #ccc;border-radius:4px;}
.box-modal-location .addresses-list::-webkit-scrollbar {background:transparent;width:5px;}
.box-modal-location .addresses-list::-webkit-scrollbar-thumb {border-radius:0;background:#dcdfe7;}
.box-modal-location .addresses-list ul li {padding:5px 10px;border-bottom:1px solid #eee;cursor:pointer;}
.box-modal-location .addresses-list ul li span {font-size:13px;color:#777;display:block;}
.box-modal-location .addresses-list ul li:hover {background:#fff;}
.box-modal-location .stored-addresses {margin:-10px 10px 10px;padding:0 10px;}
.box-modal-location .stored-addresses select {width:100%;padding:5px 10px;border:2px solid #ccc;border-radius:5px;}
.box-modal-location .stored-addresses select option {font-size:18px;}

/* alerts. success */
.box-modal-success {width:440px;top:200px;}
.box-modal-success .title {font-size:140%;font-weight:bold;}
.box-modal-success .success-text {padding:0 20px;margin-bottom:30px;}
.box-modal-success p {margin:5px 0;}
.box-modal-success .btn-cancel {background:#eee;color:#000;margin-left:10px;}
/* alerts. error */
.box-modal-error .title {color:#ff402b;}
/* alerts. buttons */
.box-modal-success .adds-panel .button {margin:10px;display:inline-block;padding:15px 30px;font-weight:bold;font-size:16px;border:none;border-radius:5px;background:#333;color:#fff;cursor:pointer;}

/* form */

.btn {padding:15px 30px;font-weight:bold;font-size:16px;border:none;border-radius:5px;background:#f5e91f;cursor:pointer;}
.btn-second {background:#f5f5f5;color:inherit;font-weight:normal;}
.btn-second-margin {margin-left:10px;}
.btn-black {background:#2e2a21;color:#fff;}
.btn-delete {background:#f5f5f5;color:#c00;}

/* messages */

.box-message {display:none;position:fixed;top:0;left:0;right:0;margin:20px auto 0;padding:20px;z-index:1010;width:500px;background:#7ce4fe;border-radius:4px;box-shadow:0 2px 2px rgba(204,197,185,.5);color:#fff;}
.box-message-success {background:#82b910;}
.box-message-error {background:#c00;}
.box-message-warning {background:#ffe28c;}

/* notice */

.notice {border-top:1px solid #ccc;padding-top:20px;margin-top:30px;}
.notice p {margin-top:20px;font-size:90%;color:#666;}
.notice p a {color:#666;text-decoration:underline;}
.notice p a:hover {color:#000;}

/* mobile tizer */

.mobile-tizer-container {display:none;}

/* margins */
/* margins top */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
/* margins right */
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
/* margins left */
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
/* margins bottom */
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}

/* others */

.link {color:#00e;text-decoration:underline;}
.center {text-align:center;}

.none {display:none !important;}
.block {display:block !important;}

.is-mobile, .is-mobile-flex {display:none !important;}
.is-desktop {display:block !important;}
.is-desktop-flex {display:flex !important;}

@media (min-width: 480px) {
	/* scroll bar */
	section.stories-section ul::-webkit-scrollbar {background:transparent;width:6px;height:6px;position:absolute;}
	section.stories-section ul::-webkit-scrollbar-track {background:transparent;position:absolute;z-index:-2;}
	section.stories-section ul::-webkit-scrollbar-thumb {border-radius:3px;background:rgba(24,23,22,.14);}
	section.stories-section ul::-webkit-scrollbar-thumb:hover {background:rgba(24,23,22,.6);}
}

ol.gradient-list > li::before, ol.gradient-list > li {box-shadow:.25rem .25rem .6rem rgba(0,0,0,.05), 0 .5rem 1.125rem rgba(75,0,0,.05);}
ol.gradient-list { counter-reset: gradient-counter; list-style: none; margin:20px 0 0; padding-left: 1rem; }
ol.gradient-list > li { background: white; border-radius: 0 .5rem 0.5rem .5rem; counter-increment: gradient-counter; margin-top: 1rem; min-height: 3rem; padding: 1rem 1rem 1rem 3rem; position: relative; font-size:120%;}
ol.gradient-list > li::before, ol.gradient-list > li::after {background: linear-gradient(135deg, #83e4e2 0%, #a2ed56 100%);border-radius: 1rem 1rem 0 1rem;content: "";height: 3rem;left: -1rem;overflow: hidden;position: absolute;top: -1rem;width: 3rem;}
ol.gradient-list > li::before {align-items: center;content: counter(gradient-counter);color: #1d1f20;display: flex;font: 900 1.5em/1 "Montserrat";justify-content: center;/*padding: 0.125em 0.25em;*/z-index: 1;}
ol.gradient-list > li:before {background: #F2E098;background: linear-gradient(135deg, #f5e91f, #fffc4e);}
ol.gradient-list > li + li {margin-top: 2rem;}
