/* ========================================================
        VARIABLES
======================================================== */
div#bx-panel {
	/*min-width: 1310px;*/
}

*:focus {

	outline: none;
}

:root {
	--red: rgb(255,20,0);
	--red-a: rgba(255, 20, 0, .7);
	--red-h: rgb(255, 90, 76);

	--dark-grey: rgb(80, 80, 80);
	--grey: rgb(167, 172, 172);
	--m-grey: rgb(211, 213, 213);
	--l-grey: rgb(234, 235, 235);
	--x-grey: rgb(242, 243, 243);

	--black: rgb(51, 51, 51);
	--black-a: rgba(51, 51, 51, .7);
	--white: rgb(255, 255, 255);
	--white-a: rgba(255, 255, 255, .7);
	--green: rgb(3, 215, 69);

	--svg-fill: var(--black);

	--workarea-width: 1310px;
	--section-width: 1230px;

	--menu-z-index: 100;
	--menu-global-z-index: 9000;

	--modal-z-index: 9900;

	--border-width: 1px;
	--border-d-width: 2px;

	--font: 1em/1.4 'Open Sans',sans-serif;
	--x-size: .75em;
	--s-size: .9375em;
	--l-size: 1.1em;
	--h1-size: 1.75em;
	--h2-size: 1.5em;
	--h3-size: 1.25em;
	--h4-size: 1.125em;
	--line-height: 1.4em;

	--header-margin: 35px;
}

/* ========================================================
        DEFAULT PRESETS
======================================================== */

button,
input,
select,
textarea {
	box-sizing: content-box;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	/* line-height: inherit; */
}

button,
input[type="submit"] {
	cursor: pointer;
}

html {
	overflow-y: scroll;
	font: 1em/1.4 'Open Sans',sans-serif;
}

body {
	color: rgb(51, 51, 51);
}

svg {
	fill: rgb(51, 51, 51);
}

a {
	color: rgb(51, 51, 51);
	text-decoration: underline solid rgb(80, 90, 90);
}

a:hover {
	text-decoration-color: rgb(255, 21, 0);
}

p {
	margin: 0;
}

p + p {
	margin-top: 1em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 35px 0;
	font-weight: 600;
	text-align: left;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

table {
	border-collapse: collapse;
}

fieldset {
	border: none;
	padding: 0;
}

/* ========================================================
        ICON
======================================================== */

.icon {
	display: inline-block;
	height: 1.4em;
}

.icon--big {
	height: calc(1.4em * 1.5);
}

.icon--small {
	height: calc(1.4em * 0.5);
}

.icon--max {
	max-width: 100%;
	height: 100%;
}

/* ========================================================
        LIST
======================================================== */

.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list--tile {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

.list--decimal {
	padding-left: 2em;
	list-style-type: decimal;
}

.list--red-disc {
	padding-left: 1.5em;
	/* list-style-type: disc; */
}

.list--red-disc > li::before {
	content: "\2022";
	display: inline-block;
	width: 1em;
	margin-left: -1em;
	color: red;
}

.list--big-red-disc {
	padding-left: .5em;
}

.list--big-red-disc > li::before {
	content: "\2022";
	display: inline-block;
	width: .5em;
	margin-left: -.5em;
	color: red;
	text-align: center;
	vertical-align: middle;
}

.list--big-red-disc > li > * {
	display: inline-block;
	vertical-align: middle
}

/* ========================================================
        SLIDER
======================================================== */

.slider {
	margin: 0;
	padding: 0;
	list-style: none;
}
.slider.slider--main {
	width: 747px;
	height: 420px;
	overflow: hidden;
}

.slider.slider--main .slider__item {
	display: block;
}

.banner {
	position: relative;
}

.banner + .banner {
	margin-top: 6px;
}

.banner__background {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

.banner__content {

}

.banner__content a {
	display: block;
}

.banner__content img {
	display: block;
	width: 100%;
	height: 100%;
}


.banner-list--main {
	width: 307px;
}


/* ========================================================
        FORM
======================================================== */

/* INPUT */

.input {
	height: 1.4em;
	margin: 0;
	padding: 4px;
	color: rgb(51, 51, 51);
	background-color: rgb(255, 255, 255);
	border: solid 1px rgb(51, 51, 51);
	border-radius: 4px;
	outline-color: rgb(167, 172, 172);
}

.input--wide {
	width: calc(100% - 18px);
	padding: 8px;
}

.input--short {
	width: 70px;
}

.input--dark {
	color: rgb(80, 90, 90);
	border-color: rgb(80, 90, 90);
}

.input--white {
	color: rgb(51, 51, 51);
	border-color: rgb(255, 255, 255);
}

.input--grey {
	color: rgb(51, 51, 51);
	border-color: rgb(167, 172, 172);
}

/* BUTTON */

.button {
	height: 1.4em;
	margin: 0;
	padding: 4px;
	color: rgb(51, 51, 51);
	background-color: rgb(255, 255, 255);
	border: solid 1px rgb(51, 51, 51);
	border-radius: 4px;
	outline-color: rgb(167, 172, 172);
}

.button--wide {
	width: calc(100% - 18px);
	padding: 8px;
}

.button--space {
	padding: 8px;
}

.button--dark {
	--svg-fill: rgb(80, 90, 90);
	color: rgb(80, 90, 90);
	border-color: rgb(80, 90, 90);
}

.button--dark:hover {
	--svg-fill: rgb(167, 172, 172);
	color: rgb(167, 172, 172);
	border-color: rgb(167, 172, 172);
}

.button--bright {
	--svg-fill: rgb(167, 172, 172);
	color: rgb(167, 172, 172);
	border-color: rgb(167, 172, 172);
}

.button--bright:hover {
	--svg-fill: rgb(234, 235, 235);
	color: rgb(234, 235, 235);
	border-color: rgb(234, 235, 235);
}

.button--enter {
	--svg-fill: rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	background-color: rgb(255, 21, 0);
	border-color: rgb(255, 21, 0);
}

.button--enter:hover {
	--svg-fill: rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	background-color: rgb(255, 90, 76);
	border-color: rgb(255, 90, 76);
}

.button--plain {
	background-color: transparent;
	border-color: transparent;
	outline-color: transparent;
}

.button--plain:hover {
	background-color: transparent;
	border-color: transparent;
	outline-color: transparent;
}

/* FIELD */

.field {
	position: relative;
}

.field + .field {
	margin-top: 1em;
}

.field .input + .button {
	position: absolute;
	top: 0;
	right: 0;
}

/* LABEL */

.label + .label {
	margin-left: 1em;
}

.label .input {
	margin-left: .5em;
}

/* ========================================================
        SEARCH
======================================================== */

.search {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

.search__label {
	flex: 100%;
	margin-bottom: .25em;
}

.input.input--dark.search__input::placeholder, .video-filter--search-item input::placeholder {
	color: rgb(167, 172, 172);
}

.search__input {
	flex: auto;
}

.search__button {
	flex: none;
	margin-left: .25em;
}

.search--grey {
	--svg-fill: rgb(80, 90, 90);
	color: rgb(80, 90, 90);
}

/* ========================================================
        CONTACT
======================================================== */

.contact {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
}

.contact__name {
	flex: 100%;
	white-space: nowrap;
}

.contact__information + .contact__information {
	margin-top: 1em;
}

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

.contact__icon {
	fill: rgb(80, 90, 90);
	stroke: rgb(80, 90, 90);
}

.contact__datum {
	display: block;
}

.contact--grey {
	--svg-fill: rgb(80, 90, 90);
	color: rgb(80, 90, 90);
}

.contact__name--big,
.contact__datum--big {
	font-size: 1.1em;
	font-weight: 600;
}

.contact__datum--highlight {
	color: rgb(255, 21, 0);
}

/* ========================================================
        MENU
======================================================== */

.menu {
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: rgb(255, 255, 255);
}

.menu__item {
	position: relative;
}

.menu__item--header {
	margin-bottom: .5em;
	font-size: 1.1em;
	text-align: center;
}

.menu__wrapper {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 100%;
	width: 250px;
	margin-left: -1px;
}

.menu__link {
	display: block;
	padding: 4px 8px;
	color: rgb(51, 51, 51);
	background-color: rgb(255, 255, 255);
	text-decoration-color: transparent;
}

.menu__link:hover {
	text-decoration-color: transparent;
}

.menu__icon + .menu__text {
	margin-left: .5em;
}

.menu__link--highlight {
	color: rgb(255, 21, 0);
}

.menu__item--focused > .menu__wrapper,
.menu__item--expanded > .menu__wrapper {
	display: block;
}

.menu__item--focused > .menu__link,
.menu__item--expanded > .menu__link {
	background-color: rgb(242, 243, 243);
	text-decoration-color: rgb(255, 21, 0);
}

/* ========================================================
        MODAL
======================================================== */

.modal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: fixed;
	z-index: 9900;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .7);
}

.modal__inner {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	position: relative;
	padding: 2em 4em;
	background-color: rgb(211, 213, 213);
	-webkit-box-shadow: 0px 0px 8px rgb(51, 51, 51);
	box-shadow: 0px 0px 8px rgb(51, 51, 51);
}

.modal__close {
	position: absolute;
	top: .25em;
	right: .25em;
	width: 1.25em;
	height: 1.25em;
}

.modal--hidden {
	display: none;
}

.modal--thin .modal__inner {
	padding: 0;
}

.modal--thin .modal__close {
	top: 0;
	right: 0;
	z-index: 200;
}

/* ========================================================
        TUMBLE
======================================================== */

.tumble {
	position: relative;
	width: 185px;
	height: 290px;
}

.tumble__border {
	position: absolute;
	z-index: 10;
	width: 100%;
}

.tumble__text {
	position: absolute;
	z-index: 50;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	text-align: center;
}

.tumble__image {
	position: absolute;
	z-index: 100;
	bottom: 0;
	width: 185px;
}

.tumble__image {
	transform: none;
	will-change: transform;
}

/* TUMBLE MODIFIERS */

.tumble__text--header {
	margin-top: 45px;
	font-size: 12px;
	font-weight: 600;
}

.tumble__text--footer {
	margin-top: 200px;
	font-size: 11px;
	font-weight: 400;
}

.tumble__image--animatable {
	transition: transform 150ms ease-in;
}

/* TUMBLE STATE MODIFIERS */

.tumble__image--moved {
	transform: translateY(-105px);
}

.tumble__image--moved.tumble__image--animatable {
	transition: transform 250ms ease-out;
}

/* ========================================================
        LOGIN
======================================================== */

.login {
}

.login--modal {
	box-sizing: border-box;
	width: 380px;
	margin: -1em;
	padding: 0 4.5em;
}

.login--default {
	box-sizing: border-box;
	width: 380px;
	padding: 0 4.5em;
}

.login--send-pwd {
	max-width: 350px;
}

.login__header,
.login__footer {
	margin: 0;
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
}

.login__header {
	margin-bottom: 1em;
	padding-bottom: .25em;
	color: rgb(51, 51, 51);
	border-bottom: solid 2px rgb(51, 51, 51);
}

.login__footer {
	margin-top: 1em;
	padding-top: .25em;
	border-top: solid 2px rgb(167, 172, 172);
	color: rgb(167, 172, 172);
}

.login__error {
	margin: 1em 0;
	color: rgb(255, 21, 0);
}

.login__result {
	margin: 1em 0;
	color: rgb(255, 21, 0);
}


.login__field + .login__field {
	margin-top: .5em;
}

.login__submit .button {
	font-weight: 600;
}

.login__forgot {
	vertical-align: top;
	color: rgb(167, 172, 172);
	text-decoration-color: rgb(167, 172, 172);
	font-size: .75em;
}

/* ========================================================
        HEADER
======================================================== */

.header,
.footer {
	display: block;
	width: 100%;
	/*min-width: 1310px;*/
}

.header__inner,
.footer__inner {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	width: 1230px;
	margin: 0 auto;
	padding: 10px 0;
}

.header__inner {
	align-items: center;
	font-size: .9375em;
}

.footer__inner {
	align-items: flex-start;
}

.header__logo,
.header__search {
	width: 300px;
}

.header__contact {
	flex: 0;
	min-width: 195px;
}

.header__menu {
	width: 210px;
}

.footer__contact {
	width: 45%;
	padding: 1.5em 0;
}

/* ========================================================
        NAVIGATION
======================================================== */

.navigation {
	display: block;
	width: 100%;
	/*min-width: 1310px;*/
}

.navigation__inner {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.navigation__menu {
	margin: 0 auto;
}

/* ========================================================
        WORKAREA
======================================================== */

.workarea {
	display: block;
	width: 100%;
	/*min-width: 1310px;*/
}

.workarea__inner {
	display: block;
	width: 1230px;
	margin: 0 auto;
}

/* ========================================================
        COPYRIGHT
======================================================== */

.copyright {
	display: block;
	width: 100%;
	/*min-width: 1310px;*/
	background-color: rgb(77, 77, 77);
}

.copyright__inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1230px;
	margin: 0 auto;
	padding: .3em 0;
}

.copyright__text {
	margin: 0;
	color: rgb(190, 190, 190);
}

/* ========================================================
        INDEX
======================================================== */

.index__section {
	position: relative;
	width: 1230px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3em;
	padding-bottom: 3em;
}

.index__section--wide {
	width: auto;
	/*min-width: 1310px;*/
	padding-top: 0;
	padding-bottom: 0;
}

.index__section--x-grey {
	background-color: rgb(242, 243, 243);
}

.index__header {
	font-size: 1.25em;
	text-transform: uppercase;
	text-align: center;
}

.index__x-header {
	font-size: 1.75em;
	text-transform: uppercase;
	text-align: center;
}

.index__big-header {
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: center;
}

.index__sub-header {
	font-size: 1.125em;
	text-transform: uppercase;
	text-align: center;
}

/* ========================================================
        INDEX-TOP
======================================================== */

.index-top {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
}

/* ========================================================
        INDEX-WORKFLOW
======================================================== */

.index-workflow {

}

.index-workflow__stages {
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	margin-top: 2em;
}

/* ========================================================
        INDEX-BRANDS
======================================================== */

.index-brands {
	overflow: hidden;
}

.index-brands .list {
	/* margin: 0 -10px; */
}

.index-brands__brand {
	box-sizing: border-box;
	width: 105px;
	margin: 0 10px;
	flex: 1 0 9%;
}

.index-brands__icon {
	display: block;
	width: 100%;
	transition: opacity .25s linear;
}

.index-brands__brand:hover .index-brands__icon {
	opacity: .5;
}

.index-brands__link {
	display: block;
	text-decoration: none;
}

/* ========================================================
        INDEX-PARTNERSHIP
======================================================== */

.index-partnership {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.index-partnership .index__header {
	flex: 100%;
}

.index-partnership__image {
	width: 100px;
	height: 100px;
	margin-right: 2em;
}

.index-partnership .list__item {
	font-weight: 600;
}

/* ========================================================
        INDEX-SEASONS
======================================================== */

.index-seasons__list {
	margin: -10px;
}

.index-seasons__item {
	width: calc(100% / 5 - 20px);
	margin: 10px;
	border-radius: 4px;
	overflow: hidden;
}

.index-seasons__link {
	position: relative;
	display: block;
	width: 100%;
}

.index-seasons__picture {
	display: block;
	width: 100%;
}

.index-seasons__name {
	box-sizing: border-box;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 0;
	width: 100%;
	padding: 8px;
	color: rgb(255, 255, 255);
	background-color: rgba(51, 51, 51, .7);
	text-align: center;
	transition: all .25s linear;
}

.index-seasons__item:hover .index-seasons__name {
	height: 100% !important;
	background-color: rgba(255, 21, 0, .7);
}

.index-seasons__other {
	display: block;
	margin: 1.5em 0 2.2em;
	color: rgb(167, 172, 172);
	text-decoration-color: rgb(167, 172, 172);
	text-align: center;
	text-transform: lowercase;
}

/* ========================================================
        INDEX-DISCOUNT
======================================================== */

.index-discount__list {
	margin-left: 19em;
	font-weight: 600;
	text-transform: uppercase;
}

.index-discount__table {
	width: 100%;
	margin: 35px 0;
	border-collapse: collapse;
}

.index-discount__table th {
	padding: 8px;
	background-color: rgb(234, 235, 235);
	border: solid 4px rgb(255, 255, 255);
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
}

.index-discount__table td {
	padding: 8px;
	border-bottom: solid 1px rgb(234, 235, 235);
	font-weight: 600;
	text-align: center;
}

.index-discount__discount {
	color: rgb(255, 21, 0);
}

.index-discount__type,
.index-discount__discount {
	width: 10em;
}

.index-discount__footer {
	margin: 0 5em;
	color: rgb(167, 172, 172);
	font-size: .875em;
	text-align: center;
}

.index-discount__current-price td {
	background-color: rgb(255, 21, 0);
	color: rgb(255, 255, 255);
}

.slim {
	position: relative;
	padding: 0 3.5em;
}

.slim__wrapper {
	width: 100%;
	overflow: hidden;
}

.slim__list {
	display: flex;
	flex-flow: row;
	margin: 0;
	padding: 0;
	list-style: none;
}

.slim__list--animate {
	transition: transform .25s ease;
}

.slim__list-item {
	flex: none;
	width: calc(100% / 3);
}

.slim__picture {
	display: block;
	margin: 0 auto;
}

.slim__controls {
	position: absolute;
	top: calc(50% - 3em / 2);
	left: 0;
	width: 100%;
}

.slim__button {
	width: 3em;
	height: 3em;
}

.slim__button .icon {
	fill: rgb(234, 235, 235);
}

.slim__button:focus {
	outline: none;
}

.slim__button:hover .icon {
	fill: rgb(255, 21, 0);
}

.slim__button--left {
	position: absolute;
	left: 0;
}

.slim--outside .slim__button--left {
	left: -3em;
}

.slim__button--right {
	position: absolute;
	right: 0;
}

.slim--outside .slim__button--right {
	right: -3em;
}

.slim__button--dark .icon {
	fill: rgb(80, 90, 90);
}

.slim__button--grey .icon {
	fill: rgb(167, 172, 172);
}

.slim-preview {
	background: rgb(255, 255, 255);
}

.index-certificates__header {
	margin: 35px 0;
	text-align: center;
}

.index-certificates__footer {
	margin-top: 35px;
	color: rgb(167, 172, 172);
	text-align: center;
}

.index-otzivi {
	background-color: rgb(242, 243, 243);
}

.profile {
	width: 280px;
	margin: 0 auto;
	padding: 0 .5em;
	font-size: 14px;
}

.profile__data {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.profile__image {
	flex: none;
	width: 120px;
	border: solid 2px rgb(80, 90, 90);
	border-radius: 50%;
}

.profile__block {
	flex: auto;
	margin-left: 1.5em;
}

.profile__block > * {
	display: block;
}

.profile__name {
	color: rgb(255, 21, 0);
}

.profile__region {
	color: rgb(167, 172, 172);
}

.profile__comment {
	position: relative;
	height: 316px;
	/* overflow: hidden; */
	margin-top: 30px;
	padding: 1.5em;
	background-color: rgb(255, 255, 255);
	border: solid 1px rgb(80, 90, 90);
	border-radius: 4px;
}

.comment__text {
	height: 293px;
	display: block;
	overflow: hidden;
	text-align: justify;
	position: relative;
}

.comment__text.bottom-fade::after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 20px;
}

.profile__link-more {
	position: absolute;
	bottom: 15px;
	right: 20px;
	text-decoration: none;
}

.profile__link-more:hover {
	color: var(--red);
}

.profile__comment .icon {
	position: absolute;
	top: -19px;
	left: 40px;
	width: 40px;
	height: 20px;
	stroke: rgb(80, 90, 90);
}

.profile:hover .profile__image { border-color: rgb(255, 21, 0); }
.profile:hover .profile__comment { border-color: rgb(255, 21, 0); }
.profile:hover .profile__comment .icon { stroke: rgb(255, 21, 0); }


.index-exclusive {
	background-color: rgb(255, 255, 255);
}

.index-exclusive__list {
	align-items: start;
}

.index-exclusive__brand {
	width: 188px;
	height: 300px;
	margin-bottom: 15px;
}

.index-exclusive__brand a {
	display: block;
}

.index-exclusive__brand a img {
	display: block;
	width: 100%;
	transition: transform .25s linear;
	transform: scale(1.0, 1.0);
	will-change: transform;
}

.index-exclusive__brand:hover a img {
	display: block;
	transform: scale(1.1, 1.1);
}

.index-exclusive__footer {
	margin-top: 35px;
	margin-bottom: 0;
	text-align: center;
}

.index-exclusive__footer span {
	color: rgb(255, 21, 0);
}

.exclusive-brand__line {
	margin-top: -2px;
	padding-top: 0;
	border-bottom: solid 2px rgb(80, 90, 90);
	transition: padding .25s linear;
	will-change: padding;
}

.index-exclusive__brand:hover .exclusive-brand__line {
	padding-top: 16px;
}

.exclusive-brand__name {
	margin: .5em 0;
	font-size: 24px;
	text-transform: uppercase;
	text-align: center;
}

.exclusive-brand__text {
	font-size: 14px;
	text-align: center;
}

.index-purchase {
	margin-top: 3em;
	margin-bottom: 1.5em;
	text-align: center;
}

.index-purchase__button {
	padding: 12px 24px;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 4px;
}

.access-form__icon-key {
	fill: rgb(255, 21, 0);
	stroke: rgb(255, 21, 0);
	height: 24px;
	float: left;
	margin: 15px 15px 15px 0;
}
.access-form__icon-padlock {
	fill: rgb(80, 90, 90);
	stroke: rgb(80, 90, 90);
	float: left;
	height: 22px;
	margin: 6px 10px 20px 0;
}
.access-form__icon-phone {
	fill: rgb(80, 90, 90);
	stroke: rgb(80, 90, 90);
	vertical-align: middle;
	margin-right: 10px
}

.olympic-list {
}

.olympic {
	position: relative;
	width: 96px;
	color: rgb(80, 90, 90);
	fill: rgb(80, 90, 90);
}

.olympic + .olympic {
	margin-top: 36px;
}

.olympic__image {
	display: block;
	width: 100%;
	fill: rgb(80, 90, 90);
}

.olympic__title {
	position: absolute;
	display: block;
	top: 27px;
	width: 100%;
	font-size: 13px;
	text-align: center;
}

.olympic__text {
	display: block;
	padding-top: 4px;
	font-size: 11px;
	text-align: center;
}

.olympic__popup {
	position: absolute;
	display: none;
	width: 100%;
	box-sizing: border-box;
	padding: 4px;
	border-radius: 4px;
	background-color: rgb(242, 243, 243);
	color: rgb(51, 51, 51);
	font-size: 11px;
	text-align: center;
}

.olympic:hover .olympic__popup {
	display: block;
}

.olympic--animated:nth-child(1), .olympic--animated:nth-child(1) .olympic__image {
	animation: olympic-golden 2s ease-in;
}
.olympic--animated:nth-child(2), .olympic--animated:nth-child(2) .olympic__image {
	animation: olympic-golden 2s ease-in 3.5s;
}
.olympic--animated:nth-child(3), .olympic--animated:nth-child(3) .olympic__image {
	animation: olympic-golden 2s ease-in 7s;
}

@keyframes olympic-golden {
	0% {
		color: rgb(80, 90, 90);
		fill: rgb(80, 90, 90);
	}

	50% {
		color: gold;
		fill: gold;
	}

	100% {
		color: rgb(80, 90, 90);
		fill: rgb(80, 90, 90);
	}
}

.index-marketing {
	position: relative;
	height: 500px;
	background-image: url(/images/marketing.jpg);
	background-size: cover;
	background-position: center;
}

.index-delivery {
	position: relative;
	height: 681px;
}


.index-marketing__layer {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .9);
	transition: opacity 3s ease;
	opacity: 1;
	z-index: 10;
	text-align: center;
}

.index-delivery__layer {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .9);
	background-image: url('/images/delivery-1.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: opacity 3s ease;
	opacity: 1;
	z-index: 10;
	text-align: center;
}

.index-delivery--header {
	position: absolute;
	z-index: 150;
	width: 100%;
	margin-top: 50px !important;
}

.index-marketing__layer--fade,
.index-delivery__layer--fade {
	opacity: 0;
}

.index-marketing__layer--hidden,
.index-delivery__layer--hidden {
	display: none;
}

.index-marketing__layer--bright {
	background-color: transparent;
}

.index-marketing__layer--button {
	background-color: transparent;
	z-index: 50;
}

.index-marketing__layer--text .index-marketing__inner {
	margin-bottom: 90px;
}

.index-marketing__layer--button {
	height: auto;
	top: 290px;
}

.index-delivery__layer--bright {
	background-image: url('/images/delivery-2.png');
	background-size: cover;
	background-position: center;
}

.index-marketing__inner {
	position: relative;
	width: 1230px;
	box-sizing: border-box;
	padding: 0 15%;
}

.index-delivery__inner {
	position: relative;
	width: 1230px;
	box-sizing: border-box;
	padding: 0;
}

.index-marketing__mark,
.index-delivery__mark {
	display: none;
	cursor: pointer;
	width: 48px;
	position: absolute;
	right: 64px;
	bottom: -32px;
}

.index-marketing__button {
	padding: 8px 48px;
	font-size: 22px;
	text-transform: uppercase;
}

.index-marketing .list,
.index-delivery .list {
	display: inline-block;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
}

.index-delivery__list span {
	color: rgb(255, 21, 0);
}

.index-delivery__footer {
	display: inline-block;
	margin-top: 5em;
	text-align: left;
}

.index-oprs {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: start;
	margin-bottom: -2em;
}

.index-opr {
	flex: none;
	width: 25%;
	margin-bottom: 2em;
}

.index-opr__frame {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	border: solid 2px rgb(255, 21, 0);
	border-radius: 50%;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(255, 255, 255);
}

.index-opr__icon {
	display: block;
	max-width: 100%;
	height: 100%;
	transition: transform .25s ease-in;
	will-change: transform;
	margin: 0 auto;
}

.index-opr__text {
	margin-top: 1em;
	text-align: center;
}

.index-opr__more-text {
	visibility: hidden;
	font-size: 12px;
	color: rgb(167, 172, 172);
	margin-top: 0;
	text-align: center;
}

.index-opr:hover .index-opr__icon {
	transform: scale(1.048, 1.048);
}

.index-opr:hover .index-opr__more-text {
	visibility: visible;
}




.wrapper {
	display: block;
	width: 1230px;
	margin: 0 auto;
}

.hidden {
	visibility: hidden;
}


.header-1, .header-2, .header-3, .header-4, .header-5, .header-6 {
	color: #333;
	font-family: Arial, sans-serif;
	font-weight: bold;
}



/* -------------------------------------------
   Header
   ------------------------------------------- */

#header { font-size: 13px; }

#header .block { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 10px 0; }
#header .block > div {  }

#header .logo { }

#search { width: auto; height: 70px; padding: 13px 0; background: white; }
#search label { display: block; margin-bottom: 5px; font-weight: bold; }
#search input { float: left; color: #000; font-size: 13px; border: 0; outline: 0; }
#search input[type="text"] { width: 160px; height: 13px; border: solid 1px rgb(60, 150, 205); border-radius: 5px; padding: 8px 10px; margin-right: 10px; }
#search input[type="submit"] { width: 30px; height: 29px; background: url(../img/search-button.png) left top no-repeat; color: transparent; }
#search input[type="submit"]:hover { background-position: left bottom; }

#header .phone { text-align: right; }
#header .phone p { margin: 0; font-weight: bold; white-space: nowrap;}
#header .phone p.telnum { font-size: 14px; }
#header .phone p.russia { color: rgb(60, 150, 205); }
#header .phone p a { color: rgb(127, 127, 127); font-size: 13px; font-weight: normal; }
#header .phone p img { float: left; height: 35px; margin-top: 2px; margin-left: 25px; }
#header .phone p.uslovia { display: inline-block; position: relative; }
#header .phone p.uslovia + p { display: inline-block; }
#header .phone p.uslovia .uslovia-submenu { display: none; position: absolute; /* width: 100%; */ left: 0; top: 100%; padding: 5px 10px; background: white; border: solid 1px rgb(127, 127, 127); text-align: left; box-sizing: border-box; z-index: 99999; }
#header .phone p.uslovia .uslovia-submenu a { display: block; }
#header .phone p.uslovia:hover .uslovia-submenu { display: inline-block; }

#header .get-price-list { margin: 25px 50px; margin-right: 0; }
#header .get-price-list a {
	display: block;
	width: 98px;
	height: 40px;

	padding-top: 6px;

	background: url(../img/price-button.png) left top no-repeat;
	color: rgb(255, 255, 255);

	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, sans-serif;

	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}
#header .get-price-list a:hover { background-position: left bottom; }

#header .header-banners { position: relative; height: 81px; border: solid 1px white; border-radius: 5px; overflow: hidden; }
#header .header-slider { width: 245px; height: 81px; }
#header .header-slider .slick-next, #header .header-slider .slick-prev { z-index: 1; }
#header .header-slider .slick-next { right: 5px; }
#header .header-slider .slick-prev { left: 5px; }
#header .header-banner-image { width: 100%; }
#header .header-banners .link { position: absolute; bottom: 0; right: 4px; text-align: right; }
#header .header-banners .link a { color: white; font-size: 11px; line-height: 1; text-shadow: black 1px 1px; }

#login { width: 172px; text-align: right; }
#login .login label { display: block; margin-bottom: 2px; font-weight: bold; white-space: nowrap; }
#login .login input { display: block; color: #333; font-size: 13px; border: 0; outline: 0; }
#login .login .auth-field { position: relative; width: 138px; height: 26px; border: solid 1px rgb(204, 204, 204); border-radius: 5px; /*background: url(../img/login-field.png) no-repeat;*/ margin-bottom: 2px; padding: 2px 4px; box-sizing: border-box; }
#login .login .auth-field input { display: block; width: 100%; height: 100%; border: 0; margin: 0; padding: 0; box-sizing: border-box; }
#login .login .auth-field.password input { padding-right: 50px; }
#login .login .auth-field.password span { cursor: pointer; position: absolute; right: 3px; top: 3px; font-size: 13px; color: rgb(127, 127, 127); text-decoration: underline; }
#login .login input[type="submit"] { float: right; width: 30px; height: 54px; border-radius: 5px; /*background: url(../img/login-button.png) left top no-repeat;*/ background: rgb(60, 150, 205); color: rgb(255, 255, 255); }
#login .login input[type="submit"]:hover { /*background-position: left bottom;*/background: rgb(190, 220, 240); }
#login p { max-width: 300px; margin: 0; text-align: left; }
#login p.links { margin-top: 2px; }
#login p.links a { color: rgb(127, 127, 127); float: left; margin-right: 1em; line-height: 1; }
#login p.links a strong { color: rgb(200, 0, 0); text-transform: uppercase; }
#login p.links input[name="logout_butt"] { float: right; color: rgb(127, 127, 127); background: transparent; padding: 0; margin: 0; border: 0; text-decoration: underline; display: inline; line-height: 1; }
#login .manager-content { display: block; position: absolute; background: #fff; border: solid 1px #e6e6e6; padding: 5px 10px; z-index: 950; white-space: nowrap; right: 0; }
#login p.manager a { color: #333; }
#login p.manager .manager-content { display: none; }
#login p.manager:hover .manager-content { display: block; }
#login .full-name { display: block; position: absolute; background: #fff; border: solid 1px #e6e6e6; padding: 5px 10px; z-index: 950; white-space: nowrap; right: 0; }
#login p.name { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#login p.name .full-name { display: none; }
#login p.name:hover .full-name { display: block; }
#login .auth-error-message { position: absolute; background: #fff; padding: 5px; border: 1px solid red; margin-top: 85px; z-index: 9567; }

#login-fake { float: right !important; display: block; width: 306px; height: 73px; margin-top: 13px; background: url("/images/login-fake.png"); }
#user-code-box { display: none; position: absolute; top: 0; right: 0; color: red; }
#user-code-box p { margin: 0; }


#header .block {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding: 10px 0;
}

.navbar { background: rgb(80, 90, 90); color: rgb(255, 255, 255); }

#navigation { height: 34px; }
#navigation-menu.menu-fixed { position: fixed; top: 0; left: 0; z-index: 10999; }

#navigation .block { height: 34px; }

#navigation .offer { display: none; width: 110px; float: right; margin-right: 30px; line-height: .9; text-align: center; }
#navigation .offer a { color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; }

#navigation .contacts { display: none; width: auto; float: right; padding-top: 7px; line-height: .9; text-align: center; }
#navigation .contacts a { color: rgb(255, 255, 255); font-size: 11px; font-weight: bold; text-transform: uppercase; text-decoration: none; }

#cart { display: block; position: fixed; top: 50%; right: 0; width: auto; margin-top: -90px; height: 156px; padding-left: 44px; z-index: 99999; }
#cart .cart-wrapper { display: block; position: fixed; top: 50%; right: 0; width: auto; margin-top: -90px; height: 156px; background: url(/images/cart.svg) left top no-repeat; padding-left: 44px; z-index: 99999; text-decoration: none; }
#cart .cart-wrapper:hover { }
#cart .cart-wrapper:hover .basket { border-color: #404040; }
#cart .basket { display: block; max-width: 0; position: relative; width: auto; text-decoration: none; background: #ffffff; }
#cart .basket p { height: 19px; margin: 0; margin-bottom: 2px; padding: 16px 10px; text-align: center; color: #333; background: rgb(211, 213, 213); white-space: nowrap; font-size: 13px; }
#cart .basket p.positions span, #cart .basket p.quantities span { padding-right: 4px; }
#cart .basket p.sum { height: 18px; margin-bottom: 0; }
#cart .basket p b { color: rgb(255, 21, 0); }
#cart .basket p span { padding-bottom: 5px; background-position: 0 17px; }
#cart .basket-small { display: block; position: absolute; width: 30px; bottom: 8px; left: 6px; color: rgb(255, 255, 255); font-size: 9px; font-weight: bold; }
#cart .basket-small p { margin: 0 4px; text-align: center; }
#cart .basket-small p.positions { text-align: center; border-bottom: dashed 1px #fff; }
#cart .basket-small p.quantities { padding-top: 1px; }
#cart.showed .basket { max-width: 1000px; }
#cart.animated .basket { transition: max-width .5s; }

#goto-top { display: block; position: fixed; bottom: 50px; right: 5px; width: auto; margin-top: 125px; z-index: 99999; cursor: pointer; }
#goto-top::after {
	border-right: 1px solid rgb(80, 90, 90);
	border-top: 1px solid rgb(80, 90, 90);
	content: '';
	display: inline-block;
	height: 16px;
	margin: 16px 8px 3px 9px;
	width: 16px;
	transform: rotate(-45deg);
}
#goto-top:hover::after {
	border-color: rgb(255, 21, 0);
}

#header .logo {
}

#search {
	width: auto;
	height: 70px;
	padding: 13px 0;
	background: white;
}

#search label {
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

#search input {
	float: left;
	color: #000;
	font-size: 13px;
	border: 0;
	outline: 0;
}

#search input[type="text"] {
	width: 160px;
	height: 13px;
	border: solid 1px rgb(60, 150, 205);
	border-radius: 5px;
	padding: 8px 10px;
	margin-right: 10px;
}

#search input[type="submit"] {
	width: 30px;
	height: 29px;
	background: url(../img/search-button.png) left top no-repeat;
	color: transparent;
}

#search input[type="submit"]:hover {
	background-position: left bottom;
}

#promotion .banners { margin: 0; list-style: none; padding: 0; }
#promotion .banners > li { position: relative; width: 905px; height: 396px; }
#promotion .banners .background { position: absolute; top: 0; left: 0; }
#promotion .banners .content { position: relative; z-index: 50; margin: 0 auto; }
#promotion .banners .links { position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 100; }
#promotion .banners .links a { display: block; float: left; text-align: center; text-decoration: none; text-transform: uppercase; }
#promotion .banners .links a span {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 8px 0;

	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, sans-serif;

	color: rgb(255, 255, 255);
	background: rgb(51, 51, 51); /* Fallback */
	background: rgba(51, 51, 51, .8);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#header .phone {
	text-align: right;
}

#header .phone p {
	margin: 0;
	font-weight: bold;
	white-space: nowrap;
}

#header .phone p.telnum {
	font-size: 14px;
}

#header .phone p.russia {
	color: rgb(60, 150, 205);
}

#header .phone p a {
	color: rgb(127, 127, 127);
	font-size: 13px;
	font-weight: normal;
}

#header .phone p img {
	float: left;
	height: 35px;
	margin-top: 2px;
	margin-left: 25px;
}

#header .phone p.uslovia {
	display: inline-block;
	position: relative;
}

#header .phone p.uslovia + p {
	display: inline-block;
}

#header .phone p.uslovia .uslovia-submenu {
	display: none;
	position: absolute; /* width: 100%; */
	left: 0;
	top: 100%;
	padding: 5px 10px;
	background: white;
	border: solid 1px rgb(127, 127, 127);
	text-align: left;
	box-sizing: border-box;
	z-index: 99999;
}

#header .phone p.uslovia .uslovia-submenu a {
	display: block;
}

#header .phone p.uslovia:hover .uslovia-submenu {
	display: inline-block;
}

#header .get-price-list {
	margin: 25px 50px;
	margin-right: 0;
}

#header .get-price-list a {
	display: block;
	width: 98px;
	height: 40px;

	padding-top: 6px;

	background: url(../img/price-button.png) left top no-repeat;
	color: rgb(255, 255, 255);

	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, sans-serif;

	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

#header .get-price-list a:hover {
	background-position: left bottom;
}

#header .header-banners {
	position: relative;
	height: 81px;
	border: solid 1px white;
	border-radius: 5px;
	overflow: hidden;
}

#header .header-slider {
	width: 245px;
	height: 81px;
}

#header .header-slider .slick-next, #header .header-slider .slick-prev {
	z-index: 1;
}

#header .header-slider .slick-next {
	right: 5px;
}

#header .header-slider .slick-prev {
	left: 5px;
}

#header .header-banner-image {
	width: 100%;
}

#header .header-banners .link {
	position: absolute;
	bottom: 0;
	right: 4px;
	text-align: right;
}

#header .header-banners .link a {
	color: white;
	font-size: 11px;
	line-height: 1;
	text-shadow: black 1px 1px;
}

#login {
	width: 172px;
	text-align: right;
}

#login .login label {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
	white-space: nowrap;
}

#login .login input {
	display: block;
	color: #333;
	font-size: 13px;
	border: 0;
	outline: 0;
}

#login .login .auth-field {
	position: relative;
	width: 138px;
	height: 26px;
	border: solid 1px rgb(204, 204, 204);
	border-radius: 5px; /*background: url(../img/login-field.png) no-repeat;*/
	margin-bottom: 2px;
	padding: 2px 4px;
	box-sizing: border-box;
}

#login .login .auth-field input {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

#login .login .auth-field.password input {
	padding-right: 50px;
}

#login .login .auth-field.password span {
	cursor: pointer;
	position: absolute;
	right: 3px;
	top: 3px;
	font-size: 13px;
	color: rgb(127, 127, 127);
	text-decoration: underline;
}

#login .login input[type="submit"] {
	float: right;
	width: 30px;
	height: 54px;
	border-radius: 5px; /*background: url(../img/login-button.png) left top no-repeat;*/
	background: rgb(60, 150, 205);
	color: rgb(255, 255, 255);
}

#login .login input[type="submit"]:hover { /*background-position: left bottom;*/
	background: rgb(190, 220, 240);
}

#login p {
	max-width: 300px;
	margin: 0;
	text-align: left;
}

#login p.links {
	margin-top: 2px;
}

#login p.links a {
	color: rgb(127, 127, 127);
	float: left;
	margin-right: 1em;
	line-height: 1;
}

#login p.links a strong {
	color: rgb(200, 0, 0);
	text-transform: uppercase;
}

.flexbox #about .menu-root.menu-vertical {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flexbox #about .menu-root.menu-vertical > .menu-item {
	-webkit-box-flex: initial;
	-webkit-flex: initial;
	-ms-flex: initial;
	flex: initial;
}

#login p.links input[name="logout_butt"] {
	float: right;
	color: rgb(127, 127, 127);
	background: transparent;
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: underline;
	display: inline;
	line-height: 1;
}

#login .manager-content {
	display: block;
	position: absolute;
	background: #fff;
	border: solid 1px #e6e6e6;
	padding: 5px 10px;
	z-index: 950;
	white-space: nowrap;
	right: 0;
}

#login p.manager a {
	color: #333;
}

#login p.manager .manager-content {
	display: none;
}

#login p.manager:hover .manager-content {
	display: block;
}

#login .full-name {
	display: block;
	position: absolute;
	background: #fff;
	border: solid 1px #e6e6e6;
	padding: 5px 10px;
	z-index: 950;
	white-space: nowrap;
	right: 0;
}

#login p.name {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#login p.name .full-name {
	display: none;
}

#login p.name:hover .full-name {
	display: block;
}

#login .auth-error-message {
	position: absolute;
	background: #fff;
	padding: 5px;
	border: 1px solid red;
	margin-top: 85px;
	z-index: 9567;
}

#login-fake {
	float: right !important;
	display: block;
	width: 306px;
	height: 73px;
	margin-top: 13px;
	background: url("/images/login-fake.png");
}

#user-code-box {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	color: red;
}

#user-code-box p {
	margin: 0;
}


/* -------------------------------------------
   Navigation
   ------------------------------------------- */

.navbar {
	background: rgb(80, 90, 90);
	color: rgb(255, 255, 255);
}

#navigation {
	height: 34px;
}

#navigation-menu.menu-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10999;
}

#navigation .block {
	height: 34px;
}

#navigation .offer {
	display: none;
	width: 110px;
	float: right;
	margin-right: 30px;
	line-height: .9;
	text-align: center;
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

#navigation .offer a {
	color: rgb(255, 255, 255);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

#navigation .contacts {
	display: none;
	width: auto;
	float: right;
	padding-top: 7px;
	line-height: .9;
	text-align: center;
}

#navigation .contacts a {
	color: rgb(255, 255, 255);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

#cart {
	display: block;
	position: fixed;
	top: 50%;
	right: 0;
	width: auto;
	margin-top: -90px;
	height: 156px;
	padding-left: 44px;
	z-index: 99999;
}

#cart .cart-wrapper {
	display: block;
	position: fixed;
	top: 50%;
	right: 0;
	width: auto;
	margin-top: -90px;
	height: 156px;
	background: url(/images/cart.svg) left top no-repeat;
	padding-left: 44px;
	z-index: 99999;
	text-decoration: none;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#cart .cart-wrapper:hover {
}

#cart .cart-wrapper:hover .basket {
	border-color: #404040;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

#cart .basket {
	display: block;
	max-width: 0;
	position: relative;
	width: auto;
	text-decoration: none;
	background: #ffffff;

}

#cart .basket p {
	height: 19px;
	margin: 0;
	margin-bottom: 2px;
	padding: 16px 10px;
	text-align: center;
	color: #333;
	background: rgb(211, 213, 213);
	white-space: nowrap;
	font-size: 13px;
}

.invisible {
	visibility: hidden;
}

#cart .basket p.positions span, #cart .basket p.quantities span {
	padding-right: 4px;
}

#cart .basket p.sum {
	height: 18px;
	margin-bottom: 0;
}

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

#cart .basket p b {
	color: rgb(255, 21, 0);
}

#cart .basket p span {
	padding-bottom: 5px;
	background-position: 0 17px;
}

#cart .basket-small {
	display: block;
	position: absolute;
	width: 30px;
	bottom: 8px;
	left: 6px;
	color: rgb(255, 255, 255);
	font-size: 9px;
	font-weight: bold;
}

.clearfix {
	*zoom: 1;
}

#cart .basket-small p {
	margin: 0 4px;
	text-align: center;
}

#cart .basket-small p.positions {
	text-align: center;
	border-bottom: dashed 1px #fff;
}

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

#cart .basket-small p.quantities {
	padding-top: 1px;
}

#cart.showed .basket {
	max-width: 1000px;
}

#cart.animated .basket {
	transition: max-width .5s;
}

#goto-top {
	display: block;
	position: fixed;
	bottom: 50px;
	right: 5px;
	width: auto;
	margin-top: 125px;
	z-index: 99999;
	cursor: pointer;
}

#goto-top::after {
	border-right: 1px solid rgb(80, 90, 90);
	border-top: 1px solid rgb(80, 90, 90);
	content: '';
	display: inline-block;
	height: 16px;
	margin: 16px 8px 3px 9px;
	width: 16px;
	transform: rotate(-45deg);
}

#goto-top:hover::after {
	border-color: rgb(255, 21, 0);
}


/* -------------------------------------------
   Promotion
   ------------------------------------------- */

#promotion .block {
	padding: 30px 0;
	position: relative;
}

#promotion .banners-wrapper {
	float: left;
}

#promotion .banners-wrapper .bx-wrapper .bx-viewport {
	border-width: 0;
	box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
}

#promotion .banners {
	margin: 0;
	list-style: none;
	padding: 0;
}

#promotion .banners > li {
	position: relative;
	width: 905px;
	height: 396px;
}

.left_block{
	float:left;
	width:200px;
}

.main-right{
	float:left;
	width: 1017px;
	padding-left:13px;
}

.clear{
	clear:both;
}

.fright {
	float:right;
}

.fleft {
	float: left;
}

#promotion .banners .background {
	position: absolute;
	top: 0;
	left: 0;
}

#promotion .banners .content {
	position: relative;
	z-index: 50;
	margin: 0 auto;
}

#promotion .banners .links {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
}

#promotion .banners .links a {
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

#promotion .banners .links a span {
	display: block;
	width: 80%;
	margin: 0 auto;
	padding: 8px 0;

	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, sans-serif;

	color: rgb(255, 255, 255);
	background: rgb(51, 51, 51); /* Fallback */
	background: rgba(51, 51, 51, .8);

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#promotion .banners .links .link-1 {
	width: 100%;
}

#promotion .banners .links .link-2 {
	width: 50%;
}

#size-table { }
.size-table-wrapper { position: absolute; min-width: 400px; max-width: 451px; padding: 0; z-index: 977; background: #ffffff; padding-bottom: 10px;}
.size-table-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 970; background: rgba(0, 0, 0, 0.4); }
.size-table { width: 100%; font-size: 13px; }
.size-table__header td { background-color: #ebebeb;
	color: rgb(51, 51, 51);
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
	white-space: nowrap;}
.size-table__header ~ tr:not(:last-of-type) {border-bottom: 1px solid #ebebeb;}
.size-table tr td { padding: 5px 10px; text-align: center; }
.size-table tr td:last-of-type { white-space: nowrap; }
.size-table tr.active td { background: rgb(206, 230, 242); }
.size-table tr.active td:first-of-type { background: rgb(187, 211, 223); }
.size-table tr.header td { width: 1px; border: 0; background: rgb(230, 230, 230); line-height: 1; }
.size-table tr.header td:nth-child(1) { width: auto; }
.size-table tr.header td:nth-child(5) { width: auto; }
.size-table-controls { display: inline-block; vertical-align: middle; margin-left: 5px; }
.size-table-controls a { display: block; width: 13px; height: 18px; overflow: hidden; border: solid 0 rgb(205, 205, 205); }
.size-table__header ~ tr td {padding: 10px;}
.size-table-controls a.plus { background: #fff url(/local/templates/.default/icons/corner_arrow_right.svg) no-repeat -12px center; background-size: 23px;}
.size-table-controls a.plus:hover {
	background-position: 1px center;
}
.size-table-controls a.minus { background: #fff url(/local/templates/.default/icons/corner_arrow_left.svg) no-repeat 0px center; background-size: 23px;}
.size-table-controls a.minus:hover {
	background-position: -12px center;
}
.size-table-controls input:focus {
	border-bottom-color: red;
}
.size-table-wrapper > p {
	position: relative;
	height: 50px;
	margin: 0;
	color: rgb(51, 51, 51);
	font: 600 18px 'Open Sans',sans-serif;
	text-align: center;
	border-bottom: solid 1px #ffffff;
	line-height: 50px;
	margin-top: 20px;
}
.size-table-wrapper .close { display: block; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background: url(../images/close.svg) no-repeat; z-index: 10;}
.size-table-wrapper form { margin: 20px 40px; }
.size-table-wrapper button { display: block; margin: 20px auto 0 auto; width: 260px; height: 32px; background: rgb(255, 21, 0); border: 0; color: #ffffff; font: 600 14px 'Open Sans',sans-serif; text-align: center; text-transform: uppercase; }
.size-table-wrapper button:hover { background: rgb(255, 90, 76); }
.size-table-wrapper .size-table-controls > * {
	display: inline-block !important;
	white-space: nowrap;
	vertical-align: middle;
}
.size-table-wrapper input {
	text-align: center;
	border: solid 1px #ebebeb;
	border-width: 0 0 1px 0;
	padding: 0 5px;}
.size-table-wrapper .quantity-warning { position: absolute; right: 20px; margin-top: -45px; background: white; border: solid 1px red; white-space: nowrap; padding: 0 2px; }
.size-table-wrapper .warning { color: rgb(255, 21, 0); }

#result-message { }
.result-message-wrapper { position: absolute; width: 300px; padding: 0; z-index: 1977; }
.result-message-wrapper {
	background: #dedede;
	background: -moz-linear-gradient(top, #dedede 0%, #ffffff 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(60%,#ffffff));
	background: -webkit-linear-gradient(top, #dedede 0%,#ffffff 60%);
	background: -o-linear-gradient(top, #dedede 0%,#ffffff 60%);
	background: -ms-linear-gradient(top, #dedede 0%,#ffffff 60%);
	background: linear-gradient(to bottom, #dedede 0%,#ffffff 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 );
	border: solid 1px rgb(194, 194, 194);
	padding: 20px;
}
.result-message-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1970; background: rgba(0, 0, 0, 0.4); }
.result-message-wrapper p { background: url(/images/ok-green.png) top left no-repeat; padding-left: 63px; padding-top: 12px; box-sizing: border-box; margin: 0; min-height: 42px; font-weight: bold; font-size: 14px; }

.basket-add-animation { position: fixed; z-index: 999; top: 50%; right: 50%; width: 150px; margin-top: -75px; margin-right: -75px; transition: right 1s, width 1s; }
.basket-add-animation.slide-small { right: 0; width: 0; }

#confirm-dialog { }
.confirm-dialog-wrapper { position: absolute; width: auto; max-width: 400px; padding: 0; z-index: 1977; background: #ffffff; border: solid 1px rgb(190, 190, 190); }
#confirm-dialog.remove-product-dialog .confirm-dialog-wrapper { border: solid 2px rgb(60, 150, 205); }
#confirm-dialog.ratio-warnings-dialog .confirm-dialog-wrapper { border: solid 2px rgb(60, 150, 205); }
#confirm-dialog.quantity-warnings-dialog .confirm-dialog-wrapper { border: solid 1px rgb(255, 0, 0); }
#confirm-dialog.type-confirm-dialog .confirm-dialog-wrapper { max-width: 480px; border: solid 2px rgb(60, 150, 205); }
#confirm-dialog.receipt-warnings-dialog .confirm-dialog-wrapper { max-width: 600px; border: solid 1px rgb(194, 194, 194); }
.confirm-dialog-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1970; background: rgba(255, 255, 255, 0.7); }
.confirm-dialog-wrapper p { margin: 20px 25px; font-weight: bold; font-size: 13px; text-align: center;  }
.confirm-dialog-wrapper p.header-message { background: rgb(234, 235, 235); margin: -20px 0 0; padding: 10px 20px; font: 600 18px 'Open Sans',sans-serif; }
.confirm-dialog-close { cursor: pointer; position: absolute; top: 5px; right: 5px; width: 16px; height: 16px; background: url(../images/close.svg) no-repeat; }
.confirm-dialog-buttons { margin: 25px 10px 10px 10px; text-align: center; }
.confirm-dialog-buttons button {
	display: inline-block;
	width: 77px;
	color: #ffffff;
	background: rgb(255, 21, 0);
	font: 600 14px 'Open Sans',Arial,sans-serif;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 26px;
	border: none;
	padding: 0;
	margin-right: 10px;
}

.confirm-dialog-buttons button:hover {
	background: rgb(255, 90, 76);
}

.confirm-dialog-buttons button[name="no"] {
	margin-right: 0;
}

.confirm-dialog-buttons:not(.buttons-same-colors) button[name="no"] {
	color: rgb(51, 51, 51);
	background: rgb(211, 213, 213);
}
.confirm-dialog-buttons:not(.buttons-same-colors) button[name="no"]:hover {
	background: rgb(234, 235, 235);
}

#promotion .banners .links .link-3 {
	width: 33.3333333%;
}

#promotion .bx-wrapper {
	position: relative;
}

#promotion .bx-controls {
}

#promotion .bx-controls .bx-prev {
	position: absolute;
	top: 120px;
	left: 10px;
	width: 60px;
	height: 121px;
	background: url(../img/banner-arrow-left.png) left top no-repeat;
	color: transparent;
	z-index: 1;
}

#promotion .bx-controls .bx-next {
	position: absolute;
	top: 120px;
	right: 10px;
	width: 60px;
	height: 121px;
	background: url(../img/banner-arrow-right.png) left top no-repeat;
	color: transparent;
	z-index: 1;
}

#promotion .bx-controls .bx-prev:hover {
	background-position: left bottom;
}

#promotion .bx-controls .bx-next:hover {
	background-position: left bottom;
}

/* Nikola */
.cbutton--effect-nikola::after {
	position: absolute;
	top: 0;
	left: -10%;
	width: 130%;
	height: 100%;
	content: '';
	opacity: 0;
	pointer-events: none;
	background: rgba(111,148,182,0.1);
}

.cbutton--effect-nikola.cbutton--click::after {
	-webkit-animation: anim-effect-nikola 0.5s forwards;
	animation: anim-effect-nikola 0.5s forwards;
}

@-webkit-keyframes anim-effect-nikola {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.2, 0.2, 1);
		transform: scale3d(0.2, 0.2, 1);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
}

@keyframes anim-effect-nikola {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.2, 0.2, 1);
		transform: scale3d(0.2, 0.2, 1);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
}


.feedback-form { font-size: 13px; }
.feedback-form form { position: relative; z-index: 100; width: 307px; padding: 0; font-size: 11px; }
.feedback-form form .header-2 { line-height: 1.4; box-sizing: border-box; height: 64px; margin: 0; padding: 5px 20px; background: rgb(211, 213, 213); font-size: 13px; font-weight: bold; text-transform: uppercase; }
.feedback-form form fieldset { margin: 0; padding: 8px 18px; border: solid 2px #d9d9d9; border-width: 0; background: rgb(242, 243, 243); }
.feedback-form form label { display: block; margin: 4px 0; font-weight: bold; }
.feedback-form form .field { border: solid 1px #e6e6e6; font-size: 14px; }
.feedback-form form .field input { outline-color: rgb(167, 172, 172); width: 100%; padding: 6px; border: 0; box-sizing: border-box; line-height: 1.42857143; }
.feedback-form form .field select { width: 100%; padding: 6px; border: 0; box-sizing: border-box; line-height: 1.42857143; }
.feedback-form form .warning { margin: -1px 0 4px; color: #ff1400; font-weight: 600; font-size: 16px; }
.feedback-form form .security { margin: 10px 0; padding: 2px 0; font-size: 11px; color: #808080; line-height: 1; }
.feedback-form form .buttons { margin: 0; padding: 0; }
.feedback-form form .buttons * { box-sizing: border-box; width: 100%; padding: 8px; border: 0; color: #ffffff; background: #ff1400; font-size: 16px; font-weight: bold; text-align: center; text-transform: uppercase; }
.feedback-form form .buttons *:hover { background: rgb(255, 90, 76); }
.feedback-form form .access { margin: 10px 0 0; color: #808080; line-height: 1.3; }
.feedback-form form .access a { color: #808080; font-weight: bold; text-decoration: underline; }
.feedback-form form .access a:hover { text-decoration-color: rgb(255, 21, 0); }
.feedback-form form .access-info { display: none; padding: 12px 18px; border: solid 0 #d9d9d9; border-top-width: 0; color: #808080; background: rgb(242, 243, 243); font-size: 11px; line-height: 1; }
.feedback-form form .access-info p { margin: 0; }
.feedback-form form .access-info address { line-height: 1.42857143; margin: 10px 0; color: rgb(255, 21, 0); font-size: 20px; font-weight: bold; font-style: normal; text-align: center; }
.feedback-form form .access-info strong { font-size: 14px; }
.feedback-form form .access-info hr { border: solid 1px rgb(167, 172, 172); border-width: 1px 0 0; margin: 0; padding-top: 24px; }
.feedback-form form .access-info p:last-of-type { font-size: 11px; }
.feedback-form form .access-block { padding: 12px 18px; padding-top: 1px; border: solid 0 #d9d9d9; border-top-width: 0; background: rgb(242, 243, 243); }



/* .feedback-form-modal { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; } */
/* .feedback-form-modal .background { position: absolute; width: 100%; height: 100%; background: black; opacity: 0.3; z-index: 1100; } */
/* .feedback-form-modal .red-form { position: relative; display: block; margin: 0 auto; z-index: 1150; } */
/* #modal-form { box-shadow: 0px 0px 8px #000; padding: 0; } */
/* #modal-form .header-2 { position: relative; } */
/* #modal-form .close-button { cursor: pointer; position: absolute; display: block; top: 3px; right: 3px; width: 16px; height: 16px; float: right; background: url(/images/close.png) no-repeat; } */
/* #modal-form .close-button:hover { background-position: left bottom; } */


.region { width: 100%; }
.region-select-container { }
.region-select-container .select2-choice { height: 34px; line-height: 34px; border-color: #e6e6e6; border-radius: 0; background: #ffffff; background-image: none; }
.region-select-container .select2-choice .select2-arrow { border: 0; border-radius: 0; background: transparent; background-image: none; }
.region-select-container .select2-choice .select2-arrow b { background-position: 0 5px; }
.region-select-container.select2-drop-above .select2-choice { border-radius: 0; background-image: none; }
.region-select-container.select2-dropdown-open.select2-drop-above .select2-choice { background-image: none; }
.region-select-container.select2-container-active .select2-choice { border-color: rgb(167, 172, 172); }
.region-select-dropdown { z-index: 19999; border-radius: 0; }
.region-select-dropdown .select2-results { max-height: none; padding: 0; margin: 0; font-size: 13px; }
.select2-drop-mask { z-index: 19998; }
.select2-drop-active { border-color: rgb(167, 172, 172); }
.select2-results { color: rgb(80, 90, 90) }
.select2-results .select2-highlighted { text-decoration: underline; text-decoration-color: rgb(255, 21, 0); color: rgb(80, 90, 90); background-color: rgb(242, 243, 243); }
.select2-drop.select2-drop-above.select2-drop-active { border-color: rgb(167, 172, 172); }
.select2-drop.select2-drop-above { border-radius: 0; }

.warning-zero { color: rgb(255, 21, 0); }
.warning-delay { color: #4caf50; }

/* the fucking dirty monkey hacking */
#personal-menu ~ div { margin-left: 140px; padding-left: 40px; margin-top: 26px; }
#personal-menu ~ #basket_form { padding-left: 25px; padding-top: 16px; }

/*.red-form { float: right; width: 307px; height: 386px; background: url(../img/form-back.png) no-repeat; }
.red-form .header-2 { margin: 0; padding: 8px 0; font-size: 18px; font-style: italic; font-weight: bold; color: rgb(255, 255, 255); line-height: 1; text-align: center; text-transform: uppercase; font-family: Arial,sans-serif; }
.red-form .header-3 { width: 181px; margin: 7px auto; padding: 5px 40px; border: dashed 1px #a6a6a6; font-size: 14px; font-style: italic; font-weight: bold; text-align: center; font-family: Arial,sans-serif; }
.red-form .header-3 strong { color: rgb(200, 0, 0); }
.red-form .header-4 { font-size: 13px; text-align: center; margin-top: 4px; padding: 0 10px; font-weight: normal; line-height: 1.1; }
.red-form form { padding: 0 20px; }
.red-form input { color: rgb(0, 0, 0); font-size: 13px; border: 0; outline: 0; }
.red-form .fields { float: left; width: 100%; }
.red-form .fields input { width: 100%; height: 29px; padding: 7px 10px; margin-bottom: 11px; box-sizing: border-box; border: solid 1px #e6e6e6; border-radius: 4px; }
.red-form .captcha { float: right; width: 109px; height: 109px; background: url(../img/form-field-password.png) no-repeat; }
.red-form .captcha img { display: block; width: 105px; height: 76px; margin: 2px auto; }
.red-form .captcha input { display: block; width: 89px; height: 13px; padding: 7px 9px 6px 9px; margin: 2px auto; background: transparent; border-top: solid 1px rgb(200, 200, 200); }
.red-form .security { margin: 0; margin-top: 11px; font-size: 10px; }
.red-form .security img { float: left; margin-right: 10px; }
.red-form .recovery { margin: 15px 0; font-size: 10px; text-align: right; text-transform: uppercase; }
.red-form .recovery a { color: rgb(200, 0, 0); }
.red-form input[type="submit"] { display: block; width: 209px; height: 42px; margin: 0 auto; margin-top: 16px; padding: 8px 5px; background: url(../img/form-button.png) left top no-repeat; color: rgb(255, 255, 255); font-size: 15px; font-weight: bold; text-transform: uppercase; }
.red-form input[type="submit"]:hover { background-position: left bottom; }

.red-form .select-search { float: none; }
.red-form .minict_wrapper { width: 265px; }
.red-form .minict_wrapper > span { padding: 0 55px 0 30px; width: 185px; font-weight: bold; text-align: left; }
.red-form .minict_wrapper > ul { width: 265px; max-height: none; }

.red-form-modal { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; }
.red-form-modal .background { position: absolute; width: 100%; height: 100%; background: transparent; z-index: 1100; }
.red-form-modal .red-form { position: relative; float: none; display: block; margin: 0 auto; z-index: 1150; }
.red-form-modal .close { position: absolute; top: 5px; right: 5px; width: 6px; height: 6px; background: url(/images/close-white.png) left top no-repeat; cursor: pointer; }
.red-form-modal .close:hover { background-position: left bottom; }

.register-modal form { padding-top: 10px; }
.register-modal input[type="submit"] { margin-top: 40px; }*/


.mini-form {
	float: right;
	width: 310px;
	background: rgb(211, 213, 213);
	border: solid 1px #d6d6d6;
}

.mini-form .header-2 {
	width: 310px;
	height: 50px;
	background: url(/images/red-bg_349x50.png) center no-repeat;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #fff;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	font-family: Arial, sans-serif;
}

.mini-form form {
	padding: 0 5px;
	width: 220px;
	margin: 15px auto;
}

.mini-form input {
	color: rgb(0, 0, 0);
	font-size: 13px;
	border: 0;
	outline: 0;
}

.mini-form .fields {
	width: 100%;
	height: 27px;
	border: solid 1px rgb(204, 204, 204);
	border-radius: 5px;
	padding: 2px 4px;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.mini-form .fields input {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

.mini-form input[type="submit"] {
	display: block;
	box-sizing: border-box;
	width: 209px;
	height: 42px;
	margin: 0 auto;
	margin-top: 15px;
	padding: 8px 5px;
	background: url(../img/form-button.png) left top no-repeat;
	color: rgb(255, 255, 255);
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.mini-form input[type="submit"]:hover {
	background-position: left bottom;
}

.mini-form .result-message {
	margin: 15px auto;
	padding: 0 10px;
	font-size: 13px;
}

.mini-form-modal {
	position: absolute;
	z-index: 9999;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
}

.mini-form-modal .background {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 500;
}

.mini-form-modal .mini-form {
	position: relative;
	float: none;
	display: inline-block;
	margin: 0 auto;
	z-index: 600;
}

.mini-form-modal .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 6px;
	height: 6px;
	background: url(/images/close-white.png) left top no-repeat;
	cursor: pointer;
}

.mini-form-modal .close:hover {
	background-position: left bottom;
}


/* -------------------------------------------
   Company
   ------------------------------------------- */

/* #information { background: #ffffff; color: rgb(51, 51, 51); text-align: center; }

#information .block { padding: 15px 0; }

#information h1 { margin: 0; font-size: 32px; text-transform: uppercase; text-align: center; } */

#company {
	height: 560px;
	margin: 10px 0;
	padding: 10px 0;
	background: white;
	overflow: hidden;
	border: solid 1px #bbb;
}

#company .element {
	float: left;
	position: relative;
	width: 33.33333%;
	padding: 0 25px;
	font-size: 13px;
	color: #808080;
	box-sizing: border-box;
}

#company .element::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	content: '';
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 25%, rgba(200, 200, 200, 1) 50%, rgba(200, 200, 200, 0) 75%);
}

#company .element .picture {
	text-align: center;
}

#company .element .header-2 {
	font-size: 18px;
	font-style: italic;
	text-align: left;
	margin: 0.83em 0;
}


/* -------------------------------------------
   Partnership
   ------------------------------------------- */

#partnership {
	background: #ebf4fa;
}

#partnership .block {
	padding: 35px 0 10px 0;
}

#partnership .full-block {
	width: 100%;
}

#partnership .header-1 {
	margin: 0;
	font-size: 32px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}

#partnership h2 {
	width: 575px;
	margin: 0;
	padding: 8px 0;
	font-size: 18px;
	font-style: italic;
	text-align: left;
}

#distributors {
	width: 50%;
	padding: 0;
	border-right: solid 1px rgb(210, 210, 210);
	border-bottom: solid 1px rgb(230, 230, 230);
	text-align: right;
	vertical-align: top;
}

#resellers {
	width: 50%;
	padding: 0;
	border-bottom: solid 1px rgb(230, 230, 230);
	text-align: left;
	vertical-align: top;
}

#partnership .header {
	display: block;
}

#partnership .list {
	width: 595px;
	display: block;
	padding-top: 20px;
}

#partnership .element {
	float: left;
}

#partnership .element .picture {
	float: left;
	width: 123px;
	height: 123px;
	background: url(../img/brends-img.png) no-repeat;
}

#partnership .element .picture img {
	width: 121px;
	height: 121px;
	margin: 1px;
}

#partnership .element .text {
	width: 140px;
	margin: 0;
	margin-left: 137px;
	text-align: left;
	font-size: 13px;
	color: #808080;
}

#partnership .element .text .header-3 {
	display: block;
	margin: 0;
	padding-top: 12px;
	padding-bottom: 4px;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #4d4d4d;
}

#partnership .element .text .header-3 a {
	color: #4d4d4d;
	text-decoration: none;
}

#partnership .element .text p {
	margin: 0;
}

#partnership .content-footer {
	width: 595px;
	text-align: right;
	padding-bottom: 20px;
}

#partnership .show-all {
	display: block;
	color: rgb(205, 50, 55);
	font-size: 13px;
}

#distributors .header {
	background: rgb(248, 223, 226);
	border-top: solid 1px rgb(244, 204, 205);
}

#distributors .header h2 {
	padding-right: 40px;
	margin-left: auto;
}

#distributors .content { /*border-bottom: solid 1px rgb(230, 230, 230);*/
}

#distributors .list {
	margin-left: auto;
	margin-right: 20px;
}

#distributors .element {
	margin-right: 20px;
	margin-bottom: 20px;
}

#distributors .content-footer {
	margin-left: auto;
	margin-right: 20px;
}

#resellers .header {
	background: rgb(224, 238, 247);
	border-top: solid 1px rgb(204, 227, 241);
}

#resellers .header h2 {
	padding-left: 40px;
	margin-right: auto;
}

#resellers .content { /*border-bottom: solid 1px rgb(230, 230, 230);*/
}

#resellers .list {
	margin-left: 20px;
	margin-right: auto;
}

#resellers .element {
	margin-left: 20px;
	margin-bottom: 20px;
}

#resellers .content-footer {
	margin-left: 20px;
	margin-right: auto;
}


/* -------------------------------------------
   Reviews
   ------------------------------------------- */

#reviews .block {
	padding: 45px 0;
}

#reviews .list {
}

#reviews .header-1 {
	color: #333;
	margin: 0;
	font-size: 32px;
	margin-bottom: 30px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}

#reviews .header-2 {
	color: #333;
	margin: 0;
	padding: 8px 0;
	font-size: 18px;
	font-style: italic;
	line-height: 1;
	font-weight: bold;
}

#reviews .header-3 {
	color: #333;
	margin: 0;
	padding-bottom: 8px;
	font-size: 16px;
	font-style: italic;
	color: rgb(240, 85, 85);
	font-weight: bold;
	line-height: 1.2;
}

#reviews small {
	font-size: 13px;
}

#reviews p {
	margin: 0;
	font-size: 13px;
	color: #808080;
	line-height: 1.35;
}

#reviews a {
	margin: 0;
	font-size: 13px;
	color: #808080;
}

#reviews .review {
	float: left;
	width: 280px;
	text-align: center;
}

#reviews .picture {
	width: 123px;
	height: 123px;
	background: url(../img/reviews-img.png) no-repeat;
	margin: 0 auto;
}

#reviews .picture img {
	width: 121px;
	height: 121px;
	margin: 1px;
}

#reviews .bx-wrapper {
	position: relative;
}

#reviews .bx-controls {
}

#reviews .bx-controls .bx-prev {
	position: absolute;
	top: 190px;
	left: 10px;
	width: 60px;
	height: 121px;
	background: url(../img/banner-arrow-left.png) left top no-repeat;
	color: transparent;
}

#reviews .bx-controls .bx-next {
	position: absolute;
	top: 190px;
	right: 10px;
	width: 60px;
	height: 121px;
	background: url(../img/banner-arrow-right.png) left top no-repeat;
	color: transparent;
}

#reviews .bx-controls .bx-prev:hover {
	background-position: left bottom;
}

#reviews .bx-controls .bx-next:hover {
	background-position: left bottom;
}

#reviews .show-all {
	display: block;
	color: rgb(205, 50, 55);
	font-size: 13px;
}


/* -------------------------------------------
   About
   ------------------------------------------- */

#about .block {
	height: 34px;
}

#about .menu-root.menu-vertical > .menu-item {
	margin-right: 20px;
}

#about .menu-root.menu-vertical > .menu-item > a {
	padding: 0 4px;
}

.flexbox #about .menu-root.menu-vertical {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.flexbox #about .menu-root.menu-vertical > .menu-item {
	-webkit-box-flex: initial;
	-webkit-flex: initial;
	-ms-flex: initial;
	flex: initial;
}

/* -------------------------------------------
   Footer
   ------------------------------------------- */

#footer {
	padding: 1px 0;
}

#partners {
	width: 615px;
	padding: 15px 0;
	float: left;
}

#partners .header {
	margin: 0;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	line-height: 1;
	font-family: Arial, sans-serif;
}

#partners .list {
}

#partners .element {
	float: left;
	padding-top: 15px;
	padding-right: 15px;
}

#partners .element .picture {
	width: 83px;
	height: 83px;
	background: url(../img/customers-img.png) no-repeat;
}

#partners .element .picture img {
	width: 81px;
	height: 81px;
	margin: 1px;
	opacity: 0.5;
}

#footer .address-office {
	position: relative;
	width: 590px;
	float: left;
	margin-bottom: 30px;
	margin-right: 25px;
}

#footer .address-store {
	position: relative;
	width: 590px;
	float: right;
	margin-bottom: 30px;
	margin-left: 25px;
}

#footer .phones {
}

#footer .phones .moscow {
	display: block;
	color: rgb(51, 51, 51);
}

#footer .phones .russia {
	display: block;
	color: rgb(60, 150, 205);
}

#footer .header-2 {
	margin: 0;
	padding: 30px 0 0 0;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	font-family: Arial, sans-serif;
}

#footer .header-2 p {
	margin: 0;
}

#footer .header-2 p.name {
	font-size: 16px;
	font-weight: bold;
}

#footer .map {
	width: 590px;
	height: 250px;
}


/* -------------------------------------------
   Copyright
   ------------------------------------------- */

#copyright {
	background: rgb(77, 77, 77);
	color: rgb(255, 255, 255);
	padding: 4px 0;
	font-size: 11px;
	color: rgb(190, 190, 190);
}

#copyright p {
	margin: 0;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
	* {
		/*background: transparent !important;*/
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
     * Don't show links for images, or javascript/internal links
     */
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}


.left_block {
	float: left;
	width: 200px;
}

.main-right {
	float: left;
	width: 1017px;
	padding-left: 13px;
}

.clear {
	clear: both;
}

.fright {
	float: right;
}

.fleft {
	float: left;
}

#scroll_up {
	display: none;
	position: absolute;
	width: 73px;
	height: 43px;
	background: url('/images/up2.png') 0 0 no-repeat;
	cursor: pointer;
	z-index: 790;
}

#scroll_up:hover {
	background-position: 0 -43px;
}

.ruble {
	font-size: 13px;
	font-family: 'PT Sans', sans-serif;
}

.rubleA::after {
	content: ' \20BD';
	font-family: 'PT Sans', sans-serif;
	font-size: 97%;
}

.rubleA.price-sale {
	color: rgb(255, 21, 0);
}

.currency {
	font-family: 'PT Sans', sans-serif;
	font-size: 97%;
}

.result-message-wrapper {
	position: absolute;
	width: 300px;
	padding: 0;
}

.result-message-wrapper {
	background: #dedede;
	background: -moz-linear-gradient(top, #dedede 0%, #ffffff 60%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dedede), color-stop(60%, #ffffff));
	background: -webkit-linear-gradient(top, #dedede 0%, #ffffff 60%);
	background: -o-linear-gradient(top, #dedede 0%, #ffffff 60%);
	background: -ms-linear-gradient(top, #dedede 0%, #ffffff 60%);
	background: linear-gradient(to bottom, #dedede 0%, #ffffff 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#ffffff', GradientType=0);
	border: solid 1px rgb(194, 194, 194);
	padding: 20px;
}

#result-message-custom {
	position : absolute;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	z-index: 99999;
}

#result-message-custom.shipment-modal .result-message-wrapper{
	width: 430px;
	padding: 25px;
	margin-left: -25px;
}

#result-message-custom .result-message-overlay  {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	z-index : auto;
}
.result-message-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1970;
	background: rgba(0, 0, 0, 0.4);
}

.result-message-wrapper p {
	background: url(/images/ok-green.png) top left no-repeat;
	padding-left: 63px;
	padding-top: 12px;
	box-sizing: border-box;
	margin: 0;
	min-height: 42px;
	font-weight: bold;
	font-size: 14px;
}

.basket-add-animation {
	position: fixed;
	z-index: 999;
	top: 50%;
	right: 50%;
	width: 150px;
	margin-top: -75px;
	margin-right: -75px;
	transition: right 1s, width 1s;
}

.basket-add-animation.slide-small {
	right: 0;
	width: 0;
}

#confirm-dialog {
}

.confirm-dialog-wrapper {
	position: absolute;
	width: auto;
	max-width: 400px;
	padding: 0;
	z-index: 1977;
	background: #ffffff;
	border: solid 1px rgb(190, 190, 190);
}

#confirm-dialog.remove-product-dialog .confirm-dialog-wrapper {
	border: solid 2px rgb(60, 150, 205);
}

#confirm-dialog.ratio-warnings-dialog .confirm-dialog-wrapper {
	border: solid 2px rgb(60, 150, 205);
}

#confirm-dialog.quantity-warnings-dialog .confirm-dialog-wrapper {
	border: solid 1px rgb(255, 0, 0);
}

#confirm-dialog.type-confirm-dialog .confirm-dialog-wrapper {
	max-width: 480px;
	border: solid 2px rgb(60, 150, 205);
}

#confirm-dialog.receipt-warnings-dialog .confirm-dialog-wrapper {
	max-width: 600px;
	border: solid 1px rgb(194, 194, 194);
}

.confirm-dialog-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1970;
	background: rgba(255, 255, 255, 0.7);
}

.confirm-dialog-wrapper p {
	margin: 20px 25px;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}

.confirm-dialog-wrapper p.header-message {
	background: rgb(234, 235, 235);
	margin: -20px 0 0;
	padding: 10px 20px;
	font: 600 18px 'Open Sans', sans-serif;
}

a.confirm-dialog-close {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	background: url(../images/close.svg) no-repeat;
}

.confirm-dialog-buttons {
	margin: 25px 10px 10px 10px;
	text-align: center;
}

.confirm-dialog-buttons button {
	display: inline-block;
	width: 77px;
	color: #ffffff;
	background: rgb(255, 21, 0);
	font: 600 14px 'Open Sans', Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 26px;
	border: none;
	padding: 0;
	margin-right: 10px;
}

.confirm-dialog-buttons button:hover {
	background: rgb(255, 90, 76);
}

.confirm-dialog-buttons button[name="no"] {
	margin-right: 0;
}

.confirm-dialog-buttons:not(.buttons-same-colors) button[name="no"] {
	color: rgb(51, 51, 51);
	background: rgb(211, 213, 213);
}

.confirm-dialog-buttons:not(.buttons-same-colors) button[name="no"]:hover {
	background: rgb(234, 235, 235);
}

#confirm-dialog .table-wrapper {
	margin: 20px;
}

#confirm-dialog table {
	width: 100%;
}

#confirm-dialog table td {
	padding: 4px;
	border: 1px solid #dedede;
	vertical-align: middle;
	font-size: 13px;
	background: #fff;
}

#confirm-dialog table tr:first-child td {
	background: rgb(230, 230, 230);
}

#confirm-dialog.receipt-warnings-dialog .confirm-dialog-buttons button {
	width: 120px;
	line-height: 32px;
}

#confirm-dialog.receipt-warnings-dialog .confirm-dialog-buttons:not(.buttons-same-colors) button[name="no"] {

}

/* Nikola */
.cbutton--effect-nikola::after {
	position: absolute;
	top: 0;
	left: -10%;
	width: 130%;
	height: 100%;
	content: '';
	opacity: 0;
	pointer-events: none;
	background: rgba(111, 148, 182, 0.1);
}

.cbutton--effect-nikola.cbutton--click::after {
	-webkit-animation: anim-effect-nikola 0.5s forwards;
	animation: anim-effect-nikola 0.5s forwards;
}

@-webkit-keyframes anim-effect-nikola {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.2, 0.2, 1);
		transform: scale3d(0.2, 0.2, 1);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
}

@keyframes anim-effect-nikola {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(0.2, 0.2, 1);
		transform: scale3d(0.2, 0.2, 1);
	}
	50% {
		opacity: 1;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
}


.feedback-form {
	font-size: 13px;
}

.feedback-form form {
	position: relative;
	z-index: 100;
	width: 307px;
	padding: 0;
	font-size: 11px;
}

.feedback-form form .header-2 {
	line-height: 1.4;
	box-sizing: border-box;
	height: 64px;
	margin: 0;
	padding: 5px 20px;
	background: rgb(211, 213, 213);
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

.feedback-form form fieldset {
	margin: 0;
	padding: 8px 18px;
	border: solid 2px #d9d9d9;
	border-width: 0;
	background: rgb(242, 243, 243);
}

.feedback-form form label {
	display: block;
	margin: 4px 0;
	font-weight: bold;
}

.feedback-form form .field {
	border: solid 1px #e6e6e6;
	font-size: 14px;
}

.feedback-form form .field input {
	outline-color: rgb(167, 172, 172);
	width: 100%;
	padding: 6px;
	border: 0;
	box-sizing: border-box;
	line-height: 1.42857143;
}

.feedback-form form .field select {
	width: 100%;
	padding: 6px;
	border: 0;
	box-sizing: border-box;
	line-height: 1.42857143;
}

.feedback-form form .warning {
	margin: -1px 0 4px;
	color: #ff1400;
	font-weight: 600;
	font-size: 16px;
}

.feedback-form form .security {
	margin: 10px 0;
	padding: 2px 0;
	font-size: 11px;
	color: #808080;
	line-height: 1;
}

.feedback-form form .buttons {
	margin: 0;
	padding: 0;
}

.feedback-form form .buttons * {
	box-sizing: border-box;
	width: 100%;
	padding: 8px;
	border: 0;
	color: #ffffff;
	background: #ff1400;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.feedback-form form .buttons *:hover {
	background: rgb(255, 90, 76);
}

.feedback-form form .access {
	margin: 10px 0 0;
	color: #808080;
	line-height: 1.3;
}

.feedback-form form .access a {
	color: #808080;
	font-weight: bold;
	text-decoration: underline;
}

.feedback-form form .access a:hover {
	text-decoration-color: rgb(255, 21, 0);
}

.feedback-form form .access-info {
	display: none;
	padding: 12px 18px;
	border: solid 0 #d9d9d9;
	border-top-width: 0;
	color: #808080;
	background: rgb(242, 243, 243);
	font-size: 11px;
	line-height: 1;
}

.feedback-form form .access-info p {
	margin: 0;
}

.feedback-form form .access-info address {
	line-height: 1.42857143;
	margin: 10px 0;
	color: rgb(255, 21, 0);
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	text-align: center;
}

.feedback-form form .access-info strong {
	font-size: 14px;
}

.feedback-form form .access-info hr {
	border: solid 1px rgb(167, 172, 172);
	border-width: 1px 0 0;
	margin: 0;
	padding-top: 24px;
}

.feedback-form form .access-info p:last-of-type {
	font-size: 11px;
}

.feedback-form form .access-block {
	padding: 12px 18px;
	padding-top: 1px;
	border: solid 0 #d9d9d9;
	border-top-width: 0;
	background: rgb(242, 243, 243);
}


/* .feedback-form-modal { position: absolute; display: none; width: 100%; height: 100%; top: 0; left: 0; } */
/* .feedback-form-modal .background { position: absolute; width: 100%; height: 100%; background: black; opacity: 0.3; z-index: 1100; } */
/* .feedback-form-modal .red-form { position: relative; display: block; margin: 0 auto; z-index: 1150; } */
/* #modal-form { box-shadow: 0px 0px 8px #000; padding: 0; } */
/* #modal-form .header-2 { position: relative; } */
/* #modal-form .close-button { cursor: pointer; position: absolute; display: block; top: 3px; right: 3px; width: 16px; height: 16px; float: right; background: url(/images/close.png) no-repeat; } */
/* #modal-form .close-button:hover { background-position: left bottom; } */


.region {
	width: 100%;
}

.region-select-container {
}

.region-select-container .select2-choice {
	height: 34px;
	line-height: 34px;
	border-color: #e6e6e6;
	border-radius: 0;
	background: #ffffff;
	background-image: none;
}

.region-select-container .select2-choice .select2-arrow {
	border: 0;
	border-radius: 0;
	background: transparent;
	background-image: none;
}

.region-select-container .select2-choice .select2-arrow b {
	background-position: 0 5px;
}

.region-select-container.select2-drop-above .select2-choice {
	border-radius: 0;
	background-image: none;
}

.region-select-container.select2-dropdown-open.select2-drop-above .select2-choice {
	background-image: none;
}

.region-select-container.select2-container-active .select2-choice {
	border-color: rgb(167, 172, 172);
}

.region-select-dropdown {
	z-index: 19999;
	border-radius: 0;
}

.region-select-dropdown .select2-results {
	max-height: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

.select2-drop-mask {
	z-index: 19998;
}

.select2-drop-active {
	border-color: rgb(167, 172, 172);
}

.select2-results {
	color: rgb(80, 90, 90)
}

.select2-results .select2-highlighted {
	text-decoration: underline;
	text-decoration-color: rgb(255, 21, 0);
	color: rgb(80, 90, 90);
	background-color: rgb(242, 243, 243);
}

.select2-drop.select2-drop-above.select2-drop-active {
	border-color: rgb(167, 172, 172);
}

.select2-drop.select2-drop-above {
	border-radius: 0;
}

.warning-zero {
	color: rgb(255, 21, 0);
}

.warning-delay {
	color: #4caf50;
}

/* the fucking dirty monkey hacking */
#personal-menu ~ div {
	margin-left: 200px;
	padding-left: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 26px;
}

#personal-menu ~ div > h1,
#personal-menu ~ div.personal-feed div.accordion-heading > h1,
#personal-menu ~ div > h2,
#personal-menu ~ div h2.akcii__title,
#personal-menu ~ section.akcii__panels h2.akcii__title,
#personal-menu ~ div > span > h2,
#personal-menu ~ div fieldset > h2,
#personal-menu ~ div > form > h2 {
	padding: 0;
	font: 600 24px 'Open Sans',sans-serifall-petite-caps;
	line-height: 24px !important;
}

#personal-menu ~ section.akcii__panels {
	margin-top: 26px;
}

.mejs-overlay-button {
	background-size: cover !important;
	width: 200px !important;
	height: 200px !important;
	margin: -100px 0 0 -100px !important;
}

.mejs-overlay:hover .mejs-overlay-button {
	background-position: 0 -200px !important;
}

.quantity_control {
	display: inline-block;
	left: 0;
	margin: 0;
	padding: 0;
}

.quantity_control a {
	border: 0 solid #D8D8D8;
	display: block;
	height: 10px;
	text-align: center;
	width: 11px;
}

.quantity_control a.plus {
	background: url("../images/arrow-up.svg") no-repeat;
	border-radius: 5px 5px 0 0;
}

.quantity_control a.minus {
	background: url("../images/arrow-down.svg") no-repeat;
	border-radius: 0 0 5px 5px;
	margin-top: -1px;
}


.ctg-sct-hdr {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px rgb(51, 51, 51);
}

.ctg-sct-hdr > * {
	display: inline-block;
}

.ctg-sct-hdr__title {
	margin: 0;
	font-size: 24px;
	font-weight: 600;
}

.ctg-sct-hdr__total-elms {
	margin: 0 24px;
	font-size: 18px;
	color: #a4b0b0;
}

.ctg-sct-hdr__label {
	margin-left: auto;
}

.ctg-sct-hdr__selector {
	text-transform: lowercase;
}

.ctg-sct-order__selector {
	text-transform: lowercase;
}

.type_product.selector {
	float: left;
}

.avilibillity.selector {
	margin-left: 1em;
	float: left;
}

.avilibillity.selector input {
	margin: 4px 0px 3px 6px;
}

.selector {
	position: relative;
}

.selector__placeholder {
	padding-right: 2px;
	cursor: pointer;
	color: var(--dark-grey);
}

.selector__placeholder:after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 0 3px 6px;
	border-top: 1px solid var(--dark-grey);
	border-right: 1px solid var(--dark-grey);
	transform: rotate(135deg);
}

.selector__placeholder:hover:after {
	border-color: rgb(255, 21, 0);
}

.selector__dropdown {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 500;
	margin-top: 4px;
	background: rgb(255, 255, 255);
	box-shadow: 0 1px 8px rgba(0, 0, 0, .25);
	padding: 20px;
	color: var(--dark-grey)
}

.selector__dropdown--right {
	right: 0;
	left: auto;
}

.selector__dropdown--inner {
	padding: 10px 0;
	white-space: nowrap;
}

.selector__option {
	display: block;
	margin-top: 12px;
	white-space: nowrap;
	cursor: pointer;
}

.selector__option:first-of-type {
	margin-top: 0;
}

.selector__option:hover {
	background: rgb(242, 243, 243);
	text-decoration: underline rgb(255, 21, 0);
}

.selector__option--selected {
	background: rgb(242, 243, 243);
}

.selector__form-values {
	display: none;
}

.selector__actions {
	margin-top: 10px;
	padding: 10px 20px 0;
	border-top: solid 1px rgb(242, 243, 243);
}

.selector__dermo {
	padding: 10px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	height: 30px;
}

.selector__dermo label:last-of-type {
	padding-left: 1em;
	border-left: 2px solid #f1f2f2;
	height: 100%;
	display: flex;
	align-items: center;
}

.selector__button--accept {
	width: 103px;
}

.ctg-sct-hdr__label {
	margin-right: 8px;
}

.ctg-sct-order__label {
	margin: 0 8px;
}

.ctg-sct-filter-ext {
	position: absolute;
	right: 0;
	display: flex;
	z-index: 110;
}

.ctg-sct-view { margin-right: 5px; }
.ctg-sct-view a { display: inline-block; vertical-align: middle; }
.ctg-sct-view img { display: block; width: 18px; }

/*.ctg-sct-settings { margin-right: 20px; }*/
.ctg-sct-settings img { width: 18px; vertical-align: middle; cursor: pointer;}

.u-borderBottom { border-bottom: solid 1px !important; }
.u-borderColorGrey { border-color: rgb(167, 172, 172) !important; }
.u-fontSize14 { font-size: 14px !important; line-height: 1.3 !important; }
.u-fontSize13 { font-size: 13px !important; line-height: 1.3 !important; }
.u-height300 { height: 300px !important; }
.u-inlineBlock { display: inline-block !important; vertical-align: middle !important; }
.u-marginBottom10 { margin-bottom: 10px !important; }
.u-marginBottom20 { margin-bottom: 20px !important; }
.u-marginBottom40 { margin-bottom: 40px !important; }
.u-marginLeft20 { margin-left: 20px !important; }
.u-marginLeft40 { margin-left: 40px !important; }
.u-marginRight20 { margin-right: 20px !important; }
.u-marginRight40 { margin-right: 40px !important; }
.u-marginTop5 { margin-top: 5px !important; }
.u-marginTop5n2 + .u-marginTop5n2 { margin-top: 5px !important; }
.u-marginTop10 { margin-top: 10px !important; }
.u-marginTop20 { margin-top: 20px !important; }
.u-maxWidth500 { max-width: 500px !important; }
.u-maxWidth600 { max-width: 600px !important; }
.u-maxWidth700 { max-width: 700px !important; }
.u-paddingTop10 { padding-top: 10px !important; }
.u-paddingLeft10 { padding-left: 10px !important; }
.u-paddingLeft20 { padding-left: 20px !important; }
.u-paddingLeft40 { padding-left: 40px !important; }
.u-paddingLeft50 { padding-left: 50px !important; }
.u-paddingRight10 { padding-right: 10px !important; }
.u-paddingRight20 { padding-right: 20px !important; }
.u-positionRelative { position: relative !important; }
.u-tableRow { display: table-row !important; }
.u-tableCell { display: table-cell !important; }

.is-clickable { cursor: pointer; }

.Price, .Price-name, .Price-value, .Price-currency, .Price-oldValue {
	border: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.Price {
	color: rgb(167, 172, 172);
	font-weight: 600;
}

.Price-currency {
	font-weight: 400;
	margin-left: 4px;
}

.Price-oldValue {
	color: rgb(167, 172, 172);
	position: relative;
}

.Price-oldValue::after {
	border-bottom: solid 1px rgb(51, 51, 51);
	content: '';
	height: 0;
	left: 0px;
	position: absolute;
	top: 10px;
	transform: rotateZ(-8deg);
	width: 100%;
}

.Price--canBuy {
	color: rgb(255, 20, 0);
}

.Price--canBuy .Price-oldValue::after {
	border-color: rgb(255, 20, 0);
}

.Price--rrc .Price-name, .Price--rrc .Price-value {
	/*padding-top: 5px;*/
}

.Selector,
.Dropdown {
	border: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.Selector {
	border: solid 1px rgb(211, 213, 213);
	border-radius: 4px;
	padding: 4px;
}

.Selector-dropButton {
	border-left: solid 1px rgb(211, 213, 213);
	cursor: pointer;
	padding: 4px 4px 4px 0;
	position: absolute;
	right: 0;
	top: 0;
}

.Selector-dropButton::after {
	border-right: 1px solid rgb(167, 172, 172);
	border-top: 1px solid rgb(167, 172, 172);
	content: '';
	display: inline-block;
	height: 8px;
	margin: 0 4px 3px 9px;
	width: 8px;
	transform: rotate(135deg);
}

.Selector-dropButton:hover::after {
	border-color: rgb(211, 213, 213);
}

.Selector.is-expanded {
	border-radius: 4px 4px 0 0;
}

.Selector.is-expanded + * {
	border-top: none !important;
}

.Selector.is-expanded > .is-clickable {
	cursor: initial;
}

.Dropdown {
	background-color: rgb(255, 255, 255);
	border: solid 1px rgb(211, 213, 213);
	border-radius: 0 0 4px 4px;
	display: none;
	left: 0;
	top: 100%;
	padding: 10px;
	position: absolute;
	width: 100%;
}

.Dropdown.is-shown {
	display: block;
}

.h-list {
	font-size: 1.5em;
}

.h-list h2 {
	font-size: 1em;
	margin: 0;
}

.h-list li {
	margin-bottom: 20px;
}

.h-list li::before {
	margin-top: 2px;
}

a.onclose-btn {
	text-decoration: none;
	font-size: 22px;
	position: absolute;
	top: 10px;
	right: 10px;
}

a.onclose-btn:hover {
	color : red;
}

a.allow-btn {
	display: inline-block;
	text-decoration: none;
	padding: 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.red-fill {
	background: rgb(255, 21, 0);
}

a.allow-btn:hover {
	opacity: .7;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

#result-message-custom .result-message-wrapper {
	background: #fff;
	padding: 50px;
	width: 480px;
	border: none;
}

#result-message-custom .result-message-wrapper p {
	text-align: center;
	font-size: 18px;
}
#result-message-custom .result-message-wrapper {
	min-width: 350px;
}
@media screen and (max-width: 360px) {
	#result-message-custom .result-message-wrapper p {
		font-size: 16px;
	}

}
@media screen and (max-width: 320px) {
	#result-message-custom .result-message-wrapper p {
		font-size: 14px;

	}
	#result-message-custom .result-message-wrapper {
		min-width: 310px;
	}
}

#result-message-custom.append-class-logistic .result-message-wrapper p {
	text-align: left;
	-moz-text-align-last: left;
	text-align-last: left;
}

#result-message-custom.message-on-order-success .result-message-wrapper {
	width: 348px;
}

#result-message-custom.message-on-order-success .result-message-wrapper p {
	text-align-last: left;
}

#result-message-custom .result-message-wrapper p {
	padding: 0;
	margin: 0;
	background: #fff;
	font-weight: normal;
	font-size: 18px;
	min-height: unset;
}

#result-message-custom.text-left .result-message-wrapper p {
	text-align: left;
	-moz-text-align-last: left;
	text-align-last: left;
}

#result-message-custom .result-message-wrapper a.allow-btn {
	color: #fff;
	display: block;
	text-align: center;
}

#result-message-custom .result-message-wrapper a.allow-btn.shipment-pickup-agree {
	font-size: 14px;
}

.modal--header__span {
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}

.modal--header__span:after {
	display: none !important;
}
.modal--header__span:before {
	content: url(/local/templates/forza/img/logictika_vopros.svg);
	height: 18px;
	width: 18px;
	display: block;
	position: absolute;
	right: 0;
	top: -25px;
}

.modal--header__span:hover .logistic--note {
	display: block;
}
.gray-modal .modal--wrapper-content {
	padding-top: 5px;
}
.modal--wrapper-content input:invalid,
.modal--wrapper-content textarea:invalid,
.modal--wrapper-content select:invalid {
	box-shadow: none;
}

.error-input {
	box-shadow: 0px 0px 4px 2px rgba(255, 21, 0, 0.6) !important;
}

.error-input:focus {
	box-shadow: 0px 0px 4px 2px rgba(255, 21, 0, 1) !important;
}

select.error-input + .nice-select {
	box-shadow: 0px 0px 4px 2px rgba(255, 21, 0, 0.6) !important;
}

select.error-input + .nice-select:focus {
	box-shadow: 0px 0px 4px 2px rgba(255, 21, 0, 1) !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	.icon {
		width: 1.4em;
	}

	.icon--big {
		width: calc(1.4em * 1.5);
	}

	.icon--small {
		width: calc(1.4em * 0.5);
	}
	.icon--max {
		width: 100%;
		height: 100%;
	}
	.access-form__icon-key {
		width: 53px;
		height: 24px;
	}
	.access-form__icon-padlock {
		width: 17px;
		height: 22px;
	}
	.access-form__icon-phone{
		width: 33px;
		height: 28px;
	}
	.logo__link {
		display: block;
	}
	.header__contact {
		flex: none;
		width: 195px;
	}
	.olympic__image {
		height: 85px;
	}
	.index-partnership__image {
		width: 150px;
		height: 150px;
	}
	#cart .cart-wrapper { width: 0; padding-left: 53px; height: 190px; background-image: url(/images/cart-ie11.png); }
	#cart.showed .cart-wrapper { width: auto; }
	#cart .basket-small { bottom: 12px; left: 11px; }
	#cart .basket p { padding: 22px 10px; }
	#cart .basket p.sum { padding-bottom: 20px; }
	.menu--catalog > .menu__item > .menu__link { padding: .2em 1.2em !important; }
}


.custom-checkbox {
	display: flex;
}

.custom-checkbox input {
	display: none;
}

.custom-checkbox-sqr {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 15px;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	cursor: pointer;
}

.custom-checkbox input:checked + span.custom-checkbox-sqr {
	border-color: var(--red);
}

.custom-checkbox input:checked + span.custom-checkbox-sqr:after {
	content: '';
	background: url("/local/templates/forza/img/check_red.svg") no-repeat center;
	display: flex;
	width: 65%;
	height: 65%;
}

#result-message-custom.last-align-left p {
	text-align-last: left;
	-moz-text-align-last: left;
}

@font-face{
	font-family:"Blay-Bydy Golden Modal";
	src:url(/design/desktop/fonts/webicons.eot?7cc06dd5dacea314fc6056da88501930);
	src:url(/design/desktop/fonts/webicons.eot?7cc06dd5dacea314fc6056da88501930#iefix)
	format("embedded-opentype"),url(/design/desktop/fonts/webicons.woff2?7cc06dd5dacea314fc6056da88501930)
	format("woff2"),url(/design/desktop/fonts/webicons.woff?7cc06dd5dacea314fc6056da88501930)
	format("woff"),url(/design/desktop/fonts/webicons.ttf?7cc06dd5dacea314fc6056da88501930)
	format("truetype");
	font-weight:400;
	font-style:normal;
}
[class*=" modicon-"]:before,[class^=modicon-]:before{font-family:"Blay-Bydy Golden Modal"!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.modicon-arrowdown:before{content:"\e900"}
.modicon-arrowup:before{content:"\e901"}
.modicon-basket:before{content:"\e902"}
.modicon-begin:before{content:"\e903"}
.modicon-burger:before{content:"\e904"}
.modicon-check:before{content:"\e905"}
.modicon-circle-close:before{content:"\e906"}
.modicon-close:before{content:"\e907"}
.modicon-desktop:before{content:"\e908"}
.modicon-down:before{content:"\e909"}
.modicon-download:before{content:"\e90a"}
.modicon-end:before{content:"\e90b"}
.modicon-error:before{content:"\e90c"}
.modicon-eye:before{content:"\e90d"}
.modicon-krectik:before{content:"\e90e"}
.modicon-menudot:before{content:"\e90f"}
.modicon-mobile:before{content:"\e910"}
.modicon-next:before{content:"\e911"}
.modicon-prev:before{content:"\e912"}
.modicon-search:before{content:"\e913"}
.modicon-success:before{content:"\e914"}
.modicon-up:before{content:"\e915"}
.modicon-user:before{content:"\e916"}
.modicon-zoom-in:before{content:"\e917"}
.modicon-zoom-out:before{content:"\e918"}


.bottom-fade:after {
	background: -webkit-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,1));
	background: -o-linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,1));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.4)), to(rgba(255,255,255,1)));
	background: linear-gradient(rgba(255,255,255,.4), rgba(255,255,255,1));
}

.no-image {
	width: 100%;
	height: 170px;
	background-color: var(--l-grey);
}

textarea.user-comment {
	width: calc(100% - 20px);
	max-width: 100%;
	resize: vertical;
	outline-color: transparent;
	border: 1px solid #b2b2b2;
	border-radius: 4px;
	background-color: #fff;
	min-height: 40px;
	padding: 10px;
}

textarea.comment-basket::placeholder {
	color: #b2b2b2;
}

/***********************
***** plyr player ******
************************/
.is-mobile div.plyr__controls {
	padding-left: 60px !important;
}

.is-mobile div.plyr__controls button.plyr__control[data-plyr=play] {
	left: 10px;
	bottom: 16px;
}


.is-mobile button.plyr__control[data-plyr=play] {
	padding: 10px;
}

div.plyr__controls {
	padding: 5px 20px 5px 80px !important;
	background: rgba(0, 0, 0, .4) !important;
	position: relative;
}

div.plyr__controls button.plyr__control[data-plyr=play] {
	position: absolute;
	left: 20px;
	bottom: 12px;
}

button.plyr__control[data-plyr=play] {
	background-color: transparent;
	box-shadow: none;
	border: 3px solid #FAFAFA;
	border-radius: 50%;
	transition-delay: unset;
	padding: 12px;
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] {
	background: transparent !important;
}

div.plyr__menu div.plyr__menu__container button:hover {
	color: rgba(51,51,51, .5);
}

div.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]::before {
	background-color: var(--red);
}

.plyr__control.plyr__tab-focus {
	box-shadow: none !important;
}


button.plyr__control[data-plyr=play]:hover, button.plyr__control[data-plyr=play]:focus {
	background: transparent;
}

button.plyr__control:active {
	border-color: var(--red);
	background: transparent;
}
button.plyr__control svg {
	color: #fff;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
button.plyr__control:active svg {
	color: var(--red);
}

button.plyr__control[data-plyr=play] svg {

	width: 25px;
	height: 25px;
}

button.plyr__control[data-plyr=play] svg.icon--not-pressed {
	transform: translateX(3px);
}

.plyr--full-ui input[type="range"] {
	color : var(--red) !important;
}

.plyr__poster {
	pointer-events: none !important;
}

div.plyr__video-wrapper {
	height: 100%;
}


.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
	box-shadow: none !important;
}

/***********************
***** plyr player ******
************************/

/*****************
pagination duplicate
styles
*****************/

.page_nav {
	float:right;
}

.page_nav a{
	display:inline-block;
	float:left;
	border:1px solid #e7e7e7;
	background:#fafafa;
	border-radius: 3px;
	font-size: 14px;
	font-weight:600;
	color:#a6a6a6;
	padding:2px 11px;
	margin-right: 19px;
	text-decoration: none;
	line-height: 16px;
}

.page_nav a.text {
	font-size: 12px;
}
.page_nav a.active,
.page_nav a:hover{
	border-color: rgb(80, 90, 90);
	background: rgb(80, 90, 90);
	color:#ffffff;
}

/*****************
pagination duplicate
styles
*****************/

/*****************
	switch button default style
*****************/

.switch--button {
	width : 46px;
	height : 46px;
	display: block;
	cursor : pointer;
}

.switch--button__left {
	background: url("/local/templates/.default/icons/button_left_circle.svg") -49px 0 no-repeat;
	background-size: cover;
}

.switch--button__right {
	background: url("/local/templates/.default/icons/button_right_circle.svg") -50px 0 no-repeat;
	background-size: cover;
}

.switch--button__left:hover {
	background-position: 0px 0;
}

.switch--button__right:hover {
	background-position: 0 0;
}

/*****************
	switch button default style
*****************/

.popup--gallery__close {
	font-size: 24px;
	right : 10px;
	top : 10px;
}

.popup--gallery {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0,0,0,.7);
	z-index: 999;
}


.popup--gallery__preview {
	position : relative;
	width: 495px;
	max-height: 600px;
	min-height: 508px;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
	-webkit-border-radius : 5px;
	-moz-border-radius    : 5px;
	border-radius         : 5px;
}

.gallery-preview__inner-wrapper {
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	justify-content: center;
}

.switch--button__gallery {
	position: absolute;
	top: 50%;
}

.button--gallery__left {
	left : 0;
}

.button--gallery__right {
	right : 0;
}

.popup--gallery__present {
	height: 400px;
	text-align: center;
	display: block;
}

.popup--gallery__wrapper ul {
	padding : 0;
	width: 330px;
	max-height: 150px;
	list-style: none;
	display : flex;
	flex-wrap : wrap;
	overflow : hidden;
	margin : 15px 0 0 0;
}

.popup--gallery__item {
	cursor : pointer;
	margin-top : 8px;
	margin-right : 8px;
}

.popup--gallery__item:nth-child(5n) {
	margin-right: 0;
}

.popup--gallery__item img {
	max-width: 120px;
	max-height : 70px;
}

.popup--gallery__item.active {
	opacity : .5;
}

/*****************
arrow down
styles
*****************/

.icon--arrow:after {
	content: '';
	background: url("/local/templates/.default/icons/ico_arrow.svg") right no-repeat;
	background-position: -12px center;
	background-size: cover;
	display: block;
	width: 12px;
	height: 6px;
}

.icon--arrow:hover::after {
	background-position: 1px center;
}

/*****************
arrow down
styles
*****************/

.catalog_items_wrapper .size-table-controls > * {

	display: inline-block !important;
	white-space: nowrap;
	vertical-align: middle;

}

.catalog_items_wrapper .size-table-controls a.plus.circle__plus, .catalog_items_wrapper .size-table-controls a.minus.circle__minus {
	width: 13px;
	height: 13px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #5a6a76;
}

.catalog_items_wrapper .size-table-controls a.plus.circle__plus {

}

.catalog_items_wrapper .size-table-controls a.minus.circle__minus {
	background: var(--red);
}

.btns-allow-wrapper.two__cols {
	display: flex;
	justify-content: space-between;
}

.btns-allow-wrapper.two__cols .allow-btn {
	width: 33%;
}

a.checkoutC {
	display: inline-block;
	width: 200px;
	height: 36px;
	color: #ffffff;
	background: rgb(255, 21, 0);
	font: 600 16px 'Open Sans',sans-serif;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	line-height: 36px;
	margin-top: 20px;
	border-radius: 5px;
}

.minicarts-wrapper {
	z-index: 99999;
	position: fixed;
}

.muted_video--wrapper {
	display: flex;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
}

.big__preview video {
	width: 100%;
	max-height: 100%;
}

.muted__overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 11px -5px black, inset 0px 0px 11px -5px black;
	margin: 5px;
	z-index: 10;
}

.muted__overlay svg {
	stroke: #FFF;
	width: 80%;
	height: 80%;
	transform: translateX(1px);
}

.muted__overlay:hover svg, .muted__overlay:hover path, .muted__overlay:hover line {
	border-color: rgb(255,20,0);
	stroke: rgb(255,20,0);
}

.big__preview .plyr video {
	height: 100%;
}

.muted__overlay.hide {
	display: none;
}

/**
tabs
 */

.widget_tabs {
	height: 420px;
	width: 10px;
	position: relative;
	display: flex;
	box-shadow: 0 0 7px -1px rgba(0, 0, 0, .4);
}

.widget_tabs__item {
	position: absolute;
	height: 33.33%;
	width: 100%;
}
.widget_tab_item__content {
	cursor: pointer;
}

.widget_tab_item__content:hover {
	background-color: var(--dark-grey);
}

.widget_tab_item_one {
	display: flex;
	align-self: flex-start;
}

.widget_tab_item_two {
	align-self: center;
	position: relative;
	display: flex;
}

.widget_tab_item_two__separator_top, .widget_tab_item_two__separator_bottom {
	position: absolute;
	transform: skewY(20deg);
	background-color: rgba(255, 255, 255, 1);
	width: 100%;
	height: 8%;
	z-index: 1;
}

.widget_tab_item_two__separator_top {
	top: -8px;
	left: 0;
}
.widget_tab_item_two__separator_bottom {
	bottom: -8px;
	left: 0;
}


.widget_tab_item__content {
	width: 100%;
	height: 100%;
	background-color: var(--grey);
}

.widget_tab_item_three {
	display: flex;
	align-self: flex-end;
}

.widget_tabs + .slider.slider--main {
	width: 877px;
}

.widget_tabs + .slider.slider--main .bottom_widget--right {
	width: 55%;
}

.tab_active .widget_tab_item__content {
	background-color: var(--dark-grey);
}

/**
tabs
 */

/**
SWIPER PAGEN
 */
.swiper-pagination {

}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 50px;
	height: 5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;

}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: var(--red);
}
/**
SWIPER PAGEN
 */

#result-message-custom.integrate-dialog .integrate-dialog--desc {
	font-size: 14px;
	text-align: justify;
	text-align-last: unset;
}
#result-message-custom.integrate-dialog .result-message-wrapper {
	width: 600px;
}
#result-message-custom.integrate-dialog .header-message {
	text-align: center;
	text-align-last: center;
	font-size: 18px;
	font-weight: 600;
}
#result-message-custom.integrate-dialog .result-message-wrapper .poll-form {
	margin-top: 0;
	max-width: unset;
}
#result-message-custom.integrate-dialog .result-message-wrapper a.allow-btn {
	margin-top: 0;
}
#result-message-custom.integrate-dialog form div:first-of-type label span {
	font-size: 13px;
}
#result-message-custom.integrate-dialog .btns-allow-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
}
.btns-allow-wrapper a.allow-btn {
	text-transform: uppercase;
	width: 35%;
}
.btns-allow-wrapper a.allow-btn:first-of-type {
	margin-right: 10px;
}
.btns-allow-wrapper a.allow-btn.no-btn {
	background-color: var(--grey);
}

.poll-form {
	display: block;
	max-width: 400px;
	margin: 30px auto;
}

.poll-form h1 {
	margin: 0 0 20px 0;
	/* border-bottom: 2px solid black; */
	text-align: center;
}

.poll-form label {
	display: block;
	margin: 12px 0;
}

.poll-input {
	display: block;
	padding: 8px;
	border: 1px solid black;
	border-radius: 4px;
}

.poll-input--p0 {
	padding: 0;
}

.poll-input--bn {
	border: none;
}

.poll-input input,
.poll-input select,
.poll-input textarea {
	width: 100%;
	border: none;
	padding: 0;
	margin: 0;
	box-shadow: none;
}

.poll-input__date input,
.poll-input__date select,
.poll-input__date textarea {
	width: 100px;
	text-align: center;
}

.poll-buttons {
	margin-top: 20px;
	text-align: center;
}

.poll-buttons input[type="submit"],
.poll-buttons button {
	display: block;
	width: 100%;
	box-sizing: border-box;
	background: rgb(255, 21, 0);
	color: white;
	border: 0;
	border-radius: 4px;
	padding: 8px;
	font-weight: 600px;
}

.poll-buttons input[type="submit"]:hover,
.poll-buttons button:hover {
	background: rgb(255, 90, 76);
}

.poll-buttons button[disabled] {
	background: rgb(255, 90, 76);
}

.poll-select-container {
	width: 100%;
}

.poll-select-container .select2-choice {
	background-color: transparent;
	background-image: none !important;
	border-color: black;
	padding: 8px;
}

.poll-select-dropdown {
	border-color: black;
	z-index: 19999;
}

.poll-select-container .select2-choice .select2-arrow {
	background-color: transparent;
	background-image: none !important;
	border: none;
	width: 28px;
}

.poll-select-container .select2-choice .select2-arrow b {
	background-image: none !important;
}

.poll-select-container .select2-choice .select2-arrow b::after {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 12px 0 3px 6px;
	border-top: 1px solid rgb(167, 172, 172);
	border-right: 1px solid rgb(167, 172, 172);
	transform: rotate(135deg);
}
.poll-select-container .select2-choice .select2-arrow:hover b::after {
	border-color: rgb(255, 21, 0);
}

.poll-group {
	padding: 10px;
	border: 1px solid;
	border-radius: 5px;
	margin-top: 20px;
}

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

@media screen and (max-width: 786px){
	.poll-form {
		padding: 0 10px;
	}
}
.question__span {
	display: inline-block;
	vertical-align: middle;
}
.question__span::before {
	content: url(/local/templates/forza/img/logictika_vopros.svg);
	height: 19px;
	width: 18px;
	display: inline-block;
}

.product-group {
	margin-top: 20px;
	border-top: 1px solid;
}

.removable-pgroup {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.icon-close {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(/local/templates/forza/images/close.svg) no-repeat;
}

.without_order_product__wrapper {
	display: flex;
	align-items: center;
}

.without_order_product__wrapper label {
	display: initial;
}

.without_order_product__wrapper .poll-input {
	padding: initial;
	margin: 0 0 0 20px;
	border: initial;
}

.without_order_product__wrapper input {
	width: auto;
}

.autocomplete__wrapper {
	position: relative;
}

.autocomplete__items {
	position: absolute;
	background: white;
	padding: 10px;
	box-shadow: 0 3px 7px -5px black;
	margin-top: 5px;
	border-radius: 0 0 5px 5px;
	overflow-y: scroll;
	max-height: 280px;
}

.autocomplete__items.hide {
	display: none;
}
.autocomplete__item {
	cursor: pointer;
	padding: 2px 0;
}
.autocomplete__item.active {
	border-bottom: 1px solid;
	padding-bottom: 1px;
}

.avilibillity1 {
	/*color: var(--dark-grey);
    margin: 4px 0px 3px 7px;
    display: block;
    float: right;*/
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.avilibillity1+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}
.avilibillity1+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}
.avilibillity1+label::after {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	margin: 4px 0 3px 6px;
	border: 1px solid #5d5d5d;
	color: #5d5d5d;
	border-radius: 2px;
	float: right;
}
.avilibillity1:checked+label::after {

	content: '';
	border-color: #5d5d5d;
	background-color: #fff;
	background-size: 16px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/images/checkmark_111061.svg");
}

.discounts__section .index__big-header.smaller{
	margin-bottom: 20px;
	font-size: 20px;
	text-align: left;
}

.discounts__section-text{
	width: 100%;
}

.discounts__section-wrapper{
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.discounts__section .display-block{
	display: block;!important;
}

.discounts__section-block{
	width: calc(50% - 15px);
	margin-bottom: 30px;
}

.display-block .discounts__section-block{
	width: 100%;
}

.discounts__section-img img{
	width: 100%;
	height: auto;
}

.discounts__section-table{
	width: 100%;
}

.table-item {
	border-bottom: 1px solid #cfcfcf
}

.table-item__question {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font: bold 14px 'Manrope-SemiBold', sans-serif;
	padding: 15px 0;
	cursor: pointer;
	text-align: left;
	text-transform: uppercase;
}

.table-item__question img {
	width: 18px;
	height: 18px;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	margin-left: 20px;
}

.table-item__question.active img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.table-item__answer {
	display: none;
	margin: -15px 0 30px;
	font-size: 1.125rem;
	padding: 15px;
}

.discounts__section table { width: 100%; }
.discounts__section table tr:first-of-type { padding: 15px 10px; color: rgb(51, 51, 51); border: 1px solid #ebebeb; background: #ebebeb; font-size: 11px; font-weight: bold; line-height: 1; text-transform: uppercase; text-align: center; white-space: nowrap; }
.discounts__section table td {padding: 15px 10px; font-size: 14px; border: 1px solid #ebebeb}