@CHARSET "UTF-8";
*{ font-family: 'Roboto', sans-serif; margin:0px; padding:0px; border: 0; line-height: 1.2em;}
html{text-align:left; position: relative; min-height: 100%;}
body {text-align:left;
	-webkit-font-smoothing: subpixel-antialiased !important;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;}
table{border-spacing: 0;}
h1{font-variant: small-caps; padding: 5px;}
h2.x1{text-transform: uppercase; font-size: 189.9%;}
h2.x2{color: #999; margin: 40px; font-variant: small-caps; text-align: center; font-size: 159.9%;}
h3.x1{font-size: 109.9%; margin: 10px; font-weight: normal; color: #333;}
blockquote {margin: 10px;background: none repeat scroll 0 0 #ffff99;border-left: 5px solid #999933;border-right: 5px solid #999933;
				color: #333333;font-style: italic;	padding: 10px 20px; text-align: center; box-shadow: 0 0 5px #999933;}
hr{width: 100%; border-top: 1px solid #ddd; margin: 10px 0; float: left; clear: both;}
a.x1{color: #0066ff;}a.x1:hover{color: #ff6600;}a.x1:not(.head):active{opacity: .7;filter:Alpha(Opacity=70);}
a.x2{color: #7a7878; text-decoration: none;}a.x2:hover{color: #0066ff;text-decoration: underline;}a.x2:active{opacity: .8;filter:Alpha(Opacity=80);}
a.x3{color: #000; text-decoration: none;}a.x3:hover{text-decoration: underline;}a.x3:active{opacity: .8;filter:Alpha(Opacity=80);}
ul.x1{list-style-type: none;} ul.x1>li:first-child ~ li{margin-top: 5px;}
ul.x2{list-style-type: none;} ul.x2>li:first-child ~ li{margin-top: 10px;}
ul.x3{list-style-type: none;} ul.x3>li{float: left; margin-right: 5px;}
ul.paging{list-style-type: none; display: block;width: 100%; overflow: hidden; margin: 10px 0;}ul.paging li{float: left;} /* список постраничной навигации */
	ul.paging span{display: block; padding: 3px;}
	ul.paging button, ul.paging a{display:block; color: #707070; background: none; text-decoration: underline; padding: 3px 6px;}
	ul.paging button:hover, ul.paging a:hover{background-color: #e1e1e1;text-decoration: none; cursor: pointer;}
	ul.paging button:active, ul.paging a:active{opacity: 0.8; filter: alpha(opacity=80);}
	ul.paging button.selected, ul.paging a.selected{color: #e1e1e1; background-color: #707070;}
input.x1, textarea.x1, select.x1{border: 1px solid #e5e5e5; padding: 5px 6px; outline: none;} input.x1:focus, textarea.x1:focus, select.x1:focus{border-color: #85BCFF;}
button.x1{border: 1px solid #ccc;	background: #f0f0f0; padding: 6px 18px; color: #333; cursor: pointer;} button.x1:hover{background: #e3e3e3; border-color: #ccc;}
button.x2{color: #7a7878; background: none; font-size: 100%;} button.x2>span{border-bottom: 1px dashed #7a7878;}
	button.x2:hover{color: #09aade; cursor: pointer;} button.x2:hover>span{border-color: #09aade;}
	button.x2:active{opacity: .8;filter:Alpha(Opacity=80);}
button.x3{cursor: pointer;} button.x3:hover{opacity: .8;filter:Alpha(Opacity=80);}
button.x4{color: #fff; background-color: #1463C4; border: 1px solid #184C8C; box-shadow: 0 -3px #0D3F7D inset; padding: 10px 20px; cursor: pointer;}	button.x4:hover{background: #2980EA !important;} button.x4:active{opacity: .9;}
table.x1{width: 100%;}
	table.x1 thead tr td{background: #e1e1e1; color: #333; padding: 4px; font-weight: bold; font-size: 89.9%;}
	table.x1 tbody tr td{border-bottom: 1px solid #ccc; color: #333; padding: 4px; font-size: 89.9%;}
		table.x1 tbody tr:hover td:not(.del):not(.add){cursor: pointer; background-color: #eee;}
		table.x1 tbody tr:active td:not(.del):not(.add){opacity: .8; filter:Alpha(Opacity=80);}
	table.x1 tr.disabled td{opacity: 0.3; filter:Alpha(Opacity=30); text-decoration: line-through;}
		table.x1 tr.disabled:hover td{opacity: 0.4; filter:Alpha(Opacity=40);}
table.x2{width: 100%; border-collapse: collapse; margin-top: 5px;}
	table.x2 td.del{width: 25px; font-size: 59.9%; font-weight: bold; color: #333; cursor: pointer; text-align: center;}
		table.x2 td.del:hover{background: #ff6666; color: #fff; opacity: 0.8; filter: alpha(opacity=80);}
		table.x2 td.del:active{opacity: 0.6; filter: alpha(opacity=60);}
	table.x2 thead tr td{background: #c2c2c2; color: #333; padding: 4px; border: 1px solid #999;}
	table.x2.cash thead tr td{background: #b4bfb9;}
		table.x2 thead tr td:not(:first-child){text-align: center;}
	table.x2 tbody tr td{border: 1px solid #bdbdbd; color: #333; padding: 4px;}
	table.x2 tbody tr:hover td:not(.del):not(.add):not(.ready){background-color: #f0ffff;}
	/* статус товара */
	table.x2 td.ready{color: #bdbdbd; text-align:center; cursor: pointer; -ms-user-select: none;-moz-user-select: none;-khtml-user-select: none;-webkit-user-select: none;}
	table.x2 td.ready:hover{opacity: .6; filter:Alpha(Opacity=60);}
		table.x2 td.ready.active{color: #009900; background-color: #e5e5e5;}
		table.x2 td.ready.return{color: #993300; background-color: #e5e5e5;}
	/* статус заказа */
	table.x2 ul.status{list-style-type: none;}
		table.x2 ul.status li{background-color: #dbdbdb; color: #666; margin: 2px 0; padding: 2px 4px; border: 1px solid #bdbdbd; cursor: pointer;}
		table.x2 ul.status li.active{background-color: #666; color: #dbdbdb; border-color: #4f4f4f;}
		table.x2 ul.status li.paid{background-color: #ccffcc; color: #336633; border-color: #99cc99;}
b.comment, b.comment_goods{min-height: 1em; padding: 2px; display: block; cursor: pointer;} /* комментарии */
form label{position: relative;}
.xErr{background-color: #ffcccc; color: #660000; position: absolute; right:0px; padding: 2px 5px; border-bottom-left-radius: 5px;}
.hide{display: none;}
.unclick{pointer-events: none;}
.xClr{clear: both;}
.xCntr{text-align: center;}
.xRght{text-align: right;}
.xBld{font-weight: bold;}
.xLght{font-weight: 300;}
.xCaps{font-variant: small-caps;}
.xTT{text-transform: uppercase;}
.xSmll{font-size: 79.9% !important;}
.xSmll2{font-size: 69.9% !important;}
.xBig{font-size: 119.9% !important;}
.xRed{color: red;}
.xBlue{color: #0052a9;}
.xGreen{color: #3aa97a;}
.x3Gray{color: #333;}
.x6Gray{color: #666;}
.x9Gray{color: #999;}
.xBg9Gray{background: #999; color: #fff; padding: 2px;}
.xBgOrange{background: orange; color: #fff; padding: 2px;}

h2.title{margin: 10px; font-variant: small-caps;}
p.phar{text-indent: 30px; margin: 2px;}
	p.phar a{color: #0066ff;}
div.date{margin: 10px; color: #999; font-size: 114.9%;}
div.fltLft{float: left; margin: 10px;}
div.fltRght{float: right; margin: 10px;}
div.content{margin: 0 auto; width: 90%; max-width: 1152px;} /* центровка контента */
div.column2{float: left; padding: 1%; width: 48%;} /* колонка в два столба */
/* транспортные компании */
	div.transport{text-align: center;}
		div.transport > a{display: inline-block; text-indent: -9999px; border: 1px solid transparent; color: #666; width: 120px; height: 100px; margin-right: 6px; padding: 4px 6px; background: transparent url('images/icons_transport.png') no-repeat; font-size: 74.9%; text-align: left;}
			div.transport > a:hover{opacity: .8; filter: alpha(opacity=80);}
			div.transport > a:active{opacity: .6; filter: alpha(opacity=60);}
				div.transport > a.active{border-color: #339999; background-color: #99cccc; color: #003333;}
				div.transport > a.gtd{background-position: -825px 4px;}
				div.transport > a.dellin{background-position: 6px 5px;}
				div.transport > a.trading{background-position: -130px 22px;}
				div.transport > a.pec{background-position: -1006px 6px;}
				div.transport > a.cdek{background-position: -641px 3px;}
				div.transport > a.energy{background-position: -316px 8px;}
				div.transport > a.jde{background-position: -156px 2px;}
				div.transport > a.post{background-position: -470px 10px;}

/* шапка сайта */
#header{width: 100%; max-width: 1080px; margin: 0 auto; min-height: 135px;border-bottom: 2px solid #f5f5f5;}
	#header div.logo{float: left; min-height: inherit; position: relative; width: 50%;min-width: 390px;}
		#header a.logo{position: absolute;top: 42%; left:55%;transform: translate(-50%, -50%);display: block; text-indent: -9999px; width: 370px; height: 91px;
							background: /*url('images/fire.gif') 8px 8px/37px 40px no-repeat,*/ url('images/logo.png') 0px 0px/370px 91px no-repeat}
			#header a.logo:hover{opacity: .9;filter:Alpha(Opacity=90);}
		#header div.logo > p{position: absolute;bottom: 0; left:22%;transform: translate(-8%, -20%);display: block; font-size: 109.9%; color: #333; font-weight: bold;}
			#header div.logo > p > span{font-size: 149.9%; color: #EA1B1B;}

	#header div.contacts{float: left; min-height: inherit; position: relative; width: 25%; cursor: default;}
		#header div.contacts ul{position: absolute; top: 30%; left:50%;transform: translate(-50%, -50%);display: block; list-style-type: none; padding: 10px 0 5px 38px; background: transparent url('images/icon_phone.png') no-repeat left 24px;}
			#header div.contacts ul li.phones{white-space: nowrap; font-size: 149.9%; font-weight: bold;}
		#header div.contacts form{display: block; position: absolute; top: 63%; left: -8%; padding: 2% 2% 2% 4%; width: 100%; background-color: #ddecff; border-top: 2px solid #f5f5f5;border-right: 2px solid #f5f5f5;border-left: 2px solid #f5f5f5;border-bottom: 2px solid #ddecff;}
			#header div.contacts form input{width: 81%; padding: 3%; margin: 0 1% 0 0; font-size: 104.9%;}
			#header div.contacts form button{width: 38px; height: 25px; margin: 0; background: transparent url('images/icon_search.png') no-repeat center 0; text-indent: -9999px; cursor: pointer;}
				#header div.contacts form button:hover{background-position: center -28px;}
	#header div.cart{float: left; min-height: inherit; width: 10%; text-align: center;}
		#header div.cart button{width: 59px; height: 55px; margin: 40px 5px; position: relative; background: transparent url('images/icon_cart.png') 0 0 no-repeat; cursor: pointer;}
			#header div.cart button:hover{background-position: 0 -58px; color: #ff6600;}
			#header div.cart button span{position: absolute; top: 15px; left: 0; width: 48px; font-size: 99.9%; font-weight: bold; text-align: center;}
		
	#header a.location{display: block; color: #000; float: left; min-height: inherit; position: relative; width: 25%;}
		#header a.location ul{position: absolute;top: 50%; left:50%;transform: translate(-50%, -50%);display: block; list-style-type: none; padding: 5px 0 5px 40px; background: transparent url('images/icon_location.png') no-repeat left 12px;}
			#header a.location ul li.city{white-space: nowrap; font-size: 159.9%;}
		#header a.location:hover{background-color: #f8f8f8;}

/* меню */
#menu{width: 100%;}
	#menu ul{text-align: center; display: block; padding: 18px 0; border-top: 15px solid #DDECFF; background: linear-gradient(69deg, rgb(255, 254, 213) 0%, rgba(244,191,6,1) 100%);}
		#menu ul li{display: inline; color: #DE2922; font-size: 119.9%; cursor: default;}
		#menu ul li:first-child ~ li{margin-left:20px}
		#menu ul li a{color: #400; text-decoration: none; text-transform: uppercase; font-weight: bold; white-space: nowrap;
		transition: .4s; padding: 4px 9px; border-radius: 7px;}
			#menu ul li a:hover{color: #1463C4; text-decoration: underline; background-color: #F4BE06;}

/* основной контент */
#content{max-width: 2048px; margin: 0 auto; }
#content img{max-width: 100%;}

/* ссылки категорий */
div.categories{text-align: center; position: relative;}
div.categories > a{display: block; float: left; margin: 2% 3% .5% 0; width: 30%; height: 400px;
					background-repeat: no-repeat; background-position: center;
					text-decoration: none; color: #333; text-align: center; line-height: 70px;
					transition: .2s; opacity: .9; filter:Alpha(Opacity=90); font-size: 199.9%;
					/*background-size: contain;*/}
	div.categories > a:first-child{margin-left: 1%;}
	div.categories > a:last-child{margin-right: 0;}
	div.categories > a:hover{opacity: 1;filter:Alpha(Opacity=100); color: #1463C4; text-decoration: underline; transform: scale(1.02, 1.02);}
	
	
	
	ul.goods li a span.type{display: block; position: absolute; bottom: 20px; left: 20px; width: 50px; height: 56px; background-repeat: no-repeat; background-position: center; color: #A963A4; font-size: 79.9%; font-weight: bold; line-height: 10em;}
				ul.goods li a span.type.eva{background-image: url('images/eva.png');}
				ul.goods li a span.type.vors{background-image: url('images/vors.png');}
	
	
	
	
/* подвал */
footer{width: 100%; background: linear-gradient(45deg, #ec903f, #741515); overflow: hidden;}
	footer div.content{background:transparent url('images/bottom.png') no-repeat right 10px bottom 0; overflow: hidden;}
	footer div.logo{float: left; min-width: 275px; width: 40%;}
		footer div.logo a{text-indent: -9999px; display: block; width: 269px; height: 106px; border: 2px solid #602109;
							margin: 5% auto 0 auto; background: transparent url('images/logo_bottom.png') no-repeat center; transition: .4s;
							-webkit-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.55);
							-moz-box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.55);
							box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.55);}
			footer div.logo a:hover{transform: rotate(-4deg);
									-webkit-box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.55);
									-moz-box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.55);
									box-shadow: 2px 3px 8px 1px rgba(0, 0, 0, 0.55);}
		footer div.logo p{margin: 5%; font-size: 119.9%; color: #1c1c1c; text-align: center;}
		footer div.logo p:last-child{padding-left: 55px; color: #e5ffba; text-align: center; background: transparent url('images/icon_eko.png') no-repeat left 20px center; font-size: 169.9%;font-weight: 100; margin: 0; min-height: 55px;}
	footer div.menu{float: left; width: 20%;}
		footer div.menu b{display: block; margin: 6% 0 6% 6%; font-size: 169.9%; font-weight: 300; color: #fff;}
		footer div.menu a{margin: 4% 0 0 6%; font-size: 99.9%; display: block; color: #ffc877 !important; font-weight: 100;}
	footer div.contacts{float: left; width: 40%;}
		footer div.contacts b{display: block; margin: 6% 0 6% 6%; font-size: 169.9%; font-weight: 300; color: #fff;}
		footer div.contacts p{display: block; margin: 4% 0 0 6%; font-size: 109.9%; color: #ffc877;}
		footer div.contacts p:last-child{margin-top: 8%; font-size: 89.9%;cursor: default; color: #ffc877;}
	footer div.copyright{float: left; width: 100%; font-size: 89.9%; color: #f1d9c9; text-align: center; margin-top: 2%; padding: 2% 0; border-top: 1px solid #a84a27;}

/* хлебные крошки */
#bread{text-align: center; margin: 0 0 30px 0; padding: 20px 0; background-color: #DDECFF; position: relative;}
	#bread h1{text-transform: uppercase; font-weight: normal;}
	#bread div.control{position: absolute; top: 5px; right: 5px;}

/* изображение + текст */
div.img-cell2,div.img-cell3,div.img-cell4{margin: 10px 0 10px 1%; display: inline-block; text-align: center; color: #444;}
	div.img-cell2 img,div.img-cell3 img,div.img-cell4 img{display: block; margin: 0 auto 10px auto; width: 100%;}
	div.img-cell2{width: 48.5%;}
	div.img-cell3{width: 32%;}
	div.img-cell4{width: 23.5%;}

/* блок отправки идеи */
#content div.idea{max-width: 600px; background-color: #ffff00; padding: 20px; margin: 20px auto; text-align: center;}
	#content div.idea h3{font-size: 159.9%;}
	#content div.idea p{font-size: 109.9%; margin: 15px 0; color: #9c2e2e;}
	#content div.idea button{font-size: 119.9%;}

/* блок файлов */
#files{float: left; position: relative; width: 100%; list-style-type: none; background: #f0f0f0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#files li{float: left; width: 100px; height: 100px; margin: 3px 0 3px 3px; padding: 1px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
	/*#files li button:not(.ui-icon){float: left; cursor: pointer; width: 100%; text-align: left; padding: 3px; opacity: .8;filter:Alpha(Opacity=80);}
		#files li button:not(.ui-icon):hover{background: #2d8ac7; color: #fff;}*/
	#files li button.color{width: 14px; height: 14px; border: 1px solid #424242; float: right;}
	
	/* цвета */
	#files li button.color:not(.active){opacity: .1;filter:Alpha(Opacity=10); border-color: transparent;}
	#files li button.color.active{border-width: 2px;}
	#files li:hover button.color{opacity: 1;filter:Alpha(Opacity=100);}
		#files li button.color:hover{border-color: #424242;}
		#files li button.color:active{opacity: .7;filter:Alpha(Opacity=70);}
		#files li button.color.red{background-color: #de1a1a !important;} /*1*/
		#files li button.color.chocolate{background-color: #754C00 !important;}/*2*/
		#files li button.color.fireclay{background-color: #f5e5c6 !important;} /*3*/

/* блок материалов в наборе  */
#materials{float: left; position: relative; width: 100%; list-style-type: none; background: #dfedff; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
	#materials li{float: left; width: 80px; height: 80px; margin: 3px 0 3px 3px; padding: 1px; background-position: center; background-size: 100%; background-repeat: no-repeat;}
	
	ul.goods li a span.img > span.colors{display: block; position: absolute; bottom: 10px; left: 10px;}
		ul.goods li a span.img > span.colors > span{display: block; float: left; width: 30px; height: 30px; margin: 4px 2px; border: 2px solid transparent; border-radius: 50%; text-indent: -9999px;}
		ul.goods li a span.img > span.colors > span:hover{border-color: #338DFF !important; transform: scale(1.2) !important;}
		ul.goods li a span.img > span.colors > span:active{transform: scale(1.1) !important;}
		ul.goods li a span.img > span.colors > span.active{border-color: #338DFF; transform: scale(1.2);}
		ul.goods li a span.img > span.colors > span.red{background-color: #de1a1a !important;} /*1*/
		ul.goods li a span.img > span.colors > span.chocolate{background-color: #754C00 !important;} /*2*/
		ul.goods li a span.img > span.colors > span.fireclay{background-color: #f5e5c6 !important;} /*3*/
	ul.goods li a span.img > span.colors:hover > span.active{border-color: transparent; transform: scale(1);}
	
	table.x2 span.colors{display: block; float: left; margin: 0px 8px 4px 0px;}
	table.x2 span.colors>span{display: block; float: left; width: 15px; height: 15px; margin: 4px 2px; border: 1px solid transparent; border-radius: 50%; text-indent: -9999px;}
	table.x2 span.colors>span.active{border-color: #338DFF; transform: scale(1.2);}
	table.x2 span.colors>span.red{background-color: #de1a1a !important;} /*1*/
	table.x2 span.colors>span.chocolate{background-color: #754C00 !important;} /*2*/
	table.x2 span.colors>span.fireclay{background-color: #f5e5c6 !important;} /*3*/
	
	div.goods div.img > span.colors{display: block; position: absolute; left: 3px;}
		div.goods div.img > span.colors > a{display: block; float: left; width: 30px; height: 30px; margin: 4px; border: 2px solid transparent; border-radius: 50%; text-indent: -9999px; cursor: pointer;}
		div.goods div.img > span.colors > a:hover{border-color: #338DFF !important; transform: scale(1.2) !important;}
		div.goods div.img > span.colors > a:active{transform: scale(1.1) !important;}
		div.goods div.img > span.colors > a.active{border-color: #338DFF; transform: scale(1.2);}
		div.goods div.img > span.colors > a.red{background-color: #de1a1a !important;} /*1*/
		div.goods div.img > span.colors > a.chocolate{background-color: #754C00 !important;} /*2*/
		div.goods div.img > span.colors > a.fireclay{background-color: #f5e5c6 !important;} /*3*/
	
	div.goods div.materials{}
		div.goods div.materials a{display: table; width: 100%; height: 50px; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; text-decoration: none; color: #000;}
			div.goods div.materials a span{display: table-cell;}
				div.goods div.materials a span.img{background-repeat: no-repeat; background-size: 50px; width: 60px;}
				div.goods div.materials a span.name{font-size: 109.9%;vertical-align: middle;}
				div.goods div.materials a span.count{font-size: 109.9%; vertical-align: middle; text-align: right; padding-right: 10px;}
		div.goods div.materials a:hover{transform: scale(1.02) !important; color: #0066ff !important; transition: 0.1s;}
		
/* иконка загрузки слева */
#load{width: 100%; height: 60px; position: fixed; z-index: 999999; right: 0; top: 0; display: none}
@-webkit-keyframes load {100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}
@-moz-keyframes load {100% {-moz-transform: rotate(360deg);transform: rotate(360deg);}}
@keyframes load {100% {transform: rotate(360deg);}}
 .load {
	margin: 3px;
	width: 18px;
	height: 18px;
	border: 7px solid #777;
	border-left-color: #ccc;
	border-bottom-color: #e1e1e1;
	border-right-color: transparent;
	border-radius: 100%;
	-webkit-animation: load .4s infinite linear;
	-moz-animation: load .4s infinite linear;
	animation: load .4s infinite linear;
	display: inline-block;
}
#load > div.load{width: 35px;height: 35px; border-width: 10px; margin: 1%;}
/*.load{background: transparent url('images/load.png'); width: 24px; height: 24px; margin: 3px; display: inline-block;}*/

/* кнопка наверх */
#toTop{
	width:4%;
	height: 100%;
	background:transparent url('images/to_top.png') no-repeat center bottom+20px;
	opacity: .4;filter:Alpha(Opacity=40);
	position:fixed;
	bottom:0px;
	left:0px;
	cursor:pointer;
}#toTop:hover{opacity: .9;filter:Alpha(Opacity=90);}
#toTop:active{opacity: .8;filter:Alpha(Opacity=80);}
#toTop.bottom{background: transparent url('images/to_bottom.png') no-repeat center bottom+20px; border: 0;}
#toTop.bottom:hover{opacity: .7;filter:Alpha(Opacity=70);}

/* кнопка загрузки */
div.file-upload {position: relative; overflow: hidden; width: 200px; height: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;
					background: #f0f0f0; padding: 8px 4px; margin: 0 0 10px 10px; color: #333; text-align: center;}
	div.file-upload:hover {background: #e3e3e3; border-color: #ccc;}
	div.file-upload input[type="file"] {display: none;}
	div.file-upload label {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;}
	div.file-upload span {line-height: 36px;}
	div.filename {background: #fff; border: 0;}

/* Товар, положенный в корзину */
div.putCart div.image{float: left; width: 30%;}
	div.putCart div.image div.img{min-height: 100px; background-position: center; background-repeat: no-repeat; background-size: contain;}
		div.putCart div.image div.img.none{background-size: 80px; background-image: url('images/no_photo.png');}
		div.putCart div.color{font-size: 74.9%; color: #505050; text-indent: 18px; display: block; float: left; width: 15px; height: 15px; margin: 8px 0 4px 4px; border-radius: 50%;}
		div.putCart div.color.red{background-color: #de1a1a !important;} /*1*/
		div.putCart div.color.chocolate{background-color: #754C00 !important;} /*2*/
		div.putCart div.color.fireclay{background-color: #f5e5c6 !important;} /*3*/
div.putCart div.info{float: left; width: 70%; text-align: center;}
	div.putCart div.info h3{font-size: 109.9%; line-height: 1em;}
		div.putCart div.info div.count{margin-top: 15px;white-space: nowrap;}
			div.putCart div.info div.count input{margin: 0 -4px; height: 28px; padding: 5px; text-align: center;}
			div.putCart div.info div.count button{width: 30px; height: 40px; padding: 5px;}
		div.putCart div.info div.total{margin: 15px 0 20px 0; font-weight: bold; font-size: 149.9%;}
div.putCart div.buttons{text-align: center;}
	div.putCart div.buttons button{padding: 8px 0 !important; width: 49%;}

/* Корзина */
table.cart{margin-top: -3px; font-size: 114.9%;}
	/* выложить */
	table.cart td.del{width: 25px; font-size: 59.9%; font-weight: bold; color: #333; cursor: pointer; text-align: center;}
		table.cart td.del:hover{background: #ff6666; color: #fff; opacity: 0.8; filter: alpha(opacity=80);}
		table.cart td.del:active{opacity: 0.6; filter: alpha(opacity=60);}
	/* картинка */
	table.cart tbody div.img{width: 50px; height: 50px; background-size: contain; background-repeat: no-repeat; background-position: center;}
		table.cart tbody div.img.none{background-size: 30px; background-image: url('images/no_photo.png'); background-color: #f5f5f5;}
	/* цвет */
	table.cart tbody div.color{font-size: 74.9%; color: #505050; text-indent: 18px; display: block; float: left; width: 15px; height: 15px; margin: 8px 0 4px 4px; border-radius: 50%;}
		table.cart tbody div.color.red{background-color: #de1a1a !important;} /*1*/
		table.cart tbody div.color.chocolate{background-color: #754C00 !important;} /*2*/
		table.cart tbody div.color.fireclay{background-color: #f5e5c6 !important;} /*3*/
	
	/* количество */
	table.cart tbody td.count{white-space: nowrap;}
	table.cart tbody td.count input{margin: 0 -3px; width: 45px; height: 30px; padding: 0 5px; text-align: center;}
	table.cart tbody td.count button{width: 30px; height: 30px; padding: 0 5px;}
	/* способ получения */
	div.receipt div.buttons{float: left; width: 60%;}
		div.receipt div.buttons ul{list-style-type: none;}
			div.receipt ul li{float: right;height: 82px; margin-right: 6px; padding: 4px 6px; background: transparent url('images/icons_receipt.png') no-repeat; font-size: 69.9%; text-align: left;}
				div.receipt ul li:not(.none):hover{color: #336699; opacity: .9; filter: alpha(opacity=90); cursor: pointer;}
				div.receipt ul li:not(.none):active{opacity: .6; filter: alpha(opacity=60);}
				div.receipt ul li.none{color: #999; opacity: .6; filter: alpha(opacity=60);}
			div.receipt ul li.myself{width: 80px; background-position: 19px 32px;}
			div.receipt ul li.delivery-eve{width: 70px; background-position: -67px 32px;}
			div.receipt ul li.delivery-day{width: 70px; background-position: -154px 32px;}
			div.receipt ul li.post{width: 90px; background-position: -239px 32px;}
			div.receipt ul li.transport{width: 90px; background-position: -345px 32px;}
	.tooltip-receipt{width: 140px; font-size: 89.9% !important;}
	/* общая сумма */
	div.receipt div.total{float: left; width: 30%; padding: 5%; text-align: center;}
		div.receipt div.total p{padding: 3px 0;}
		div.receipt div.total h4{padding: 5px 10px; font-size: 179.9%;}
		
	/* страница самовывоза */
	div.myself-left{float: left; width: 50%; height: 300px;}
	div.myself-right{float: left; width: 48%; padding: 0 1%;}

	/* страница доставки */
	div.delivery-info{float: left; width: 300px; padding: 10px;}

	/* страница почты */
	#dialogCart div.post-info{float: left; width: 200px; padding: 10px;}
	#dialogCart div.post-info li.total{float: left; margin: 10px 0;}
	
	/* оплата */
	ul.pay{float: left; list-style-type: none;}
		ul.pay li{cursor: pointer; float: left; border: 1px solid transparent; color: #666; width: 70px; height: 74px; margin-right: 6px; padding: 4px 6px; background: transparent url('images/icons_receipt.png') no-repeat; font-size: 74.9%; text-align: left;}
			ul.pay li:hover{opacity: .8; filter: alpha(opacity=80);}
			ul.pay li:active{opacity: .6; filter: alpha(opacity=60);}
			ul.pay li.active{border-color: #336699; background-color: #99cccc; color: #003333;}
			ul.pay li.card{background-position: -442px 30px;}
			ul.pay li.cod{background-position: -247px 30px;}
			ul.pay li.receipt{background-position: -525px 30px;}
	
	/* страница трансп. компании */
	div.transport-info{float: left; width: 98%; padding: 1%;}
		/* транспортные компании */
		div.transport-info ul.transport{float: left; list-style-type: none;}
			div.transport-info ul.transport li{cursor: pointer; line-height: 1.1em; float: left; border: 1px solid transparent; color: #666; width: 60px; height: 60px; margin-right: 6px; padding: 4px 6px; background: transparent url('images/icons_transport.png') no-repeat; background-size: 600px; font-size: 74.9%; text-align: left;}
				div.transport-info ul.transport li:hover{opacity: .8; filter: alpha(opacity=80);}
				div.transport-info ul.transport li:active{opacity: .6; filter: alpha(opacity=60);}
				div.transport-info ul.transport li.active{border-color: #339999; background-color: #99cccc; color: #003333;}
				div.transport-info ul.transport li.kit{background-position: -435px 15px;}
				div.transport-info ul.transport li.dellin{background-position: 5px 15px;}
				div.transport-info ul.transport li.trading{background-position: -130px 22px;}
				div.transport-info ul.transport li.pec{background-position: -532px 14px;}
				div.transport-info ul.transport li.ratek{background-position: -336px 13px;}
				div.transport-info ul.transport li.energy{background-position: -165px 16px;}
				div.transport-info ul.transport li.jde{background-position: -83px 16px;}
				div.transport-info ul.transport li.other{background-position: 78px 16px;}

/* карусель на Главной */
#content div.carousel {background: #eee;}
	#content div.carousel div.bnr {height: 500px;width: 100%; margin-right: 10px; position: relative;}
	#content div.carousel div.bnr.bnr1{background: transparent url('images/bnr1.jpg') no-repeat center; background-size: cover;}
		#content div.carousel div.bnr.bnr1 div.inr1{position: absolute; background-color: rgb(71 177 0 / 50%); color: #fff; padding: 10px 20px; top: 15%; right: 15%; font-size: 209.9%; max-width: 28%;}
		#content div.carousel div.bnr.bnr1 div.inr2{position: absolute; background-color: rgb(16 137 158 / 70%); color: #fff; padding: 10px 20px; bottom: 20%; right: 10%; font-size: 229.9%;opacity:.9;}
	#content div.carousel div.bnr.bnr2{background: transparent url('images/bnr2.jpg') no-repeat center; background-size: cover;}
		#content div.carousel div.bnr.bnr2 div.inr1{position: absolute; text-align: center; bottom: 26%; left: 8%; font-size: 199.9%; max-width: 25%;}
			#content div.carousel div.bnr.bnr2 div.inr1 p{background-color: rgb(50 29 22 / 78%); padding: 5% 10%; color: #fff;}
		#content div.carousel div.bnr.bnr2 div.inr2{position: absolute; text-align: center; background-color: rgba(0, 0, 0, .87); color: #fff; padding: 10px 20px; top: 10%; right: 5%; font-size: 189.9%; max-width: 20%;}
	#content div.carousel div.bnr.bnr3{background: transparent url('images/bnr3.jpg') no-repeat center; background-size: cover;}
		#content div.carousel div.bnr.bnr3 div.inr1{position: absolute; background-color: rgba(0, 0, 0, .87); color: #fff; padding: 10px 20px; top: 15%; right: 15%; font-size: 229.9%; max-width: 35%;}
	#content div.carousel div.bnr.bnr4{background: transparent url('images/bnr4.jpg') no-repeat center; background-size: cover;}
		#content div.carousel div.bnr.bnr4 div.inr1{position: absolute; background-color: rgba(8, 128, 51, .98); color: #fff; padding: 10px 20px; top: 5%; left: 30%; font-size: 229.9%;opacity:.9;}

/* обратный звонок на Главной */
#content div.callback{position: relative; overflow: hidden; height: 400px; clear: left;}
	#content div.callback > div.bnr{height: 400px; width: 100%; position: relative; overflow: hidden;}
		#content div.callback > div.bnr > div{position: absolute; background: rgba(255,255,255,0.9) url('images/bnr3.jpg') no-repeat center;
															background-size: cover; opacity: .2; width: 110%;  height: 110%; transition: all 0.1s ease;}
	#content div.callback > div.inr{position: absolute; top: 75px; text-align: center; width: 100%; font-size: 189.9%;}

/* наши услуги на Главной */
#content div.services{width: 85%; margin: 0 auto; clear: left;}
	#content div.services div.links a{float: left; width: 25%; margin-bottom: 5%; height: 300px; text-align: center; text-decoration: none; color: #333;}
		#content div.services div.links a img{border-radius: 110px;width: 100%; max-width: 220px; max-height: 220px; transition: 0.4s; transform: scale(.9, .9);}
		#content div.services div.links a span{display: block; margin-top: 5%;}
	#content div.services div.links a:hover span.xLght{color: #888;}
	#content div.services div.links a:hover img{transform: scale(1, 1);}

/* наши фавориты на Главной */
#content div.bg_favorites{width: 100%; overflow: hidden; min-height: 120px; background: repeating-linear-gradient(103deg,#0052a9 0%,#00254c 100%);}
	#content div.favorites{width: 80%; margin: 0 auto; cursor: default;}
	#content div.favorites div.favorit{width: 25%; height: 120px; float: left; display: table;}
		#content div.favorites div.favorit div.inner{display: table-cell; vertical-align: middle;}
			#content div.favorites div.favorit div.inner span.image{display: table-cell; background: transparent url('images/icons_favorites.png') no-repeat;}
				#content div.favorites div.favorit div.inner span.image.icon1{min-width: 55px; background-position: -1px center;}
				#content div.favorites div.favorit div.inner span.image.icon2{min-width: 78px; background-position: -91px center;}
				#content div.favorites div.favorit div.inner span.image.icon3{min-width: 77px; background-position: -190px center;}
				#content div.favorites div.favorit div.inner span.image.icon4{min-width: 75px; background-position: -302px center;}
			#content div.favorites div.favorit div.inner span.text{display: table-cell; height: 70px; padding: 0 10%; width: 100%; text-align: center; color: #fff; font-size: 129.9%; font-weight: 300;}

/* список услуг на Услуги */
#content ul.services{list-style-type: none;}
	#content ul.services > li{width: 50%; display: inline-block; vertical-align: top;}
	#content ul.services a{display: block; border: 3px solid #fff; background-color: #fff; margin-top: 15px; padding: 15px; text-decoration: none; overflow: hidden;}
		#content ul.services a div.title{color: #000; font-weight: 300; margin-bottom: 10px; font-size: 134.9%; font-variant: small-caps;}
		#content ul.services a div.text{font-size: 94.9%; color: #000;}
	#content ul.services a:hover{border-color: #3399cc;}

/* Отзывы */
ul.stars{list-style-type: none;}
	ul.stars li{display: block; float: left; width: 16px; height: 16px; margin: 1px; background: transparent url(images/icons_stars.png) no-repeat;}
	ul.stars li.star, ul.stars li.stared{background-position: 0 -16px;}
		ul.stars.hover li:hover{cursor: pointer;}ul.stars.hover li:active{opacity: .8;filter:Alpha(Opacity=80);}
#content ul.reviews{list-style-type: none;}
	#content ul.reviews > li{padding: 10px; position: relative; border-top: 1px solid #efefef;}
		#content ul.reviews > li div.author{position: relative;}
			#content ul.reviews > li div.author > img{margin-right: 15px; width: 25px; height: 25px; border-radius: 25px; float: left; border: 1px solid #e1e1e1;}
			#content ul.reviews > li div.author > span{float: left; font-size: 114.9%; color: #333;}
		#content ul.reviews > li > span.comment{clear: left; padding-top: 10px; display: block;}
		#content ul.reviews > li > span.date{position: absolute; top: 5px; right: 5px; font-size: 89.9%; color: #666;}
		
		#content ul.reviews > li > ul.stars{position: absolute; top: 35px; left: 75px;}

/* Контакты */
#content div.contacts div.map{width: 60%; float: left; padding: 1% 0;}
		#content div.contacts div.info{width: 36%; float: left; padding: 1% 2%;}
			#content div.contacts div.info div{margin-top: 10px;}
			#content div.contacts div.info span.icons_mssngrs{background: transparent url('images/icons_mssngrs.png') center no-repeat; display: inline-block; margin: 0 5px;width: 40px; height: 14px;}
		

/* категории каталога в Каталоге */
ul.catalog{list-style-type: none; margin: 0 50px;}
	ul.catalog li{float: left; width: 25%;}
	ul.catalog li a{display: block; position: relative; width: 100%; height: 240px; margin: 15px 15px 0 0; text-decoration: none;}
	ul.catalog li a span.img{position: absolute; z-index: 1; top: 0; transition: 0.4s; transform: scale(.95, .95); display: block; width: 100%; height: 240px; background-repeat: no-repeat; background-position: center; background-size: contain;}
	ul.catalog li a span.text{position: absolute; z-index: 2; top: 155px; padding: 8px 10px; max-width: 70%; color: #fff; background-color: #000; font-size: 119.9%; text-transform: uppercase; line-height: .9em; transition: 0.4s; opacity: .8;}
	ul.catalog li a span.buttons{position: absolute; z-index: 3; top: 5px; right: 5px;}
	ul.catalog li a:hover span.img{transform: scale(1, 1);}
	ul.catalog li a:hover span.text{opacity: 1;}	

/* товар в Каталоге */
ul.goods{list-style-type: none;}
	ul.goods li{float: left; width: 25%;}
	ul.goods li a{position: relative; width: 95%; height: 395px; float: left; background-color: #fff; margin: 15px 15px 0 0;}
		ul.goods li a {text-decoration: none; color: #000;text-align: center;}	
			ul.goods li a span.img{display: block; position: relative; width: 100%; height: 200px; transition: 0.2s; transform: scale(.98, .98); background-repeat: no-repeat; background-position: center; background-size: contain;}
			ul.goods li a span.text{display: block; width: 100%; padding: 5px; font-weight: 300; font-size: 119.9%;}
			ul.goods li a span.comment{display: block; width: 100%; padding: 5px 10px; text-align: left; font-weight: 300; font-size: 89.9%;}
			ul.goods li a div.price{background-color: #fff; padding: 5px; color: #333; font-size: 154.9%; font-weight: bold; }
			ul.goods li a button.incart{background-color: #fff; font-size: 104.9%; color: #0D3F7D; font-weight: 300; padding: 10px; margin: 10px; width: 150px;}
				ul.goods li a button.incart:active{background: rgb(33,147,90); box-shadow: 0 3px #2980EA inset;}
			ul.goods li a span.buttons{position: absolute; z-index: 3; top: 5px; right: 5px;}
			ul.goods li a span.count{position: absolute; z-index: 3; top: 5px; left: 10px;}
		ul.goods li a:hover button.incart{background-color: #1463C4; color: #fff;}
		ul.goods li a:hover span.img{transform: scale(1, 1);}

/* страница Товара */
div.goods{width: 100%; min-height: 500px; overflow: hidden;}
	/* flickity изображения */
	div.goods div.img{float: left; width: 60%; position: relative;}
		div.goods div.carousel-cell {height: 400px; width: 100%; display: flex; align-items: center; justify-content: center;}
		div.goods div.carousel-cell img {display: block;}
		
		div.goods div.img > div:not(.is-fullscreen) img{max-height: 100%;}
		
			div.goods .flickity.is-fullscreen{width: 100% !important;}
			div.goods .flickity.is-fullscreen .carousel-cell {height: 100%; width: 100%;}
	/* описание */
	div.goods div.info{float: left; padding-left: 1%; width: 38%; position: relative;}
		div.goods div.info p.name{font-weight: bold; font-size: 144.9%; margin: 0 5px;}
		div.goods div.info div.description{margin: 20px 10px;}
		div.goods div.info div.price{text-align: left; width: 100%; margin: 0 20px; background-color: #fff; color: #333; font-size: 179.9%; font-weight: bold; }
		div.goods div.info div.buy{margin: 15px;}
		div.goods div.info button{float: left; height: 40px; font-size: 124.9%; font-weight: 300; padding: 6px 40px;}
		div.goods div.info div.ya-share2{float: left; margin: 7px 20px;}









/* jGrowl */
.jGrowl{z-index:9999;color:#fff;font-size:18px;position:fixed}.jGrowl.top-left{left:0;top:0}.jGrowl.top-right{right:0;top:0}.jGrowl.bottom-left{left:0;bottom:0}.jGrowl.bottom-right{right:0;bottom:0}.jGrowl.center{top:15%;width:50%;left:25%}.jGrowl.center .jGrowl-notification,.jGrowl.center .jGrowl-closer{margin-left:auto;margin-right:auto}.jGrowl-notification{opacity:.85;filter:Alpha(Opacity=85);background-color:#000;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(90);filter:progid:DXImageTransform.Microsoft.Alpha(90);zoom:1;width:280px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;min-height:40px}.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}.jGrowl-notification .jGrowl-header{font-weight:700;font-size:1.1em;margin-bottom:5px}.jGrowl-notification .jGrowl-close{background-color:transparent;color:inherit;border:none;z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}.jGrowl-closer{background-color:#000;opacity:.9;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(90);filter:progid:DXImageTransform.Microsoft.Alpha(90);zoom:1;width:30px;padding:5px;margin:10px;text-align:left;display:none;border-radius:5px;word-break:break-all;cursor:pointer;font-weight:700;text-align:center}.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}@media print{.jGrowl{display:none}}
	
/* Flickity v2.2.0 */
div.flickity_none{min-height: 400px; background: url('images/no_photo.png') no-repeat center; background-size: 200px;}
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:none}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,0.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:none;box-shadow:0 0 0 5px #19F}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* Flickity fullscreen v1.0.1 */
.flickity-enabled.is-fullscreen{position:fixed;left:0;top:0;width:100%;height:100%;background:hsla(0,0%,0%,0.9);padding-bottom:35px;z-index:1}.flickity-enabled.is-fullscreen .flickity-page-dots{bottom:10px}.flickity-enabled.is-fullscreen .flickity-page-dots .dot{background:#fff}html.is-flickity-fullscreen{overflow:hidden}.flickity-fullscreen-button{display:block;right:10px;top:10px;width:24px;height:24px;border-radius:4px}.flickity-rtl .flickity-fullscreen-button{right:auto;left:10px}.flickity-fullscreen-button-exit{display:none}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit{display:block}.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view{display:none}.flickity-fullscreen-button .flickity-button-icon{position:absolute;width:16px;height:16px;left:4px;top:4px}


/* jQuery UI - v1.12.1 - 2021-07-06 */

/* класс диалога без тайтла */
div.noTitle div.ui-dialog-titlebar{display: none;}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	/*cursor: default !important;
	pointer-events: none;*/
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #d8dcdf;
}
.ui-widget-content {
	border: 1px solid #eeeeee;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e3a1a1;
	background: #F4BF07;
	color: #000;
	font-weight: bold;
}
.ui-widget-header a {
	color: #000;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #d8dcdf;
	background: #eeeeee url("images/ui/ui-bg_highlight-hard_100_eeeeee_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #004276;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #004276;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cdd5da;
	background: #f6f6f6 url("images/ui/ui-bg_highlight-hard_100_f6f6f6_1x100.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #111111;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #111111;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #eeeeee;
	background: #ffffff;
	font-weight: bold;
	color: #cc0000;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #eeeeee;
	background-color: #cc0000;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #cc0000;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcd3a1;
	background: #fbf8ee url("images/ui/ui-bg_glass_55_fbf8ee_1x400.png") 50% 50% repeat-x;
	color: #444444;
}
.ui-state-checked {
	border: 1px solid #fcd3a1;
	background: #fbf8ee;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cc0000;
	background: #f3d8d8 url("images/ui/ui-bg_diagonals-thick_75_f3d8d8_40x40.png") 50% 50% repeat;
	color: #2e2e2e;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #2e2e2e;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #2e2e2e;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35 !important;
	filter:Alpha(Opacity=35) !important; /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui/ui-icons_cc0000_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui/ui-icons_ffffff_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui/ui-icons_cc0000_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui/ui-icons_cc0000_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui/ui-icons_004276_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui/ui-icons_cc0000_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 6px;
}

/* Overlays */
.ui-widget-overlay {
	background: #a6a6a6 url("images/ui/ui-bg_dots-small_65_a6a6a6_2x2.png") 50% 50% repeat;
	opacity: .4;
	filter: Alpha(Opacity=40); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 3px 3px 5px #333333;
	box-shadow: 3px 3px 5px #333333;
}




/* CROPPIE */
.croppie-container {
    width: 100%;
    height: 500px;
}

.croppie-container .cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
}

.croppie-container .cr-boundary {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: 100%;
	border: 1px solid #afafaf;
}

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
    position: absolute;
    border: 2px solid #fff;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none;
}

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all;
}

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
    display: block;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid black;
    background: #fff;
    width: 10px;
    height: 10px;
    content: '';
}

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px;
}

.croppie-container .cr-resizer-vertical::after {
    left: 50%;
    margin-left: -5px;
}

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%;
}

.croppie-container .cr-resizer-horisontal::after {
    top: 50%;
    margin-top: -5px;
}

.croppie-container .cr-original-image {
    display: none;
}

.croppie-container .cr-vp-circle {
    border-radius: 50%;
}

.croppie-container .cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center;
}

.croppie-result {
    position: relative;
    overflow: hidden;
}

.croppie-result img {
    position: absolute;
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/

.cr-slider {
    -webkit-appearance: none;
/*removes default webkit styles*/
	/*border: 1px solid white; *//*fix for FF unable to apply focus style bug */
    width: 300px;
/*required for proper track sizing in FF*/
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}

.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: transparent;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
	border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
	border-width: 6px 0;
	color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}
.cr-slider::-ms-thumb {
	border: none;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	background: #ddd;
	margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
	background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
	background: rgba(0, 0, 0, 0.5);
}
/*******************************************/

/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
	position: absolute;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}
.cr-rotate-controls button {
	border: 0;
	background: none;
}
.cr-rotate-controls i:before {
	display: inline-block;
	font-style: normal;
	font-weight: 900;
	font-size: 22px;
}
.cr-rotate-l i:before {
	content: '↺';
}
.cr-rotate-r i:before {
	content: '↻';
}







#mobileButton{ /* кнопка мобильного меню */
	width: 60px;
	height: 60px;
	padding: 10px;
	position: absolute; top: 0; left: 0; z-index: 0;
	background: transparent url('images/slide_mobile.png') center no-repeat;
	cursor: pointer;
	display: none;
}
/* мобильное меню */
#mobileMenu{
	width: 100%; position: absolute; top: -15px; left: 0; z-index: 5;
}
	#mobileMenu a{
		width: 90%;
		padding: 15px 1% 15px 9%;
		display: block;
		text-align: left;
		font-size: 169.9%;
		font-weight: bold;
		text-decoration: none;
		background: repeating-linear-gradient(-5deg,#640b0b 0%,#cd704c 100%);
		color: #fff;
		border-bottom: 1px solid #380303;
	}#mobileMenu a:active{background: repeating-linear-gradient(-5deg,#0b2674 0%,#70cbf7 100%); color: #091e4a; border-color: #1e3893; opacity: 1;}
	#mobileMenu button.close{display: block; width: 100%; height: 80px; text-align: left; text-indent: 3%; background-color: #303030; color: #fff;}
		#mobileMenu button.close:active{cursor: pointer; background-color: #303030;}
	#mobileMenu a.small{font-size: 119.9%; font-weight: normal; padding-left: 16%; width: 83%;}
	#mobileMenu li:nth-child(2){background-color: #bfbfbf;}
	#mobileMenu form button{width: 38px; height: 25px; margin: 0; background: transparent url(images/icon_search.png) no-repeat center 0; text-indent: -9999px; cursor: pointer;}
	#mobileMenu form input {width: 77%; padding: 4%; margin: 3%; font-size: 104.9%;}

@media all and (max-width: 980px) { /* TABLET */
	#mobileButton{display: block;}
	
	#header{min-height: auto; height: 130px; overflow: hidden;} /* шапка */
		#header div.logo{width: 100%; padding: 5px 0 10px 0; min-width: auto;} /* логотип */
			#header a.logo{position: static; width: 100%; background-position: center 0; transform: none;}
			#header div.logo > p{position: static; width: 100%;text-align: center;transform: none;}
		#header div.contacts{display: none;} /* контакты */
		#header a.location{display: none;} /* контакты */
		#header div.cart{width: 60px; padding: 10px; position: absolute; top: 0; right: 0; z-index: 1;}
			#header div.cart button{margin: 0;}
	
	#menu ul{padding: 10px 0;}
		#menu ul li{padding: 5px 0; display: inline-block;} /* меню сверху */
		
	#bread{padding: 8px 0; margin: 4px 0;} /* хлебные крошки */
	div.content{width: 99%;} /* контент */	
	
	div.favorites div.favorit{width: 50% !important;} /* преимущества на главной */
	
	#content div.services div.links a{width: 50%;} /* услуги на главной */
	
	div.goods div.materials{padding: 1% 3% 0 3%;}
	div.goods div.img > span.colors > a{width: 50px; height: 50px; margin: 6px;}
	
	div.column2{width: 98%;} /* колонка в два столба */
	
	ul.catalog li{width: 33%;} /* категории Каталога */
	ul.goods li{width: 33%;} /* товар в Каталоге */
	
	div.goods div.img{width: 100%; padding-bottom: 40px;} /* фото товара в Товаре */
		div.goods div.carousel-cell {height: auto;}
			div.goods div.carousel-cell img {max-width: 100%;}
	
	div.goods div.info{width: 100%; padding: 0;} /* описание товара в Товаре */
		div.goods div.info p.name{text-align: center;}
		div.goods div.info div.price{text-align: center;}

	div.putCart div.img{width: 100%; background-position: center;} /* окно при нажатии В корзину */
	div.putCart div.info{width: 100%;}
	div.putCart div.buttons button{width: 99%; margin-bottom: 5px;}	
	
	div.img-cell{width: 48% !important;} /* картинка+текст */
	
	footer div.logo{width: 100%;} /* подвал */
		footer div.logo a{margin: 20px auto 10px auto;}
		div.categories > a{width: 49%;}
		footer div.menu{text-align: right; width: 35%;}
		
		#content div.carousel{font-size: 69.9%;}
}
@media all and (max-width: 480px) { /* MOBILE */
	#header{height: 80px;} /* шапка */
		#header a.logo{background-size: 145px; height:38px; margin-top: 15px;} /* логотип */
			#header:hover a.logo{background-position: center 0;}
			#header div.logo > p {font-size: 65.9%;}
	
	#menu{display: none;} /* меню сверху */
		#content div.carousel div.bnr.bnr1 div.inr1{position: static; margin: 5% 2% 65% 10%; font-size: 89.9%; max-width: 60%;} /* баннеры на главной */
		#content div.carousel div.bnr.bnr1 div.inr2{position: static; margin: 10% 2% 8% 5%; font-size: 149.9%; max-width: 77%;}
		#content div.carousel div.bnr.bnr3 div.inr1{position: static; margin: 15% 2% 35% 10%; font-size: 109.9%; max-width: 60%;}
		#content div.carousel div.bnr.bnr2 div.inr1{position: static; margin: 20% 2% 20% 10%; font-size: 129.9%; max-width: 80%;}
		#content div.carousel div.bnr.bnr2 div.inr2{position: static; margin: 45% 2% 20% 19%; font-size: 105.9%; max-width: 49%;}
	
	div.categories > a{width: 99%;}
	
	div.favorites div.favorit{width: 100% !important;} /* преимущества на главной */
	
		ul.catalog li{width: 100%;} /* категории Каталога */
		ul.goods li{width: 100%;} /* товар в Каталоге */
			ul.goods li a{width: 100%;}
	
	#bread h1{font-size: 129.9%;} /* Заголовок в хлебных крошках */
	
	#content ul.services > li{width: 100%} /* услуги в Услуги */
	
	#content div.contacts div.map{width: 100%;} /* контакты в Контактах */
		#content div.contacts div.info{width: 96%;}
		#content div.idea{width: auto !important;}
	
	footer div.menu{text-align: right; width: 55%;}
		footer div.contacts{width: 100%; text-align: center; background: #91321f80; padding-bottom: 20px; margin-top: 15px;}
		footer div.copyright{font-size: 64.9%;}
	
	div.img-cell{width: 98% !important; margin: 10px auto; float: none;} /* картинка+текст */
	div.goods div.img > span.colors{top: 2px;}
		div.goods div.img > span.colors > a{width: 30px; height: 30px; margin: 3px;}
		div.goods div.info button{width: 100%;}
	
	#content ul.reviews > li > span.date{font-size: 59.9%; top: 2px;} /* дата в Отзывах */
	div.myself-left{width: 100%;}
	div.myself-right{width: 98%;}
	.ui-button{margin-top: 5px;}
}