@charset "utf-8";

/*-----------------------------------------------------     CSS Document of SUFIX © 2013. All rights reserved     ---------------------------------------------------------*/



BODY,HTML {background:#f2f3f7; font:15px Tahoma; margin:0; padding:0; width:100%; height:100%;} A img {border:0px solid; outline:none;} A {cursor:pointer; outline:none;} .fm {position:relative; float:left; margin:0; padding:0;} .fmr {position:relative; float:right; margin:0; padding:0;} .centre {position:relative; width:1396px; margin:0 auto; padding: 0 15px; box-sizing:border-box;} A:active {outline:none;} * {outline:none;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block; position:relative; float:left;} H1,H2,H3,H4,H5,H6 {padding:0; margin:0;} ADDRESS {font-style:normal;} UL {position:relative; float:left; list-style:none; padding:0; margin:0;} Textarea {resize:none; overflow:auto; margin:0;} P {margin:0; padding:0;} Table {border-collapse:collapse;} Table TD {padding:0;}

.hidden {
	display: none;
}

/*--------------------------------------------------------------------     основні CSS стилі сайту     --------------------------------------------------------------------*/

/* шапка сайту

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

Header.header {width:100%; min-width:1396px; box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.15); margin-bottom: 25px; background-color: #fff;}

	.header-row {padding: 10px 0 16px 0; display: flex; align-items: center; position: relative; z-index: 1;}

	.header-row + .header-row {padding: 20px 0;}

	.user-buttons {display: flex; flex: 1 0 auto; justify-content: flex-end;}

	.for_logo {margin:0 auto; text-align: center; width:320px;}
        .for_logo Img {max-width:100%;}

	.verse {color:#141414; font:italic 18px/25px Georgia; text-shadow:0 1px 0 #F4E8D4; width:337px; margin:18px 0 0 95px;}

	.login_box {font:15px/1.2em Georgia; position: relative; display: flex; align-items: center;}

		.login_box:before {content: ''; width: 25px; height: 28px; background: url(../images/sprite.png) no-repeat 0 0; display: inline-block; margin-right: 10px;}

		.login_box A {color:#ccc; font:15px/1em Georgia; text-decoration:underline; position:relative;}

		.login_box A:hover {text-decoration:none;}

		.login_box A.login {text-decoration:none; border-bottom: 1px dotted #ccc; line-height: 1.2em;}

		.login_box A.login:hover {border-bottom-color: transparent;}

		.languages {margin-right: 40px; padding-top: 4px;}

		.languages A {position:relative; float:left; width: 22px; height: 22px; text-align: center; color:#ccc; text-decoration:underline; font: 15px/20px Georgia;}

		.languages A + A {margin-left: 5px;}

		.languages A:hover {text-decoration:none;}

		.languages A.active {text-decoration:none; color:#ccc; background-color: #58585a; border-radius: 2px;}
	
	.call-us-wrapper {flex: 0 1 auto;}

		.call-us {text-align: right; float: left; position: relative;}

			.call-us span {display: flex; padding: 3px 0 0 0; font-size: 18px;}

			.call-us a {font-size: 12px; color: #6699cc;}

			.call-us a:hover {text-decoration: none;}

		.header-email {clear: both; float: left; text-align: right; margin: 5px 0 0 0; width: 100%;}

			.header-email a {color: #000;}

			.header-email a:hover {text-decoration: none;}
	
	.icon-phone {background-color: #f2e3af; border-radius: 4px; width: 25px; height: 25px; display: inline-block; position: relative; margin-right: 10px;}

		.icon-phone:before {content: ''; width: 16px; height: 24px; background: url(../images/sprite.png) no-repeat -27px 0; position: absolute; left: 50%; top: 50%; 

			margin: -12px 0 0 -8px; transform: scale(.75);}

/* головне меню

---------------------------------*/

Nav.main_menu {z-index:9;}

	Nav.main_menu UL {position:relative; float:left;}

		Nav.main_menu UL LI {position:relative; float:left; margin: 0 15px 0 0;}

			Nav.main_menu UL LI A {position:relative; float:left; font:15px/1.2em Georgia; color:#323232; text-decoration:underline;}

			Nav.main_menu UL LI A:hover {text-decoration:none;}
	
	.cart_box_wrapper {flex: 0 1 auto; text-align: right;}

		.cart_box {font:15px/15px Georgia; display: inline-block; vertical-align: top; text-align: left; position: relative; padding: 0 0 0 40px;}

			.cart_box__title {font:19px/1em Georgia; margin-bottom: 5px;}

			.cart_box:before {content: ''; background:url(../images/sprite.png) no-repeat -558px -12px; width: 29px; height: 23px; position: absolute; left: 0; top: 5px;}

			.cart_box I {color:#eed7ad; font:11px/14px Tahoma; margin:0 0 0 8px;}

			.cart_box I:last-child {margin:0;}

			.cart_box Span {font:bold 15px/14px Tahoma;}

/* поле контенту

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.content {width:100%; min-width:1396px;}

.title {text-align: center; position: relative; font: 20px/1.2em Georgia; color: #464646; margin-bottom: 20px;}

	.title:after {content: ''; position: absolute; top: 50%; left: 0; right: 0; height: 1px; background-color: #ddd;}

	.title Span {background-color: #f2f3f7; padding: 0 16px; position: relative; z-index: 1;}

.news {display: flex; flex-wrap: wrap;}
	
	.news_item {width: calc((100% - 30px * 2) / 3); margin: 0 30px 30px 0;}

	.news_item:nth-child(3n+3) {margin-right: 0;}

	.news_item Time {color: #ccc; font-size: 12px;}

	.news_item P {font-size: 14px; line-height: 18px;}

	.news_title {color: #6699cc; font: 18px/1.2em Georgia; margin-bottom: 5px;}

		.news_title A {color: inherit;}

		.news_title A:hover {text-decoration: none;}

	/* ліва колонка

	-----------------------------------------------------------------------------------*/

	.btn_nav_toggle {border: 1px solid #dbdce0; background-color: #fff; font: 15px/24px Georgia; color: #33383c; text-decoration: none; padding: 5px 15px; display: inline-block; 

		vertical-align: top; transition: border-color .3s;}

	.btn_nav_toggle:hover {border-color: #33383c;}

	.left_col {width:437px; min-height:1px; border: 1px solid #dbdce0; background-color: #fff; z-index: 19;}

		.left_col--subpage {display: none; position: absolute; left: 0; top: 0;}

		.open_menu {
			position: absolute;
			left: 27px;
			top: 100%;
			z-index: 999;
            padding: 3px 10px 5px;
            background-color: #58585a;
            border-radius: 0 0 2px 2px;
            color: #ccc;
			font-size: 14px;
			cursor: pointer;
			transition: color .3s;}

		.open_menu:before {
			content: '';
			width: 0;
			height: 0;
			display: inline-block;
			vertical-align: top;
			margin: 7px 5px 0 0;
			border-style: solid;
			border-width: 5px 5px 0 5px;
			border-color: #ccc transparent transparent transparent;
			transition: border-color .3s;
		}

		.open_menu:hover {
			color: #fff;
		}

		.open_menu:hover:before {
			border-top-color: #fff;
		}

		.full + .open_menu:before {
			border-width: 0 5px 5px 5px;
			border-color: transparent transparent #ccc transparent;
		}

		.full + .open_menu:hover:before {
			border-bottom-color: #fff;
		}

		.left_menu {width:100%; float: none; position: relative;}

		.left_menu:after {
			content: '';
			display: table;
			clear: both;
		}

			.left_menu UL {padding: 14px 0 4px 27px; z-index: 10;}

				.left_menu UL LI {float:left; width:100%;}

					.left_menu UL LI > A {font:15px/24px Georgia; color: #33383c; text-decoration:none; position:relative; display: block; margin:0; padding: 3px 15px 3px 0;

						border: 1px solid transparent; transition: all .4s linear; white-space: nowrap;
						overflow: hidden;}

.left_menu UL LI > A:after {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 200px;
	background: -moz-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(left, rgba(30, 87, 153, 0) 0%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to right, rgba(30, 87, 153, 0) 0%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e5799', endColorstr='#ffffff', GradientType=1);
	pointer-events: none;
}

					.left_menu UL LI > A .fa {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); color: #989ba7; opacity: 0;
						z-index: 1;}

					.left_menu UL LI.sub > A .fa {opacity:.5;}

					.left_menu UL LI A:hover {text-decoration: none;}

						.left_menu UL LI A B {position:absolute; bottom:-13px; left:0; background:url(../images/left_menu.png) no-repeat left bottom; width:250px;

						                      height:26px; display:none;}

						.left_menu UL LI A Span {z-index:1; position:relative; float:left;}

					.left_menu UL LI A.active {color: red;}

						.left_menu UL LI A.active B {background:url(../images/left_menu.png) no-repeat right bottom;}
					
					.left_menu UL LI:hover > A, .left_menu UL LI > A:hover {border-top-color: #dbdce0; border-bottom-color: #dbdce0; text-decoration: none; left: 1px; padding-left: 15px;

						color: #dc1f38;}

					.left_menu UL LI:hover > A .fa, .left_menu UL LI > A:hover .fa {right: 31px;}

						.left_menu UL LI UL LI A {color:#3a3a3a; border: 1px solid transparent;}

			.left_menu .submenu {position: absolute; top: -1px; left: -9999%; background-color: #fff; border: 1px solid #dbdce0; opacity: 0; 

				visibility: hidden; transition: opacity .4s linear; width: calc(100% + 491px); height: calc(100% + 2px); box-sizing: border-box; z-index: -1;}			 	

				.left_menu .submenu > UL {width: 50%; height: 100%; box-sizing: border-box; border-right: 1px solid #dbdce0;}

				.left_menu UL LI:hover > .submenu {opacity: 1; left: 100%; visibility: visible; transition: opacity .4s linear;}

				.left_menu .submenu .submenu {width: 100.7%; border-right: 1px solid #dbdce0; border-top: 1px solid #dbdce0; border-bottom: 1px solid #dbdce0; right: -100%;}

					.left_menu .submenu .submenu > UL {width: 100%; border-right: none;}

					.left_menu .submenu .submenu UL LI A:hover {border-top-color: transparent; border-bottom-color: transparent; left: 0; padding-left: 0; text-decoration: underline;}

	/* слайдер */

	.slider_wrapper {width: 100%; margin-bottom: 30px; position: relative;}

.slider_wrapper:after {
	content: '';
	display: table;
	clear: both;}

		.slider {width: 66%; height: 500px; float: right; overflow: hidden; position: relative;}

			.slider_fon {position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: inherit;}

			.slider_arrows {position: absolute; top: 50%; left: 15px; right: 15px; margin: -33px 0 0 0;}

			.slider_arrow {width: 36px; height: 66px; z-index: 3; position: relative; cursor: pointer;}

			.slider_arrow:before, .slider_arrow:after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/sprite.png) no-repeat; 

				transition: opacity .4s linear;}

			.slider_arrow:before {background-position: -45px 0;}

			.slider_arrow:after {opacity: 0; background-position: -82px 0;}

			.slider_arrow:hover:before {opacity: 0;}

			.slider_arrow:hover:after {opacity: 1;}

			.slider_arrow.slider_right {transform: rotate(180deg);}

			.slider_place {position: absolute; z-index: 3; bottom: 25px; left: 50%; width: 100%; max-width: 460px; margin: 0 0 0 -230px;}
				
				.slider_pag {width: 100%; float: none; text-align: center;}

					.slider_pag A {width: 11px; height: 11px; border-radius: 50%; position: relative; display: inline-block; margin: 0 8px; box-shadow: 0px 1px 0px 0px #4f5265; 

						background-color: #f2f3f7; transition: all 0.4s linear;}

						.slider_pag A:hover, .slider_pag A.active {background-color: rgba(226, 12, 12, 0.75);}

	/* головна колонка

	-----------------------------------------------------------------------------------*/

	.main_col {
		width: 100%;
	}

		/* стаття

		---------------------------------*/

		.main_col Article {padding:0 0 30px; font:15px/18px Tahoma; color:#565553; width:100%;}

.main_col Article.login,
.main_col Article.feedback,
.main_col Article.registration {
	width: 100%;
	text-align: center;
	padding: 0 0 80px;
	float: none;
}

			.main_col Article Header {position:relative; float:none; margin:5px 0 10px 0;}

.main_col Article Header:after {
	content: '';
	display: table;
	clear: both;
}

				.main_col Article Header H1, .main_col Article Header H2 {position:relative; float:left; width:100%; color:#565553; margin:0; padding:0;

																		 font:18px/24px Tahoma;}

				.print_icon {background:url(../img/printer.png) no-repeat scroll 0 0 transparent; height:18px; top:5px; width:17px; position:relative; float:left;

				             cursor:pointer;}

					.main_col Article A {text-decoration:underline; color:#1f75c4;}

					.main_col Article A:hover {text-decoration:none;}

					.main_col Article H1,.main_col Article H2,.main_col Article H3 {color:#565553; font:18px/24px Tahoma; padding:10px 0;}

					.main_col Article H2 {font:17px/22px Tahoma; padding:8px 0;}

					.main_col Article H3 {font:bold 15px/20px Tahoma; padding:6px 0;}

					.main_col Article P {width:100%; padding:0 0 20px 0; margin:0; text-align:left;}

					.main_col Article UL {width:100%; padding:0 0 10px 20px; margin:0; list-style:disc;}

					.main_col Article OL {width:100%; padding:0 0 10px 20px; margin:0; list-style:lower-roman;}

		/* новини

		---------------------------------*/

		.news_list {width:960px;}

			.one_nl {width:100%; margin:20px 0 30px;}

				A.nl_pic {width:178px; height:178px; border:2px solid #252525;}

					.one_nl .photo_place {width:182px; height:182px; margin:0 30px 0 0;}

						A.nl_pic Img {position:absolute; top:0; left:0; width:178px; height:178px;}

						A.nl_pic Img:first-child {opacity:1; z-index:1; transition:all 0.2s linear 0.2s;}

						A.nl_pic Img:last-child {opacity:1; transition:all 0.2s linear 0.2s;}

						.one_nl:hover A.nl_pic Img:first-child {opacity:0; transition:all 0.2s linear 0s;}

				.text_place {width:748px;}

					.tp_title {color:#424243; font:22px/26px Arial; text-decoration:none;}

					.tp_title:hover {color:#000;}

					.tp_txt {width:748px; height:76px; overflow:hidden; color:#424243; font:14px/22px Arial; padding:10px 0; margin:0 0 34px 0;}

					A.tp_more {color:#fff; font:15px/20px Arial; text-decoration:none; background:#b2b3b7; padding:3px 16px; transition:all 0.2s linear 0s;}

					.one_nl:hover A.tp_more {background:#252525; transition:all 0.2s linear 0s;}

		/* наші переваги

		---------------------------------*/

		.we {width:100%; margin:10px 0 30px 0; display: flex; flex-wrap: wrap;}

		.details .we {margin:10px 0 30px 0;}

			.one_we {margin:0 20px 20px 0; padding:0 0 0 60px; width: calc((100% - 20px * 4) / 5); box-sizing: border-box;}

			.one_we:nth-child(5n+5) {margin-right: 0;}

			.one_we::before {content:''; position:absolute; top:5px; left:0; width:52px; height:52px; background:url(../images/icons_sprite.png) no-repeat;}

			.one_we.icon_2::before {background-position:-61px 0;}

			.one_we.icon_3::before {background-position:-120px 0;}

			.one_we.icon_4::before {background-position:-181px 0;}

			.one_we.icon_5::before {background-position:-241px 0;}

				.ow_tit {width:auto; color:#dc1f38; font:16px/20px Open_b; width:100%; margin:0 0 4px 0;}

				.ow_txt {color:#0c0c0c; font:italic 12px/16px Georgia; width:100%;}

		/* каталог - плитка

		---------------------------------*/

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

			.one_good {width: calc((100% - 30px * 3) / 4); margin-right: 30px; padding-bottom: 20px; transition:all 0.2s linear 0s; text-align: center;}

			.one_good:nth-child(5n+4) {margin-right: 0;}

			.one_good:hover {background:#f2e3af; transition:all 0.2s linear 0s;}

				.og_title {width: 100%; height:57px; overflow:hidden; margin:0 0 4px 0; display: table;}

					.og_title Span {height:60px; display:table-cell; text-align:center; vertical-align:middle;}

						.og_title Span A {color:#2c2c2c; font:15px/18px Georgia; text-decoration:none;}

						.one_good:hover .og_title Span A {text-decoration:underline;}

				.og_photo {width: 100%; height:261px; margin:8px 0; display: table;}

					.og_photo Span {height:261px; display:table-cell; text-align:center; vertical-align:middle;}

						.og_photo Img {border-radius:2px; max-width:100%; max-height:261px; vertical-align:middle;}

				.og_price {top:5px; color:#3a3a3a; font:13px/18px Tahoma;}

					.og_price B {font:bold 18px/18px Tahoma;}

					.og_price Span {width:47px; height:19px; background:url(../images/sprite.png) no-repeat -212px -167px; position:absolute; top:-32px; left:0;

					                color:#f01702; font:16px/18px Tahoma; text-decoration:line-through; text-align:center; padding:8px 10px 0 0;}

				A.og_buy {color:#000; font:16px/33px Georgia; text-decoration:none; text-align:center; background:#ddd;

				          width:110px; height:33px; margin: 0 auto; display: block; border-radius: 3px; transition: .3s;}

				.one_good:hover A.og_buy {color: #fff; background-color: #464646;}

			.catalog_line {width:100%; height:1px; background-color: #ddd; margin:16px 0;}

			.sort_panel {width:100%; height:51px; margin:0 0 30px 0;}

				.one_sort {margin:9px 0 0 0;}

				.one_sort:last-child {margin:9px 0 0 50px;}

				.one_sort Span {z-index:2; position:relative; float:left;}

					.one_sort Label, .one_type Label {position:relative; float:left; color:#3c3c3c; font:19px/23px Georgia; margin:0 8px 0 0;
						}

					.one_type Label {font:17px/18px Tahoma;}

					.one_sort A, .one_type A {color:#741f1f; text-decoration:underline; font:17px/18px Georgia; background:url(../images/sprite.png) no-repeat right -411px; padding:0 20px 0 0;}

					.one_type A {background:none; font:17px/18px Georgia;}

						.one_type A::before {width:0; height:0; border-style:solid; border-width:8px 7px 0 7px; border-color:#741f1f transparent transparent transparent; position:absolute; content:''; top:6px; right:0;}

						.one_type UL LI A::before {display:none;}

					.one_sort_drop, .one_type_drop {position:absolute; top:-9px; left:-17px; width:196px; border:1px solid #fff; background:#fafafa; border-radius:3px; display:none;

					                background:-moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%);

									background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#eaeaea));

									background:-webkit-linear-gradient(top, #fafafa 0%,#eaeaea 100%); background:-o-linear-gradient(top, #fafafa 0%,#eaeaea 100%);

									background:-ms-linear-gradient(top, #fafafa 0%,#eaeaea 100%); background:linear-gradient(to bottom, #fafafa 0%,#eaeaea 100%);

									filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#eaeaea',GradientType=0 );

									box-shadow:0 3px 10px -6px #666; padding:53px 48px 12px 48px; text-align:right; z-index:1;}

					.one_type_drop {padding:6px 17px 8px; text-align:left; width:auto; top:30px;
						left: auto;
						right: 0;}

					.one_sort_drop UL, .one_type_drop UL {width:100%;}

						.one_sort_drop LI, .one_type_drop LI {position:relative; float:left; width:100%; margin:0 0 5px 0;}

							.one_sort_drop A, .one_type_drop A {background:none; color:#3c3c3c; font:15px/18px Georgia; text-decoration:none; text-align:right; padding:0;}

							.one_type_drop A {text-align:left;}

							.one_sort_drop A:hover, .one_type_drop A:hover {text-decoration:underline;}

							.one_sort_drop A.selected, .one_type_drop A.selected {display:none;}

		/* детальне каталогу

		---------------------------------*/

		.details {width:100%; margin:0 0 30px 0;}

			.details .catalog_line {margin:30px 0;}

			.main_photo {width:350px; height:350px; margin:0 30px 0 0;}

				.main_photo Span {width:inherit; height:inherit; display:table-cell; text-align:center; vertical-align:middle;}

					.main_photo Img {border-radius:2px; max-width:350px; max-height:350px; vertical-align:middle;}

				.main_photo B {position:absolute; top:50%; left:50%; margin: -32px 0 0 -32px; background:url(../images/sprite.png) no-repeat -610px -322px; width:64px; height:64px; 

					opacity: 0; transition: .3s;}

				.main_photo A:hover B {opacity: 1;}

			.product_options {margin: 0 0 20px; display: flex; align-items: baseline; width: 100%;}

			.option_title {margin-right: 20px; font-size: 18px;}

			.option_name {margin: 0 10px 0 0;}

				.option_name a {text-decoration: none; color: #3c3c3c; display: flex; align-items: center; position: relative;}

				.option_name a.active {color: #0fa222;}

				.option_name a:before {content: ''; display: block; width: 12px; height: 12px; border: 2px solid #565553; border-radius: 100%; margin: 0 5px 0 0;}

				.option_name a.active:before {border-color: #0fa222;}

				.option_name a.active:after {content: ''; width: 6px; height: 6px; border-radius: 100%; position: absolute; left: 5px; top: 6px; background-color: #0fa222;}

			.rest_det_info {width:986px;}

				.rest_det_info Header {width:100%; margin:0 0 10px 0;}

					.rest_det_info Header H1 {color:#3c3c3c; font:20px/25px Georgia;}

					.rest_det_info Header Span {color:#bf8e3e; font:14px/25px Tahoma;}

				.det_price {color:#3a3a3a; font:13px/18px Tahoma; padding:0 10px 0 10px; margin:15px 0 0 0;}

					.det_price B {font:bold 18px/18px Tahoma;}

					.det_price Span {color:#e82c14; font:bold 18px/18px Tahoma; text-decoration:line-through; position:absolute; top:-30px; left:10px;}

				A.det_buy {    color: #fff;
					font: 20px/46px Georgia;
					text-decoration: none;
					text-align: center;
					background: #0fa222;
					width: 110px;
					height: 46px;
					margin: 0 auto;
					display: block;
					border-radius: 3px;
					transition: .3s;}

				A.det_buy:hover {
					background-color: #ddd;
					color: #000;
				}

				.det_short_info {width:100%; color:#565553; font:15px/17px Tahoma; margin-bottom: 30px;}

				.det_small_photos {width:100%; margin:38px 0 0 0;}

					.det_small_photos .dsp_one {width:102px; height:134px; position:relative; float:left; margin:0 20px 0 0;}

					.det_small_photos .dsp_one:last-child {margin:0;}

						.det_small_photos .dsp_one Span {width:102px; height:134px; display:table-cell; text-align:center; vertical-align:middle;}

							.det_small_photos .dsp_one Span Img {max-width:102px; max-height:134px; vertical-align:middle; border-radius:2px;}

			.color_selector {width:100%; margin:20px 0 15px 0;}

					.color_selector Label {position:relative; float:left; margin:0 10px 0 0;}

					.color_selector A {position:relative; float:left; text-decoration:none; border-radius:50%; margin:0 5px 5px 0; width:24px; height:24px; transform:scale(.8); transition:transform 0.2s linear 0s;

					                   border:2px solid #000;}

					.color_selector A.active {transform:scale(1); transition:transform 0.2s linear 0s;}

					.color_cir {position:relative; float:left; text-decoration:none; border-radius:50%; margin:0 5px 5px 0; width:24px; min-height:24px; transform:scale(.8); transition:transform 0.2s linear 0s;

					                   border:2px solid #000;}

					.color_cir.active {transform:scale(1); transition:transform 0.2s linear 0s;}
					table .color_cir{float: none; display: inline-block; vertical-align: middle;}
					.admin_component .color_cir{float: none; display: inline-block; vertical-align: middle;}

			.buy_onemoretime {width:677px; background:url(../images/line.png) no-repeat left top,url(../images/line.png) no-repeat left bottom; padding:23px 0; margin: 0 auto 40px; 

					float: none; overflow: hidden; clear: both;}

				.bo_title {width:424px; color:#3c3c3c; font:20px/25px Georgia;}

				.buy_onemoretime .det_price {width:95px;}

				.buy_onemoretime A.det_buy {
					background-color: #86b337;}

.buy_onemoretime A.det_buy:hover {
	background-color: #464646;
	color: #ffffff;
}

			.det_see_more {width:100%;}

				.det_see_more .one_good {margin-bottom: 30px; padding: 0 20px 20px 20px; box-sizing: border-box;}

				.det_see_more .one_good:nth-child(5n+4) {margin-right: 30px;}

				.det_see_more .one_good:nth-child(4n+4) {margin-right: 0;}

				.dsm_title {width:100%; text-align:center; margin:30px 0; color:#565553; font:18px/22px Tahoma;}

		/* вікно кошика

		-----------------------------------------*/

		.cart_window {width:684px; min-height:200px; background:url(../images/cart_bg.png) repeat; padding:10px; position:absolute; z-index:999; top:185px; left:50%;

					  margin:0 0 0 -342px; border-radius:30px; display: none}

			.cart_top {position:absolute; top:-35px; right:30px; background:#c9a156; width:190px; height:23px; border-radius:20px 20px 0 0; padding:11px 30px; display: flex; align-items: baseline; justify-content: space-between;}

				.cart_top Span {color:#fff; font:18px/22px Tahoma;}

				.cart_top A.close {color:#fff; font:14px/22px Tahoma; text-decoration:underline; position: static;}

				.cart_top A.close:hover {text-decoration:none;}

			.cart_place {width:684px; min-height:200px; background:url(../images/cart_bg_in.jpg) repeat; border-radius:22px;}

				.cp_one_good {width:684px; background:url(../images/line.png) no-repeat center bottom; margin:27px 0 0; padding:20px 0 25px 0;}

				.cp_one_good:first-of-type {margin-top: 0;}

					.cp_photo {width:133px; height:174px; margin:0 0 0 38px;}

						.cp_photo Span {width:133px; height:174px; display:table-cell; text-align:center; vertical-align:middle;}

							.cp_photo Span Img {max-width:133px; max-height:174px; border-radius:2px; vertical-align:middle;}

					.cp_title {width:434px; height:50px; padding:3px 40px 9px 39px; background:url(../images/sprite.png) no-repeat -2px -235px; display: flex; flex-direction: column; justify-content: center;}

						.cp_title A {color:#3c3c3c; font:15px/18px Georgia; text-decoration:none;}

						.cp_title A:hover {text-decoration:underline;}

					.cp_for_number {width:94px; height:29px; margin:48px 0 0 30px; padding:3px 0 0 4px;}

						.cp_for_number Input {width:47px; height:26px; background:#fff; color:#565553;
							border: 1px solid #dbdce0;
							font-size:15px; text-align:center; padding:0; transition: .3s;}

.cp_for_number Input:focus {border-color: #000;}

						.cp_for_number Span {font:14px/18px Georgia; padding:0 0 0 6px;}

						A.cfn_more,A.cfn_less {position:absolute; top:-15px; left:0; width:54px; height:15px; background:url(../images/sprite.png) no-repeat -704px -175px;}

						A.cfn_less {bottom:-15px; top:auto; background-position:-743px -175px;}

						A.cfn_more:active {background-position:-704px -176px;}

						A.cfn_less:active {background-position:-743px -174px;}

					A.cp_del {color:#fc1807; font:13px/18px Georgia; text-decoration:underline; position:absolute; top:182px; left:201px;}

					A.cp_del:hover {text-decoration:none;}

				.cp_total {width:100%; margin:30px 0; color:#484846; font:700 22px/1 "Arial"; text-align:center;}

				.cp_form {margin:0 20px;}

					.cpf_1 {width:296px; margin:0 10px 0 0;}

						.cp_one_inp {width:287px; height:auto; padding:2px 9px 2px 0; margin:0 0 10px 0;

						             }

						.ord_buts {
							text-align: center;
							padding: 30px 0;
							width:100%;}

						#cart_error {
							text-align: center;
							color: red;}

							.cp_one_inp Label {width: 105px; margin: 10px 10px 0 0;
								font-size: 14px; position:relative; float:left; text-align:right;}

.cp_one_inp.fon Label {
	margin-top: 0;
}

							.cp_one_inp Input,.cp_one_inp Textarea {width:171px; border: 1px solid #eed7ad; border-radius: 3px; background:#fff;

							                                        padding:10px 15px; box-sizing: border-box; transition: .3s;}

.cp_one_inp Input:focus, .cp_one_inp Textarea:focus {border-color: #000;}

							.cp_one_inp Input.error, .cp_one_inp Textarea.error {box-shadow:inset 0 0 3px #f00;}

.cp_one_inp Input.error:focus, .cp_one_inp Textarea.error:focus {box-shadow: none;}

							.cp_one_inp Textarea {padding:5px 8px; height:100px;}

							.delivery_box {width:172px; color:#fff;}

								.delivery_box A {color:#000; text-decoration:none; padding:0 0 0 20px; background:url(../images/checkboxes.png) no-repeat 0 2px;}

								.delivery_box A.active {background-position:0 -82px;}

								#cart_delivery_txt {
									margin: 16px 0 0 0;}

						.cp_form A.order {
							font: 16px/33px Georgia;
							text-decoration: none;
							text-align: center;
							background: #464646;
							color: #fff;
							width: 200px;
							height: 33px;
							margin: 0 auto 10px;
							display: inline-block;
							border-radius: 3px;
							transition: .3s;
							float: none;
						}

.cp_form A.order.cart_close {
	text-decoration: underline;
	background: none;
	padding: 0;
	color: #000;
}
.cp_form A.order.cart_close:hover {
	background-color: transparent;
	text-decoration: none;
}

						.cp_form A.order:hover {
							background-color: #ddd;
							color: #000;
						}

				.order_send_ok {padding:40px; color:#484846; font:18px/22px "Arial Black";}

/* підвал сайту

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

Footer {width:100%; min-width:1396px; padding: 30px 0; color:#fff; overflow: hidden; font:13px/16px Tahoma; background-color: #33383c;}

	.foo_wrap {display: flex; justify-content: center; align-items: center; width: 100%; margin-bottom: 20px;}

	.foo_payment_list {display: flex; align-items: center; margin: 0 0 0 20px;}

		.foo_payment_list li + li {margin-left: 10px;}

		.foo_payment_list img {max-width: 50px;}

	.bottom_menu {width:100%; margin:36px 0 30px 0; float: none;}

		.bottom_menu UL {float: none; overflow: hidden; text-align: center;}

		.bottom_menu LI {position:relative; display: inline-block; margin: 0 10px;}

			.bottom_menu LI A {position:relative; float:left; font:17px/14px Georgia; color:#fff; text-decoration:none;}

			.bottom_menu LI A:hover {text-decoration:underline;}

			.bottom_menu LI A.active {color: #f2e3af;}

			.bottom_menu LI A.active:hover {text-decoration:none;}

	.copy {display: flex;}

		.copy A {color:#fff; text-decoration:none;}

		.copy A:hover {text-decoration:underline;}

		.copy .right_side {margin-left: auto;}

	.social_networks {text-align: center;}

		.social_networks a {color: #fff; font-size: 20px; margin: 0 5px; display: inline-block; vertical-align: top; transition: .3s;}

		.social_networks a:hover {color: #f2e3af;}

		

/*--------------------------------------------------------------------     Стандартні стилі сайтів     --------------------------------------------------------------------*/

/* пагінатор

-----------------------------------------*/

Nav.paginator {width:100%; margin:15px 0; background:url(../images/line.png) no-repeat center bottom; padding:0 0 30px 0;}

	.paginator A,.paginator Strong {position:relative; float:left; width:49px; height:35px; background:url(../images/sprite.png) no-repeat -598px -78px; margin:0 1px;

	                                color:#565553; font:22px/22px "Arial Black"; text-decoration:none; text-align:center; padding:12px 0 0 0;}

	.paginator A:hover,.paginator Strong {background:#dc1f38; border-radius:4px; border:1px solid #cb122b; width:47px; height:33px; color:#fff;}

	.paginator Span {position:relative; float:left; width:49px; height:39px; margin:0 1px; color:#565553; font:22px/22px "Arial Black"; text-decoration:none;

	                 text-align:center; padding:12px 0 0 0;}

	.paginator A.pag_left,.paginator A.pag_right {}

	.paginator Span.pag_left,.paginator Span.pag_right {color:#666;}

	/* Зворотній зв'язок

	-----------------------------------------*/

	.feedback {max-width:329px;
		width: 100%; margin:15px auto;
		float: none;}

.feedback:after {
	content: '';
	display: table;
	clear: both;
}

		.feedback .evry_title {max-width:329px;
			width: 100%; height:auto; padding:2px 0 2px 0; margin:0 0 10px 0;

						       position:relative;}

		.feedback .evry_title:after {
			content: '';
			display: table;
			clear: both;
		}

			.feedback Label {width:100%; margin:5px 10px 5px 0; position:relative; float:none;
				display: block; text-align: left;
				font-size: 14px;}

				.et_long {width:100%;
					text-align: left;}

					.et_long A {color:#6699cc !important; font-size:12px;}

					.docs {position:relative;
						height:33px;
						float: left;
						clear: both;}

.docs + .docs {
	margin-top: 5px;
}

						.docs Input {
							background: none;
							border: none;
							padding: 0;
						}

					.feedback .docs label {
						color: #000;
						font: 16px/33px Georgia;
						text-decoration: none;
						text-align: center;
						background: #ddd;
						width: auto;
						padding: 0 20px;
						margin: 0;
						height: 33px;
						display: block;
						float: left;
						clear: both;
						border-radius: 3px;
						transition: .3s;
						position: static;
                        overflow: hidden;
					}

					.feedback .docs:hover label {
						color: #fff;
						background-color: #464646;
					}

					.feedback .registration_upload {
						position: absolute;
						left: 0;
						top: 0;
						padding: 0;
						opacity: 0;
						height: 33px;
					}

					.feedback .evry_title Span {font-size:12px; color:red; float:right; position:relative;
						top: 1px;}

			.feedback Input, .feedback Textarea {width:100%; box-sizing: border-box; border:1px solid #eed7ad; border-radius: 3px; background:#fff; padding:10px 15px; transition: border-color .3s;}

				.feedback Input:focus, .feedback Textarea:focus {border-color: #000;}

			.feedback Textarea {height:150px; padding:6px 8px;}

			.feedback .evry_title.wrong Input,.feedback .evry_title.wrong Textarea,.feedback .evry_title Input.error,.feedback .evry_title Textarea.error

			{box-shadow:inset 0 0 3px #f00;}

			.captcha {
				width: 100%;}

			.captcha Input {padding:0 8px 0 176px; text-align:center; width:100%; height: 39px;}

				.captcha_place {position:absolute; top:0; left:0; height:39px; border-right: 1px solid #eed7ad; transition: .3s;}

					.captcha Input:focus + .captcha_place {border-right-color: #000;}

					.captcha_place A.reload {position:absolute;
						right: 20px; top: 6px; width:28px; height:26px; background:url(../img/refresh.png) no-repeat;}

					.captcha_place A.reload:hover {background-position:0 -27px;}

			.feedback A.send_adm {
				color: #000;
				font: 16px/33px Georgia;
				text-decoration: none;
				text-align: center;
				background: #ddd;
				width: 110px;
				height: 33px;
				margin: 25px auto 0;
				display: block;
				float: none;
				border-radius: 3px;
				transition: .3s;
			}

			.feedback A.send_adm:hover {
				color: #fff;
				background-color: #464646;
			}

		.mail_sent {height:22px; background:url(../img/ok.png) no-repeat 26px 0; padding:10px 0 0 70px; font:font:14px/18px Arial; color:#000;}

/* Google мапа

-----------------------------------------*/

.main_col Article.google_map {
	width: 100%;
	float: left; position:relative;}

.map_area {width: 100%; height:400px; margin:0 0 40px 0;}

/* фон для затемнення сайту

-----------------------------------------*/

.black {position:fixed; top:0; left:0; right:0; bottom:0; z-index:100; background:#3d3d3d;}

/* 404 сторінка

-----------------------------------------*/

.page_404 {width:100%; height:100%; background:#fff;}

	 .page_404 .centre {display: flex; flex-direction: column; justify-content: center; height: 100%;}

	.er_logo {width:100%; text-align: center; margin-bottom: 30px;}

		.er_logo A {width:320px; margin: 0 auto; display: block;}

		.er_logo Img {max-width: 100%;}

	.text_404 {width:100%; text-align:center; color:#484848; font:18px/30px Arial;}

		.text_404 B {font:50px/30px Arial;}

		.text_404 A {color:#0087e6; text-decoration:none;}

		.text_404 A:hover {text-decoration:underline;}
		
.rest_det_info .one_type {margin:18px 0 10px 20px;}

.black + .ui-autocomplete {
	background-color: #fff;
	height: 200px;
	overflow: scroll;
	overflow-x: hidden;
	padding: 10px;
}

.black + .ui-autocomplete a {
	transition: color .3s;
}

.black + .ui-autocomplete a:hover {
	color: #cba42c;
}

.crop_modal {
	    position: absolute;
    left: 50%;
    top: 50px;
    z-index: 999;
    width: 1000px;
    height: 190px;
    margin: 0 0 0 -500px;
    box-shadow: 0 0 20px #000;
}

.crop_area {
	    box-shadow: 0 0 10px #444;
    border-radius: 5px 5px 0 0;
    background: #f8f8f8;
}

.crop_source {
	margin: -30px 18px 18px 18px;
}

.ca_panel {
	z-index: 100;
}
/* логування

-----------------------------------------*/


.modal {
	position: fixed;
	z-index: 10;
	right: 10px;
	left: 10px;
	top: 20%;
	max-width: 350px;
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	background: url("../images/cart_bg.png") repeat 0 0;
	border-radius: 30px;
    font-weight: 700;
    font-size: 18px;
}
.modal_inner {
	background: url("../images/cart_bg_in.jpg") repeat 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 150px;
	border-radius: 22px;
}

/* Modal Content Box */
.modal-content {
	background-color: #fefefe;
	margin: 4% auto 15% auto;
	border: 1px solid #000000;
	width: 20%;
	padding-bottom: 30px;
}

/* The Close Button (x) */
.close {
	position: absolute;
	right: 25px;
	top: 0;
	color: #000;
	font-size: 35px;
	font-weight: bold;
}
.close:hover,.close:focus {
	color: red;
	cursor: pointer;
}

/* Add Zoom Animation */
.animate {
	animation: zoom 0.6s
}
@keyframes zoom {
	from {transform: scale(0)}
	to {transform: scale(1)}
}



.pc-close,
.close.pc-close {
	background-color: transparent;
	border: none;
	padding: 0;
	position: absolute;
	right: -12px;
	top: -12px;
	width: 21px;
	height: 21px;
	line-height: 21px;
}

.pc-close:before, .pc-close:after {
	content: '';
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.pc-close:before {
	background-position: -109px -29px;
}

.pc-close:after {
	background-position: -88px -29px;
	opacity: 0;
}

.pc-close:hover:before {
	opacity: 0;
}

.pc-close:hover:after {
	opacity: 1;
}