@import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Comfortaa|Lobster|Montserrat:400,700,900|Poiret+One&subset=cyrillic');

/*
font-family: 'Montserrat', sans-serif;
font-family: 'Lobster', cursive;
font-family: 'Poiret One', cursive;
font-family: 'Comfortaa', cursive;
font-family: 'Amatic SC', cursive;
*/

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
    font-style: normal; 
    font-weight: normal;
    line-height: normal;
    text-align: center;
}

footer {
	width: 100%;
}

a {
    text-decoration: none;
    margin: 0;
    padding: 0;
}

h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 2.7em;
	line-height: 8px;
	color: #fff;
	text-transform: uppercase;
}

h2 {
	color:#4170b4;
	font-family: 'Montserrat', sans-serif;
	text-align:center;
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 8px;
}

h7 {
	margin-left: 14px;
	font-family: 'Montserrat', sans-serif;
	font-size: 8px;
	text-align: right;
	color: #6F6F6F;
	font-weight: 500;
	line-height: normal;
}

h8 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}

h9 {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}

.site-body {
    width: 100%;
    height: auto;
    background: #fff;
}

.site-body h2 {
    color: #6f6f6f;
    text-align: center;
    font-size: 1.5em;
    line-height: 1.5em;
}


/*Стили для Heter*/
	/*Описываем верхнее меню лого+кнопка контакты*/

	.shapka-box {
		background: #fff;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.shapka {
		max-width: 1200px;
		padding-bottom: 4px;
		margin: auto;
		display: flex;
		justify-content: space-between;
	}

	/*Блок с селектором выбола языка*/
	.lang-time-block
	{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		background-color: #6f6f6f;
	}

	.lang-time-bar {
		max-width: 1200px;
		width: 100%;
		height: auto;
		margin: auto;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	/*Селектор выбола языка*/
	.lang-selektor {
		width: 100%;
		height: auto;
		margin: 0 1vw 0 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	/*Кнопка языка*/
	.lang {
		width: auto;
		height: 30px;
		margin-left: 8px;
		margin-right: 8px;
		margin-top: 7px;
		padding: 0;
		cursor: pointer;
	}

	.lang a {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		text-align: center;
		font-weight: 700;
		line-height: 20px;
		transition: all .5s;
		margin: 0;
	}

	.login {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: auto;
		height: 30px;
		margin-left: 8px;
		margin-right: 8px;
		padding: 0 0 0 4px;
	}

	.login p {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
		margin: 0 8px 0 0;
	}

	.welcome {
		width: auto;
		height: 30px;
		margin: 9px 16px 0 0;

	}

	.enter {
		width: auto;
		height: 30px;
		margin: 7px 8px 0 0;
	}

	.enter a {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 20px;
		text-align: center;
		font-weight: 700;
		line-height: 20px;
		cursor: pointer;
		transition: all .5s;
	}

	.welcome p {
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		text-align: center;
		font-weight: 400;
		line-height: 14px;
		margin: 0;
	}

	.lang:hover a{
		color: #FBB03B;
	}

	.enter:hover a {
		color: #FBB03B;
	}

	/*Вертикальная полоса разделяющая кнопки языка*/
	.lang-border {
		border-left: 1px solid #fff;
		height: 30px;
		margin: 2px 0 2px 0;
	}

	/*Лонримп в шакпе сайта*/
	.logo {
		margin-left: 1%;
		margin-top: 2px;
		width: auto;
		height: 60px;
	}

	.logo img {
		width: auto;
		max-height: 60px;
	}

	/*Кнопка "связаться с нами"*/
	.contacts {
		margin-right: 1%;
		margin-top: 4px;
		width: 250px;
		height: auto;
		background: #F7931E;
		padding: 0;
		transition: background-color .5s;
	}

		.contacts h4 {
			font-family: 'Montserrat', sans-serif;
			font-size: 16px;
			font-weight: 700;
			line-height: 16px;
			text-align: center;
			color: #fff;
			transition: all .5s;
		}

		.contacts:hover {
			background: #FBB03B;
		}

		.contacts:hover h4 {
			transform: scale(1.1)
		}

		.contacts a {
			display: block;
			height: 100%;
		}

	/*Телефоны и E-mail в шапке сайта*/
		/*Вертикальная полоса разделяющая номера телефонов*/
		.line {
			width: auto;
			height: 30px;
			margin-top: 7px;
			border-right: 3px solid #ffffff;
		}

		/*Полоса с телефонами и E-mail в шапке сайта*/
		.contacts_line {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			width: 100%;
			height: auto;
			padding: 0px;
			margin-top: 0px;
			margin-bottom: 0px;
			background-color: #F5F5F5;
		}

		/*Блок телефонов*/
		.contacts_line_text {
			display: flex;
			flex-wrap: wrap;
			width: 24%;
			max-width: 340px;
			height: auto;
			justify-content: center;
			margin: 0 4px 0 4px;
		}

		/*Номера телефонов и E-mail*/
		.contacts_line_text p {
			font-family: 'Montserrat', sans-serif;
			font-size: 15px;
			line-height: 15px;
			text-align: center;
			color: #4170b4;
			font-weight: 400;
		}

		/*Иконки операторов*/
		.contacts_line_text img {
			height: 20px;
			width: auto;
			margin: 12px 8px 0 0;
		}


/*Стили для навигационного меню*/
	/*Скрываем чек меню*/
	.check-menu,
	.lable-check-menu {
		display: none;
		position: absolute;
		margin-top: -70px;
		margin-left: 4px;
		top: 8px;
		height: auto;
	}

	/*Выравниваем меню навигации по центру экрана*/
	.container {
		z-index: 2;
		position: relative;
		max-width: 1200px;
		margin: auto;
	}

	/*Количество кнопок меню на странице зависит от ширины*/
	.menu_element {
		flex-basis: 16%;
	}

	/*Задаем отступы, размеры и поведение для меню и кнопок навигации */
	ul {
		margin: 0px;
		padding: 2px;
	}


	li {
		display: block;
		margin: 2px;
	}
	/*Стили кнопки меню*/
	.knopka img {
		width: 100%;
		height: 100%;
		transition: transform .7s;
	}

	/*Настройки текста в кнопках меню нав*/
	.knopka {
		position: relative;
		font-size: 12px;
		transition: all .7s;
	}

	/*Поведение кнопок при наведении*/
	.knopka:hover{
		background-color: #FBB03B;
	}

	.knopka:active {
		background-color: #F7931E;
	}

	.knopka:hover img {
		transform: scale(0.8) translateY(-15%);
	}

	.knopka:hover h2{
		display: block;
		opacity: 1;
		color: #FFFFFF;
	}

	.knopka h2{
		color:#4170b4;
		font-family: 'Montserrat', sans-serif;
		text-align:center;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: 8px;
		transition: all .5s;
	}

	.opacity {
		position: absolute;
		left: 50%;
		margin: 0;
		bottom: 15px;
		opacity: 0;
		transform: translateX(-50%);
	}
	/*меню горизонтально, в несколько строк, выравниваем по центру*/
	.menu_content {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
	}

	/*Цвета кнопок*/
	.light-grey {
		background-color: #e3e2e2;
		color: #4170b4;
		}

	.blue {
		background-color: #4170b4;
		color: #FFFFFF;
	}

	.purple {
		background-color: #B26EAA;
		color: #B26EAA;
	}

	.dark_grey {
		background-color: #6f6f6f;
		color: #FFFFFF;
	}



/*Хлебные крошки*/
	/*Материнский контейнер с кнопками-ссылками "Хлебные крошки"*/
	.breadcrums {
		width: 80%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: left;
		background-color: #fff;
		margin: 8px auto;
		padding: 0;
	}
	
	/*Стили для кнопк-ссылк "Хлебные крошки"*/
	.breadcrums a, span {
		text-decoration: none;
		font-family: 'Montserrat', sans-serif;
		color: #6f6f6f;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
		margin: 0 8px 0 0;
		transition: color .5s ease-out;
	}
	
	/*Вывеление символа ">" после ссылки*/
	.breadcrums a::after {
		content: '>';
		margin-left: 8px;
	}
	
	/*Поведение ссылки при наведении указателя мыши*/
	.breadcrums a:hover {
		color: #e3e2e2;
		cursor: pointer;
	}



/*CHECKBOX ФИЛЬТР КАТАЛОГА ТОВАРОВ*/
	.fwd-checkbox {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		height: auto; 
	}

	/* Option */

	.option {
		display: inline-block;
		margin: 0 .55em .5em 0;
	}

	/* Check */

	.check {
		padding-left: 1.3em;
		color: #6f6f6f;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
	}

	.check__input {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
	}

	.check__box {
		position: absolute;
		margin-top: 0.25em;
		margin-left: -1em;
		width: 0.6em;
		height: 0.6em;
		overflow: hidden;
		border-radius: 0.05em;
		background-color: white;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		box-shadow: 0 0 0 0.1em #5070b0;
	}

	/* Checked */

	.check__input:checked + .check__box {
		background-color: #5070b0;
		background-image: url(https://cdn.glitch.com/d6162378-5823-4160-a555-3d9789bd2b92%2Fcheck.svg?1550563475518);
	}

	/* Focused */

	.check__input:hover + .check__box {
		box-shadow:
			0 0 0 1px #5070b0,
			0 0 0 3px #e7ad46;
	}

	/* Focused */

	.check__input:focuse + .check__box {
		box-shadow:
			0 0 0 1px #5070b0,
			0 0 0 3px #e7ad46;
	}

	/* Disabled */

	.check__input:disabled + .check__box {
		box-shadow: 0 0 0 0.1em #9B9B9B;
	}

	.check__input:checked:disabled + .check__box {
		background-color: #9B9B9B;
	}



/*Описание стилей для блока баннеров на главной*/
	/*Материнский блок баннеров на главной*/
	.conteiner_baner_mine {
		display: flex;
		position: relative;
		z-index: 1;
		flex-wrap: wrap;
		width: 98%;
		max-width: 1200px;
		margin: auto;
		justify-content: center;
	}

	/*Стили для блока с баннерaм на главной*/
	.block_baner {
		display: flex;
		flex-wrap: wrap;
		width: 49%;
		height: auto;
		background-color:white;
		border: none;
		margin: 0px;
		padding: 0px;
		justify-content: center;
		transition: all .5s;
	}

	/*Стили для изображения баннера на главной*/
	.baner_pic {
		width: 100%;
		background-color: white;
		margin: 2px;
		padding: 0px;
		border: none;
	}

	.baner_pic img {
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		transition: transform .5s;
		border: none;
	}

	.baner_pic:hover img {
		transform: scale(.99);
		-webkit-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.5);
		-moz-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.5);
		box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.5);
	}

	/*Поведение бока при наведении мыши на главной*/
	.block_baner:hover {
		background-color: #F9F9F9;
	}




/*Описание текстового блока О НАС на главной*/

	/*Материнский контейнер блока О НАС на главной*/
	.conteiner_textblok_mine {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: auto;
		justify-content: center;
	}

	/*Описание загрловка блока О НАС*/
	.title_textblok {
		background-color: #e3e2e2;
		width: 100%;
	}
	/*Описание текстовой части блока О НАС*/
	.conteiner_text_mine {
		width: 95%;
		margin-top: 8px;
		margin-bottom: 8px;
		text-align: justify;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		color: #6F6F6F;
		line-height: 16px;
	}


/*ФУТЕР*/
	/*Материнский контейнер футера 100% ширины экрана*/
	.footer {
		width: 100%;
		height: auto;
		padding-top: 4px;
		margin-top: 0;
		display: flex;
		justify-content: center;
		background-color: #6f6f6f;
	}

	/*Контейнер задающий фикситованную щирину контенета в футере*/
	.contact-box {
		display: flex;
		flex-wrap: wrap;
		width: 1200px;
		height: auto;
		padding-bottom: 20px;
		justify-content: center;
	}

	/*Стили задаюшие положение и размеры левой части футера
	(Форме обратной сыязи)*/
	.form {
		display: flex;
		flex-wrap: wrap;
		width: 48%;
		height: auto;
		justify-content: center;
	}
	
	/*Положение и размеры правой части футера
	(Контакты)*/
	.footer-contacts {
		display: flex;
		flex-wrap: wrap;
		width: 48%;
		height: auto;
		margin-left: 2px;
	}
	
	/*Отступы для контениа части с кониактами.
	Задаем вертикальную полосу-разделитель (бордер слева)*/
	.text-contacts {
		margin-left: 5px;
		margin-top: 8px;
		padding: 10px;
		border-left: #E3E2E2 solid 1px;
	}
	
	/*Позицианирование для блоков с иконками и текстом*/
	.text-contacts-block {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		height: auto;
		margin-top: 8px;
	}

	.symbol {
		width: auto;
		display: flex;
		justify-content: flex-start;
		margin: 0 0 8px 0;
		padding: 0;
	}

	.symbol p {
		color: white;
		font-size: 18px;
		line-height: 18px;
		font-family: 'Montserrat', sans-serif;
		text-align: left;
		font-weight: 700;
		margin: 20px 0 0 0;
	}

	/*Свойства иконок*/
	.contact-pic {
		width: 40px;
		height: 40px;
		margin-right: 12px;
	}
	
		/*Картинка 100% размера материнского блока*/
		.contact-pic img {
			width: 100%;
		}
	
	/*Свойства текста*/
	.text-contacts-block p {
		color: white;
		font-size: 18px;
		line-height: 18px;
		font-family: 'Montserrat', sans-serif;
		text-align: left;
		font-weight: 400;
		margin: 8px 2px 2px 2px;
	}

	/*Блок номеов телефонов и E-mail*/
	.telphon {
		display: block;
		margin-left: 8px;
	}
	
		/*Свойства текста номеров телефонов и E-mail*/
		.telphon p {
			color: white;
			font-size: 18px;
			line-height: 18px;
			font-family: 'Montserrat', sans-serif;
			text-align: left;
			font-weight: 400;
		}




/*ГРУППЫ ТОВАРОВ*/
	/*Материнский блок группы тоавров*/
	.conteiner-types {
		width: 100%;
		height: auto;
		overflow: hidden;
		padding: 12px 0;
		box-sizing: border-box;
		background-color: #6f6f6f;
	}

	/*Блок с кнопками групп тоавров*/
	.types-block {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 40px;
		overflow: hidden;
		box-sizing: border-box;
	}
	
	/*Кнопка группы тоавров*/
	.types-block a {
		position: relative;
		width: 15vw;
		height: 15vw;
		margin: 8px 8px;
		padding-right: 0;
		text-decoration: none;
		box-shadow: 0 15px 30px rgba(0,0,0, .5);
		overflow: hidden;
		border-radius: 0;
		box-sizing: border-box;
		transition: all .4s;
	}
	
	/*Свечение внуири кнопки*/
	.dot {
		position: absolute;
		display: none;
		width: 15%;
		height: 15%;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		border-radius: 50%;
		background:  #F7931E;
		filter: blur(18px);
		z-index: 11;
		transition: all .4s;
	}

	.types-block a:before {
		content: '';
		position: absolute;
		top: 2px;
		left: 2px;
		width: 50%;
		height: 100%;
		background: rgba(255,255,255, 0.05);
		
	}

	.types-block a img {
		display: none;
		position: absolute;
		width: 80%;
		margin: 0;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		transition: all .4s;
	}

	.types-block a h2 {
		display: block;
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 1.5vw;
		font-weight: 400;
		line-height: 1.5vw;
		text-align: center;
		margin-top: calc(50% - .75vw);
		padding-top: 0;
		color: #fff;
	}

	.types-block a span {
		margin: 0;
		transition: all 0s;
	}


	.types-block a span:nth-child(1) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: linear-gradient(to right, #6f6f6f, #fff);
		animation: anmate1 2s linear infinite;
	}

	@keyframes anmate1 {
		0% {
			transform: translateX(-100%);
		}

		100% {
			transform: translateX(100%);
		}
	}

	.types-block a span:nth-child(2) {
		position: absolute;
		top: 0;
		right: 0;
		width: 2px;
		height: 100%;
		background: linear-gradient(to bottom, #6f6f6f, #fff);
		animation: anmate2 2s linear infinite;
		-webkit-animation-delay: 1s;
		-o-animation-delay: 1s;
		animation-delay: 1s;
	}

	@keyframes anmate2 {
		0% {
			transform: translateY(-100%);
		}

		100% {
			transform: translateY(100%);
		}
	}

	.types-block a span:nth-child(3) {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 2px;
		background: linear-gradient(to left, #6f6f6f, #fff);
		animation: anmate3 2s linear infinite;
	}

	@keyframes anmate3 {
		0% {
			transform: translateX(100%);
		}

		100% {
			transform: translateX(-100%);
		}
	}

	.types-block a span:nth-child(4) {
		position: absolute;
		top: 0;
		left: 0;
		width: 2px;
		height: 100%;
		background: linear-gradient(to top, #6f6f6f, #Ffff);
		animation: anmate4 2s linear infinite;
		-webkit-animation-delay: 1s;
		-o-animation-delay: 1s;
		animation-delay: 1s;
		transition: all 0s;
	}

	@keyframes anmate4 {
		0% {
			transform: translateY(100%);
		}

		100% {
			transform: translateY(-100%);
		}
	}

	.types-block a:hover {
		transform: rotate(360deg);
		border-radius: 50%;
		overflow: visible;
		background: linear-gradient(45deg,transparent,transparent,40%, #F7931E);
		animation: rotation 2s linear infinite;
		box-shadow: none;
	}

	@keyframes rotation {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.types-block a:hover:before {
		content: '';
		position: absolute;
		top: -2px;
		left: -2px;
		right: -2px;
		bottom: -2px;
		background: #6f6f6f;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		z-index: 10;
	}

	.types-block a:hover:after {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background: linear-gradient(45deg,transparent,transparent,40%, #F7931E);
		width: 100%;
		height: 100%;
		border-radius: 50%;
		z-index: 1;
		filter: blur(5px);
	}

	.types-block a:hover span{
		display: none;
	}

	.types-block a:hover h2{
		display: none;
	}

	@keyframes rotation2 {
		0% {
			transform: rotate(0deg);
			
		}
		100% {
			transform: rotate(-360deg);
			
		}
	}

	.types-block a:hover img {
		display: block;
		z-index: 12;
		top: 9.9%;
		left: 9.9%;
		transform: translateX(0) translateY(0);
		animation: rotation2 2s linear infinite;
	}

	.types-block a:hover .dot {
		display: block;
		top: 43%;
		left: 43%;
		transform: translateX(0) translateY(0);
		animation: rotation2 2s linear infinite;
	}	





/*КАТАЛОГ ТОВАРОВ*/
	
	/*Блок выбора типа товаров*/
		/*Материнский контейнер блока выбора типа товаров*/
		.conteiner_types {
			display: flex;
			position: relative;
			z-index: 1;
			flex-wrap: wrap;
			width: 1200px;
			height: auto;
			margin: auto;
			padding-bottom: 3px;
			border-bottom: 1px solid #e3e2e2;
			justify-content: center;
		}

		/*Кнопка выбора типа товаров*/
		.type_button {
			height: auto;
			width: 32%;
			margin-right: 3px;
			margin-left: 3px;
			background-color: #ffffff;
			border-left: 1px solid #F5F5F5;
			border-right: 1px solid #F9F9F9;
			border-top: 1px solid #F9F9F9;
			border-bottom: 2px solid #F7931E;
			transition: all .5s;
		}

		/*Текст кнопки выбора типа товаров*/
		.type_name {
		height: 100%;
		width: 100%;
		padding: 4px 0 4px 0;
		color: #F7931E;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 14px;
		line-height: 18px;
		transition: all .5s;
		}

			/*Поведение кнопки выбора типа товаров при наведении мыши*/
			.type_button:hover {
				border-bottom: 2px solid #FBB03B;
				-webkit-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
				-moz-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
				box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
			}

			.type_name:hover {
				color: #FBB03B;
				font-size: 16px;
				font-weight: 700;
			}

	/*Стили для материнского контейнера с плиткой товаров.
	Выравнивание, позицианирование. Задает мксимальную
	ширину отображения контента*/
	.conteiner_mine {
		display: flex;
		position: relative;
		z-index: 1;
		flex-wrap: wrap;
		width: 1200px;
		height: auto;
		margin: auto;
		justify-content: center;
	}

	/*Кнопка выбора типа товаров*/
	.type_button {
		height: 44px;
		width: 32%;
		margin-right: 3px;
		margin-left: 3px;
		background-color: #ffffff;
		border-left: 1px solid #F5F5F5;
		border-right: 1px solid #F9F9F9;
		border-top: 1px solid #F9F9F9;
		border-bottom: 2px solid #F7931E;
		transition: all .5s;
	}

	/*Текст кнопки выбора типа товаров*/
	.type_name {
	height: 100%;
	width: 100%;
	padding-top: 12px;
	color: #F7931E;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	transition: all .5s;
	}

		/*Поведение кнопки выбора типа товаров при наведении мыши*/
		.type_button:hover {
			border-bottom: 2px solid #FBB03B;
			-webkit-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
			-moz-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
			box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
		}

		.type_name:hover {
			padding-top: 12px;
			color: #FBB03B;
			font-size: 16px;
			font-weight: 600;
		}

	/*Стили для блока содержащего информацию о товаре*/
	.block_mine {
		display: flex;
		flex-wrap: wrap;
		width: 32%;
		height: 316px;
		background-color: #F5F5F5;
		border: 1px solid #F5F5F5;
		margin: 3px;
		justify-content: center;
		transition: all .5s;
	}

	/*Поведение бока при наведении мыши*/
	.block_mine:hover {
		background-color: #F9F9F9;
		border: 1px solid #E3E2E2;
		-webkit-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
		-moz-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
		box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
	}

	/*Стили для блока который делит предыдущий блок на 2 части:
	фото с цветами и описпние с ценой*/
	.half_block_mine {
		margin: 2px;
		margin-top: 4px;
		width: 48%;
		height: auto;
		position:relative;
	}

		/*Стили для изображения товара*/
		.product_pic {
			width: auto;
			border: 1px solid #E3E2E2;
			background-color: #ffffff;
		}

		.product_pic img {
			width: 100%;
			height: auto;
			transition: transform .5s;
		}

		.product_pic:hover img {
			transform: scale(0.9)
		}
        
        /*Стили для образцов цветов товара*/
		.probuct_colors {
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			height: 72px;
			overflow: hidden;
			margin-top: 2px;
			margin-bottom: 2px;
			padding-right: 0px;
			padding-left: 0px;
			padding-top: 2px;
			padding-bottom: 2px;
			z-index: 9999;
			background-color: #F5F5F5;
			transition: all .5s;
		}

		.probuct_colors:hover {
			height: auto;
			min-height: 72px;
			position: absolute;
			padding-top: 2px;
			padding-bottom: 2px;
			-webkit-box-shadow: 1px 3px 4px 0px rgba(108,108,108,0.5);
			-moz-box-shadow: 1px 3px 4px 0px rgba(108,108,108,0.5);
			box-shadow: 1px 3px 4px 0px rgba(108,108,108,0.5);	
		}

			.color_button {
				width: 30px;
				height: 30px;
				margin: 2px;
				border: 1px solid #E3E2E2;

			}
			.color_button:hover {
				border: 1px solid #6f6f6f;
			}
				.col {
					display: block;
					width:  100%;
					height: 100%;
				}

		/*Стили для блока описания товара*/
		/*Блок названия товара и модели товара*/
		.product_text_block {
			width: 100%;
		}
		
			/*Название (ТИП) товара*/
			.product_text_block h3 {
				margin: 2px;
				font-family: 'Montserrat', sans-serif;
				font-size: 14px;
				line-height: 15px;
				font-weight: 700;
				text-align: left;
				color: #4170B4;
			}
			
			/*Модель (имя АРТИКУЛА) товара*/
			.product_text_block h5 {
				margin: 4px 2px 2px 2px;
				font-family: 'Montserrat', sans-serif;
				font-size: 14px;
				line-height: 16px;
				font-weight: 400;
				text-align: left;
				color: #4170B4;
			}

		/*Стили для блока хорактеристик товара*/
		.text_blok {
			width: 100%;
			height: 100%;
			border-top: 1px solid #E3E2E2;
			margin-top: 8px;
		}
			/*Название пункта описания*/	
			.text_blok h6 {
				margin: 8px 2px 2px 2px;
				font-family: 'Montserrat', sans-serif;
				font-size: 12px;
				text-align: left;
				color: #6F6F6F;
				font-weight: 700;
				line-height: 5px;
			}
			
			/*Содержание пункта описания*/
			.text_blok p {
				margin: 8px 2px 2px 2px;
				font-family: 'Montserrat', sans-serif;
				font-size: 12px;
				text-align: left;
				color: #6F6F6F;
				font-weight: 400;
				line-height: 12px;
			}

		/*Стили для блока цена товара*/
		.product_price {
			font-family: 'Montserrat', sans-serif;
			color: #4170B4;
			margin-top: 12px;
			margin-left: 2px;
			font-weight: 700;
			text-align: left;
		}

		/*Стили для кнопки "ПОДРОБНЕЙ"*/
		.order_button {
			width: 100%;
			padding-bottom: 2px;
			padding-top: 2px;
			background-color: #F7931E;
			margin-top: 10px;
			margin-bottom: 4px;
			transition: background-color .5s;
			position:absolute;
			bottom:0;
		}
		
		/*Стили текста кнопки "ПОДРОБНЕЙ"*/
		.order_button h4 {
			font-family: 'Montserrat', sans-serif;
			font-size: 16px;
			text-align: center;
			color: #ffffff;
			font-weight: 400;
			line-height: 6px;
			transition: transform .5s;
		}
		
		/*Поведение кнопки "ПОДРОБНЕЙ" при наведении мыши*/
		.order_button:hover {
			background-color: #FBB03B;
		}

		.order_button:hover h4 {
			transform: scale(1.1)
		}


/*ПЕЧАТЬ НА...*/

	/*Промо окно с картинкой во всю ширину экрана и заголовеом стианицы*/
		/*Размер и расположение промо-окна*/
		.heder-block-fwd {
		height: 73vh;
		padding-top: 7vh;
		padding-left: 7vw;
		width: calc(100% - 7vw);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 100% 50%;
		overflow: hidden;
		}

		/*Класс для подключения фоновой картинки. Для каждой страницы нужно 
		создаыать свой класс и подключать свою картинку*/
		

		.print_fwdays {
			background-image: url("https://megakompromis.com.ua/img/FWDAYS_heder.jpg");
		}
		
		/*Размер и пасположение текстового борка промо-окна*/
		.header-text{
			width: 60%;
			height: auto;
			padding: 0;
		}

		/*Заголовок баннера для Fwdays*/
		.header-text-fw{
			width: 60%;
			height: auto;
			padding: 0;
		}

			/*Заголовок баннера*/
			.header-text-fw h1 {
				text-stroke: 1px #F7931E;
				-webkit-text-stroke: 1px #F7931E;
				font-family: 'Montserrat', sans-serif;
				font-size: 3.8vw;
				line-height: 3.8vw;
				font-weight: 900;
				text-align: left;
				color: #fff;
				margin-top: 0;
			}


			/*Подзаголовок баннера*/
			.header-text p {
				color: #fff;
				text-shadow: 1px 1px 1px #6f6f6f, 1px 1px 3px #6f6f6f;
				font-family: 'Montserrat', sans-serif;
				font-size: 1.1em;
				font-weight: 400;
				line-height: 1.2em;
				letter-spacing: 0.1em;
				text-align: left;
			}


		/*Стрелка вниз*/
		.select-batton{
			display: flex;
			justify-content: center;
			-ms-align-items: center;
			align-items: center;
			min-height: 45px;
			width: 200px;
			padding: 0;
		}

		/*Элементы стрелки*/
		.block1 {
			background: #fff;
			height: 40px;
			width: 12px;
		}

		.block2 {
			background: transparent;
			width: 0;
			height: 30px;
			border-top: 50px solid #fff;
			border-right: 30px solid transparent;
			border-left: 30px solid transparent;
			margin-left: -24px;
		}

		/*Элемент для анимирования стрелки*/
		.arrow {
			animation: animate 1s infinite;
			animation-timing-function: linear;
		}

		/*Скорость и амплитуда стрелки*/
		@keyframes animate {
			0% {
				margin-top: 20px;
			}
			50% {
				margin-top: 0px;
			}
			100% {
				margin-top: 20px;
			}
		}


	/*Стили для меню навигации по странице*/
	/*Материнский контейнер меню навигации по странице*/
	.page-menu {
		display: flex;
		position: fixed;
		z-index: 999;
		left: 0;
		bottom: 0;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		width: 100%;  
		height: 50px;
		background: #fff;
	}
	
		/*Контейнер элемента меню навигации по странице*/
		.page-menu-block {
			width: auto;
			height: 36px;
			padding-top: 14px;
			margin-left: 2px;
			margin-right: 2px;
			background: #fff;
			transition: background .5s;
		}
		
		/*Текст ссылки элемента меню навигации по странице*/
		.page-menu-block a {
			font-family: 'Montserrat', sans-serif;
			font-size: 14px;
			line-height: 18px;
			font-weight: 700;
			text-align: center;
			color: #F7931E;
			cursor: pointer;
			margin-left: 15px;
			margin-right: 15px;
			transition: all .5s;
		}
			
			/*Повеление при навелении курсора мыши*/
			.page-menu-block:hover a {
				text-shadow: 1px 1px 1px #e3e2e2,
							-1px -1px 1px #6f6f6f;
				filter: brightness(1.2);
			}



/*lead (Вступительное описание страницы) с заголовками*/
	/*Стили для материнского бдлка Lead*/
	.lead {
	    width: 100%
	    height: auto;
	    margin: 0;
	    padding: .3vh 4vw 1vh 4vw;
	    background-color: #e3e2e2;
	    color: #4170b4;
	    border-bottom: 1px solid #fff;
	}

	/*Главный заголовок бдлка Lead*/
	.lead h2 {
	    text-align: center;
	    font-family: 'Montserrat', sans-serif;
	    font-size: 1.8em;
	    font-weight: 700;
	    line-height: 1.6em;
	    color: #4170b4;
	}

	/*Подзаголовок бдлка Lead*/
	.lead h3 {
	    text-align: center;
	    font-family: 'Montserrat', sans-serif;
	    font-size: 1.2em;
	    font-weight: 400;
	    line-height: 1em;
	    color: #4170b4;
	}

	/*Оснавной текстовый массив бдлка Lead*/
	.lead p {
	    text-align: center;
	    font-family: 'Montserrat', sans-serif;
	    font-size: .9em;
	    font-weight: 400;
	    line-height: 1.4em;
	    border: 1px solid #4170b4;
	    padding: 2vh;
	    color: #4170b4;
	}

	/*lead Fwdays (Вступительное описание страницы) с заголовками*/
	/*Стили для материнского бдлка Lead*/
	.leadFwdays {
	    width: 100%
	    height: auto;
	    margin: 0;
	    padding: .3vh 4vw 1vh 4vw;
	    background-color: #e3e2e2;
	    color: #4170b4;
	    border-bottom: 1px solid #fff;
	}

	/*Главный заголовок бдлка Lead*/
	.leadFwdays h2 {
	    text-align: center;
	    font-family: 'Montserrat', sans-serif;
	    font-size: 1.8em;
	    font-weight: 700;
	    line-height: 1.6em;
	    color: #4170b4;
	}

	/*Подзаголовок бдлка Lead*/
	.leadFwdays h3 {
	    text-align: center;
	    font-family: 'Montserrat', sans-serif;
	    font-size: 1.2em;
	    font-weight: 400;
	    line-height: 1em;
	    color: #4170b4;
	}

	/*Оснавной текстовый массив бдлка Lead*/
	.leadFwdays p {
	    text-align: left;
	    font-family: 'Montserrat', sans-serif;
	    font-size: .9em;
	    font-weight: 400;
	    line-height: 1.4em;
	    border: 1px solid #4170b4;
	    padding: 2vh;
	    color: #4170b4;
	}


/*Основная часть страницы ПЕЧАТЬ НА...*/

	/*Блок с контентом: 3 веримкальные части*/
		/*Заголовак для вертикального блока с каритнкой и текстом*/
		.content-blok-title {
		    width: 100%
		    height: auto;
		    margin: 0;
		    padding: 0;
		    color: #6f6f6f;
		}
			
			/*Стили текста в заголовке*/
			.content-blok-title h2 {
				font-family: 'Montserrat', sans-serif;
			    text-align: center;
			    font-weight: 700;
			    font-size: 1.5em;
			    line-height: 2em;
			}

		/*Блок с контентом*/
		.content-blok {
		    overflow: hidden;
		    display: flex;
		    flex-wrap: wrap;
		    max-width: 1440px;
		    width: 100%;
		    height: auto;
		    padding: 0;
		    margin: auto;
		    justify-content: space-around;
		}

		/*Вертикальная часть с контентом*/
		.content-stack {
		    color: #4170b4;
		    height: auto;
		    display: block;
		    border: 1px solid #e3e2e2;
		    padding: 0 1vw 1vh 1vw;
		    margin: 0 0 1vh 0;
		}

			/*Подзаголовок*/
			.content-stack h3 {
			    text-align: center;
			    font-size: 1.3em;
			    line-height: 1.4em;
			    margin-top: 10px;
			    margin-bottom: 10px;
			}

		/*Текстовая часть*/
		.content-stack-txt{
		    width: 90%;
		    color: #6f6f6f;
		    height: auto;
		    margin: auto;
		    padding: 0 0 2em 0;
		}

			/*Стиль текста*/
			.content-stack-txt p{
			    text-align: center;
			    font-size: .9em;
			    line-height: 1.4em;
			}

		/*Стиль кнопки-ссылки*/
		.content-stack-txt a{
		    text-align: center;
		    font-size: 1.1em;
		    font-weight: 700;
		    font-family: 'Montserrat', sans-serif;
		    line-height: 1.4em;
		    color: #F7931E;
		    transition:color .5s;
		}

		/*Поведение кнопки-ссылки при наведении курсора*/
		.content-stack-txt:hover a{
		    color: #FBB03B;
		}

		/*Стиль для блока с картинкой*/
		.content-stack-img {
		    width: 95%;
		    height: auto;
		    padding: 0;
		    margin: auto;
		}

			/*Стиль картинки*/
			.content-stack-img img {
			    width: 100%;
			    height: auto;
			    margin-top: 8px;
			}

		/*Определяем количество вертикальных блоков (3)*/
		.tree-times {
		    width: 29%;
		}

		/*Указатель свайпа (отображение отклбчено в полноэкланной версии)*/
		.swipe {
		    display: none;
		}


	/*Стили для борка "Популчрные товары"*/
		/*Материнский контейнер*/
		.conteiner_mine_print {
		    display: flex;
		    position: relative;
		    z-index: 1;
		    flex-wrap: wrap;
		    width: 1200px;
		    height: auto;
		    margin: auto;
		    justify-content: center;
		}
		
		/*Стили для борка товара*/
		.block_mine_print {
		    display: flex;
		    flex-wrap: wrap;
		    width: 32%;
		    height: 316px;
		    background-color: #F5F5F5;
		    border: 1px solid #F5F5F5;
		    margin: 3px;
		    justify-content: center;
		    transition: all .5s;
		}

		/*Поведение бока при наведении мыши*/
		.block_mine_print:hover {
		    background-color: #F9F9F9;
		    border: 1px solid #E3E2E2;
		    -webkit-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
		    -moz-box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
		    box-shadow: 1px 1px 3px 1px rgba(108,108,108,0.3);
		}




/*ТАРИФЫ*/

	/*Стили для блока с таблицами со стоимостью печати*/
	.mine_table_blok{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: auto;
		justify-content: center;
	}

	.table_block{
		width: 100%;
		height: auto;
	}

	table {
		width: 100%;
		margin: auto;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		font-weight: 500;
		font-size: 12px;
		line-height: 18px;
		color: #6f6f6f;
	}

	td {
		transition: transform (.5s);
	}

	td:hover {background-color: #ffffff;
		transform: scale(1.01);
		color: #4170b4;
	}

	tr:hover {
		background-color: #b7b7b7;
	}

	/*Заголовок блока тарифиов*/
	.mine_table_title {
		width: 100%;
		height: auto;
		text-align: center;
		padding: 8px 0 8px 0;
		margin-bottom: 4px;
		background-color: #F5F5F5;
	}

		.mine_table_title h2 {
			color:#4170b4;
			font-family: 'Montserrat', sans-serif;
			text-align: center;
			font-weight: 700;
			font-size: 24px;
			line-height: 24px;
			margin: 0;
		}

	/*Заголокок таблицы*/
	.table_title {
		margin: 0;
		background-color: #4170b4;
		padding: 8px 0 8px 0;
	}

		.table_title h3 {
			color: #fff;
			font-family: 'Montserrat', sans-serif;
			text-align: center;
			font-weight: 700;
			font-size: 14px;
			line-height: 14px;
			margin: 0;
		}

	/*Посделняя пустая сирока тблицы*/
	.table_end {
		height: 16px;
		background-color: #FFFFFF;
	}

	/*Пояснение к тарифам*/
	.tarif_spravka {
		width: 95%;
		height: auto;
		margin-bottom: 4px;
		padding: 4px;
		color:#4170b4;
		font-family: 'Montserrat', sans-serif;
		text-align:left;
		font-weight: 500;
		font-size: 14px;
		line-height: 1.2;
	}




/*КАРТОЧКА ТОВАРА*/

	/*Стили для основного блока страеицы "карточка товара"*/
	/*Стили для материнского контейнера с фото и информацией о товаре*/
	.conteiner_produkt {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 0 12px 0;
		padding: 0;
		justify-content: center;
	}
	
	/*Контейнер содержащий информацию о товаре.
	Задает максимальную ширину и позиционирование контента*/
	.block_produkt {
		display: flex;
		flex-wrap: wrap;
		max-width: 1200px;
		height: auto;
		margin: 0;
		padding: 0px;
		justify-content: center;
	}

	/*Стили для части с фото и цветами товара*/
	.half_block_produkt_foto {
		margin-top: 2px;
		margin-right: 2px; 
		padding: 0px;
		width: 34%;
		height: auto;
		border-right: 1px solid #E3E2E2;
	}
	
	/*Стили для кониейнера с фото товара. Позиционирование.*/
	.foto_produkt {
		width: auto;
		height: auto;
		background-color: #ffffff;
		margin: 0px;
		padding: 0px;
	}

		.foto {
			width: auto;
			height: auto;
			margin: 0px;
			padding: 0px;
			background-color: #ffffff;
			overflow: hidden;
		}
			.foto img {
				width: 100%;
				height: auto;
				margin: 0px;
				padding: 0px;
				transition: all .3s;
			}

	/*Стили для образцов цветов товара*/
	/*Материнский контейнер цветов товаров*/
	.tovar_colors {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		padding: 0px;
		margin-top: 4px;
		margin-bottom: 2px;
		justify-content: center;
	}
		
		/*Кнопка цвета товара*/
		.tovar_color_button {
				width: 40px;
				height: 40px;
				margin: 3px;
				border: 1px solid #E3E2E2;
			}
			
			/*Поведение кнопки цвета товара при навелении мыши*/
			.tovar_color_button:hover {
				border: 1px solid #6f6f6f;
			}
		
		/*Вспомогательный элемент*/
		.tovar_col {
			width:  100%;
			height: 100%;
		}


	/*Стили для части с информацией о товаре*/
	/*Материнский крнтейнер описательной части товатра*/
	.half_block_produkt_text {
			margin-top: 2px;
			margin-left: 2px;
			padding: 0px;
			width: 65%;
			height: auto;
		}

	.info_produkt {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		background-color: #ffffff;
		margin: 0px;
		padding: 0px;
	}

	.produkt_name {
		width: 100%;
		height: auto;
		margin-left: 4px;
		padding-left: 8px;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-right: 0px;
		margin-right: 0px;
		background-color: #e3e2e2;
		text-align: left;
	}

		.produkt_name h1 {
			font-family: 'Montserrat', sans-serif;
			font-size: 20px;
			line-height: 20px;
			font-weight: 700;
			color: #4170B4;
			line-height: normal;
			margin: 0px;
		}

	.produkt_text {
		width: 100%;
		height: auto;
		padding: 2px;
		background-color: #FFFFFF;
		text-align: left;
		margin-left: 4px;
		margin-bottom: 12px;
	}

		.produkt_text a {
			font-family: 'Montserrat', sans-serif;
			font-size: 14px;
			font-weight: 700;
			color: #4170B4;
			direction: none;
			line-height: normal;
			margin: 0px;
		}

		.produkt_text p {
			font-family: 'Montserrat', sans-serif;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.3;
			color:#6F6F6F;
			margin-left: 2px;
		}

	.cena_tovara{
		width: 100%;
		height: auto;
		margin-top: 8px;
		padding-top: 10px;
		padding-bottom: 10px;
		background-color: #e3e2e2;
		text-align: center;
		font-family: 'Montserrat', sans-serif;
		font-size: 30px;
		font-weight: 700;
		color: #4170B4;
		margin: 0px;
	}

	/*Блок с кнопкой заказа*/
	.conteiner_zakaz {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
	}

	.zaraz {
		width: 100%;
		height: auto;
		padding: 0px;
		margin-top: 10px;
	}

	/*Фотма заказа товара*/
	.produkt_form {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
		justify-content: center;
	}

	.produkt_form-block {
		width: 100%;
	}

	.produkt_dws-input {
		width: 100%;
		height: auto;
		margin-top: 4px;
	}
	.produkt_dws-input input {
		width: 100%;
		height: 30px;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 300;
		color: #6f6f6f;}

	.produkt_zakaz_button {
		margin-top: 8px;
		width: 250px;
		height: 60px;
		font-size: 18px;
		font-weight: 400;
		font-family: 'Montserrat', sans-serif;
		color: #ffffff;
		background-color: #F7931E;
		border: none;
		cursor: pointer;}

		.dws-submit_zakaz {
		margin-top: 8px;
		width: 250px;
		height: 60px;
		font-size: 18px;
		font-weight: 400;
		font-family: 'Montserrat', sans-serif;
		color: #ffffff;
		background-color: #F7931E;
		border: none;
		cursor: pointer;
		}

	.produkt_zakaz_button:hover {
		transition: all 0.5s;
		background: #FBB03B;
	}

	/*Кнопка ЗАКАЗАТЬ, вызывающая поп-ап с формой заказа*/
	.button {
		width: 250px;
		height: 60px;
		margin-top: 8px;
		background-color: #F7931E;
		border: none;
		cursor: pointer;
		margin: auto;
	}

	.button:hover{
		transition: all 0.5s;
		background: #FBB03B;}

	.button span {
		font-family: 'Montserrat', sans-serif;
		line-height: 60px;
		color: #fff;
		font-weight: 400;
		font-size: 18px;
		text-transform: uppercase;
	}

	/*Фон поп-ап окна*/
	.overlay {
		position: absolute;
		z-index: 3;
		width: 100%;
		height: 200vw;
		top: 0;
		left: 0;
		background-color: rgba(111, 111, 111, .8);
		display: none;
	}

	.popup {
		position: absolute;
		z-index: 4;
		width: 50%;
		left: 50%;
		top: 50vw;
		transform: translate(-50%, -50%);
		padding: 40px;
		box-sizing: border-box;
		background-color: rgba(227, 226, 226, .8);
		color: #1F1F1F;
	}

	.close-popup {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 23px;
		height: 23px;
		cursor: pointer;
	}

	.close-popup:hover {
		transition: all 0.5s;
		transform: scale(.8)
	}

	.close-popup:before {
		content: '';
		background-color: #1F1F1F;
		position: absolute;
		height: 1px;
		width: 31px;
		top: 11px;
		left: -4px;
		transform: rotate(-45deg);
	}

	.close-popup:after {
		content: '';
		background-color: #1F1F1F;
		position: absolute;
		height: 1px;
		width: 31px;
		top: 11px;
		transform: rotate(45deg);
		left: -4px;
	}




/*Стайл розничных товаров*/
	/*Материнский контейнер*/
	.conteiner_tovar_print {
        max-width: 1600px;
        width: 100%;
        height: auto;
        margin: auto;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .block_tovar_di-print {
        width: 24%;
        height: auto;
        display: block;
        margin: 2px;
        border: 1px solid #e3e2e2;
        background-color: #fff;
    }

    .block_tovar_di-print:hover {
        -webkit-box-shadow: 1px 3px 4px 0px rgba(108,108,108,0.5);
        -moz-box-shadow: 1px 3px 4px 0px rgba(108,108,108,0.5);
        box-shadow: 1px 3px 4px 0px rgba(108,108,108,0.5);  
    }

    .block_tovar_di-print img {
        width: 97%;
        height: auto;
        margin: auto;
        margin-top: 0px;
        margin-bottom: 4px;
    }

    .block_tovar_di-print h3, .block_tovar_print h3 {
        font-family: 'Montserrat', sans-serif;
        font-size: 22px;
        font-weight: 700;
        line-height: 18px;
        text-align: center;
        color: #4170b4;
        margin-top: 26px;
    }

    .block_tovar_di-print h4, .block_tovar_print h4 {
        font-family: 'Montserrat', sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 4px;
        text-align: center;
        color:  #6f6f6f;
    }

    .block_tovar_di-print h5, .block_tovar_print h5 {
        font-family: 'Montserrat', sans-serif;
        font-size: 21px;
        font-weight: 700;
        line-height: 21px;
        margin-top: 4px;
        margin-bottom: 16px;
        text-align: center;
        color: #6f6f6f;
    }









/*Стили модального окна ФОРМЫ ЗАКАЗА*/
	.modal {
		display: none;
		position: fixed;
		z-index: 1000;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(111,111,111,0.7);
	}

	.modal-open-btn {
		display: block;
		position: relative;
		width: 200px;
		height: auto;
		background-color: #F7931E;
		padding: 0;
		margin: 8px auto;
		border: none;
		border-radius: 0;
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 45px;
		text-align: center;
		transition: background-color .5s;
	}

	.modal-open-btn:hover {
		background-color: #FBB03B;
	}

	.modal-content {
		background-color: #fefefe;
		margin: 50vh auto 0 auto;
		transform: translateY(-50%);
		padding: 20px;
		box-sizing: border-box;
		width: 80%;
		max-width: 1000px;
		height: 90vh;
		box-shadow: 0 0 16px rgba(111,111,111,0.8);
		overflow-x: hidden;
		overflow-y: scroll;
	}

	.close {
		display: block;
		position: relative;
		float: right;
		width: 30px;
		height: 30px;
		margin: -10px 0 0 0;
		box-sizing: border-box;
	}

	.close span {
		display: block;
		position: relative;
		width: 8px;
		height: 8px;
		margin: 10px auto;
		border-radius: 50%;
		transform-origin: center;
		background-color: #6f6f6f;
		transition: all .5s;
		box-sizing: border-box;
	}

	.close span:before {
		content: '';
		display: block;
		position: relative;
		margin: 0;
		top: -4px;
		right: 4px;
		width: 16px;
		height: 16px;
		background-color: rgba(0,0,0,0);
		border: 2px solid #6f6f6f;
		border-radius: 50%;
		transform-origin: center;
		transition: all .5s;
		box-sizing: border-box;
	}

	.close:hover span{
		display: block;
		position: relative;
		width: 20px;
		height: 2px;
		margin: 12px auto;
		border-radius: 0;
		transform-origin: center;
		background-color: #F7931E;
		transform: rotate(45deg);
	}

	.close:hover span:before{
		display: block;
		position: relative;
		width: 2px;
		height: 20px;
		right: -8px;
		top: -8px;
		border-radius: 0;
		background-color: #F7931E;
		transform: rotate(0deg);
		border: none;
		transform-origin: center;
	}

	.modal-content form {
		display: block;
		position: relative;
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}

	.modal_form_name {
		display: block;
		position: relative;
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}

	.modal_form_name p {
		font-family: 'Montserrat', sans-serif;
		font-size: 16px;
		font-weight: 400;
		line-height: 16px;
		text-align: left;
		color: #4170b4;
	}

	.modal_form_input {
		all: initial;
		display: block;
		position: relative;
		width: 99%;
		height: auto;
		margin: 0 auto;
		padding: 0;
	}

	.modal_form_input input {
		all: initial;
		display: block;
		position: relative;
		width: 80%;
		height: auto;
		margin: 0 auto;
		padding: 4px;
		border: 1px solid #e3e2e2;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
		color: #6f6f6f;
	}

	.modal_form_input_text textarea {
		display: block;
		position: relative;
		width: 80%;
		height: 180px;
		margin: 0 auto;
		padding: 4px;
		border: 1px solid #e3e2e2;
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 400;
		line-height: 14px;
		color: #6f6f6f;
	}

	.product-info-bar {
		display: block;
		position: relative;
		width: 95%;
		height: auto;
		margin: 6px auto;
		padding: 4px;
		border-bottom: 1px solid #6f6f6f; 
	}

	.product-info-bar h2 {
		font-family: 'Montserrat', sans-serif;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		color: #4170b4;
	}

	.size-headin {
		display: block;
		position: relative;
		width: 95%;
		height: auto;
		margin: 6px auto;
		padding: 0;
	}

	.size-heading p {
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 700;
		text-align: center;
		color: #6f6f6f;
	}

	.size-textil-modal {
		all: initial;
		display: block;
		position: relative;
		width: 98%;
		height: auto;
		margin: 6px auto;
		overflow: hidden;
	}

	.size-textil-modal table {
			display: block;
			position: relative;
			width: auto;
			margin: 0 auto;
			padding: 0;
			font-family: 'Montserrat', sans-serif;
			text-align: center;
			font-weight: 400;
			font-size: 12px;
			line-height: 18px;
			color: #6f6f6f;
		}
	
	.size-textil-modal table th {
		padding: 0 2px;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		font-weight: 400;
		font-size: 12px;
		line-height: 18px;
		color: #4170b4;
	}

	.size-textil-modal table td input {
		display: inline-block;
		position: relative;
		width: 9.6vw;
		height: auto;
		margin: 0;
		padding: 1px;
		box-sizing: border-box;
		border-width: 1px;
		border-style: solid;
		border-color: #6f6f6f;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		font-weight: 400;
		font-size: 12px;
		line-height: 18px;
		color: #6f6f6f;
	}

	.fwOrderCost {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		margin: 8px 0;
		padding: 0 0 0 8px;
	}

	.fwOrderCost p {
		margin: 0;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		font-weight: 700;
		font-size: 14px;
		line-height: 14px;
		text-align: left;
		color: #6f6f6f;
	}

	.number {
		width: 90%;
		height: auto;
		margin: 0 auto;
		padding: 0 2px;
	}

	.number input {
		width: 100%;
		margin: 0;
		padding: 0;
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		font-weight: 400;
		font-size: 12px;
		line-height: 14px;
		color: #6f6f6f;
	}






















/*Стили заголовков*/
	/*Темно-серый заголовок на светло-сером фоне*/
	.title_textblok {
		background-color: #e3e2e2;
		width: 100%;
		padding: 4px 0 4px 0;
	}

	.title_textblok h2, h3 {
		margin: 0;
		font-family: 'Montserrat', sans-serif;
		font-size: 32px;
		text-align: center;
		color: #6F6F6F;
		font-weight: 700;
		line-height: 32px;
	}

	/*Название группы товаров. Синий текст на светло-сером фоне*/
	.group_title {
		width: 100%;
		height: auto;
		padding: 4px 0 4px 0;
		margin-top: 0;
		margin-bottom: 4px;
		background-color: #F5F5F5;
	}

		.group_title h1,  h2, h3 {
			color:#4170b4;
			font-family: 'Montserrat', sans-serif;
			text-align: center;
			font-weight: 700;
			font-size: 24px;
			line-height: 24px;
			margin: 0;
		}

	/*Заголовок для какой-либо части страницы (подрпздела)*/
		/*Позицианирование и размеры залоловка*/
		.content-blok-title {
			width: 100%
			height: auto;
			padding: 4px 0 4px 0;
			margin: 4px 0 4px 0;
		}

		.content-blok-title h1, h2, h3 {
			text-align: center;
			font-size: 24px;
			font-weight: 700;
			line-height: 24px;
		}

		/*Цветовые модели заголвка*/
			/*Светло-серый фон, синий текст*/
			.light-grey_blue {
				background-color: #e3e2e2;
				color: #4170b4;
			}

			/*Белый фон, серый текст*/
			.white-grey {
				background-color: #fff;
				color: #6f6f6f;
			}

			/*Белый фон, синий текст*/
			.white-blue {
				background-color: #fff;
				color: #6f6f6f;
			}










/*Цвета продукции*/

.col000 {background: linear-gradient(90deg, #ff0000, #f27a22, #ffff00, #00a651, #6dcff6, #0054a6, #662d91);
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col001 {background-color: #ffffff;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col001-2 {background-color: #f1eadc;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002 {background-color: #000000;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002-001 {
    background-image:
        linear-gradient(to right, #000000, #000000), /* gradient 1 as solid color */
        linear-gradient(to right, #ffffff, #ffffff), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #b7b3a9;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002-004 {
    background-image:
        linear-gradient(to right, #000000, #000000), /* gradient 1 as solid color */
        linear-gradient(to right, #b7b7b7, #b7b7b7), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002-006 {
    background-image:
        linear-gradient(to right, #000000, #000000), /* gradient 1 as solid color */
        linear-gradient(to right, #ff0000, #ff0000), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002-016 {
    background-image:
        linear-gradient(to right, #000000, #000000), /* gradient 1 as solid color */
        linear-gradient(to right, #ffff00, #ffff00), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #b7b3a9;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002-026 {
    background-image:
        linear-gradient(to right, #000000, #000000), /* gradient 1 as solid color */
        linear-gradient(to right, #0054a6, #0054a6), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002-023 {
    background-image:
        linear-gradient(to right, #000000, #000000), /* gradient 1 as solid color */
        linear-gradient(to right, #8dc63f, #8dc63f), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col002-2 {background-color: #111111;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col003 {background-color: #707070;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col003-011 {
    background-image:
        linear-gradient(to right, #707070, #707070), /* gradient 1 as solid color */
        linear-gradient(to right, #f27a22, #f27a22), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col003-023 {
    background-image:
        linear-gradient(to right, #707070, #707070), /* gradient 1 as solid color */
        linear-gradient(to right, #8dc63f, #8dc63f), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col003-027 {
    background-image:
        linear-gradient(to right, #707070, #707070), /* gradient 1 as solid color */
        linear-gradient(to right, #00aeef, #00aeef), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col003-031 {
    background-image:
        linear-gradient(to right, #707070, #707070), /* gradient 1 as solid color */
        linear-gradient(to right, #662d91, #662d91), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col003-1 {background: linear-gradient(90deg, #707070, #ebebeb, #b7b7b7);
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col003-2 {background-color: #464646;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col004 {background-color: #b7b7b7;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col004-2 {background-color: #b7b3a9;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col005 {background-color: #ebebeb;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col005-2 {background-color: #848680;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col006 {background-color: #ff0000;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col006-003 {
    background-image:
        linear-gradient(to right, #ff0000, #ff0000), /* gradient 1 as solid color */
        linear-gradient(to right, #707070, #707070), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col007 {background-color: #980000;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col007-2 {background-color: #b10c2f;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col008 {background-color: #580606;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col009 {background-color: #340505;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col009-2 {background-color: #5a2a34;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col010 {background-color: #e04e14;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col010-2 {background-color: #f08771;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col011 {background-color: #f27a22;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col011-004 {
    background-image:
        linear-gradient(to right, #f27a22, #f27a22), /* gradient 1 as solid color */
        linear-gradient(to right, #b7b7b7, #b7b7b7), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col012 {background-color: #f79e1d;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col013 {background-color: #dfab73;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col013-2 {background-color: #e2c4a3;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col014 {background-color: #b5661f;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col014-2 {background-color: #504d3c;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col015 {background-color: #552f07;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col015-2 {background-color: #2f2a25;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col016 {background-color: #ffff00;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col016-003 {
    background-image:
        linear-gradient(to right, #ffff00, #ffff00), /* gradient 1 as solid color */
        linear-gradient(to right, #707070, #707070), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col016-027 {
    background-image:
        linear-gradient(to right, #ffff00, #ffff00), /* gradient 1 as solid color */
        linear-gradient(to right, #00aeef, #00aeef), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col016-2 {background-color: #ffe033;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col017 {background-color: #fff568;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col017-2 {background-color: #f7ee9a;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col018 {background-color: #d1c617;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col018-1 {background: linear-gradient(90deg, #8b784a, #c3b288, #8b784a);
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col019 {background-color: #f0cb1c;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col020 {background-color: #d7ee15;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col021 {background-color: #00a651;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col021-2 {background-color: #93907f;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col022 {background-color: #005826;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col022-004 {
    background-image:
        linear-gradient(to right, #005826, #005826), /* gradient 1 as solid color */
        linear-gradient(to right, #b7b7b7, #b7b7b7), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col023 {background-color: #8dc63f;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col022-2 {background-color: #327566;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col023-2 {background-color: #6a7655;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col024 {background-color: #82ca9c;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col024-2 {background-color: #d6d3b4;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col025 {background-color: #005952;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col025-2 {background-color: #348687;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col026 {background-color: #0054a6;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col026-2 {background-color: #0062a6;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col026-003 {
    background-image:
        linear-gradient(to right, #0054a6, #0054a6), /* gradient 1 as solid color */
        linear-gradient(to right, #707070, #707070), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col026-004 {
    background-image:
        linear-gradient(to right, #0054a6, #0054a6), /* gradient 1 as solid color */
        linear-gradient(to right, #b7b7b7, #b7b7b7), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col026-011 {
    background-image:
        linear-gradient(to right, #0054a6, #0054a6), /* gradient 1 as solid color */
        linear-gradient(to right, #f27a22, #f27a22), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col026-016 {
    background-image:
        linear-gradient(to right, #0054a6, #0054a6), /* gradient 1 as solid color */
        linear-gradient(to right, #ffff00, #ffff00), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col026-023 {
    background-image:
        linear-gradient(to right, #0054a6, #0054a6), /* gradient 1 as solid color */
        linear-gradient(to right, #8dc63f, #8dc63f), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col027 {background-color: #00aeef;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col027-2 {background-color: #90c6d5;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col028 {background-color: #69cff6;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col028-2 {background-color: #66dfec;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col029 {background-color: #003663;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col029-004 {
    background-image:
        linear-gradient(to right, #003663, #003663), /* gradient 1 as solid color */
        linear-gradient(to right, #b7b7b7, #b7b7b7), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col029-2 {background-color: #3b415c;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col030 {background-color: #040445;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col031 {background-color: #662d91;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col031-003 {
    background-image:
        linear-gradient(to right, #662d91, #662d91), /* gradient 1 as solid color */
        linear-gradient(to right, #707070, #707070), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col031-011 {
    background-image:
        linear-gradient(to right, #662d91, #662d91), /* gradient 1 as solid color */
        linear-gradient(to right, #f27a22, #f27a22), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col031-023 {
    background-image:
        linear-gradient(to right, #662d91, #662d91), /* gradient 1 as solid color */
        linear-gradient(to right, #8dc63f, #8dc63f), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col031-2 {background-color: #5f388e;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col032 {background-color: #a186be;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col033 {background-color: #4b0049;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col033-2 {background-color: #e91b98;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col034 {background-color: #ec008c;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col034-003 {
    background-image:
        linear-gradient(to right, #ec008c, #ec008c), /* gradient 1 as solid color */
        linear-gradient(to right, #707070, #707070), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col034-023 {
    background-image:
        linear-gradient(to right, #ec008c, #ec008c), /* gradient 1 as solid color */
        linear-gradient(to right, #8dc63f, #8dc63f), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col034-027 {
    background-image:
        linear-gradient(to right, #ec008c, #ec008c), /* gradient 1 as solid color */
        linear-gradient(to right, #00aeef, #00aeef), /* gradient 2 as solid color */
        url(''); /* image */
    background-repeat: no-repeat; /* same as no-repeat, no-repeat, no-repeat */
    background-position:
        0 0, /* gradient 1 */
        100% 0, /* gradient 2 */
        0 0; /* image position */
    background-size:
        50% 100%,
        50% 100%,
        0% 0%;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col034-2 {background-color: #ef5cb3;
	color: #ffffff;
	text-align: center;
	font-weight: normal;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	}

.col035 {background-color: #f49ac1;
	color: #ffffff;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}

.col035-2 {background-color: #ffe1ee;
	color: #000000;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 9px;
	font-weight: normal;
	}







/*Стили АДМИНКИ*/

	.admin_head {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding: 0 0 8px 0;
		margin: 0;
		background-color: #000;
	}

	.admin_head h2 {
		color:#fff;
		font-family: 'Montserrat', sans-serif;
		text-align:center;
		font-weight: 700;
		font-size: 22px;
		line-height: 22px;
		margin: 8px 0 12px 0;
	}

	.admin_head p {
		color: yellow;
		font-family: 'Montserrat', sans-serif;
		text-align:left;
		font-weight: 400;
		font-size: 16px;
		line-height: 20px;
		margin: 0 0 8px 12px;
	}

	.change {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding: 8px 0;
		margin: 0;
		background-color: #000;
	}

	.change_btn {
		width: auto;
		max-width: 200px;
		height: auto;
		border: solid 2px #fff;
		margin: 12px auto;
		padding: 6px 8px;
	}

	.change_btn a {
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		text-align: center;
		font-weight: 400;
		font-size: 18px;
		line-height: 18px;
		color: #fff;
	}

	.change_btn:hover a {
		color: yellow;
	}

	.change_btn:hover {
		border: solid 2px yellow;
	}

	.admin_upd {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		background-color: #000;
	}

	.admin_upd h2 {
		color: #6f6f6f;
		font-family: 'Montserrat', sans-serif;
		text-align:center;
		font-weight: 700;
		font-size: 22px;
		line-height: 22px;
		margin: 8px 0 12px 0;
	}

	.admin_upd form {
		width: 85%;
		height: auto;
		margin: 8px auto;
	}

	.admin_upd_name {
		width: 90%;
		height: auto;
	}

	.admin_upd p {
		color: yellow;
		font-family: 'Montserrat', sans-serif;
		text-align: left;
		font-weight: 400;
		font-size: 16px;
		line-height: 16px;
	}

	.admin_upd_txt {
		width: 90%;
		height: auto;
	}

	.admin_upd_txt textarea {
		display: block;
		width: 100%;
		height: 100%;
		color: #6f6f6f;
		background-color: #fff;
		border: solid 1px #e3e2e2;
		font-family: 'Montserrat', sans-serif;
		text-align: left;
		font-weight: 400;
		font-size: 16px;
		line-height: 16px;
	}

	.admin_upd form button {
		width: auto;
		max-width: 200px;
		height: auto;
		border: solid 2px #fff;
		margin: 12px auto;
		padding: 6px 8px;
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		text-align: center;
		font-weight: 400;
		font-size: 18px;
		line-height: 18px;
		color: #fff;
		background-color: #000;
		cursor: pointer;
	}

	.admin_upd form button:hover  {
		color: yellow;
		border: solid 2px yellow;
	}

	.login_block {
		display: block;
		position: relative;
		width: 100%
		height: auto;
		background-color: #fff;
	}

	.login_block h2 {
		color:#4170b4;
		font-family: 'Montserrat', sans-serif;
		text-align:center;
		font-weight: 700;
		font-size: 22px;
		line-height: 22px;
		margin: 8px 0 8px 0;
	}

	.login_block form {
		width: 50%;
		height: auto;
		margin: 12px auto;
	}

	.login_block form label {
		color: #4170b4;
		font-family: 'Montserrat', sans-serif;
		text-align: left;
		font-weight: 400;
		font-size: 16px;
		line-height: 16px;
	}

	.login_block form input {
		width: 100%;
		height: 40px;
		color: #6f6f6f;
		background-color: #fff;
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #e3e2e2;
		font-family: 'Montserrat', sans-serif;
		text-align: left;
		font-weight: 400;
		font-size: 16px;
		line-height: 16px;
	}

	.login_block form button {
		width: 250px;
		height: 46px;
		border: solid 2px #4170b4;
		margin: 8px auto;
		padding: 6px 8px;
		font-family: 'Montserrat', sans-serif;
		text-decoration: none;
		text-align: center;
		font-weight: 700;
		font-size: 18px;
		line-height: 18px;
		background-color: #fff;
		color: #4170b4;
	}

	.reg_eror {
		display: block;
		position: relative;
		width: 70%;
		height: auto;
		margin: 8px auto;
	}

	.reg_eror p {
		font-family: 'Montserrat', sans-serif;
		text-align: center;
		font-weight: 700;
		font-size: 18px;
		line-height: 18px;
		color: red;
	}




/*Калькулятор*/
.calc-mine-block {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.calc-block {
	display: flex;
	flex-wrap: wrap; 
	position: relative;
	width: 100%;
	height: auto;
	margin: 2px auto 0 auto;
	padding: 4px 0;
	justify-content: center;
	background: #fff;
	font-family: 'Montserrat', sans-serif;
}

.calc-stack {
	display: block;
	position: relative;
	max-width: 316px;
	width: 23%;
	height: auto;
	margin: 0 2px;
	padding: 4px;
	background: #e3e2e2;
	font-family: 'Montserrat', sans-serif;
}

.totalAmount {
	display: flex;
	flex-wrap: wrap; 
	position: relative;
	width: calc(100% - 16px);
	margin: 0 0 2px 0;
	padding: 0 0 0 16px;
	background: #e3e2e2;
	justify-content: flex-start;
}

.rezultBlock {
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
}

.calcPic {
	display: block;
	position: relative;
	width: 65%;
	height: auto;
	margin: 0;
	padding: 0;
}

.calcPic img {
	display: block;
	position: relative;
	width: 99%;
	height: auto;
	margin: 2px auto;
	padding: 0;
}

.totalAmount p {
	font-family: 'Montserrat', sans-serif;
	color: #6f6f6f;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	color: #4170b4;
	margin-left: 4px;
}

.calc-mine-block h2 {
	width: 100%;
	font-family: 'Montserrat', sans-serif;
	color: #6f6f6f;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	margin: 0 0 8px 0;
	text-align: center;
	color: #4170b4;
}

.calc-stack h3 {
	justify-content: flex-start;
	font-family: 'Montserrat', sans-serif;
	color: #6f6f6f;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	margin: 2px 0 4px 0;
	text-align: center;
	color: #6f6f6f;
}

.calc-stack p {
	font-family: 'Montserrat', sans-serif;
	color: #6f6f6f;
	font-size: 10px;
	font-weight: 400;
	line-height: 10px;
	color: #6f6f6f;
	margin: 2px 4px;
	text-align: left;

}

.calc-stack select, input {
	display: block;
	font-family: 'Montserrat', sans-serif;
	color: #6f6f6f;
	font-size: 11px;
	font-weight: 400;
	line-height: 11px;
	color: #6f6f6f;
	background: #fff;
	margin: 2px 0;
}

.calc-stack input {
	padding: 0 0 0 4px;
	border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(166, 166, 166);
    border-image: initial;
    height: 17px;
}

.rezult {
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	justify-content: flex-start;
	width: 35%;
	height: auto;
	padding: 0;
}

.rezultCost {
	width: 90%;
	margin-top: 0;
	padding: 18px 0 0 0;
}

.rezultNumber {
	width: 60%;
	margin-top: 0;
}

.rezultСurrency {
	width: 40%;
	margin-top: 0;
}

.rezultParts p {
	font-family: 'Montserrat', sans-serif;
	color: #6f6f6f;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	color: #6f6f6f;
	margin: 0;
	padding: 0;
}

.rezult p {
	font-family: 'Montserrat', sans-serif;
	color: #6f6f6f;
	font-size: 12px;
	font-weight: 400;
	line-height: 12px;
	color: #6f6f6f;
	margin: 6px 0 0 0;
	padding: 0;
	width: 98%;
	max-height: 16px;
}


/*Кнопка еще товары*/
.more_btn_block {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 4px;
	background: #fff;
}

.more_btn {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 200px;
	height: auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	margin: 4px auto;
	padding: 8px;
	color: #fff;
	background-color: #F7931E;
	transition: background-color .3s;
}

.more_btn:hover {
	background-color: #FBB03B;
}


/*Чекбокс*/

		.fwd-checkbox {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			width: 100%;
			height: auto; 
		}

		/* Option */

		.option {
			display: inline-block;
			margin: 0 .55em .5em 0;
		}

		/* Check */

		.check {
			padding-left: 1.3em;
			color: #6f6f6f;
			font-family: 'Montserrat', sans-serif;
			font-weight: 400;
		}

		.check__input {
			position: absolute;
			width: 1px;
			height: 1px;
			overflow: hidden;
			clip: rect(0 0 0 0);
		}

		.check__box {
			position: absolute;
			margin-top: 0.25em;
			margin-left: -1em;
			width: 0.7em;
			height: 0.7em;
			overflow: hidden;
			border-radius: 0.05em;
			background-color: white;
			background-repeat: no-repeat;
			background-position: 50% 50%;
			box-shadow: 0 0 0 0.1em #5070b0;
		}

		/* Checked */

		.check__input:checked + .check__box {
			background-color: #5070b0;
			background-image: url(https://cdn.glitch.com/d6162378-5823-4160-a555-3d9789bd2b92%2Fcheck.svg?1550563475518);
		}

		/* Focused */

		.check__input:hover + .check__box {
			box-shadow:
				0 0 0 1px #5070b0,
				0 0 0 3px #e7ad46;
		}

		/* Focused */

		.check__input:focuse + .check__box {
			box-shadow:
				0 0 0 1px #5070b0,
				0 0 0 3px #e7ad46;
		}

		/* Disabled */

		.check__input:disabled + .check__box {
			box-shadow: 0 0 0 0.1em #9B9B9B;
		}

		.check__input:checked:disabled + .check__box {
			background-color: #9B9B9B;
		}