﻿@charset "UTF-8";

.reset-styles * {
	width: unset !important;
	height: unset !important;
	position: unset !important;
	top: unset !important;
	right: unset !important;
	left: unset !important;
	text-shadow: unset !important;
	bottom: unset !important;
	font-weight: unset !important;
	color: unset !important;
	letter-spacing: unset !important;
	background: unset !important;
	padding: 0 !important;
	margin: 0 !important;
}

.order-form * {
	padding: 0 !important;
	margin: 0 !important;
	width: unset !important;
	height: unset !important;
	background: unset !important;
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
		Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji",
		"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.order-form .order-form-field-label {
	display: block !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	text-align: left !important;
	padding: 0 !important;
	line-height: 20px !important;
	margin: 0 0 0.25em !important;
	color: #212121 !important;
	transition: 0.25s !important;
	font-style: normal !important;
}

.order-form .order-form-old-price {
	font-size: 16px !important;
	color: #fff !important;
	font-weight: 600 !important;
	line-height: 10px !important;
	font-style: normal !important;
	text-align: center !important;
	text-decoration: line-through !important;
	text-shadow: 0 0 2px #000 !important;
}

.order-form .order-form-wrapper {
	max-width: 400px !important;
	margin: 0 auto !important;
	border-radius: 5px !important;
	background: #fff !important;
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.5) !important;
	opacity: 100 !important;
	position: relative !important;
	padding: 25px !important;
	border: 1px solid #dee2e6 !important;
}

.order-form .order-form-header {
	margin: 0 0 25px !important;
	position: relative !important;
	opacity: 1 !important;
}

.order-form .order-form-field-wrapper {
	margin-bottom: 15px !important;
}

.order-form .order-form-product-price-wrapper:after {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	top: -5px !important;
	border-right: 10px solid #ffffff00 !important;
	border-bottom: 5px solid #b16869 !important;
}

.order-form .order-form-product-price-wrapper:before {
	content: "" !important;
	position: absolute !important;
	right: 0 !important;
	bottom: -5px !important;
	border-right: 10px solid #ffffff00 !important;
	border-top: 5px solid #b16869 !important;
}

.order-form .order-form-product-price {
	display: block !important;
	position: relative !important;
	border-radius: 5px 0 0 5px !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	color: #fe0 !important;
	text-align: center !important;
	text-transform: none !important;
	line-height: 25px !important;
	text-shadow: 0 0 2px #000 !important;
}

.order-form .order-form-product-price-wrapper {
	display: block !important;
	padding: 10px 15px !important;
	text-align: center !important;
	background: #e6373a !important;
	position: absolute !important;
	top: 0 !important;
	right: -35px !important;
	border-radius: 5px 0 0 5px !important;
}

.order-form .order-form-product-image-section {
	position: relative !important;
	max-width: 400px !important;
	margin: 0 auto !important;
}

.order-form .order-form-field-wrapper .order-form-field {
	transition: 0.25s !important;
	outline: none !important;
	display: block !important;
	width: 100% !important;
	background-color: #fff !important;
	color: #212121 !important;
	box-sizing: border-box !important;
	background-repeat: no-repeat !important;
	background-size: 15px !important;
	background-position: 5px !important;
	padding: 10px !important;
	border-radius: 5px !important;
	font-size: 16px !important;
	margin: 0 !important;
	border: 2px solid #ddd !important;
	line-height: 1em !important;
	text-indent: unset !important;
	height: unset !important;
	appearance: auto !important;
	max-width: unset !important;
	font-weight: 400 !important;
	cursor: text !important;
}

.order-form .order-form-field-wrapper,
.order-form .order-form-field::placeholder {
	font-weight: 400 !important;
}

.order-form .order-form-field::placeholder {
	opacity: unset !important;
	color: #c6c6c6 !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-transform: none !important;
}

.order-form .order-form-field-wrapper .order-form-field:focus {
	border-color: #ababab !important;
}

.order-form .order-form-product-image {
	width: 100% !important;
	height: 100% !important;
	max-height: 100% !important;
	max-width: 300px !important;
	margin: 0 auto !important;
}

.order-form .order-form-product-image-wrapper {
	text-align: center !important;
}

.order-form .order-form-field-wrapper .help-block {
	font-size: 12px !important;
	line-height: 12px !important;
	text-align: left !important;
}

.order-form .order-form-submit-button {
	cursor: pointer !important;
	text-shadow: 0 0 2px #000 !important;
	display: block !important;
	width: 100% !important;
	background: #e6373a !important;
	color: #fff !important;
	border: none !important;
	padding: 15px 5px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	border-radius: 5px !important;
	line-height: 20px !important;
	box-sizing: border-box !important;
	height: unset !important;
	transition: 0.25s !important;
}

.order-form .order-form-submit-button:hover {
	background: #cf3134 !important;
}

.order-form .order-form-submit-button:active {
	background: #9d292b !important;
	box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.5) !important;
}

.order-form form {
	background: 0 0 !important;
}

.order-form {
	background: unset !important;
	max-width: unset !important;
	padding: 25px 0 !important;
	margin: 0 !important;
	letter-spacing: 0 !important;
	word-wrap: break-word !important;
	font-size: 1em !important;
	line-height: 2rem !important;
}

.order-form .help-block {
	font-weight: 600 !important;
	font-style: normal !important;
}

.order-form .order-form-deadline {
	color: #464646 !important;
	font-size: 14px !important;
	line-height: 14px !important;
	text-align: center !important;
	margin: 0 0 15px !important;
}

.order-form .order-form-timer {
	font-weight: 700 !important;
	margin: 5px 0 0 !important;
	font-size: 14px !important;
}

.order-form .time_remains {
	color: #e6373a !important;
	font-size: 14px !important;
}

.order-form .order-form-information {
	font-size: 14px !important;
	line-height: 14px !important;
	text-align: center !important;
	margin: 0 0 15px !important;
	padding: 0 !important;
	color: #555 !important;
}

@keyframes trambling-animation {
	0%,
	50%,
	100% {
		transform: rotate(0deg);
	}

	10%,
	30% {
		transform: rotate(-1deg);
	}

	20%,
	40% {
		transform: rotate(1deg);
	}
}

@keyframes pulse {
	0% {
		transform: scale(1.025);
	}

	100% {
		transform: scale(0.975);
		box-shadow: none;
	}
}

@keyframes front-rotation {
	from {
		transform: rotateY(0deg);
	}

	to {
		transform: rotateY(360deg);
	}
}

@keyframes back-rotation {
	from {
		transform: rotateY(180deg);
	}

	to {
		transform: rotateY(540deg);
	}
}

@keyframes radial-pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
	}

	100% {
		box-shadow: 0 0 0 40px transparent;
	}
}
