/* clear */

	.cl:before,
	.cl:after {content: ''; display: table;}
	.cl:after {clear: both;}
	.cl {zoom: 1;}

/* micro */

	.oh {overflow: hidden;}
	.left {float: left;}
	.right {float: right;}
	.hide {display: none;}
	.novis {visibility: hidden;}

/* common */
	body {padding-top: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #f3f3f3 url('../src/bg.png') repeat-x;}
	* {line-height: 135%;}
	p {margin-bottom: 20px;}
	p:last-child {margin: 0;}
	b, strong {font-weight: bold;}
	i, em {font-style: italic;}
	img {vertical-align: bottom;}
	a {color: #004899; text-decoration: underline;}
	a:hover {text-decoration: none;}
	a:focus, input:focus, textarea:focus {outline: none;}
	input, textarea {display: block; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #fff; border: 0;}
	input[type="submit"],
	input[type="reset"] {cursor: pointer;}

/* start */

	.width {margin: 0 auto; padding: 0 20px; width: 1300px; box-sizing: border-box;}
	.inner {background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 0 0 8px 8px;}
	.cn {text-align: center;}
	.rt {text-align: right;}
	.md {display: table-cell; vertical-align: middle;}
	
	.search fieldset {position: relative;}
		.search input[type="text"] {padding: 0 50px 0 15px; width: 325px; line-height: 28px; color: #a0a0a0; border: 1px solid #e1e1e1; border-radius: 4px;}
		.search input[type="submit"] {position: absolute; right: 1px; top: 1px; width: 40px; height: 28px; background: #9dabc0 url('../src/search.png') no-repeat 50% 50%; border-radius: 0 3px 3px 0;}
	
/* header */

	.topnav {margin-bottom: 0px; position: relative; z-index: 10;}
		.topnav nav {background: #eaeaea; border-radius: 7px 7px 0 0;}
			.topnav nav > ul > li {position: relative; float: left; border-right: 1px solid #d0d0d0; width: 11.1%; box-sizing: border-box; text-align: center;}
			.topnav nav > ul > li:last-child {border: 0;}
				.topnav nav > ul > li > a {display: block; padding: 0 28px 0 28px; line-height: 40px; color: #4b4b4b; text-decoration: none; text-transform: uppercase;/* background: url('../src/corn.png') no-repeat 100% 50%;*/}
				/*.topnav nav > ul > li:last-child > a {padding-right: 27px;}*/

	.header {margin-bottom: 10px;}
		.header nav {background: #eaeaea; /*border-radius: 7px 7px 0 0;*/}
			.header nav > ul > li {position: relative; float: left; border-right: 1px solid #d0d0d0; width: 11%; text-align: center; box-sizing: border-box;}
			.header nav > ul > li.curr a {background: #999; color: #fff;}
			.header nav > ul > li:last-child {border: 0;}
				.header nav > ul > li > a {display: block; padding: 0px; line-height: 40px; color: #4b4b4b; text-decoration: none; text-transform: uppercase;/* background: url('../src/corn.png') no-repeat 100% 50%;*/}
				/*.header nav > ul > li:last-child > a {padding-right: 27px;}*/
				.header nav ul ul {position: absolute; top: 40px; left: 0; display: none; background: #f5f5f5;}
				.header nav ul li:hover ul {display: block;}
					.header nav ul ul li {border-bottom: 1px solid #eaeaea;}
					.header nav ul ul li:last-child {border: 0;}
						.header nav ul ul a {display: block; padding: 5px 10px;  line-height: 15px; color: #4b4b4b; text-decoration: none;}
						.header nav ul ul a:hover {background: #efefef;}
		.header .wrap {/*overflow: hidden;*/ padding: 20px 10px 10px 10px; height: 140px; box-sizing: border-box;}
			.header .logo {float: left; width: 170px; height: 100px; background: url('../src/logo.png') no-repeat;}
				.header .logo a {display: block; width: 170px; height: 100px;}
			.header .extra {float: left; margin-left: 240px;}
				.header .search {margin-bottom: 15px;}
				.header .cart {display: inline-block; padding-left: 32px; padding-right: 8px; line-height: 32px; color: #fff; background: #c30416 url('../src/cart.png') no-repeat 5px 50%; border-radius: 5px;}
				.header .cart:hover {background: #474747 url('../src/cart.png') no-repeat 5px 50%;}
			.header .extra2 {float: right; padding-right: 20px;}
				.header .phone {margin-bottom: 5px; font-size: 26px; color: #000;}
					.header .phone a {color: #000; text-decoration: none;}
					.header .phone span {color: #9dabc0;}
				.header .mail {margin-bottom: 5px; color: #000; font-size: 13px;}
					.header .mail a {color: #686868; text-decoration: none;}
				.header .schedule {margin-bottom: 5px; font-size: 13px; color: #686868;}
				.header .scheme {display: inline-block; margin-top: 5px; padding-left: 22px; line-height: 23px; background: url('../src/place.png') no-repeat 0 50%;}
					.header .scheme a {font-size: 13px; color: #686868; text-decoration: none; border-bottom: 1px dotted #686868;}
					.header .scheme a:hover {border: 0;}
				.header .pricelist {margin-left: 15px; margin-top: 5px; display: inline-block; padding-left: 25px; line-height: 23px; background: url('../src/price.png') no-repeat 0 50%;}
					.header .pricelist a {font-size: 13px; color: #686868; text-decoration: none; border-bottom: 1px dotted #686868;}
					.header .pricelist a:hover {border: 0;}
		.header .nav {background: #474747; border-top: 1px solid #303030;}
			.header .nav > li {position: relative; float: left; padding: 10px 0; width: 25%; text-align: center;}
			.header .nav > .a {border-bottom: 2px solid #edbb60;}
				.header .nav .a .child {border: 2px solid #edbb60;}
				.header .nav .a .child > li > a:hover {background: #edbb60;}
				.header .nav .a .child2 {border-top: 2px solid #edbb60; border-right: 2px solid #edbb60; border-bottom: 2px solid #edbb60;}
			.header .nav > .b {border-bottom: 2px solid #0098d1;}
				.header .nav .b .child {border: 2px solid #0098d1;}
				.header .nav .b .child > li > a:hover {background: #0098d1;}
				.header .nav .b .child2 {border-top: 2px solid #0098d1; border-right: 2px solid #0098d1; border-bottom: 2px solid #0098d1;}
			.header .nav > .c {border-bottom: 2px solid #bdd664;}
				.header .nav .c .child {border: 2px solid #bdd664;}
				.header .nav .c .child > li > a:hover {background: #bdd664;}
				.header .nav .c .child2 {border-top: 2px solid #bdd664; border-left: 2px solid #bdd664; border-bottom: 2px solid #bdd664;}
			.header .nav > .d {border-bottom: 2px solid #c30416;}
				.header .nav .d .child {border: 2px solid #c30416;}
				.header .nav .d .child > li > a:hover {background: #c30416;}
				.header .nav .d .child2 {border-top: 2px solid #c30416; border-left: 2px solid #c30416; border-bottom: 2px solid #c30416;}
			.header .nav > .e {border-bottom: 2px solid #6719C7;}
				.header .nav .e .child {border: 2px solid #6719C7;}
				.header .nav .e .child > li > a:hover {background: #6719C7;}
				.header .nav .e .child2 {border-top: 2px solid #6719C7; border-left: 2px solid #6719C7; border-bottom: 2px solid #6719C7;}
				
				.header .nav > li > a {display: table-cell !important; padding: 0 !important; background: none !important; vertical-align: middle; width: 314px; height: 30px; font-size: 13px; color: #fff; text-decoration: none; text-transform: uppercase; border-right: 2px solid #a3a3a3;}
				.header .nav > li:last-child > a {border: 0;}
				.header .child {position: absolute; z-index: 1; top: 51px; left: 0; display: none; padding-top: 10px; width: 310px; min-height: 320px; text-align: left; background: #fff;}
				.header .nav > li:hover .child {display: block;}
					.header .nav .a .child > li:hover {background: #edbb60;}
					.header .nav .b .child > li:hover {background: #0098d1;}
					.header .nav .c .child > li:hover {background: #bdd664;}
					.header .nav .d .child > li:hover {background: #c30416;}
					.header .child > li > a {position: relative; display: block; line-height: 18px; font-size: 14px; color: #474747; text-align: left; text-decoration: none;}
					.header .child > li:hover > a {color: #fff;}
						.header .child > li > a > span {display: block; margin: 0 20px; padding: 5px 0; border-bottom: 1px solid #e3e3e3;}
						.header .child > .nosep > a > span {padding-bottom: 6px; border: 0;}
						.header .child > li > a:hover > span,
						.header .child > li:last-child > a > span {border-bottom: 0;}
						.header .child > li > a:hover > span {padding-bottom: 6px;}
							.header .child .corn {position: absolute; z-index: 2; top: 0; width: 10px; height: 29px;}
							.header .nav .a .child .corn,
							.header .nav .b .child .corn {right: -10px;}
							.header .nav .c .child .corn,
							.header .nav .d .child .corn, .header .nav .d .child .corn {left: -10px;}
							.header .nav .a .child .corn {background: url('../src/corn4-a.png') no-repeat;}
							.header .nav .b .child .corn {background: url('../src/corn4-b.png') no-repeat;}
							.header .nav .c .child .corn {background: url('../src/corn4-c.png') no-repeat;}
							.header .nav .d .child .corn {background: url('../src/corn4-d.png') no-repeat;}
							.header .nav .e .child .corn {background: url('../src/corn4-e.png') no-repeat;}
					.header .child2 {overflow: hidden; position: absolute; z-index: 1; top: -2px; display: none; width: 440px; height: 310px; padding: 10px 20px; background-color: #fff; background-image: url('../src/pix.png'); background-repeat: repeat-y;}
					.header .nav .a .child2,
					.header .nav .b .child2 {background-position: 0 0;}
					.header .nav .c .child2,
					.header .nav .d .child2 {background-position: 100% 0;}
					.header .nav .a .child2,
					.header .nav .b .child2 {left: 100%;}
					.header .nav .c .child2,
					.header .nav .d .child2, .header .nav .e .child2 {right: 100%;}
					.header .child > li:hover .child2 {display: block;}
						.header .child2 .col-a {float: left; margin-right: 10px; padding-right: 10px; width: 209px; border-right: 1px solid #e3e3e3;}
							.header .child2 .col-a ul {overflow: auto; width: 209px; height: 285px;}
						.header .child2 .col-b {float: left; width: 210px;}
							.header .child2 .col-b ul {overflow: auto; width: 210px; height: 285px;}
							.header .child2 strong {margin-bottom: 5px; padding-bottom: 5px; font-size: 14px; font-weight: bold; color: #0098d1; text-transform: uppercase; border-bottom: 1px solid #e3e3e3;}
							.header .child2 li a {display: block; padding: 5px 0; line-height: 18px; font-size: 14px; color: #474747; text-align: left; text-decoration: none;}
							.header .child2 li a:hover {text-decoration: underline;}
							.header .child2 .col-a li:first-child a {font-weight: bold;}
							.header .child2 .col-b a {text-transform: uppercase;}
							
/* body */

	.body {overflow: hidden; margin-bottom: 10px; padding: 0 10px;}
		.aside {float: left; width: 240px;}
			.aside section:last-child {margin-bottom: 0;}
		.main {float: right; width: 985px;}
			.main h2 {margin-bottom: 10px; font-size: 24px; color: #0098d1;}

	.slogan {margin-bottom: 10px; text-align: center; background: #f8ab1e; padding: 15px; font-size: 18px; color: #fff;  text-transform: uppercase; font-weight: bold;}

	.mainslider {margin: 0 10px 10px 10px;}
		.mainslider .bx-wrapper {position: relative;}
			.mainslider ul {overflow: hidden;}
				.mainslider li {position: relative;}
				.mainslider .text {position: absolute; top: 150px; left: 20px; width: 300px; height: 200px;}
					.mainslider h2 {margin-bottom: 24px; font-weight: bold; font-size: 24px; color: #000; text-transform: uppercase; line-height: 24px;}
					.mainslider h3 {margin-bottom: 20px; font-size: 18px; color: #000;}
					.mainslider .text p {line-height: 18px; font-size: 14px; color: #666; text-transform: uppercase;}
					.mainslider .text .more {display: inline-block; background: #9dabc0 url('../src/corn3.png') no-repeat 100% 50%; border-radius: 3px;}
						.mainslider .text .more a {display: block; padding: 10px 35px 10px 20px; color: #fff; text-decoration: none;}
						.mainslider .text .more a:hover {text-decoration: underline;}
			.mainslider .bx-controls {position: absolute; bottom: 10px; left: 0; width: 100%; height: 25px; text-align: center;}
				.mainslider .bx-controls .bx-pager {overflow: hidden; display: inline-block; padding: 5px; background: #fff; border-radius: 3px 3px 0 0;}
					.mainslider .bx-pager-item {float: left; margin-right: 5px;}
					.mainslider .bx-pager-item:last-child {margin-right: 0;}
						.mainslider .bx-pager-item a {display: block; width: 15px; height: 15px; text-indent: -9999px; background: #bac7d9; border-radius: 3px;}
						.mainslider .bx-pager-item .active {background: #9caabf;}


			.mainslider .slick-dots {position: absolute; bottom: 10px; left: 0; width: 100%; height: 25px; text-align: center;}
				.mainslider .slick-dots .bx-pager {overflow: hidden; display: inline-block; padding: 5px; background: #fff; border-radius: 3px 3px 0 0;}
					.mainslider .slick-dots li {display: inline-block; margin-right: 5px;}
					.mainslider .slick-dots li:last-child {margin-right: 0;}
						.mainslider .slick-dots li button {display: block; width: 15px; height: 15px; text-indent: -9999px; background: #ffe26d; border-radius: 3px; border: none;}
						.mainslider .slick-dots li.slick-active button {background: #a30101;}
	
	.banner {overflow: hidden; margin-bottom: 10px;}
		.banner header {padding: 20px; /*10px 15px 9px 15px;*/  /*border-radius: 8px 8px 0 0;*/ text-align: center;}
		.banner h3 {font-size: 16px; color: #eaeaea; text-transform: uppercase;}
		.banner h3 a {color: #0098d1 !important; font-weight: bold;}
		.banner.a {height: 420px;/* */}
		.banner.b header {padding-top: 15px;padding-bottom: 15px;border-top: 5px solid #0098d1}
		.banner.a a {display: block; height: 100%;}
		.banner.b {border-bottom: 5px solid #0098d1; /*float: left;*/ width: 100%; /*height: 245px; background: #ededed;*/ /*border: 1px solid #9dabc0; border-radius: 8px;*/ margin-top: 20px;}
			.banner figure {position: relative;}
				/*.banner img {position: absolute; top: 0; left: 0;}*/
				.banner.a figcaption {position: absolute; top: 180px; left: 50px; width: 230px; font-size: 14px; line-height: 17px; text-transform: uppercase;}
				.banner.b li {display: inline-block; width: 400px; margin-right: 10px; vertical-align: top; padding-top: 10px;}
				.banner.b figcaption {position: absolute; top: 20px; left: 20px; width: 125px; line-height: 15px;}
				.banner.b a {color: #333;}
					.banner.b figcaption b {display: block; margin-bottom: 3px; font-size: 16px; color: #000;}
					.banner.b figure {height: 212px;}

			.banner.b .bx-controls {position: absolute; bottom: 0px; left: 0; width: 100%; height: 25px; text-align: center;}
				.banner.b .bx-controls .bx-pager {overflow: hidden; display: inline-block; padding: 5px; background: #fff; border-radius: 3px 3px 0 0;}
					.banner.b .bx-pager-item {float: left; margin-right: 5px;}
					.banner.b .bx-pager-item:last-child {margin-right: 0;}
						.banner.b .bx-pager-item a {display: block; width: 15px; height: 15px; text-indent: -9999px; background: #bac7d9; border-radius: 3px;}
						.banner.b .bx-pager-item .active {background: #9caabf;}

		.banner.f {float: left; width: 306px; height: 207px; background: #ededed; border: 1px solid #9dabc0; border-radius: 8px;}
			.banner figure {position: relative;}
				/*.banner img {position: absolute; top: 0; left: 0;}*/
				.banner.f figcaption {position: absolute; top: 20px; left: 20px; width: 125px; line-height: 15px;}
				.banner.f a {color: #333;}
					.banner.f figcaption b {display: block; margin-bottom: 3px; font-size: 16px; color: #000;}

		.banner.o {padding-top: 15px;padding-bottom: 1px; text-align: center; border-top: solid 5px #6719C7; margin-top: 10px;}
		.banner.o a {padding-top: 15px;padding-bottom: 1px;font-size: 16px; color: #6719C7 !important; font-weight: bold; text-transform: uppercase;}

		.banner.s  {text-align: center;padding-top: 15px;padding-bottom: 1px;border-top: 5px solid #bdd664; margin:10px; }
		.banner.s a {padding-top: 15px;padding-bottom: 1px;font-size: 16px; ;color: #bdd664 !important; font-weight: bold; text-transform: uppercase;}

					
	.box {overflow: hidden; margin-bottom: 10px; padding: 0 10px;}
		.slider {/*float: left; margin-right: 8px;*/ width:1240px;}
			.slider header {padding: 10px 15px 9px 15px; background: #bdd664; /*border-radius: 8px 8px 0 0;*/ text-align: center;}
				.slider h3 {font-size: 16px; color: #eaeaea; text-transform: uppercase;}
				.slider h3 a {color: #fff !important; font-weight: bold;}
			.slider .cont {padding: 10px 0; height: 270px; text-align: center; /*border: 1px solid #9dabc0; border-radius: 0 0 8px 8px;*/}
				.slider .bx-wrapper {position: relative;}
					.slider .md {width: 194px; text-align: center;}
					.slider .price {margin-bottom: 5px; font-size: 18px; color: #9dabc0; min-height: 30px;}
						.slider .price span {font-size: 12px;}
					.slider .cont a {line-height: 15px; color: #333;}
					.slider .article {font-size: 11px; color: #9dabc0; padding: 2px 0px}
				.slider .slick-arrow {position: absolute; top: 45%; text-indent: -9999px; display: block; z-index: 100; border: none; width: 23px; height: 42px; background: url('../src/ctrl.png') no-repeat;}
					.slider  .slick-prev {left: 0px;}
					.slider  .slick-next {right:0px; background-position: -25px 0 !important;}
					
	.banner.c {margin-bottom: 20px; text-align: center; background: #cc0000;}
		.banner.c a {display: block; padding-top: 10px; padding-bottom: 5px; font-size: 18px; color: #fff;  text-transform: uppercase; font-weight: bold;}
		.banner.c a:hover {text-decoration: none;}

	.banner.t {margin-bottom: 20px; text-align: center;border-top: solid 5px #333333;}
		.banner.t a {display: block; padding-top: 15px; padding-bottom: 1px; font-size: 18px; color: #333333;  text-transform: uppercase; font-weight: bold;}
		.banner.t a:hover {text-decoration: none;}
		
	.files {overflow: hidden; margin: 0 0px 30px 0px; padding: 0px;}
	.files.filesmain {margin: 0 10px 20px 10px; padding: 0px 0px 5px 0px; border-bottom: 5px solid #bdd664;}
		.files article {overflow: hidden; float: left; margin-right: 8px; margin-bottom: 10px; width: calc(25% - 10px); border: 1px solid #9dabc0; border-radius: 8px;}
		.files article:last-child {margin: 0;}
			.files .img {float: left; margin-right: 15px; width: 110px;}
			.files .cont {float: left; padding-right: 15px; width: calc(100% - 141px);}
				.files .cont a {display: inline-block; /*padding-right: 30px;*/ line-height: 15px; color: #333; background: url('../src/file.png') no-repeat 100% 100%;}

	.sect-footer { line-height: 1.5em; }
		.sect-footer .wrap { overflow: hidden; padding: 20px 10px; }
		.sect-footer h1 { font-size: 26px; margin: 0 0 12px 0; color: #0098d1; }
		.sect-footer ul { margin: 0 0 12px 40px; list-style-type: square; }
		.sect-footer li { list-style-type: square; }
		.sect-footer p { margin-bottom: 6px;  }
	.nav2 {padding: 0 10px;}
		.nav2 .wrap {overflow: hidden; padding: 15px; background: #474747; border-radius: 8px 8px 0 0;}
			.nav2 section {margin-right: 15px; width: 100%;}
			.nav2 section:last-child {margin: 0;}
				.nav2 section h4 {margin-bottom: 15px; font-size: 13px; font-weight: bold; color: #fff;}
				.nav2 section ul {width: 210px;}
					.nav2 section li {margin-bottom: 7px;}
						.nav2 section li a {font-size: 12px; color: #eaeaea; text-decoration: none;}
						.nav2 section .cat {margin-bottom: 15px;}
							.nav2 section .cat a {font-weight: bold; font-size: 16px; text-decoration: none; min-height: 50px; display: block;}
				.nav2 section .wrap2 {overflow: hidden;}
					.nav2 section .wrap2 ul {float: left; margin-right: 15px; width: calc(20% - 15px);}
					.nav2 section .wrap2 ul:last-child {margin: 0;}
	.bottomnav {border-top: 1px solid #999; margin-top: 20px !important;}
	.bottomnav ul {width: 100% !important; margin-top: 20px;}
	.bottomnav ul li {float: left; width: 225px;}
					
	.bottom {padding: 0 10px 10px 10px;}
		.bottom .wrap {overflow: hidden; padding: 10px; background: #e2e2e2; border-radius: 0 0 8px 8px;}
			.bottom .logo {float: left; width: 170px; height: 70px; background: url('../src/logo2.png') no-repeat; background-size: contain;}
			.bottom .contact {float: right; width: 200px; margin-right: 257px; margin-top: 10px; text-align: left; font-size: 12px;}
				.bottom .contact p,
				.bottom .contact a {line-height: 17px; color: #333; font-size: 13px; font-weight: bold;}
				
	.menu {margin-bottom: 20px;}
		.menu header {padding: 10px 20px 9px 20px; background: #0098d1; border-radius: 8px 8px 0 0;}
			.menu header h3 {font-size: 16px; color: #eaeaea; text-transform: uppercase;}
		.menu .cont {padding: 20px; border: 1px solid #0098d1; border-radius: 0 0 8px 8px;}
			.menu .cont li {margin-bottom: 10px;}
			.menu .cont li:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
			.menu .cont > ul > li {padding-bottom: 10px; border-bottom: 1px solid #ddd;}
				.menu .cont a {line-height: 17px; font-size: 14px; text-decoration: none;}
				.menu .cont a:hover {text-decoration: underline;}
				.menu .cont > ul > li > a {color: #474747;}
				.menu .cont ul ul {margin-top: 10px;}
					.menu .cont > ul > li > ul > li {padding-left: 10px;}
					.menu .cont .parent {background: url('../src/corn2.png') no-repeat 5px 4px;}
						.menu .cont > ul > li > ul > li > a {color: #a3a3a3;}
				.menu .cont ul ul ul {display: none;}
				.menu .cont ul ul li.curr ul {display: block;}
						.menu .cont ul ul ul li {padding-left: 10px;}
							.menu .cont ul ul ul a {line-height: 16px; font-size: 13px; color: #333;}
							
	.banner.d {float: left; width: 238px; height: 207px; background: #ededed; border: 1px solid #9dabc0; border-radius: 8px;}
		.banner.d figcaption {position: absolute; top: 20px; left: 20px; width: 125px; line-height: 15px;}
		.banner.d a {color: #333;}
			.banner.d figcaption b {display: block; margin-bottom: 3px; font-size: 16px; color: #000;}
			
	.breadcrumbs {margin-bottom: 10px; font-size: 12px; color: #a3a3a3;}
		.breadcrumbs a {font-size: 12px; color: #d1429a;}
		.breadcrumbs span.sep {color: #999;padding: 0 5px;}

		
	.body .row {overflow: hidden; margin-bottom: 5px; padding: 5px;}
	.body .row:last-child {margin: 0;}
		.body .row article {display: inline-block; margin-right: 3px; width: 180px; margin-bottom: 10px; height: 340px; padding: 5px; border-radius: 5px;}
		.body .row article:nth-child(5) {margin: 0;}
		.body .row article:hover {box-shadow: 0 0 10px rgba(0,0,0,0.5);}
		.body .row article:hover .btn {background: #C30416;}
			.body .row article .img {width: 180px; text-align: center; height: 118px;}
			.body .row article .wrap {overflow: hidden; margin-bottom: 5px;}
				.body .row article .article {float: left; line-height: 11px; font-size: 11px; color: #a3a3a3; margin-bottom: 8px;}
				.body .row article .price {float: left; font-size: 16px; /*color: #9dabc0; */ height: 30px; color: #333;}
					.body .row article .price span {font-size: 12px;}
			.body .row article .link {margin-bottom: 5px;}
				.body .row article .link a {display: inline-block; line-height: 17px; font-size: 14px; color: #474747;}
			.body .row article .desc {margin-bottom: 10px; line-height: 14px; font-size: 11px; color: #474747;}
			.body .row article .btn a {display: block; line-height: 30px; font-size: 12px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; background: #9dabc0; border-radius: 5px; width: 100% !important;}
				.body .row article .btn span {border-bottom: 1px dotted #fff;}
				.body .row article .btn a:hover span {border: 0;}
	
/* footer */

	.dev {padding: 20px 30px; font-size: 11px; color: #9dabc0; width: 49%; display: inline-block; vertical-align: top; box-sizing: border-box;}
		.dev a {color: #9dabc0;}


/*************************************************************************************/
.header .cart a {color: #fff; text-decoration: none; font-weight: bold;}

	.box2 {overflow: hidden; margin-bottom: 10px; margin-top: 20px; padding: 0;}
		.slider2 {float: left; margin-right: 8px; width: 985px;}
			.slider2 header {padding: 10px 15px 9px 15px; background: #9dabc0; border-radius: 8px 8px 0 0;}
				.slider2 h3 {font-size: 16px; color: #eaeaea; text-transform: uppercase;}
			.slider2 .cont {padding: 10px 0; height: 160px; text-align: center; border: 1px solid #9dabc0; border-radius: 0 0 8px 8px;}
				.slider2 .bx-wrapper {position: relative;}
					.slider2 .md {text-align: center; width: 190px; padding-bottom: 5px;}
					.slider2 .md img {margin: 0 auto;}
					.slider2 .price {margin-bottom: 5px; font-size: 18px; color: #9dabc0;}
						.slider2 .price span {font-size: 12px;}
					.slider2 .cont a {line-height: 15px; color: #333;}
				.slider2 .slick-arrow {position: absolute; top: 45%; text-indent: -9999px; display: block; z-index: 100; border: none; width: 23px; height: 42px; background: url('../src/ctrl.png') no-repeat;}
					.slider2  .slick-prev {left: 0px;}
					.slider2  .slick-next {right:0px; background-position: -25px 0 !important;}

.colors div {width: 20px; height: 20px;  margin-right: 3px; float: left;  border: solid 1px #ccc;}
.colors a {display: block; width: 18px; height: 18px; border: solid 1px #fff;}
.colors div.curr {border: solid 1px #000;}

.main input[type="text"], .main input[type="password"], textarea  {padding: 0 5px 0 5px; background: #fff; line-height: 28px; color: #a0a0a0; border: 1px solid #e1e1e1; border-radius: 4px;}
.main input[type="submit"] {height: 28px; background: #9dabc0; border-radius: 3px; color: #fff; margin: 0 auto;}

.red {color: #cc0000;}

.btn a {display: block; line-height: 30px; font-size: 12px; color: #fff; text-align: center; text-transform: uppercase; text-decoration: none; background: #9dabc0; border-radius: 5px;}

.header .child2 .col-a li:first-child a {font-weight: normal !important;}
.header nav > ul > li > a {display: block; padding: 0px;}
.header nav > ul > li > a:hover {background: #999; color: #fff;}

						.header .nav>li:nth-child(3) .child2 .col-a {float: right;}
						.header .nav>li:nth-child(3) .child2 .col-b {float: left;}
						.header .nav>li:nth-child(4) .child2 .col-a {float: right;}
						.header .nav>li:nth-child(4) .child2 .col-b {float: left;}

.main ul {margin-left: 20px; list-style-type: disc; margin-bottom: 10px;}
.body .row article .btn {margin-top: 5px; width: 160px !important;}

.main, .main p {line-height: 14px;}

.main h1 {line-height: 18px; font-size: 20px; margin-bottom: 10px; margin-top: 15px; color: #0098d1;}

.main h2 {line-height: 24px;}

.main h3 {line-height: 14px; font-size: 18px; margin-bottom: 10px; margin-top: 15px;}
.main h3 a {color: #4C7DA6; text-decoration: none; border-bottom: 1px dashed #4C7DA6;}

.main h4 {margin-bottom: 10px; margin-top: 20px; font-size: 16px; color: #0098d1; line-height: 20px;}

.collapsible>div {display: none;}
.open>div  {display: block;}

.nav2 .header li a {padding: 0px 25px !important;}
.bottom .logo2 {float: right; width: 170px; height: 70px; background: url('../src/dna.png') no-repeat;}
.bottom .soc {float: left; width: 160px; height: 50px; margin-left: 30px; padding-top: 24px;}

.regist_menu {float: right; text-align: right; margin-top: 10px;}
.regist_menu a {
font-size: 13px;
color: #686868;
text-decoration: none;
border-bottom: 1px dotted #686868;
}

				.banner.b .bx-wrapper {position: relative;}
				.banner.b .bx-controls-direction a {position: absolute; top: -117px; display: block; width: 23px; height: 42px; background: url('../src/ctrl.png') no-repeat;}
					.banner.b .bx-prev {left: 0px;}
					.banner.b .bx-next {right:0px; background-position: -25px 0 !important;}
				.banner.b .slick-arrow {position: absolute; top: 84px; text-indent: -9999px; display: block; z-index: 100; border: none; width: 23px; height: 42px; background: url('../src/ctrl.png') no-repeat;}
					.banner.b .slick-prev {left: 0px;}
					.banner.b .slick-next {right:0px; background-position: -25px 0 !important;}

				.banner.d .slick-arrow {position: absolute; top: 84px; text-indent: -9999px; display: block; z-index: 100; border: none; width: 23px; height: 42px; background: url('../src/ctrl.png') no-repeat;}
					.banner.d .slick-prev {left: 0px;}
					.banner.d .slick-next {right:0px; background-position: -25px 0 !important;}

.specprice {position: relative;}
.specprice div {position: absolute; left: 0px; top: 0px; width: 120px; height: 40px; background: url('../src/special.png') no-repeat; font-size: 20px; line-height: 40px; color: #fff; text-align: center; z-index: 255;}

.specprice_v {position: relative;}
.specprice_v div {position: absolute; left: 0px; top: 0px; width: 120px; height: 40px; background: url('../src/special_v.png') no-repeat; font-size: 20px; line-height: 40px; color: #fff; text-align: center; z-index: 255;}

.specprice2 {position: relative;}
.specprice2 div {position: absolute; z-index: 0; right: 0px; top: 0px; width: 55px; padding-left: 5px; height: 25px; background: url('../src/special2.png') no-repeat; font-size: 14px; line-height: 25px; color: #fff; text-align: center; z-index: 255;}


.specprice2_v {position: relative;}
.specprice2_v div {position: absolute; z-index: 0; right: 0px; top: 0px; width: 55px; padding-left: 5px; height: 25px; background: url('../src/special2_v.png') no-repeat; font-size: 14px; line-height: 25px; color: #fff; text-align: center; z-index: 255;}

.payorder {
    background: #cc0000 none repeat scroll 0% 0%;
    padding: 10px 20px;
    margin-top: 10px;
    width: 140px;
    border-radius: 5px;
    text-align: center;
}

.payorder a {
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

span.unity {display: inline-block; 
font-size: 12px;
color: #FFF;
text-decoration: none;
background: #9DABC0 none repeat scroll 0% 0%;
border-radius: 5px; padding: 0px 3px; margin-left: 3px;}

div.unity {display: inline-block; 
font-size: 14px;
color: #FFF;
text-decoration: none;
background: #9DABC0 none repeat scroll 0% 0%;
border-radius: 5px; padding: 5px 5px; margin-bottom: 5px;}

.tbl {margin-top: 10px;}
.tbl th {font-weight: bold; padding: 5px 10px;; border-bottom: 1px solid #e7e7e7; text-align: left; color: #fff; background: #383838;}
.tbl td {padding: 5px 10px; border-bottom: 1px solid #e7e7e7; vertical-align: middle;}
.tbl td h2 {font-size: 18px; font-weight: bold;}
.tbl td h3 {font-size: 14px; font-weight: bold;}
.tbl td input[type="text"] {padding: 0 5px; width: 25px; line-height: 22px; font-family: 'PTSansItalic'; font-size: 14px; color: #2b2b2b; text-align: center; border: 1px solid #c3ccd1; border-radius: 5px; position: relative; top: 3px;}
.tbl tr:nth-child(even) {background: #f1f1f1;}
.tbl .sum {font-weight: bold; color: #cc0000;}
.tbl .total {font-weight: bold; text-align: right; padding: 10px; font-size: 14px;}
#sum {font-weight: bold; color: #fff; font-size: 14px;}
#total {font-weight: bold; color: #fff; font-size: 14px;}

.print {text-align: right; width: 190px; height: 32px; /*background-image: url("../src/print.png") !important; background-repeat: no-repeat; background-position: 0 0;*/}
.print a {display: block; width: 140px; line-height: 16px; text-decoration: none; border-bottom: 1px dashed #004899; margin-top: 5px; float: right;}

.tabs-menu {margin: 5px 0 0px 0 !important; }
.tabs-menu li {float: left; list-style-type: none; }
.tabs-menu li a {
        display: block;
        padding: 0 24px;
        color: #333;
        font-size: 13px;
        font-weight: 700;
        line-height: 52px;
        text-decoration: none;
        height: 40px;
        line-height: 40px; }
.tabs-menu li.current a {background: #9DABC0; border-radius: 8px 8px 0px 0px; color: #fff;}
.tab {margin-bottom: 40px;}
.tab .tab-content {display: none;}
.tab #tab-1 {display: block;}

#addreview {display: none;}
#addreview div {margin-bottom: 10px;}
#addreview #mail {display: none;}
#addreview input[type="text"] {width: 200px;}
#addreview input[type="radio"] {display: inline;}
#addreview textarea {width: 400px;}

#addquestion {display: none;}
#addquestion div {margin-bottom: 10px;}
#addquestion #mail2 {display: none;}
#addquestion input[type="text"] {width: 200px;}
#addquestion input[type="radio"] {display: inline;}
#addquestion textarea {width: 400px;}

#addcomment {display: none;}
#addcomment div {margin-bottom: 10px;}
#addcomment #mail2 {display: none;}
#addcomment input[type="text"] {width: 200px;}
#addcomment input[type="radio"] {display: inline;}
#addcomment textarea {width: 400px;}

.btn {
height: 28px;
line-height: 28px;
background: #9DABC0;
border-radius: 3px;
color: #FFF;
text-decoration: none;
display: block;
padding: 0 10px;
width: 100px;
text-align: center;
margin-bottom: 10px;
}

.reviews div {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E1E1E1;}
.reviews div:last-child {margin-bottom: 0px; padding-bottom: 0px; border-bottom: none;}
.reviews p {margin-bottom: 5px;}

.tab .tab-content {
padding: 20px;
border: 1px solid #9DABC0;
border-radius: 0px 8px 8px 8px;
}

.add_review {float: left; width: 300px;}
.link_all {float: left; width: 640px; text-align: right; line-height: 28px;}

.slider2.b .md {height: 70px;}

.search-page  input[type="text"] {display: inline-block;}
.search-page  input[type="submit"] {display: inline-block; width: 100px;}

.fancyblock {display: none; width: 800px;
padding-right: 30px; padding-top: 20px;
box-sizing: border-box;
overflow-x: hidden; font-size: 12px; line-height: 14px;}


.fancyblock h2 {margin-bottom: 10px;
font-size: 24px;
color: #0098d1;}

.price .old_price {font-size: 12px; color: #a3a3a3; text-decoration: line-through; }

.actions {}
.actions .action.yellow {background: #EDBB60;}
.actions .action.blue {background: #0098D1;}
.actions .action.green {background: #BDD664;}
.actions .action.red {background: #C30416;}
.actions .action.pink {background: #D1429A;}
.actions .action.violet {background: #7D03EC;}
.actions .action {display: block; width: 100%; height: auto; margin-bottom: 20px;}
.actions .action .img {width: 400px; height: 200px; display: inline-block; vertical-align: top; overflow: hidden;}
.actions .action .img img {-ms-transform: scale(1); transform: scale(1); transition: transform .3s ease-out;}
.actions .action:hover .img img {-ms-transform: scale(1.05); transform: scale(1.05);}
.actions .action .text {width: calc(100% - 410px); height: 200px; display: inline-block; vertical-align: top; padding: 20px; box-sizing: border-box; overflow: hidden;}
.actions .action .text * {color: #fff; text-decoration: none;}
.actions .action .text, .actions .action p {font-size: 14px; line-height: 16px;}
.actions .action p {margin-bottom: 15px;}

.sorting {
    padding-top: 0px;
    padding-bottom: 20px;
}

.sorting__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sorting__label {
    margin-right: 15px;
}

.sorting__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 !important;
    padding: 0;
    list-style: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sorting__item {
    margin-right: 15px;
    font-size: 13px;
    list-style: none;
    line-height: 1.2307692308;
}

.link-pseudo {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.sorting__link.active {color: #000; padding: 0px 0px;}

.icons-text {margin-bottom: 20px; padding: 0 20px;}
.icons-text .icon {width: 100px; height: 100px; display: inline-block; vertical-align: top; margin-right: 20px; overflow: hidden;}
.icons-text .icon img {-ms-transform: scale(1); transform: scale(1); transition: transform .3s ease-out;}
.icons-text:hover .icon img {-ms-transform: scale(1.05); transform: scale(1.1);}
.icons-text .text {width: calc(100% - 130px);display: inline-block; vertical-align: top; box-sizing: border-box; font-size: 14px; line-height: 18px;}
.icons-text .text h3 {color: #C30416;}
.icons-text .text p {font-size: 14px; line-height: 18px; }
.icons-text.gray {background: #f1f1f1; padding: 20px;}

.text-column {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    text-align: justify;
}

.tag {display: inline-block; padding: 1px 8px; background: #fff; border-radius: 5px; margin-right: 5px; border: 1px solid #ccc; margin-bottom: 20px;}
.tag a {text-decoration: none; line-height: 22px;}
.tag a:hover {}
.tag.curr, .tag:hover {background: #9DABC0;}
.tag.curr a, .tag:hover a {color: #fff;}

.c-burger {
    display: none;
    width: 40px;
    height: 40px;
    padding: 5px;
    position: relative;
	box-sizing: border-box;
}

.c-burger__line {
    height: 3px;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 50%;
    margin-top: -2px;
    background-color: #4a565e;
}

.c-burger__line:before {
    top: -8px;
}

.c-burger__line:after {
    top: 8px;
}

.c-burger__line:after, .c-burger__line:before {
    height: 3px;
    position: absolute;
    display: block;
    content: "";
    background-color: #4a565e;
    left: 0;
    width: 100%;
}

.userblock {display: none;}

.c-search {
    display: none;
    width: calc(100% - 190px);
    height: 40px;
    padding: 4px;
}

@media only screen and (max-width: 1280px) {
	.width {padding: 0;}
}

@media only screen and (max-width: 1260px) {
	.width {width: 100%;}
	footer {width: 100%;}
	.header .nav > li {width: 25%;}
	.header .extra {margin-left: 200px;}
	.nav2 .header li a {padding: 0px 25px 0px 25px !important;}
	.files article {width: calc(25% - 8px);}
	.files .cont {width: calc(100% - 140px);}
	.mainslider img {width: 100%;}
	.slider {width: 100%;}
	.slider2 {width: 100%;}
	.banner.a {height: auto;}
	.banner.b {width: 100%; height: auto;}
	.banner.b li {width: calc(33% - 10px); padding-top: 0px;}
	.banner.b li img {width: 100%;} 
	.banner.b figure {height: auto;}
	.nav2 section .cat {margin-top: 15px; margin-bottom: 10px;}
	.main {width: calc(100% - 260px);}
}

@media only screen and (max-width: 1100px) {
	.header .extra {margin-left: 100px;}
	.nav2 .header li a {padding: 0px 15px 0px 15px !important;}
	.bottom .contact {margin-right: 157px;}
	.actions .action .text p {display: none;}

	.topnav nav > ul > li > a {padding: 0 20px 0 20px;}
}

@media only screen and (max-width: 990px) {
	.header .extra {margin-left: 20px;}
	.files article {width: calc(50% - 8px); margin-bottom: 10px;}
	.files article:nth-child(2n) {margin-right: 0px;}
	.nav2 section .wrap2 ul {width: 250px;}
	.bottom .contact {margin-right: 17px;}
	/*.slider .md a img {width: 100%; height: auto;}*/

	.topnav nav > ul > li > a {padding: 0 10px 0 10px;}
}

@media only screen and (max-width: 990px) {
	.header .extra {margin-left: 20px;}	
	.nav2 section .wrap2 ul {width: 220px;}
	.bottom .contact {margin-right: 17px;}
}

@media only screen and (max-width: 860px) {
	.topnav nav > ul > li > a {padding: 0 5px 0 5px;}
	.nav2 .header li a {padding: 0px 5px 0px 5px !important;}
	.bottom .soc {width: 70px; margin-left: 20px; padding-top: 8px;}
	.bottom .soc a img {margin-bottom: 2px;}
	.search input[type="text"] {width: calc(100% - 70px); padding: 0 40px 0 15px;}
	.header .extra {width: 300px;}
	.pricelist {display: none !important;}
	.actions .action .text {display: none;}
	.actions .action  {background: none !important;}
}

@media only screen and (max-width: 760px) {
	.header .extra {width: 250px;}
	.nav2 section .wrap2 ul {width: 200px;}
}

@media only screen and (max-width: 710px) {
	.header .extra {display: none;}
	.header .wrap {width: 100%; box-sizing: border-box;}
	.nav2 .header {display: none;}
	.nav2 section .wrap2 ul {width: 200px;}
	.userblock {display: block; margin-top: 15px; padding-right: 20px;}
	.c-burger {display: block; float: left;}
	.c-search {display: block; float: left;}
	.header nav {height: 40px; position: relative;}
	.header nav ul {display: none; background: #eaeaea; width: 200px; position: absolute; top: 40px; z-index: 1024;}
	.header nav ul li {float: none; display: block; border-bottom: 1px solid #d0d0d0; border-right: none;}
	.topnav nav {height: 40px; position: relative;}
	.topnav nav ul {display: none; background: #eaeaea; width: 200px; position: absolute; top: 40px; z-index: 1024;}
	.topnav nav ul li {float: none; display: block; border-bottom: 1px solid #d0d0d0; border-right: none;}
	.header .extra2 {padding-right: 10px;}
	.bottom .logo {float: none; display: inline-block; vertical-align: middle;}
	.bottom .logo2 {display: inline-block; vertical-align: middle;}
	.bottom .soc {float: none; display: inline-block; vertical-align: middle;}
	.bottom .contact {float: none; display: inline-block; vertical-align: middle;}
	.nav2 section .wrap2 ul {width: calc(50% - 15px);}
	.aside {display: none;}
	.main {width: 100%;}
	.header .nav > li:hover .child {display: none !important;}
	.body .row article {width: 30%; min-width: 180px;}
	.text-column {column-count: 1; column-gap: 0px;}
}

@media only screen and (max-width: 540px) {
	.userblock {display: block; margin-top: 15px; padding-right: 10px;}
	.header .extra2 {padding-right: 0px;}
	.banner.b li  {width: 100%; margin-right: 0px;}
}

@media only screen and (max-width: 480px) {
	.files article {width: 100%;}
	.header .nav > li {width: 100%; padding-left: 20px;}
	.header .nav > li > a {width: 100%; border-right: none; padding-left: 20px;}
	.slider {overflow: hidden;}
	.body .row article {width: 45%; min-width: 180px;}
}

@media only screen and (max-width: 420px) {
	.header .phone {font-size: 18px;}
	.header .wrap {height: 130px;}
	.header .extra2 {width: 200px;}
	.bx_cart_block {width: 100% !important; float: right !important;}
	.nav2 section .wrap2 ul {width: 100%;}
	.dev {width: 100%;}
	.bottom .logo {width: 45%; background-size: contain;}
	.bottom .logo img {width: 100%;}
	.bottom .logo2 {width: 45%; background-size: contain;}
	.bottom .logo2 img {width: 100%;}
	.dev.rt {margin-bottom: 60px;}
	.body .row article {width: calc(100% - 20px);}
	.body .row article .img {width: 100%; display: block;}
	.body .row article .btn {width: calc(100% - 10px) !important;}
	.actions .action .img {width: 100%; height: auto;}
	.actions .action .img img {width: 100%;}
	.bx_cart_block.bx_cart_sidebar .bx_small_cart {
		padding: 10px 0px !important;
	}
}

@media only screen and (max-width: 400px) {
	.header .logo {width: 140px; background-size: contain;}
}

@media only screen and (max-width: 360px) {
	.header .logo {width: 140px; background-size: contain;}
	.bottom .soc {margin-left: 0px;}
	.bottom .contact  {margin-right: 0px;}
	.header .phone {font-size: 16px;}
}

@media only screen and (max-width: 320px) {
	.header .logo {width: 120px; background-size: contain;}
	.header .logo a {width: 120px;}
	.header .wrap {padding: 10px 5px 5px 5px}
	.header .extra2 {width: 185px;}
}



/*KSU*/
   .ksu {
    border: 2px solid #696969;
   }
   .ksu1
{ opacity:.50; }
.ksu1:hover { opacity:1; }
.ksu2{background: #cccccc; opacity:.70;}
.ksu2:hover { opacity:1; }
a.ksu3{ color: white;text-decoration: none;background: #f8ab1e;padding: 2px;}
a.ksu3:hover{ color: white;background:#333333;}
/*KSU END*/

.slider.a {border-bottom: solid 5px #333333;}
.slider.o {border-bottom: solid 5px #6719C7;}
.alllink {width: 100%; text-align: center; padding: 25px; font-size: 16px; font-weight: bold; text-transform: uppercase;}