:root {
	--yellow: #fac02e;
	--red: #d50000;
	--brown: #531205;
	--gray: #7f7f7f;
	--purple: #c61d80;
	--black: #1d273b;
	--pink: rgba(213, 0, 0, .27);
}

body,
html {
	width: 100%;
	height: 100%;
	float: left;
	background: #fff;
	margin: 0;
	font-size: 15px;
	font-family: 'Gibson Regular';
}

body {
	
}

.a {
	color: #d50000 !important;
}

.ol-section {
	counter-reset: section;
}

.clear {
	clear: both;
}

::selection {
	background: var(--yellow);
	color: #fff;
}

::-moz-selection {
	background: var(--yellow);
	color: #fff;
}

h2 {
	font-family: 'Gibson SemiBold';
	font-weight: 400;
	font-size: 40px;
	line-height: 48px;
	color: #1d263a;
}

h4 {
	font-family: 'Gibson SemiBold';
	font-size: 30px;
	line-height: 38px;
	color: #1d263a;
	margin-bottom: 10px;
}

h3 {
	font-weight: 400;
	color: #989898;
	font-size: 20px;
	font-family: 'Gibson SemiBold';
}

a {
	color: inherit;
}

a:visited {
	color: inherit;
}

.right,
.float-right {
	float: right;
}

.wrapper {
	width: 92%;
	max-width: 1174px;
	margin: 0 auto;
	position: relative;
}

#cart-body {
	padding-top: 100px;
}

.none {
	display: none !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.main {
	width: 100%;
	float: left;
}

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

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.half {
	width: 50%;
	float: left;
}

.logo {
	width: 170px;
	height: 55px;
	text-decoration: none;
	display: block;
	position: absolute;
	left: 0;
	top: 10px;
	background: url('../img/logo2.svg') no-repeat;
	background-size: contain;
}

.icon-menu {
	width: 20px;
	height: 18px;
	display: inline-block;
	background: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cpath%20d%3D%22M18%207H2a2%202%200%200%200-2%202c0%201.1.9%202%202%202h16a2%202%200%200%200%202-2%202%202%200%200%200-2-2zM2%204h12a2%202%200%200%200%202-2%202%202%200%200%200-2-2H2a2%202%200%200%200-2%202c0%201.1.9%202%202%202zm12%2010H2a2%202%200%200%200-2%202c0%201.1.9%202%202%202h12a2%202%200%200%200%202-2%202%202%200%200%200-2-2z%22%2F%3E%3C%2Fsvg%3E');
}

.menu {
	position: absolute;
	left: 210px;;
	top: 35px;
	cursor: pointer;
}

.menu span {
	vertical-align: middle;
	font-family: 'Gibson SemiBold';
	position: relative;
	top: -5px;
	margin-left: 5px;
}

.section-profile {
	display: table;
	width: 100%;
	max-width: 590px;
	margin: 0 auto 50px;
	padding-top: 30px;
}

.box-profile {
	display: table-cell;
	vertical-align: middle;
}

.big-button {
	height: 71px;
	line-height: 71px;
	padding: 0 32px;
	position: relative;
	color: #fff;
	white-space: nowrap;
	cursor: auto;
	border: 0;
	background: var(--red) url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%3E%3Cpath%20fill%3D%22%23fcb80a%22%20d%3D%22M14.4%205.01H2.88c-.96%200-1.28-.48-1.28-.8l12.8-1.2v-1.2a.84.84%200%200%200-.96-.8L1.36%203.17c-.8.16-1.36.8-1.36%201.6V15.4c0%20.88.72%201.6%201.6%201.6h12.8c.88%200%201.6-.72%201.6-1.6V6.61c0-.88-.72-1.6-1.6-1.6zm-1.2%207.19c-.64%200-1.2-.56-1.2-1.2%200-.64.56-1.2%201.2-1.2.64%200%201.2.56%201.2%201.2%200%20.64-.56%201.2-1.2%201.2z%22%2F%3E%3C%2Fsvg%3E') no-repeat left 30px center;
	background-size: 20px;
	vertical-align: middle;
	padding-left: 65px;
	display: inline-block;
	font-weight: 400;
	font-size: 20px;
	border-radius: 100px;
	font-family: 'Gibson SemiBold';
}

.big-button span {
	display: block;
	width: 28px;
	height: 28px;
	line-height: 30px;
	position: absolute;
	top: -14px;
	right: 8px;
	text-align: center;
	font-size: 13px;
	cursor: help;
	font-weight: 700;
	background-color: #d50000;
	border: 3px solid #fff;
	border-radius: 50px;
}

.big-button .help {
	position: absolute;
	position: absolute;
	bottom: 100%;
	margin-bottom: 23px;
	right: 22px;
	margin-right: -177px;
	max-width: 250px;
	width: 354px;
	padding: 15px 25px 15px 88px;
	z-index: 506;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #8c8c8c;
	white-space: normal;
	background: #000;
	background: rgba(0,0,0,.8) url('data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246%22%20height%3D%2245%22%20viewBox%3D%22-26%2028%2046%2045%22%3E%3Ctitle%3EPrase%3C%2Ftitle%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M17.4%2051h-1.6c-1.5%200-2.2-.9-2.3-1.6-.3-1.6-1.4-5.5-6.2-7.2-.4-.1-.7-.5-.7-.9%200-2.1.3-3.8%201-5.7-2.1.9-3.5%202.4-4.5%204.5-.2.4-.7.7-1.1.6-1.9-.5-3.8-.7-5.8-.7-4.8%200-8.8%201.3-12.3%204-2.9%202.3-4.5%206.1-4.3%2010.7.2%203.8%203%206.7%204.7%208.1.4.3%201.4%201.1.9%202.7-.3%201-.9%202.4-.9%202.5-.1.1-.1.3%200%20.5s.2.3.4.4L-12%2070c.2.1.4.1.6%200%20.2-.1.3-.2.4-.4%200%200%20.4-1.1.8-2%20.7-1.8%201.8-1.6%202.9-1.4.7.2%201.8.4%203.6.4%201.7%200%202.8-.1%203.6-.2.4%200%20.7-.1%201.1-.1.9%200%201.6.3%202%201.5.3.9.7%201.8.7%201.8-.1.2%200%20.4.2.4.2.1.4.1.6%200l3.2-1.2c.2-.1.3-.2.4-.4.1-.2.1-.4%200-.5l-.5-1.3c-.1-.2-.3-.8-.1-1.4.1-.4.4-.9%201.2-1.4%202-1.1%203.6-2.8%204.6-4.9.2-.5.8-1.7%202.5-1.7h1.6c.3%200%20.6-.3.6-.6v-4.9c0-.4-.3-.7-.6-.7zm-8.9%201.9c-1.1%200-1.9-.9-1.9-1.9%200-1.1.9-1.9%201.9-1.9%201.1%200%201.9.9%201.9%201.9%200%201.1-.9%201.9-1.9%201.9z%22%2F%3E%3Cpath%20fill%3D%22%23FCBA08%22%20d%3D%22M-14.5%2038.4c-.4-.7-.5-1.5-.5-2.4%200-3%202.5-5.5%205.5-5.5S-4%2033-4%2036.1h2c0-4.1-3.4-7.5-7.5-7.5S-17%2032-17%2036.1c0%201.1.2%202.2.7%203.2l1.8-.9z%22%2F%3E%3Cpath%20fill%3D%22%23FCBA08%22%20d%3D%22M17.4%2049H15.5c-.3-1.6-1.5-6.2-6.8-8.4.1-1.9.5-3.5%201.5-6.3.1-.3.1-.7-.2-1-.3-.3-.6-.4-1-.3-3.4.9-5.8%202.7-7.3%205.5-1.8-.4-3.6-.5-5.5-.5-5.3%200-9.7%201.5-13.5%204.5-1.8%201.4-3.2%203.3-4%205.6-.8-.3-2.7-1.2-2.7-3.2%200-1.1.5-2%201.4-2.3.5-.2.7-.8.5-1.3-.2-.5-.8-.7-1.3-.5-1.6.7-2.6%202.3-2.6%204.2%200%203%202.4%204.6%204.1%205.2-.3%201.5-.5%203.1-.4%204.9.2%204.6%203.5%208%205.6%209.6.3.2.3.2.2.5-.3.9-.9%202.3-.9%202.3-.3.7-.2%201.4.1%202.1.3.7.8%201.2%201.5%201.4l3.2%201.2c.7.3%201.4.2%202.1-.1.7-.3%201.2-.8%201.4-1.5%200%200%20.4-1.1.8-2%200-.1.1-.2.1-.2.1%200%20.4.1.5.1.8.2%202%20.4%204%20.4%201.8%200%203-.1%203.8-.2.3%200%20.7-.1.9-.1v.1c.3%201%20.7%201.9.7%201.9.3.7.8%201.2%201.4%201.5.4.2.7.2%201.1.2.3%200%20.7-.1%201-.2l3.2-1.2c.7-.3%201.2-.8%201.5-1.4.3-.7.3-1.4.1-2.1L9.5%2066c0-.1%200-.1-.1-.1%200%200%200-.1.2-.2%202.4-1.3%204.2-3.3%205.5-5.8.2-.5.3-.6.7-.6h1.6c1.4%200%202.6-1.2%202.6-2.6v-4.9c0-1.6-1.2-2.8-2.6-2.8zm.6%207.5c0%20.3-.3.6-.6.6h-1.6c-1.7%200-2.3%201.3-2.5%201.7-1%202.2-2.6%203.8-4.6%204.9-.8.4-1.1%201-1.2%201.4-.2.6%200%201.2.1%201.4l.5%201.3c.1.2.1.4%200%20.5-.1.2-.2.3-.4.4L4.4%2070c-.2.1-.4.1-.6%200-.2-.1-.3-.2-.4-.4%200%200-.4-.9-.7-1.8-.4-1.2-1.1-1.5-2-1.5-.3%200-.7%200-1.1.1-.8.1-1.9.2-3.6.2-1.8%200-2.9-.2-3.6-.4-1.1-.2-2.2-.5-2.9%201.4-.3.9-.8%202-.8%202-.1.2-.2.3-.4.4-.2.1-.4.1-.6%200l-3.2-1.2c-.2-.1-.3-.2-.4-.4s-.1-.4%200-.5c0-.1.6-1.4.9-2.5.5-1.6-.5-2.4-.9-2.7-1.7-1.4-4.6-4.2-4.7-8.1-.2-4.6%201.3-8.4%204.3-10.7%203.5-2.7%207.5-4%2012.3-4%202%200%203.9.2%205.7.7.5.1%201-.1%201.1-.6%201-2.1%202.4-3.6%204.5-4.5-.6%201.9-1%203.6-1%205.7%200%20.4.3.8.7.9%204.8%201.7%205.9%205.6%206.2%207.2.1.7.8%201.6%202.3%201.6h1.6c.3%200%20.6.3.6.6v5z%22%2F%3E%3Ccircle%20fill%3D%22%23FCBA08%22%20cx%3D%228.5%22%20cy%3D%2251%22%20r%3D%221.9%22%2F%3E%3C%2Fsvg%3E') no-repeat left 20px center;
	border-radius: 44px;
	opacity: 0;
	transition: .3s all;
	z-index: 10000;
	pointer-events: none;
}

.help strong {
	color: #fff;
	font-size: 15px;
}

.help p {
	font-family: 'Gibson Regular';
	margin-bottom: 0;
}

.big-button span:hover + .help {
	opacity: 1;
}

.buttons {
	list-style: none;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.buttons li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.button {
	border-radius: 42px;
	padding: 15px 21px;
	cursor: pointer;
	font-size: 19px;
	color: #fff !important;
	font-weight: 400;
	background: var(--red);
	color: rgba(255,255,255,.95);
	text-transform: none;
	transition: .3s all;
	display: inline-block;
	border: 0 !important;
	box-shadow: 0 4px 9px var(--pink);
	transition: .3s all;
	position: relative;
	overflow: hidden;
	font-family: 'Gibson SemiBold';
	z-index: 1;
	text-decoration: none;
}

.smaller-btn {
	padding: 10px 15px;
	font-size: 15px;
}

.disabled {
	pointer-events: none;
	opacity: .3;
}

.button--send-order {
	border-radius: 4px;
	width: 100%;
	box-sizing: border-box;
}

.button--cart-header {
	font-size: 15px;
	margin-top: 15px;
	font-family: 'Gibson Regular';
}

.button--purple {
	background: var(--purple);
}

.button::before {
	content: '';
	width: 0px;
	height: 0px;
	position: absolute;
	left: -5%;
	right: 0;
	top: 0;
	margin: auto;
	background: #b71c1c;
	border-radius: 30px;
	opacity: 0;
	padding: 10px 21px;
	pointer-events: none;
	z-index: -1;
}

.button--purple::before {
	display: none;
}

.button--purple:hover {
	background-color: #b71c1c;
}

.icon-phone {
	background-image: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2222%22%20viewBox%3D%220%200%2021%2022%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.99%2013.83a16.92%2016.92%200%200%201-3.61-4.32l-.47-.88c.16-.18%201.41-1.52%201.95-2.24.68-.91-.3-1.73-.3-1.73S4.78%201.88%204.15%201.33c-.63-.55-1.36-.25-1.36-.25C1.46%201.94.08%202.69%200%206.28c0%203.36%202.55%206.83%205.31%209.51%202.76%203.03%206.56%206.07%2010.23%206.07%203.59-.08%204.33-1.46%205.19-2.79%200%200%20.31-.73-.24-1.36-.55-.63-3.33-3.41-3.33-3.41s-.82-.98-1.73-.3c-.68.51-1.9%201.63-2.2%201.91%200%200-2.04-1.09-3.24-2.08z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: left 15px center;
	background-size: 15px;
	padding-left: 45px;
}

@keyframes animButton {
	0% {
		opacity: 0;
		width: 0;
		height: 0;
	}
	
	100% {
		opacity: 1;
		width: 110%;
		height: 100%;
	}
}

.button:hover {
	box-shadow: 0 0px 18px rgba(213, 0, 0, .57);
}

.button:hover::before {
	animation: animButton;
	animation-fill-mode: both;
	animation-duration: .5s;
}

.button--pink:hover::before {
	display: none;
}

.button--pink:hover {
	background-color: var(--red);
}

.button.disable {
	pointer-events: none;
	background: #ccc;
	box-shadow: none;
}

.category-menu {
	margin: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 1px;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
}

.category-menu li {
	display: inline-block;
	list-style: none;
}

.category-menu a {
	color: #000;
	text-decoration: none;
	display: inline-block;
	margin: 0 20px;
	transition: .3s all;
	padding: 15px 15px;
	position: relative;
}

.category-menu a.active::after {
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 0px;
	background: var(--yellow);
}

.category-menu a.active,
.category-menu a:hover {
	color: var(--yellow);
}

@media (max-width: 800px) {
	.category-menu {
		padding: 0;
	}
	
	.category-menu a {
		padding: 10px;
		margin-right: 0;
	}
}

.pizza-sub {
	margin-top: 0;
	margin-bottom: 30px;
}

.pizza-sub li a {
	margin: 0;
}

#fixed-menu {
	margin-top: 30px;
}

.f-margin {
	margin-bottom: 177px !important;
}

.fixed {
	width: 100%;
	background: #fff;
	top: 80px;
	margin-top: 0 !important;
	position: fixed;
	z-index: 100;
}

.fixed .pizza-sub {
	margin-bottom: 0 !important;
}

.title {
	width: 100%;
	text-align: center;
	color: #989898;
	position: relative;
	clear: both;
	font-size: 20px;
	font-family: 'Gibson SemiBold';
}

.title::before {
	display: block;
	content: "";
	height: 1px;
	width: 100%;
	max-width: 455px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	top: 0;
	background: #e0e0e0;
}

.title span {
	background: #fff;
	padding: 0 12px;
	position: relative;
}

.button.full-button {
	width: 100%;
	float: left;
}

.gwt-SuggestBoxPopup {
	z-index: 10000 !important;
	border: 1px solid #d8d8d8 !important;
	border-radius: 0px !important;
	margin-top: -1px !important;
}

.gwt-SuggestBoxPopup .item {
	padding: 9px !important;
	cursor: pointer !important;
}

.gwt-SuggestBoxPopup .item-selected {
	background: rgba(250, 192, 46, 0.46) !important;
}

.overflow {
	overflow: hidden;
}

.product {
	width: 25%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 50px;
	margin-top: 25px;
	position: relative;
}

.product:hover .product-image img {
	transform: translateY(-20px) scale(1.03);
}

.product:hover .number {
	transform: translateY(-25px) translateX(-5px);
}

.product:hover::before {
	opacity: 1;
}

.product h3 {
	margin-bottom: 5px;
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 20px;
	line-height: 24px;
	font-family: 'Gibson Bold';
	color: #000;
}

.product .prices {
	list-style: none;
	padding: 0;
	width: 240px;
	margin: 0 auto;
}

.product .prices li {
	float: left;
	width: 50%;
	text-align: center;
	position: relative;
}

.product .prices.one-price li {
	width: 100%;
}

.product::before {
	position: absolute;
	right: 0;
	bottom: 70px;
	content: '';
	width: 35px;
	height: 47px;
	opacity: 0;
	transition: .3s all;
	background: url('data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2235%22%20height%3D%2247%22%20viewBox%3D%22-30.7%2027.1%2035%2047%22%3E%3Ctitle%3E%C5%A1ipka%3C%2Ftitle%3E%3Cpath%20fill%3D%22%234C4C4C%22%20d%3D%22M3%2052.1V52c-.2%200-.4.4-.2.5-.6.2-.9.8-1.3%201.3-.3.4-.7.6-1.1%201-1%20.9-2%201.7-3.2%202.3-1.3.7-2.6%201.5-4%202.2-1%20.6-2.1%201-3.1%201.5-2.1%201-4.1%202-6.2%203-2.1%201-4.2%201.8-6.4%202.6-.5.2-1.1.3-1.7.3-.3%200-.4-.1-.6-.3-.1-.2-.2-.8-.3-.8-.3-.2-.8.7-.9.9-.2.3-.4.5-.6.8-.1.2-.3.6-.4.7.4.3%201.1.3%201.6.4.7.2%201.4.3%202%20.5%201.1.3%202.1.4%203.2.8%201%20.3%202%20.8%203%201.2.8.4%203.2%201.2%202.6%202.5-.5%201-2.1-.3-2.7-.6-1-.5-2-.9-3.1-1.2l-2.4-.6c-.5-.1-1-.3-1.6-.4-.3-.1-1.6-.4-1.8-.2%200-.1-.8-.3-.9-.4-.8-.3-1.1.3-1.9.5-.7.2-1.7-.8-1.7-1.5%200-.5.4-.7.7-1.1.3-.5.7-.7%201-1.2.6-.8%201.1-1.6%201.7-2.4.2-.3.4-.5.6-.8.2-.3.2-.5.3-.8.2-.6.6-1.1.9-1.6.7-1%201.4-1.9%202.2-2.9.4-.5.9-1%201.1-1.6.3-.7.6-.9%201.3-.4%201%20.7%201.2%201.7.5%202.7-1.4%201.9-3%203.8-4.3%205.7.7.2%201.9-.5%202.6-.7.9-.3%201.7-.7%202.6-1%201.9-.7%203.6-1.7%205.5-2.5%201.7-.7%203.3-1.6%204.9-2.4%201.8-.9%203.7-1.7%205.5-2.8%202.8-1.7%205.9-3.7%206.3-7.3.4-3.7-1.4-7.2-3.8-10-1-1.1-2-2.1-3.3-2.9-.5-.3-1-.6-1.4-.9-.6-.4-1.1-.6-1.7-.9-1.5-.8-3.1-1.4-4.7-2l-2.4-.9c-.7-.3-1.8-.5-2.4-.9-1-.8-.6-2.8.9-2.2.6.3%201.2.7%201.8.9%201%20.4%202%20.8%202.9%201.2.4.2.9.3%201.2.4.1%200%20.2.2.3.3l.6.3c.7.4%201.5.7%202.2%201.1%201.3.8%202.7%201.5%203.9%202.3%202.9%202%204.9%204.7%206.4%207.9.9%201.9%201.2%204%201.1%206%200%20.8-.2%201.6-.5%202.4-.2.6-.9%201.6-.8%202.1z%22%2F%3E%3C%2Fsvg%3E');
}

.product .number {
	display: block;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	background-color: #d50000;
	border-radius: 48px;
	transition: .5s all;
}

.product p {
	padding: 0 15px;
	color: #7f7f7f;
	display: block;
	overflow: hidden;
	line-height: 1.14286em;
	max-width: 80%;
	padding: 0;
	height: 55px;
	margin: 10px auto;
}

.product-image {
	position: relative;
	padding-bottom: 100%;
	margin-bottom: 20px;
	display: block;
	width: 100%;
	margin: 0;
}

.product-image::before {
	content: "";
	width: 225px;
	height: 225px;
	border-radius: 100%;
	background-color: #ccc;
	background-color: hsla(0,0%,80%,.8);
	-webkit-filter: blur(7px);
	filter: blur(7px);
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

.product-image img {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	top: 0;
	max-height: 100%;
	max-width: 100%;
	transition: .5s all;
}

.add-button {
	display: block;
	position: relative;
	z-index: 3;
	width: 100%;
	padding: 8px 15px;
	font-size: 12px;
	color: #a5a5a5;
	line-height: 14px;
	text-align: center;
	font-family: inherit;
	white-space: nowrap;
	box-sizing: border-box;
	background: transparent;
	border: 2px solid transparent;
	-webkit-appearance: none;
	transition: .3s all;
	cursor: pointer;
}

.add-button::before {
	content: attr(data-type);
	position: absolute;
	color: var(--red);
	font-family: 'Gibson SemiBold';
	background: #fff;
	opacity: 0;
	line-height: 14px;
	padding: 0 6px;
	left: 7px;
	top: -7px;
	z-index: 2;
	font-size: 12px;
	transition: .3s all;
}

.add-button::after {
	content: attr(data-after);
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: 6px;
	text-align: center;
	font-size: 11px;
	line-height: 13px;
	color: var(--red);
	position: absolute;
	opacity: 0;
}

.add-button:hover {
	border-color: var(--red);
}

.add-button:hover::before,
.add-button:hover::after {
	opacity: 1;
}

.add-button strong {
	display: block;
	font-family: 'Gibson SemiBold';
	color: #1d273b;
	font-size: 20px;
	line-height: 29px;
}

.article {
	width: 100%;
	float: left;
	margin-top: 90px;
}

.article h1 {
	font-size: 30px;
	font-family: 'Gibson Bold';
}

.message {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 50px;
	z-index: 1000;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
}

.message.error {
	background: var(--red);
}

.message.success {
	background: #14de65;
}

.basket-information {
	max-width: 410px;
	position: relative;
}

.input {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}

#cart-body.edit-profile .input {
	float: none !important;
	width: auto !important;
	margin-bottom: 0;
}

.black {
	color: #000;
}

.ready-order {
	position: absolute;
	margin-top: 83px;
	text-align: right;
	right: 0;
}

.ready-order strong {
	color: #000;
}

.input input {
	width: 100%;
	height: 55px;
	padding: 10px 28px;
	border: 1px solid hsla(0,0%,84.7%,.25);
	font-size: 16px;
	box-sizing: border-box;
	background: hsla(0,0%,84.7%,.25);
	outline: none !important;
	transition: .3s all;
	border-radius: 3px;
	appearance: none;
	-webkit-appearance: none;
}

.input input:hover,
.input input:focus {
	border-color: #ffc30c;
}

.input label {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	color: #7f7f7f;
}

#cart-body p {
	font-weight: 400;
	line-height: 1.43;
	color: #7f7f7f;
}

#cart-body p a {
	color: #977000;
}

.max800 {
	max-width: 800px;
}

.basket-information-cart {
	position: fixed;
	top: 135px;
	left: 50%;
	margin: 0 0 0 67px;
	max-width: 341px;
	width: 100%;
	-webkit-box-shadow: 0 3.125rem 4.375rem rgba(0,0,0,.07);
	box-shadow: 0 3.125rem 4.375rem rgba(0,0,0,.07);
	background: #fff;
}

.basket-information-cart .content {
	position: relative;
	max-height: calc(100vh - 298px);
	padding: 0 32px;
}

.basket-information-cart h3 {
	color: #000;
	font-family: 'Gibson Semibold', sans-serif;
}

.basket-information-cart .item {
	width: 100%;
	float: left;
	margin-bottom: 5px;
}

.basket-information-cart .col-left,
.basket-information-cart .col-right {
	width: 50%;
	float: left;
}

.basket-information-cart .col-right {
	text-align: right;
}

.basket-information-cart .footer {
	margin: 15px 0 0;
	font-size: 2rem;
	font-weight: 700;
	text-align: center;
	position: relative;
	bottom: 0;
	z-index: 1;
	background: #fff;
	float: left;
	width: 100%;
	padding: 10px 0 37px;
}

.basket-information-cart .footer small {
	display: block;
	color: #7f7f7f;
	font-family: 'Gibson Regular', sans-serif;
	font-size: 13px;
}

.basket-information-cart .footer strong {
	font-family: 'Gibson Semibold', sans-serif;
}

.basket-information-cart::after {
	background: #fff;
	content: "";
	height: 10px;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	-webkit-clip-path: polygon(0 0,2.5% 100%,5% 0,7.5% 100%,10% 0,12.5% 100%,15% 0,17.5% 100%,20% 0,22.5% 100%,25% 0,27.5% 100%,30% 0,32.5% 100%,35% 0,37.5% 100%,40% 0,42.5% 100%,45% 0,47.5% 100%,50% 0,52.5% 100%,55% 0,57.5% 100%,60% 0,62.5% 100%,65% 0,67.5% 100%,70% 0,72.5% 100%,75% 0,77.5% 100%,80% 0,82.5% 100%,85% 0,87.5% 100%,90% 0,92.5% 100%,95% 0,97.5% 100%,100% 0);
	clip-path: polygon(0 0,2.5% 100%,5% 0,7.5% 100%,10% 0,12.5% 100%,15% 0,17.5% 100%,20% 0,22.5% 100%,25% 0,27.5% 100%,30% 0,32.5% 100%,35% 0,37.5% 100%,40% 0,42.5% 100%,45% 0,47.5% 100%,50% 0,52.5% 100%,55% 0,57.5% 100%,60% 0,62.5% 100%,65% 0,67.5% 100%,70% 0,72.5% 100%,75% 0,77.5% 100%,80% 0,82.5% 100%,85% 0,87.5% 100%,90% 0,92.5% 100%,95% 0,97.5% 100%,100% 0);
}

.basket-information-cart .footer::before {
	content: attr(data-pobocka);
	position: absolute;
	bottom: -50px;
	width: 100%;
	left: 0;
	font-size: 18px;
	text-align: center;
}

.basket-information-cart .footer::after {
	content: attr(data-phone);
	position: absolute;
	bottom: -70px;
	width: 100%;
	left: 0;
	font-size: 15px;
	text-align: center;
}

.paymentType {
	margin: 25px 0;
	margin-bottom: 35px;
}

.mobile-total-price {
	display: none;
}

.checkbox-input {
	padding-right: 30px !important;
}

.checkbox-input label {
	padding-left: 42px;
	padding-top: 7px;
	width: 100%;
	cursor: pointer;
	margin-bottom: 15px;
	display: block;
}

.checkbox-input input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.checkbox-input label {
	position: relative;
}

.checkbox-input label::before {
	position: absolute;
	top: .25rem;
	left: 0;
	display: block;
	pointer-events: none;
	content: "";
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	cursor: pointer;
	user-select: none;
	border-radius: 100%;
	border: .063rem solid hsla(0,0%,43.9%,.27);
	background: #fff;
	width: 24px;
	height: 24px;
}

.checkbox-input label::after {
	position: absolute;
	top: .25rem;
	left: -1.5rem;
	display: block;
	width: 12px;
	height: 12px;
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
}

.checkbox-input label.active::before {
	border-color: var(--yellow);
}

.checkbox-input label.active::after {
	background: var(--yellow);
	outline: 5px #fff;
	border-radius: 100%;
	left: 6.5px;
	top: 10px;
}

#loading {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000000;
	background: #fff url('../img/loading-page.gif') no-repeat center center;
}

.window {
	width: 96%;
	max-width: 600px;
	position: relative;
	white-space: normal;
	background-color: #f4f4f4;
	box-shadow: 0 30px 40px rgba(0,0,0,.14);
	border-radius: 30px;
	margin: 60px auto;
}

#window-close,
.window-close {
	display: block;
	height: 40px;
	width: 40px;
	z-index: 5;
	position: absolute;
	bottom: 100%;
	right: -10px;
	cursor: pointer;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.window-content {
	padding: 40px 50px;
}

/*
.window input {
	width: 100%;
	height: 40px;
	line-height: 40px;
	appearance: none;
	border: 0;
	border-bottom: 1px solid #838383;
	margin-bottom: 25px;
	background: none;
	outline: none !important;
	border-radius: 0;
	font-size: 16px;
}
*/

.window label {
	text-align: left;
	width: 100%;
	font-weight: bold;
	display: block;
}

.popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
	white-space: nowrap;
	background-color: #000;
	background-color: rgba(0,0,0,.5);
}

.popup.active {
	display: block;
}

.login-button {
	width: 49.5%;
	height: 40px;
	line-height: 40px;
	display: block;
	margin-bottom: 25px;
	border-radius: 4px;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,.26);
	text-decoration: none;
	transition: .3s all;
	float: left;
	padding-left: 45px;
	box-sizing: border-box;
	text-align: left;
}

.login-button:hover {
	box-shadow: 0 0px 4px 0 rgba(0,0,0,.16);
	text-decoration: underline;
}

.banner {
	width: 100%;
	height: 436px;
	position: relative;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fcbb07;
}

.banner img {
	display: block;
	position: relative;
	max-width: 100%;
}

.get-points {
	display: block !important;
	position: absolute !important;
	top: 30px;
	margin: auto;
	right: -60px;
	height: 145px;
}

.smoke {
	width: 50%;
	position: absolute;
	overflow: hidden;
	bottom: 0;
	right: 10%;
	background: url('../img/smoke.png') no-repeat left bottom;
	background-size: contain;
	height: 100%;
	transition: .5s all;
	animation: smoke 15s forwards infinite;
}

@keyframes smoke {
	0% {
		transform: translateY(500px);
	}
	
	100% {
		transform: translateY(-500px);
	}
}

.pizza-img {
	display: block !important;
	position: absolute !important;
	bottom: 0;
	right: 50%;
	margin-right: -604px;
	max-width: 670px !important;
}

.box-intro {
	margin: 0;
	position: relative;
}

.box-table {
	display: table;
	width: 100%;
	height: 80%;
}

.box-cell {
	display: table-cell;
	vertical-align: middle;
}

.banner-holder {
	width: 100%;
	float: left;
	margin-bottom: 75px;
	white-space: nowrap;
	transition: .5s all;
}

.small-banner {
	width: 33.3333333%;
	float: left;
	position: relative;
	background-size: 100%;
	background-repeat: no-repeat;
	transition: .3s all;
	overflow: hidden;
}

.small-banner::before {
	content: '';
	display: block;
	padding-top: 60%;
}

.small-banner::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	pointer-events: none;
	transition: .3s all;
}

.small-banner:hover::after {
	/*transform: scale(1.025);*/
	opacity: 1;
}

.small-banner a {
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
}

.small-banner img {
	display: block;
	position: absolute;
	left: -200%;
	right: -200%;
	margin: auto;
	bottom: -200%;
	top: -200%;
	-o-object-fit: cover;
	object-fit: cover;
	width: 100%;
	height: 100%;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}

.small-banner a:hover img {
	-webkit-transform: scale(1.025);
	transform: scale(1.025);
}

@media (max-width: 1024px) {
	.small-banner {
		width: 50%;
		float: none;
		display: inline-block;
	}
	
	.box-table {
		padding-top: 60px;
	}
	
	.pizza-img {
		max-width: 70%;
		margin-right: -70%;
	}
	
	.get-points {
		display: none !important;
	}
}

@media (max-width: 600px) {
	.banner img {
		height: auto !important;
	}
	
	.banner {
		height: auto !important;
		padding: 60px 0;
	}
}

@media (max-width: 480px) {
	.small-banner {
		width: 100%;
	}
	
	.menu {
		left: 90px;
		top: 30px;
	}
}

.logo {
	width: 182px;
	height: 55px;
	background: url('../img/logo2.svg') no-repeat center center;
	display: block;
	text-decoration: none;
	position: relative;
	left: -15px;
	background-size: contain !important;
}

.banner h1 {
	font-family: 'Gibson SemiBold';
	margin-top: 0;
	font-size: 34px;
	max-width: 540px;
}

.banner p {
	max-width: 540px;
	font-size: 21px;
	line-height: 1.5;
	margin-bottom: 0;
}

.banner .button {
	min-width: 220px;
	text-align: center;
}

.sm-5 {
	width: 40%;
	float: left;
	box-sizing: border-box;
	padding: 20px;
}

.sm-7 {
	width: 60%;
	float: left;
	box-sizing: border-box;
	padding: 20px;
}

footer .sm-7 {
	width: 80%;
}

footer .sm-5 {
	width: 20%;
}

.pl0 {
	padding-left: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pr0 {
	padding-right: 0 !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.thumbs {
	margin-top: 110px;
}

.image {
	width: 120px;
	float: left;
	margin-bottom: 7px;
}

.image img {
	border-radius: 14px;
	transition: .3s all;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}

.image img:hover {
	transform: translateY(-2px);
	box-shadow: 0 3px 6px rgba(0,0,0,0.3);
}

ol {
	padding-left: 0px;
}

li, p {
	line-height: 1.5;
	font-size: 17px;
}

ol li {
	margin-bottom: 20px;
	list-style: none;
	padding-left: 30px;
	position: relative;
}

ol li a {
	color: var(--red) !important;
}

ol li::before {
	content: counter(section) " ";
	counter-increment: section;
	width: 23px;
	height: 23px;
	line-height: 25px;
	background: var(--red);
	color: #fff;
	font-size: 13px;
	border-radius: 100%;
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	top: 1px;
}

ol.ol2 li::before {
	content: counter(section2) " ";
	counter-increment: section2;
}

strong {
	font-family: 'Gibson SemiBold';
}

footer {
	width: 100%;
	float: left;
	border-top: 1px solid #e0e0e0;
	padding-top: 0px;
	background: #eeeeee;
	padding-bottom: 40px;
}

.footer-table {
	display: table;
	width: 100%;
	margin-bottom: 35px;
}

.footer-cell {
	display: block;
	vertical-align: top;
	text-align: left;
	position: relative;
	width: 100%;
}

.footer-contacts {
	padding: 0;
	margin: 0;
	list-style: none;
	padding-top: 20px;
}

.footer-contacts li a {
	display: block;
	position: relative;
	padding-left: 45px;
	margin-bottom: 34px;
	text-decoration: none;
	color: #1d273b;
	font-size: 12px;
	line-height: 14px;
	transition: .3s all;
}

.footer-contacts li a span {
	margin: 0 10px;
}

.footer-contacts li a strong {
	display: block;
	font-size: 25px;
	line-height: 29px;
	font-family: 'Gibson Bold';
	color: var(--black);
	margin-bottom: 7px;
	transition: .3s all;
}

.footer-contacts li a strong:hover {
	color: var(--yellow);
}

.icon-telphone {
	background: url('/img/phone.svg') no-repeat left center;
	background-size: 25px;
}

.icon-envelope {
	background: url('/img/envelope.svg') no-repeat left center;
	background-size: 25px;
}

.footer-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	vertical-align: top;
	width: 165px;
	padding-right: 15px;
	padding-top: 6px;
}

.footer-menu a {
	display: table;
	padding: 5px 0;
	font-size: 15px;
	text-decoration: none;
	color: #666;
	text-align: left;
	transition: .3s all;
}

.footer-menu a:hover {
	color: var(--red);
	text-decoration: underline;
}

.footer-social {
	padding: 0;
	margin: 0;
	list-style: none;
	display: inline-block;
	margin-top: 0px;
	width: 100%;
	text-align: left;
}

.footer-social li {
	display: inline-block;
	margin-right: 10px;
}

.footer-social-link {
	width: 153px;
	line-height: 48px;
	position: relative;
	padding-left: 58px;
	margin-bottom: 15px;
	display: inline-block;
	text-align: left;
	color: #fff !important;
	text-decoration: none;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: 700;
	border-radius: 100px;
	transition: .4s all;
}

.facebook {
	background: #39579a;
}

.facebook .footer-social-icon {
	background: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%2222%22%20viewBox%3D%220%200%2011%2022%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.22%207.12H6.74V4.84c0-.86.57-1.06.97-1.06h2.46V.01L6.78%200C3.03%200%202.17%202.81%202.17%204.61v2.51H0v3.89h2.17V22h4.57V11.01h3.08z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.footer-social-link.facebook:hover {
	box-shadow: 0 0 15px rgba(57, 88, 153, 0.6);
}

.instagram {
	background: linear-gradient(262deg,#e43661,#fbb25c 98%,#fbb45c);
}

.footer-social-link.instagram:hover {
	box-shadow: 0 0 15px rgba(227, 54, 97, 0.6);
}

.instagram .footer-social-icon {
	background: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227%22%20height%3D%2227%22%20viewBox%3D%220%200%2027%2027%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.91%207A6.86%206.86%200%200%200%207%2013.78a6.82%206.82%200%200%200%206.91%206.77%206.85%206.85%200%200%200%206.91-6.77A6.9%206.9%200%200%200%2013.91%207zm0%2011.12a4.4%204.4%200%200%201-4.43-4.34c0-2.39%202-4.34%204.43-4.34a4.4%204.4%200%200%201%204.43%204.34c0%202.38-2%204.34-4.43%204.34zM19%206.5a1.5%201.5%200%201%201%203%200%201.5%201.5%200%200%201-3%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24.62%202.17A7.76%207.76%200%200%200%2018.95%200H7.83C3.13%200%200%203.07%200%207.68v10.85c0%202.28.76%204.23%202.27%205.66a7.95%207.95%200%200%200%205.61%202.07H18.9c2.32%200%204.27-.74%205.67-2.07a7.47%207.47%200%200%200%202.21-5.61V7.68c0-2.23-.75-4.13-2.16-5.51zm-.32%2016.41c0%201.64-.49%202.97-1.46%203.87a5.64%205.64%200%200%201-3.94%201.37H7.88a5.64%205.64%200%200%201-3.94-1.37%205.29%205.29%200%200%201-1.46-3.92V7.68c0-1.59.49-2.92%201.46-3.87a5.55%205.55%200%200%201%203.94-1.37h11.13c1.62%200%202.97.47%203.94%201.42a5.42%205.42%200%200%201%201.46%203.82v10.9z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.spotify {
	background: #313131;
}

.footer-social-link.spotify:hover {
	box-shadow: 0 0 15px rgba(48, 48, 48, 0.6);
}

.spotify .footer-social-icon {
	background: url('data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%3E%3Cpath%20fill%3D%22%2301bc4e%22%20d%3D%22M10.5%200a10.5%2010.5%200%201%200%200%2021%2010.5%2010.5%200%200%200%200-21zm4.26%2015.45a.73.73%200%200%201-.44-.15%2010.57%2010.57%200%200%200-5.44-1.41c-1.12%200-2.25.15-3.31.37-.17.04-.39.1-.52.1a.65.65%200%200%201-.66-.66c0-.44.25-.66.57-.72%201.3-.29%202.59-.46%203.93-.46%202.3%200%204.34.52%206.11%201.58.26.15.41.31.41.7%200%20.38-.31.65-.65.65zm1.14-2.78c-.22%200-.37-.09-.52-.18a13.37%2013.37%200%200%200-6.67-1.68%2013%2013%200%200%200-3.43.44c-.2.05-.32.11-.51.11a.82.82%200%200%201-.82-.82c0-.45.22-.75.66-.88%201.18-.32%202.38-.57%204.14-.57%202.74%200%205.4.68%207.49%201.93.35.21.48.46.48.83%200%20.46-.36.82-.82.82zm1.31-3.23a.97.97%200%200%201-.54-.16c-1.9-1.14-4.85-1.76-7.71-1.76-1.42%200-2.87.14-4.19.5-.15.04-.35.11-.54.11a.98.98%200%200%201-.99-1c0-.57.35-.89.74-1%201.49-.44%203.16-.65%204.98-.65%203.08%200%206.33.63%208.7%202.03.32.18.54.45.54.95%200%20.57-.46.98-.99.98z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
}

.footer-social-icon {
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 3px;
	top: 0;
}

h2 a {
	display: block;
	font-size: 15px;
	font-family: 'Gibson Regular';
	line-height: 1;
	color: var(--red) !important;
	margin-top: 13px;
}

@media (max-width: 885px) {
	.pizza-img {
		opacity: .15;
	}
	
	.banner p {
		font-weight: 700;
	}
}

@media (max-width: 1199px) {
	#banner {
		padding-top: 0;
	}
	
	.image img {
		width: 100%;
		object-fit: cover;
	}
	
	.sm-5,
	.sm-7 {
		width: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}
	
	.footer-social {
		margin-top: 0;
		text-align: center;
	}
	
	.footer-social li {
		display: inline-block;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.footer-social li a {
		margin-bottom: 10px;
	}
	
	footer .sm-5 {
		padding-left: 0;
		padding-bottom: 0;
		text-align: center;
	}
	
	.thumbs {
		margin-top: 0;
	}
}

@media (max-width: 674px) {
	.image {
		width: 110px;
		/*width: 48%;*/
		margin-right: 5px;
		margin-left: 5px;
	}
	
	.smoke {
		width: 100%;
		max-width: 670px !important;
	}
}

@media (min-width: 674px) and (max-width: 1199px) {
	.image {
		/*width: 33%;*/
		float: none;
		display: inline-block;
		margin-bottom: 0;
	}
}

.link {
	margin-top: 20px;
	display: block;
	clear: both;
	color: var(--red) !important;
}

.info-images {
	list-style: none;
	text-align: center;
	padding-left: 0;
}

.info-images li {
	padding-left: 0;
	display: inline-block;
}

.info-images li img {
	margin-bottom: 20px;
}

.thumbs-numbers a {
	position: relative;
}

.thumbs-numbers a::before {
	content: attr(data-number);
	width: 23px;
	height: 23px;
	line-height: 25px;
	background: var(--red);
	color: #fff;
	font-size: 13px;
	border-radius: 100%;
	text-align: center;
	position: absolute;
	left: 6px;
	top: 6px;
}