@font-face {
    font-family: 'RobotoSlab';
    src: url('RobotoSlab-VariableFont_wght.ttf') format('truetype');
}
@font-face {
    font-family: 'OpenSans';
    src: url('OpenSans.ttf') format('truetype');
}

@media only screen and (max-width: 500px) {
	.wrap { padding-bottom: 20px }
	.wrap .impaired { left: 20px }
	.wrap .anketa { right: 20px }
}	

.impaired {
	cursor: pointer;
}
	
.blind-version-block, .blind-version-block * { box-sizing: content-box }
.whiteblack .downloads i, .blackwhite .downloads i, .blue .downloads i  { display: none }
.whiteblack .downloads ul li a, .blackwhite .downloads ul li a, .blue .downloads ul li a { padding-left: 0 }

.blind-version-block { height: 128px; position: fixed; z-index: 996; }
.blind-version-inner { height: 128px; margin: 0 auto; position: relative; min-width: 320px; padding: 0px 40px 0px 40px; }
.blind-version-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 400; overflow-x: auto; overflow-y: hidden; }

/*color*/
.blind-version-block .color-block { float: left; font-size: 0; padding: 8px 45px 0 0; flex: none; }
.blind-version-block .color-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .color-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer }
.blind-version-block .color-block .ico.sel { cursor: default }
.blind-version-block .color-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; }

.whiteblack .blind-version-block .color-block .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; }
.whiteblack .blind-version-block .color-block .wb { border: 1px solid #000; background: #fff url(img/colors.png) no-repeat 4px 8px }
.whiteblack .blind-version-block .color-block .bw { border: 1px solid #000; background: #000 url(img/colors.png) no-repeat -36px 8px }
.whiteblack .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(img/colors.png) no-repeat -76px 8px }
.whiteblack .blind-version-block .color-block .ico.sel i  { bottom: -7px }

.blackwhite .blind-version-block .color-block .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; }
.blackwhite .blind-version-block .color-block .wb { border: 1px solid #fff; background: #fff url(img/colors.png) no-repeat 4px 8px }
.blackwhite .blind-version-block .color-block .bw { border: 1px solid #fff; background: #000 url(img/colors.png) no-repeat -36px 8px }
.blackwhite .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(img/colors.png) no-repeat -76px 8px }
.blackwhite .blind-version-block .color-block .ico.sel i  { bottom: -8px }

.blue .blind-version-block .color-block .ico.sel i { background: url(img/blarr.png) no-repeat 0 0; }
.blue .blind-version-block .color-block .wb { border: 1px solid #000; background: #fff url(img/colors.png) no-repeat 4px 8px }
.blue .blind-version-block .color-block .bw { border: 1px solid #000; background: #000 url(img/colors.png) no-repeat -36px 8px }
.blue .blind-version-block .color-block .blue { border: 1px solid #063462; background: #9dd1ff url(img/colors.png) no-repeat -76px 8px }
.blue .blind-version-block .color-block .ico.sel i  { bottom: -7px }
/*eof_color*/

/*size*/
.blind-version-block .size-block { float: left; font-size: 0; padding: 8px 45px 0 0; flex: none; }
.blind-version-block .size-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .size-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer; background: none; line-height: normal }
.blind-version-block .size-block b { text-transform: uppercase; position: absolute; }
.blind-version-block .size-block .size1 b { font-size: 16px !important; top: 4px; left: 8px }
.blind-version-block .size-block .size2 b { font-size: 20px; top: 2px; left: 7px }
.blind-version-block .size-block .size3 b { font-size: 24px; top: 0; left: 6px }
.blind-version-block .size-block .ico.sel { cursor: default }
.blind-version-block .size-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; }

.whiteblack .blind-version-block .size-block .ico { border: 1px solid #fff; }
.whiteblack .blind-version-block .size-block .ico.sel { border-color: #000 }
.whiteblack .blind-version-block .size-block .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; bottom: -7px }

.blackwhite .blind-version-block .size-block .ico { border: 1px solid #000; }
.blackwhite .blind-version-block .size-block .ico.sel { border-color: #fff }
.blackwhite .blind-version-block .size-block .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; bottom: -8px }

.blue .blind-version-block .size-block .ico { border: 1px solid #9dd1ff; }
.blue .blind-version-block .size-block .ico.sel { border-color: #063462 }
.blue .blind-version-block .size-block .ico.sel i { background: url(img/blarr.png) no-repeat 0 0; bottom: -7px }

/*eof_size*/

/*interval*/
.blind-version-block .interval-block { float: left; font-size: 0; padding: 8px 45px 0 0; flex: none; }
.blind-version-block .interval-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .interval-block .ico { display: inline-block; vertical-align: middle; width: 28px; height: 28px; border-radius: 3px; margin-right: 10px; position: relative; cursor: pointer }
.blind-version-block .interval-block .ico.sel { cursor: default }
.blind-version-block .interval-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 8px; }

.whiteblack .blind-version-block .interval-block .ico { border: 1px solid #000; }
.whiteblack .blind-version-block .interval-block .size1 { background: url(img/interval.png) no-repeat 8px 6px }
.whiteblack .blind-version-block .interval-block .size2 { background: url(img/interval.png) no-repeat -32px 6px }
.whiteblack .blind-version-block .interval-block .size3 { background: url(img/interval.png) no-repeat -72px 6px }
.whiteblack .blind-version-block .interval-block .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; bottom: -7px }

.blackwhite .blind-version-block .interval-block .ico { border: 1px solid #fff; }
.blackwhite .blind-version-block .interval-block .size1 { background: #fff url(img/interval.png) no-repeat 8px 6px }
.blackwhite .blind-version-block .interval-block .size2 { background: #fff url(img/interval.png) no-repeat -32px 6px }
.blackwhite .blind-version-block .interval-block .size3 { background: #fff url(img/interval.png) no-repeat -72px 6px }
.blackwhite .blind-version-block .interval-block .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; bottom: -8px }

.blue .blind-version-block .interval-block .ico { border: 1px solid #063462; }
.blue .blind-version-block .interval-block .size1 { background: #9dd1ff url(img/interval.png) no-repeat 8px -32px }
.blue .blind-version-block .interval-block .size2 { background: #9dd1ff url(img/interval.png) no-repeat -32px -32px }
.blue .blind-version-block .interval-block .size3 { background: #9dd1ff url(img/interval.png) no-repeat -72px -32px }
.blue .blind-version-block .interval-block .ico.sel i { background: url(img/blarr.png) no-repeat 0 0; bottom: -7px }

/*eof_interval*/


/*font*/
.blind-version-block .font-block { position: absolute; left: 0; bottom: 8px; font-size: 0; flex: none; }
.blind-version-block .font-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .font-block .ico { display: inline-block; vertical-align: middle; font-size: 16px !important; margin-right: 11px; padding: 2px 7px; border-radius: 2px; cursor: pointer; position: relative }
.blind-version-block .font-block .ico.sel i { position: absolute; width: 10px; height: 7px; left: 42%; }

.blackwhite .blind-version-block .font-block .ico { background: #000; color: #fff; border: 1px solid #fff }
.blackwhite .blind-version-block .font-block .ico.sel { background: #000; color: #fff }
.blackwhite .blind-version-block .font-block  .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; bottom: -8px }

.whiteblack .blind-version-block .font-block .ico { background: #fff; color: #000; border: 1px solid #000 }
.whiteblack .blind-version-block .font-block .ico.sel { background: #fff; color: #000 }
.whiteblack .blind-version-block .font-block  .ico.sel i { background: url(img/wbarr.png) no-repeat 0 0; bottom: -7px }

.blue .blind-version-block .font-block .ico { background: #9dd1ff; color: #063462; border: 1px solid #063462 }
.blue .blind-version-block .font-block .ico.sel { background: #9dd1ff; color: #063462 }
.blue .blind-version-block .font-block  .ico.sel i { background: url(img/blarr.png) no-repeat 0 0; bottom: -7px }

/*eof_font*/

/*img*/
.blind-version-block .img-block { position: absolute; top: 0; right: 0; font-size: 0; padding: 8px 0 0 0; flex: none; }
.blind-version-block .img-block .name { display: inline-block; vertical-align: middle; font-size: 16px !important; padding-right: 9px }
.blind-version-block .img-block .toggle { display: inline-block; vertical-align: middle; width: 78px; height: 28px; border-radius: 3px; margin-right: 0; position: relative; cursor: pointer }
.blind-version-block .img-block .toggle b { position: absolute; top: 5px; left: 2px; font-weight: normal; font-size: 14px; }
.blind-version-block .img-block .toggle.noshow b { left: 44px }

.whiteblack .blind-version-block .img-block .toggle { border: 1px solid #000; background: url(img/blind-img.png) no-repeat 100% 0 }
.whiteblack .blind-version-block .img-block .toggle.noshow { background: url(img/blind-img.png) no-repeat 0 0 }

.blackwhite .blind-version-block .img-block .toggle { border: 1px solid #fff; background: #fff url(img/blind-img.png) no-repeat 100% 0; color: #000!important }
.blackwhite .blind-version-block .img-block .toggle.noshow { background: #000 url(img/blind-img.png) no-repeat 0 0 }

.blue .blind-version-block .img-block .toggle { border: 1px solid #063462; background: #9dd1ff url(img/blind-img-bl.png) no-repeat 100% 0; color: #063462 }
.blue .blind-version-block .img-block .toggle.noshow { background: #9dd1ff url(img/blind-img-bl.png) no-repeat 0 0 }
/*eof_img*/

.blind-version-block .reset { position: fixed; bottom: 12px; right: 0; font-size: 16px !important; cursor: pointer }
.blackwhite .blind-version-block .reset { border-bottom: 1px solid #fff; }
.whiteblack .blind-version-block .reset { border-bottom: 1px solid #000; }
.blue .blind-version-block .reset { border-bottom: 1px solid #063462; }

.blind-underscribe { display: none; font-size: 16px !important; }
.blind-underscribe .title { display: block; font-weight: bold; padding-bottom: 2px; font-size: 18px }

body.times { font-family: 'Times New Roman' !important;}
body.times * { font-family: 'Times New Roman' !important;}

body.arial { font-family: 'Istok Web', Arial, sans-serif !important;}
body.arial * { font-family: 'Istok Web', Arial, sans-serif !important;}

/*===========================*/
/*========whiteblack=========*/
.whiteblack { background: #fff; color: #000; }
.whiteblack a { color: #000; }
.whiteblack a:hover{ color: #000; text-decoration: none }

.whiteblack h1 { color: #000 }  
.whiteblack h2 { color: #000 }  
.whiteblack h3 { color: #000 }  
.whiteblack h4 { color: #000 }  
.whiteblack h6 { color: #000 }
/*===========================*/


/*========blackwhite=========*/
.blackwhite { background: #000; color: #fff; font-family: Arial, sans-serif!important;}
.blackwhite a { color: #fff; }
.blackwhite a:hover{ color: #fff; text-decoration: none }

.blackwhite h1 { color: #fff }	
.blackwhite h2 { color: #fff }	
.blackwhite h3 { color: #fff }	
.blackwhite h4 { color: #fff }	
.blackwhite h6 { color: #fff }
/*===========================*/

/*========blue=========*/
.blue { background: #9dd1ff; font-family: Arial, sans-serif!important; color: #063462 }
.blue a { color: #063462; }
.blue a:hover{ text-decoration: none }

.blue h1 { color: #063462 }	
.blue h2 { color: #063462 }	
.blue h3 { color: #063462 }	
.blue h4 { color: #063462 }	
.blue h6 { color: #063462 }
/*=================*/

.noshow img { display: none; }

/*=================*/


.s18.w1 .menu-item a {padding-top: 10px !important;}
.s18.w1 .min-news-item { height: 200px; }
.s18.w1 .f-top { display: flex; }
.s18.w1 .f-logo { width: auto; }
.s18.w1 .f-cont { margin-left: auto; }

.s18.w2 .logo { margin-top: -30px; }
.s18.w2 .min-news-item { height: 230px; }

.s18.w3 .min-news-item { height: 230px; }
.s18.w3 .logo { margin-top: -30px; }

.w2 * { letter-spacing: 1px }
.w2 .menu-item a {padding-top: 10px !important; margin-right: 2px !important; }
.w2 .min-news-item { height: 200px; }
.w2 .f-top { display: flex; }
.w2 .f-logo { width: auto; }
.w2 .f-cont { margin-left: auto; }

.w3 * { letter-spacing: 2px }
.w3 .menu-item a {padding-top: 10px !important; margin-right: 2px !important; }
.w3 .min-news-item { height: 200px; }
.w3 .f-top { display: flex; }
.w3 .f-logo { width: auto; }
.w3 .f-cont { margin-left: auto; }



.w2 .blind-version-block *, .w3 .blind-version-block * { letter-spacing: normal } 




/*Новые стили*/
.blind-version-inner {
	width: 100%;
	height: 128px;
	padding: 23px 40px 0px 40px;
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	transition: 0.2s;
}
.blind-version-inner.go {
	height: 99px;
	padding: 27px 40px 0px 40px;
}
.blind-version-block.go {
	height: 99px;
}
.blind-version-fixed .blind-version-inner .name {
	width: 100%;
	margin: 0px 0px 16px 0px;
	font-size: 16px !important;
	font-weight: 600;
	overflow: hidden;
	height: 21px;
	transition: 0.2s;
}
.blind-version-fixed .blind-version-inner.go .name {
	height: 0px;
	margin: 0px 0px 0px 0px;
}
.blind-version-inner .ico  {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	background: none !important;
	margin-right: 8px !important;
	box-sizing: border-box;
}
.color-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 64px 32px 0px !important;
	width: 200px;
}
.blind-version-inner .ico {
	position: relative;
	border: none !important;
}
.blind-version-inner .ico.sel {
	position: relative;
}
.blind-version-inner .ico.sel::after {
	content: '';
	display: block;
	width: 100%;
	height: 14px;
	background: url(../../img/check.svg) center center no-repeat;
	position: absolute;
	left: 0px;
	bottom: -32px;
}
.size-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 22px 32px 0px !important;
	width: 200px;
}
.size-block .ico {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: none !important;
}
.blind-version-block .size-block b {
	position: relative !important;
}
.size-block .size1 b {
	top: 0px !important;
	left: 1px !important;
}
.size-block .size2 b {
	top: 0px !important;
	left: 1px !important;
}
.size-block .size3 b {
	top: -1px !important;
	left: 1px !important;
}
.interval-block {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 0px 32px 0px !important;
	width: 216px;
}
.img-block {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	padding: 0px 0px 32px 0px !important;
	width: 200px;
}
.blind-version-block .img-block .toggle {
	width: 80px;
	height: 40px;
	border-radius: 20px;
	border: none !important;
}
.blind-version-block .img-block .toggle b {
	position: absolute;
	top: 12px;
	left: 6px;
	font-size: 12px;
	font-weight: 600;
}
.blind-version-block .img-block .toggle.noshow b {
	left: 46px;
	top: 12px;
	font-weight: 600;
	font-size: 12px;
}
.blind-version-block .img-block .toggle {
	background-position: 100% 0px !important;
}
.blind-version-block .img-block .toggle.noshow {
	background-position: 0px 0px !important;
}
.font-block {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex-wrap: wrap;
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	width: 168px;
}
.blind-version-inner .font-block .ico {
	font-size: 24px !important;
}
.blind-version-inner .font-block .ico[data-size="arial"] {
	font-family: 'OpenSans' !important;
	/*margin-right: 20px !important;*/
}
.blind-version-inner .font-block .ico[data-size="times"] {
	font-family: 'Alegreya' !important;
}
.reset {
	top: 60px !important;
	left: auto !important;
	right: 40px !important;
	margin: 0px 0px 0px auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	height: 40px;
}
.blind-version-block .reset {
	border: none !important;
	text-align: right;
	transition: 0.4s;
}
.blind-version-block .reset svg {
	margin: 0px 16px 0px 0px;
}
.blind-version-inner .reset .obve {
	transition: 0.2s;
	overflow: hidden;
	height: 24px;
	display: block;
	font-size: 16px !important;
}
.blind-version-inner.go .reset {
	top: 28px !important;
}

@media(max-width:1200px) {
.color-block {
	width: 150px;
}
.size-block {
	width: 150px;
}
.interval-block {
	width: 150px;
}
.img-block {
	width: 150px;
}
}

.blind-version-block .ico.sel::after {
	height: 3px;
	bottom: -14px;
}

/*-----*/
.whiteblack .blind-version-fixed {
	background: #fff;
	border-bottom: 5px solid #000 !important;
}
.whiteblack .blind-version-inner .name {
	color: #000 !important;
}
.whiteblack .blind-version-block .ico.sel::after {
	background: #000;
}
.whiteblack .blind-version-block .color-block .wb {
	background: #fff !important;
	box-shadow: inset 0px 0px 0px 2px #000;
}
.whiteblack .blind-version-block .color-block .bw {
	background: #000 !important;
}
.whiteblack .blind-version-block .color-block .blue {
	background: #9DD1FE !important;
}
.whiteblack .blind-version-block .color-block .brown {
	background: #3B2716 !important;
}
.whiteblack .size-block .ico {
	color: #000 !important;
}
.whiteblack .size-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #000;
}
.whiteblack .blind-version-block .interval-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #000;
}
.whiteblack .blind-version-block .interval-block .ico path {
	fill: #000;
}
.whiteblack .blind-version-block .interval-block .ico line {
	stroke: #000;
}
.whiteblack .blind-version-block .img-block .toggle {
	background-image: url(img/blind-img.svg) !important;
        background-repeat: no-repeat !important;
}
.whiteblack .blind-version-block .img-block .toggle {
	box-shadow: inset 0px 0px 0px 2px #000;
}
.whiteblack .blind-version-block .img-block .toggle b {
	color: #000;
}
.whiteblack .blind-version-inner .font-block .ico {
	color: #000 !important;
}
.whiteblack .blind-version-inner .font-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #000;
}	
.whiteblack .reset .obve {
	color: #000 !important;
}

/*-------*/

.blackwhite .blind-version-fixed {
	background: #000;
	border-bottom: 5px solid #fff !important;
}
.blackwhite .blind-version-inner .name {
	color: #fff !important;
}
.blackwhite .blind-version-block .color-block .wb {
	background: #fff !important;
}
.blackwhite .blind-version-block .color-block .wb path {
	fill: #000;
}
.blackwhite .blind-version-block .color-block .bw {
	background: #000 !important;
	box-shadow: inset 0px 0px 0px 2px #fff;
}
.blackwhite .blind-version-block .color-block .bw path {
	fill: #fff;
}
.blackwhite .blind-version-block .color-block .blue {
	background: #9DD1FE !important;
}
.blackwhite .blind-version-block .color-block .brown {
	background: #3B2716 !important;
}
.blackwhite .size-block .ico {
	color: #fff !important;
}
.blackwhite .size-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #fff;
}
.blackwhite .interval-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #fff;
}
.blackwhite .blind-version-block .interval-block .ico path {
	fill: #000;
}
.blackwhite .blind-version-block .interval-block .ico line {
	stroke: #000;
}
.blackwhite .blind-version-block .interval-block .ico.sel {
	background: #000 !important;
}
.blackwhite .blind-version-block .interval-block .ico path {
	fill: #fff;
}
.blackwhite .blind-version-block .interval-block .ico line {
	stroke: #fff;
}
.blackwhite .blind-version-block .img-block .toggle {
	background-image: url(img/blind-img2.svg) !important;
        background-repeat: no-repeat !important;
	background-color: #000;
}
.blackwhite .blind-version-block .img-block .toggle {
	box-shadow: inset 0px 0px 0px 2px #fff;
}
.blackwhite .blind-version-block .img-block .toggle b {
	color: #fff;
}
.blackwhite .blind-version-inner .font-block .ico {
	color: #fff !important;
}
.blackwhite .reset .obve {
	color: #fff !important;
}
.blackwhite .ico.sel::after {
	background-image: url(img/check2.svg);
}
.blackwhite .reset path {
	fill: #fff;
}
.blackwhite .blind-version-inner .font-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #fff;
}
.blackwhite .blind-version-block .ico.sel::after {
	background: #fff;
}

/*-------*/

.blue .blind-version-fixed {
	background: #9DD1FE;
	border-bottom: 5px solid #063563 !important;
}
.blue .blind-version-inner .name {
	color: #063563 !important;
}
.blue .blind-version-block .color-block .wb {
	background: #fff !important;
}
.blue .blind-version-block .color-block .wb path {
	fill: #000;
}
.blue .blind-version-block .color-block .bw {
	background: #000 !important;
}
.blue .blind-version-block .color-block .bw path {
	fill: #fff;
}
.blue .blind-version-block .color-block .blue {
	box-shadow: inset 0px 0px 0px 2px #063563;
}
.blue .blind-version-block .color-block .blue path {
	fill: #063563;
}
.blue .blind-version-block .color-block .brown {
	background: #3B2716 !important;
}
.blue .size-block .ico {
	color: #063563 !important;
}
.blue .size-block .ico.sel {
	color: #063563 !important;
	box-shadow: inset 0px 0px 0px 2px #063563;
}
.blue .blind-version-block .interval-block .ico path {
	fill: #063563;
}
.blue .blind-version-block .interval-block .ico line {
	stroke: #063563;
}
.blue .blind-version-block .interval-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #063563;
}

.blue .blind-version-block .img-block .toggle {
	background-image: url(img/blind-img3.svg) !important;
        background-repeat: no-repeat !important;
}
.blue .blind-version-block .img-block .toggle {
	box-shadow: inset 0px 0px 0px 2px #063563;
}
.blue .blind-version-block .img-block .toggle b {
	color: #063563;
}
.blue .blind-version-inner .font-block .ico {
	color: #063563 !important;
}
.blue .reset .obve {
	color: #063563 !important;
}
.blue .ico.sel::after {
	background-image: url(img/check3.svg);
}
.blue .reset path {
	fill: #063563;
}
.blue .blind-version-inner .font-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #063563;
}
.blue .blind-version-block .ico.sel::after {
	background: #063563;
}





/*-------*/

.brown .blind-version-fixed {
	background: #3B2716;
	border-bottom: 5px solid #A9DD38 !important;
}
.brown .blind-version-inner .name {
	color: #A9DD38 !important;
}
.brown .blind-version-block .color-block .wb {
	background: #fff !important;
}
.brown .blind-version-block .color-block .wb path {
	fill: #000;
}
.brown .blind-version-block .color-block .bw {
	background: #000 !important;
}
.brown .blind-version-block .color-block .bw path {
	fill: #fff;
}
.brown .blind-version-block .color-block .blue {
	background: #9DD1FE !important;
}
.brown .blind-version-block .color-block .brown {
	box-shadow: inset 0px 0px 0px 2px #A9DD38;
}
.brown .size-block .ico {
	color: #A9DD38 !important;
}
.brown .size-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #A9DD38;
	color: #A9DD38 !important;
}
.brown .blind-version-block .interval-block .ico path {
	fill: #A9DD38;
}
.brown .blind-version-block .interval-block .ico line {
	stroke: #A9DD38;
}
.brown .blind-version-block .interval-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #A9DD38;
}
.brown .blind-version-block .interval-block .ico.sel path {
	fill: #A9DD38;
}
.brown .blind-version-block .interval-block .ico.sel line {
	stroke: #A9DD38;
}
.brown .blind-version-block .img-block .toggle {
	background-image: url(img/blind-img4.svg) !important;
	background-repeat: no-repeat !important;
}
.brown .blind-version-block .img-block .toggle {
	box-shadow: inset 0px 0px 0px 2px #A9DD38;
}
.brown .blind-version-block .img-block .toggle b {
	color: #A9DD38;
}
.brown .blind-version-inner .font-block .ico {
	color: #A9DD38 !important;
}
.brown .blind-version-inner .font-block .ico.sel {
	box-shadow: inset 0px 0px 0px 2px #A9DD38;
}
.brown .reset .obve {
	color: #A9DD38 !important;
}
.brown .ico.sel::after {
	background-image: url(img/check4.svg);
}
.brown .reset path {
	fill: #A9DD38;
}
.brown .blind-version-block .ico.sel::after {
	background: #A9DD38;
}

@media only screen and (max-width: 1300px) {
/*.blind-version-inner {
	width: 100vw;
}*/
.color-block {
	padding: 0px 14px 32px 0px !important;
	width: 200px;
}
.font-block {
	width: 106px;
}
}	




@media only screen and (max-width: 970px) {	
	
	.blind-version-block .color-block { padding: 8px 10px 0 10px; /*width: 30%*/ }
	.blind-version-block .color-block .name { display: none } 
	.blind-version-block .color-block .ico { margin-right: 2px }
	.blind-version-block .size-block { padding: 8px 0 0 0; /*width: 30%*/ }
	.blind-version-block .size-block .name { display: none } 
	.blind-version-block .size-block .ico { margin-right: 2px }
	.blind-version-block .interval-block { float: left; font-size: 0; padding: 8px 10px 0 0; }
	.blind-version-block .interval-block .name { display: none } 
	.blind-version-block .interval-block .ico { margin-right: 2px }
	.blind-version-block .font-block { position: absolute; left: 10px; bottom: 8px; font-size: 0 }
	.blind-version-block .font-block .name { display: none } 
	.blind-version-block .font-block .ico { margin-right: 2px }
	.blind-version-block .img-block { position: relative; top: 0; right: auto; left: 0; padding: 8px 10px 0 0; float: right; }
	.blind-version-block .img-block .name { display:none }
	.blind-version-block .reset, .blind-version-inner.go .reset { right: 10px; top: 80px !important; left: 40px !important; }
	.blind-version-block, .blind-version-block.go { height: 128px; }
	.blind-version-inner, .blind-version-inner.go { height: 128px; padding: 16px 40px 0px 40px; }
}	

/*@media only screen and (max-width: 790px) {
	.blind-version-block .color-block { width: 25% }
	.blind-version-block .size-block { width: 25% }
}*/	

@media only screen and (max-width: 767px) {
	.blind-version-inner, .blind-version-inner.go { padding: 16px 16px 0; }
	.blind-version-block .reset, .blind-version-inner.go .reset { left: 16px !important; }
}

@media only screen and (max-width: 500px) {	
	.blind-version-block { height: 126px; margin-bottom: -10px }
	.blind-version-inner { height: 126px;   }
	.blind-version-block .color-block { width: 37% }
	.blind-version-block .size-block { width: auto }
	.blind-version-block .interval-block { float: right; padding: 8px 10px 0 0; }
	.blind-version-block .img-block { padding: 18px 10px 0 0; float: none; text-align: right; clear: both }
}

@media only screen and (max-width: 380px) {	
	.blind-version-block .color-block { width: auto }
}