/* CSS Document */
@font-face {
	font-family: 'MagistralC';
	src: url('/css/fonts/MagistralC.eot?') format('eot'),
		url('/css/fonts/MagistralC.woff') format('woff'),
		url('/css/fonts/MagistralC.ttf') format('truetype'),
		url('/css/fonts/MagistralC.svg#svgFontName') format('svg');
}

@font-face {
	font-family: 'MagistralCBold';
	src: url('/css/fonts/MagistralCBold.eot?') format('eot'),
		url('/css/fonts/MagistralCBold.woff') format('woff'),
		url('/css/fonts/MagistralCBold.otf') format('truetype'),
		url('/css/fonts/MagistralCBold.svg#svgFontName') format('svg');
}


/* --------------- default --------------- */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
em,
img,
strong,
sub,
sup,
b,
u,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
	font-size: 100%;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
div {
	display: block;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

h1,
h2 {
	/*text-shadow: 2px 2px 2px rgba(0,0,0,0.5);*/
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

h1 {
	font-size: 40px;
	font-weight: bolder;
}

h2 {
	font-size: 36px;
	margin-bottom: 10px;
	margin-top: 10px;
}

h3 {
	font-size: 26px;
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 16px;
}

p {
	font-size: 22px;
}


body,
input,
select,
button,
textarea,
i {
	font-family: Arial, Helvetica, sans-serif;
}

html {
	height: 100%;
	min-width: 320px;
	overflow-x: hidden;
}

body {
	line-height: 1.2;
	font-size: 20px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #333;
}

a {
	color: #f1c40f;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

hr {
	color: #aaa;
	background: #aaa;
	height: 3px;
	border: none;
}


input,
select,
button,
textarea {
	margin: 0;
	font-size: 100%;
	color: #7b7b7b;
	vertical-align: middle;
}

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

input[disabled],
button[disabled] {
	cursor: default;
}

button,
input {
	line-height: normal;
}

fieldset {
	border: 1px solid gray;
}

legend {
	border: 0;
	padding: 0;
	white-space: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden;
	font-size: 0;
}

ul {}

::selection {
	color: white;
	background-color: red;
}

::-moz-selection

/* Firefox требует дополнительного внимания */
	{
	color: white;
	background-color: red;
}

header {
	width: 100%;
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	background-color: #99F;

}

#header {
	width: 100%;
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	overflow: hidden;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #ffd700;
	background-color: #FFF;
}

@media screen and (min-width:240px) and (max-width:799px) {
	#header .top {
		display: block;
		padding: 0px 0px 0px 10px;
	}

	#header .logo {
		width: 100%;
		text-align: left;
		vertical-align: top;
		margin-top: 60px;
		margin-bottom: 10px;
	}

	#header .phone {
		width: 100%;
		text-align: center;
		margin-top: 60px;
		display: inline-block;
		margin-bottom: 10px;
	}

	#header .logo figcaption {
		display: block;
		width: 100%;
		min-width: 290px;
		text-align: center;
		color: #586791;
		font-size: 16px;
		font-weight: bold;
	}
}

@media screen and (min-width:800px) {
	#header .top {
		display: grid;
		grid-template-columns: minmax(310px, 1fr) minmax(310px, 1fr);
		column-gap: 5px;
		justify-content: center;
		align-items: stretch;
		padding: 0px 20px 0px 10px;
	}

	#header .logo {
		text-align: left;
		vertical-align: top;
		margin-top: 60px;
		margin-bottom: 10px;
	}

	#header .phone {
		text-align: right;
		margin-top: 75px;
		display: inline-block;
		margin-bottom: 10px;
	}

	#header .logo figcaption {
		display: block;
		width: 100%;
		max-width: 310px;
		min-width: 290px;
		text-align: center;
		color: #586791;
		font-size: 16px;
		font-weight: bold;
	}
}



#header .logo img {
	width: 100%;
	max-width: 310px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

#header .phone .block {
	text-align: center;
	display: inline-block;
	width: 237px;
}

#header .phone .block .num {
	display: block;
	width: 100%;
	color: #586791;
	font-weight: bolder;
	text-align: center;
	font-size: 24px;
}

#header .phone .block .num a {
	color: #586791;
}

#header .phone .block p {
	color: #586791;
}

#header .standart {
	width: 100%;
	max-width: 1366px;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	position: fixed;
	background-color: #586791;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffd700;
	z-index: 1000;
	overflow: visible;
	top: 0px;
}

#header .standart .fa-bars {
	color: #CCC;
	font-size: 31px;
	display: none;
	margin-top: 9px;
	margin-bottom: 0px;
	z-index: 1001;
}

#header .standart ul {
	margin-bottom: 5px;
	margin-top: 5px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	vertical-align: top;
	height: 38px;
}

#header #menu img {
	width: 25px;
	vertical-align: middle;
	margin: 0px 10px 0px 10px;
}

#header .standart ul Li {
	text-align: center;
	padding: 7px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: rgba(255, 245, 44, 1);
	background-color: rgba(255, 245, 44, 0.1);
	transition: .2s;
	margin-right: 5px;
	margin-left: 5px;
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	display: inline-block;
}

#header .standart ul Li:hover {
	border-left-color: rgba(92, 189, 47, 1);
	background-color: rgba(92, 189, 47, 0.2);
	border-left-style: solid;

}

#header .standart ul Li .handbook {
	display: none;
	position: absolute;
	z-index: auto;
	background-color: #586791;
	width: 142px;
	text-align: left;
	margin-left: -19px;
	height: 120px;
	transition: .2s;
	margin-top: 7px;
}

#header .standart ul Li .handbook Li {
	width: 111px;
}

#header .standart ul Li:hover .handbook {
	display: block;
}

#header .standart ul Li a {
	color: #FFF;
	display: block;
	width: 100%;
}

#header .standart ul Li:hover a {
	color: #fff52c;
}

header #title {
	width: 90%;
	text-align: center;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

header #title h1 {
	color: #FFF;
	margin-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.stock {
	width: 100%;
	background-image: url(../img/background/bg-3.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 40px;
	padding-bottom: 40px;
}

.stock .block {
	width: 60%;
	min-width: 280px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	margin-top: 20px;
	margin-bottom: 20px;
}

header .stock .block:nth-child(1) .stock-img {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.stock .block:nth-child(1) {
	text-align: center;
}

.stock .block:nth-child(1) h1 {
	color: #FFF;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-right: 5%;
	padding-left: 5%;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #F90;
	text-shadow: 0px 5px 5px #000;
}

.stock .block:nth-child(2) {
	max-width: 300px;
	text-align: left;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
}



.stock .block:nth-child(2) p {
	display: block;
	max-width: 270px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #006;
	margin-right: auto;
	margin-left: auto;
}

.stock .block:nth-child(2) i {
	font-size: 30px;
	color: #FC0;
	vertical-align: middle;
}

.stock .block #formStock,
.stock .block #formStock2 {
	width: 50%;
	min-width: 310px;
	padding-top: 20px;
	padding-bottom: 20px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background: #586791;
	padding-right: 10px;
	padding-left: 10px;
}

section {
	width: 100%;
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	min-height: 100px;
}

/*-------------------------*/
#advantages,
#products,
#services,
#reviews,
#causes,
#reviews,
#contacts,
#offer,
.article,
.car_park,
.pros,
.about,
.shipping {
	width: 100%;
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	padding-bottom: 20px;
}



/* Модальное окно фиксировано внизу справа */
.modal {
	position: fixed;
	bottom: 60px;
	right: 5px;
	z-index: 1000;
	background-color: transparent;
	pointer-events: none;
	outline: 3px solid #333;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Содержимое модального окна */
.modal-content {
	background: #ffcc00;
	padding: 0px;
	border-radius: 8px;
	width: 220px;	
	pointer-events: all;
}

/* Кнопка закрытия */
.close-row {
	position: relative;
	z-index: 999;
}

.close-row .close {
	color: #aaa;
	font-size: 40px;
	font-weight: bold;
	cursor: pointer;
	position: absolute;
	top: 15px;
	right: 15px;
}

.close-row .close:hover,
.close-row .close:focus {
	color: #000;
}

.modal-stock_offer {
	position: relative;
	padding: 20px 10px 20px 10px;
	text-align: center;
}

.modal-stock_offer .bonus {
	width: 130px;
	margin: 0px auto 0px auto;
}

.modal-stock_offer .offer h3 {
	text-align: center;
	color: #F00;
	font-size: 20px;
}
.modal-stock_offer .offer p {
	text-align: left;
	font-size: 16px;
}
.modal-stock_offer .offer .special {
	color: #F00;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}

.modal-stock_offer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: repeating-linear-gradient(45deg,
			#333,
			#333 10px,
			#ffcc00 10px,
			#ffcc00 20px);
}

.modal-stock_offer:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: repeating-linear-gradient(-45deg,
			#333,
			#333 10px,
			#ffcc00 10px,
			#ffcc00 20px);
}


.stock_offer {
	display: grid;
	grid-template-columns: 50% 50%;
	column-gap: 0px;
	justify-content: center;
	align-items: center;
	background: #ffcc00;
	position: relative;
	outline: 1px solid #333;
	padding: 20px 0px 20px 0px;
}

.stock_offer .offer {
	max-width: 400px;
	margin: 20px auto 20px auto;
	background: #fff;
	padding: 6%;
	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	border-radius: 10px;
}

.stock_offer .offer .bonus {
	position: absolute;
	top: -20px;
	right: -90px;
	width: 170px;
}

.stock_offer .block .offer h3 {
	color: #C00;
	font-size: 32px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 3px #888;
}

.stock_offer .block .offer p {
	color: #003b6c;
	font-size: 22px;
	text-align: center;
	text-transform: uppercase;
	margin-top: 20px;
	font-weight: bold;
	text-shadow: 1px 1px 3px #888;
}

.stock_offer .block .offer p .special {
	color: #C00;
	font-size: 26px;
}

.stock_offer .block:nth-child(odd):before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: repeating-linear-gradient(45deg,
			#333,
			#333 10px,
			#ffcc00 10px,
			#ffcc00 20px);
}

.stock_offer .block:nth-child(odd):after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: repeating-linear-gradient(-45deg,
			#333,
			#333 10px,
			#ffcc00 10px,
			#ffcc00 20px);
}

/*-------------------------*/
.shipping {
	display: grid;
	grid-template-columns: 50% 50%;
	column-gap: 0px;
	justify-content: center;
	align-items: center;
	background: #586791;
	/* Светло-серый фон, ассоциирующийся с бетоном */
}

.shipping .offer {
	max-width: 400px;
	margin: 20px auto 20px auto;
	padding: 20px;
	position: relative;
	font-size: 16px;
	color: #fff;
	/* Темно-серый цвет текста */
	font-weight: 400;
	line-height: 1.6;
	border-left: 8px solid #f1f1f1;
	/* Акцент на левую часть блока */
}

.shipping .offer p {
	margin: 0;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
}

.shipping .offer h3 {
	color: #333;
	font-size: 20px;
	text-align: center;
	margin-top: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
}


.shipping .block:nth-child(even) {
	min-width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	display: inline-block;
}

.shipping .block form .button {
	display: block;
}

.pros {
	background-color: #99F;
}

.pros .block {
	width: 40%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	display: inline-block;
	min-width: 320px;
}

.pros .block p {
	display: block;
	width: 300px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 18px;
	color: #FC0;
}

.pros .block i {
	font-size: 28px;
	color: #FC0;
	vertical-align: middle;
}

.car_park {
	background-color: #99F;
}

.car_park .block {
	width: 90%;
	position: relative;
	/* Обязателен для абсолютного позиционирования */
	background-color: #f8f9fa;
	border-radius: 10px 10px 50px 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	margin: 20px auto 30px auto;
}

.car_park .block:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.car_park .img_truck {
	position: absolute;
	top: -10px;
	left: 20px;
	width: 25%;
	transform: rotate(-5deg);
	transition: transform 0.3s ease;
	z-index: 1;
}

.car_park .block:hover .img_truck {
	transform: rotate(0deg) scale(1.05);
}

.car_park .img_truck img {
	width: 100%;
	border-radius: 15px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.car_park .description_truck {
	position: relative;
	z-index: 2;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}

.car_park .description_truck p {
	text-align: left;
	margin-bottom: 20px;
	padding: 5% 0px 0% 30%;
	/* Добавляем отступ слева для изображения */
}

.car_park .order_truck {
	padding: 0px 0px 20px 30%;
	/* Добавляем отступ слева для изображения */
	margin-bottom: 20px;
}

#advantages {
	background-color: #99F;
	padding-top: 20px;
}

#advantages .block {
	text-align: center;
	display: inline-block;
	min-width: 140px;
	width: 16%;
	margin-bottom: 20px;
}

#advantages .block img {
	width: 100%;
	max-width: 100px;
	min-width: 50px;
	background-color: #333;
	border-bottom-width: 7px;
	border-bottom-style: inset;
	border-bottom-color: #ffd700;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
}

#advantages .block p {
	font-weight: bold;
	font-style: italic;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

#products {
	background-color: rgba(230, 230, 230, 1);
}

#products .block {
	text-align: center;
	display: inline-block;
	min-width: 300px;
	width: 85%;
	margin-bottom: 20px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-bottom-color: #ffd700;
	border-radius: 10px 10px 50px 50px;
	-moz-border-radius: 10px 10px 50px 50px;
	-webkit-border-radius: 10px 10px 50px 50px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ffd700;
	border-right-color: #ffd700;
	border-left-color: #ffd700;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	margin-right: 3px;
	margin-left: 3px;
	transition: .2s;
	background-color: #FFF;
}

#products .block:hover {
	-moz-box-shadow:
		0px 3px 5px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow:
		0px 3px 5px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
	box-shadow:
		0px 3px 5px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
}

#products h4 {
	color: rgba(252, 0, 0, 0.4);
	margin-bottom: 20px;
	width: 80%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#products .block_td {
	text-align: center;
	display: inline-block;
	width: 30%;
	min-width: 280px;
	max-width: 400px;
}

#products .block .block_td img {
	width: 95%;
	max-width: 320px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-right: 5px;
	margin-left: 5px;
}

#products .block_td>div {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	height: 220px;
	width: 30%;
	min-width: 280px;
	max-width: 400px;
}

#products .block_td p {
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
}

#products .block .block_td .button {
	margin-top: 20px;
	margin-bottom: 20px;
}

#services {
	
}

#services div {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(20px, 320px));
	column-gap: 10px;
	justify-content: center;
	align-items: stretch;
}

#services .block {
	margin-bottom: 20px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #99F;
	border-right-color: #99F;
	border-left-color: #99F;
	border-bottom-color: #99F;
	border-radius: 10px 10px 50px 50px;
	-moz-border-radius: 10px 10px 50px 50px;
	-webkit-border-radius: 10px 10px 50px 50px;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 3px;
	margin-right: 3px;
	margin-left: 3px;
	transition: .2s;
	background-color: #FFF;
}

#services .block:hover {
	-moz-box-shadow:
		0px 3px 5px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow:
		0px 3px 5px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
	box-shadow:
		0px 3px 5px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
}

#services .block span {
	display: block;
	margin: 0px auto 0px auto;
}

#services .block img {
	width: 100%;
}

#services .block p {
	min-height: 53px;
}

#offer {
	background-color: #FFF;
	text-align: center;
}

#offer .block {
	display: inline-block;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
	min-width: 310px;
	height: 280px;
}

#offer .block .cell {
	text-align: center;
	display: table-cell;
	height: 234px;
	vertical-align: middle;
	width: 70%;
}

#offer .block .cell p {
	color: #F00;
	font-weight: bold;
	width: 100%;
	text-align: left;
	display: inline-block;
}

#offer .block .hock-img {
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	height: 100%;
}

#offer .block #offer_client,
#formStock,
#stock_offer {
	background-color: #586791;
	padding: 10px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	width: 280px;
	margin-right: auto;
	margin-left: auto;
}

form .button {
	display: block;
}

#offer .block #offer_client h4,
#offer .block #offer_client h5,
#stock_offer h4,
#stock_offer h5,
#formStock h5 {
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;

}

#offer .block .effect7 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	background-color: #586791;
}

#offer .block .effect7:before,
#offer .block .effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

#offer .block .effect7:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}

.about {
	background-color: #99F;
}

.about .block {
	text-align: center;
	display: inline-block;
	min-width: 300px;
	width: 90%;
	margin-bottom: 20px;
}

.about .block p {
	text-align: left;
	width: 100%;
	margin-bottom: 20px;
}

.opt {
	background-color: #FEF4CD;
	text-align: center;
	background-image: url(../img/offer.png);
}

.opt .block {
	display: inline-block;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	text-align: center;
	min-width: 310px;
	height: 280px;
}

.opt .block .cell {
	text-align: center;
	display: table-cell;
	height: 234px;
	vertical-align: middle;
	width: 70%;
	background-color: rgba(255, 255, 255, 0.5);
}

.opt .block .cell p {
	color: #060;
	font-weight: bold;
	width: 95%;
	display: inline-block;
	font-size: 1.12em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.opt .block .hock-img {
	vertical-align: middle;
	margin-right: 10px;
	float: left;
	height: 100%;
}

.opt .block .effect7 {
	position: relative;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0) inset;
}

.opt .block .effect7:before,
.opt .block .effect7:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
	top: 0;
	bottom: 0;
	left: 10px;
	right: 10px;
	-moz-border-radius: 100px / 10px;
	border-radius: 100px / 10px;
}

.opt .block .effect7:after {
	right: 10px;
	left: auto;
	-webkit-transform: skew(8deg) rotate(3deg);
	-moz-transform: skew(8deg) rotate(3deg);
	-ms-transform: skew(8deg) rotate(3deg);
	-o-transform: skew(8deg) rotate(3deg);
	transform: skew(8deg) rotate(3deg);
}

#how_we_work {
	background-color: rgba(230, 230, 230, 1);
	width: 100%;
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	padding-bottom: 0px;
}

#how_we_work .block {
	display: inline-block;
	width: 245px;
	margin-right: 35px;
	margin-left: auto;
	min-height: 376px;
	margin-bottom: 0px;
	position: relative;
}

#how_we_work .block .button {
	display: block;
}

#how_we_work .block .first {
	margin-bottom: 0px;
}

#how_we_work .block p {
	margin-bottom: 60px;
}

#how_we_work .block:after {
	content: url(/img/arrow.png);
	position: absolute;
	top: 27%;
	transform: translateY(-50%);
	height: 80px;
	width: 20px;
	left: 100%;
	margin-left: 10px;
}

#how_we_work .block:last-child {
	margin-right: auto;
	margin-left: auto;
}

#how_we_work .block:last-child:after {
	content: "";

}

#how_we_work .block img {
	width: 90%;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ffd700;
	border-right-color: #ffd700;
	border-left-color: #ffd700;
	border-bottom-color: #ffd700;
	background-color: #FFF;
}

#causes {
	background-color: #99F;
}

#causes .block {
	text-align: center;
	display: inline-block;
	min-width: 260px;
	width: 40%;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#causes .lifted {
	position: relative;

	padding: 1em;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	margin-bottom: 20px;
}

#causes .lifted:before,
#causes .lifted:after {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 310px;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

#causes .lifted:after {
	right: 10px;
	left: auto;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	transform: rotate(3deg);
}

#causes .block h3 {
	display: inline-block;
	width: 80%;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	color: #060;
}

#causes .block img {
	display: inline-block;
	width: 100px;
	vertical-align: middle;
	margin-right: 20px;
}

#reviews {
	background-color: rgba(230, 230, 230, 1);
}

#reviews .block {
	text-align: center;
	display: inline-block;
	min-width: 270px;
	max-width: 430px;
	width: 45%;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: #FFF;
	margin-bottom: 20px;
	padding: 10px;
	border-bottom-width: 7px;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #ffd700;
	border-right-color: #ffd700;
	border-left-color: #ffd700;
	border-bottom-color: #ffd700;
}

#reviews .block p {
	text-align: left;
}


#contacts .block {
	text-align: center;
	display: inline-block;
	min-width: 300px;
	width: 28%;
	margin-bottom: 20px;
}

#contacts .block .ya-share2 {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

#contacts .block p {
	min-width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

#contacts .block .num {
	display: block;
	width: 100%;
	color: #586791;
	font-weight: bolder;
	text-align: center;
	font-size: 24px;
}

#contacts .block .num a {
	color: #586791;
}

#contacts .block #viber_img {
	width: 130px;
}

.article .block {
	text-align: center;
	display: inline-block;
	min-width: 300px;
	width: 45%;
	margin-bottom: 20px;
}

.article article {
	text-align: left;
	display: inline-block;
	min-width: 300px;
	width: 80%;
	text-indent: 20px;
}

.article article h2 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.article article {
	margin-top: 10px;
	margin-bottom: 20px;
	text-indent: 40px;
	padding-right: 7px;
	padding-left: 7px;
}

.article article Li {
	margin-top: 10px;
	margin-bottom: 10px;
	text-indent: 40px;
}

/*form div{
  width: 100%;
  max-width: 320px;
  background-color: #FFF;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}*/
form div .phones {
	height: 25px;
	margin-right: 3px;
	vertical-align: middle;
	display: inline-block;
}

form input[type=text] {
	display: inline-block;
	height: 40px;
	width: 83%;
	min-width: 220px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#dialog_window {
	position: fixed;
	top: 0%;
	width: 85%;
	min-width: 300px;
	max-width: 450px;
	min-height: 200px;
	text-align: center;
	box-shadow:
		0 15px 17px rgba(0, 0, 0, .5),
		-13px 0 10px -13px rgba(0, 0, 0, .5),
		13px 0 30px -13px rgba(0, 0, 0, .5),
		0 0 40px rgba(0, 0, 0, .1) inset;
	z-index: 10009;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color: #e6e6e6;

}

#dialog_window #title_window {
	color: #FFF;
	font-weight: bold;
	max-height: 50px;
	padding: 13px;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	background-color: #00F;
}

#dialog_window #close_window {
	position: relative;
	height: 30px;
	width: 30px;
	float: right;
	padding: 10px;
	top: -13px;
	left: 13px;
	border-radius: 0px 10px 0px 0px;
	-moz-border-radius: 0px 10px 0px 0px;
	-webkit-border-radius: 0px 10px 0px 0px;
}

#dialog_window #close_window:hover {
	background-color: #C00;
	cursor: pointer;
}

#dialog_window #close_window:active {
	background-color: #F60;
}

#dialog_window #content_window {
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#dialog_window #content_window label {
	text-align: left;
	display: block;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #333;
}

.message_window {
	position: fixed;
	top: 40%;
	background-color: rgba(54, 46, 35, 0.9);
	width: 200px;
	min-height: 50px;
	text-align: center;
	box-shadow:
		0 15px 17px rgba(0, 0, 0, .5),
		-13px 0 10px -13px rgba(0, 0, 0, .8),
		13px 0 30px -13px rgba(0, 0, 0, .8),
		0 0 40px rgba(0, 0, 0, .1) inset;
	z-index: 10010;
	color: #FFF;
	padding: 15px;
}

.message_window #loader {
	width: 50px;
}

.message_window p {
	color: #FFF;
}

#message {
	display: none;
}

#policy {
	background-color: rgba(0, 0, 0, 0.9);
	position: fixed;
	z-index: 10000;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	display: none;
	overflow-y: scroll;
	padding-right: 10px;
	padding-left: 10px;
}

#policy p {
	text-align: left;
	display: block;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
	padding-bottom: 20px;
	color: #FFF;
}

#policy .airclose {
	padding: 10px;
	height: 40px;
	width: 40px;
	float: right;
	position: fixed;
	top: 2px;
	right: 2px;
}

#policy .airclose:hover {
	cursor: pointer;
}

footer {
	width: 100%;
	max-width: 1366px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #586791;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #ffd700;
	padding-top: 20px;
}

#contacts h3 {
	font-size: 22px;
	margin-bottom: 15px;
}

#copyright .block {
	text-align: center;
	display: inline-block;
	min-width: 310px;
	width: 45%;
	margin-bottom: 10px;
}

#copyright .block img {
	width: 150px;
}

#copyright .block p {
	color: #FFF;
}



/* button styles */
.button,
.buttons {
	display: inline-flex;
	/* Кнопка подстраивается под текст и ведет себя как блок */
	align-items: center;
	/* Вертикальное выравнивание текста */
	justify-content: center;
	/* Горизонтальное выравнивание текста */
	margin-right: auto;
	margin-left: auto;
	transition: background-color 0.3s ease, transform 0.3s ease;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFF;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-moz-box-shadow:
		0px 1px 1px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow:
		0px 1px 1px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
	box-shadow:
		0px 1px 1px rgba(038, 038, 038, 0.6),
		inset 0px 1px 0px rgba(255, 255, 255, 0.4);
	padding: 10px 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	background: #feccb1;
	background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
	background: -webkit-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
	background: linear-gradient(to bottom, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feccb1', endColorstr='#fb955e', GradientType=0);
}

.button.product {
	width: 150px;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

.button.position {
	width: 300px;
}

.button i {
	display: inline;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-right: 5px;
}

.buttons i {
	display: inline;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-right: 5px;
}

.button:hover {
	transform: scale(1.02);
	background: #fceabb;
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0);
}


.row_input {
	width: 300px;
	height: 40px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
}

.row_input .row_input_lef {
	width: 15%;
	float: left;
}

.row_input .row_input_lef img {
	width: 30px;
	margin: 5px;
}

.row_input .row_input_right {
	width: 85%;
	float: left;
}

.row_input .row_input_right input,
.row_input .row_input_right select,
textarea,
input[type=email] {
	background-color: #FFF;
	width: 96%;
	height: 38px;
	font-size: 0.9em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 5px;
	padding-left: 5px;
	font-style: normal;
}

form label {
	color: #FFF;
	padding-bottom: 20px;
	display: block;
}

form input[type=submit],
form input[type=button] {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#inp_quantity {
	width: 80px;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

form .fa-caret-left {
	cursor: pointer;
	font-size: 30px;
	vertical-align: middle;
}

form .fa-caret-right {
	cursor: pointer;
	font-size: 30px;
	vertical-align: middle;
}

.row_input {
	width: 275px;
	height: 40px;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 8px;
}

.row_input .row_input_lef {
	width: 15%;
	float: left;
}

.row_input .row_input_lef img {
	width: 30px;
	margin: 5px;
}

.row_input .row_input_right {
	width: 85%;
	float: left;
}

.row_input .row_input_right input,
.row_input .row_input_right select,
textarea,
input[type=email] {
	background-color: #FFF;
	width: 96%;
	height: 38px;
	font-size: 0.9em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-right: 5px;
	padding-left: 5px;
	font-style: normal;
}

form label {
	color: #FFF;
	padding-bottom: 20px;
	display: block;
}

form input[type=submit],
form input[type=button] {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#inp_quantity {
	width: 80px;
	text-align: center;
	margin-right: 20px;
	margin-left: 20px;
}

form .fa-caret-left {
	cursor: pointer;
	font-size: 30px;
	vertical-align: middle;
}

form .fa-caret-right {
	cursor: pointer;
	font-size: 30px;
	vertical-align: middle;
}

.mob_phone_button {
	background-color: #360;
	width: 100%;
	position: relative;
	bottom: 0px;
	text-align: center;
	visibility: hidden;
	display: none;
	z-index: 9999;
	position: relative;
}

.mob_phone_button .block {
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	width: 40%;
	margin-right: 10px;
	margin-left: 10px;

}

.mob_phone_button .block a {
	color: #FFF;
	background-color: #C00;
	padding: 7px;
}

.visible {
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 100%;
	border: none;
	cursor: pointer;
	color: transparent;
	text-decoration: none;
	background-color: rgba(120, 4, 4, 0);
	transition: .2s;
	display: block;
	background-image: url(/img/images/totop1.png);
	background-repeat: no-repeat;
	background-position: 0px 60px;
}

.visible:hover {
	background-color: rgba(98, 102, 102, 0.4);
}