/*  подгрузка шрифтов  */

@font-face{
	font-family: 'currency';
	font-style: normal;
	font-weight: normal;
	src: url(data:application/font-woff;base64,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) format('woff');
}

@font-face{
	font-family: 'Nunito';
	font-style: normal;
	/*font-weight: 300;*/
	src: url(/assets/css/font/Nunito-Bold.woff2) format("woff2");
	font-display: swap;
}

@font-face{
	font-family: 'Nunito-Black';
	font-style: normal;
	/*font-weight: 300;*/
	src: url(/assets/css/font/Nunito-Black.woff2) format("woff2");
	font-display: swap;
}

@font-face{
	font-family: 'Inter';
	font-style: normal;
	/*font-weight: 300;*/
	src: url(/assets/css/font/Inter-Medium.woff2) format("woff2");
	font-display: swap;
}

@font-face{
	font-family: 'Inter-Bold';
	font-style: normal;
	/*font-weight: 300;*/
	src: url(/assets/css/font/Inter-Bold.woff2) format("woff2");
	font-display: swap;
}

/************/

/* общие правила на весь документ */
/*
:root {
  --main-color: #ff3226;
  --secondary-color: #ef9d53;
  --orange-text-color: white;
  --gray-text-color: #a4a4a4;
}
*/
:root {
	--main-color: #d05a57;
	--secondary-color: #00a499;
	--gray-text-color: #9c9d99;
	--orange-text-color: #f7c57e;
	--white-text-color: #ffffff;
	--light-pink-color: #ea978c;
	--purple-blue-color: #3e4d67;
	--gray-back-color: #ededed
}

* { 
	font-family: "Inter", cursive, sans-serif; 
	margin: 0;
	padding: 0;
}

*, *::before, *::after {
    box-sizing: inherit
}

html {
	-ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	font-size: 16px;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
	overflow-x: hidden;
}

body {
	/*overflow-x: hidden;*/
	overflow-y: hidden;
    font-size: 1rem;
    line-height: 1.5;
    color: black;
    background-color: #fff;
}

@media (max-width: 800px) {
	
	html {
		min-width: 800px;
		overflow-x: scroll;
	}
	
}
/*
@media (max-width: 975px) {
	
	header {
		min-width: 975px;
		overflow-x: scroll !important;
		scrollbar-width: 2px;
		-ms-overflow-style: none;
	}
	
	header::-webkit-scrollbar {
		height: 2px;
		background: transparent;
	}
	
}*/

/************/

.container {
    margin-left: auto;
    margin-right: auto;
}

.container::after {
    content: "";
    display: table;
    clear: both
}

.top-container {
	margin-left: auto;
    margin-right: auto;
}

.top-container::after {
    content: "";
    display: table;
    clear: both
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-top: 0;
	margin-bottom: .5rem;
    font-family: "Nunito-Black", cursive, sans-serif;
	font-weight: 400;
    line-height: 1.1;
    color: inherit
}

h1, .h1 {
    font-size: 30px;
	margin: 0.67em 0;
}

h2, .h2 {
    font-size: 2rem
}

h3, .h3 {
    font-size: 1.75rem
}

h4, .h4 {
    font-size: 1.5rem
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  -ms-flex: 0 0 8.333333%;
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  -ms-flex: 0 0 16.666667%;
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-5 {
  -ms-flex: 0 0 41.666667%;
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  -ms-flex: 0 0 58.333333%;
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  -ms-flex: 0 0 83.333333%;
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-11 {
  -ms-flex: 0 0 91.666667%;
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

main {
	min-height: calc(100vh - 220px)
}

.product .product-info {
	height: auto;
}

.product .product-info .product-options .options-row-select:first-child {
	padding-right: 0
}
	
.product.product-detail .preview {
	width: 70%;
	margin: 0px auto
}

footer {
	margin-top: 50px
}

.text-xs-left {
	text-align: left !important
}

.text-xs-right {
	text-align: right !important
}

.text-xs-center {
	text-align: center !important
}

.pull-xs-left {
    float: left !important
}

.pull-xs-right {
    float: right !important
}
	
.hidden-xl-up {
	display: none !important
}

.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

.bd-round-icon {
    width: 32px;
    height: 32px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: solid 1px #b2bbbd;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

a {
    background-color: transparent;
    color: #292f32;
    text-decoration: none;
}

a, area, button, [role="button"], input, label, select, summary, textarea {
    touch-action: manipulation;
}

a:focus, a:hover {
    color: #070708;
    text-decoration: underline;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

*, :focus {
    outline: none;
}

.hidden {
	display: none !important;
}

.fix-height {
    height: auto !important;
}

::-moz-focus-inner {
    border: 0;
}

.currency {
    font-family: 'currency' !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

strong, b {
    font-weight: bold;
}

input, button, select, textarea {
    margin: 0;
    line-height: inherit;
    border-radius: 0;
	font: inherit;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    -webkit-appearance: listbox
}

input[type="search"] {
    -webkit-appearance: none
}

@-webkit-keyframes autofill {
    to {
        color: #525457;
        background: transparent;
    }
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}



/******************/

.bd-checkbox {
  position: relative;
	margin-top: 36px;
}
.bd-checkbox label {
  width: 17px;
  height: 17px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
}
.bd-checkbox label span{
	position: absolute;
	width: 130px;
	left: 20px;
	top: -3px;
}
	
.bd-checkbox label span.custom_adress{
	position: absolute;
	width: 330px;
	left: 20px;
	top: -3px;
}

.custom_adress{
	font-size: 14px;
	font-weight: 300;
	padding-left: 5px;
}

.bd-checkbox label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
	top: 5px;
	left: 4px;
  /*border: 3px solid white;*/
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.bd-checkbox label:hover::after {
  opacity: 0.5;
}
.bd-checkbox input[type=checkbox] {
  visibility: hidden;
}
.bd-checkbox input[type=checkbox]:checked + label{
	background: #fb4f58;
	border-color: #fb4f58;
}
.bd-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}

.bd-popup {
    display: none
}

.bd-input {
    margin: 5.5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 97%;
    height: 40px;
    border-radius: 15px;
    border: 2px solid var(--secondary-color);
    position: relative;
    margin-bottom: 16px;
}

.bd-input input {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 98%;
	font-size: 13px;
	font-family: "Inter-Bold";
	font-weight: 400;
    padding: 5px 5px;
    border-radius: 15px;
    border: none;
	height: 30px;

}

.bd-input input:focus {
	outline: none !important;
}

textarea {
	margin-bottom: -1px;
    margin-top: 1px;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.2;
    text-align: left;
    color: #373a3c;
    padding-left: 20px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	resize: none;
}

.bd-input.focused label, .bd-input.filled label {
    top: 3px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.8;
    color: #808080
}

.bd-input.focused {
    background: transparent !important;
	/*border-color: #ffc6c9 !important;*/
}

.bd-input.textarea {
    height: 100px;
    cursor: text
}

.bd-input.textarea label {
    z-index: 1
}

.bd-input.textarea textarea {
    position: absolute;
    cursor: text;
    background: transparent;
    width: 100%;
    padding: 20px;
    display: block;
    height: 100px;
    border: none;
    resize: none;
    z-index: 2
}

.bd-input.filled {
	background: transparent !important;
}

.bd-input.error {
    border-color: #f8515c !important;
    border-bottom: 1px solid #f8515c !important
}

.bd-input.error label, .bd-select.error .label{
	color: #f82c44;
}

.bd-input.error .help-block, .bd-select.error .help-block{
	display: block;
}

.bd-form-row.actions {
    margin-top: 12px
}

.bd-form-messages .bd-error {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.7;
    color: #ff0101;
    margin-top: 10px
}

.btn {
    display: block;
    height: 31px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #f8515c;
    border: solid 1px #f8515c;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #ffffff
}

.btn:hover {
    background-color: #ff4157;
    border-color: #ff4157
}

.btn[disabled] {
    background-color: #ffffff;
    border: solid 1px #e2e4e5;
    color: #b6babb
}

img {
    border-style: none;
    vertical-align: middle;
}

.col-xs-12 {
    float: left;
    width: 100%
}

/* media */

@media (min-width: 0) {

	.checkout-form .fields-group {
        margin-left: 0;
        margin-right: 0
    }

    .checkout-form .time-cont-r {
        padding-left: 15px
    }

    .checkout-form .payment-col {
        margin-left: 15px;
        width: 95%
    }
	
	.checkout-form .payment-col .use-bonuses {
        margin-right: -16px
    }
	
	.checkout-form .payment-col .payment-footer .total-row {
        padding: 0 20px
    }
	
	.checkout-form .payment-col .send-order {
        width: 100%;
        margin: 15px 0
    }
	
	#product-detail .md-content {
        min-width: 250px
    }
	
	.profile-content .bd-input input, .profile-content .bd-input label {
        font-size: 12px
    }
	
	.profile-content.bonuses .progress-information {
        margin-left: 0;
        padding-left: 15px
    }
	
	.profile-content.order-history table.order-history-table {
        width: 100%
    }
	
	.gift-container .product.gift {
        height: 400px
    }
	
	.index-page footer {
        margin-top: -20px
    }
}

@media (max-width: 570px) {
	
	.hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
	.main_cont{
		max-width: 650px
	}
	/*.top-container {
		max-width: 720px;
	}*/
	.slider-container {
		max-width: 540px;
		margin-left: auto;
		margin-right: auto
	}
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	 }
	  .col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	  }
	  .col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	  }
	  .col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	  }
	  .col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	  }
	  .col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	  }
	  .col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	  }
	  .col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	  }
	  .col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	  }
	  .col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	  }
	  .col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	  }
	  .col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	  }
	  .col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	  }
	  .col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	  }
	
	.order-content-cont {
		order: -1;
	}
	
	.bonuses-block .title {
		left: 70px !important;
	}
	
	.bonuses-block .value {
		left: 70px !important;
	}
	
	.checkout-form .fields-group .bd-input label {
		left: 0 !important;
	}
	
	.hint-block {
		white-space: normal;
	}
	
	.checkout-form .payment-col .use-bonuses {
        width: initial;
        margin-right: -16px;
        padding: 21px 15px
    }
	
	.checkout-form .payment-col .payment-footer .total-row .order-total-container {
        width: 103px
    }
	
	.checkout-form .payment-col .payment-footer .total-row .bonuses-info {
        margin-left: -8px;
        margin-top: 8px
    }
	
	.checkout-form .payment-col .send-order {
        width: 100%;
        margin: 15px 0
    }
	
	#product-detail .md-content {
        min-width: 670px
    }
	
	.profile-content .bd-input input, .profile-content .bd-input label {
        font-size: 12px
    }
	
	.profile-content.bonuses .progress-information {
        margin-left: 0;
        padding-left: 15px
    }
	
	.profile-content.order-history table.order-history-table {
        width: 100%
    }
	
	.gift-container .product.gift {
        height: 435px
    }
	
	.index-page footer {
        margin-top: 20px
    }

}

@media (max-width: 767px) {
	
	.hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
	.main_cont{
		max-width: 830px
	}
	/*.top-container {
		max-width: 720px;
	}*/
	.slider-container {
		max-width: 720px;
		margin-left: auto;
		margin-right: auto
	}
	.col-md {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
	
	.order-content-cont {
		order: -1;
	}
	
	.bonuses-block .title {
		left: 70px !important;
	}
	
	.bonuses-block .value {
		left: 70px !important;
	}
	
	.checkout-form .fields-group .bd-input label {
		left: 0 !important;
	}
	
	.hint-block {
		white-space: normal;
	}
	
	main {
        min-height: calc(100vh - 270px)
    }
	
	.checkout-form .payment-col {
        width: 290px;
        top: 0;
        right: 0;
        margin-right: 20px
    }
	
	.checkout-form .payment-col .payment-fields {
        padding: 0 0px
    }
	
	.checkout-form .payment-col .payment-footer .total-row {
        padding: 0 20px
    }
	
	.checkout-form .payment-col .payment-footer .total-row .order-total-container {
        width: 88px
    }
	
	.checkout-form .payment-col .payment-footer .total-row .bonuses-info {
        margin-top: 0px
    }
	
	.profile-content .bd-input input, .profile-content .bd-input label {
        font-size: 14px
    }
	
	.profile-content.bonuses .progress-information {
        margin-left: 0;
        padding-left: 15px
    }
	
	.profile-content.order-history table.order-history-table {
        width: 100%
    }
	
	.index-page footer {
        margin-top: 100px
    }
	
	footer {
        margin-top: 100px
    }
}

@media (max-width: 991px) {
	
	.hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 800px
    }
	.main_cont{
		max-width: 910px
	}
	.top-container {
		max-width: 975px;
	}
	.slider-container {
		max-width: 800px;
		margin-left: auto;
		margin-right: auto
	}
	.col-lg {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

	.order-content-cont {
		order: 1;
	}
	
	.order-content li .buttons {
		margin-left: -20px;
	}
	
	
	.order-content li > div:nth-child(4) {
		margin-left: -25px !important;
		margin-right: -20px;
	}
	
	.bonuses-block .title {
		left: 70px !important;
	}
	
	.bonuses-block .value {
		left: 70px !important;
	}
	
	.checkout-form .fields-group .bd-input label {
		left: 0 !important;
	}
	
	.hint-block {
		white-space: normal;
	}
  
	main {
        min-height: calc(100vh - 270px)
    }
	
	.row.product-list {
		max-width: 920px;
		margin-left: -16px;
		margin-right: -16px;
    }

    .row.product-list .col-lg-3 {
		padding-left: auto !important;
        padding-right: auto !important;
    }
	.row {
    max-width: 975px;
    margin-left: -16px;
    margin-right: -16px;
	}
	
	.product .product-info {
        height: auto;
    }
	
	.product .product-info .product-options .options-row-select:first-child {
        padding-right: 0
    }
	
	.product .product-info .product-options .options-row-select {
        margin-top: 5px;
        margin-bottom: 5px
    }
	
	.product .product-info .product-options .options-row-select {
        margin-top: 5px;
        margin-bottom: 5px
    }
	
	.product.product-detail .preview {
        width: 100%
    }
	
	.checkout-form .payment-col {
        width: 349px;
        top: 0;
        margin-right: 20px
    }
	
	.checkout-form .payment-col .use-bonuses {
        padding: 21px 41px
    }
	
	.checkout-form .payment-col .payment-fields {
        padding: 0 25px
    }
	
	.checkout-form .payment-col .payment-footer .total-row {
        padding: 0 41px
    }
	
	.profile-content.bonuses .progress-information {
        margin-left: 0;
        padding-left: 15px
    }
	
	.profile-content.order-history table.order-history-table {
        width: 100%
    }
	
	.index-page footer {
        margin-top: 100px
    }
	
	footer {
        margin-top: 100px
    }
}

@media (max-width: 1215px) {
    .hidden-lg-down {
        display: none !important
    }
	
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px
    }
	.main_cont{
		max-width: 1300px
	}
	.top-container{
		max-width: 1200px;
	}
	.slider-container {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto
	}
	.col-xl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
	
	.order-content-cont {
		order: 1;
	}
	
	.bonuses-block .title {
		top: 38px !important;
		left: 170px !important;
	}
	
	.bonuses-block .value {
		top: 56px !important;
		left: 175px !important;
	}
	
	.checkout-form .fields-group .bd-input label {
		left: 15 !important;
	}
	
	.hint-block {
		white-space: nowrap;
	}
	
	main {
        min-height: calc(100vh - 290px)
    }
	
	.information-block {
        height: 125px
    }
	
	.row.product-list {
		max-width: 1200px;
		margin-left: 0px;
		margin-right: 0px;
    }

    .row.product-list .col-lg-3 {
		padding-left: auto;
		padding-right: auto;

    }
	.row {
    max-width: 1200px;
    margin-left: 0px;
    margin-right: 0px;
	}
	
	.top-container .row {
		max-width: 1200px;
	}
	
	.product .product-info {
        height: auto;
    }
	
	.product .product-info .product-options .options-row-select:first-child {
        padding-right: 0
    }
	
	.product .product-info .product-options .options-row-select.options-length-2:first-child {
        padding-right: 5px
    }
	
	.product .product-info .product-options .options-row-select {
        margin-top: 11px;
        margin-bottom: 11px
    }
	
	.product.product-detail .preview {
        width: 100%
    }
	
	.checkout-form .payment-col {
        width: 349px;
        margin-right: 20px
    }
	
	.checkout-form .payment-col .use-bonuses {
        padding: 21px 41px;
        width: 347px
    }
	
	.checkout-form .payment-col .payment-fields {
        padding: 0 25px
    }
	
	.checkout-form .payment-col .payment-footer .total-row {
        padding: 0 41px
    }
	
	.checkout-form .payment-col .send-order {
        width: 267px
    }
	
	#product-detail .md-content {
        min-width: 800px
    }
	
	.gift-container .product.gift {
        height: 412px
    }
	
	.index-page footer {
        margin-top: 100px
    }
	
	footer {
        margin-top: 100px
    }
}
/************/

.logo img {
	position: relative;
	top: -10px;
	width: 100%;
	padding-right: 20px;
	min-width: 180px;
}

/* spinner */

.spinner {
    display: none;
    width: 45px;
    height: 45px;
    -webkit-animation: rotate-big step-start .8s infinite normal;
    -moz-animation: rotate-big step-start .8s infinite normal;
    -ms-animation: rotate-big step-start .8s infinite normal;
    -o-animation: rotate-big step-start .8s infinite normal;
    animation: rotate-big step-start .8s infinite normal;
    /*background: url(../images/spinner_bd.png)*/
}

@-moz-keyframes rotate-big {
    0% {
        background-position: 0 0
    }
    13% {
        background-position: -45px 0
    }
    26% {
        background-position: -90px 0
    }
    39% {
        background-position: -135px 0
    }
    52% {
        background-position: -180px 0
    }
    65% {
        background-position: -225px 0
    }
    78% {
        background-position: -270px 0
    }
    91% {
        background-position: -315px 0
    }
    100% {
        background-position: 0 0
    }
}

@-webkit-keyframes rotate-big {
    0% {
        background-position: 0 0
    }
    13% {
        background-position: -45px 0
    }
    26% {
        background-position: -90px 0
    }
    39% {
        background-position: -135px 0
    }
    52% {
        background-position: -180px 0
    }
    65% {
        background-position: -225px 0
    }
    78% {
        background-position: -270px 0
    }
    91% {
        background-position: -315px 0
    }
    100% {
        background-position: 0 0
    }
}

@-ms-keyframes rotate-big {
    0% {
        background-position: 0 0
    }
    13% {
        background-position: -45px 0
    }
    26% {
        background-position: -90px 0
    }
    39% {
        background-position: -135px 0
    }
    52% {
        background-position: -180px 0
    }
    65% {
        background-position: -225px 0
    }
    78% {
        background-position: -270px 0
    }
    91% {
        background-position: -315px 0
    }
    100% {
        background-position: 0 0
    }
}

@-o-keyframes rotate-big {
    0% {
        background-position: 0 0
    }
    13% {
        background-position: -45px 0
    }
    26% {
        background-position: -90px 0
    }
    39% {
        background-position: -135px 0
    }
    52% {
        background-position: -180px 0
    }
    65% {
        background-position: -225px 0
    }
    78% {
        background-position: -270px 0
    }
    91% {
        background-position: -315px 0
    }
    100% {
        background-position: 0 0
    }
}

@keyframes rotate-big {
    0% {
        background-position: 0 0
    }
    13% {
        background-position: -45px 0
    }
    26% {
        background-position: -90px 0
    }
    39% {
        background-position: -135px 0
    }
    52% {
        background-position: -180px 0
    }
    65% {
        background-position: -225px 0
    }
    78% {
        background-position: -270px 0
    }
    91% {
        background-position: -315px 0
    }
    100% {
        background-position: 0 0
    }
}

/*************/

/* header top-line */

header {
	display: block;
}

.top-container .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.top-line {
    max-height: 95px;
    padding: 20px 0 10px 0;
    position: relative;
}

.information-top-menu {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
	position: relative;
	top: -15px;
}

.topmenu {
	margin: 0px;
	list-style: none;
	padding: 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
}

.topmenu li {
	display: flex;
	padding: 3px 5px;
	transition: all .2s ease;
	cursor: pointer;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.topmenu .delivery_cont {
	margin-top: 3px;
}

.topmenu .sales_cont {
	margin-top: 3px;
}

.topmenu .contacts_cont {
	margin-top: 3px;
}

.topmenu li a {
	/*border-bottom: 1px solid #93989a;*/
	font-size: 18px;
	text-decoration: none;
	font-family: "Nunito", cursive, sans-serif;
	font-weight: 700;
	white-space: nowrap;
}

.topmenu li:hover{
    border-bottom: none;
    background-color: unset;
}

.topmenu [href="/sales/"] {
	margin: 0px 10px;
}

.topmenu .townli {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	margin-top: 3px;
}

.changetown {
	text-decoration: solid underline 2px black !important;
	text-underline-offset: 4px;
}

.menu_gray_text {
	color: var(--gray-text-color);
	font-size: 16px;
	font-family: "Nunito", cursive, sans-serif;
	font-weight: 700;
	text-decoration: solid underline 2px;
	text-underline-offset: 4px;
	margin-top: 5px;
	white-space: nowrap;
}

.menu_gray_text:hover {
	color: var(--gray-text-color);
}

.changetown_menu_gray_text {
	position: relative;
}

.changetown_poslist_cont {
	position: relative;
	background-color: white;
	/*z-index: 20;*/
	width: fit-content !important;
	border-radius: 25px;
	box-shadow: 5px 5px 8px gray;
	border: 1px solid #ccc;
	padding: 15px;
	white-space: nowrap;
	/*top: 30px;*/
}

.changetown_poslist_title {
	font-family: "Nunito", cursive, sans-serif;
	font-size: 18px;
	font-weight: 700;
	white-space: wrap;
}

.changetown_poslist_title .red-text {
	white-space: nowrap;
}	

.changetown_poslist {
	margin-top: 10px;
	margin-bottom: -10px;
	list-style-type: none;
}

.changetown_poslist li {
	border-top: 1px solid #ccc;
}

.changetown_posname {
	font-size: 16px;
	font-weight: 700;
	margin-top: 5px;
}

.changetown_postime {
	font-size: 16px;
	font-weight: 700;
	color: var(--gray-text-color);
	margin-bottom: 5px;
}

#popover-poslist {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}

#popover-poslist .webui-arrow {
	display: none !important;
}

.topmenu .delivery_cont .menu_gray_text{
	font-size: 16px;
}

.social_icons_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.contacts_cont {
	align-items: center !important;
}

.social_icons_cont img {
	height: 25px;
	width: 25px;
	margin: 3px;
}

.basket-btn-container {
	margin-top: 11px;
}

.top-line .phone {
    display: inline-block;
    margin-top: 3px;
}

.block-phones {
    text-align: center;
	white-space: nowrap;
	font-size: 18px;
	text-decoration: none;
	font-family: "Nunito", cursive, sans-serif;
	font-weight: 700;
}

.block-phones:hover {
	color: var(--main-color);
}

.block-callback {
    text-align: center;
}

.auth-block {
    vertical-align: top;
    display: inline-block;
    float: right;
	margin-top: 11px;
}

.auth-block .bonuses-info-btn {
    text-decoration: none;
}

.auth-block .bonuses-info-btn i {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.auth-block .bonuses-info-btn svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

header svg path {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    fill: #b2bbbd;
}

 .auth-block .auth-btn {
    font-size: 14px;
    line-height: 1.7;
    text-decoration: none;
	display: flex;
	background-color: var(--secondary-color);
	padding: 10px 20px;
	border-radius: 25px;
}

.auth-icon {
	height: 25px;
	width: 25px;
}

.auth-block .auth-btn span {
    margin-left: 9px;
	white-space: nowrap;
	height: min-content;
	color: var(--white-text-color);
	font-weight: 400;
	font-family: "Inter-Bold";
}

.auth-block .auth-btn svg {
    width: 12px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

/****************/

/* top menu */

.dropup, .dropdown {
    position: relative;
}

.dropdown-toggle::after {
    display: none;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0
}

.top-menu-container nav .general-menu li .dropdown-menu a .dropdown-item {
    color: #292f32;
}

.top-menu-container nav ul li a.pop-active {
    color: #ff0000;
    border-bottom: none;
}

.dropdown-toggle:focus {
    outline: 0;
}

.top-menu-container nav .general-menu li .dropdown-menu a .dropdown-item.pop-active {
    color: #ff0000;
    border-bottom: none;
}

.top-menu-container {
	padding-bottom: 10px;
	margin-top: 10px;
}

header {
	position: fixed;
	width: 100%;
	z-index: 10;
	background-color: white;
}

.header_topcont {
	box-shadow: 0 4px 4px -2px var(--gray-text-color);
}

.slider-back {
	margin-top: 150px;
}

.main_back {
	position: fixed;
	top: 114px;
	width: 100%;
	height: calc(100% - 125px);
	/*background: url("/assets/imagess/pattern_desktop_top.svg") repeat;*/
	z-index: -1;
}

.main_cont {
	background-color: white;
	padding-left: 40px;
	padding-right: 40px;
	height: 100%;
	position: fixed;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
	box-shadow: 8px 0 4px -4px hsla(150, 2%, 77%, .8) , -8px 0 4px -4px hsla(150, 2%, 77%, .8);
	-moz-box-shadow: 8px 0 4px -4px hsla(150, 2%, 77%, .8), -8px 0 4px -4px hsla(150, 2%, 77%, .8); 
	-webkit-box-shadow: 8px 0 4px -4px hsla(150, 2%, 77%, .8), -8px 0 4px -4px hsla(150, 2%, 77%, .8); 
}

.content {
	margin-top: 160px;
	position: relative;
	padding-bottom: 20px;
}

.top-menu-container.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: white !important;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    box-shadow: 0 4px 4px -2px var(--gray-text-color);
    z-index: 10
}

.top-menu-container .container .row {
    height: 58px;
    padding: 15px 0
}

.top-menu-container nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.general-menu {
	white-space: nowrap;
	padding-top: 5px !important;
}

.dropdown-menu {
	white-space: normal;
}

.top-menu-container nav ul li {
    display: inline-block;
    margin-right: 25px
}

.top-menu-container nav ul li.menu-extend-cont {
    display: none
}

.top-menu-container nav ul li a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none;
	font-family: "Nunito", cursive, sans-serif;
	font-weight: 700;
}

.top-menu-container nav ul li a.pop-active {
    color: var(--main-color);
	padding: 2px 8px 4px 8px;
	border-radius: 15px;
}

.top-menu-container nav .general-menu li .dropdown-menu a .dropdown-item.pop-active{
	/*color: #ff0000;*/
    border-bottom: none
}

.top-menu-container nav ul li:hover a, .top-menu-container nav ul li:hover span, .top-menu-container nav ul li.active a, .top-menu-container nav ul li.active span {
    /*color: #ff0000;*/
    border-bottom: none
}

.index-page .top-menu-container {
    /*border-bottom: none*/
}

.top-menu-container nav .general-menu li .dropdown-menu a .dropdown-item {
    color: #292f32;
}

.top-menu-container nav .general-menu li .dropdown-menu a :hover {
    color: red;
}

/***********/

/* basket-btn */

.basket-btn-container .bd-round-icon {
    width: 40px;
    height: 40px
}

.basket-btn-container .bd-round-icon svg {
    width: 20px;
    margin-top: 9px
}

.basket-btn {
    text-decoration: none !important;
    display: flex;
	align-items: center;
	background-color: var(--main-color);
	padding: 8px 18px;
	border-radius: 25px;
	margin-left: 10px;
	border: 2px solid var(--main-color);
	position: relative;
}

.empty-basket-icon {
	height: 25px;
	width: 25px;
}

.basket-btn .empty-basket {
    cursor: default
}

.basket-btn:hover {
    text-decoration: none !important
}

.basket-btn div {
    display: inline-block
}

.basket-btn span {
	margin-left: 4px;
	white-space: nowrap;
	height: min-content;
	color: var(--white-text-color);
	font-weight: 400;
	font-family: "Inter-Bold";
}

.basket-btn .close-basket {
    display: none
}

.basket-btn .close-basket .bd-round-icon {
    background-color: #f8515c;
    border-color: #f8515c
}

.basket-btn .close-basket .bd-round-icon:hover {
    background-color: #ff485d;
    border-color: #ff485d
}

.basket-btn .close-basket .bd-round-icon svg {
    width: 15px;
    height: 15px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.basket-btn .close-basket .bd-round-icon svg path {
    fill: white
}

.basket-btn .not-empty-basket {
    display: flex;
	flex-direction: row;
	align-items: center
}
/*
.basket-btn .not-empty-basket:hover {
    background-color: #ff4157
}*/

.basket-btn .not-empty-basket svg {
    display: inline-block;
    width: 34px;
    height: 34px;
    position: absolute;
    left: -1px;
    top: 0px;
	padding: 6px;
	background-color: var(--main-color);
	border-radius: 15px;
}

.basket-btn .not-empty-basket svg path {
    fill: white
}

.basket-btn .not-empty-basket .basket-sum {
    font-weight: 300;
    line-height: 1;
    text-decoration: none;
	white-space: nowrap;
	position: relative;
	top: -2px;
	color: var(--main-color);
}

.basket-sum .currency {
	margin-left: 2px;
}

.basket-btn .not-empty-basket .basket-sum .currency {
    font-size: 19px;
    padding-left: 3px
}

.basket-btn i path {
    fill: #b2bbbd
}

.basketamount {
	position: absolute;
	color: white;
	font-size: 14px;
	top: -9px;
	right: -8px;
	background-color: var(--secondary-color);
	border-radius: 50%;
	height: 25px;
	width: 25px !important;
	text-align: center;
	line-height: 1.8;
}

/*! Flickity v2.0.5
http://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
  max-height: 400px;
  border-radius: 25px;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.carousel-cell img {
  width: 100%;
}
.slider-container{
  position: relative;
}

.slider-container .spinner{
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
}
/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  /*height: 44px;*/
  height: 100%;
  border: none;
  /*border-radius: 50%;*/
  /*background: white;
  background: #292f32;*/
  cursor: pointer;
  /* vertically center */
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}


.flickity-prev-next-button:hover { background: black; }

.flickity-prev-next-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #09F;
}

.flickity-prev-next-button:active {
  opacity: 0.6;
}

.flickity-prev-next-button.previous { left: -15px; }
.flickity-prev-next-button.next { right: -15px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button:disabled {
  opacity: 0;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
  opacity: 0;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -20px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 60px;
  height: 7px;
  margin: 0 8px;
  background: var(--gray-text-color);
  opacity: 1;
  cursor: pointer;
  position: relative;
  border-radius: 25px;
}
.flickity-page-dots .dot.completed:before{
  width: 100%;
  opacity: 1;
}
.flickity-page-dots .dot:before{
  content: " ";
  height: 7px;
  border-radius: 25px;
  background-color: var(--main-color);
  position: absolute;
  z-index: 2;
  width: 0;
  left: 0;
  opacity: 0;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;

}

.bd-slider {
    margin-top: 5px;
    margin-bottom: 35px;
    max-height: 400px;
    opacity: 0;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.carousel-cell {
    max-height: 400px;
    width: inherit
}

.carousel-cell a {
    display: block;
    width: inherit
}

.carousel-cell a img {
    width: inherit;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	max-height: 400px;
}
/*
.slider-back {
	width: 100%;
	max-width: 1800px;
	background: url("/assets/imagess/pattern_desktop_top.svg") repeat;
	display: block;
	margin: auto;
}
*/
/***************/

/* product */

.index-products {
    display: none
}

.index-products.first {
    display: block
}

.row-flex, .row-flex > div[class*='col-'] { 
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 flex:1 1 auto;
}

.row-flex-wrap {
    -webkit-flex-flow: row wrap;
 align-content: flex-start;
 flex:0;
}

.row-flex > div[class*='col-'] {
     margin:-.2px; 
}

.product-ajax-cont.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards
}

.row.flex_box {
	position: relative;
	width: 100%;
}

.product-ajax-cont {
	padding-left: 8px !important;
	padding-right: 8px !important;
}

.product {
    border-radius: 25px;
    margin-bottom: 20px;
	/*min-height: 350px;*/
	position: relative;
	border: 3px solid var(--main-color);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.product-detail .product {
	top: -10px;
}
/*
.product:hover {
	border: solid 2px var(--main-color);
}*/

.product .preview {
    width: 100%;
    position: relative;
    overflow: hidden;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.product .preview .without-sale {
    width: 27px;
    height: 27px;
    background: url("/assets/imagess/svg/without_sale.svg") no-repeat;
    position: absolute;
    bottom: 40px;
    left: 10px
}

.product-detail .without-sale {
	bottom: 10px;
}

.product .preview .product-labels {
    position: absolute;
    z-index: 5;
    left: 10px;
    top: 9px;
    height: 200px;
    width: 70px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.product .preview .product-labels .product-label {
    position: relative;
    width: 25px;
    display: flex;
	flex-direction: column;
    -webkit-transition: margin-right .5s;
    -moz-transition: margin-right .5s;
    -o-transition: margin-right .5s;
    -ms-transition: margin-right .5s;
    transition: margin-right .5s;
    /*margin-right: -25px*/
	top: 0px !important;
	margin-bottom: 3px;
}

.product .preview .product-labels:hover .product-label {
	margin-right: 0
}

.product .preview img.product-image {
    max-width: 100%
}

.product .previev_topinfo_cont {
	position: absolute; 
	z-index: 5; 
	right: 5px;
	top: 0px; 
	text-align: right; 
	-webkit-transition: all .5s; 
	-moz-transition: all .5s; 
	-o-transition: all .5s; 
	-ms-transition: all .5s; 
	transition: all .5s;
	display: flex;
	height: 40px;
	align-items: center;
	width: 40%;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.ShtCount {
	font-size: 14px;
	font-weight: 600;
	font-stretch: condensed;
	line-height: 1.7;
	color: var(--gray-text-color);
	margin-left: 3px;
}

.likes {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 90px;
    height: 51px;
    /*opacity: 0;*/
    /*background-color: #ffffff;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    /*border-radius: 50%;
    position: absolute;
    bottom: 10px;
    right: 7px;*/
    text-align: center;
    /*border: solid 1px #e6e6e6;*/
    cursor: pointer;
	display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.likes div {
    font-size: 12px;
	font-weight: bold;
    font-stretch: condensed;
    line-height: 1.7;
    color: var(--light-pink-color);
    margin-top: 2px;
	display: flex;
	align-items: center;
}

/*
.likes .like-content {
    position: absolute;
    width: 51px;
    height: 10px;
    vertical-align: middle;
    text-align: center;
    top: 14px
}
*/

.likes .like-icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 4px;
}

.likes.liked div {
	font-size: 12px;
	font-weight: bold;
    line-height: 2.2;
	color: var(--main-color);
}

.likes.liked .like-icon {
	height: 35px !important;
	width: 35px !important;
}

.product .preview .overlay {
    cursor: pointer;
    /*background-color: rgba(0, 0, 0, 0.05);*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
	/*display: none;*/
}
/*
.product .preview .overlay .zoom-btn {
    cursor: pointer;
    width: 100px;
    height: 100px;
    background: rgba(0, 0, 0, 0.4) url(../images/zoom-icon.png) center no-repeat;
    position: absolute;
    top: -30px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
	opacity: 0;
}*/

.product .preview:hover .likes {
    opacity: 0.9
}

.product .preview:hover .overlay {
    opacity: 1
}

.product_topinfo_cont {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin-top: -25px;
	padding-left: 15px;
}

.product .copy_link {
	width: 24px !important;
	height: 24px !important;
	margin: 0 !important;
	position: inherit !important;
}

.product .preview-text {
	height: 37px;
	font-size: 12px;
	color: black;
	line-height: 1.0;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 5px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	text-align: center;
}

.product .product-weight .weight {
    font-size: 14px;
    font-weight: 600;
    font-stretch: condensed;
    line-height: 1.7;
    color: var(--gray-text-color);
}

.product .product-info {
    position: relative;
    padding: 0 20px 10px 20px;
}

.product .product-info .energy-value-content {
    display: none
}

.product .product-info .energy-value-content ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.product .product-info .energy-value-content ul li {
    color: #777777;
    font-size: 12px;
    font-weight: 300
}

.product .product-info .energy-value-content ul li span {
    display: inline-block
}

.product .product-info .energy-value-content ul li span.meta-property {
    width: 100px;
    position: relative
}

.product .product-info .energy-value-content ul li span.meta-property div {
    display: inline-block;
    background: #fff
}

.product .base-price .product-prices .current-price {
   font-size: 24px;
	line-height: 1;
	color: #fe0000
}

.product .bonus-price {
    font-size: 18px;
    line-height: 1;
    color: #fe0000 !important;
	border-bottom: 1px dashed;
}

.product .bonuspay {
	text-align: center;
}

.product .bonuspay span {
    font-size: 15px;
    line-height: 1;
    color: #fe0000 !important;
	border-bottom: 1px dashed;
}

.product .constr_cont {
	width: 100%;
	flex-grow: 2;
	display: flex;
	justify-content: flex-end;
}

.product .product-footer {
	width: 90%;
    margin: 0px auto;
	padding-bottom: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.product .product-title {
    display: block;
    margin-top: -15px;
    font-size: 16px;
    font-stretch: condensed;
    line-height: 1.1;
	text-align: center;
    color: #292f32;
    display: block;
    text-decoration: none;
    cursor: pointer;
	font-weight: 700;
}

.product:hover .product-title {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.product-card.product:hover .product-title {
	text-decoration: none !important;
}

.product .product-description {
    padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
    font-size: 15px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.2;
    color: #666666
}

.product .product-prices {
    padding-top: 10px
}

.product .product-prices > span {
    margin-right: 5px
}

.product .product-prices .old-price {
    font-size: 18px;
    font-stretch: condensed;
    line-height: 1.3;
    color: #bfc5c7
}

.product .product-prices .line-through {
    margin-right: 0px;
    text-decoration: line-through
}

.product .product-prices .current-price {
    font-size: 24px;
    line-height: 1;
    color: #fe0000
}

.product .product-prices .weight {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.7;
    color: #747474
}

.product .product-actions.with-progress a {
    display: none
}

.product .product-actions.with-progress:hover a {
    display: block
}

.product .product-actions.with-progress:hover .progress-container {
    display: none
}

.product .product-actions.progress-complete a.add-to-cart-btn {
    display: none !important
}

.product .product-actions.progress-complete:hover a.add-to-cart-btn {
    display: none !important
}

.product .product-actions.progress-complete:hover .progress-container {
    display: block !important
}

.product .product-actions .progress-container {
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #bfc5c7;
    position: relative
}

.product .product-actions .progress-container .progress-bar {
    height: 34px
}

.product .product-actions .progress-container .progress-bar-content {
    color: #292f32;
    text-align: center;
    font-size: 14px;
    line-height: 2.5;
    width: 100%
}
/*
.product .product-actions .add-to-cart-btn {
    display: block;
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    border: solid 1px #bfc5c7;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2.1;
    text-decoration: none;
    color: #999999;
    text-align: center;
    cursor: pointer;
	white-space: nowrap;
}*/
/*
.product .product-actions .add-to-cart-btn.native:hover {
    border-color: #ff4157;
    background: #ff4157;
    color: white
}*/
/*
.product .product-actions .add-to-cart-btn.retry {
    color: #9db832;
    border-color: #9db832 !important;
    background-color: white
}*/
/*
.product .product-actions .add-to-cart-btn.retry:hover {
    background: #acc741;
    border-color: #acc741 !important;
    color: white
}*/

.product img {
    -webkit-transition: all 10s ease;
    -moz-transition: all 10s ease;
    -ms-transition: all 10s ease;
    -o-transition: all 10s ease;
    transition: all 10s ease;
}
/*
.product:hover .preview .product-labels {
    width: 100%
}*/

.product:hover .preview .product-labels .product-label {
    /*margin-right: 1px*/
}

.product:hover .product-actions .progress-container {
    display: none
}

.product:hover .progress-complete a.add-to-cart-btn {
    display: none !important
}

.product:hover .progress-complete .progress-container {
    display: block !important
}

.product:hover .add-to-cart-btn.native {
    display: block
}

.ClassLable {
	position: absolute;
	top: 1px;
	left: 75%;
	max-height: 25%;
	max-width: 25%;
}

.ClassLable img {
	position: relative;
	height: 100%;
	width: 100%;
}

/****************/

/* product composition */

.product-info .composition{
    margin-top: 10px;
    line-height: 1.5;
	position: relative;
}

.composition__item, .composition__item:focus{
    position: relative;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.2;
    color: #292f32;
    text-decoration: none;
    cursor: pointer;
    margin-right: 5px;
    padding-top: 5px;
    display: inline-block;
}

.composition__item span {
	border-bottom: 1px solid;
}

.composition__item:hover span{
    color: #fe0000;
    border: none;
    text-decoration: none;
}

.composition__item.detail{
	padding: 4px 2px;
}

.composition__item:hover{
    color: #fe0000;
    border: none;
    text-decoration: none;
}

.composition__item__popover{
    color: #000;
    display: none;
    position: absolute;
    border-radius: 3px;
    border: solid 1px #bfc5c7;
    background-color: #fff;
    padding: 10px;
    z-index: 6;
    top: 50px;
	margin-left: -70px; 
    overflow: hidden;
}

.composition__item__text{
	text-align: center;
	display: block;
	margin: auto;
    /*float: left;*/
    width: 175px;
    font-size: 14px;
    padding-top: 20px;
}

.composition__item__text strong{
    font-size: 16px;
	font-stretch: condensed;
	line-height: 1.1;
	color: #292f32;
	font-weight: normal;
}

.composition__item__image{
    float: left;
}

.composition__item__image img{
	margin-top: -15px;
    width: 200px;
}

p.composition__item__detail {
	font-size: 12px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.2;
	color: #292f32;
}

/************/

/* кнопки популярные/рекомендуемые/любимые */

/*.products-sub-menu-main nav, .products-sub-menu nav {
    margin-bottom: 25px;
}

.products-sub-menu-main nav ul, .products-sub-menu nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.products-sub-menu-main nav ul li, .products-sub-menu nav ul li {
    display: inline-block;
    margin-right: 25px;
}

.products-sub-menu-main nav ul li a, .products-sub-menu nav ul li a {
    font-size: 15px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.5;
	color: #292f32;
    border-bottom: 1px dashed #93989a;
    text-decoration: none;
}

.products-sub-menu-main nav ul li.active a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
	border: none;
    background-color: #b0b832;
    color: #fff;
    padding: 8px 20px;
    text-decoration: none;
    position: relative;
    font-size: 14px;
    line-height: 1.4;
}

.products-sub-menu-main nav ul li.active a::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(176, 184, 50, 0);
    border-top-color: #b0b832;
    border-width: 6px;
    margin-left: -6px;
}*/

.products-sub-menu-main {
	display: flex;
	justify-content: center;
	margin: auto;
	margin-bottom: 15px;
}

.products-sub-menu-main_title {
	text-align: center;
	flex: 2;
	font-size: 24px;
}

/******************/

/* it-seo-text */

.it-seo-text-cont {
	width: 100%;
	max-width: 1800px;
	/*background: url("/assets/imagess/pattern_desktop_top.svg") repeat;*/
	display: block;
	margin: auto;
}

.it-seo-text {
    text-align: justify;
	background-color: white;
	padding: 10px 30px 15px 30px;
}

.it-seo-text ul {
    padding-left: 16px !important;
}

.it-seo-text a {
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}

/***************/

/* main tabs */

.main-last-container {
    width: 100%;
	max-width: 1800px;
	/*background: url("/assets/imagess/pattern_desktop_top.svg") repeat;*/
	display: block;
	margin: auto;
	position: relative;
}

.information-tabs {
	display: block;
	margin: auto;
	width: 100%;
}

.tabs {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
}

.tabs-style-flip {
    max-width: 1200px;
}

.ftabs_caption {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
    max-width: 1200px;
    list-style: none;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center;
	background-color: white;
}

.ftabs_caption::after {
    content: '';
    display: table;
    clear: both;
}

.ftabs_caption li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 16px 22px;
}

.ftabs_caption .active {
    background: var(--secondary-color);
	color: white;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.ftabs_caption .active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 5px;
    background: #FFF;
}

.ftabs_caption li span {
    vertical-align: middle;
    font-size: 0.75em;
}

.ftabs_caption li:not(.active) {
    cursor: pointer;
}

.tabs-style-flip .content-wrap {
    background: #fff;
	position: relative;
}

.ftabs_content {
    display: none;
    margin: 0 auto;
    padding: 1em;
    max-width: 1200px;
    text-align: center;
}

.ftabs_content.active {
    display: block;
}

.content-wrap .row {
    padding: 50px;
}

.main-last-container .image img {
    width: 120px;
    max-width: 100%;
}

.ftabs_content p {
    margin: 0;
    font-size: 15px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.5;
    color: #292f32;
    text-align: left;
}

.ftabs_content a {
	text-decoration: underline;
}

/*************************/

/* breadcrumb */

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem; }
  .breadcrumb::after {
    content: "";
    display: table;
    clear: both; }

.breadcrumb-item {
  float: left; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: none;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #818a91;
    content: "/"; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline; }
  .breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none; }
  .breadcrumb-item.active {
    color: #818a91; }

.breadcrumb-box {
	text-align: center;
	width: 100%;
	/*margin-top: 70px;*/
}

.breadcrumb-box h1 {
    display: inline-block;
    font-weight: bold;
    font-stretch: condensed;
	/*font-family: "Roboto Condensed", cursive, sans-serif;*/
	margin-bottom: 10px;
	font-size: 18px;
}

.breadcrumb-container {
    cursor: pointer;
    position: relative;
	/*margin: auto;*/
	/*margin-left: 2%;*/
    text-align: center;
	vertical-align: super
	top: 4px;
    max-width: 35px;
    height: 40px;
    overflow: hidden;
    /*top: 9px;*/
    /*left: 8px;*/
    -webkit-transition: all 1s ease
    -moz-transition: all 1s ease
    -ms-transition: all 1s ease
    -o-transition: all 1s ease
    transition: all 1s ease
}

.breadcrumb-container.open {
    cursor: default;
    max-width: 100%;
    -webkit-transition: all 1s ease
    -moz-transition: all 1s ease
    -ms-transition: all 1s ease
    -o-transition: all 1s ease
    transition: all 1s ease
}

.breadcrumb-container.open .breadcrumb-path-container {
    opacity: 1
}

.breadcrumb-container.open .breadcrumb-path-container .close {
    opacity: 1
}

.breadcrumb-container.open .breadcrumb-toggle {
    opacity: 0 !important;
    z-index: 0
}

.breadcrumb-container .breadcrumb-item {
    display: inline-block;
}

.breadcrumb-container .breadcrumb-item .delimiter {
    margin-left: 7px;
}

.breadcrumb-container .breadcrumb-item a {
    text-decoration: none;
	color: #292f32;
}

.breadcrumb-container .breadcrumb-item a:hover {
    text-decoration: none;
    color: #ff0000;
}

.breadcrumb-container .breadcrumb-path-container a {
	text-decoration: none;
	color: #292f32;
}

.breadcrumb-container .breadcrumb-path-container a:hover {
	text-decoration: none;
	color: #ff0000;
}

.breadcrumb-container .breadcrumb-toggle {
    z-index: 2;
    opacity: 1;
    display: inline-block;
    margin-top: 4px;
    margin-left: 12px;
    text-decoration: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute
}

.breadcrumb-container .breadcrumb-toggle:hover {
    opacity: .7
}

.breadcrumb-container .breadcrumb-path-container {
	display: flex;
    font-size: 15px;
	/*font-family: "Roboto Condensed", cursive, sans-serif;*/
    /*line-height: 2.6;*/
    position: relative;
    height: 33px;
    opacity: 0;
	margin:auto;
	top: 7px;
    text-align: center;
	vertical-align: super;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

.breadcrumb-container .breadcrumb-path-container .delimiter {
    margin-left: 7px;
}

.breadcrumb-container .breadcrumb-path-container .last-item {
	margin-left: 4px;
}

.breadcrumb-container .breadcrumb-path-container a, .breadcrumb-box .breadcrumb-container .breadcrumb-path-container .last-item, .breadcrumb-box .breadcrumb-container .breadcrumb-path-container .delimiter {
    margin-left: 5px;
	text-decoration: none;
	color: #292f32;
}

.breadcrumb-container .breadcrumb-path-container .last-item, .breadcrumb-box .breadcrumb-container .breadcrumb-path-container .delimiter:last-of-type {
    color: #989898
}

.breadcrumb-container .breadcrumb-path-container .close {
    font-weight: 300;
    float: none;
    opacity: 0.7;
    position: absolute;
    left: 0px;
    top: 5px;
    font-size: 20px;
	/*font-family: "Roboto Condensed", cursive, sans-serif;*/
    opacity: 0;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease
}

.breadcrumb-container .breadcrumb-path-container .close:hover {
    opacity: 0.6
}

.breadcrumb-container.breadcrumb-box h1 {
  display: inline-block; }
.breadcrumb-container.breadcrumb-toggle {
  display: inline-block;
  margin-top: -10px;
  margin-left: 18px;
  text-decoration: none;
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }
.breadcrumb-container.breadcrumb-toggle:hover {
    opacity: .7; }
.breadcrumb-container.breadcrumb-path-container a, .breadcrumb-box .breadcrumb-path-container .last-item, .breadcrumb-box .breadcrumb-path-container .delimiter {
    margin-left: 5px; }
.breadcrumb-container.breadcrumb-path-container .last-item, .breadcrumb-box .breadcrumb-path-container .delimiter:last-of-type {
    color: #b2bbbd; }
.breadcrumb-container.breadcrumb-path-container .close {
    font-weight: normal;
	/*font-family: "Roboto Condensed", cursive, sans-serif;*/
    float: none;
    opacity: 0.7;
    position: absolute;
    left: 3px;
    top: 1px; }
.breadcrumb-container.breadcrumb-path-container .close:hover {
      opacity: 0.6; }

.breadcrumbtext {
	color: var(--gray-text-color) !important;
	text-decoration: solid underline 2px !important;
	margin-left: 3px !important;
	white-space: nowrap;
	text-underline-offset: 4px;
}

.breadcrumbtext:last-of-type {
	color: var(--main-color) !important;
	text-overflow: ellipsis;
	overflow: hidden;
}

.delimeter {
	color: var(--gray-text-color) !important;
	margin-left: 3px;
}

.delimeter:last-child {
	display: none;
}

.products-sub-menu-flexrow {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.products-sub-menu-flexrow .filter-likes-cont {
	position: relative !important;
}

/**********************/

/* filter */

.filterlist {
	display: block;
	margin: auto;
	width: 800px;
	max-width: 60%;
	max-height: 80%;
	padding-top: 10px;
	position: fixed;
	top: 10%;
	left: 0;
	right: 0;
	background-color: white;
	z-index: 8000;
	overflow-y: scroll;
	scrollbar-width: none;
	border: 2px solid var(--secondary-color);
	border-radius: 20px;
	box-shadow: 4px 4px 4px -2px var(--gray-text-color);
}

.filterlist::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.filterlist li {
	list-style-type: none;
}

.filterlist_title_cont {
	width: 100%;
	margin: 10px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid grey;
}

.filterlist_title {
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}

.filterlist_close {
	position: absolute;
	right: 35px;
	top: 17px;
	height: 24px;
	width: 24px;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 24.3.0 SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1080 1080' style='enable-background:new 0 0 1080 1080%3B' xml:space='preserve'%3E%3Cstyle type='text/css'%3E.st0%7Bopacity:0.5%3B%7D.st1%7Bfill:%23FF3226%3B%7D.st2%7Bfill:none%3Bstroke:%23FF3226%3Bstroke-miterlimit:10%3B%7D.st3%7Bfill:%230C0D0D%3B%7D.st4%7Bfill:%23483F36%3B%7D.st5%7Bfill:%230C0D0D%3Bstroke:%230C0D0D%3Bstroke-width:1.2403%3Bstroke-miterlimit:10%3B%7D.st6%7Bfill:%23FFFFFF%3B%7D.st7%7Bfill:%23BFC1C2%3B%7D.st8%7Bfill:%23BA9280%3B%7D.st9%7Bfill:%23483F36%3Bstroke:%23483F36%3Bstroke-width:1.8604%3Bstroke-miterlimit:10%3B%7D.st10%7Bfill:%23483F36%3Bstroke:%23483F36%3Bstroke-width:1.2403%3Bstroke-miterlimit:10%3B%7D.st11%7Bfill:%23874738%3B%7D.st12%7Bfill:%23B58080%3B%7D.st13%7Bfill:%2382371D%3B%7D.st14%7Bfill:%23A24224%3B%7D.st15%7Bfill:%235C5C59%3B%7D.st16%7Bfill:%235C5C59%3Bstroke:%235C5C59%3Bstroke-width:1.2731%3Bstroke-miterlimit:10%3B%7D.st17%7Bfill:%23483F36%3Bstroke:%23483F36%3Bstroke-width:0.8487%3Bstroke-miterlimit:10%3B%7D.st18%7Bfill:%23BB8080%3B%7D.st19%7Bfill:none%3Bstroke:%23EF9D53%3Bstroke-width:2%3Bstroke-miterlimit:10%3B%7D.st20%7Bfill:%23EF9D53%3Bstroke:%23EF9D53%3Bstroke-width:2%3Bstroke-miterlimit:10%3B%7D.st21%7Bfill:%23EF9D53%3B%7D.st22%7Bfill:none%3Bstroke:%23EF9D53%3Bstroke-width:2%3Bstroke-linecap:round%3Bstroke-miterlimit:10%3B%7D.st23%7Bfill:none%3Bstroke:%23FF3226%3Bstroke-width:3.2947%3Bstroke-linecap:round%3Bstroke-miterlimit:10%3B%7D.st24%7Bfill:%239D4EA0%3B%7D.st25%7Bfill:none%3Bstroke:%23FF3226%3Bstroke-width:2%3Bstroke-miterlimit:10%3B%7D.st26%7Bfill:%233D6180%3B%7D.st27%7Bfill:%23FF328D%3B%7D.st28%7Bfill:%23B4CE46%3B%7D.st29%7Bfill:none%3Bstroke:%23FF3226%3Bstroke-width:6%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D.st30%7Bfill:none%3B%7D.st31%7Bfill:%23FFFFFF%3Bstroke:%23FF3226%3Bstroke-miterlimit:10%3B%7D.st32%7Bfill:%23FF3226%3Bstroke:%23FF3226%3Bstroke-miterlimit:10%3B%7D.st33%7Bfill:%23FFFFFF%3Bstroke:%23FF3226%3Bstroke-width:0.5%3Bstroke-miterlimit:10%3B%7D.st34%7Bfill:%23FF3226%3Bstroke:%23FF3226%3Bstroke-width:0.5%3Bstroke-miterlimit:10%3B%7D.st35%7Bfill:none%3Bstroke:%23FF3226%3Bstroke-width:2%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D.st36%7Bfill:%23FF3226%3Bstroke:%23FFFFFF%3Bstroke-width:2%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D.st37%7Bfill:none%3Bstroke:%23FFFFFF%3Bstroke-width:2%3Bstroke-miterlimit:10%3B%7D.st38%7Bfill:none%3Bstroke:%23FF3226%3Bstroke-width:3%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D.st39%7Bfill:%23FFFFFF%3Bstroke:%23FF3226%3Bstroke-width:2%3Bstroke-linecap:round%3Bstroke-miterlimit:10%3B%7D.st40%7Bfill:none%3Bstroke:%23FF3226%3Bstroke-width:3%3Bstroke-miterlimit:10%3B%7D.st41%7Bfill:%23FFFFFF%3Bstroke:%23FF3226%3Bstroke-width:3%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D.st42%7Bfill:none%3Bstroke:%23FFFFFF%3Bstroke-width:2%3Bstroke-linecap:round%3Bstroke-linejoin:round%3Bstroke-miterlimit:10%3B%7D.st43%7Bfill:%23FFFFFF%3Bstroke:%23FF3226%3Bstroke-width:3%3Bstroke-miterlimit:10%3B%7D%3C/style%3E%3Cg id='%D0%A1%D0%BB%D0%BE%D0%B9_2'%3E%3C/g%3E%3Cg id='%D0%A1%D0%BB%D0%BE%D0%B9_1'%3E%3Cpath d='M764.32 230.18L540 454.5L315.68 230.18c-23.61-23.61-61.89-23.61-85.5 0l0 0c-23.61 23.61-23.61 61.89 0 85.5L454.5 540L230.18 764.32c-23.61 23.61-23.61 61.89 0 85.5c23.61 23.61 61.89 23.61 85.5 0L540 625.5l224.33 224.33c23.61 23.61 61.89 23.61 85.5 0l0 0c23.61-23.61 23.61-61.89 0-85.5L625.5 540l224.32-224.32c23.61-23.61 23.61-61.89 0-85.5C826.21 206.57 787.94 206.57 764.32 230.18z'/%3E%3C/g%3E%3C/svg%3E");
}

.filters_title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.filterlist .firstrow {
	margin-bottom: 15px;
	margin-top: 5px;
	list-style: none;
}

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

.topfiltertoggle {
	cursor: pointer;
}

.topfiltertoggle.popular {
	display: block;
	margin-right: 15px;
}

.topfiltertoggle.price {
	display: block;
	margin-left: 15px;
}

.topfiltertoggle img {
	position: relative;
	top: -2px;
	height: 18px;
	width: 19px;
}

.filters {
	padding: 10px 10px 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	transition: max-height .3s ease-in,padding .2s ease-in,flex-wrap .3s;
	overflow: hidden;
}

.filters .flex {
	padding: 8px 14px;
	margin: 4px;
	cursor: pointer;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	transition: .3s;
	/*border: 1px solid #cac3bf;*/
	white-space: nowrap;
	background-color: white;
	border-radius: 20px;
	position: relative;
}

.filters .flex.active {
	background-color: lightgrey;
	/*padding-left: 30px;*/
}

.filters .flex div {
	margin-right: 5px;
	height: 24px !important;
	width: 24px !important;
	position: relative;
	top: 1px;
}

.filters .flex.active div {
	background: none !important;
}

.filters .flex.active:before{
	content: '';
	background:url('/assets/imagess/agree-sprite.png') 0 0;
	width: 19px;
	height: 22px;
	display: block;
	position: absolute;
	left: 17px;
	top: 11px;
	z-index: 10;
}

.filter-ingridients {
	padding: 10px 10px 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	transition: max-height .3s ease-in,padding .2s ease-in,flex-wrap .3s;
	overflow: hidden;
}

.filter-ingridients .flex {
	padding: 0 13px;
	margin: 4px;
	height: 36px;
	border-radius: 23px;
	cursor: pointer;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	align-items: center;
	transition: .3s;
	border: 1px solid #cac3bf;
	white-space: nowrap;
}

.filter-ingridients .flex.active {
	background-color: #b0b832;
	color: white;
}

.filter-cont {
    display: block;
	margin-top: 49px;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #f7f7f7;
}
 
.param-item {
    padding: 8px 14px;
	border-radius: 25px;
	background-color: white;
	margin: 5px 6px;
	position: relative;
	cursor: pointer;
}

.param-item.checked {
	background-color: lightgrey;
	padding-left: 30px;
}

.param-item.checked:before{
	content: '';
	background:url('/assets/imagess/agree-sprite.png') 0 0;
	width: 19px;
	height: 19px;
	display: block;
	position: absolute;
	left: 7px;
	top: 11px;
}

.param-item.unchecked {
	color: lightgrey;
	text-decoration: line-through;
}

.filter-actions {
	position: relative;
	bottom: 10px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	z-index: 10016;
	background-color: #f8f8f8;
	padding: 15px 0px;
}

.filter-actions button {
	border: 2px solid var(--main-color);
	border-radius: 25px;
	height: 40px;
	color: var(--white-text-color);
	background-color: var(--main-color);
	width: 180px;
	font-size: 17px;
}

.filter-actions button:hover {
	background-color: white;
	color: var(--main-color);
}

.filter-cont .param-item .icon-param {
    text-decoration: none;
    margin-left: 8px;
}

.filter-cont .param-item .icon-param svg {
    height: 10px;
    width: 10px;
}

.filter-cont .param-item .icon-param polygon, .filter-cont .param-item .icon-param path {
    fill: #b2bbbd;
}

.filter-cont .param-item span {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.8;
    color: #000000;
    cursor: pointer;
}

.filter-cont .filter-actions {
    background-color: white;
    padding: 16px 0px 5px 25px;
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px;
	margin-bottom: 10px;
    border-top: 1px solid #efefef;
}

.filter-cont .filter-actions .apply-filter {
    outline: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 120px;
    height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #b0b832;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #b0b832;
}

.filter-cont .filter-actions .clear-filter {
    background: none;
    border: 1px solid #747474;
    width: 120px;
    height: 40px;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #747474;
    text-decoration-color: #747474;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.filter-cont .param-item .add_param:hover span, .filter-cont .param-item .add_param span.checked {
    color: #f82c44;
	font-weight: bold;
}

.filter-cont .param-item .remove-param:hover svg polygon, .filter-cont .param-item .remove-param:hover svg path, .filter-cont .param-item .remove-param.selected svg polygon, .filter-cont .param-item .remove-param.selected svg path {
    fill: #262626;
}

.filter-cont .param-item span.unchecked {
    color: #a3a3a3;
    text-decoration: line-through;
}

.filter-cont .param-item .add_param:hover svg path, .filter-cont .param-item .add_param.selected svg path {
    fill: #f82c44;
}

.topbutton {
	height: 26px;
	width: 26px;
	position: fixed;
    z-index: 10;
	bottom: 55px;
	right: 0;
	padding: 15px;
	padding-right: 0;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 45px;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
	border: 0px solid #e6e6e6;
}

.topbutton svg {
	position: fixed;
    z-index: 10;
	bottom: 70px;
	right: 2px;
	opacity: 0.5;
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 15px;
    background-color: #f7f8fa;
    border: 1px solid #e6e6e6;
}

.topbutton svg path {
	position: relative;
	fill: #666666;
}

/****************/

.emptyfilter {
	color: #666666;
	font-size: 18px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 105px;
	font-weight: bold;
}

.filter .bd_checkbox {
	display: inline-block;
	margin-left: 10px;
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.5;
    color: #292f32;
	float: right;
}

.filter .bd_checkbox input {
	visibility: hidden;
}

.filter .bd_checkbox label {
	position: relative;
	width: 14px;
	height: 14px;
	cursor: pointer;
	top: 10px;
	left: -14px;
	border-radius: 3px;
	border: 1px solid #c1c1c1;
}

.filter .bd_checkbox span {
	margin-left: -12px;
}

.filter .bd_checkbox label::after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 3px;
    left: 2px;
    border: 3px solid white;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.filter .bd_checkbox.active label.sort.sortup::after {
    opacity: 0;
}

.filter .bd_checkbox label.sort {
    border: 0;
}

.bd_checkbox.popular img {
	position: relative;
	left: 2%;
	height: 14px;
	width: 14px;
	border-radius: 3px;
	border: 1px solid #c1c1c1;	
}

.bd_checkbox.price img {
	position: relative;
	left: 3%;
	height: 14px;
	width: 14px;
	border-radius: 3px;
	border: 1px solid #c1c1c1;
}

.filter .bd_checkbox.active label.sort.sortdown::after {
    opacity: 0;
}

.bd_checkbox input.active + label::after {
    opacity: 1;
}

.bd_checkbox input.active + label {
    background: #fb4f58;
    border-color: #fb4f58;
}

.ingridients-filter-btn {
    text-decoration: none;
	display: inline-block;
	margin-top: 5px;
	margin-left: 15px;
	float: right;
}

.ingridients-filter-btn:hover {
	text-decoration: none;
}

.ingridients-filter-btn span {
    margin-left: 5px;
    font-size: 16px;
    font-stretch: condensed;
    line-height: 1.5;
    color: #292f32;
    border-bottom: 1px dashed #93989a
}

.ingridients-filter-btn span:hover {
    border: none;
	text-decoration: none;
}

.ingridients-filter-btn svg {
    width: 11px;
    height: 9.8px
}

.ingridients-filter-btn svg path {
    fill: #262626
}

.bd_checkbox input.sortup + label {
    background: red;
}

.bd_checkbox input.sortdown + label {
    background: black;
}

.bd_checkbox input.sortup + label::after {
    opacity: 1;
}

.sortvisible {
	display: flex !important;
}
/*****************/

/* ingridients-filter */

#popover-ingridients-filter {
    width: 445px;
    height: 331px;
}

#popover-ingridients-filter .row {
    margin: 0
}

#popover-ingridients-filter .webui-popover-content {
    padding-right: 0;
    padding-left: 0
}

#popover-ingridients-filter .filter-params {
    margin-right: 10px;
    height: 230px;
    overflow-y: scroll
}

#popover-ingridients-filter .filter-params.scroll-content {
    padding-top: 10px;
    margin: 0 30px;
	width: 100% !important;
}

#popover-ingridients-filter .filter-params .param-item {
    padding-left: 0
}

#popover-ingridients-filter .filter-params .param-item .icon-param {
    text-decoration: none;
    margin-left: 8px
}

#popover-ingridients-filter .filter-params .param-item .icon-param svg {
    height: 10px;
    width: 10px
}

#popover-ingridients-filter .filter-params .param-item .icon-param polygon, #popover-ingridients-filter .filter-params .param-item .icon-param path {
    fill: #b2bbbd
}

#popover-ingridients-filter .filter-params .param-item .remove-param:hover svg polygon, #popover-ingridients-filter .filter-params .param-item .remove-param:hover svg path, #popover-ingridients-filter .filter-params .param-item .remove-param.selected svg polygon, #popover-ingridients-filter .filter-params .param-item .remove-param.selected svg path {
    fill: #262626
}

#popover-ingridients-filter .filter-params .param-item span {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin-left: 10px;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.8;
    color: #000000;
    cursor: pointer
}

#popover-ingridients-filter .filter-params .param-item span.unchecked {
    color: #a3a3a3;
    text-decoration: line-through
}

#popover-ingridients-filter .filter-params .param-item span.checked {
    color: #f8515c;
	font-weight: bold;
}

#popover-ingridients-filter .filter-params .param-item .add_param:hover svg path, #popover-ingridients-filter .filter-params .param-item .add_param.selected svg path {
    fill: #f8515c
}

#popover-ingridients-filter .filter-params .param-item .add_param:hover span, #popover-ingridients-filter .filter-params .param-item .add_param.selected span {
    color: #f8515c
}

#popover-ingridients-filter .filter-actions {
    padding: 18px 40px;
    margin-top: 20px;
    border-top: 1px solid #efefef
}

#popover-ingridients-filter .filter-actions .clear-filter {
    background: none;
    border: none;
    outline: none;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #747474;
    text-decoration: underline;
    text-decoration-color: #747474;
    padding-left: 10px
}

#popover-ingridients-filter .filter-actions .clear-filter:hover {
    text-decoration: none
}

#popover-ingridients-filter .filter-actions .apply-filter {
    outline: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 120px;
    height: 34px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #b0b832;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #b0b832
}

#popover-ingridients-filter .filter-actions .apply-filter:hover {
    background-color: #b0b832;
    color: white
}

/*****************/

/* game */

.product.game {
	width:100%;
}

.product-image.game {
	position: relative;
	width: 56%; 
	margin-left: 22%;
	margin-right: 22%;
	margin-top: 20px;
}

.product-description.game {
	text-align: center;
}

.product-description.game p{
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 8px;
}

.product-actions.game {
	padding: 0 20px;
}

.game-btn {
	display: block;
	height: 36px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: #ffffff;
	border: solid 1px #bfc5c7;
	font-size: 15px;
	font-weight: 500;
	font-stretch: condensed;
	line-height: 2.1;
	text-decoration: none;
	color: #999999;
	text-align: center;
	cursor: pointer;
	margin-top: -76px;
	position: relative;
}


.game-btn:focus, .game-btn:hover {
	text-decoration: none;
}

.game-btn:hover {
    border-color: #ff4157;
    background: #ff4157;
    color: white
}

.game2toptext {
	text-align: center;
	margin-top: 55px;
}

.game2toptext p {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 4px;
}

.product-description.game2 {
	text-align: center;
	margin-top: 40px;
}

.product-description.game2 p{
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 12px;
}

.textfield {
	text-align: center;
	margin-top: 10px;
	height: 40px;
}

.textfield .game2promo {
	width: 40px;
	height: 40px;
	background-image: url(/assets/imagess/game/textfield.png);
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}

.game2promo p {
	margin: 0;
	margin-top: 2px;
	font-size: 26px;
}

.prizeimg img{
	position: relative;
	width: 80%;
	margin: 0 10%;
}

.game3toptext {
	text-align: center;
}

.game3toptext p {
	margin:0;
	font-size: 15px;
	font-weight: 600;
}

.product-description.game3 {
	text-align: center;
}

.product-description.game3 p{
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 12px;
}

.product-info.game3 {
	height: auto;
}

#game .spinner {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
	display:none;
}

/*****************/

/* auth */ 

.auth-tabs {
    margin: 0 auto;
    margin-bottom: 14px;
    width: 220px
}

.auth-tabs ul {
    list-style: none;
    padding: 0;
    margin: 0;
	text-align: center;
}

.auth-tabs ul li {
    display: inline-block;
	height: 31px;
	width: 45%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: white;
	border: solid 2px var(--main-color);
	font-size: 14px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.4;
	color: var(--main-color);
	border-radius: 15px;
	text-align: center;
}

.auth-tabs ul li.active {
    background-color: var(--main-color);
	color: white;
}

.auth-tabs ul li.active a {
    color: white;
    border: none
}

.auth-tabs ul li a {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.9;
    text-decoration: none;
	color: var(--main-color);
}

.auth-tabs ul li a:hover {
    border: none;
    text-decoration: none
}

.auth-state {
    display: none
}

.auth-state.logged-in-state, .auth-state.sign-in-email-state {
    display: block
}

.auth-state .social-icons {
    margin-top: 15px;
    border-top: 1px solid #e6e6e6
}

.auth-state .social-icons .title {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.5;
    color: #3f484d;
    padding-bottom: 5px;
    padding-top: 5px
}

.auth-state .social-icons ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.auth-state .social-icons ul li {
    display: inline-block;
    position: relative
}

.auth-state .social-icons ul li a {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.auth-state .social-icons ul li a:after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 50%;
    width: 25px;
    height: 25px;
    margin: -12px 0 0 -12px;
    background-image: url(/assets/imagess/social-sprite.png);
    background-size: cover
}

.auth-state .social-icons ul li a.vk {
    background: #5d7ea3
}

.auth-state .social-icons ul li a.vk:after {
    margin: -9px 0 0 -13px;
    background-position: -1px -373px
}

.auth-state .social-icons ul li a.fb {
    background: #4763a1
}

.auth-state .social-icons ul li a.fb:after {
    margin: -9px 0 0 -13px;
    background-position: 1px -324px
}

.auth-state .social-icons ul li a.tw {
    background: #51ABF1
}

.auth-state .social-icons ul li a.tw:after {
    margin: -9px 0 0 -13px;
    background-position: 1px -74px
}

.auth-state .bd-form-messages {
    text-align: center
}

.auth-state .bd-input.bordered {
    border-radius: 15px
}

.auth-state input[type="checkbox"] {
    display: none
}

.auth-state input[type="checkbox"] + label span {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: -10px 0 0 0;
    vertical-align: top;
    background: url(/assets/imagess/agree-sprite.png) left -20px no-repeat;
    cursor: pointer
}

.auth-state input[type="checkbox"]:checked + label span {
    background: url(/assets/imagess/agree-sprite.png) left top no-repeat
}

.auth-state .success-text {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.1;
    color: #292f32;
    padding-left: 51px;
    position: relative
}

.auth-state .success-text .success-icon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #b9d137;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.auth-state .success-text .success-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    width: 15px
}

.auth-state .success-text .success-icon svg path {
    fill: white
}

.auth-state .success-text .success-icon:before {
    content: ' ';
    position: absolute;
    width: 38px;
    height: 38px;
    border: 2px solid #b9d137;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    top: -5px;
    left: -5px
}

.auth_number {
	margin-left: 10px;
	font-family: "Inter-Bold";
	font-weight: 400;
	font-size: 13px;
}

.auth_number_button {
	margin-left: 10px;
	font-family: "Inter-Bold";
	font-weight: 400;
	font-size: 13px;
}

.auth-state .state-info, .auth-state .resend-cont .resend-status {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.2;
    color: #a7a8a8;
    margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 8px;
}

.auth-state .resend-cont {
    margin-top: 10px
}

.auth-state .resend-cont .code-resend {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1;
    color: #292f32;
    text-align: center;
    display: block;
    text-decoration: none
}

.auth-state .resend-cont .code-resend span {
    border-bottom: 1px solid #929799
}

.auth-state .resend-cont .code-resend span:hover {
    border: none
}

.auth-state .resend-cont .resend-status {
    margin: 0;
    display: none;
    text-align: center;
    font-size: 11px
}

.auth-state .rules {
    margin-top: 30px
}

.auth-state .rules span {
    padding-left: 30px;
    display: inline-block;
    margin-top: -20px;
    cursor: pointer
}

.auth-state .rules .label {
    font-size: 11px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.1;
    color: #a7a8a8;
    position: relative
}

.auth-state .rules .label label {
    position: absolute;
    top: -10px
}

.auth-state .rules .label a {
    color: #4c82a6
}

.auth-state .rules .label a:hover {
    color: #41a9ef;
    text-decoration: none
}

.auth-state .forgot {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1;
    color: #292f32;
    text-align: center;
    display: block;
    text-decoration: none
}

.auth-state .forgot span {
    border-bottom: 1px solid #929799
}

.auth-state .forgot span:hover {
    border: none
}

.auth-state.logged-in-state .bonuses {
    padding-left: 51px;
    padding-bottom: 5px;
    border-bottom: 1px solid #efefef;
	background: rgb(233,72,110);
	background: -moz-linear-gradient(45deg, rgba(233,72,110,1) 0%, rgba(251,125,107,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(233,72,110,1) 0%,rgba(251,125,107,1) 100%);
	background: linear-gradient(45deg, rgba(233,72,110,1) 0%,rgba(251,125,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9486e', endColorstr='#fb7d6b',GradientType=1 );
	height: 95px;
    top:0;
    z-index: 12;
    width: 100%;
    position: absolute;
    border-radius: 3px 3px 0px 0px;
}

.auth-state.logged-in-state .bonuses .title {
    display: block;
    font-size: 16px;
	font-weight: 300;
    font-stretch: condensed;
    line-height: 1;
    color: white; 
    padding-right: 5px;
	margin-top: 25px;
	margin-left: 55px;
}

.auth-state.logged-in-state .bonuses .value {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    padding: 3px 10px;
    font-size: 24px;
	font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: white;
	margin-left: 45px;
}

.auth-state.logged-in-state .bonuses .value .currency {
    font-size: 28px;
	line-height: 1.1;
    padding-left: 3px
}

.auth-state.logged-in-state nav {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #efefef
}

.auth-state.logged-in-state nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
	text-align: center;
}

.auth-state.logged-in-state nav ul li {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    padding-top: 2px;
    padding-bottom: 2px;
	text-align: center;
}

.auth-state.logged-in-state nav ul li:hover {
    background-color: #f1f1f1
}

.auth-state.logged-in-state nav ul li:hover a {
    text-decoration: none
}

.auth-state.logged-in-state nav ul li a {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.9;
    color: #292f32;
    text-decoration: none;
    border-bottom: 1px solid #93989a
}

.auth-state.logged-in-state nav ul li a:hover {
    border: none
}

.auth-state.logged-in-state .exit-btn {
    margin-left: 73px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #b2bbbd;
    width: 75px;
    height: 27px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #808788
}

.auth-state.logged-in-state .exit-btn:hover {
    border-color: #292f32;
    background-color: #292f32;
    color: #fff
}

.auth-state.logged-in-state {
	padding-top: 90px;
}

#auth .btn {
	display: block;
	height: 31px;
	width: 80%;
	margin: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: var(--secondary-color);
	border: solid 2px var(--secondary-color);
	font-size: 14px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.4;
	color: white;
	border-radius: 15px;
	text-align: center;
}

#auth .retry_btn {
	display: block;
	height: 31px;
	width: 80%;
	margin: auto;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: var(--secondary-color);
	border: solid 2px var(--secondary-color);
	font-size: 14px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.9;
	color: white;
	border-radius: 15px;
	text-align: center;
}

#popover-auth.is_auth .webui-arrow,#popover-auth.is_auth .webui-arrow:after {
	border-bottom-color: #f5736f;
}

.auth-state.logged-in-state .bonuses svg {
    width: 65px;
    position: absolute;
    left: 26px;
    top: 10px;
    fill: #fed4ce;
}

.auth-stat .bd-input {
	margin-top: 5px !important;
}

.auth-state .bd-input {
	margin-top: 5px !important;
	border: 2px solid var(--main-color) !important;
}

.auth-state.logged-in-state.bonuses-disabled {
	padding-top: 0;
}

#popover-auth.is_auth.bonuses-disabled .webui-arrow {
	border-bottom-color: #e5e5e5;
}

#popover-auth.is_auth.bonuses-disabled .webui-arrow:after {
	border-bottom-color: white;
}

#popover-auth .webui-popover-content {
    width: 225px;
    padding: 10px;
}

#popover-auth.is_auth .webui-popover-content {
    padding: 0
}

#popover-auth[data-state="logged-in"] .webui-popover-content {
    padding: 0
}

#popover-auth[data-state="sign-up-phone"] .webui-popover-inner:after {
    content: '';
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.2;
    color: #9299a2;
    background-color: #f6f7f8;
    border-top: 1px solid #e2e4e5;
    padding: 15px 20px 20px 20px;
    height: 62px;
    display: block;
    width: 255px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

#popover-auth .webui-arrow {
    right: 48px;
    left: auto !important
}

#popover-auth.is_auth {
	left: 480px;
}

#popover-auth:not(.is_auth) .webui-popover-content {
	width: 276px;
	padding: 20px 30px 20px 30px;
}

.auth-popup {
	text-align: left;
	white-space: normal;
}

#auth input::placeholder {
	font-size: 12px;
}

/**********************/

/* basket */

#popover-basket .recommendation-container, #popover-basket .basket-gift-container .progress-container {
    display: none;
    height: 330px
}

#popover-basket .recommendation-container.recommendation-list {
    position: relative
}

#popover-basket.product-information-open {
    width: 825px
}

#popover-basket.product-information-open .webui-popover-content {
    width: 825px
}

#popover-basket.product-information-open .webui-popover-content #basket .information-col {
    width: 300px
}

#popover-basket.product-information-open .basket-items-col {
    width: 445px !important
}

#popover-basket.product-information-open .product-info-cont {
    display: block
}

#popover-basket .webui-popover-content {
    width: 730px;
    height: 480px;
    padding: 0;
    overflow: hidden
}

#popover-basket .webui-popover-content #basket {
    height: 480px
}

#popover-basket .webui-popover-content #basket .information-col {
    border-top-left-radius: 6px;
    padding: 20px 10px 20px 20px;
    background-color: #f8fafa;
    width: 206px;
    height: 100%;
    position: relative
}

#popover-basket .webui-popover-content #basket .information-col .sod_select, #popover-basket .webui-popover-content #basket .information-col .sod_select .sod_list_wrapper {
    background-color: #f8fafa
}

#popover-basket .webui-popover-content #basket .information-col .sod_select .sod_option.active {
    background: #f1f1f1
}

#popover-basket .webui-popover-content #basket .information-col .options-row-select {
    margin-bottom: 0 !important
}

#popover-basket .webui-popover-content #basket .information-col:hover .close-view {
    opacity: 1 !important
}

#popover-basket .webui-popover-content #basket .information-col:hover .product-image {
    cursor: pointer;
    background-color: #b2bbbd
}

#popover-basket .webui-popover-content #basket .information-col:hover .product-image img {
    display: none
}

#popover-basket .webui-popover-content #basket .information-col:after {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 9px;
    border-color: transparent transparent transparent #f8fafa;
    right: -8px;
    top: 180px
}

#popover-basket .webui-popover-content #basket .information-col .product-description {
    margin-top: 17px;
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view {
    padding: 0 10px
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .row {
    padding-bottom: 12px
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .close-view {
    opacity: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    cursor: pointer
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .close-view svg path {
    fill: #f8fafa
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .apply-view {
    background-color: #b6be39;
    display: none;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    cursor: pointer
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .apply-view svg {
    zoom: 2.5;
    position: absolute;
    top: 1px;
    bottom: 0;
    right: -2px;
    left: 0;
    margin: auto;
    width: 17px;
    height: 13px
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .apply-view svg path {
    fill: #f8fafa
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .product-image {
    position: relative;
    width: 60px;
    height: 60px;
    cursor: pointer;
	border: solid 1px #e2e2e2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .product-image img {
	position: relative;
	width: 99%;
	top: 12%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .name {
    font-size: 18px;
    font-stretch: condensed;
    line-height: 0.9;
    color: #292f32;
    padding-top: 20px;
    padding-right: 15px
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .constructor-scroll-content {
    margin: 0;
    height: 290px
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .constructor-scroll-content .row {
    margin: 0
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .constructor-scroll-content .row .col-xs-12 {
    padding: 0
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .constructor-scroll-content .description {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .constructor-scroll-content .constructor-content {
    margin-top: 7px
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .constructor-scroll-content .constructor-content .property-label {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.3;
    color: #8b8b8b
}

#popover-basket .webui-popover-content #basket .information-col .constructor-view .constructor-scroll-content .constructor-content .property-value {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.4;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .information-col .likes {
    opacity: 1;
    bottom: 20px;
    left: 20px;
    border: none
}

#popover-basket .webui-popover-content #basket .information-col .progress-container {
    height: 90px
}

#popover-basket .webui-popover-content #basket .information-col .progress-container .progress-bar {
    left: 0;
    top: 0;
    height: 90px;
    border-top-left-radius: 6px
}

#popover-basket .webui-popover-content #basket .information-col .progress-container .progress-bar-content {
    height: 64px;
    width: 81%;
    top: 10px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.1;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .information-col .progress-container .progress-bar-content .sum-to-gift {
    font-size: 30px;
    line-height: 1.3;
    font-weight: 400
}

#popover-basket .webui-popover-content #basket .information-col .progress-container .progress-bar-content .sum-to-gift span.currency {
    font-size: 34px;
    padding-left: 3px
}

#popover-basket .webui-popover-content #basket .information-col .progress-container .progress-bar-content div:nth-child(3) {
    margin-top: -8px
}

#popover-basket .webui-popover-content #basket .information-col .info-col-content {
    margin-top: 10px;
    line-height: 1.5
}

#popover-basket .webui-popover-content #basket .information-col .info-col-content .title {
    font-size: 16px;
    font-weight: normal
}

#popover-basket .webui-popover-content #basket .information-col .info-col-content .text {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    color: #101010
}

#popover-basket .webui-popover-content #basket .information-col footer {
    position: absolute;
    bottom: 0
}

#popover-basket .webui-popover-content #basket .information-col footer .phone {
    font-size: 20px;
    font-weight: normal;
    line-height: 1
}

#popover-basket .webui-popover-content #basket .information-col footer .work-time {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #101010
}

#popover-basket .webui-popover-content #basket .information-col .btn-get-gift {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    width: 146px;
    height: 39px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #f8515c;
    font-size: 14px;
    font-stretch: condensed;
    line-height: 2.8;
    color: #ffffff;
    text-align: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    text-decoration: none
}

#popover-basket .webui-popover-content #basket .information-col .btn-get-gift:hover {
    background-color: #ff4157
}

#popover-basket .webui-popover-content #basket .information-col .btn-get-gift.another {
    background-color: #f6f8f9;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .information-col .btn-get-gift.another:hover {
    background-color: #ffffff
}

#popover-basket .webui-popover-content #basket .information-col .rc-nav {
    position: absolute;
    bottom: -5px;
    list-style: none;
    width: 130px;
    left: 0;
    right: 0;
    margin: auto
}

#popover-basket .webui-popover-content #basket .information-col .rc-nav li {
    list-style: none;
    display: inline-block;
    margin-left: 5px
}

#popover-basket .webui-popover-content #basket .information-col .rc-nav li.active .rc-bull {
    background-color: #f8515c
}

#popover-basket .webui-popover-content #basket .information-col .rc-nav .rc-bull {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    display: block;
    width: 10px;
    height: 10px;
    background-color: black
}

#popover-basket .webui-popover-content #basket .information-col .rc-list .recommendation-tab {
    display: none
}

#popover-basket .webui-popover-content #basket .information-col .rc-list .recommendation-tab:first-child {
    display: block
}

#popover-basket .webui-popover-content #basket .information-col .rc-list .rc-item {
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
    width: 165px;
    height: 95px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #000000;
    position: relative
}

#popover-basket .webui-popover-content #basket .information-col .rc-list .rc-item .go-rc-btn {
    width: 105px;
    height: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #f8515c;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 45px;
    height: 25px;
    margin: auto;
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2;
    color: #ffffff;
    text-decoration: none;
    text-align: center
}

#popover-basket .webui-popover-content #basket .information-col .rc-list .rc-item .go-rc-btn:hover {
    background-color: #ff4157
}

#popover-basket .webui-popover-content #basket .basket-items-col {
    padding-top: 8px;
    margin-right: 40px;
    width: 443px
}

#popover-basket .webui-popover-content #basket .basket-items-col .spinner {
    position: absolute;
    top: 150px;
    left: 205px;
    right: 0;
    margin: auto
}

#popover-basket .webui-popover-content #basket .basket-items-col .products-list {
    width: 443px;
    height: 262px;
    overflow-y: scroll;
    overflow-x: hidden
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-title {
    font-size: 22px;
    font-stretch: condensed;
    line-height: 1.7;
    color: #292f32;
    margin-bottom: 5px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item {
	padding: 13px 0;
    margin-right: 0;
    border-bottom: 1px solid #e5e5e5;
    width: 99.7%;
}


#popover-basket .webui-popover-content #basket .basket-items-col .basket-item.without_detail .name {
    cursor: default !important
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item.without_detail:hover .product-image:before {
    opacity: 0
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item.without_detail:hover .name {
    color: #000000
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item.not_change_amount .change-amount-btn {
    visibility: hidden
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item:hover .remove-basket-item {
    display: inline-block
}

.basket-item:hover .remove-basket-item {
    display: inline-block
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item:hover .product-image:before {
    opacity: 1
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item:hover .name {
    color: #93989a
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .product-image {
    width: 60px;
    height: 60px;
	border: solid 1px #e2e2e2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
	position: relative;
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .product-image .without_sale {
    width: 27px;
    height: 27px;
    background: url("/assets/imagess/svg/without_sale.svg") no-repeat;
    display: block;
    position: absolute;
    top: -5px;
    right: -5px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .product-image img {
	position: relative;
	width: 99%;
	top: 12%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .product-image:before {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    content: ' ';
    opacity: 0;
    width: 60px;
    height: 60px;
    position: absolute;
    background: url(/assets/imagess/eye.png) no-repeat center, rgba(0, 0, 0, 0.2);
	z-index: 9999;
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .name {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.3;
    color: #000000;
    cursor: pointer
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .section {
    font-size: 12px;
    line-height: 1.5;
    color: #929292;
    font-weight: 300
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .buttons {
    padding: 0;
    margin-top: 10px
}

.buttons {
	padding: 0;
    margin-top: 15px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .buttons .change-amount-btn {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #b3bbbd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none;
    font-size: 16px;
    font-stretch: condensed;
    line-height: 1.2;
    color: #000000;
    text-align: center;
    display: inline-block
}

.buttons .change-amount-btn {
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #b3bbbd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none;
    font-size: 16px;
    font-stretch: condensed;
    line-height: 1.2;
    color: #000000;
    text-align: center;
    display: inline-block
}

.buttons .change-person-btn {
	-webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: solid 1px #b3bbbd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-decoration: none;
    font-size: 16px;
    font-stretch: condensed;
    line-height: 1.2;
    color: #000000;
    text-align: center;
    display: inline-block
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .buttons .change-amount-btn.plus {
    font-family: "Nunito", cursive, sans-serif; 
}

.buttons .change-amount-btn.plus {
	font-family: "Nunito", cursive, sans-serif; 
}

.buttons .change-person-btn.plus {
	font-family: "Nunito", cursive, sans-serif; 
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .buttons .change-amount-btn:hover {
    background-color: #b2bbbd;
    border-color: #b2bbbd;
    color: #fff
}

.buttons .change-amount-btn:hover {
	background-color: #b2bbbd;
    border-color: #b2bbbd;
    color: #fff
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .buttons .amount {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32;
    margin: 0 10px
}

.buttons .amount {
	font-size: 14px;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32;
    margin: 0 10px
}

.buttons .personamount {
	font-size: 14px;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32;
    margin: 0 10px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .product-sum {
    display: inline-block;
    margin-top: 13px;
    font-size: 18px;
    font-stretch: condensed;
    line-height: 1.1;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .product-sum .currency {
    font-size: 20px;
    padding-left: 3px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .remove-basket-item {
    margin-top: 10px;
    display: none
}

.basket-item .remove-basket-item {
    margin-top: 15px;
    display: none
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .remove-basket-item:hover svg path {
    fill: #b3b8b9
}

.basket-item .remove-basket-item:hover svg path {
    fill: #b3b8b9
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .remove-basket-item a:hover svg path {
    fill: #ff0000;
}

.basket-item .remove-basket-item a:hover svg path {
    fill: #ff0000;
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .remove-basket-item svg {
    width: 16px;
    height: 16px
}

.basket-item .remove-basket-item svg {
    width: 16px;
    height: 16px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-item .remove-basket-item svg path {
    fill: #b3bcbe
}

.basket-item .remove-basket-item svg path {
    fill: #b3bcbe
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions {
    margin-top: 20px;
    width: 447px;
	height: 150px;
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input {
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    width: 110px;
    height: 51px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input.focused {
    background-color: #f6f8f9;
    border: solid 1px #e6e6e6
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input.focused label {
    font-size: 11px;
    left: -26px;
    top: 3px;
    color: #909090
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input.filled label {
    font-size: 11px;
    left: -26px;
    top: 3px;
    color: #909090
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input.filled.error {
    border-color: #f4324c !important
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input.filled.ok {
    border-color: #b6bd3b !important
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input label {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.9;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bd-input .basket-promo-code {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: #292f32;
    padding-left: 0px;
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: inline-block;
    position: relative;
    height: 51px;
    width: 51px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
	border-radius: 50%;
	background-color: white;
    border: 1px solid #e6e6e6;
    position: absolute;
    left: 132px;
    top: 0
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn:hover, #popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn.ok {
    background-color: #b6bd3b;
    border-color: #b6bd3b
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn:hover svg path, #popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn.ok svg path {
    fill: white !important
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn:active {
    background-color: #c2ca40;
    border-color: #c2ca40
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn:active svg path {
    fill: white !important
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn svg {
    position: absolute;
    top: 11px;
    bottom: 0;
    left: 4px;
    width: 25px;
    height: 25px;
    z-index: 1;
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 6px 6px;
    margin: auto;
    right: 0
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .apply-code-btn svg path {
    fill: #d7d7d7
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container {
    padding: 0
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container .order-total {
    background-color: #f4f4f4;
    width: 105px;
    height: 51px;
    padding-left: 20px;
    padding-top: 11px;
    margin-left: 35px;
	border-radius: 40px;
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container .order-total.without-discount .order-sum {
    line-height: 1.8
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container .order-total .order-sum {
    font-size: 18px;
    font-stretch: condensed;
    color: #292f32;
    line-height: 0.8
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container .order-total .order-sum .currency {
    font-size: 21px;
    padding-left: 3px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container .order-total .order-discount, #popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container .order-total .summary-label {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    color: #474c4d
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .order-total-container .order-total .summary-label {
    margin-top: -4px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bonuses-info {
    padding-top: 10px;
	padding-left: 40px;
    font-size: 13px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .bonuses-info .currency {
    font-size: 15px;
    margin-left: -1px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .basket-checkout-btn {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    display: none;
    text-align: center;
    height: 35px;
    text-decoration: none;
    background-color: #ffffff;
    border: solid 1px #f8515c;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2.3;
    color: #f8515c;
    margin-top: 18px
}

#popover-basket .webui-popover-content #basket .basket-items-col .basket-actions .basket-checkout-btn:hover {
    background-color: #f8515c;
    color: #ffffff
}

#basket .scroll-wrapper > .scroll-content {
	max-height: 260px !important;
	overflow-x: hidden !important;
}

.progress-container .progress-bar {
    position: absolute;
    z-index: 1;
    background-color: #fedd2c;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.progress-container .progress-bar-content {
    position: absolute;
    z-index: 2;
    position: absolute;
}

span.currency {
    font-family: 'currency';
}

.progress-container .progress-bar.complete.use {
    background: url(../images/basket-gifts-sprite.png) repeat-y 0 0px, #fedd2c;
    animation: gift-animation 700s linear infinite;
    -webkit-animation: gift-animation 700s linear infinite;
}

.addons-info {
    padding: 0;
        padding-top: 0px;
    padding-top: 10px;
    font-size: 13px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32;
}

/*****************/

/* modal */

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 862px;
    margin: auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 11000;
    opacity: 0;
    background: rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s
}

.md-overlay.md-show {
    opacity: 1;
    visibility: visible
}


.modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (0.5rem * 2));
  content: "";
}

.modal-open {
  overflow-y: inherit;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}


/*******************/

/* product-detail */

#product-detail .spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

#product-detail .md-content {
    min-height: 230px;
	max-width: 562px !important;
    min-width: 562px !important;
    background-color: #ffffff;
}

#product-detail .md-content .product.product-detail {
    min-height: 230px !important;
	max-height: 600px;
	height: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

#product-detail .md-content .preview:hover .product-labels .product-label {
    margin-right: 5px
}

#product-detail .md-content .preview .product-labels .product-label {
    margin-right: -20px
}

#product-detail .sod_list .sod_option:first-child {
    display: none
}

#product-detail .product-info .product-options, .product-detail .product-info .product-options {
    position: relative;
    bottom: 0;
    padding-right: 0
}

#product-detail .weight {
    margin-left: 10px
}

#product-detail .md-content .product.product-detail .preview {
    width: 100%;
    margin: 0
}

#product-detail .md-content .product-actions {
    margin-bottom: 0
}

#product-detail .md-content .product.product-detail .product-info {
    margin: 0;
	margin-top: 20px;
    height: auto
}

#product-detail .md-content .product.product-detail .product-info .product-description {
    padding-top: 0
}

#product-detail .md-content .product.product-detail .product-info h3 {
    font-size: 20px;
    font-stretch: condensed;
    line-height: 0.9;
    color: #292f32
}

#product-detail .md-content .product.product-detail .product-info p {
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.2;
    color: #292f32
}

#product-detail .md-content .prod-info-cont {
	padding: 0 !important;
}

#product-detail .modal-content {
	top: 30px !important;
	bottom: 15px;
	max-width: 862px !important;
	min-width: 862px !important;
	background-color: #ffffff;
	min-height: 230px;
	transform: translateY(0);
	opacity: 1;
	transition: all 0.3s;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	padding: 20px;
}

#product-detail .spinner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.product-detail .title {
	text-align: left;
	width: 100%;
	font-size: 28px;
	font-family: "Nunito-Black", cursive, sans-serif;
	font-weight: 400;
	color: black;
}

.product.product-detail {
    border: none
}

.product-detail-topcont {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
	margin-bottom: 20px;
}

.product-detail .product-description {
	font-family: "Nunito";
	font-size: 14px;
	font-weight: 700;
	color: black;
	padding-left: 0;
	margin-bottom: 10px;
}

.product-detail .product-fulldescription {
	font-size: 14px;
	font-weight: 700;
	color: var(--gray-text-color);
}

.product.product-detail .progress-container {
    display: block
}

.product.product-detail:hover .progress-container {
    display: none
}

.product.product-detail:hover .add-to-cart-btn {
    display: block
}

.product.product-detail:hover img {
    transform: none
}

.product.product-detail .options-row-select {
    margin-bottom: 0 !important
}

.product.product-detail .add-to-cart-btn {
    background-color: #f8515c;
    border: 1px solid #f8515c;
    color: #fff
}
/*
.product.product-detail .add-to-cart-btn:hover {
    background-color: #ff4157;
    bordr: 1px solid #ff4157
}*/

.product.product-detail .product-info {
    margin-top: 30px
}

.product.product-detail .preview {
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
}

.product-detail .productdetail_weight_cont {
	align-self: flex-end;
	margin-top: 18px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.product-detail .productdetail_weight_cont .ShtCount {
	font-size: 14px;
	margin-right: 5px;
}

.product.product-detail .preview img {
    width: 80%;
	height: 50%;
	position: relative;
	margin: auto;
	display: block;
}

.product-detail .likes_cont {
	align-self: flex-start;
	margin-top: -5px;
	width: 60px;
}

.product-detail .copy_link, .product-item .copy_link {
	align-self: flex-start;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.product-detail .preview_bottom_cont {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}

.product-detail .go_to_card {
	align-self: flex-start;
	margin-top: 10px;
	margin-left: 10px;
	color: var(--gray-text-color);
	display: flex;
	border-bottom: 1px solid;
	text-decoration: none;
	align-items: center;
}

.product-detail .go_to_card img {
	display: inline-block;
	margin-top: 2px;
	height: 24px;
	width: 24px;
}

.product-detail .without-sale {
	bottom: 60px !important;
	left: 0px !important;
}

.product-detail .likes {
	height: 34px;
	width: 34px;
}

.product.product-detail .preview .likes {
    opacity: 1
}

.product.product-detail .product-prices {
    margin: 10px 0px 0px 0px
}

.product.product-detail .back-to-catalog {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.7;
    color: #000000
}

.product.product-detail .back-to-catalog a {
    text-decoration: none
}

.product.product-detail .back-to-catalog a span {
    border-bottom: 1px solid #929799
}

.product.product-detail .back-to-catalog a span:hover {
    border: none;
    color: #fe0000
}

.product.product-detail .back-to-catalog a:hover {
    color: #f22b42
}

.product.product-detail .back-to-catalog a:hover:before {
    background: url(../images/can-u-back.png) no-repeat scroll 0 -6px
}

.product.product-detail .back-to-catalog a:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 10px 8px 0 5px;
    background: url(../images/can-u-back.png) no-repeat scroll 0 0;
    width: 18px;
    height: 6px
}

.product.product-detail .product-energy a {
    font-size: 14px;
    font-weight: 700;
    font-stretch: condensed;
    text-decoration: underline;
	color: var(--purple-blue-color) !important;
	text-underline-offset: 4px;

}

.product.product-detail .product-energy a:hover, .product.product-detail .product-energy a.pop-active {
    color: #fe0000;
    border: none
}

.load-more {
    margin-top: 20px
}

.product-load-more-btn {
    display: block;
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    border: solid 1px #bfc5c7;
    font-size: 16px;
    font-stretch: condensed;
    line-height: 1.6;
    color: #a9a9a9;
    text-decoration: none;
    text-align: center;
    line-height: 2;
    cursor: pointer
}

.product-load-more-btn:hover {
    text-decoration: none;
    color: #747474;
    border-color: #a9a9a9
}

.product-load-more-btn:focus {
    text-decoration: none;
    color: #747474;
    border-color: #a9a9a9
}

.product-close {
    top: 22px;
    right: 22px;
    z-index: 1;
    display: inline-block;
    position: absolute;
    background-color: white;
    /*border: solid 1px #e6e6e6;*/
    border-radius: 50%;
    margin-right: -21px;
    margin-top: -21px;
    cursor: pointer;
}

.product-close img {
    width: 60px;
    padding: 10px;
}

#product-detail .flickity-prev-next-button.previous {
    left: -30px;
}

#product-detail .flickity-prev-next-button.next {
    right: -30px;
}

#product-detail .flickity-prev-next-button:focus {
    box-shadow: none;
}

.product.product-detail .product-info {
    margin-top: 10px;
	padding-bottom: 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	min-height: 360px;
}

.product-detail .composition__item span {
	color: var(--gray-text-color);
}

/******************/

/* gift */

.gift-container {
    padding-top: 20px
}

.gift-container .product.gift {
    overflow: hidden;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    -ms-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out
	height: 345px !important;
}

.gift-container .product.gift.masked .mask {
    visibility: visible;
    opacity: 1
}

.gift-container .product.gift .mask {
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -ms-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    transition: opacity .8s ease;
    opacity: 0;
    visibility: hidden;
    background: url(../images/maska.png) repeat scroll;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5
}

.gift-container .product.gift .front-side {
    z-index: 10;
    opacity: 1;
    visibility: visible
}

.gift-container .product.gift .back-side {
    width: 100%;
    height: inherit;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    background: #cbce43;
    background: -moz-linear-gradient(top, #cbce43 0%, #b8ba36 100%);
    background: -webkit-linear-gradient(top, #cbce43 0%, #b8ba36 100%);
    background: linear-gradient(to bottom, #cbce43 0%, #b8ba36 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbce43', endColorstr='#b8ba36', GradientType=0)
}

.gift-container .product.gift .back-side:before {
    content: ' ';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    animation: gift-animation-full 2300s linear infinite;
    -webkit-animation: gift-animation-full 2300s linear infinite;
    background: url(../images/stars-gift-inner.png) repeat 0 0 fixed
}

.gift-container .product.gift .back-side:after {
    content: ' ';
    width: 170px;
    height: 228px;
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    top: 80px;
    background: url(../images/selected-gift-inner.png) no-repeat
}

.gift-container .product.gift.active {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border-bottom: none
}

.gift-container .product.gift.active .front-side {
    opacity: 0;
    visibility: hidden;
    z-index: 0
}

.gift-container .product.gift.active .back-side {
    opacity: 1;
    visibility: visible
}

.gift-container .product.gift .product-info {
    height: auto
}

.gift-container .product.gift .get-gift-btn, .gift-container .product.gift .get-another-gift-btn {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    outline: none;
    display: block;
	width: 100%;
    height: 43px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 0;
    background-color: rgba(248, 81, 92, 1);
    border: none;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.5;
    color: white;
	z-index: 1;
}

.gift-container .product.gift .get-gift-btn:hover, .gift-container .product.gift .get-another-gift-btn:hover {
    background-color: rgba(248, 81, 92, .9);
    color: white;
}

.gift-container .product.gift .gift-in-basket-text {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 22px;
    font-weight: 400;
    font-stretch: condensed;
    line-height: 1.5;
    color: #fff;
    width: 171px;
    text-align: center
}

.gift-container .product.gift .gift-in-basket-text div:nth-child(1) {
    font-size: 45px
}

.gift-container .product.gift .gift-in-basket-text div:nth-child(2) {
    font-size: 24px;
    line-height: 0.1;
    font-weight: 300
}

.gift-container .product.gift .get-another-gift-btn {
    background-color: #f8515c;
    color: white;
	height: 46px;
}

.gift-container .product.gift .get-another-gift-btn:hover {
    background-color: #ff4157
}

.gift-container .product.gift .gift-progress-info {
    position: absolute;
    bottom: 0;
    width: 100%
}

.gift-container .product.gift .gift-progress-info .line {
    height: 33px;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2.3;
    color: #ffffff;
    text-align: center
}

.gift-container .product.gift .gift-progress-info .line .currency {
    font-size: 16px;
    padding-left: 3px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.gift-container .product.gift .gift-progress-info .line.limit1 {
    background-color: #9db832
}

.gift-container .product.gift .gift-progress-info .line.limit2 {
    background-color: #ff8a00
}

.gift-container .product.gift .gift-progress-info .line.limit3 {
    background-color: #a066b3
}

.gift-container .product.gift .gift-progress-info .progress-container {
    background: #d8d8d8;
	height: 43px !important;
}

.gift-container .product.gift .gift-progress-info .progress-container .progress-bar {
    height: 3px !important;
	background-color: #fb4f58 !important;
}

.gift-container .product.gift .gift-progress-info .progress-container .progress-bar-content {
    padding-top: 9px;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.3;
    text-align: center;
    color: #292f32;
	background: #f6f8f9 !important;
	margin-top: 3px;
	padding-bottom: 13px;
	z-index: 1;
}

.gift-container .product.gift .gift-progress-info .progress-container .progress-bar-content div {
	width: 180px;
    margin: 0 auto;
    text-align: center
}

.gift-container .product.gift .gift-progress-info .progress-container .progress-bar-content span {
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    font-weight: 400
}

.gift-container .product.gift .gift-progress-info .progress-container .progress-bar-content span .currency {
    font-size: 26px;
    padding-left: 3px
}

.gift-container .product.gift:hover .progress-container {
    display: block
}

.gift-container .product.gift:hover:not(.active) {
	border-color: #fb4f58;
}

.gift-container .product.gift:hover .native_text {
	display: none;
}

.gift-container .product.gift .hover_text {
	display: none;
}

.gift-container .product.gift:hover .hover_text {
	display: block;
}

.gift-container .product.gift .gift-progress-info .progress-container .progress-bar-content div * {
	font-size: 16px !important;
}

.gift-sticky {
    z-index: 10;
    width: 44px;
    height: 349px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
    right: 0;
    top: 200px
}

.gift-sticky.sticky {
    position: fixed
}

.gift-sticky .grade-cont {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
    width: 22px;
    height: 328px;
    position: relative;
    margin: 10px auto
}

.gift-sticky .grade-cont .grade {
    height: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: url(../images/gift-grade.png) no-repeat scroll center bottom;
    width: 12px;
    position: absolute;
    bottom: 4px;
    right: 4px
}

.gift-sticky .gift-toggle {
    cursor: pointer;
    width: 34px;
    height: 34px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #b7b7b7;
    position: absolute;
    left: -34px;
    top: 15px
}

.gift-sticky .gift-toggle.active {
    background-color: #f8515c
}

.gift-sticky .gift-toggle.active:hover {
    background-color: #ff4157
}

.gift-sticky .gift-toggle:hover {
    background-color: #c7c7c7
}

.gift-sticky .gift-toggle svg {
    width: 20px;
    height: 19px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.gift-sticky .gift-toggle svg path {
    fill: white
}

.gift-sticky .expanded-gift {
    display: none;
    padding: 20px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 251px;
    height: 442px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 5px 30px 0 rgba(81, 92, 98, 0.2)
}

.gift-sticky .expanded-gift.open {
    right: 20px;
    position: absolute
}

.gift-sticky .expanded-gift .title {
    font-size: 20px;
    font-weight: bold;
    font-stretch: condensed;
    line-height: 1.5;
    color: #292f32
}

.gift-sticky .expanded-gift .description {
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.1;
    color: #292f32
}

.gift-sticky .expanded-gift .grade-cont {
    margin: 15px 0
}

.gift-sticky .expanded-gift .gifts-list {
    position: absolute;
    left: 30px
}

.gift-sticky .expanded-gift .gifts-list .gift-item {
    animation: gift-animation 700s linear infinite;
    -webkit-animation: gift-animation 700s linear infinite;
    background: url(../images/animate-star-sprite.png) repeat-y -532px 0, #d5d5d5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 177px;
    height: 102px;
    background-color: #efefef;
    position: relative
}

.gift-sticky .expanded-gift .gifts-list .gift-item.not-animate {
    animation: none;
    -webkit-animation: none
}

.gift-sticky .expanded-gift .gifts-list .gift-item:before {
    content: ' ';
    width: 80px;
    height: 87px;
    background: url(../images/gifts-sprite.png) no-repeat 0 -330px;
    position: absolute;
    z-index: 10;
    display: block;
    right: 10px;
    top: 15px
}

.gift-sticky .expanded-gift .gifts-list .gift-item.limit1.active {
    background: url(../images/animate-star-sprite.png) repeat-y -353px 0, #b1ce00
}

.gift-sticky .expanded-gift .gifts-list .gift-item.limit1.active:before {
    background: url(../images/gifts-sprite.png) no-repeat 0 -221px
}

.gift-sticky .expanded-gift .gifts-list .gift-item.limit2.active {
    background: url(../images/animate-star-sprite.png) repeat-y -177px 0, #fbc805
}

.gift-sticky .expanded-gift .gifts-list .gift-item.limit2.active:before {
    background: url(../images/gifts-sprite.png) no-repeat 0 -107px
}

.gift-sticky .expanded-gift .gifts-list .gift-item.limit3.active {
    background: url(../images/animate-star-sprite.png) repeat-y 0 0, #ff3e4c
}

.gift-sticky .expanded-gift .gifts-list .gift-item.limit3.active:before {
    background: url(../images/gifts-sprite.png) no-repeat 0 0
}

.gift-sticky .expanded-gift .gifts-list .gift-item.active .badge {
    background-color: #292f32
}

.gift-sticky .expanded-gift .gifts-list .gift-item .badge {
    top: 5px;
    width: 101px;
    height: 25px;
    background-color: #a0a9ab;
    position: absolute;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.gift-sticky .expanded-gift .gifts-list .gift-item .badge .price {
    font-size: 16px;
    font-stretch: condensed;
    line-height: 1.5;
    color: #ffffff;
    position: absolute;
    top: 0px;
    padding-left: 6px
}

.gift-sticky .expanded-gift .gifts-list .gift-item .badge .currency {
    font-size: 19px;
    padding-left: 3px
}

.gift-sticky .expanded-gift .gifts-list .gift-item .badge svg {
    width: 18px;
    margin-top: 4px;
    margin-left: 7px
}

.gift-sticky .expanded-gift .gifts-list .gift-item .badge svg path {
    fill: white
}

.gift-sticky .expanded-gift .gifts-list .gift-item .get-gift {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    min-width: 78px;
    max-width: 108px;
    z-index: 10;
    padding: 0 10px;
    height: 26px;
    border: none;
    background-color: #f8515c;
    font-size: 12px;
    font-stretch: condensed;
    line-height: 2.1;
    color: #ffffff;
    text-align: center;
    text-decoration: none
}

.gift-sticky .expanded-gift .gifts-list .gift-item .get-gift:hover {
    background-color: #ff485d
}

/*********************/

/* bonuses-info */

#popover-bonuses-info.in {
    margin-top: 20px
}

#bonuses-info {
    width: 450px;
    height: 170px;
    padding-top: 30px;
	overflow-x: hidden;
}

#bonuses-info .title {
    font-size: 18px;
    line-height: 1
}

#bonuses-info .description {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.2
}

header .auth-block .bonuses-info-btn:hover i, header .auth-block .bonuses-info-btn.pop-active i {
    background-color: #b0b832
}

header .auth-block .bonuses-info-btn:hover svg path, header .auth-block .bonuses-info-btn.pop-active svg path {
    fill: white
}

/******************/

/* change town */

#popover-changetown{
	width: 250px;
	min-height: 150px;
	text-align: center;
	overflow: hidden;
	border-radius: 25px;
}

#popover-changetown .title{
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
}

#popover-changetown .town{
	font-size: 16px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.4;
	color: #292f32;
	text-decoration: none;
	border-bottom: 1px dashed #93989a;
}

#changetown .town:hover {
    color: red;
    text-decoration: underline;
	border: none;
}

#changetown .body {
    padding-bottom: 15px;
}

/*******************/

/* rules */

#rules-modal {
	z-index: 9999;
}

#rules-modal .md-content {
    width: 730px;
    height: auto;
    background: white;
    padding: 30px 50px;
    padding-right: 11px;
	overflow-y: auto;
}

#rules-modal .md-content .md-close {
    position: absolute;
    right: 10px;
    top: 10px
}

#rules-modal .md-content .md-close svg {
    width: 20px
}

#rules-modal .md-content .md-close svg path {
    fill: #979797
}

#rules-modal .md-content .modal-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7;
    font-stretch: condensed;
    color: #000000
}

#rules-modal .md-content .rules-text-cont {
	text-align: justify;
	text-indent: 1.5em;
    font-size: 14px;
    line-height: 1.3;
    color: #4d4d4d;
    font-weight: 300;
    padding-right: 50px;
}

#rules-modal .md-content .rules-text-cont.scroll-wrapper {
    background: url("/assets/imagess/shadow_rules.png") bottom no-repeat
}

/********************/

/* modals */

#cookie-modal {
	display: flex;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: 2px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	z-index: 9998;
	background-color: #ffffff;
}

#cookie-modal .modal-header{
	border: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 3px;
	width: 100%;
}

#cookie-modal .modal-title{
	font-size: 14px;
	font-family: "Nunito", cursive, sans-serif; 
	font-weight: 300;
	line-height: 1.2;
	margin-top: 8px;
}

#cookie-modal .cookie-btn {
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: var(--main-color);
	border: solid 1px var(--main-color);
	font-family: "Nunito", cursive, sans-serif; 
	font-weight: 300;
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    color: white;
    text-align: center;
    cursor: pointer;
	height: auto;
	padding: 4px 6px 4px 6px;
	margin-top: 8px;
}

#cookie-modal a {
	text-decoration: underline;
}

#global-overlay {position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0; -moz-opacity: 0;display: none;z-index: 99}

#cookie-overlay {position: fixed;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0; -moz-opacity: 0;display: none;z-index: 99}


.md-modal {
	width: 480px;
	margin: 0; 	
	z-index: 101;
	position: fixed;
	top: 33.333%;
	left: 50%;
	margin: 0 auto;
	width: 50%;
	max-width: 500px;
	min-width: 320px;
	height: auto;
	z-index: 2000;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.md-show.md-effect-1 .md-content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.md-effect-1 .md-content {
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.md-content {
	color: #fff;
	background: #fff;
	position: relative;
	border-radius: 3px;
	margin: 0 auto;
	padding: 0 0 8px 0;
}
.md-content h3 {
	color: #000;
	margin: 0;
	padding: 18px 30px 0 30px;
	text-align: center;
	font-size: 28px;
	font-weight: 400;
	border-radius: 3px 3px 0 0;
}
.modern-checkbox input[type="checkbox"] {
	display:none;
}
.modern-checkbox .checkbox {
	width:21px;
	height: 21px;
	background: url(/assets/imagess/agree-sprite.png) left -20px no-repeat;
	text-align: center;
	padding: 0px 10px;
	margin: -10px 0 0 0;
}
.modern-checkbox .checkbox.active {background: url(/assets/imagess/agree-sprite.png) left top no-repeat}

.md-show {
	visibility: visible !important;
	display: block !important;
	opacity: 1 !important;filter: alpha(opacity=100) !important;-ms-filter: "alpha(opacity=100)" !important;-khtml-opacity: 1 !important; -moz-opacity: 1 !important
}
.md-content > div {
	padding: 0 30px 0;
	margin: 0;
	font-weight: 300;
	font-size: 1.15em;
	color: black;
	margin-top: 14px;
}
.md-content > div > p, .md-content-message {
	padding-top: 12px !important;
	text-align: center
}
.md-content {
	color: #fff;
}

.md-content label {
	padding-left: 36px;
	padding-top: 4px;
	position: relative;
	z-index: 97;
	cursor: pointer;
	outline: 0;
	display: block;
	margin: 0 0 8px;
	color: #555;
	font-size: .867em;
	min-height: 20px;
}
#callback-modal, #thanks-modal {
	bottom: 30%;
	left: 50%;
	right: 50%;
}

#callback-modal .bd-error {
    font-size: 15px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.7;
    color: #ff0101;
    margin-top: 10px;
	text-align: center;
}

.modal-big-btn-close {
	-webkit-transition: All 0.25s ease;-moz-transition: All 0.25s ease;-o-transition: All 0.25s ease;-ms-transition: All 0.25s ease;transition: All 0.25s ease
	border: none;
	padding: 0.6em 1.2em !important;
	background: #a8232c;
	color: #fff;
	font-family: "Nunito", cursive, sans-serif; 
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
	border: none;
}
	/*.modal-big-btn-close:hover, button:hover {
		background: #7d1018;
	}*/
	button[disabled] {color: #fbb4b9;background: #e74853}
.md-content button {
	display: block;
	margin: 0 auto;
	font-size: 0.8em;
}
.modal-big-btn-close, button[type="submit"] {
	margin: 36px auto 12px auto;
}
.md-modal form input {
	border: none;
	padding: 8px;
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	width: 90%;
	margin: 12px auto;
}
.md-modal label {color: #555}
.md-modal .btn {width: auto;padding: 8px 16px 31px 8px}
.md-modal .btn {width: auto; padding: 8px 16px 10px 18px; text-align: center}
.modal-btn-close {
	position: absolute;
	z-index: 111;
	right: 17px;
	top: 12px;
}

.modal-btn-close:hover {
	text-decoration: none;
}

.md-modal button, .md-modal button:hover, .modal-big-btn-close, .modal-big-btn-close:hover  {
	-webkit-transition: All 0.25s ease;-moz-transition: All 0.25s ease;-o-transition: All 0.25s ease;-ms-transition: All 0.25s ease;transition: All 0.25s ease;
	border-color: #ff4157;
	background: #ff4157;
	color: #fff;
	border: none;
	border-radius: 4px;
	margin: 32px 0 12px auto;
	font-size: 17px;
	font-weight: normal;
	text-transform: none;	
}

.md-modal button[disabled] {
	background-color: #ffffff;
	border: solid 1px #e2e4e5;
	color: #b6babb;
}

.backcall {
	padding: 0px 20px;
}

#gift-modal {
	width: 880px;
	height: 530px;
	left: 0;
	right: 0;
	margin: 5% auto;
}
#gift-modal .md-content {
	background: #fff;
	padding: 20px 0;
	padding: 12px 24px;
}
.modal-backdrop:not(.show) {display: none}

.md-modal label {
	display: block;
	padding-left: 15px;
	text-indent: -15px;
}
.md-modal input[type="checkbox"] {
	width: 13px !important;
	height: 19px;
	padding: 0;
	margin: 0 8px 0 0;
	vertical-align: bottom;
	position: relative;
	top: -1px;
	overflow: hidden;
}
#gift-modal:not(.show) {display: none !important};


#callback-form button {display: inline-block}

#callback-form {
	text-align: center;
}
#callback-modal .md-content {
	padding: 8px;
	border-radius: 25px;
}

#callback-modal .h3 {
	font-size: 24px;
	font-weight: 700;
	font-family: "Nunito", cursive, sans-serif;
}

#callback-modal p {
	font-weight: 700;
	margin-top: -15px;
	font-size: 18px;;
}

#callback-modal input {
	border: none;
	background-color: var(--gray-back-color);
	border-radius: 25px;
	padding: 10px 20px;
}

.callback_agreement {
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	margin-left: 25px;
}

.callback_agreement a {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.backcall {
	background-color: var(--main-color) !important;
	width: 95%;
	border-radius: 25px !important;
	font-weight: 700 !important;
}

#thanks-modal .md-content {
	padding: 8px;
	border-radius: 25px;
}

#thanks-modal .md-content-message {
	font-weight: 700;
}

#thanks-modal .modal-big-btn-close {
	background-color: var(--main-color) !important;
	width: 95%;
	border-radius: 25px !important;
	font-weight: 700 !important;
	border: none !important;
	color: var(--white-text-color) !important;
}

@media screen and (max-width: 767px) {

	#product-detail .modal-content {
		top: 30px;
		max-width: 100% !important;
		min-width: 0 !important;
		background-color: #fff;
		min-height: 230px;
		transform: translateY(0);
		opacity: 1;
		transition: all .3s;
		position: relative;
		border-radius: 3px;
		margin: 0 auto 0 0;
		padding: 8px;
		width: 100%;
	}	
}

@media screen and (max-width: 479px) {
	#callback-modal {width: auto}
	.md-modal form input {margin-top: 8px}
	.phonetext {
		height: auto;
		padding: 18px;
		display: block;
		align-content: center;
		align-items: center;
		width: 100%;
		margin: 0;
	}
	.phonetext .phone1, .phonetext .phone2 {
		width: 50%;
		text-align: center;
		margin: 12px auto;
		padding: 0;
		float: left;
		display: block;
		font-size: 12px;

	}
}

.text-center {text-align: center}
.align-center {margin-left: auto;margin-right: auto}

.modal-big-btn-close, button {
	height: 50px;
	vertical-align: center;
}

.main-help-block {
	display: none;
    margin-top: -10px;
    margin-bottom: 20px;
    color: #f82c44;
    font-size: 17px;
	padding-left: 25px;
}

.payment-footer .main-help-block {
	display: none;
    margin-top: -10px;
    margin-bottom: 0px;
    color: #f82c44;
    font-size: 17px;
	padding-left: 25px;
	margin-top: 15px;
	text-align: center;
	width: 97%;
}

/**************/

/* news-list */

.news-list {
    margin-top: 10px
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.news-list .news-item {
    padding: 10px;
	margin-top: 10px;
	width: 50%;
	border-bottom: 1px solid #a4a4a4;
}

.news-list .news-item.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: moveUp 0.65s ease forwards;
    animation: moveUp 0.65s ease forwards
}

.news-list .news-item .news-photo {
    padding-left: 0;
	width: 100% !important;
	max-width: 100% !important;
}

.news-list .news-item .news-photo img {
	position: relative;
    width: 100%;
    height: auto;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    margin: 0;
	margin-left: 17px;
}

.news-list .news-item:hover .news-title .news-arrow-icon svg {
    opacity: 1;
    -webkit-animation-name: arrowShow;
    -o-animation-name: arrowShow;
    animation-name: arrowShow
}

.news-list .news-item.without-photo {
    padding-top: 30px;
    padding-bottom: 30px
}

.news-list .news-item .news-title {
    font-size: 20px;
	font-stretch: condensed;
	line-height: 1.2;
	color: black;
	position: relative;
	font-weight: 700;
	font-family: "Nunito", cursive, sans-serif;
}

.news-list .news-item .news-title span {
    position: relative;
    display: inline-block
}

.news-list .news-item .news-title .news-arrow-icon {
    position: absolute;
    top: 0;
    right: -30px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    width: 31px;
    height: 31px
}

.news-list .news-item .news-title .news-arrow-icon svg {
    width: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-animation: arrowHide .5s;
    -o-animation: arrowHide .5s;
    animation: arrowHide .5s;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    -o-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.news-list .news-item .news-title .news-arrow-icon svg circle {
    stroke-width: 4px;
    stroke: white;
    fill: transparent
}

.news-list .news-item .news-title .news-arrow-icon svg path {
    stroke-width: 4px;
    stroke: white;
    fill: white;
    stroke-linejoin: round;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    fill: rgba(255, 255, 255, 0);
    -webkit-transition: stroke .2s ease-in-out;
    -o-transition: stroke .2s ease-in-out;
    transition: stroke .2s ease-in-out
}

.news-list .news-item .news-title a {
    border-bottom: 1px solid #93989a
}

.news-list .news-item .news-title a:hover {
    border-bottom: none
}

.news-list .news-item .news-date {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2;
    color: #292f32
}

.news-list .news-item .news-text {
    margin-top: 20px;
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.5;
    color: black;
    font-weight: 300
}

.news-list .news-item .news-text ol {
    padding-left: 13px
}

.news-list .news-item .news-text.col-xl-7 {
    padding-bottom: 30px;
	width: 100% !important;
	max-width: 100% !important;
}

.news-list .news-item .news-text img {
    max-width: 100%
}

.news-detail .news-detail-image img {
    max-width: 100%;
    height: auto
}

.news-detail .back-to-catalog {
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.7;
    color: #000000
}

.news-detail .back-to-catalog a {
    text-decoration: none
}

.news-detail .back-to-catalog a:hover {
    text-decoration: underline;
    color: #f22b42
}

.news-detail .back-to-catalog a:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    margin: 10px 8px 0 5px;
    background: url(../images/can-u-back.png) no-repeat scroll 0 0;
    width: 18px;
    height: 6px
}

.news-detail .back-to-catalog a:hover:before {
    background: url(../images/can-u-back.png) no-repeat scroll 0 -6px
}

.news-detail .back-to-catalog .go-back:hover {
    border: none
}

.news-detail .detail-content {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 300
}

.news-detail .additional-photo-item {
    padding: 0
}

.news-detail .additional-photo-item a {
    overflow: hidden;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    margin: 15px;
    border: 1px solid #e6e6e6
}

.news-detail .additional-photo-item a img {
    max-width: 100%
}

.news-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	flex-direction: column;
	width: 100%;
	align-items: center;
}

.newsfooter-content {
	-webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    padding: 10px;
    margin-top: 10px;
	margin-right: -17px;
	margin-left: -17px;
}

.newsfooter-text {
	margin-top: 20px;
    font-size: 14px;
    font-stretch: condensed;
    line-height: 1.5;
    color: #292f32;
    font-weight: 300
}

.newsfooter-text p {
	margin-top: 5px;	
}

.content-page.page-simple p {

    margin: 0;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.5;
    color: #292f32;

}

ol, ul, dl {

    margin-top: 0;
    margin-bottom: 1rem;

}

/************/

/* tooltip */

.tooltip {
  position: absolute;
  z-index: 10070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: fit-content;
  padding: 0.25rem 0.5rem;
  color: var(--white-text-color);
  text-align: center;
  background-color: var(--secondary-color);
  border-radius: 0.35rem;
  min-width: fit-content;
  margin-top: 10px;
  margin-left: 10px;
  white-space: nowrap;
}

/*****************/

/* catalog */

.catalog-big {
    padding-top: 100% !important;
	margin-right: 0!important;
	max-width: 50%;
}

.catalog_title {
	font-family: "Nunito-Black";
	font-size: 2rem !important;
	font-weight: 400 !important;
}

.category-view-name {
	margin-top: -15px;
}

.category-view-item {
    margin-top: 30px;
    float: none;
    display: inline-block;
    width: 32%;
	height: 180px;
}

.category-view-item .category-view-image {
    /*border: 1px solid #e6e6e6;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

.category-view-item .category-view-image picture, .category-view-item .category-view-image img {
    max-width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
}

.category-view-item .category-view-name .name-cont a {
    font-size: 24px;
	color: black;
	text-decoration: underline;
	border-bottom: 1px solid black;
	font-weight: 700;
	text-underline-offset: 5px;
}

.category-view-item .category-view-name .name-cont a:hover {
    text-decoration: none;
	border-bottom: none;
}

.category-view-item .category-view-name .sub-categories {
    list-style: none;
    padding: 0;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	white-space: nowrap;
}

.category-view-item .category-view-name .sub-categories li {
    float: left;
    margin-right: 10px;
}

.category-view-item .category-view-name .sub-categories li a {
    font-size: 16px;
	color: var(--purple-blue-color);
	text-decoration: underline;
	text-underline-offset: 4px;
	font-weight: 700;
}

.category-view-item .category-view-name .sub-categories li a:hover {
    text-decoration: none;
	border-bottom: none;
}

.category-view-item .category-view-description {
    padding: 0;
    padding-top: 15px;
    font-weight: 300;
    font-size: 14px;
    color: #3f484d
}

/*******************************/

.content-page {
    padding-top: 50px
}

.content-page.delivery-page {
    padding-top: 10px
}

.content-page.empty-items .status-title {
    font-size: 15px;
    font-weight: normal
}

.content-page.page-simple p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.5;
    color: #292f32
}

.content-page.page-simple p span {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5
}

.content-page.page-simple h2 {
    margin-top: 15px;
    font-size: 18px;
    font-stretch: condensed;
    line-height: 1.3;
    color: #292f32
}

.content-page.error_text .status-title {
    font-size: 15px;
    font-weight: normal
}

.content-page.page-403 .status-title {
    font-size: 20px;
    font-weight: bold;
    font-stretch: condensed;
    line-height: 1.2;
    text-align: center;
    color: #292f32
}

.content-page h1 {
    font-size: 30px;
    font-weight: bold;
    font-stretch: condensed;
    line-height: 0.7;
    color: #32292a;
    text-align: center
}

.content-page .status-title {
    font-size: 20px;
	font-weight: 400;
	font-stretch: condensed;
	line-height: 1.2;
	text-align: center;
	color: black;
	padding-bottom: 30px;
	font-family: "Inter-Bold";
}

.content-page .status-text {
    font-size: 16px;
	font-stretch: condensed;
	line-height: 1.3;
	text-align: center;
	color: black;
	margin: 10px auto;
	width: 400px;
	font-weight: bold;
}

.content-page .to-root {
    display: block;
	width: 300px;
	height: 45px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 25px;
	background-color: var(--main-color);
	font-family: "Inter-Bold";
	font-size: 16px;
	font-stretch: condensed;
	line-height: 2.7;
	text-align: center;
	color: #ffffff;
	margin: 20px auto 60px auto;
	text-decoration: none;
}

.content-page .status-icon {
    position: relative;
    width: 115px;
    height: 115px;
    margin: 25px auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.content-page .status-icon span {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    color: white;
    font-size: 45px;
    text-align: center;
    padding-top: 24px
}

.content-page .status-icon img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 72px
}

.content-page .status-icon svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 72px
}

.page-404 h2 {
	text-align: center;
}

.content-page .status-icon.icon-404 {
    background-color: #f8515c
}

.content-page .status-icon.icon-404 img {
    width: 72px
}

.content-page .status-icon.icon-404 svg {
    width: 72px
}

.content-page .status-icon.icon-403 {
    background-color: #f58323
}

.content-page .status-icon.icon-payment-fail {
    background-color: #f8515c
}

.content-page .status-icon.icon-payment-fail img {
    width: 35px
}

.content-page .status-icon.icon-payment-success {
    background-color: #a8ca00
}

.content-page .status-icon.icon-payment-success img {
    width: 35px
}

/******************/

/* footer */

footer .social-icons-footer a.sprite-social_vk {
    background-position: -5px -525px;
}
footer .social-icons-footer a.sprite {
    background-image: url(../images/spritesheet.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
}
footer .social-icons-footer a {
    margin-right: 5px;
}

footer .social-icons-footer a.sprite-social_instagram {
    background-position: -5px -673px;
}

.forgetgift {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	height: 51px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background-color: #f8515c;
	border: solid 1px #f8515c;
	font-size: 14px;
	font-stretch: condensed;
	line-height: 1.4;
	color: #ffffff;
	margin-top: 10px;
	width: 267px;
	margin-bottom: 20px;
}

.forgetgift-label span {
	font-weight: 600;
}

.forget {
	display: none;
}

.forgetgift:hover {
    color: #ffffff;
    background-color: #fe3446
}

.news-text a {
	text-decoration: underline;
}

.emptyfilter {
	color: #666666;
	font-size: 18px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 105px;
	font-weight: bold;
}

.basket_ad {
	position: fixed;
	top: 10%;
	left: 0;
	right: 0;
	margin: auto;
    z-index:9990;
    width:40%;
	max-width: 500px;
	height: 75%;
    background: white;
	border: 2px solid #c9c9c9;
	border-radius: 28px;
	overflow-x: none;
}

@media(min-height:600px) {
.basket_ad {
	position: fixed;
	top: 10%;
	left: 0;
	right: 0;
	margin: auto;
    z-index:9990;
    width:40%;
	max-width: 500px;
	height: 65%;
    background: white;
	border: 2px solid #c9c9c9;
	border-radius: 28px;
	overflow-x: none;
}
}

.basket_ad_scroll {
	position: relative;
	width: 90%;
	margin: auto;
	max-height: 98%;
	top: 0;
	left: 0;
	right: 0;
	overflow-x: none;
}

.scroll-element.scroll-x {
	display: none !important;
}

.basket_ad button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 25px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	display: block;
	text-align: center;
	height: 35px;
	width: 80%;
	text-decoration: none;
	background-color: var(--main-color);
	border: solid 1px var(--main-color);
	font-family: "Inter-Bold";
	font-size: 14px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 2.3;
	color: white;
	margin:auto;
	margin-top: 18px;
}

.basket_ad_cancel {
	margin-bottom: 18px !important;
	background-color: var(--gray-back-color) !important;
	border: solid 1px var(--gray-back-color) !important;
}

.basket_ad_cancel span {
	color: var(--purple-blue-color)!important;
	font-family: "Inter-Bold" !important;
}

.basket_ad_buttoncont {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.basket_ad_text {
	display: block;
	font-family: "Inter-Bold";
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	color: black;
	position: relative;
	width: 80%;
	margin: auto;
	margin-top: 15px;
	text-align: center;
}

.basket_ad .prod-image img {
	width: 100%;
	margin: auto;
	position: relative;
}

.basket_ad .prod-image {
	width: 70%;
	margin: auto;
}

.basket_ad .name-cont {
	width: 80%;
	margin: auto;
	margin-top: 15px;
	font-size: 16px;
	font-stretch: condensed;
	line-height: 1.1;
	color: black;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	margin-bottom: 15px;
	white-space: nowrap;
}

.basket_ad .name-cont .name {
	font-family: Nunito;
	font-weight: 700;
	font-size: 18px;
}

.basket_ad .price-block {
	width: 80%;
	margin: auto;
	text-align: center;
}

.basket_ad_oldprice {
	margin-left: 15px;
	margin-right: 0px;
	text-decoration: line-through;
	font-size: 18px;
	font-stretch: condensed;
	line-height: 1.3;
	color: var(--gray-text-color);
	font-family: "Inter-Bold";
	font-weight: 700;
}

.basket_ad_currentprice {
	font-size: 24px;
	line-height: 1;
	color: var(--main-color);
	margin-right: 0px;
	margin-left: 15px;
	font-family: "Inter-Bold";
	font-weight: 700;
}

.basket_ad .currency {
	margin-left: 0;
}

.basket_ad_background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: gray;
	opacity: 0.3;
}

.basket_ad .basket_ad_topline {
	display: inline-block;
	text-align: right;
	width: 100%;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 2px;
}

.basket_ad .basket_ad_timer {
	margin-left: 25px;
}

.basket_ad 	.basket_ad_close {
	display: inline-block;
	color: gray;
	font-size: 22px;
	padding: 3px;
	margin-right: 15px;
	touch-action: manipulation;
}

.ad_discription {
	width: 85%;
	font-family: "Inter";
	font-size: 12px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.2;
	color: black;
	margin: 5px auto;
	margin-left: 45px;
}

.ad_fulldiscription {
	width: 85%;
	font-family: "Inter";
	font-size: 12px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.2;
	color: black;
	margin: 5px auto;
	margin-left: 45px;
}

.price_discount {
	color: red;
	margin-left: 5px;
	font-size: 20px;
	font-family: "Inter-Bold";
}

.newordersum {
	display: block;
	font-family: "Inter-Bold";
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
	color: black;
	position: relative;
	width: 80%;
	margin: auto;
	margin-top: 15px;
	text-align: center;
}

.newordersum span {
	color: var(--main-color);
	font-size: 24px;
	font-family: "Inter-Bold";
}

/*.product.product-detail .product-actions .current-price { color: #000 !important; }*/

.product .product-prices { 
	padding-top: 10px; 
}

.product .product-actions .old-price { 
	font-size: 16px; 
	font-stretch: condensed; 
	line-height: 1.3; 
	color: var(--orange-text-color);
	margin-right: 5px;
}

.currency {
	font-family: "currency";
}

.product .product-actions .line-through { 
	margin-right: 0px;
	text-decoration: line-through; 
}

.product .product-actions .current-price { 
	font-size: 16px; 
	line-height: 1; 
	color: white;
	margin-right: 5px;
}

.product-detail .product-actions .current-price { 
	font-size: 25px; 
	line-height: 1; 
	color: white;
	margin-right: 5px;
}

.product-detail .product-actions .main-price { 
	font-size: 25px; 
	line-height: 1; 
	color: white;
	margin-right: 5px;
}
	
.product .product-actions .weight { 
	font-size: 14px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.7;
	color: #747474; 
}

.product .bonus-price {
    font-size: 14px;
    line-height: 1;
    color: #fe0000 !important;
	border-bottom: 1px dashed;
}

.product .bonuspay {
	text-align: center;
}

.product .bonuspay span {
    font-size: 15px;
    line-height: 1;
    color: #fe0000 !important;
	border-bottom: 1px dashed;
}

.text-hide { 
	display: none; 
}

.product .product-actions {
    margin-bottom: -5px;
	position: relative;
}

.product .product-actions .add-to-cart-btn { 
	position: relative;
	display: block; 
	height: 36px; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	-ms-border-radius: 25px; 
	border-radius: 25px; 
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease; 
	-ms-transition: all .2s ease; 
	-o-transition: all .2s ease; 
	transition: all .2s ease; 
	border: solid 3px var(--main-color); 
	background-color: var(--main-color);
	/*border-radius: 10px;*/
	font-size: 16px;
	font-weight: 600; 
	font-stretch: condensed; 
	line-height: 1.9; 
	text-decoration: none; 
	color: white; 
	text-align: center; 
	cursor: pointer;
	width: 100%;
	/*margin: 0 5%;*/
	margin-left: -2px;
	white-space: nowrap;
}

.product-detail .product-actions .add-to-cart-btn { 
	position: relative;
	display: block; 
	height: 36px; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	-ms-border-radius: 25px; 
	border-radius: 25px; 
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease; 
	-ms-transition: all .2s ease; 
	-o-transition: all .2s ease; 
	transition: all .2s ease; 
	border: solid 3px var(--main-color); 
	background-color: var(--main-color);
	/*border-radius: 10px;*/
	font-size: 16px;
	font-weight: 600; 
	font-stretch: condensed; 
	line-height: 1.9; 
	text-decoration: none; 
	color: white; 
	text-align: center; 
	cursor: pointer;
	width: 100%;
	/*margin: 0 5%;*/
	margin-left: -2px;
	white-space: nowrap;
}

.product-detail .product-actions .add-to-cart-btn .constr-btn { 
	position: relative;
	display: block; 
	height: 36px; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	-ms-border-radius: 25px; 
	border-radius: 25px; 
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease; 
	-ms-transition: all .2s ease; 
	-o-transition: all .2s ease; 
	transition: all .2s ease; 
	border: solid 3px var(--main-color); 
	background-color: var(--main-color);
	/*border-radius: 10px;*/
	font-size: 16px;
	font-weight: 600; 
	font-stretch: condensed; 
	line-height: 1.9; 
	text-decoration: none; 
	color: white; 
	text-align: center; 
	cursor: pointer;
	width: 100%;
	/*margin: 0 5%;*/
	margin-left: -2px;
	white-space: nowrap;
}

.add-to-cart-btn.native:hover {
	background-color: var(--white-text-color);
	color: var(--main-color);
}

.product .product-actions::after, .product .product-actions::before {
    content: ' ';
    clear: both;
    height: 1px;
    display: block;
}

.product .product-actions .add-to-cart-btn.retry {
    color: #9db832;
    border-color: #9db832;
	border-radius: 10px;
}

.constructor_cont {
	height: 30px;
	margin-bottom: 10px;
}

.mainpizzaconstructor {
	position: relative;
	top: 1px;
	left: 0;
	right: 0;
	height: 33px;
	display: flex;
	flex-direction: row;
	align-items: space-between;
	justify-content: space-between;
	margin: auto;
	width: 100%;
	border: solid 2px var(--main-color);
	border-radius: 25px;
	margin-left: -2px;
}

.pizzaconstructor {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 33%;
	height: 31px;
	border: solid 2px rgba(0,0,0,0);
	border-radius: 25px;
	text-align: center;
	/*padding: 2px 2px 3px 2px;*/
	/*margin: 0 5px;*/
}

.mainpizzaconstructor .pizza25 {
	top: -1px;
	left: -1px;
}

.mainpizzaconstructor .pizza30 {
	top: -1px;
	left: 0;
	right: 0;
	margin: auto;
}

.mainpizzaconstructor .pizza35 {
	top: -1px;
	right: -1px;
}

.pizzaconstructor span {
	font-size: 14px;
	font-weight: 600;
	font-stretch: condensed;
	line-height: 1.2;
	color: var(--gray-text-color);
	cursor: pointer;
	margin-top: -2px;
}

.pizzaconstructor.active {
	width: 30%;
	border-color: var(--main-color);
	background-color: var(--main-color);
}

.pizzaconstructor.active span {
	color: var(--white-text-color);
}

.maindeliveryconstructor {
	position: relative;
	top: 1px;
	left: 0;
	right: 0;
	height: 26px;
	display: flex;
	flex-direction: row;
	align-items: space-between;
	margin: auto;
	width: 100%;
	border: solid 2px var(--secondary-color);
	border-radius: 25px;
	margin-left: -2px;
}

.delivconstructor {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 48%;
	height: 25px;
	border: solid 2px rgba(0,0,0,0);
	border-radius: 25px;
	text-align: center;
	/*padding: 2px 2px 3px 2px;*/
}

.delivconstructor.courierconstructor {
	top: -1px;
	left: -1px;
}

.delivconstructor.samovivozconstructor {
	top: -1px;
	right: -1px;
}

.delivconstructor span {
	font-size: 14px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.2;
	color: #666666;
	cursor: pointer;
	margin-top: -3px;
}

.delivconstructor.active {
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}

.delivconstructor.active span {
	color: var(--orange-text-color);
}

.main-price {
	font-size: 16px;
	line-height: 1;
	color: white;
}

.add-to-cart-btn.native:hover .main-price {
	color: var(--main-color);
}

.add-to-cart-btn.native:hover .current-price {
	color: var(--main-color);
}

.add-to-cart-btn span {
	font-family: "Inter-Bold", cursive, sans-serif;
	font-weight: 400;
}

.head {
	/*width: 100%;*/
}

.head_left {
	float: left;
}

.head_right {
	float: right;
	font-weight: normal;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.row {
	display: block;
}

.row > div[class*='col-'] { 
	display: block;
	position: relative;
	float: left;
	flex: none;
}

.row::after {
    content: "";
    display: table;
    clear: both
}

.row-flex { display: block; }

.row-flex > div[class*='col-'] { 
	display: block;
	float: left;
}

.product {
	height: 550px !important;
}

.col-1 {
    float: left;
    width: 8.3333333333%
}

.col-2 {
    float: left;
    width: 16.6666666667%
}

.col-3 {
    float: left;
    width: 25%
}

.col-4 {
    float: left;
    width: 33.3333333333%
}

.col-5 {
    float: left;
    width: 41.6666666667%
}

.col-6 {
    float: left;
    width: 50%
}

.col-7 {
    float: left;
    width: 58.3333333333%
}

.col-8 {
    float: left;
    width: 66.6666666667%
}

.col-9 {
    float: left;
    width: 75%
}

.col-10 {
    float: left;
    width: 83.3333333333%
}

.col-11 {
    float: left;
    width: 91.6666666667%
}

.col-12 {
    float: left;
    width: 100%
}

.promo {
	float: none;
}

.basket-btn-container {
	position: relative;
	float: right !important;
	top: -17px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto !important;
}

.top-menu-container .row {
	margin-left: 25px;
	margin-right: 25px;
}

.top-menu-container .row > nav[class*='col-'] {
	padding: 0;
	margin: 0;
	margin-right: -30px;	
}

.top-menu-container .row > div[class*='col-'] {
	padding: 0;
	margin: 0;
}

	.basket-btn-container .bd-round-icon svg {
		width: 20px;
		margin-top: 0px;
	}

	.promo .apply-code-btn svg {
    position: absolute;
    top: 0px !important;
    bottom: 0px;
    left: 0px !important;
	right: 5px !important;
    width: 25px;
    height: 25px;
    z-index: 1;
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 6px 6px;
    margin: auto;
    right: 0px;
}

	.promo .delete-code-btn svg {
    position: absolute;
    top: 0px !important;
    bottom: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    z-index: 1;
    margin: auto;
    right: 0px;
}
	
	.addons-info {
		padding-left: 10px !important;
		margin-top: 10px !important;
	}
	
	.order-total {
		margin-left: 10px !important;
	}
	
	.remove-basket-item {
		right: 5px;
		top: 4px;
	}
	
	.product-sum {
		margin-right: 15px;
	}
	
	.product-detail.product .product-info {
		display: block;
	}
}



@media screen and (min-width:0\0) {
 .row {
	display: block;
}

.row > div[class*='col-'] { 
	display: block;
	position: relative;
	float: left;
	flex: none;
}

.row::after {
    content: "";
    display: table;
    clear: both
}

.row-flex { display: block; }

.row-flex > div[class*='col-'] { 
	display: block;
	float: left;
}

.product {
	height: 550px;
}

.col-1 {
    float: left;
    width: 8.3333333333%
}

.col-2 {
    float: left;
    width: 16.6666666667%
}

.col-3 {
    float: left;
    width: 25%
}

.col-4 {
    float: left;
    width: 33.3333333333%
}

.col-5 {
    float: left;
    width: 41.6666666667%
}

.col-6 {
    float: left;
    width: 50%
}

.col-7 {
    float: left;
    width: 58.3333333333%
}

.col-8 {
    float: left;
    width: 66.6666666667%
}

.col-9 {
    float: left;
    width: 75%
}

.col-10 {
    float: left;
    width: 83.3333333333%
}

.col-11 {
    float: left;
    width: 91.6666666667%
}

.col-12 {
    float: left;
    width: 100%
}

.promo {
	float: none;
}

.basket-btn-container {
	position: relative;
	float: right !important;
	top: -17px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto !important;
}

.top-menu-container .row {
	margin-left: 25px;
	margin-right: 25px;
}

.top-menu-container .row > nav[class*='col-'] {
	padding: 0;
	margin: 0;
	margin-right: -30px;	
}

.top-menu-container .row > div[class*='col-'] {
	padding: 0;
	margin: 0;
}

	.basket-btn-container .bd-round-icon svg {
		width: 20px;
		margin-top: 0px;
	}
	
		.promo .apply-code-btn svg {
    position: absolute;
    top: 0px !important;
    bottom: 0px;
    left: 0px !important;
	right: 5px !important;
    width: 25px;
    height: 25px;
    z-index: 1;
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 6px 6px;
    margin: auto;
    right: 0px;
}

	.promo .delete-code-btn svg {
    position: absolute;
    top: 0px !important;
    bottom: 0px;
    left: 0px;
    width: 25px;
    height: 25px;
    z-index: 1;
    margin: auto;
    right: 0px;
}

	.addons-info {
		padding-left: 10px !important;
		margin-top: 10px !important;
	}
	
	.order-total {
		margin-left: 10px !important;
	}
	
	.remove-basket-item {
		right: 5px;
		top: 4px;
	}
	
	.product-sum {
		margin-right: 15px;
	}
	
	#product-detail .product {
		height: auto !important;
	}
	
	.product-detail.product .product-info {
		display: block;
	}
	
	.constructor-item {
		display: inline-block;
	}
	
	.constructor-item .image svg {
		top: -10px !important;
		right: 14px !important;
	}
	
	.reorder {
		float: right !important;
	}
	
	.progress-stat {
		width: 85% !important;
	}
	
}

.messagebox_window {
	position: fixed;
	display: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 150px;
	width: 30%;
	background-color: white;
	border: 3px solid #e5e5e5;
	border-radius: 12px;
	z-index: 5000;
	margin: auto;
	overflow: hidden;
}

.messagebox {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: calc(95% - 55px);
	margin: 15px;
	text-align: center;
	overflow-y: scroll;
}

.basket-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 500;
	background-color: #000000;
	opacity: 0.5;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.messagebox-close_cont {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 0;
	padding-bottom: 5px;
	padding-top: 5px;
}

.messagebox-close {
	padding: 5px;
	display: block;
	margin: auto;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 10px;
    height: 35px;
    background-color: #f82c44;
    border: solid 1px #f82c44;
    width: 50%;
	max-width: 250px;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: condensed;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
}

.messagebox p {
	text-indent: 1.5em;
}

.checkout_auth {
	text-align: center;
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 3px solid var(--main-color);
	border-radius: 25px;
	width: 85%;
}

.checkout_auth input {
	text-align: center !important;
}

.checkout_auth .bd-error {
	color: red;
	font-size: 14px;
}

.checkout_auth .checkout_basket_lable {
	margin-top: 10px;
}

.checkout_auth .checkout_basket_lable span {
	font-family: "Nunito";
	font-size: 16px;
	font-weight: 700;
}

.checkout-btn {
    display: block;
    height: 31px;
    width: 70%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: var(--secondary-color);
	border: solid 2px var(--secondary-color);
    font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.4;
    color: white;
	border-radius: 15px;
}

.checkout-btn.retry {
	margin: auto;
}

.checkout-btn:hover{
	background-color: var(--secondary-color);
	border: solid 2px var(--secondary-color);
}

.checkout_auth .bd-input{
	width: 80%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	border: none !important;
}

.checkout_auth .checkout_forgotpassword, .checkout_auth .info-text {
	font-family: "Nunito";
	font-size: 14px;
	font-weight: 700;
}

.checkout_auth .bd-input input {
	background-color: var(--gray-back-color);
	width: 75%;
}

.checkout_auth .checkout-btn {
	margin-top: 16px !important;
	height: 40px !important;
	background-color: var(--main-color) !important;
	border: none !important;
	border-radius: 25px !important;
}

.nosalegift {
	font-size: 11px;
	color: red;
}

.townregbonus {
	position: fixed;
	z-index: 2000;
	bottom: 200px;
	right: 200px;
}

.townregbonus_button {
	position: absolute;
	display: block;
	width: 135px;
	height: 135px;
	border: 1px solid #b7b7b7;
	border-radius: 50%;
	background-color: #f8515c;
}

.townregbonus_button::after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-radius: 50%;
	box-shadow:0px 0px 15px 15px rgba(0, 0, 0, 0.3);
	transition: opacity 1s ease-in-out;
}

.townregbonus_button_transform::after {
	opacity: 1;
}

.townregbonus_button_big {
	/*width: 140px;
	height: 140px;
	border: 1px solid grey;*/
	box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.2);
}

.townregbonus_button svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 75px;
	width: 75px;
}

.townregbonus_button_big svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 75px;
	width: 75px;
}

.townregbonus_button svg path {
	fill: white;
}

@keyframes shadowPulse {
    0% {
        box-shadow: 0px 0px 15px 15px rgba(0, 0, 0, 0.3);
    }

    100% {
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    }
}

.shadow-pulse {
    animation-name: shadowPulse;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

.paymentbutton {
	color: white;
	font-weight: 300;
	padding: 5px 20px;
	height: 40px;
	width: 240px;
	margin: 20px auto;
	background-color: var(--main-color);
	display: block;
	text-align: center;
	cursor: pointer;
	border: 1px solid var(--main-color);
	font-family: "Inter-Bold";
	border-radius: 25px;
}

.status-text a{
	text-decoration: underline;
	color: black;
}

#modal_text {
	position: fixed;
	z-index: 10001;
	top: 10%;
	left: 0;
	right: 0;
	height: 70%;
	width: 70%;
	display: block;
	margin: auto;
	background: white;
	border: 1px solid #b7b7b7;
	border-radius: 10px;
	font-size: 15px;
	padding: 15px;
	text-align: justify;
}

#modal_text .modal_text_cont {
	height: 90%;
	overflow-y: auto;
	overflow-x: hidden;
}

#modal_text .modal_text_close {
	float: right;
	margin-right: 15px;
	margin-top: 15px;
	text-decoration: underline;
	cursor: pointer;
}

.franchise {
	color: #ff4157 !important;
}

.promocodeitem {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.promocodeitem .title {
	margin: 15px 0 15px 0;
	font-size: 30px;
	font-weight: bold;
	color: #ff4157;
}

.promocodeitem .promoimg {
	width: 90%;
}

.promocodeitem .promoimg img {
	position: relative;
	max-width: 100%;
}

.promocodeitem .content1 {
	margin: 15px 0 15px 0;
	font-size: 18px;                                                                                                                           
}

.promocodeitem .promospan {
	border: 2px dotted #ff4157;
	border-radius: 6px;
	font-size: 40px;
	font-weight: bold;
	color: #ff4157;
	padding: 3px 10px 3px 10px;
	background-color: #f7f7f7;
	letter-spacing: 2px;
}

.promocodeitem .content2 {
	margin: 15px 0;
	font-size: 16px;
}

.promocodeitem .content2 a {
	color: #ff4157;
}

.promocodeitem .content2 a: hover {
	color: #ff4157;
}

.promocodeitem .catalog_link {
	display: block;
	margin: 15px 0;
	width: 350px;
}

.promocodeitem .catalog_link_btn {
	display: block;
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ff4157;
    border: solid 1px #bfc5c7;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2.1;
    text-decoration: none;
    color: white;
    text-align: center;
    cursor: pointer
}


/*    qr ********************************************** */


#qr-modal {
	z-index: 9999;
	top: 15%;
}

#qr-modal .md-content {
    width: 730px;
    height: auto;
    background: white;
    padding: 30px 50px;
    padding-right: 11px;
	overflow-y: auto;
}

#qr-modal .md-content .md-close {
    position: absolute;
    right: 10px;
    top: 10px
}

#qr-modal .md-content .md-close svg {
    width: 20px
}

#qr-modal .md-content .md-close svg path {
    fill: #979797
}

#qr-modal .md-content .modal-title {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.7;
    font-stretch: condensed;
    color: #000000
}

#qr-modal .md-content .qr-text-cont {
	text-align: justify;
	text-indent: 1.5em;
    font-size: 14px;
    line-height: 1.3;
    color: #4d4d4d;
    font-weight: 300;
    padding-right: 50px;
}

#qr-modal .md-content .qr-text-cont.scroll-wrapper {
    background: url("/assets/imagess/shadow_rules.png") bottom no-repeat
}

.savedcardslable {
	text-align: center;
	margin: auto;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
}

.savedcards{
	text-align: center;
}

.savedcard {
	display: flex;
	flex-direction: column;
	justify-content: center;
	/*align-items: flex-start;*/
	padding: 10px 15px 10px 15px;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	font-stretch: condensed;
	line-height: 1.2;
	color: #292f32
}

.savedcard input {
	display: none;
}

.savedcard .labelspan {
	padding-left: 40px;
	margin-left: -40px;
	cursor: pointer;
}

.savedcard .spantext {
	display: inline-block;
	min-width: 150px;
}

.savedcard input[type="radio"] + label span {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0;
    vertical-align: top;
    background: url(../images/sprite-checkout-checkbox.png) left 0 no-repeat;
    cursor: pointer
}

.savedcard input[type="radio"]:checked + label span {
    background: url(../images/sprite-checkout-checkbox.png) left -17px no-repeat
}

/*.savecardlabel {
    font-size: 14px;
    position: relative;
	display: block;
}*/

.sl_box {
	display: block;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*.savecardlabel span {
    padding-left: 10px;
    display: inline-block;
    margin-top: -20px;
    cursor: pointer;
}*/

/*.savecardlabel input[type="checkbox"] + label span {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 0 0 0 0;
    vertical-align: top;
    background: url(/assets/imagess/agree-sprite.png) left -20px no-repeat;
    cursor: pointer;
}*/

.savecardlabel input[type="checkbox"] {
	display: none;
}

.savecardbox {
	text-align: center;
	border-radius: 7px;
	line-height: 1.4;
	font-size: 14px;
	font-stretch: condensed;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	position: relative;
}

/*.savecard_agree {
	position: absolute;
	top: 0;
	display: inline-block;
	padding-top: 0px;
	margin-bottom: 40px;
	margin-bottom: 0px !important;
}*/

.savecardagreespan {
	display: inline-block;
	margin-left: 1px;
	margin-top: 1px;
	text-align: left;
}

.savecardagreespan p {
	font-family: "Inter-Bold";
	font-weight: 400;
	color: var(--gray-text-color);
}

/*.savecardlabel input[type="checkbox"]:checked + label span {
    background: url(../images/sprite-checkout-checkbox.png) left -17px no-repeat
}*/

#savecard_agree {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.savecard_agree {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.savecard_agree::before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 17px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.25em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.savecardlabel {
	position: relative;
	top: -55px;
	display: inline-block;
}

.savecardlabel input[type="checkbox"]:checked + label::before {
    background-color: #b3d7ff;
	border-color: #b3d7ff;
}

.savecardlabel input[type="checkbox"]:checked + label::before {
  border-color: var(--main-color);
  /*background-color: #0b76ef;*/
  background-color: var(--main-color);
}

/************* search ***************/

.main_sub_menu {
	display: flex;
	align-items: top;
	justify-content: space-between;
}

.search-cont {
	flex: 2;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
}

.search {
	display: flex;
	align-items: center;
	border-radius: 15px;
	height: 35px;
	background-color: var(--gray-back-color);
}

@media (max-width: 1000px) {
	
	.search-cont {
		justify-content: flex-start;
	}
	
	.search {
		width: 190px !important;
	}
}

.input-cont {
	display: inline-flex;
}

.input-cont .search-input {
	width: 100%;
	right: auto;
	margin: 0;
	background: transparent !important;
    background-color: #f6f8f9;
    color: #333;
    text-align: left;
    cursor: text;
    position: relative;
	border: none !important;
	height: 26px !important;
	top: 1px;
	left: 6px;
}

.searchinput {
	height: 100%;
    width: 100%;
    position: relative;
    display: inline-block;
    padding-left: 0;
    padding-right: 10px;
    text-align: left !important;
	color: gray;
    line-height: 24px;
    cursor: text;
    background: none;
    border: none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left: 10px !important;
	font-size: 17px !important;
}

.searchinput:focus {
	border: none !important;
}

.submenu_bottomtitle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

#searchform {
	width: 100%;
}

.input-cont {
	width: 100%;
	margin-top: 4px;
}

.ceocentrtop h1 {
	width: 100%;
	text-align: center;
}

.ceocentr {
	display: flex;
	margin: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.ceocentr .it-seo-text {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	text-align: left;
}

.ceocentr .product-list {
	width: 100%;
	justify-content: center;
}

.baskethidden .add-to-cart-btn {
	display: none !important;
}

.ceocentr .deliverybuttons {
	display: flex;
	justify-content: center;
	margin: auto;
	width: 100%;
	margin-bottom: 25px;
}

.ceocentr .deliverybuttons button {
	display: block;
    height: 36px;
	width: 200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    border: solid 1px #bfc5c7;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2.1;
    text-decoration: none;
    color: #999999;
    text-align: center;
    cursor: pointer;
	margin: 5px 15px 5px 15px;
}

.ceocentr .deliverybuttons button.active {
	border-color: #ff4157;
    background: #ff4157;
    color: white
}

.ceocentr .product-prices {
	display: flex;
	justify-content: space-around;
}

.ceobottomline {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.ceobottomline div {
	margin-right: 15px;
}

.ceobottomline a {
	display: block;
    height: 36px;
	width: 200px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #9db832;
    border: solid 1px #9db832;
    font-size: 16px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 2.1;
    text-decoration: none;
    color: white;
    text-align: center;
    cursor: pointer;
	margin: 5px 15px 5px 50px;
}

.ceobottomline .old-price {
	font-size: 18px;
	font-stretch: condensed;
	line-height: 1.3;
	color: #bfc5c7;
}

.ceobottomline .line-through {
	text-decoration: line-through;
}

.ceobottomline .new-price {
	font-size: 24px;
	line-height: 1;
	color: #fe0000;
}

.ceobottomline .itog {
	font-size: 20px;
	font-weight: bold;
	margin-right: 20px;
}

.promotopceotext {
	font-size: 24px;
	font-weight: bold;
}

/**********************************/

.bottomceotext {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 70%;
	margin: auto;
}

.bottomceotext div {
	text-align: center;
	font-weight: bold;
}

.bottomceotext .ceopromo {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding: 2px;
	border: 2px solid #ff4157;
	color: #ff4157;
}

.bottomceotext .ceotext {
	margin: 15px 0 15px 0;
}

.bottomceotext .ceoprice {
	margin: 15px 0 15px 0;
}

.bottomceotext .ceobutton {
    display: block;
    height: 36px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background-color: #ffffff;
    border: solid 1px #ff4157;
    font-size: 16px;
    font-weight: bold;
    font-stretch: condensed;
    line-height: 2.1;
    text-decoration: none;
    color: #ff4157;
    text-align: center;
    cursor: pointer
}

.bottomceotext .ceobutton:hover {
    border-color: #ff4157;
    background: #ff4157;
    color: white
}

.ceopop {
	display: inline-block;
	color: gray;
	position: relative;
}

.ceopoptext {
	color: #000;
    display: none;
    position: absolute;
    border-radius: 15px;
    border: solid 1px #bfc5c7;
    background-color: #fff;
    padding: 10px;
    z-index: 6;
    top: -50px;
	margin-left: 20px; 
    overflow: hidden;
	font-size: 14px;
	width: 200px;
}

.filter-likes-cont {
	position: absolute;
	top: 0px;
	right: 0px;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	width: 80px;
	height: 30px;
}

.likelink {
	width: 35px;
	height: 35px;
}

.filter_icon {
	width: 35px;
	height: 35px;
	background: url("/assets/imagess/filters.svg");
	margin-right: 10px;
}

.product-detail .likes .like-icon div { 
	font-size: 12px; 
	font-stretch: condensed; 
	line-height: 1.6; 
	color: #292f32; 
	margin-top: 3px;
}

.product-detail .likes.liked .like-icon div { 
	font-size: 12px; 
	font-stretch: condensed; 
	line-height: 2.0; 
	color: white; 
	margin-top: 3px;
}

.product-detail .likes {
	float: left;
	position: relative;
}

.product-detail .product-actions .current-price { 
	font-size: 16px; 
	line-height: 1; 
	color: white;
	margin-right: 5px;
}

.product-detail .product-actions .main-price { 
	font-size: 16px; 
	line-height: 1; 
	color: white;
	margin-right: 5px;
}

.product-detail .product-actions:hover .main-price {
	color: white !important;
}

.product-detail .product-actions {
	width: 100%;
	margin: auto;
}

.product-detail .product-actions .add-to-cart-btn { 
	position: relative;
	display: block; 
	height: 40px; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	-ms-border-radius: 25px; 
	border-radius: 25px; 
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease; 
	-ms-transition: all .2s ease; 
	-o-transition: all .2s ease; 
	transition: all .2s ease; 
	border: solid 2px var(--main-color);
	background-color: var(--main-color);
	color: white !important;
	font-size: 16px;
	font-weight: 700; 
	font-stretch: condensed; 
	line-height: 2.2; 
	text-decoration: none; 
	color: black; 
	text-align: center; 
	cursor: pointer;
	width: 100%;
	margin-left: -2px;
	white-space: nowrap;
}

.product-detail .status-bar {
	margin-bottom: 15px;
	margin-top: 21px;
	text-align: center;
	width: 100%;
}

.product-detail .status-bar .title{
	font-size: 19px;
	margin-left: 10%;
	width: 80%;
}

.product-detail .status-bar .copy_link {
	position: absolute;
	top: 50px;
	right: 15px;
}

.product-detail .product {
	border: none !important;
}

.product-detail .product-label {
	margin: 1px 2px;
}

.product-detail .product .product-info .product-description {
	margin: 15px 10px;
	font-size: 16px;
	text-align: left;
	color: black;
}

.product-detail .product .product-info .product-fulldescription {
	margin: 15px 10px;
	font-size: 16px;
	text-align: left;
}

.product-detail .product {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	min-height: calc(100% - 50px);
	width: 90%;
	position: relative;
}

.product-detail.items .product {
	justify-content: center !important;
}

.product-detail .product-prices {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 5px 0;
}

.product-detail .product-footer {
	width: 100%;
	margin: 0;
	padding-bottom: 0;
}

.product-detail .old-price {
	font-size: 16px !important;
	margin: 0 5px;
}

.product-detail .current-price {
	font-size: 16px !important;
	margin: 0 5px;
}

.product-energy_weight_cont {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin-left: 1px;
	margin-top: 15px;
}

.product-detail .weight {
	font-size: 14px !important;
	margin: 0 5px;
	color: gray;
}

.product-detail .product-energy {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;	
	font-size: 15px;
    font-weight: 500;
    font-stretch: condensed;
    line-height: 1.2;
    color: #292f32;
}

.product-detail .energy-value-content {
	position: fixed;
	width: 330px;
	top: 10%;
	left: 0;
	right: 0;
	border-radius: 15px;
	border: 1px solid #bfc5c7;
	background-color: #ffffff;
	padding: 10px;
	z-index: 2006;
	margin: auto;
	padding-bottom: 30px;
}

.product-detail .productenergy-close {
	position: absolute;
	top: -15px;
	right: 0px;
	font-size: 42px;
	font-weight: 300;
	color: #666666;
	padding: 8px;
	cursor: pointer;
}

.product-detail .productenergy-top {
	width: 100%;
	text-align: center;
	font-family: "Nunito", cursive, sans-serif;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 16px;
}

.product-detail .product-energy a{
	margin-bottom: 6px;
	color: #292f32;
}

.product-detail .energy-value-content li {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 80%;
	margin: auto;
	font-family: "Nunito", cursive, sans-serif;
}

.meta-property {
	font-size: 14px;
    font-weight: 300;
    font-stretch: condensed;
    line-height: 1.2;
    color: #292f32;
    border-bottom: 1px dashed;
    text-decoration: none;
	margin-right: 10px;
}

.product-detail .energy-value-content .meta-property::after {
	z-index: 2006;
}
.product-detail .mainpizzaconstructor {
	width: 100%;
	height: 40px;
	border: 1px solid #ccc;
}

.product-detail .pizzaconstructor {
	height: 40px;
	font-weight: 700;
}

.product-detail .constructor_cont {
	height: 40px;
}

.product-detail .maindeliveryconstructor {
	width: 100%;
}

.product-detail .product .back {
	text-align: center;
	text-decoration: underline;
	font-size: 18px;
	color: black;
}

.product-detail .product .back_items {
	position: relative;
	display: block; 
	height: 30px; 
	-webkit-border-radius: 25px; 
	-moz-border-radius: 25px; 
	-ms-border-radius: 25px; 
	border-radius: 25px; 
	-webkit-transition: all .2s ease; 
	-moz-transition: all .2s ease; 
	-ms-transition: all .2s ease; 
	-o-transition: all .2s ease; 
	transition: all .2s ease; 
	border: solid 2px var(--secondary-color); 
	/*border-radius: 10px;*/
	font-size: 12px;
	font-weight: 300; 
	font-stretch: condensed; 
	line-height: 2.4; 
	text-decoration: none; 
	color: black; 
	text-align: center; 
	cursor: pointer; 
	float: right;
	width: 100%;
}

.product-detail .back_cont {
	margin: 0 5%;
	width: 90%;
	padding-bottom: 15px;
	text-align: center;
	margin-top: 15px;
}

.product-detail .product-footer {
	position: unset !important;
}

.search_topmenu {
	float: right;
	margin-top: 5px;
}

.top-container {
	position: relative;
}

.top-container .row {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.emptysearch {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-family: 'Nunito';
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 60px;
}

.delivery_top img {
	height: 150px;
	width: 150px;
}

.delivery_top {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 30px;
}

.delivery_top_cont {
	flex: 2;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
}

.delivery_top_cont:last-child .delivery_top_row:first-child{
	order: 2;
}

.delivery_top_row {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 10px;
}

.delivery_top_row p {
	margin-left: 10px;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	margin-top: 25px;
	line-height: 1.3;
}

.delivery_title_row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
	margin-bottom: 20px;
}

.delivery_title {
	font-size: 26px;
	flex: 8;
	text-align: center;
	padding-left: 18%;
	margin-right: -20%;
	font-family: "Nunito-Black", cursive, sans-serif;
	font-weight: 400;
}

.delivery_title_tel_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	flex: 5;
}

.delivery_title_callback {
	margin-left: 20px;
	color: white;
	background-color: var(--purple-blue-color);
	border-radius: 25px;
	padding: 8px 20px;
	font-size: 14px;
	display: flex;
	flex-direction: row;
	align-items: center
}

.delivery_title_callback img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.delivery_title_callback:hover {
	color: white !important;
	text-decoration: none !important;
}

.delivery_title_callback span {
	font-family: "Inter-Bold";
	font-weight: 400;
}

.delivery_title_tel {
	font-size: 16px;
	font-family: "Nunito";
	font-weight: 700;
}

.delivery_map_title {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 20px 0px
}

.delivery_map_title img {
	height: 40px;
	width: 40px;
	margin-left: 10px;
	margin-top: 5px;
}

.delivery_map_title p {
	font-size: 28px;
	font-family: "Nunito-Black", cursive, sans-serif;
	font-weight: 400;
}
}

.map_and_pos_cont {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;	
	width: 100%;
	margin-bottom: 30px;
}

.delivery_poslist {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	flex: 2;
	margin: 0!important;
	flex-wrap: wrap;
}

.map_and_pos_cont #map {
    height: 400px;
	min-height: 100%;
}

.deliverymapmap-placeholder {
    flex: 2;
}

.delivery_poslist li {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	padding: 10px;
	width: 50%;
}

.delivery_poslist li::marker{
	display: none;
}

.delivery_pos_row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-grow: 1;
}

.delivery_pos_row:first-child {
	font-size: 18px;
	font-family: "Inter-Bold";
	font-weight: 400;
	margin-bottom: 6px;
	background-color: var(--gray-back-color);
	color: var(--purple-blue-color);
	width: 95%;
	border-radius: 25px;
	padding: 10px 55px;
	position: relative;
}

.delivery_pos_row:first-child img {
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: var(--secondary-color);
	position: absolute;
	left: -10px;
	padding: 5px;
}

.delivery_pos_row:last-child {
	margin-right: 20px;
	font-size: 13px;
	justify-content: space-between;
	width: 100%;
	padding-left: 2%;
	padding-right: 10%;
}

.delivery_pos_row p {
	font-weight: 700;
	font-size: 14px;
}

.howtofind {
	font-size: 14px;
	margin-left: 25px;
	text-decoration: underline;
	text-underline-offset: 3px;
	color: var(--gray-text-color);
	font-weight: 700;
}

.how_to_find {
	text-align: center;
}

.how_to_find p {
	margin: 10px 10px 20px 10px;
}

.how_to_find img {
	width: 90%;
	margin: auto;
	position: relative;
	left: 0;
	right: 0;
	margin-bottom: 10px;
}

.delivery_bottom {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}

.delivery_bottom_title {
	text-align: center;
	margin: 20px 0px 40px 0px;
}

.delivery_bottom_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
	width: 100%;
	flex: 8;
	flex-wrap: wrap;
}

.delivery_bottom_cont img {
	width: 80%;
	height: 120px;
	margin-bottom: 10px;
}

.delivery_bottom_block {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 45%;
	text-align: center;
	margin-bottom: 50px;
}

.delivery_bottom_subblock {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: left;
}

.delivery_bottom_block_title {
	font-size: 18px;
	width: 230px;
	margin-bottom: 10px;
	font-weight: 700;
}
}

.delivery_bottom_block_text {
	font-size: 15px;
	width: 230px;
}

.delivery_bottom_text {
	font-size: 14px;
	width: 300px;
	margin: 0px auto 0px auto;
	border-radius: 25px;
	background-color: #ccc;
	padding: 20px 40px;
	line-height: 1.5;
}

.contacts_title {
	font-size: 48px;
	font-family: "Nunito-Black", cursive, sans-serif;
	font-weight: 400;
	text-align: center;
}

.contacts_time {
	font-size: 20px;
	width: 100%;
	font-weight: 700;
	font-family: "Nunito", cursive, sans-serif;
	text-align: center;
}

.contacts_time_gray {
	color: var(--gray-text-color);
	text-decoration: underline;
	text-underline-offset: 4px;
}

.contacts_nindza {
	width: 380px;
	order: 2;
	margin-right: 10%;
}

.contacts_topcont {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	margin: 0px auto 30px auto;
}

.contacts_links_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.contacts_links_cont div {
	margin: 5px 0;
}

.contacts_feedback {
	order: 4;
	color: white;
	background-color: var(--main-color);
	border-radius: 25px;
	padding: 10px 25px;
	cursor: pointer;
	font-size: 18px;
	margin-top: 25px !important;
	font-family: "Inter-Bold";
	font-weight: 400;
}

.contacts_feedback_telrow {
	order: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.contacts_feedback_telrow div:nth-child(1) {
	width: 100%;
	font-size: 18px;
	font-weight: 700;
}

.contacts_feedback_telrow div:nth-child(2) {
	font-size: 20px;
	margin-right: 20px;
	font-weight: 700;
}

.contacts_feedback_telrow img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.contacts_feedback_callback {
	color: var(--white-text-color);
	cursor: pointer;
	background-color: var(--purple-blue-color);
	border-radius: 25px;
	padding: 5px 15px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.contacts_feedback_callback span {
	font-family: "Inter-Bold";
	font-weight: 400;
}

.contacts_feedback_mailrow {
	order: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 18px;
	font-weight: 700;
}

.contacts_feedback_mail {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.contacts_social_cont {
	order: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.contacts_social_cont img {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	margin: 0px 3px;
}

.contacts_social_cont div {
	margin-right: 5px;
	font-size: 18px;
	font-weight: 700;
}

.root_text {
	color: var(--gray-text-color);
	text-align: justify;
	color: black;
}

.root_text div:nth-child(1){
	font-family: "Nunito-Black", cursive, sans-serif;
	font-weight: 400;
	font-size: 32px;
	margin-bottom: 15px;
}

.bold-text {
	font-weight: 700;
}

.red-text {
	color: var(--main-color);
}

.root_text_bottom {
	font-family: "Nunito", cursive, sans-serif;
	font-size: 18px;
	font-weight: 700;
	margin-top: 10px;
}

.contacts_image_cont {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-around;
	margin: 30px auto;
}

.contacts_image_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 250px;
}

.contacts_image_block img {
	height: 200px;
	width: 200px;
}

.contacts_image_block .h2 {
	font-size: 18px;
	margin-top: 20px;
	height: 45px;
	font-family: "Inter-Bold";
	font-weight: 700;
}

.contacts_image_block .root_text {
	text-align: center;
}

.bordered_container {
	border: 3px solid var(--main-color);
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	border-radius: 25px;
}

.bordered_container_block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
}

.bordered_container .graytext_title {
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	white-space: nowrap;
}

.bordered_container .blacktext_bigtext {
	font-size: 14px;
	margin-top: 10px;
	white-space: wrap;
}

.bordered_container_block:nth-child(1){
	width: 45%;
}

.bordered_container_block:nth-child(1) .graytext_title {
	white-space: wrap !important;
}

.bordered_container_block:nth-child(2){
	width: 24%;
}

.bordered_container_block:nth-child(3){
	width: 25%;
}

.bordered_container_block:nth-child(4){
	width: 45%;
	order: 8;
	flex-direction: row;
}

.bordered_container_block:nth-child(4) .graytext_title {
	color: black;
}

.bordered_container_block:nth-child(4) .blacktext_bigtext {
	font-size: 14px;
	margin-left: 7px;
	margin-top: 0px;
}

.bordered_container_block:nth-child(5){
	width: 52%;
	order: 9;
	flex-direction: row;
}

.bordered_container_block:nth-child(5) .graytext_title {
	color: black;
}

.bordered_container_block:nth-child(5) .blacktext_bigtext {
	font-size: 14px;
	margin-left: 7px;
	margin-top: 0px;
}

.bordered_container_block:nth-child(6){
	width: 22%;
	order: 4;
}

.bordered_container_block:nth-child(7){
	width: 25%;
	order: 6;
}

.bordered_container_block:nth-child(8){
	width: 25%;
	order: 7
}

.bordered_container_block:nth-child(9){
	width: 22%;
	order: 5
}

.likedempty {
	position: fixed;
	top: 155px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
    z-index:9999;
    width:25%;
    background: white;
	border: 2px solid #c9c9c9;
	border-radius: 25px;
}

.likedempty_img {
	width: 65%;
	margin: auto;
	display: block;
	margin-top: 15px;
}

.likedempty_text {
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	margin: 20px;
}

.likedempty_auth {
	width: 85%;
	margin: auto;
	background-color: var(--main-color);
	color: white;
	font-size: 18px;
	border-radius: 10px;
	margin-bottom: 15px;
	padding: 10px;
	text-align: center;
	
}

.likedempty_close {
	width: 15px;
	position: absolute;
	right: 15px;
	top: 5px;
}

.product-card {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: center;
}

.product-card .preview {
	width: 40% !important;
}

.product-card .product-info {
	width: 40% !important;
}

.product-card .product-item {
	border: none;
	width: 100%;
	padding: 0;
	margin-top: 5px;
}

.product-card .previev_topinfo_cont {
	top: 5px;
	right: 0px;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.product-card .product_topinfo_cont {
	justify-content: space-between;
}

.product-card .ShtCount {
	margin-right: 5px;
}

.product-card .product-title {
	width: 100%;
	font-size: 24px;
	margin: 5px auto;
	font-family: "Nunito", cursive, sans-serif;
	font-weight: 700;
}

.product-card h1 {
	margin: 0 !important;
	color: black;
}

.product-card .detail-text {
	width: 95%;
	margin: 15px auto;
	display: block;
	color: black;
	font-size: 14px;
	font-weight: 700;
	margin-left: 5px;
}

.product-card .product-footer {
	width: 100%;
	margin: auto;
}

.product-card .product_energy_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 95%;
	margin: 15px auto;
}

.product-card .product_energy_column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.product-card .product_energy_column_top {
	font-size: 18px;
}

.product-card .product_energy_column_bottom {
	font-size: 14px;
	color: var(--gray-text-color);
}

.product-card .add-to-cart-btn {
	color: white !important;
	background-color: var(--secondary-color);
	font-size: 16px !important;
	height: 46px !important;
	line-height: 2.5 !important;
}

.product-card .current-price {
	color: white !important;
	font-size: 16px !important;
}

.product-card .old-price {
	font-size: 16px !important;
	color: var(--orange-text-color) !important;
}

.product-card .main-price {
	color: white !important;
	font-size: 16px !important;
}

.product-card .product_cattext_cont {
	color: var(--gray-text-color);
	align-self: flex-start;
	margin: 5px;
	font-size: 14px;
	font-weight: 700;
}

.product-card .product_cattext_firstspan {
	color: var(--main-color);
}

.product-card .h2 {
	display: block;
	margin: 10px;
	align-self: flex-start;
}

.product-card .constructor_cont {
	width: 98%;
	margin: auto;
	display: block;
	margin-bottom: 10px;  
}

.product-card .mainpizzaconstructor {
	width: 100%;
}

.product-card .pizzaconstructor {
	text-decoration: none;
}

.product-card .pizzaconstructor span {
	line-height: 2.7;
}

.product-card .product-actions {
	width: 100%;
}

.compositlit_product .product-title {
	font-size: 1vw;
	font-weight: bold;
	border-bottom: 1px solid var(--gray-text-color);
}

.compositlit_product .product-title p {
	border-bottom: 1px solid black;
	width: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.compositlit_product .preview-text {
	margin: 10px 10px 0px 10px;
	text-align: center;
	height: 60px;
	line-height: 1.1;
}

.composit_weight {
	font-size: 14px;
	position: absolute;
	top: 10px;
	right: 15px;
}

.compositlit_product .like-icon {
	height: 30px;
}

.addonsbuy .product-cont {
	width: 23%;
	margin: 1%
}

.addonsbuy .product_topinfo_cont {
	justify-content: flex-end;
}

.addonsbuy .preview-text {
	text-align: left;
	margin: 5px 0px;
}

.product_compositlist {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.product_compositlist .product-cont {
	width: 23%;
	margin: 1%;
}

.product_compositlist .product {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	border: 3px solid var(--main-color);
}

.product_compositlist img {
	display: block;
	width: 80%;
	margin: auto;
}

.product_compositlist .likes_cont {
	align-self: flex-end;
	margin-top: -25px;
}

.product_compositlist  .like-content {
	position: relative;
}

.product_compositlist .like-icon {
	background-image: none;
}

.product_compositlist .product-title {
	font-size: 16px;
}


.new_feedback {
	position: fixed;
	top: 15%;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	z-index: 9999;
	width: 40%;
	background-color: white;
	padding: 20px;
	border-radius: 25px;
}

.new_feedback_close {
	height: 18px;
	width: 18px;
	position: absolute;
	right: 12px;
	top: 12px;
}

.new_feedback_toptext {
	font-size: 18px;
	margin-bottom: 15px;
	text-align: center;
	font-weight: 700;
}

.new_feedback_title {
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	font-family: "Nunito", cursive, sans-serif;
}

#new_feedback {
	display: flex;
	flex-direction: column;
}

.new_feedback_input {
	height: 120px;
	border-radius: 25px;
	margin-bottom: 15px;
	padding: 15px;
	background-color: var(--gray-back-color);
}

.new_feedback_name {
	border: 3px solid var(--main-color);
	border-radius: 25px;
	padding: 10px;
	width: 50%;
	margin-right: 20px;
	font-weight: 700;
	color: var(--gray-text-color);
}

.new_feedback_name::placeholder {
	opacity: 1;
}

.new_feedback_bottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 15px;
}

.new_feedback_tel {
	background-color: #ccc;
	border: none;
	border-radius: 25px;
	padding: 8px 25px;
	width: 200px;
	font-size: 18px;
}

.new_feedback_button {
	background-color: var(--main-color);
	padding: 15px 20px;
	color: white;
	border-radius: 25px;
	text-align: center;
	cursor: pointer;
	font-weight: 700;
	font-size: 18px;
}

.detail_addons {
	width: 100%;
}

.detail_addons_topcont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

.detail_addons_title {
	font-size: 24px;
	font-weight: 700;
	font-family: "Nunito";
	margin-left: 10px;
}

.detail_addons_cont .product-list {
	display: flex;
	flex-direction: row;
	align-self: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.detail_addons .product {
	width: 23%;
	margin: 1%;
	border: 3px solid var(--main-color) !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.detail_addons .product .product-info {
	min-height: 0 !important;
	width: 100%;
}

.detail_addons .preview img {
	width: 100% !important;
	height: 100% !important;
}

.detail_addons .product_topinfo_cont {
	justify-content: flex-end;
}

.detail_addons .like-content {
	font-size: 12px;
	font-stretch: condensed;
	line-height: 1.7;
	color: #292f32;
	margin-top: 2px;
	position: relative;
}

.detail_addons .searchlikes {
	/*top: 2px;
	left: 9px;*/
}

.detail_addons .product-title {
	margin-top: 0px;
}

.detail_addons .product-info {
	padding: 0px 0px 5px 0px !important;
}

.detail_addons .preview-text {
	padding: 0px 5px;
	text-align: center;
}

.detail_addons .product-footer {
	width: 90%;
	margin: auto;
}

.detail_addons .main-price {
	font-size: 18px !important;
}

.detail_addons .add-to-cart-btn {
	font-size: 14px !important;
	height: 30px !important;
	line-height: 1.7 !important;
}

.mainpagecardsdirectory_title {
	width: 100%;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	font-family: "Nunito", cursive, sans-serif;
}

.mainpagecardsdirectory_title_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin: 0px 3px 15px 3px;
	width: 99%;
}

div.mainpagecardsdirectory_title_cont:nth-child(3) {
	margin-top: -45px;
}

.additionalcaption_cont {
	display: block;
	white-space: nowrap;
	color: var(--main-color);
	font-size: 16px;
	text-decoration: none;
}

.mainpagecardsdirectory_likes {
	margin-top: -45px
}

footer {
    font-size: 12px;
    font-weight: 300;
	padding: 10px 20px;
	background-color: white;
	margin-top: 20px !important;
	box-shadow: 0 -4px 2px -2px var(--gray-text-color);
	z-index: 0;
	width: 100%;
	/*position: absolute;*/
	bottom: 0;
}

.footer_top_cont {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
}

.footer_top_column {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	width: 500px;
	margin-right: 50px;
}

.footer_logo {
	width: 290px;
	margin-right: 50px;
}

.footer_logo img {
	width: 100%;
}

.footer_logo_info {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	border: 2px solid var(--main-color);
	border-radius: 10px;
	width: 99%;
	margin-top: 20px;
}

.footer_logo_info_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 7px 10px;
}

.footer_logo_info_cont_black {
	font-size: 16px;
	white-space: nowrap;
	font-weight: 700;
}

.footer_logo_info_cont_gray {
	font-size: 14px;
	color: black;
	margin-top: 10px;
	white-space: nowrap;
}

.footer_catalog_link {
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: bold;
}

.footer_links_cont {
	font-size: 14px;
	margin-bottom: 15px;
	font-weight: bold;
}

.footer_social_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 0px 10px;
}

.footer_social_imgrow {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
}

.footer_social_imgrow img {
	height: 35px;
	width: 35px;
	padding: 4px;
	margin-right: 5px;
}

.footer_social_text {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

.footer_contactinfo {
	margin-right: 0px;
	margin-top: -15px;
}

.footer_contactinfo_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 15px 10px;
	white-space: nowrap;
}

.footer_contactinfo_top {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.footer_contactinfo_cont:last-child .footer_contactinfo_top {
	white-space: wrap;
	min-width: 420px;
}

.footer_contactinfo_bottom {
	font-size: 14px;
	color: black;
	margin-top: 5px;
	width: 100%;
	white-space: wrap;
}

.footer_contactinfo_callback {
	cursor: pointer;
	background-color: var(--purple-blue-color);
	color: var(--white-text-color);
	border-radius: 25px;
	padding: 8px 15px;
	display: flex;
	align-items: center;
}

.footer_contactinfo_callback img {
	width: 25px;
	height: 25px;
}

.footer_contactinfo_callback span {
	font-family: "Inter-Bold", cursive, sans-serif;
	font-weight: 400;
}

.footer_contactinfo_mail {
	cursor: pointer;
}

.footer_app_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-radius: 25px;
	background-color: var(--secondary-color);
	background-size: cover;
	margin-top: 40px;
	width: 100%;
	height: 160px;
}

.footer_app_cont_textcont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	flex: 4;
}

.footer_app_cont_textcont_big {
	font-size: 24px;
	color: white;
	margin-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}

.footer_app_cont_textcont_small {
	font-size: 16px;
	color: white;
	margin-left: 15px;
}

.footer_app_cont_telcont {
	position: relative;
	flex: 3;
	height: 100px;
}

.footer_app_cont_telimagecont {
	height: 340px;
	position: absolute;
	top: -210px;
	overflow: hidden;
}

.footer_app_cont_telcont img {
	margin-left: 0px;
	width: 100%;
}

.footer_app_cont_applinkscont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
	flex: 2;
}

.applink {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 210px;
	background-color: var(--main-color);
	border-radius: 25px;
	color: var(--white-text-color);
	font-weight: bold;
	margin: 5px;
}

.applink:hover {
	color: var(--orange-text-color);
}

.applink img {
	height: 40px;
	width: 40px;
	margin: 10px 20px 10px 20px;
}

.applink_cont {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.applink_top {
	font-size: 14px;
	margin-bottom: -5px;
}

.applink_bottom {
	font-size: 17px;
}

.footer_app_cont_antishkacont {
	flex: 2;
	position: relative;
}

.footer_app_cont_antishkacont img {
	width: 150px;
	width: 200px;
	position: absolute;
	top: -140px;
	left: 10px;
}

.footer_bottomlinks_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-top: 2px solid var(--gray-text-color);
	padding-top: 5px;
	margin-top: 25px;
}

.footer_bottom_cont {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}

.footer_bottomlinks_cont a {
	font-size: 14px;
	font-weight: bold;
}

.bottom_ctext {
	font-size: 14px;
	color: var(--gray-text-color);
}

.bottom_payment_logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.bottom_payment_logo img {
	height: 25px;
	margin: 0px 5px;
}

.root_page .h2 {
	text-align: left;
}

.root_page li {
	margin-top: 20px;
	list-style-type: none;
}

.icon-404 {
	display: block;
	margin: auto;
	margin-top: -20px;
	margin-bottom: -100px;
}

.page-payment-success h2 {
	width: 100%;
	text-align: center;
}

.page-payment-order {
	color: var(--gray-text-color);
	font-family: "Nunito-Black";
	text-decoration: underline;
	text-underline-offset: 4px;
}

.icon-payment-success {
	display: block;
	margin: 30px auto 20px auto;
	max-width: 400px;	
}

#donotcall-modal {
	z-index: 9999;
	top: 30%;
}

#donotcall-modal .modal-dialog {
	width: 330px !important;
}

#donotcall-modal .md-content {
    width: 330px;
    height: auto;
    background: white;
    padding: 20px 20px;
	overflow-y: auto;
	border-radius: 25px;
}

#donotcall-modal .modal-body {
	text-align: center;
	padding: 0 !important;
}

.checkout_infoimg {
	height: 60px;
	width: 60px;
}

.donotcall-text-cont {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.donotcall-text-cont span {
	font-size: 14px;
	font-family: "Inter-Bold";
}

.donotcall_historylink {
	text-decoration: underline;
	text-underline-offset: 4px;
}

#donotcall-modal .donotcall-btn-close {
	display: block;
	height: 41px;
	width: 90%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	background-color: var(--main-color);
	border: solid 2px var(--main-color);
	font-size: 14px;
	font-family: "Inter-Bold";
	font-weight: 400;
	font-stretch: condensed;
	line-height: 2.5;
	color: white;
	border-radius: 25px;
	margin: auto;
	margin-top: 20px;
}

.regbonus_button {
	position: fixed;
	bottom: 50px;
	right: 10px;
	height: 200px;
	width: 200px;;
}

.regbonus_button img {
	position: relative;
	height: 100%;
	width: 100%;
}

.regbonus_cont {
	position: fixed;
	top: 20%;
	width: 380px;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	background-color: var(--white-text-color);
	z-index: 200;
	border: 2px solid var(--gray-back-color);
	border-radius: 25px;
	padding: 20px;
}

.regbonus_title {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	font-family: "Inter-Bold";
	margin-top: 30px;
}

.regbonus_title_red {
	color: var(--main-color);
	font-family: inherit;
}

.regbonus_subtitle {
	text-align: center;
	font-size: 16px;
	font-family: "Inter-Bold";
	margin-top: 15px;
	margin-bottom: 20px;
}

.regbonus_img_cont {
	width: 100px;
	height: 100px;
	position: absolute;
	border-radius: 50%;
	background-color: var(--main-color);
	top: -50px;
	left: 50%;
	margin-left: -50px;
}

.regbonus_img {
	width: 60px;
	height: 60px;
	position: relative;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}

.regbonus_cont .bd-error {
	color: red;
	margin: 0 10px;
	font-size: 14px;
	font-weight: bold;
}

.regbonus_cont .input_cont {
	margin: 5px auto;
	border-radius: 25px;
	background-color: var(--gray-back-color);
	width: 90%;
}

.regbonus_cont .input_cont input {
	margin: 5px;
	margin-left: 15px;
	border-radius: 25px;
	background-color: var(--gray-back-color);
	border: none;
	padding: 5px;
}

.regbonus_cont .passwordcont {
	margin-bottom: -30px;
}

.regbonus_cont .eye {
	position: relative;
	display: inline-block;
	left: 275px;
	bottom: 35px;
	width: 27px;
	fill: gray;
}

.regbonus_cont .eye.active {
	fill: #c9523d;
}

.regbonus_cont .agreement {
	font-size: 12px;
	font-weight: bold;
	margin-left: 25px;
	width: 90%;
}

.regbonus_cont .agreement-link {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.regbonus_cont .button {
	width: 90%;
	display: block;
	margin: 10px auto;
	height: 40px;
	border-radius: 25px;
	background-color: var(--main-color);
	color: white;
	font-size: 18px;
	font-weight: bold;
	border: none;
}

.regbonus_cont .submitcode_text {
	width: 90%;
	font-size: 14px;
	font-weight: bold;
	margin-left: 25px;
	text-align: center;
}

.regbonus_cont .textok {
	width: 90%;
	margin-left: 20px;
	font-size: 16px;
	font-family: "Inter-Bold";
	text-align: center;
}

.main_order_status_container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	margin: auto;
	width: 100%;
	border: 2px solid var(--gray-text-color);
	border-radius: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	height: 80px;
}

.order_status_textcontainer {
	font-family: "Inter-Bold";
	font-size: 16px;
	display: flex;
	margin-right: 60px;
}

.order_status_textcontainer_orderstate {
	font-family: "Inter-Bold";
	font-size: 16px;
	margin-left: 5px;
}

.order_status_buttoncontainer {
	border-radius: 25px;
	background-color: var(--main-color);
	color: var(--white-text-color);
	padding: 5px 85px;
	font-family: "Inter-Bold";
	font-size: 16px;
}


.auth_cont {
	width: 430px;
	/*height: 500px;*/
	margin: auto;
	text-align: center;
	position: fixed;
	top: 25%;
	left: 0;
	right: 0;
	z-index: 200;
	background-color: white;
	border-radius: 25px;
	padding: 20px 20px 40px 20px;
}

.auth_cont_title {
	font-family: "Nunito";
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}

.auth_cont_text {
	font-size: 14px;
	width: 300px;
	margin: 0px auto 10px auto;
}

.auth_cont .bd-input {
	width: 250px;
	margin: auto !important;
	margin-bottom: 10px !important;
	border: 3px solid var(--main-color);
	border-radius: 25px;
	height: 35px;
}

.auth_cont input {
	padding-left: 10px;
}

.auth_btn {
	background-color: var(--main-color);
	border: 1px solid var(--main-color);
	color: white;
	font-family: "Inter-Bold";
	font-size: 16px;
	border-radius: 25px;
	width: 250px;
	margin: auto !important;
	margin-bottom: 10px !important;
	height: 35px;
	cursor: pointer;
	line-height: 2;
}

.auth_btn_gray {
	background-color: #cccccc !important;
	border: 1px solid #cccccc !important;
	color: white !important;
}

.auth_rules {
	font-family: "Inter-Bold";
	font-size: 12px;
	color: var(--gray-text-color);
}

.auth_rules a {
	font-family: "Inter-Bold";
	font-size: 12px;
	color: var(--gray-text-color);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.auth_cont .bd-error {
	color: var(--main-color);
	font-family: "Inter-Bold";
	font-size: 12px;
	margin-top: 5px;
}

.auth_number {
	font-family: "Inter-Bold";
	font-size: 14px;
	margin: auto;
}

.auth_number_link {
	color: var(--main-color);
	font-family: "Inter-Bold";
	font-size: 12px;
	text-decoration: underline;
	text-underline-offset: 3px;
	margin-bottom: 10px;
	cursor: pointer;
}

.forgot_pass_link {
	font-family: "Inter-Bold";
	font-size: 12px;
	margin: auto;
	color: var(--gray-text-color);
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}