* { outline: none; }

body { font: 16px/1.2 Calibri, Arial, Tahoma, sans-serif; height: 100%; color: #373737; background-color: #fff; }

a { color: #0d4d87; text-decoration: none; }
a:hover { text-decoration: none; }


.button { background: transparent; border: none; display: inline-block; cursor: pointer; padding: 0 20px; color: #fff; height: 34px; font: 14px/34px 'AAvanteBsRegular'; text-transform: uppercase;
	background: #27a9ee;
	background: -moz-linear-gradient(90deg, #27a9ee 0%, #0486e1 100%);
	background: -webkit-linear-gradient(90deg, #27a9ee 0%, #0486e1 100%);
	background: -o-linear-gradient(90deg, #27a9ee 0%, #0486e1 100%);
	background: -ms-linear-gradient(90deg, #27a9ee 0%, #0486e1 100%);
	background: linear-gradient(180deg, #27a9ee 0%, #0486e1 100%);
}

.clear { clear: both; height: 0; width: 100%; float: none; overflow: hidden; }
.float-left { float: left; }
.float-right { float: right; }

.wrapper { overflow: hidden; }

header { background-image: url(/static/images/header-bg.jpg); height: 195px; position: relative; background-position: top center; color: #fff; }
	header .logo { display: block; border: none; background-image: url(/static/images/logo.png); width: 192px; height: 102px; margin-top: 43px; }
    header .light-nav { background-image: url(/static/images/light-btn.png); width: 49px; height: 45px; background-position: bottom center; display: block; cursor: pointer; margin-top: 75px; }
    header .light-nav.off { background-position: top center; }
	header .phone { margin-top: 30px; text-align: right; font: 43px/1 'AAvanteBsRegular'; }
		header .phone a { color: #fff !important; }
	header .address { text-align: right; }
	header .contacts-and-user { list-style-type: none; margin: 0; padding: 0; font-size: 14px; text-align: right; }
		header .contacts-and-user li { display: inline-block; vertical-align: top; height: 34px; line-height: 34px; }
		header .contacts-and-user li.email { color: #4effff; background-color: rgba(255,255,255,.15); padding: 0 20px; position: relative; margin-right: -10px; transform: skewX(25grad); z-index: 10; }
			header .contacts-and-user li.email div { transform: skewX(-25grad); }
			header .contacts-and-user li.email a { color: #fff; }
		header .contacts-and-user li.user { background-color: #fff; padding: 0 10px 0 20px; color: #479eea; position: relative; z-index: 5; }
			header .contacts-and-user li.user a { color: #479eea; }
	header .call-back a { display: inline-block; background-image: url(/static/images/call-back-ico.png); background-position: left 5px; background-repeat: no-repeat; padding-left: 70px; color: #fff; font-size: 17px; border: none; min-height: 45px; margin-top: 77px; min-height: 51px; }
	header .cart a { display: inline-block; background-image: url(/static/images/cart-ico.png); min-height: 44px; background-repeat: no-repeat; background-position: left 5px; padding-left: 70px; font-size: 17px; color: #fff; border: none; margin-top: 77px; min-height: 51px; }
		header .cart a span { color: #49ffff; }

.main-menu-block { background-image: url(/static/images/main-menu-bg.png); height: 77px; background-position: top center; background-repeat: no-repeat; position: relative; margin-top: -11px; z-index: 20; }
	.main-menu-block .search { background-image: url(/static/images/search-bg.png); width: 298px; height: 28px; position: relative; margin: 20px 0 0 auto; left: -15px; }
		.main-menu-block .search .inpt { float: left; width: 265px; }
			.main-menu-block .search .inpt input[type="text"] { background: transparent; border: none; height: 34px; color: #fff; padding: 0 30px 0 55px; height: 28px; font: 14px/28px Calibri; }
		.main-menu-block .search .sbmt { float: right; margin-right: 11px; }
			.main-menu-block .search .sbmt button { background: transparent; border: none; background-image: url(/static/images/search-sbmt.png); width: 15px; height: 15px; cursor: pointer; display: inline-block; vertical-align: middle; position: relative; top: 3px; }
	.main-menu-block .main-menu {  }
		.main-menu-block .main-menu ul { list-style-type: none; margin: 0; padding: 0; }
			.main-menu-block .main-menu ul li { text-transform: uppercase; font-size: 20px; position: relative; }
			.main-menu-block .main-menu ul li:after { content: ""; display: block; width: 1px; height: 66px; position: absolute; right: 0; top: 0; background-color: #4abfff; }
			.main-menu-block .main-menu ul li:before { content: ""; display: block; width: 1px; height: 66px; position: absolute; right: -1px; top: 0; background-color: #1c91f6; }
			.main-menu-block .main-menu ul li:last-child:after, .main-menu-block .main-menu ul li:last-child:before { display: none; }
				.main-menu-block .main-menu ul li span { display: block; text-align: center; height: 66px; line-height: 66px; }
				.main-menu-block .main-menu ul li a { color: #fff; display: block; height: 66px; }
				.main-menu-block .main-menu ul li a:hover, .main-menu-block .main-menu ul li.active a {
					background: #4effff;
					background: -moz-linear-gradient(90deg, #4effff 0%, #00baff 100%);
					background: -webkit-linear-gradient(90deg, #4effff 0%, #00baff 100%);
					background: -o-linear-gradient(90deg, #4effff 0%, #00baff 100%);
					background: -ms-linear-gradient(90deg, #4effff 0%, #00baff 100%);
					background: linear-gradient(180deg, #4effff 0%, #00baff 100%);
				}
.main-menu-block .menu-contacts {  }
	.main-menu-block .menu-contacts ul { list-style-type: none; color: #fff; margin: 20px 0 20px; padding: 20px 20px 0; border-top: 1px dotted rgba(255,255,255,.3); }
		.main-menu-block .menu-contacts ul li { margin-bottom: 20px; line-height: 1; font-size: 16px; }
			.main-menu-block .menu-contacts ul li a { color: #fff; }

.indx-slider { position: relative; margin-top: -20px; margin-bottom: 25px; z-index: 10; }
	.indx-slider .bx-wrapper .bx-pager { z-index: 50; bottom: 80px; padding-top: 0; }
		.indx-slider .bx-wrapper .bx-pager .bx-pager-item {  }
			.indx-slider .bx-wrapper .bx-pager .bx-pager-item a { display: block; border: none; background-image: url(/static/images/slide-nav.png); width: 42px; height: 27px; background-position: left top; margin: 0 10px; }
			.indx-slider .bx-wrapper .bx-pager .bx-pager-item a.active { background-position: right top; }
	.indx-slider ul { list-style-type: none; margin: 0; padding: 0; }
		.indx-slider ul li { position: relative; min-height: 574px; }
			.indx-slider ul li .bg { background-repeat: no-repeat; background-position: top center; position: absolute; left: 0; top: 0; width: 100%; min-height: 574px; z-index: 10; }
			.indx-slider ul li .promo { text-align: center; color: #fff; font: 60px/1 'MyriadProSemiBold'; padding-top: 320px; position: relative; z-index: 30; }

main { position: relative;  z-index: 10; }
main:before { content: ""; display: block; width: 74px; height: 254px; background-image: url(/static/images/main-bg-1.jpg); position: absolute; left: 0; top: 100px; }
main:after { content: ""; display: block; width: 60px; height: 294px; background-image: url(/static/images/main-bg-2.jpg); position: absolute; right: 0; top: 50%; }

main .bradcrumbs { margin: 15px 0 20px; font-size: 16px; }
	main .bradcrumbs a, main .bradcrumbs span { color: #373737; margin: 0 5px 0 0; }
	main .bradcrumbs .separator { color: #47bcff; }

main .page-title { color: #006b93; font: 30px/1.2 'MyriadProSemiBold'; margin-bottom: 25px; text-align: center; text-transform: uppercase; }
main.inner-content h1.page-title { text-align: left; }

main.inner-content aside { padding-top: 60px; }

.news-list {  }
	.news-list ul { list-style-type: none; margin: 0 0 30px; }
		.news-list ul li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #ebebeb; }
		.news-list ul li:last-child { border: none; }
			.news-list ul li .date { margin-bottom: 5px; font: 14px/1 "AAvanteBsRegular"; color: #40cbff; }
			.news-list ul li .name { margin-bottom: 10px; font-size: 18px; }
			.news-list ul li .pic { text-align: center; }
				.news-list ul li .pic img { display: inline-block; }

.back { text-align: center; }

.shops {  }
	.shops .item { margin-bottom: 30px; padding: 20px; border: 1px dotted #ccc; }
		.shops .item table { border-collapse: collapse; margin-bottom: 20px; }
			.shops .item table tr { vertical-align: middle; }
			.shops .item table td { padding: 10px 15px 10px 0; vertical-align: top; }
			.shops .item table td.first { width: 100px; }
			.shops .item .w-title { margin-bottom: 10px; }

.paginator {  }
	.paginator ul { list-style-type: none; padding: 0; margin: 0 0 30px; text-align: right; }
		.paginator ul li { display: inline-block; vertical-align: middle; }
			.paginator ul li a, .paginator ul li span { display: inline-block; color: #0082dd; font-size: 19px; margin: 0 10px; }
			.paginator ul li a {  }
			.paginator ul li span.active { border-radius: 100%; width: 26px; height: 26px; background-color: #45c7fd; color: #fff; text-align: center; line-height: 26px; }
			.paginator ul li .prev, .paginator ul li .next { background-image: url(/static/images/paginator-arrows.png); width: 11px; height: 17px; }
			.paginator ul li .prev { background-position: left; margin-left: 0; }
			.paginator ul li .next { background-position: right; margin-right: 0; }

.sort-block { text-align: right; margin: 0 0 15px; }
	.sort-block .sort { display: inline-block; padding: 15px; background-image: url(/static/images/aside-bg.jpg); background-repeat: repeat; font-size: 16px; }
		.sort-block .sort span { text-transform: uppercase; margin: 0 25px 0 0; display: inline-block; vertical-align: middle; }
		.sort-block .sort a { display: inline-block; margin: 0 20px 0 0; padding-left: 0; background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
		.sort-block .sort a.asc { background-image: url(/static/images/asc.png); }
		.sort-block .sort a.desc { background-image: url(/static/images/desc.png); }

.mod-list { list-style-type: none; margin-left: 0; padding-left: 0; }
	.mod-list li { background-repeat: no-repeat; background-position: left 5px; background-image: url(/static/images/text-list.png); padding-left: 17px; margin: 0 0 10px; }

main .download { display: inline-block; background-image: url(/static/images/download.png); background-position: left center; padding-left: 70px; min-height: 56px; margin: 30px 0; background-repeat: no-repeat; vertical-align: middle; }

.feedback { margin-bottom: 30px; }
	.feedback .form { background-image: url(/static/images/aside-bg.jpg); background-repeat: repeat; padding-top: 15px; }
	.feedback .title { font-size: 24px; text-transform: uppercase; color: #fff; padding: 15px 10px; background-color: #0075da; text-align: center; }
		.feedback .title span { color: #96e0ff; }
	.feedback .inpt { margin-bottom: 10px; }
		.feedback .inpt .name { font-size: 16px; margin-bottom: 5px; }
		.feedback .inpt input, .feedback .inpt textarea { width: 100%; background: transparent; border: 1px solid #d2d2d2; border-radius: 5px; background-color: #fff; padding: 0 12px; height: 36px; font: 16px/36px Calibri; color: #8e8e8e; }
		.feedback .inpt textarea { padding: 12px; height: auto; min-height: 110px; resize: none; }
	.feedback .sbmt button { border-radius: 5px; }
	.feedback .req { margin-bottom: 40px; margin-top: 25px; }
	.feedback .sbmt { padding-bottom: 20px; }

.catalog-items { margin-bottom: 30px; }
	.catalog-items ul { list-style-type: none; margin: 0; padding: 0; }
		.catalog-items ul li { margin-bottom: 30px; }
			.catalog-items ul li .item { border: 1px solid #ebebeb; }
			.catalog-items ul li a.nav { display: block; }
				.catalog-items ul li a.nav span { display: block; }
				.catalog-items ul li a.nav .img { margin: 0 0 10px; text-align: center; width: 100%; height: 210px; line-height: 210px; overflow: hidden; }
					.catalog-items ul li a.nav .img img { display: inline-block; vertical-align: middle; }
				.catalog-items ul li a.nav .name { font-size: 14px; color: #373737; min-height: 68px; margin: 0 10px 10px; }
				.catalog-items ul li .price {  line-height: 1; margin-bottom: 15px; color: #0082dd; padding: 0 15px; }
					.catalog-items ul li .price del { color: #ff5656; margin-right: 10px; }
					.catalog-items ul li .price span {  }
				.catalog-items ul li .availability-and-cart { height: 34px; background-color: #ebebeb; }
					.catalog-items ul li .availability-and-cart .availability { float: left; line-height: 34px; padding-left: 18px; background-repeat: no-repeat; background-position: 5px center; background-size: 12px; font-size: 14px; }
					.catalog-items ul li .availability-and-cart .availability.yes { color: #4ec73e; background-image: url(/static/images/ava-yes.png); }
					.catalog-items ul li .availability-and-cart .availability.no { color: #c88d00; background-image: url(/static/images/ava-no.png); }
					.catalog-items ul li .availability-and-cart .cnt-and-cart { float: right; background-image: url(/static/images/item-cnt-bg.png); width: 121px; height: 34px; }
					.catalog-items ul li .availability-and-cart .cnt { float: left; }
						.catalog-items ul li .availability-and-cart .cnt a { display: inline-block; background-image: url(/static/images/item-cnt.png); width: 7px; height: 11px; vertical-align: middle; }
						.catalog-items ul li .availability-and-cart .cnt .m { background-position: left; margin-left: 25px; }
						.catalog-items ul li .availability-and-cart .cnt .p { background-position: right; }
						.catalog-items ul li .availability-and-cart .cnt input[type="text"] { width: 30px; text-align: center; display: inline-block; vertical-align: middle; background: transparent; border: none; color: #fff; height: 34px; }
					.catalog-items ul li .availability-and-cart .in-cart { float: right; line-height: 34px; padding-right: 10px; }
						.catalog-items ul li .availability-and-cart .in-cart a { display: inline-block; vertical-align: middle; background-image: url(/static/images/item-in-cart.png); width: 19px; height: 19px; }


.catalog-element {  }
	.catalog-element .price-and-cart { background-repeat: repeat; background-image: url(/static/images/aside-bg.jpg); padding: 20px 0 20px 30px; }
		.catalog-element .price-and-cart .price { display: inline-block; vertical-align: middle; color: #0082dd; line-height: 1; font-size: 18px; margin-right: 30px; }
			.catalog-element .price-and-cart .price del { display: block; font-size: 18px; color: #ee595f; line-height: 1; }
			.catalog-element .price-and-cart .price span { font-size: 28px; }
		.catalog-element .price-and-cart .cnt { display: inline-block; vertical-align: middle; }
			.catalog-element .price-and-cart .cnt a { background-image: url(/static/images/cnt-nav.png); display: block; width: 25px; height: 16px; }
			.catalog-element .price-and-cart .cnt a.p { background-position: top; margin: 0 0 15px 7px; }
			.catalog-element .price-and-cart .cnt a.m { background-position: bottom; margin: 15px 0 0 7px; }
			.catalog-element .price-and-cart .cnt input[type="text"] { display: block; width: 39px; height: 32px; border: 1px solid #eaeaea; font: 16px/32px Calibri; text-align: center; }
		.catalog-element .price-and-cart .in-cart { display: inline-block; vertical-align: middle; float: right; padding-top: 25px; }
			.catalog-element .price-and-cart .in-cart a { padding: 10px 0 0 39px; display: block; background-image: url(/static/images/in-cart-btn.png); width: 155px; height: 44px; color: #fff; font-size: 18px; background-position: top right; }
	.catalog-element .main-pic { border: 1px solid #eaeaea; padding: ; margin: 0 0 30px; text-align: center; height: 378px; line-height: 378px; }
		.catalog-element .main-pic img { display: inline-block; }
	.catalog-element .dscr-block { border: 1px solid #eaeaea; padding: 20px; }
		.catalog-element .dscr-block h4 { color: #006b93; line-height: 1; font: 24px/1 'Calibri'; margin: 0 0 10px; text-transform: uppercase; }
		.catalog-element .dscr-block p { padding: 0 0 12px; margin: 0; }
		.catalog-element .dscr-block .availability { background-repeat: no-repeat; background-position: left 6px; padding-left: 22px; }
		.catalog-element .dscr-block .availability.yes { color: #4ec73e; background-image: url(/static/images/ava-yes.png); }
        .catalog-element .dscr-block .availability.no { color: #c88d00; background-image: url(/static/images/ava-no.png); }

.brands { margin-bottom: 30px; }
    .brands ul { list-style-type: none; margin: 0; padding: 0; }
        .brands ul li { height: 110px; line-height: 110px; height: 110px; line-height: 110px; text-align: center; }
            .brands ul li a { display: block; width: 274px;  }
                .brands ul li img { vertical-align: middle; display: inline-block; }
    .brands .bx-wrapper .bx-controls-direction a { background-image: url(/static/images/slider-arrows.png); width: 29px; height: 46px; margin-top: -23px; }
    .brands .bx-wrapper .bx-controls-direction a.bx-next { background-position: right; right: -35px; }
    .brands .bx-wrapper .bx-controls-direction a.bx-prev { background-position: left; left: -35px; }

.advantages { margin-bottom: 30px; }
	.advantages ul { list-style-type: none; margin: 0; padding: 0; }
		.advantages ul li { text-align: center; }
			.advantages ul li span { display: block; }
			.advantages ul li .ico { margin: 0 0 20px; }
			.advantages ul li .name { font: 18px/1 'AAvanteBsRegular'; text-transform: uppercase; margin: 0 0 10px; min-height: 36px; }
			.advantages ul li .dscr { font-size: 16px; color: #727272; text-align: left; }

.lk-page {  }
	.lk-page ul { list-style-type: none; margin: 0 0 30px; padding: 0; }
		.lk-page ul li { text-align: center; margin-bottom: 20px; }
			.lk-page ul li .button { font: 24px/64px 'MyriadProSemiBold'; height: 64px; width: 300px; text-align: center; padding: 0; }

.delivery-and-payment {  }
	.delivery-and-payment .delivery-img { text-align: center; }
		.delivery-and-payment .delivery-img p { text-transform: uppercase; }
	.delivery-and-payment h2 { font: 24px/1 'MyriadProSemiBold'; margin-bottom: 45px; color: #00baff; text-transform: uppercase; margin-bottom: 40px; }
	.delivery-and-payment .steeps { position: relative; }
		.delivery-and-payment .steeps .item { margin-bottom: 80px; background-repeat: no-repeat; background-position: left center; padding-left: 210px; min-height: 186px; line-height: 186px; position: relative; }
		.delivery-and-payment .steeps .item:after { content: ""; display: block; position: absolute; }
		.delivery-and-payment .steeps .item.i-1:after { width: 7px; height: 11px; background-image: url(/static/images/steep-1.png); right: 0; top: 50%; }
		.delivery-and-payment .steeps .item.i-2:after { width: 11px; height: 7px; background-image: url(/static/images/steep-2.png); bottom: -40px; left:19%; }
		.delivery-and-payment .steeps .item.i-3:after { width: 11px; height: 7px; background-image: url(/static/images/steep-2.png); bottom: -40px; left: 19%; }
		.delivery-and-payment .steeps .item.i-4:after { width: 7px; height: 11px; background-image: url(/static/images/steep-3.png); left: -30px; top: 50%; }

		.delivery-and-payment .steeps .item.i-1 { background-image: url(/static/images/dp-1.png); }
		.delivery-and-payment .steeps .item.i-2 { background-image: url(/static/images/dp-2.png); }
		.delivery-and-payment .steeps .item.i-3 { background-image: url(/static/images/dp-3.png); }
		.delivery-and-payment .steeps .item.i-4 { background-image: url(/static/images/dp-4.png); }
		.delivery-and-payment .steeps .item.i-5 { background-image: url(/static/images/dp-5.png); }
			.delivery-and-payment .steeps .item span { color: #00baff; }
			.delivery-and-payment .steeps .item div { display: inline-block; vertical-align: middle; line-height: 1.2; width: 190px; text-transform: uppercase; }
			.delivery-and-payment .steeps .item.dscr { color: #7f7f7f; width: 100%; padding-left: 0; }
				.delivery-and-payment .steeps .item.dscr div { width: 100%; }

.page-404 { padding-top: 100px; }
	.page-404 .img { text-align: center; margin-bottom: 30px; }
		.page-404 .img img { display: inline-block; }
	.page-404 .nav { text-align: center; }
		.page-404 .nav a { font: 36px/1 'MyriadProSemiBold'; margin-bottom: 30px; }
		.page-404 .nav a.button { height: 64px; line-height: 64px; border-radius: 5px; padding: 0 30px; }

.catalog-sections { position: relative; }
	.catalog-sections .bx-wrapper .bx-controls-direction a { background-image: url(/static/images/sections-arrows.png); width: 17px; height: 26px; margin-top: 0; top: 30px; }
	.catalog-sections .bx-wrapper .bx-controls-direction a.bx-prev { background-position: left; left: auto; right: 60px; }
	.catalog-sections .bx-wrapper .bx-controls-direction a.bx-next { background-position: right; right: 15px; }
	.catalog-sections ul { list-style-type: none; margin: 0; padding: 0; }
		.catalog-sections ul li { margin: 0 0 30px; }
			.catalog-sections ul li a { border: 1px solid #ebebeb; display: block; }
				.catalog-sections ul li a span { display: block; }
				.catalog-sections ul li a .img { height: 223px; line-height: 223px; text-align: center; }
					.catalog-sections ul li a .img img { vertical-align: middle; display: inline-block; }
				.catalog-sections ul li a .name { background-color: #ebebeb; color: #373737; font: 16px/1 'AAvanteBsRegular'; line-height: 50px; height: 50px; text-transform: uppercase; text-align: center; }
					.catalog-sections ul li a .name span { display: inline-block; vertical-align: middle; line-height: 1.2; }

aside .box { background-image: url(/static/images/aside-bg.jpg); max-width: 280px; background-repeat: repeat-y; margin: 0 0 15px auto; padding-top: 12px; padding-bottom: 11px; }
	aside .box .catalog-menu { list-style-type: none; margin: 0; padding: 15px 0; }
		aside .box .catalog-menu li.level-1 { text-transform: uppercase; font-size: 16px; background-repeat: no-repeat; background-position: 265px 15px; position: relative; }
        aside .box .catalog-menu li.parent { background-image: url(/static/images/aside-catalog-li.png); }
			aside .box .catalog-menu li.level-1 a { color: #373737; display: block; line-height: 1.1; padding: 13px 11px; }
			aside .box .catalog-menu li.level-1 a:hover, aside .box .catalog-menu li.level-1.hover a { background-color: rgba(0,100,186,.1); color: #0075da; }
			aside .box .catalog-menu li ul { display: none; position: absolute; left: 280px; background-image: url(/static/images/aside-bg.jpg); background-repeat: repeat-y; width: 280px; border-left: 4px solid #fff; list-style-type: none; margin: 0; padding: 0; z-index: 1000; }
				aside .box .catalog-menu li ul li {  }
					aside .box .catalog-menu li ul li a { color: #0064ba; background: transparent !important; padding: 13px 10px 13px 20px; }
					aside .box .catalog-menu li ul li a:hover { background-color: rgba(0,100,186,.1) !important; color: #0075da; }
	aside .box .title { background-image: url(/static/images/aside-title.png); width: 299px; height: 66px; color: #fff; font: 30px/1 'MyriadProSemiBold'; position: relative; margin-left: -19px; }
		aside .box .title span { display: inline-block; padding: 12px 0 0 55px; }
	aside .box .side-news { list-style-type: none; margin: 0; padding: 11px; }
		aside .box .side-news li { background-color: #fff; margin-bottom: 20px; padding: 15px 0; }
		aside .box .side-news li:last-child { margin-bottom: 0; }
			aside .box .side-news li .date { color: #40cbff; font: 16px/1 'AAvanteBsRegular'; margin-bottom: 20px; text-align: right; padding-right: 15px; }
			aside .box .side-news li .name { text-transform: uppercase; font: 16px/1.2 'AAvanteBsRegular'; margin-bottom: 15px; padding: 0 15px; }
			aside .box .side-news li .short { font: 14px/1.2 'AAvanteBsRegular'; margin-bottom: 20px; padding: 0 15px; }
			aside .box .side-news li .nav { text-align: right; }
	aside .side-items { background-color: #fff; margin: 11px; padding: 30px 0 0; }
	aside .side-items .bx-wrapper .bx-controls-direction a { background-image: url(/static/images/slider-min-arrows.png); width: 11px; height: 17px; top: -20px; margin-top: 0; z-index: 1000; }
	aside .side-items .bx-wrapper .bx-controls-direction a.bx-prev { background-position: left top; left: auto; right: 40px; }
	aside .side-items .bx-wrapper .bx-controls-direction a.bx-next { background-position: right top; }
	aside .side-items ul { list-style-type: none; margin: 0; padding: 0; }
		aside .side-items li {  }
			aside .side-items li a { display: block; margin: 0 0 8px; }
				aside .side-items li a span { display: block; }
				aside .side-items li a .img { text-align: center; }
					aside .side-items li a .img img { vertical-align: middle; display: inline-block; }
				aside .side-items li a .name { font: 16px/1.2 'AAvanteBsRegular'; color: #373737; padding-left: 15px; }
				aside .side-items li .price { float: left; font: 12px/1 'AAvanteBsRegular'; padding: 10px 0 0 15px; }
					aside .side-items li .price span { color: #49cbff; font-size: 20px; }
					aside .side-items li .price del { font-size: 20px; margin-right: 10px; }
				aside .side-items li .in-cart { float: right; }
					aside .side-items li .in-cart span { display: inline-block; width: 19px; height: 19px; vertical-align: middle; background-image: url(/static/images/in-cart-ico.png); background-position: center; background-repeat: no-repeat; }

footer { border-top: 6px solid #333333; position: relative; color: #fff; position: relative;
	background: rgb(63, 63, 63);
	background: -moz-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(51, 51, 51) 100%);
	background: -webkit-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(51, 51, 51) 100%);
	background: -o-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(51, 51, 51) 100%);
	background: -ms-linear-gradient(90deg, rgb(63, 63, 63) 0%, rgb(51, 51, 51) 100%);
	background: linear-gradient(180deg, rgb(63, 63, 63) 0%, rgb(51, 51, 51) 100%);
}
footer:after { content: ""; display: block; width: 100%; height: 1px; background-color: #494949; position: absolute; left: 0; top: 0; }
	footer .mbg-3 { display: block; background-image: url(/static/images/main-bg-3.jpg); width: 299px; height: 240px; position: absolute; left: 0; top: -300px; }
	footer a { color: #fff; }
	footer .call-back { margin-bottom: 20px; font-size: 16px; margin-top: 78px; }
		footer .call-back a { background-repeat: no-repeat; background-image: url(/static/images/footer-call-back.png); background-position: left center; padding-left: 60px; min-height: 43px; display: inline-block; }
	footer .cart {  }
		footer .cart a { background-position: left center; background-repeat: no-repeat; background-image: url(/static/images/footer-cart.png); padding-left: 60px; font-size: 16px;  min-height: 41px; display: inline-block; }
			footer .cart a span { color: #00e4ff; }
	footer .logo { background-image: url(/static/images/footer-logo.png); background-position: top center; background-repeat: no-repeat; padding-top: 115px; text-align: center; margin-bottom: 70px; margin-top: 55px; }
	footer .menu { list-style-type: none; margin: 70px 0 0 0; padding: 0 0 0 40px; }
		footer .menu li { margin: 0 0 5px; font-size: 18px; }
	footer .dev { font-size: 18px; margin-top: 110px; position: relative; padding-left: 80px; }
		footer .dev span { color: #00eaff; display: block; }

.mob-menu-nav { display: none; }




.standart-form {
    padding: 20px;
    background: #f0f0f4;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
    color: #000000;
}

@media (min-width: 768px) {
.standart-form {
    margin: 0 auto;
}}

@media (min-width: 768px) {
.standart-form {
    font-size: 18px;
}}

.standart-form .inpt {
    padding-bottom: 20px;
    font-size: 18px;
}

.standart-form .inpt-name {
    text-align: left;
}

.standart-form__input.error {
    border: 2px solid #ed1b2f !important;
}

.standart-form__input {
    margin: 0;
    border: 0;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    height: 30px;
    padding: 10px;
    background: #ffffff;
    border: 2px solid #ffffff;
    text-align: left;
    line-height: 30px;
}
@media (min-width: 768px) {
.standart-form__input {
    height: 40px;
    line-height: 40px;
}}

/*==============================
modal
==============================*/
.modal {
    display: none;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
                -ms-grid-row-align: flex-start;
            align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-top: 20%;
    background: rgba(255, 255, 255, .5);
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.modal__block {
    width: 100%;
    padding-top: 20px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
    overflow-y: auto;
    position: relative;
}
@media (min-width: 768px) {
    .modal__block {
        width: 640px;
        padding-top: 25px;
    }
}
.modal__header {
    padding: 0 20px 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
    color: $green;
}
@media (min-width: 768px) {
    .modal__header {
        padding-right: 80px;
        padding-bottom: 0;
        padding-left: 80px;
        font-size: 25px;
    }
}
.modal__announcement {
    padding-bottom: 30px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: none;
    color: #005baa;
    text-align: center;
}
.modal__closer {
    position: absolute;
    top: 10px;
    right: 10px;
}
.modal__closer svg {
    fill: #979a9f;
}
.modal__bg-closer {
    display: block;
    min-width: 100vw;
    height: 100vh;
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.modal:target {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 768px) {
    .modal {
        -webkit-align-items: center;
            -ms-flex-align: center;
                    -ms-grid-row-align: center;
                align-items: center;
        padding: 0;
    }
}


@media (min-width: 1200px) {
    .container { width: 1280px; }
}

@media (max-width: 1800px) {
    footer .mbg-3, main:before, main:after { display: none; }
}

@media (max-width: 1170px) {

    header .logo { float: none; }
    header .light-nav { float: none; margin-top: 10px; }

    .indx-slider .bx-wrapper .bx-pager { bottom: 80px; }

    aside { display: none; }

    .main-menu-block .search { display: none; }
    aside .box { width: auto; max-width: 100%; background-repeat: repeat; }

    aside .box .catalog-menu li.level-1 { background: transparent; }
        aside .box .catalog-menu li ul { left: auto; right: 0; top: 100%; }

    .brands ul li a { display: block; width: 100%; height: auto; line-height: 1; text-align: center; }

    .mob-menu-nav { display: block; position: fixed; right: 0; top: 0; padding: 10px; z-index: 9000; background: #27a9ee; border: 1px solid rgba(255,255,255,.1); }
        .mob-menu-nav span { display: block; height: 4px; background-color: #fff; width: 28px; margin-bottom:5px; }
        .mob-menu-nav span:last-child { margin-bottom: 0; }

    .sort-block .sort { white-space: nowrap; display: block; text-align: left; }
        .sort-block .sort a { margin: 0 5px 0 0; }
        .sort-block .sort span { margin: 0 5px 0 0; }

    header { height: auto; background-size: cover; }
        header .contacts-and-user { margin: 20px 0 0 0; }
            header .contacts-and-user li { padding: 0 !important; display: block; margin: 0 0 20px; background: transparent !important; height: auto; line-height: 1.2; }
                header .contacts-and-user li a { color: #fff !important; }
        header .cart a, header .call-back a { margin: 0 0 20px; }
        header .address, header .phone, header .contacts-and-user { text-align: left; }
        header .phone { font-size: 30px; margin-bottom: 20px; margin-top: 0; }
        header .logo { margin: 20px 0 10px; }
        header .address { margin-bottom: 20px; }

    .main-menu-block { position: fixed; left: 0; left: -100%; top: 0; height: 100vh; background: #27a9ee; margin: 0; width: 100%; z-index: 2000; }
        .main-menu-block .container, .main-menu-block .row, .main-menu-block .col-xs-12, .main-menu-block .col-sm-12 { padding: 0; margin: 0; width: 100%; }
        .main-menu-block .main-menu ul { list-style-type: none; margin: 0; padding: 0; }
            .main-menu-block .main-menu ul li { text-transform: uppercase; font-size: 20px; position: relative; float: none; }
            .main-menu-block .main-menu ul li:before, .main-menu-block .main-menu ul li:after { display: none; }
                .main-menu-block .main-menu ul li span { display: block; text-align: left; height: auto; line-height: 1.2; padding: 0 !important; }
                .main-menu-block .main-menu ul li a { text-transform: none; padding: 10px 20px; line-height: 1; height: auto; }
                .main-menu-block .main-menu ul li a:hover, .main-menu-block .main-menu ul li.active a { background: transparent; background-color: #0486e1; }

    .indx-slider { margin-top: 0; display:none}

    footer .mbg-3, main:before, main:after { display: none; }
    footer .logo, footer .menu, footer .call-back, footer .dev { padding-left: 0; margin: 0 0 20px; }
    footer .logo { background-position: left top; text-align: left; margin-top: 20px; }
    footer .menu { min-height: 140px; margin-top: 20px; }
    footer .cart { margin-bottom: 30px; }

    .advantages ul li { margin-bottom: 30px; }
        .advantages ul li .dscr { text-align: center; }

    .indx-slider ul li .promo { font-size: 40px; }

    .delivery-and-payment .steeps .item { background-size: 100px; padding-left: 120px; margin-bottom: 30px; min-height: 100px; line-height: 100px; }
        .delivery-and-payment .steeps .item.i-2:after, .delivery-and-payment .steeps .item.i-3:after { bottom: -18px; left: 45px; }
}
@media (max-width: 960px) {
    .delivery-and-payment .steeps .item { background-size: 100px; padding-left: 120px; margin-bottom: 30px; min-height: 100px; line-height: 100px; }
        .delivery-and-payment .steeps .item.i-1:after,
        .delivery-and-payment .steeps .item.i-2:after,
        .delivery-and-payment .steeps .item.i-3:after,
        .delivery-and-payment .steeps .item.i-4:after { left: 45px; bottom: -18px; right: auto; top: auto; background-image: url(/static/images/steep-2.png); width: 11px; height: 7px; }
        header .light-nav { margin: 20px 0; }
}
@media (max-width: 768px) {
    .sort-block { display: none; }
    footer .menu { min-height: 180px; }
    footer .logo { background-size: 160px; }
}
@media (max-width: 760px) {
    footer .logo { background-size: 100px; }
}
@media (max-width: 468px) {
    footer .menu { min-height: 0; }
    footer .logo { background-size: 100px; margin-bottom: 0; background: transparent; padding: 0; }
    .catalog-sections .page-title { padding-bottom: 30px; }
    .catalog-sections .bx-wrapper .bx-controls-direction a { top: -45px; }
}

@media screen and (min-width:1000px) and (max-width:1170px) {
    header .cart a, header .call-back a { margin-top: 44px; }
    footer .call-back, footer .dev { padding-top: 20px; }
}

body.dark { background-color: #000; color: #00c0ff; }
.dark header { background-image: url(/static/images/dark-header-bg.jpg); }
.dark .indx-slider:after { position: absolute; left: 0; background-image: url(/static/images/dark-main-1.jpg); height: 355px; width: 100%; content: ""; bottom: -323px; }
.dark main:after, .dark main:before, footer .mbg-3 { display: none; }
footer { background: #24a6ee; }
.dark .catalog-sections ul li a { border-color: #323232; }
.dark .advantages ul li .dscr, .dark .advantages ul li .name { color: #fff; }
.dark .catalog-sections ul li a .name { background-color: #626262; }
.dark aside .side-items, .dark aside .box .side-news li { background-color: #000; }
.dark header .contacts-and-user li.email { background-color: #252a2b; }
.dark header .contacts-and-user li.user { background-color: #000000; }
.dark aside .box { background-image: url(/static/images/dark-aside-bg.jpg); }
.dark aside .box .side-news li, .dark aside .side-items { border: 1px solid #323232; }
.dark img { filter: invert(100%); }
.advantages ul li .ico img { filter: none; }
.dark .advantages { position: relative; }
.dark .advantages:after { position: absolute; left: -15px; top: -30px; background-image: url(/static/images/dark-main-2.jpg); width: 960px; height: 477px; content: ""; z-index: 0; }
    .dark .advantages ul { position: relative; z-index: 1; }