@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');

HTML, BODY {
	padding: 0px; 
	margin: 0px;
	width: 100%;
	height: 100%;
}

HTML {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	color: #333333;
}

IMG {
	border: none;
	vertical-align: top;
}

A {
	color: #333333;
	text-decoration: none;
	cursor: pointer;
}

A:hover {
	text-decoration: underline;
}

.wrapper {
	position: relative;
	min-width: 100%;
	min-height: 100%;
	box-sizing: border-box;
	display:flex;
	flex-direction:column;
}

/* Header */

.header-p {
	position: fixed;
	width: 100%;
	height: 70px;
	top: 0px;
	left: 0px;
	background-color: rgba(255,255,255,0.4);
/* 	background: linear-gradient(180deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.6) 44%, rgba(255,255,255,0) 100%);  */
	z-index: 2;
	display: none;
}

.header {
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 3;
}

.header > div {	
	position: relative;
	max-width: 1600px;
	padding: 0px 10px;
	box-sizing: border-box;
	margin: 0 auto;	
}

.header > div > div {
	display: flex;
	justify-content: space-between;
}

.header .logo {
	padding: 10px 10px 10px 0px;
}

.header .logo img {
	height: 50px;
}

/* Header Menu */

.header .menu-button {
	display: none;
	width: 60px;
	height: 60px;
	background-image: url('/template/images/menu.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px;
	margin-right: 10px;
	cursor: pointer;
}

.header .header-menu {
	flex-grow: 1;
}

.header .header-menu .menu, .header .header-menu .menu ul {
	padding: 0px;
	margin: 0px;
}

.header .header-menu .menu {
	display: flex;
	justify-content: space-around;
	margin: 0px 20px;
}

.header .header-menu .menu li {
	list-style: none;
	line-height: 70px;
}

.header .header-menu .menu li.selected {
	font-weight: bold;
}

.header .header-menu .menu > li {
	vertical-align: top;
}

.header .header-menu .menu > li:last-child {
	margin-right: 0px;
}

.header .phone {
	font-weight: 500;
	margin: 10px 0px;
}

.header .email {
	font-size: 0.9em;
	opacity: 0.6;
	padding-left: 25px;
	background-image: url("/template/images/email_b.svg");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 16px;
}

.title {
	position: relative;
	font-size: 2.5em;
	font-weight: 900;
	margin-top: 80px;
	padding-bottom: 25px;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: center;
	background: url("/template/images/title-bg.jpg") no-repeat center center;
	background-size: cover;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}

.title:after {
	content: "";
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translate(-50%, 0);
	width: 150px;
	height: 2px;
	background: linear-gradient(90deg, rgba(44,133,195,0) 0%, rgba(44,133,195,1) 50%, rgba(44,133,195,0) 100%);
}

.title2 {
	font-size: 1.1em;
	opacity: 0.7;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 25px;
}

.title3 {
	font-size: 1.3em;
	margin-top: 10px;
	margin-bottom: 30px;
	font-weight: 500;
}

/* Home 1 */

.home1 {
	position: relative;
	padding-bottom: 60px;
}

.home1-title {
	position: absolute;
	left: 120px;
	top: 90px;
}

.home1-title h1,
.home1-title div {
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	background: url("/template/images/title-bg.jpg") no-repeat center center;
	background-size: cover;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
}

.home1-title h1 {
	font-weight: 900;
	font-size: 2.5em;
	margin-bottom: 20px;
}

.home1-title div {
	font-weight: 500;
	font-size: 2em;
}

.home1 img {
	width: 100%;
}

.home1 .girl {
	position: absolute;
	bottom: 80px;
	left: 20%;
	width: 20%;
}

.home1 .zz {
	width: 30%;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	right: 4%;
	background: linear-gradient(51deg, rgba(44,133,195,0.2) 0%, rgba(44,133,195,0.4) 31%, rgba(119,167,214,0.9) 100%);
	display: flex;
	align-items: center;
	border-radius: 16px;
	padding: 20px 0px;
}

.home1 .zz > div {
	padding: 20px;
	color: #fff;
	display: flex;
	flex-direction: column;
}

.home1 .zz .zz-title {
	margin-bottom: 20px;
	font-size: 1.4em;
}

.home1 .zz .zz-form label {
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}

.home1 .zz .zz-form input[type=text] {
	border: none;
	width: 100%;
	box-sizing: border-box;
	padding: 5px;
	font-size: 1.1em;
	border-radius: 6px;
}

.home1 .zz .zz-form input[type="text"].input-error {
	border: 1px solid #f00;
}

.home1 .zz .zz-form .zz-form-info {
	margin: 20px 0px;
	font-size: 0.8em;
}

.home1 .zz .zz-form input[type=button] {
	border: none;
	border-radius: 6px;
	padding: 10px 20px;
	font-size: 1em;
	color: #fff;
	background: linear-gradient(51deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%);
}

.zz-form a {
	color: #fff;
	text-decoration: underline;
}

/* Home 2 */

.home2 {
	display: flex;
	justify-content: center;
	text-align: center;
}

.home2 a {
	font-size: 1.2em;
	font-weight: 500;
}

.home2 a:hover {
	text-decoration: none;
}

.home2 > div {
	position: relative;
	width: 100%;
	max-width: 320px;
	height: 320px;
	cursor: pointer;
	margin: 30px;
	background-color: #fff;
}

.home2 > div > div:first-child {
	border-radius: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: rgb(44,133,195);
	background: linear-gradient(51deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%);
	opacity: 0;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-ms-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

.home2 > div:hover > div:first-child,
.home2 > div.selected > div:first-child {
	opacity: 1;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}

.home2 > div > div:last-child {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	left: 0px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.home2 > div:hover > div:last-child,
.home2 > div:hover > div:last-child a,
.home2 > div.selected > div:last-child,
.home2 > div.selected > div:last-child a {
	color: #fff;
}

.home2 > div > div > div {
	padding: 5px 10px;
}

.home2 .image {
	width: 64px;
	height: 64px;
	position: relative;
}

.home2 .image + div {
	height: 60px;
	display: flex;
	align-items: center;
}

.home2 > div:first-child .image > div {
	background-image: url("/template/images/home_i_ss_w.svg");
}

.home2 > div:nth-child(2) .image > div {
	background-image: url("/template/images/home_i_si_w.svg");
}

.home2 > div:last-child .image > div {
	background-image: url("/template/images/home_i_sm_w.svg");
}

.home2 .image img {
	width: 100%;
	opacity: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.home2 .image > div {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 64px;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-filter: drop-shadow( -5px 5px 2px rgba(0, 0, 0, .2));
	filter: drop-shadow( -5px 5px 2px rgba(0, 0, 0, .2));
}

.home2 > div:hover .image > div,
.home2 > div.selected .image > div {
	opacity: 1;
	top: -5px;
	left: 5px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.home2 > div:hover img,
.home2 > div.selected img {
	opacity: 0;
}

.home2 .price:before {
	content: "";
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translate(0, -50%);
	width: 12px;
	height: 12px;
	background-image: url("/template/images/rub_w.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.home2 > div:hover .price:after,
.home2 > div.selected .price:after {
	opacity: 0;
}

/* Price */

.price {
	display: inline-block;
	position: relative;
	font-weight: 500;
	padding-right: 10px;
	margin-right: 5px;
}

.price:after {
	content: "";
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	transform: translate(0, -50%);
	width: 12px;
	height: 12px;
	background-image: url("/template/images/rub.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
}

/* Content */

.content {
	padding-bottom: 50px;
}

.widther {
	width: 100%;
	max-width: 1280px;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 auto;
}

.page404 {
	width: 100%;
	max-width: 1200px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 100px 10px 10px 10px;
}

/* SS */

.ss-vh,
.si-vh {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ss-vh > div,
.si-vh > div {
	position: relative;
	width: 50%;
	box-sizing: border-box;
	padding-bottom: 20px;
	padding-top: 30px;
}

.ss-vh > div:nth-child(2n),
.si-vh > div:nth-child(2n) {
	padding-left: 20px;
}
.ss-vh > div:nth-child(2n+1),
.si-vh > div:nth-child(2n+1) {
	padding-right: 20px;
}

.ss-vh > div > div:first-child,
.si-vh > div > div:first-child {
	display: flex;
	align-items: center;
}

.ss-vh > div > div:first-child > div:first-child,
.si-vh > div > div:first-child > div:first-child {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	margin: 20px 0px;
	position: relative;
	margin-right: 20px;
}

.ss-vh > div > div:first-child > div:first-child:after,
.si-vh > div > div:first-child > div:first-child:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px;
}

.si-vh > div.si-vh-katalog > div:first-child > div:first-child:after {
	background-image: url("/template/images/si-katalog.svg");
}

.si-vh > div.si-vh-tovar > div:first-child > div:first-child:after {
	background-image: url("/template/images/si-tovar.svg");
}

.si-vh > div.si-vh-ozakaz > div:first-child > div:first-child:after {
	background-image: url("/template/images/si-ozakaz.svg");
}

.si-vh > div.si-vh-yzakaz > div:first-child > div:first-child:after {
	background-image: url("/template/images/si-yzakaz.svg");
}

.ss-vh > div.ss-vh-design > div:first-child > div:first-child:after,
.si-vh > div.si-vh-design > div:first-child > div:first-child:after {
	background-image: url("/template/images/ss-design.svg");
}

.ss-vh > div.ss-vh-sborka > div:first-child > div:first-child:after,
.si-vh > div.si-vh-sborka > div:first-child > div:first-child:after {
	background-image: url("/template/images/ss-sborka.svg");
}

.ss-vh > div.ss-vh-content > div:first-child > div:first-child:after,
.si-vh > div.si-vh-content > div:first-child > div:first-child:after {
	background-image: url("/template/images/ss-content.svg");
}

.ss-vh > div.ss-vh-user > div:first-child > div:first-child:after,
.si-vh > div.si-vh-user > div:first-child > div:first-child:after {
	background-image: url("/template/images/ss-user.svg");
}

.ss-vh > div.ss-vh-an > div:first-child > div:first-child:after,
.si-vh > div.si-vh-an > div:first-child > div:first-child:after {
	background-image: url("/template/images/ss-an.svg");
}

.ss-vh > div.ss-vh-other > div:first-child > div:first-child:after,
.si-vh > div.si-vh-other > div:first-child > div:first-child:after {
	background-image: url("/template/images/ss-other.svg");
}

.ss-vh > div > div:first-child > div:first-child,
.si-vh > div > div:first-child > div:first-child {
	background: linear-gradient(51deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%) !important;
}

.ss-vh > div > div:last-child > div,
.si-vh > div > div:last-child > div {
	padding: 10px 10px 10px 60px;
	background-position: left 22px center;
	background-repeat: no-repeat;
	background-size: 22px;
	opacity: 0.8;
}

.ss-vh > div.ss-vh-design > div:last-child > div:nth-child(1),
.si-vh > div.si-vh-design > div:last-child > div:nth-child(1) { background-image: url("/template/images/ssvi1.svg"); }
.ss-vh > div.ss-vh-design > div:last-child > div:nth-child(2),
.si-vh > div.si-vh-design > div:last-child > div:nth-child(2) { background-image: url("/template/images/ssvi2.svg"); }
.ss-vh > div.ss-vh-design > div:last-child > div:nth-child(3),
.si-vh > div.si-vh-design > div:last-child > div:nth-child(3) { background-image: url("/template/images/ssvi3.svg"); }

.ss-vh > div.ss-vh-sborka > div:last-child > div:nth-child(1),
.si-vh > div.si-vh-sborka > div:last-child > div:nth-child(1) { background-image: url("/template/images/ssvi21.svg"); }
.ss-vh > div.ss-vh-sborka > div:last-child > div:nth-child(2),
.si-vh > div.si-vh-sborka > div:last-child > div:nth-child(2) { background-image: url("/template/images/ssvi22.svg"); }
.ss-vh > div.ss-vh-sborka > div:last-child > div:nth-child(3),
.si-vh > div.si-vh-sborka > div:last-child > div:nth-child(3) { background-image: url("/template/images/ssvi23.svg"); }

.ss-vh > div.ss-vh-content > div:last-child > div:nth-child(1),
.si-vh > div.si-vh-content > div:last-child > div:nth-child(1) { background-image: url("/template/images/ssvi31.svg"); }
.ss-vh > div.ss-vh-content > div:last-child > div:nth-child(2),
.si-vh > div.si-vh-content > div:last-child > div:nth-child(2) { background-image: url("/template/images/ssvi32.svg"); }
.ss-vh > div.ss-vh-content > div:last-child > div:nth-child(3),
.si-vh > div.si-vh-content > div:last-child > div:nth-child(3) { background-image: url("/template/images/ssvi33.svg"); }
.ss-vh > div.ss-vh-content > div:last-child > div:nth-child(4),
.si-vh > div.si-vh-content > div:last-child > div:nth-child(4) { background-image: url("/template/images/ssvi34.svg"); }
.ss-vh > div.ss-vh-content > div:last-child > div:nth-child(5),
.si-vh > div.si-vh-content > div:last-child > div:nth-child(5) { background-image: url("/template/images/ssvi35.svg"); }
.ss-vh > div.ss-vh-content > div:last-child > div:nth-child(6),
.si-vh > div.si-vh-content > div:last-child > div:nth-child(6) { background-image: url("/template/images/ssvi36.svg"); }
.ss-vh > div.ss-vh-content > div:last-child > div:nth-child(7),
.si-vh > div.si-vh-content > div:last-child > div:nth-child(7) { background-image: url("/template/images/ssvi37.svg"); }

.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(1),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(1) { background-image: url("/template/images/ssvi41.svg"); }
.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(2),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(2) { background-image: url("/template/images/ssvi42.svg"); }
.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(3),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(3) { background-image: url("/template/images/ssvi43.svg"); }
.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(4),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(4) { background-image: url("/template/images/ssvi44.svg"); }
.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(5),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(5) { background-image: url("/template/images/ssvi45.svg"); }
.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(6),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(6) { background-image: url("/template/images/ssvi46.svg"); }
.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(7),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(7) { background-image: url("/template/images/ssvi47.svg"); }
.ss-vh > div.ss-vh-user > div:last-child > div:nth-child(8),
.si-vh > div.si-vh-user > div:last-child > div:nth-child(8) { background-image: url("/template/images/ssvi48.svg"); }

.ss-vh > div.ss-vh-an > div:last-child > div:nth-child(1),
.si-vh > div.si-vh-an > div:last-child > div:nth-child(1) { background-image: url("/template/images/ssvi51.svg"); }
.ss-vh > div.ss-vh-an > div:last-child > div:nth-child(2),
.si-vh > div.si-vh-an > div:last-child > div:nth-child(2) { background-image: url("/template/images/ssvi52.svg"); }

.si-vh > div.si-vh-other > div:last-child > div:nth-child(1) { background-image: url("/template/images/sivi61.svg"); }
.si-vh > div.si-vh-other > div:last-child > div:nth-child(2) { background-image: url("/template/images/sivi62.svg"); }

.ss-vh > div.ss-vh-other > div:last-child > div:nth-child(1),
.si-vh > div.si-vh-other > div:last-child > div:nth-child(3) { background-image: url("/template/images/ssvi61.svg"); }
.ss-vh > div.ss-vh-other > div:last-child > div:nth-child(2),
.si-vh > div.si-vh-other > div:last-child > div:nth-child(4) { background-image: url("/template/images/ssvi62.svg"); }
.ss-vh > div.ss-vh-other > div:last-child > div:nth-child(3),
.si-vh > div.si-vh-other > div:last-child > div:nth-child(5) { background-image: url("/template/images/ssvi63.svg"); }
.ss-vh > div.ss-vh-other > div:last-child > div:nth-child(4),
.si-vh > div.si-vh-other > div:last-child > div:nth-child(6) { background-image: url("/template/images/ssvi64.svg"); }

.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(1) { background-image: url("/template/images/sivi1.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(2) { background-image: url("/template/images/sivi2.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(3) { background-image: url("/template/images/sivi3.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(4) { background-image: url("/template/images/sivi4.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(5) { background-image: url("/template/images/sivi5.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(6) { background-image: url("/template/images/sivi6.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(7) { background-image: url("/template/images/sivi7.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(8) { background-image: url("/template/images/sivi8.svg"); }
.si-vh > div.si-vh-katalog > div:last-child > div:nth-child(9) { background-image: url("/template/images/sivi9.svg"); }

.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(1) { background-image: url("/template/images/sivi21.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(2) { background-image: url("/template/images/sivi22.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(3) { background-image: url("/template/images/sivi23.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(4) { background-image: url("/template/images/sivi24.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(5) { background-image: url("/template/images/sivi25.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(6) { background-image: url("/template/images/sivi26.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(7) { background-image: url("/template/images/sivi27.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(8) { background-image: url("/template/images/sivi28.svg"); }
.si-vh > div.si-vh-tovar > div:last-child > div:nth-child(9) { background-image: url("/template/images/sivi29.svg"); }

.si-vh > div.si-vh-ozakaz > div:last-child > div:nth-child(1) { background-image: url("/template/images/sivi31.svg"); }
.si-vh > div.si-vh-ozakaz > div:last-child > div:nth-child(2) { background-image: url("/template/images/sivi32.svg"); }
.si-vh > div.si-vh-ozakaz > div:last-child > div:nth-child(3) { background-image: url("/template/images/sivi33.svg"); }
.si-vh > div.si-vh-ozakaz > div:last-child > div:nth-child(4) { background-image: url("/template/images/sivi34.svg"); }
.si-vh > div.si-vh-ozakaz > div:last-child > div:nth-child(5) { background-image: url("/template/images/sivi35.svg"); }
.si-vh > div.si-vh-ozakaz > div:last-child > div:nth-child(6) { background-image: url("/template/images/sivi36.svg"); }

.si-vh > div.si-vh-yzakaz > div:last-child > div:nth-child(1) { background-image: url("/template/images/sivi41.svg"); }
.si-vh > div.si-vh-yzakaz > div:last-child > div:nth-child(2) { background-image: url("/template/images/sivi42.svg"); }
.si-vh > div.si-vh-yzakaz > div:last-child > div:nth-child(3) { background-image: url("/template/images/sivi43.svg"); }
.si-vh > div.si-vh-yzakaz > div:last-child > div:nth-child(4) { background-image: url("/template/images/sivi44.svg"); }
.si-vh > div.si-vh-yzakaz > div:last-child > div:nth-child(5) { background-image: url("/template/images/sivi45.svg"); }
.si-vh > div.si-vh-yzakaz > div:last-child > div:nth-child(6) { background-image: url("/template/images/sivi46.svg"); }

.ss-1 > div:first-child {
/* 	color: #74a5d5; */
/* 	font-size: 40px; */
}

.ss-1 > div:first-child > div {
	margin: 30px 0px;
	font-size: 1.1em;
}

.ss-1 > div:first-child > div:last-child {
	font-weight: bold;
}

/* ss-2 */

.ss-2 {
	margin-bottom: 60px;
}

.ss-2 > div {
	display: flex;
	margin: 0 auto;
	justify-content: center;
	text-align: center;
}

.ss-2 > div > div {
	margin: 20px 50px;
}

.ss-2 > div > div > div:first-child {
	font-size: 3em;
	font-weight: 900;
	text-transform: uppercase;
	background: url("/template/images/title-bg.jpg") no-repeat center center;
	background-size: cover;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	margin-bottom: 10px;
}

.ss-2 > div > div > div:last-child {
	font-size: 1.2em;
}

/* ss-3 */

.ss-3 > div {
	display: flex;
	flex-direction: column;
	color: #fff;
}

.ss-3 > div > div {
	display: flex;
}

.ss-3 > div > div > div {
	width: 50%;
}

.ss-3 > div > div > div > div {
	box-sizing: border-box;
	padding: 30px 50px 30px 110px;
	background-position: left 30px center;
	background-repeat: no-repeat;
	background-size: 48px;
}

.ss-3 > div > div > div > div > div:first-child {
	font-weight: 500;
	margin-bottom: 10px;
}

.ss-3 > div > div > div > div:last-child {
	opacity: 0.8;
}

.ss-3 > div > div:first-child > div {
	padding-top: 40px;
}

.ss-3 > div > div:last-child > div {
	padding-bottom: 40px;
}

.ss-3 > div > div > div:first-child {
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(83,83,83,1) 100%);
}

.ss-3 > div > div > div:last-child {
	background: linear-gradient(90deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%);
}

.ss-3 > div > div:nth-child(1) > div:first-child > div { background-image: url("/template/images/ss2i1.svg"); }
.ss-3 > div > div:nth-child(1) > div:last-child > div { background-image: url("/template/images/ss2i11.svg"); }

.ss-3 > div > div:nth-child(2) > div:first-child > div { background-image: url("/template/images/ss2i21.svg"); }
.ss-3 > div > div:nth-child(2) > div:last-child > div { background-image: url("/template/images/ss2i22.svg"); }

.ss-3 > div > div:nth-child(3) > div:first-child > div { background-image: url("/template/images/ss2i31.svg"); }
.ss-3 > div > div:nth-child(3) > div:last-child > div { background-image: url("/template/images/ss2i32.svg"); }

.ss-3 > div > div:nth-child(4) > div:first-child > div { background-image: url("/template/images/ss2i41.svg"); }
.ss-3 > div > div:nth-child(4) > div:last-child > div { background-image: url("/template/images/ss2i42.svg"); }

.ss-3 > div > div:nth-child(5) > div:first-child > div { background-image: url("/template/images/ss2i51.svg"); }
.ss-3 > div > div:nth-child(5) > div:last-child > div { background-image: url("/template/images/ss2i52.svg"); }


/* ss-4 */

.ss-4 > div {
	display: flex;
	align-items: center;
}

.ss-4 > div > div {
	display: flex;
	flex-direction: column;
	padding: 40px;
}

.ss-4 > div > div > div  {
	margin: 20px 0px;
}

.ss-4 > div > div:first-child p {
	font-size: 1.1em;
	line-height: 1.5em;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	text-align: center;
}

.ss-4 > div > div:last-child > div > div:first-child {
	margin-bottom: 5px;
	font-weight: 500;
}

.ss-4 > div > div:last-child > div {
	padding-left: 80px;
	position: relative;
}

.ss-4 > div > div:last-child > div:before {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	width: 64px;
	height: 64px;
	background: linear-gradient(51deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%);
	border-radius: 50%;
}

.ss-4 > div > div:last-child > div:after {
	content: "";
	display: block;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	width: 64px;
	height: 64px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 32px;
}

.ss-4 > div > div:last-child > div:nth-child(1):after { background-image: url("/template/images/s4i1.svg"); }
.ss-4 > div > div:last-child > div:nth-child(2):after { background-image: url("/template/images/s4i2.svg"); }
.ss-4 > div > div:last-child > div:nth-child(3):after { background-image: url("/template/images/s4i3.svg"); }
.ss-4 > div > div:last-child > div:nth-child(4):after { background-image: url("/template/images/s4i4.svg"); }
.ss-4 > div > div:last-child > div:nth-child(5):after { background-image: url("/template/images/s4i5.svg"); }
.ss-4 > div > div:last-child > div:nth-child(6):after { background-image: url("/template/images/s4i6.svg"); }
.ss-4 > div > div:last-child > div:nth-child(7):after { background-image: url("/template/images/s4i7.svg"); }
.ss-4 > div > div:last-child > div:nth-child(8):after { background-image: url("/template/images/s4i8.svg"); }

.ss-4 div.img {
	text-align: center;
}

.ss-4 .img img {
	width: 400px;
}

/* ss-5 */

.ss-5-pre {
	background-image: url("/template/images/title-bg.jpg");
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	padding: 40px 0px;
}

.ss-5-pre > div {
	display: flex;
	text-align: center;
}

.ss-5-pre > div > div {
	padding: 20px;
}

.ss-5-pre > div > div > div:first-child {
	font-size: 1.8em;
	text-transform: uppercase;
	font-weight: bold;
	white-space: nowrap;
	padding-bottom: 20px;
}

.ss-5 {
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url("/template/images/lbg.svg");
}

.ss-5 .widther {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ss-5 .widther > div {
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
}

.ss-5 .widther > div > div > div {
	padding: 5px 20px 5px 20px;
	background-position: left center;
	background-size: 8px;
	background-repeat: no-repeat;
	background-image: url("/template/images/li.svg");
}

.ss-5 .widther > div > div > div:first-child {
	font-weight: 500;
	font-size: 1.5em;
	padding: 0px 20px 20px 0px;
	background-image: none;
}

.ss-5 img {
	width: 100%;
	max-width: 500px;
}

.ss-6 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.ss-6 > div {
	padding: 20px;
	width: 10%;
}

.ss-6 img {
	max-width: 80px;
	max-height: 80px;
}

.ss-7 {
	padding: 10px 0px 20px 0px;
	margin-top: 20px;
	background: linear-gradient(51deg, rgba(224,235,244,0.3) 0%, rgba(241,246,250,0.3) 100%);
}

.ss-7 > div > div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ss-7 > div > div > div {
	width: calc(50% - 20px);
	box-sizing: border-box;
	background-color: #fff;
	padding: 15px 10px 15px 56px;
	margin: 20px 0px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
	-moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
	box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.1);
	background-position: left 16px center;
	background-size: 24px;
	background-repeat: no-repeat;
	background-image: url("/template/images/help.svg");
}

.ss-7 > div > div > div > div:first-child {
	font-weight: bold;
	margin-bottom: 5px;
}

.ss-7 > div > div > div > div:last-child {
	opacity: 0.6;
}

/* ss-p */

.ss-p > div {
	display: flex;
	flex-direction: column;
}

.ss-p > div > div {
	display: flex;
	box-sizing: border-box;
	justify-content: space-between;
}

.ss-p > div > div > div {
	margin: 3px;
	box-sizing: border-box;
}

.ss-p > div > div > div > div:first-child {
	margin-bottom: 6px;
}

.ss-p > div > div img {
	width: 100%;
	cursor: pointer;
	transition: all .2s ease-in-out;
}

.ss-p > div > div > div,
.ss-p > div > div > div > div {
	overflow: hidden;
}

.ss-p > div > div img:hover {
	transform: scale(1.1);
}

.si-robot {
}

.si-robot > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.si-robot img {
	width: 100%;
	max-width: 800px;
}

.si-robot > div > div:last-child {
	padding-left: 60px;
}

.si-robot > div > div:last-child > div:nth-child(2) {
	margin-bottom: 20px;
}

.si-auto {
	display: flex;
	flex-direction: column;
}

.si-auto > div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}

.si-auto > div:last-child {
	margin-bottom: 0px;
}

.si-auto > div > div {
	width: 22%;
	text-align: center;
	padding-top: 100px;
	position: relative;
}

.si-auto > div > div:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
	top: 10px;
	width: 64px;
	height: 64px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.si-auto > div:first-child > div:nth-child(1):before { background-image: url("/template/images/auto-i1.svg"); }
.si-auto > div:first-child > div:nth-child(2):before { background-image: url("/template/images/auto-i2.svg"); }
.si-auto > div:first-child > div:nth-child(3):before { background-image: url("/template/images/auto-i3.svg"); }
.si-auto > div:first-child > div:nth-child(4):before { background-image: url("/template/images/auto-i4.svg"); }

.si-auto > div:last-child > div:nth-child(1):before { background-image: url("/template/images/auto-i5.svg"); }
.si-auto > div:last-child > div:nth-child(2):before { background-image: url("/template/images/auto-i6.svg"); }
.si-auto > div:last-child > div:nth-child(3):before { background-image: url("/template/images/auto-i7.svg"); }
.si-auto > div:last-child > div:nth-child(4):before { background-image: url("/template/images/auto-i8.svg"); }

.si-an {
	display: flex;
	flex-wrap: wrap;
}

.si-an > div {
	width: 33%;
	padding: 20px;
	box-sizing: border-box;
}

.si-an img {
	width: 100%;
}

.si-speed {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.si-speed img {
	width: 100%;
	max-width: 500px;
	margin-bottom: 50px;
}

.si-integration {
	background-image: url("/template/images/integration.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.si-integration > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.si-integration > div > div:last-child {
	padding: 30px 0px 0px 0px;
}

.si-integration > div > div {
	display: flex;
	flex-direction: column;
}

.si-integration > div > div > div {
	display: flex;
	justify-content: space-between;
}

.si-integration > div > div > div > div {
	box-sizing: border-box;
	width: 50%;
	padding: 20px 0px 20px 80px;
	position: relative;
}

.si-integration > div > div > div > div:first-child {
	margin-right: 20px;
}

.si-integration > div > div > div > div:last-child {
	margin-left: 20px;
}

.si-integration > div > div > div > div:before {
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	background: linear-gradient(51deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%) !important;
	border-radius: 50%;
}

.si-integration > div > div > div > div:after {
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px;
}

.si-integration > div > div > div:nth-child(1) > div:nth-child(1):after { background-image: url("/template/images/integration-i1.svg"); }
.si-integration > div > div > div:nth-child(2) > div:nth-child(1):after { background-image: url("/template/images/integration-i2.svg"); }
.si-integration > div > div > div:nth-child(3) > div:nth-child(1):after { background-image: url("/template/images/integration-i3.svg"); }
.si-integration > div > div > div:nth-child(4) > div:nth-child(1):after { background-image: url("/template/images/integration-i4.svg"); }
.si-integration > div > div > div:nth-child(5) > div:nth-child(1):after { background-image: url("/template/images/integration-i5.svg"); }

.si-integration > div > div > div:nth-child(1) > div:nth-child(2):after { background-image: url("/template/images/integration-i6.svg"); }
.si-integration > div > div > div:nth-child(2) > div:nth-child(2):after { background-image: url("/template/images/integration-i7.svg"); }
.si-integration > div > div > div:nth-child(3) > div:nth-child(2):after { background-image: url("/template/images/integration-i8.svg"); }
.si-integration > div > div > div:nth-child(4) > div:nth-child(2):after { background-image: url("/template/images/integration-i9.svg"); }
.si-integration > div > div > div:nth-child(5) > div:nth-child(2):after { background-image: url("/template/images/integration-i10.svg"); }

.si-integration > div > div > div > div > div:first-child {
	font-weight: 500;
	margin-bottom: 10px;
}

.mb-1 {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.mb-1 > div:last-child {
	width: 50%;
}

.mb-1 > div:last-child img {
	width: 100%;
}

.mb-1 > div:first-child {
	display: flex;
	flex-direction: column;
}

.mb-1 > div:first-child > div {
	padding: 10px 20px 10px 60px;
	min-height: 40px;
	position: relative;
	display: flex;
	align-items: center;
}

.mb-1 > div:first-child > div:before {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	background: linear-gradient(51deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%) !important;
	border-radius: 50%;
}

.mb-1 > div:first-child > div:after {
	content: "";
	display: block;
	width: 48px;
	height: 48px;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px;
}

.mb-1 > div:first-child > div:nth-child(1):after { background-image: url("/template/images/ss-design.svg"); }
.mb-1 > div:first-child > div:nth-child(2):after { background-image: url("/template/images/mb-develop.svg"); }
.mb-1 > div:first-child > div:nth-child(3):after { background-image: url("/template/images/ss-sborka.svg"); }
.mb-1 > div:first-child > div:nth-child(4):after { background-image: url("/template/images/mb-control.svg"); }
.mb-1 > div:first-child > div:nth-child(5):after { background-image: url("/template/images/ss2i22.svg"); }
.mb-1 > div:first-child > div:nth-child(6):after { background-image: url("/template/images/mb-asgp.svg"); }
.mb-1 > div:first-child > div:nth-child(7):after { background-image: url("/template/images/ss-an.svg"); }
.mb-1 > div:first-child > div:nth-child(8):after { background-image: url("/template/images/ss-other.svg"); }

/* Footer */

.footer {
	margin-top: auto;
	clear: both;
	color: #fff;
	background: rgb(44,133,195);
/* 	background: linear-gradient(51deg, rgba(44,133,195,1) 0%, rgba(44,133,195,1) 38%, rgba(119,167,214,1) 100%); */
	background: linear-gradient(51deg, rgba(115,163,203,1) 0%, rgba(115,163,203,1) 38%, rgba(184,210,233,1) 100%);

	font-size: 0.9em;
	padding-top: 80px;
	padding-bottom: 30px;
	position: relative;
}

.footer a {
	color: #fff;
}

.footer > div {
	width: 100%;
	max-width: 1200px;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.footer ul,
.footer li,
.footer p {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

.footer li, 
.footer p {
	margin: 25px 0px;	
}

.footer:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100px;
	width: 100%;
	background-image: url("/template/images/footerl.svg");
	background-position: left top;
	background-repeat: repeat-x;
}

/* Form */

.form > div {
	margin-bottom: 10px;
}

.form label {
	display: block;
	margin-top: 10px;
	margin-bottom: 4px;
}

.form label.no-block {
	padding-left: 30px;
	margin: 10px 0px;
}

.form input[type=checkbox] {
	position: absolute;
	left: 0px;
	top: 3px;
}

.form input[type=text], .form input[type=password], .form textarea {
	font-size: 1em;
	padding: 6px;
	border-radius: 6px;
	border: 1px solid #ddd;
	width: 100%;
	box-sizing: border-box;
}

.form button, .form-button {
	background-color: #7ab1ed;
	color: #fff;
	border: none;
	padding: 7px 10px;
	font-size: 1em;
	cursor: pointer;
	border-radius: 6px;
	cursor: pointer;
	font-weight: 300;
}

.form button:hover, .form-button:hover {
	background-color: #72a9e6;
	text-decoration: none;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.form .error-message {
	color: #f00;
	margin-top: 10px;
}

.contact {
	padding-top: 40px;
}

@media (max-width: 1024px) {

	.home1 .zz {
		display: none;
	}
	
	.home1 {
		overflow: hidden;
	}
	
	.home1 img {
	    width: 120%;
	}
	
	.home2 > div {
		margin: 10px;
	}
	
}

@media (max-width: 768px) {
	
	.header .logo img {
		height: 40px;
	}
	
	.header .menu-button {
		display: block;	
	}
	
	.header .menu-button.menu-button-close {
		background-image: url('/template/images/close.svg');
	}
	
	.header .header-menu {
		position: absolute;
		display: none;
		top: 100%;
		left: 0px;
		width: 100%;
		box-sizing: border-box;
		background-color: rgba(255, 255, 255, 0.9);
		padding: 5px 10px 10px 10px;
	}
	
	.header .header-menu .menu > li {
		display: block;
		line-height: 30px;
	}
	
	.header.active {
		width: 100%;
		height: 100%;
		overflow-y: scroll;
		background-color: #fff;
		
	}
	
	.header.active .header-menu {
		display: block;
	}
	
	.header .header-menu .shop-menu {
		display: block;
	}
	
	.header .logo {
		flex-grow: 1;
	}
	
	.ss-4 > div {
		flex-direction: column;
	}
	
	.ss-4 > div > div {
		padding: 20px;
	}
	
	.ss-5-pre > div {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.ss-5-pre > div > div {
		width: 33%;
		box-sizing: border-box;
	}
	
}

@media (max-width: 480px) {
	
	.header .menu > li {
		display: block;
		padding: 0px;
		margin: 0px;
		margin-top: 5px;	
	}
	
	.title {
		font-size: 1.5em;
		margin-top: 50px;
	}
	
	.header .header-menu .menu {
		flex-direction: column;
		font-size: 1.1em;
	}
	
	.header .header-menu .menu > li {
		margin-top: 20px;
	}
	
	.header > div > div > div:last-child {
		display: none;
	}
	
	.header .logo {
		text-align: center;
		padding-right: 60px;
	}
	
	.header .header-menu .menu {
		margin: 0px 15px;
	}
	
	.home1 {
		overflow: hidden;
		padding-bottom: 160px;
		min-height: 250px;
	}
	
	.home1 img {
		width: 150%;
	}
	
	.home1 .zz {
		display: none;
	}
	
	.home1-title {
		left: 0px;
		padding: 20px;
		width: 100%;
		box-sizing: border-box;
		top: auto;
		bottom: 20px;
		text-align: center;
	}
	
	.home1-title-si {
		bottom: -10px;
	}
	
	.home1-title h1 {
		font-size: 1.5em;
	}
	
	.home1-title div {
		font-size: 1.5em;
	}
	
	.home1 .girl {
		width: 30%;
		top: auto;
		bottom: 160px;
	}
	
	.home2 .image + div {
		height: auto;
	}
	
	.home2 > div {
		max-width: 90%;
		height: 220px;
		margin: 20px;
		border-radius: 32px;
		-webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
		-moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
		box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
	}
	
	.home2 .image {
		width: 48px;
		height: 48px;
	}
	
	.home2 .price {
		margin-top: 0px;
	}
	
	.home2 {
		flex-direction: column;
		align-items: center;
	}
	
	.ss-vh > div,
	.si-vh > div {
		width: auto;
	}
	
	.ss-vh > div:nth-child(2n),
	.si-vh > div:nth-child(2n) {
		padding-left: 0px;
		padding-top: 0px;
	}
	.ss-vh > div:nth-child(2n+1),
	.si-vh > div:nth-child(2n+1) {
		padding-left: 0px;
		padding-top: 0px;
	}
	
	.ss-vh > div > div:first-child > div:first-child,
	.si-vh > div > div:first-child > div:first-child {
		width: 48px;
		height: 48px;
	}
	
	.si-an > div {
		width: auto;
	}
	
	.si-speed img {
		width: 80%;
	}
	
	.si-speed {
		text-align: center;
	}
	
	.si-robot > div > div:last-child {
		padding-left: 0px;
	}
	
	.si-auto > div {
		flex-wrap: wrap;
	}
	
	.si-auto > div > div {
		width: 50%;
		margin-bottom: 20px;
		padding-top: 80px;
	}
	
	.si-auto > div > div::before {
		width: 48px;
		height: 48px;
	}
	
	.si-integration {
		background-size: cover;
		background-image: url("/template/images/integration-v.svg");
	}
	
	.si-integration > div > div > div {
		flex-direction: column;
	}
	
	.si-integration > div > div > div > div {
		width: auto;
		padding-left: 90px;
	}
	
	.si-integration > div > div > div > div:first-child {
		margin-right: 0px;
	}
	
	.si-integration > div > div > div > div:last-child {
		margin-left: 0px;
	}
	
	.si-integration > div > div > div > div::before, 
	.si-integration > div > div > div > div::after {
		width: 48px;
		height: 48px;
		left: 10px;
	}
	
	.si-integration > div > div > div > div::after {
		background-size: 24px;
	}
	
	
	.ss-2 > div {
		flex-wrap: wrap;
	}
	
	.ss-2 > div > div {
		margin: 0px;
		padding: 20px 10px;
		box-sizing: border-box;
		width: 50%;
	}
	
	.ss-2 > div > div > div:first-child {
		font-size: 2em;
	}
	
	.ss-3 > div > div {
		flex-direction: column;
	}
	
	.ss-3 > div > div > div {
		width: auto;
	}
	
	.ss-3 > div > div:first-child > div {
		padding-top: 0px;
	}
	
	.ss-3 > div > div:last-child > div {
		padding-bottom: 0px;
	}
	
	.ss-4 > div > div:first-child {
		margin-top: 50px;
	}
	
	.ss-4 .img img {
		width: 80%;
	}
	
	.ss-4 > div > div:last-child > div::before {
		width: 48px;
		height: 48px;
	}
	
	.ss-4 > div > div:last-child > div::after {
		width: 48px;
		height: 48px;
		background-size: 28px;
	}
	
	.ss-4 > div > div:last-child > div {
		padding-left: 70px;
	}
	
	.ss-5-pre > div > div {
		width: 50%;
	}
	
	.ss-5 {
    	background-position: left top 90px;
    }
	
	.ss-5 .widther {
		flex-direction: column;
	}
	
	.ss-5 .widther > div {
		width: auto;
		padding: 10px;
	}
	
	.ss-6 > div {
		box-sizing: border-box;
		width: 30%;
		padding: 10px;
	}
	
	.ss-7 > div > div > div {
		width: auto;
	}
	
	.ss-p > div > div {
		flex-wrap: wrap;
	}
	
	.ss-p > div > div > div {
		width: 50%;
		box-sizing: border-box;
		margin: 0px;
		padding: 5px;
	}
	
	.mb-1 {
		flex-direction: column;
	}
	
	.mb-1 > div,
	.mb-1 > div:last-child {
		width: auto;
	}
	
	.mb-1 > div:last-child {
		margin-top: 60px;
	}
	
	.footer > div {
		flex-direction: column-reverse;
	}
	
	.footer > div > div {
		width: 80%;
	}
	
}