figure {
	display: block;
}
figcaption {
	display: block;
}
.transition {
	transition:top 400ms linear; -webkit-transition: top 400ms linear; -moz-transition: top 400ms linear; -o-transition: top 400ms linear;
}
.timeTo {
	height: 32px; line-height: 108%; font-family: Tahoma, Verdana, Aial, sans-serif; font-size: 28px !important; font-weight: 700;
}
.timeTo div ul li {
	font-size: 28px !important;
}
.timeTo span {
	vertical-align: top;
}
.timeTo.timeTo-white div {
	background: linear-gradient(rgb(255, 255, 255) 38%, rgb(204, 204, 204) 100%); color: rgb(255, 0, 0);
}
.timeTo.timeTo-black div {
	background: linear-gradient(rgb(69, 72, 77) 0%, rgb(0, 0, 0) 100%); color: rgb(255, 255, 255);
}
.timeTo.timeTo-black .timeTo-alert {
	background: linear-gradient(rgb(167, 68, 68) 0%, rgb(63, 0, 0) 67%);
}
.timeTo.timeTo-white .timeTo-alert {
	background: linear-gradient(rgb(255, 255, 255) 35%, rgb(225, 115, 115) 100%);
}
.timeTo figure {
	margin: 0px; padding: 0px; display: inline-block;
}
.timeTo figcaption {
	text-align: center; color: rgb(136, 136, 136); line-height: 80%; font-weight: 400;
}
.timeTo div {
	border: 1px solid silver; width: 25px; height: 30px; overflow: hidden; display: inline-block; position: relative;
}
.timeTo div {
	margin-left: -10px;
}
.timeTo div:first-child {
	margin-left: 0px;
}
.timeTo ul {
	margin: 0px; padding: 0px; left: 3px; line-height: 1 !important; list-style-type: none; position: absolute;
}
.timeTo ul li {
	list-style: none; margin: 0px !important; padding: 0px; font-weight: bold;
}
.popups {
	left: 0px; top: 0px; right: 0px; color: black; position: fixed; z-index: 11111;
}
.buy-pop {
	display: none;
}
.count-pop {
	display: none;
}
.pop-center {
	display: none;
}
.popup {
	background: linear-gradient(rgb(218, 0, 0), rgb(160, 3, 3)); margin: 0px auto; padding: 10px; text-align: center; font-family: inherit; position: relative; box-shadow: 0px 0px 6px black;
}
.popup p {
	margin: 0px; padding: 0px; color: rgb(255, 255, 255); line-height: 1;
}
.cls-pop {
	top: 10px; width: 20px; height: 20px; right: 10px; position: absolute; cursor: pointer; opacity: 0.7;
}
.cls-pop:hover {
	opacity: 1;
}
.cls-pop::before {
	left: 8px; top: 2px; width: 4px; height: 16px; position: absolute; content: " "; background-color: rgb(255, 255, 255);
}
.cls-pop::after {
	left: 8px; top: 2px; width: 4px; height: 16px; position: absolute; content: " "; background-color: rgb(255, 255, 255);
}
.cls-pop::before {
	transform: rotate(45deg);
}
.cls-pop::after {
	transform: rotate(-45deg);
}
.pop-name {
	color: rgb(254, 255, 185); font-weight: bold;
}
.pop-city {
	color: rgb(254, 255, 185); font-weight: bold;
}
.pop-prod {
	color: rgb(254, 255, 185); font-weight: bold;
}
.pop-count {
	color: rgb(254, 255, 185); font-weight: bold;
}
.pop-center {
	top: 0px; width: 100%; overflow: hidden; position: fixed; z-index: 11111; min-height: 100%; background-color: rgba(0, 0, 0, 0.8);
}
.pop-center .pop-center-content {
	margin: 40px auto 0px; padding: 10px; border-radius: 5px; left: 50%; top: 30%; width: 300px; text-align: center; position: absolute; box-shadow: 0px 0px 10px #000; transform: translate(-50%, -50%); background-color: rgb(241, 241, 241);
}
.pop-center .cls-pop {
	background: rgb(0, 0, 0); border-radius: 50%; top: -10px; right: -10px;
}
#mtc .time_remains {
	color: red; font-size: 1.1em; font-weight: 700;
}
#mtc .best-form p {
	color: black; font-family: inherit; font-size: 18px; font-weight: bold;
}
#mtc .best-form .cc {
	text-align: center;
}
#mtc .best-form span {
	color: black;
}
#mtc .countdown-block {
	background: rgb(255, 245, 0); padding: 10px 0px; text-align: center; color: rgb(255, 255, 255); margin-right: -10px; margin-left: -10px;
}
#mtc .countdown-block > h3 {
	margin: 0px; padding-top: 5px; font-size: 36px; font-weight: 800;
}
#mtc .countdown-container {
	margin: 0px auto; text-align: center; padding-bottom: 10px; max-width: 320px;
}
#mtc .countdown-container .redd {
	margin: 0px auto 10px; color: red; font-size: 30px; font-weight: 800;
}
#mtc .countdown-container h3 {
	margin: 0px auto; color: rgb(0, 0, 0); text-transform: uppercase; font-family: inherit; font-size: 18px; font-weight: 700;
}
#mtc .countdown-container h6 {
	color: rgb(0, 121, 242); font-family: inherit; font-size: 14px;
}
#mtc .countdown {
	line-height: 1; font-size: 39px; font-weight: 300; display: flex; justify-content: center; align-items: center;
}
#mtc .countdown-item {
	width: 5rem; color: red; font-weight: 800;
}
#mtc .countdown-divider {
	width: 1rem; color: rgb(0, 0, 0);
}
#mtc .countdown-text {
	margin: 0px auto -8px; width: 90%; color: rgb(0, 0, 0); text-transform: uppercase; font-family: inherit; font-size: 1rem; font-weight: 700; display: flex; justify-content: center; align-items: center;
}
#mtc .countdown-text span {
	width: 4rem; margin-right: 2rem;
}
#mtc .countdown-text span:last-child {
	margin-right: 0px;
}
#mtc .best-form {
	padding: 16px; color: rgb(255, 255, 255); line-height: 1.2; font-size: 16px; margin-right: -10px; margin-left: -10px; background-image: linear-gradient(to top, rgb(209, 240, 255), rgb(233, 248, 255));
}
#mtc .best-form > .wrap {
	margin: 0px auto; max-width: 310px;
}
#mtc .product {
	margin-bottom: 15px; display: flex;
}
#mtc .product .left {
	width: 50%;
}
#mtc .product .right {
	width: 50%; text-align: center; font-family: inherit;
}
#mtc .product .discount {
	border-radius: 10px; width: 85%; height: 5rem; text-align: center; color: red; line-height: 5rem; letter-spacing: -3px; font-size: 3.5rem; font-style: italic; font-weight: 700; margin-top: -0.3rem; transform: skew(-15deg); background-image: linear-gradient(to right, rgb(255, 255, 0), rgb(255, 235, 59));
}
#mtc .product .discount div {
	transform: skew(15deg);
}
#mtc .product .price {
	color: rgb(237, 27, 36); line-height: 1; letter-spacing: -1px; font-size: 42px; font-weight: 700;
}
#mtc .product .discount-text {
	color: rgb(0, 0, 0); font-size: 18px; margin-top: 1rem;
}
#mtc .product .price span {
	font-size: 50%; font-weight: 300; display: inline-block;
}
#mtc .product .price-old {
	line-height: 1;
}
#mtc .product .price-old span {
	padding: 0px 1rem; color: rgb(0, 0, 0); font-size: 25px; font-weight: bold; display: inline-block; position: relative;
}
#mtc .product .price-old span::before {
	left: 0px; top: 45%; right: 0px; border-top-color: rgb(237, 27, 36); border-top-width: 5px; border-top-style: solid; position: absolute; content: ""; transform: rotate(-10deg);
}
#mtc .country-input {
	width: 100%; color: rgb(0, 0, 0); font-size: 20px; margin-bottom: 10px; position: relative; box-sizing: border-box;
}
#mtc .name-input, .country-input {
	width: 100%; color: rgb(0, 0, 0); font-size: 20px; margin-bottom: 10px; position: relative; box-sizing: border-box;
}
#mtc .phone-input {
	width: 100%; color: rgb(0, 0, 0); font-size: 20px; margin-bottom: 10px; position: relative; box-sizing: border-box;
}
#mtc .name-input input, .country_select {
	font: inherit; padding: 10px 15px 10px 35px; border-radius: 6px; border: 0px currentColor; transition:0.15s ease-in-out; border-image: none; width: 100%; color: inherit; min-width: 0px; box-sizing: border-box; font-size-adjust: inherit; font-stretch: inherit;
}
#mtc .phone-input input {
	font: inherit; padding: 10px 15px 10px 35px; border-radius: 6px; border: 0px currentColor; transition:0.15s ease-in-out; border-image: none; width: 100%; color: inherit; min-width: 0px; box-sizing: border-box; font-size-adjust: inherit; font-stretch: inherit;
}
.country-input::before {
	left: 10px; top: 37px; width: 21px; height: 21px; position: absolute; content: ""; background-image: url("../img/geo.svg"); background-repeat: no-repeat; background-size: cover;
}
#mtc .phone-input::before {
	left: 10px; top: 35px; width: 21px; height: 24px; position: absolute; content: ""; background-image: url("../img/telefon-icon.svg"); background-repeat: no-repeat;
}
#mtc .name-input::before {
	left: 10px; top: 35px; width: 22px; height: 23px; position: absolute; content: ""; background-image: url("../img/user-icon.svg"); background-repeat: no-repeat;
}
#mtc .name-input .country {
	border-radius: 3px; vertical-align: -2px;
}
#mtc .name-input label,  #mtc .country-input label{
	margin: 0px auto; width: 100%; text-align: center;
}
#mtc .phone-input label {
	margin: 0px auto; width: 100%; text-align: center;
}
#mtc .button-submit {
	margin: 15px auto; padding: 10px; border-radius: 6px; border: 0px currentColor; transition:0.4s; border-image: none; width: 100%; text-align: center; color: rgb(84, 76, 76); text-transform: uppercase; line-height: 1; font-family: inherit; font-size: 24px; font-weight: 400; text-decoration: none; cursor: pointer; box-sizing: border-box !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); background-image: linear-gradient(to top, rgb(216, 184, 27), rgb(255, 240, 128));
}
#mtc .button-submit:hover {
	transform: scale(1.1);
}
#mtc .button-submit-text {
	flex:1 1 auto; color: rgb(84, 76, 76); line-height: 1; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; font-size-adjust: inherit; font-stretch: inherit;
}
#mtc .button-submit-arrow {
	width: 0px; height: 0px; margin-right: 1rem; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(255, 255, 255); border-top-width: 0.6rem; border-bottom-width: 0.6rem; border-left-width: 1rem; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
#mtc .ord_button {
	margin: 20px 0px 30px; padding: 10px 30px; border-radius: 8px; border: 3px solid rgb(255, 255, 255); transition:0.3s ease-in; border-image: none; color: rgb(255, 255, 255) !important; text-transform: uppercase; line-height: 27px; font-size: 25px !important; text-decoration: none !important; display: inline-block; box-shadow: 2px 3px 8px rgb(153,153,153); background-color: rgb(93, 157, 82);
}
#mtc .ord_button:hover {
	text-decoration: none !important; box-shadow: 2px 3px 3px rgb(153,153,153); transform: scale(1.1); background-color: rgb(93, 157, 82);
}
#mtc .prod-price {
	margin: 0px auto 20px; line-height: 1; display: flex; max-width: 300px;
}
#mtc .pop-old-price {
	color: gray; font-size: 24px; text-decoration: line-through;
}
#mtc .pop-new-price {
	color: rgb(84, 76, 76); font-size: 32px; font-weight: bold; text-shadow: 0px 0px 4px #e3c72e;
}
#mtc .pop-price::before {
	background: url("../img/50sale.png") no-repeat 0% 0% / 120px; left: 16px; top: -60px; width: 120px; height: 65px; position: absolute; content: " ";
}
#mtc .price-bottom {
	width: 100%; position: absolute;
}
#mtc .pop-prod {
	margin: auto; flex:1 1 50%; text-align: center; position: relative;
}
#mtc .pop-price {
	margin: auto; flex:1 1 50%; text-align: center; position: relative;
}
.button-submit {
	margin: 15px auto; padding: 10px; border-radius: 6px; border: 0px currentColor; transition:0.4s; border-image: none; width: 100%; text-align: center; color: rgb(84, 76, 76); text-transform: uppercase; line-height: 1; font-family: inherit; font-size: 22px; font-weight: 400; text-decoration: none; display: block; cursor: pointer; max-width: 300px; box-sizing: border-box !important; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); background-image: linear-gradient(to top, rgb(216, 184, 27), rgb(255, 240, 128));
}
.button-submit:hover {
	transform: scale(1.1);
}
.button-submit:focus {
	transform: scale(1.1);
}
.button-submit-text {
	flex:1 1 auto; color: rgb(84, 76, 76); line-height: 1; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; font-size-adjust: inherit; font-stretch: inherit;
}
.button-submit-arrow {
	width: 0px; height: 0px; margin-right: 1rem; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(255, 255, 255); border-top-width: 0.6rem; border-bottom-width: 0.6rem; border-left-width: 1rem; border-top-style: solid; border-bottom-style: solid; border-left-style: solid;
}
.uli {
	background: 0% 50% rgb(255, 239, 239); padding: 10px; border: 1px solid rgb(218, 181, 181); border-image: none;
}
.cc {
	text-align: center;
}
form {
    --form-border: #333;
    --form-check-border-checked: rgb(216, 184, 27);
    --form-check-bg-checked: rgb(216, 184, 27);
    --form-check-yes-checked: rgb(216, 184, 27);
}

.form__checkbox {
    position: relative;
    display: grid;
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    color: #000;
    width: 100%;
}

.form__checkbox a {
    text-decoration: underline;
    color: #000;
}

.form__checkbox-mark {
    width: 20px;
    height: 20px;
    border: 1px solid var(--form-border);
    background-color: #fff;
    border-radius: 3px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: pointer
}

.form__checkbox-mark:after {
    position: relative;
    content: "";
    display: none;
    width: 80%;
    height: 80%;
    top: 2px;
    left: 1px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.823 2.774A.5.5 0 0 0 10 2.392V.91a.5.5 0 0 0-.823-.382l-5.422 4.58a.5.5 0 0 1-.637.007L.815 3.246A.5.5 0 0 0 0 3.634v1.503a.5.5 0 0 0 .185.389l2.933 2.38a.5.5 0 0 0 .637-.007l6.068-5.125z' fill='%23fff'/%3E%3C/svg%3E")
}

.form__checkbox-mark:hover {
    border-color: var(--form-check-border-hover);
    background: hsla(0,0%,100%,.9)
}

.form__checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: -10;
    background-color: var(--form-bg)
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
    display: block
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark {
    border-color: var(--form-check-border-checked);
    background-color: var(--form-check-bg-checked)
}

.form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
    border-color: var(--form-check-yes-checked)
}

.form__checkbox input[type=checkbox]:active~.form__checkbox-mark,.form__checkbox input[type=checkbox]:focus~.form__checkbox-mark {
    border-color: var(--form-check-border-checked)
}
