@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Thin.ttf'); font-weight: 100; font-style: normal;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Light.ttf'); font-weight: 200; font-style: normal;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.ttf'); font-weight: 300;font-style:normal;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Medium.ttf'); font-weight: 400; font-style:normal;}
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Bold.ttf'); font-weight: 700; font-style: normal;}	
@font-face {font-family: 'Roboto'; src: url('../fonts/Roboto-Heavy.ttf'); font-weight: 900; font-style: normal;}	

:root {
    --color-white: #fff;
    --color-black: #3a3a3a;
    --color-red: #ef0f33;
    --color-red-dark: #ca0525;
    --color-pastel-blue: #3c5a77;
    --color-pastel-blue-light: #47849a;
    --color-green: #00a37d;
    --color-blue: #0073b4;
    --color-gray: #d1d1d1;
    --color-gray-light: #e2e2e2;
    --color-gray-ultra-light: #f8f8f8;
    --color-gray-buttons: #767676;
    --color-gray-dark: #ababab;
    --color-gray-ultra-dark: #767676;
    --color-gray-dark-40: rgb(58 58 58/40%);
    --color-black-alpha-05: rgb(0 0 0/5%);
    --color-black-alpha-08: rgb(0 0 0/8%);
    --color-black-alpha-1: rgb(0 0 0/10%);
    --color-black-alpha-16: rgb(0 0 0/16%);
    --color-black-alpha-20: rgb(0 0 0/20%);
    --color-black-alpha-40: rgb(0 0 0/40%);
    --color-black-alpha-60: rgb(0 0 0/60%);
    --color-white-alpha-1: rgb(226 226 226/100%);
    --color-border-gray: #ababab;
    --color-bg-white: #efefef;
    --color-bg-yellow: #fffee4;
    --easing: cubic-bezier(0.4,0,0.2,1);
    --box-shadow: 0 1px 4px var(--color-black-alpha-16);
    --top-banner-height: 40px;
    --top-banner-height-sm: 56px;
}

html, body{
width: 100%; padding: 0; margin: 0;
/*font-family: 'Roboto Condensed', sans-serif;*/
font-family: Roboto,Helvetica,Arial,sans-serif;
font-weight:normal;
position:relative;
}

div, ul, ol{margin:0; padding:0;}

hr {border:none; height:1px; background-color:#f4f4f4;}

h1{
	margin: 10px 0;
	font-size:1.1em;
	color:#3a3a3a;
	text-transform:uppercase;
	font-weight:400;
	}


h4{
	margin: 0;
	font-size: 1em;
	color: #d12743;
	text-transform:uppercase;
	font-weight:400;
	}

a, a:visited {
	color: #04b;
	text-decoration: none;
	}

::-webkit-scrollbar {
	width: 10px;
	height:5px;	
}
::-webkit-scrollbar-button {
	width: 10px;
	height:0px;
}
::-webkit-scrollbar-track {
	}
::-webkit-scrollbar-thumb {
	background:#ccc;
	border: skinny plain gray;
	border-radius:0px;
}
::-webkit-scrollbar-thumb:hover {
	background:#c1c1c1;
}

.filterpanel{
	display:block;
	font-size:0.75em;
	background-color:#f8f8f8;
	height:auto;
	padding:10px;
	}

.filter-accent {
    color: #ef0f33;
}

.filter-select {
    position: relative;
    display: flex;
    flex-direction: column;
}
.filter-select__trigger {
    position: relative;
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.9em 0 1.2em;
    border: 1px solid var(--color-gray-light);
    background: var(--color-white);
    border-radius: 3px;
    color: var(--color-black);
    cursor: pointer;
    font-size: 1.1em;
    font-weight: 500;
    line-height: 2.8em;
}

.filter-select.filter-select_opened .filter-options {
    opacity: 1;
    pointer-events: all;
	top: 40px;
}

.filter-select .filter-options {
    position: absolute;
    z-index: 3;
    right: 0;
    left: 0;
    padding: 0.8em 1.5em 0.8em 1.2em;
    border: 1px solid var(--color-gray-light);
    opacity: 0;
    pointer-events: none;
    text-align: left;
    transition: all .1s;
    visibility: hidden;
    background: var(--color-white);
	max-height: 250px;
    overflow: auto;
}


svg.control-icon-status,
svg.control-icon-exp,
svg.control-icon-exp path{pointer-events: none !important;}


.filter-select .filter-option {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 1.6em;
    margin-right: 0em;
    color: var(--color-black);
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 2.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.filter-select .filter-option:hover{
	background-color: var(--color-gray-ultra-light);
	}
.filter-select .filter-option-active {
    background-color: var(--color-red);
    color: var(--color-white);
	}
.filter-select .filter-option-active:hover{
	background-color: var(--color-red);
	}


.filter-portal-input{
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: left;
}



.filter-select-controls{position:absolute; right:5px; top:5px; cursor:pointer;}
.filter-portal-input-wrap{position:relative;}
.filter-portal-input-wrap .control-icon-exp{
	
	cursor:pointer;
	}


.filter-portal-input-wrap input{
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    color: #d34150;
    font-size: 1.2em;
    line-height: 40px;
    transition: border-color .3s ease;
	padding-right: 30px;
	}

.filter-bold{display:block; font-size:1.3em; font-weight:bold; color:#555; padding:10px 0;}

.control-icon-btn{
	transform: rotate(0deg);
	min-width: 15px;
	width:15px; height:10px;
	}
.control-icon-btn-active{
	transform: rotate(180deg);
	min-width: 15px;
	width:15px; height:10px;
	}

.control-icon-exp{
	width:12px; height:12px;
	padding:0 3px;
	}


.filter-select__placeholder{color:#999; pointer-events: none;
	white-space: nowrap;
    max-width: 80%;
    overflow: hidden;
	}
.filter-select__selected{color:#555; pointer-events: none;}




.logo{display:block;
	position:fixed;
	background:#fff;
	color:#000;
	top:0; height:50px; width:300px;
	}
.logo img{width:45px;}
.logo a, 
logo a:visited{display:inline-block; padding:5px 10px 0 10px; font-size:20px; color:#000; text-decoration:none; font-weight:bold;}
.logo small{display:inline-block; padding:3px 10px; font-size:13px; color:#666; text-transform:uppercase; }

.yamap{
	position:fixed;
	top:0; bottom:0; left:0px; right:0;
	display:inline-block;
	}

.playBtn {
    display: block;
    position: absolute;
    z-index: 1000;
    top: 5px;
    right: 5px;
    background-color: #607d8b;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background-image: url(/map/images/visbtn.png);
    background-position: center center;
    background-size: auto;
    background-repeat: no-repeat;
	}

.rubric{
	position:fixed;
	top:50px; bottom:0; width:300px; left:0;
	display:inline-block;
    height: calc(100vh - 100px);
    background: #F7F7F7;
	list-style: none;	
	transition: all 0.3s;
	overflow:auto;
	}

.rubric li{
}

.rubric li a{
    display: block;
    font-size: 0.9em;
    margin: 2px;
    padding: 10px;
    color: #2c3136;
    text-decoration: none;
    transition: all 0.4s ease-out 0s;
    box-sizing: border-box;
    border-radius: 0px;
    border: 1px solid #fff;
    background-color: #f4f4f4;   
	font-weight: 300;
	}
.rubric a:hover{
	background-color: #e4e4e4;
	text-shadow:none;
    color: #000;
	}

.rubric li a.sel {
    background-color: #96a4a9;
    color: #fff;
	}

.submenu li a{
	background-color: #fff;
    color: #666;
	font-size:0.9em;
	}


#map {
width: 100%;
height: 100vh;
}
/* Оформление меню (начало)*/
.menu {
list-style: none;
padding: 5px;

margin: 0;
}
.submenu {
list-style: none;

margin: 0 0 0 10px;
padding: 0;
}
.submenu li {
font-size: 90%;
}






.hiding{ 
    opacity: 1;
    }
.hiding:hover{opacity: 1;}

/* PABEL HINT */
.customControl {
	display: none;
    background-color: #fff;
    padding: 5px;
    position: fixed;
    right: 0;
    top: 50px;
    bottom: 50px;
    border-radius: 3px;
    width: 300px;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
	}

.closeButton {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: -40px;
    width: 40px;
    height: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    color: #fff;
    cursor: pointer;
    background-color: #fff;
    background-image: url(/map/images/closes.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 40%;
	box-shadow: -10px 0 10px rgb(0 0 0 / 30%);
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
    opacity: 1;
	}

.closeButton:hover{opacity:1;}

.content {
	position:relative;
	padding: 5px;
	max-height: 100%;
	overflow: auto;
	transition: all 0.3s;
	}

.content img{width:100%; max-height:300px; margin:10px auto;}


.maptabs {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    font-weight: 700;
    transform: translateZ(0)!important;
    display: flex;
    padding: 14px 24px 0;
	background-color:#fff;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	
	}
.maptabs .tab{
    padding-bottom: 9px;
	text-decoration:none;
	color:#000;
	text-transform:uppercase;
	font-size:1em;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: border-color .3s ease-in;	
	margin-right: 34px;
	}
.maptabs .tab.select{border-color: #ef0f33;}
.maptabs .tab:hover{background:none;}


container{word-break: break-word; color:#767676; font-weight:300;}
container b, container strong{font-weight:400;}
container ul{
	list-style: none;
	color: #ccc;
    margin: 5px;
    padding: 10px 0;	
	}
	
container ul li{padding-bottom:10px; line-height:1.3em; color:#515151;}
container ul li small{display:inline-block; line-height:1em; color:#767676; font-weight: 200; }
container ul li span{display:inline-block; padding-left:15px;}
container ul li a{text-decoration:underline; color:#ef0f33;}



a.btn{
    display: block;
	margin:10px 5px;
	padding: 2px 10px;
    text-align: center;
    border-radius: 20px;
    line-height: 38px;
    text-transform: uppercase;
    text-decoration: none;
    color: #555;
    background-color: #ca1427;
    color: #fff;
    /* font-size: 1.2em; */
    font-weight: 300;
    cursor: pointer;
	filter: drop-shadow(0px 5px 10px #555);
    transition: all 0.3s ease-in-out;
	opacity: 0.8;
	}
a.btn:hover{
	background-color: #ca1427;
	color:#fff;
	filter:none;
    opacity: 1;
	}





.promoSite{
	display:block;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	max-height:300px;
	text-shadow: 0 2px 9px rgba(0,0,0,0.43);
	}

.promoSitePanel{
	display:table;
	position:relative;
	z-index:100;
	height:auto;
	width:100%;
	
	background-color: #d8dbe2;
    background-image: repeating-radial-gradient(circle at 100% 100%, rgba(27,27,30, 0.1), rgba(88,164,176, 0.15) 1px, rgba(216,219,226, 0.2) 2px, rgba(88,164,176, 0.15) 3px, rgba(27,27,30, 0.1) 4px), radial-gradient(circle at 100% 100%, #1b1b1e, #3d5663, #607d8b, #91989c, #3d5663);
	
	}

.bground,
.promoSite .bground{	
    display: block;
    position: absolute;
	z-index:0;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	
	filter: blur(6px);	
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-o-filter: blur(6px);
	-ms-filter: blur(6px);
	}
	
.bgpanel{display:block; position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,0.5);}
	
.promoSitePanel .flex{display:table-cell; vertical-align:middle; color:#fff;}		
	
.promoSite h1{display:block; line-height:1.1em; font-size:1.5em; color:#f0f0f0; margin:5px;}
.promoSite .avatar{
	display: inline-block;
    position: relative;
    text-decoration: none;
    margin: 10px;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    color: #333;
    background-color: #f4f4f4;
    border-radius: 50%;
	}
.promoSite .promoProfis {
    margin: 5px;
    color: #ccc;
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: 400;
    text-transform: uppercase;
	}
.promoSiteServices{
	padding:5px;
	font-size:1.2em;
	}
	
.promoSiteContact{
	display:block;
	padding:5px;
	border-radius:0px;
	color:#333;
	text-shadow: 0 2px 9px rgba(255,255,255,0.43);
	font-size:1em;	
	}	
.promoSiteContact ul{line-height:1.7em; margin:0; padding:0;}	
.promoSiteContact ul li{display:block;}
.promoSiteContact span{display:inline-block; width:80px; text-transform:uppercase; font-size:0.8em; color:#999;}
.promoSiteContact b{display:inline-block;}
.promoSiteContact a{
	color: #621e0b;
    text-decoration: none;
	}
	
.promoModal{
	display:block; 
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    right: 0px;
	height: 0vh;
    font-size: 14px;
    overflow: auto;
    background-color: rgba(200,200,200,0.85);
    border-radius: 0px;
	transition: all .3s;
	}	

.promoModal .promoProfis {
    margin: 5px;
    color: #ccc;
    font-size: 1.1em;
    line-height: 1.1em;
    font-weight: 400;
    text-transform: uppercase;
}


.promoModal	.images{
	display: block;
    position: relative;
    margin: 10px;
    padding: 10px;
    white-space: nowrap;
    overflow: hidden;
	overflow-x: auto;
    background-color: #f4f4f4;
    box-sizing: border-b8ox;
    max-width: 100%;
    padding-right: 50px;
	}
	
.promoModal	.images img {
    display: block;
    max-height: 200px;
	}	
.promoModal	.images a {
    display: inline-block;
    border: 1px solid #e9e9e9;
    background-color: #fff;
    vertical-align: middle;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin: 2px;
    line-height: 30px;
}	
	
.promoModal	.detail {
    display: block;
	padding:0 10px;
    color: #000;
    line-height: 1.5em;
    /* overflow: auto; */
    font-size: 1.1em;
    padding-left: 10px;
	}
	
.promoModal	.detail ul {display:block; margin: 10px; padding:0; list-style:none; margin-left:0px;}
.promoModal	.detail ul li {display:inline-block; margin:10px 10px 0 0; padding:2px 10px; border:1px solid #b0bec5; border-radius:25px;}
.promoModal	.detail ul li span{color: #999;
    font-size: 0.8em;
    font-weight: 300;
    text-transform: uppercase;
	}
.promoModal	.detail ul li a{text-decoration:none; color: #333; border-bottom: 1px dotted #333;}
.promoModal	.detail ul li a:hover{border:none;}
	
.promoModal article{
	display:block;
	position:relative;
	background-color:#fff;
	padding:0 0px;
	max-width: 800px;
    margin: 0 auto;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
	}

	
.promoModal .capstop {
    display: inline-block;
    background-color: #96a1a9;
    margin-right: 5px;
	min-width:10px; min-height:10px;
	}	
	
.modalCloseBtn{
	display:block;
	position:absolute; z-index:110;
	top:10px; right:10px; width:20px; height:20px;
	border-radius:5px;
	padding:10px;
	background-color:rgba(255,0,0,0.7);
	cursor:pointer;
	}	
.modalCloseBtn:hover{
	background-color:rgba(255,0,0,0.9);
	}
	
/*
######################################
######################################
######################################
*/	
	
	
.stepul{margin:0 5px; font-size:15px; margin-left: 30px;}
.stepul ul, .stepul ol{counter-reset: li;
	display: block;
    margin: 10px 0 10px 10px;
	}
.stepul ol li,
.stepul ul li{
    position: relative;
    display: block;
    padding: 10px 10px 10px 25px;
    margin: 0.5em 0;
    background: #f9f9f9;
    color: #212121;
    text-decoration: none;
    -moz-border-radius: .3em;
    -webkit-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;

	display: flex;
    border-bottom: 1px solid #f0f0f0;
	margin-bottom:10px;
	}
.stepul ol li:before,
.stepul ul li:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
	top: 20px;
    margin-top: -1.3em;
	color:#fff;
    background: #607d8b;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: 0.3em solid #fff;
    text-align: center;
    font-weight: bold;
    -moz-border-radius: 2em;
    -webkit-border-radius: 2em;
    border-radius: 2em;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.stepul ul li a{color:#266db0;}

.stepul ul li:before {content: '✔';}

.stepul ul li ul, .stepul ol li ol{
	counter-reset: li;
	display: block;
    margin: 10px 0 10px 20px;
	}

.stepul ol li ol li:before,
.stepul ul li ul li:before{
	content: '';
	border: 1px solid #fff;
	background: #607d8b;
    height: 1em;
    width: 1em;
	left: 0em;
    top: 10px;
	padding:0 0 0 0px;
    margin: 0 0 5px 0px;
	}


.stepul ol li ol li ul,
.stepul ul li ul li ul{
	padding:0;
	margin:0;
	}

.stepul ol li ol li ul li,
.stepul ul li ul li ul li{
	padding:5px 5px 0 20px;
	margin:0;
	font-size:0.9em;
	color:#212121;
	}

.stepul ol li ol li ol li:before,
.stepul ul li ul li ul li:before{
	content: '';
	border: 1px solid #fff;
	background: #999;
    height: 0.5em;
	border-radius: 0em;
    width: 0.5em;
	left: 0em;
    top: 12px;
	padding:0 0 0 0px;
    margin: 0 0 5px 0px;
	}

.stepul blockquote{display: block; border-left:3px solid #ccc; font-size:0.9em; line-height:1.5em; padding:0 10px; 
	margin:10px 0 0px 0;
	color:#555;
	}


.stepul li strong{
	font-weight:300;
	flex-basis: 40%;
    color: var(--color-gray-dark);
	word-break: break-word;
	}
.stepul li span{
	flex-basis: 60%;
	color:#333;
	word-break: break-word;
	}
	
	

/*
######################################
######################################
######################################
*/


.sliderframe {
	display:none;
	position:fixed; top:0; left:0; right:0; bottom:0;  z-index:10000;
	background-color:rgba(1,1,1,.95)
	}

#foto_slide {
	display:flex; 
	position:relative;     
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	}
#foto_slide .title{display:inline-block; position:absolute; top:0; left:0; right:auto; color:#f4f4f4; font-size:15px; padding:5px;}	
#foto_slide .img{
	display:inline-block;
	vertical-align:middle;
	padding-top:0px;
	max-height:100%;
	}
#foto_slide .img img{
	max-width:100%;
	max-height:100%;
	}

ul#foto_slide_pics {
	display: block;
	position:absolute;
	left:5px;
	right:5px;
	bottom:0px; 
	height:60px;
	padding:0px;
	white-space:nowrap;
	text-align:left;
	background-color: transparent;
	border:1px solid transparent;
	overflow:hidden;
	overflow-x:auto;
	z-index:500;	
	}
ul#foto_slide_pics li{
	display:inline-block; 
	cursor:pointer;
	margin:0 3px 0 0; 
	border:2px solid transparent; 
	height:50px;
	width:50px;
	background-color:#fff;
	background-position:center center;
	background-repeat:no-repeat;
	background-size: contain;
	opacity:0.7;
    -moz-opacity: 0.7;
    filter: alpha(opacity=70);
	}	
ul#foto_slide_pics li:hover {border:2px solid #ff6c00;}	
ul#foto_slide_pics li.selimg{
	opacity:1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
	background-color:#ff6c00;
	}
ul#foto_slide_pics li div{display:block; background-color:#fff;}
ul#foto_slide_pics li div img{display:block; max-width:100%; max-height:100%;}
	
	
#foto_slide #foto_slide_next, #foto_slide #foto_slide_prev{
    position:absolute;
    top:0;
	bottom:0;
	margin:auto;
	width:35px;
	height:88px;
	background-image:url("/map/images/gallery.png");
    background-repeat: no-repeat;
    cursor:pointer;
	z-index:1005;
    }
#foto_slide #foto_slide_prev {left:5px; background-position:0 -395px;}
#foto_slide #foto_slide_next {right:5px; background-position:0 -750px;}
#foto_slide #foto_slide_prev:hover {background-position:0 -215px;} 
#foto_slide #foto_slide_next:hover {background-position:0 -570px;} 


#foto_slide #foto_slide_fullscreen{
	position:absolute;
    top:10px;
	right:50px;
	/*background-color: #D61F1F;*/
	background-image:url("/map/images/gallery.png");
	background-position:0 -193px;
    background-repeat: no-repeat;
    width:24px;
    height:24px;
    cursor:pointer;
	z-index:1005;
	}
#foto_slide #foto_slide_fullscreen:hover {background-position:0 -150px;}
	
#foto_slide #foto_slide_close{
	position:absolute;
    top:10px;
	right:10px;
	/*background-color: #D61F1F;*/
	background-image:url("/map/images/gallery.png");
	background-position:0 -20px;
    background-repeat: no-repeat;
    width:24px;
    height:24px;
    cursor:pointer;
	z-index:1005;
}
#foto_slide #foto_slide_close:hover {background-position:0 -42px;}
	
	
		
/* /////////////////// FEEDBACK param_filters */
.param_filters {display:none;/* background-color:#f9f9f9a8; */padding:0px;font-size: 0.85em;color:#3c4c5d;display:block;position:fixed;top:0;left:310px;z-index:10;pointer-events: none;}
.param_filters hr{background:#f4f4f4; border:none; height:1px; margin:5px 0}
.param_filters h1{display:block; text-align:center; font-size:22px; font-weight:normal; color:#000; margin-top:20px;}
.param_filters h2{display:block; text-align:center; font-size:18px; font-weight:normal; color:#3c4c5d; font-family:verdana; margin-top:20px;  text-shadow: 0px 1px 0px #ccc;}
.param_filters h4{display:block; font-size:16px; font-weight:normal; color:#3c4c5d; font-family:verdana; margin-top:5px; text-shadow: 0px 1px 0px #ccc;}

.param_filters form{margin:5px 0;}

.param_filters ul{display:block; 
	margin: 3px 5px;
	border-radius:10px;
	border:rgba(92, 107, 139,1);
	}
.param_filters ul li {
    display: inline-block;
    position: relative;
    vertical-align: top;
    list-style: none;
    border-radius: 6px;
    min-width: 110px;
    background-color: #fff;
    border: 3px solid #607d8a8c;
    margin: 5px;
    padding: 10px 0 10px 10px;
    pointer-events: all;
 }
.param_filters ul li div{display:inline-block; color:#4483c5; font-size:1em; font-weight:normal;
	margin: auto 0;
	}
.param_filters ul li div:hover{color:#333;}

.param_filters ul li div b{
    font-weight: 400;
    text-transform: uppercase;
    margin-right: 40px;
    border-bottom: 1px dotted #999;
    font-size: 0.9em;
    line-height: 100%;
    cursor: pointer;
    } 
.param_filters ul li div i{font-style:normal; color:rgb(253, 63, 63);}
.param_filters ul li div small{display:inline-block; vertical-align:top; color:#B6B6B6; font-size:0.8em; padding:0 3px; } 
.param_filters ul li div b span{color:#999; font-size:0.9em;}


.param_filters ul li .expand{
	padding: 5px;
    cursor: pointer;
    color: #4483c5;
	}
.param_filters ul li .expand:hover{text-decoration:underline;}	
	
.param_filters ul li .open b{color:#ce0c0c;}
.param_filters ul li .close b{}
.param_filters ul li .reset{
	display:inline-block; 
	position:absolute;
	top: 0px;
	bottom:0px;
    right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;    
	background-image:url(/images/icons/black/icon-circledelete.png);
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.2;
	margin: auto 0;
}
.param_filters ul li .reset:hover{opacity:0.6;}

.param_filters ul li a{
	display:inline-block; 
	position:absolute;
	top: 0px;
	bottom:0;
	margin: auto 0;
    right: 32px;
    cursor: pointer;
    width: 20px;
    height: 20px;
	background-image:url(/images/icons/black/icon-sortbysizeascending.png);
	background-position:center center;
	background-repeat:no-repeat;
	opacity:0.2;
}
.param_filters ul li a:hover{opacity:0.6;}
.param_filters ul li a.sortup{opacity:1; background-image:url(/images/icons/black/icon-sortbysizeascending.png);}
.param_filters ul li a.sortdown{opacity:1; background-image:url(/images/icons/black/icon-sortbysizedescending.png);}


.param_filters ul li .open i {	
  display: inline-block;
	  width: 0;
	  height: 0;
	  margin-top: 1px;
	  margin-right: 3px;
	  margin-left: -3px;
	  border-color: transparent;
	  border-top-color: #666;
	  border-style: solid;
	  border-width: 5px 5px 0px 5px;
	  content: " ";
}

.param_filters ul li .close i {
  display: inline-block;
	  width: 0;
	  height: 0;
	  margin-top: 3px;
	  margin-right: 5px;
	  margin-left: 0px;
	  border-color: transparent;
	  border-left-color: #666;
	  border-style: solid;
	  border-width: 5px 0px 5px 5px;
	  content: "1111";
}


.param_filters canvas{display:block; max-height:200px; max-width:300px;}
.param_filters .licaption{display:block; position:relative;}
.param_filters img{max-width:300px; max-height:200px;}

.param_filters ol{display:block; margin:10px 0 0 0px; padding:5px; line-height: 1.1em;
	max-height: 200px;
    overflow: auto;
	}
.param_filters ol li {display:block;padding:0;margin: 0px 0;border:none;line-height: 1.5em;}
.param_filters ol li label{cursor:pointer; font-weight:normal; display:inline-block; margin:0px; color:#333;}

.param_filters input,
.param_filters select,
.param_filters textarea{
	border: solid 1px #d5e0e8;
			border-radius: 4px;
		-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

.param_filters input {
	margin: 0 5px;
	width: 22px;
	height: 22px;
	position: relative;
	top: 5px;	
	}
.param_filters input[type="checkbox"]::before {}	
.param_filters input[type="text"] {padding:0px; margin:5px 0; padding:3px; width:100%; width:calc(100% - 15px); min-height: 25px;}
.param_filters select {margin:0px; width:100%; padding:0px; min-height: 25px;}
.param_filters textarea {margin:0; width:100%; padding:0px; min-height: 25px;} 
.param_filters .important{background-color:rgb(255, 234, 234); border-bottom: 1px solid rgb(255, 221, 221);}
.param_filters .usimage{display:inline-block; background-color:#d5e0e8; border:1px solid #f0f0f0; text-align:ceneter; vertical-align:middle; min-height:80px; min-width:80px; width:auto; margin:0 13px;
		border-radius: 4px;
		-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}
.param_filters .usimage input[type="file"]{display:none;}

.param_filters .range{display:block; position:relative; min-width:120px; min-height:50px; margin: 10px 5px;}
.param_filters .range  input[type="text"]{
	display: block;
    position: absolute;
    top: 30px;
    font-size: 0.8em;
    width: 50px;
    height: 20px;
    margin: 0;
    color: #333;
	border: 1px solid #ed6f1b;
    padding: 0 0 0 5px;
	}
.param_filters .range input[type="text"].rangeMinPrice{left:0;}
.param_filters .range input[type="text"].rangeMaxPrice{right:0;}

.param_filters input[type="range"][multiple] {display: block; position: absolute; left: 0; right: 0; top: 5px; margin: 0; width:100%; opacity:0.6; pointer-events: none;}
/*.param_filters input[type="range"][multiple] + input[type="range"][multiple] {margin-top: -2em;}*/
.param_filters input[type="range"]::-webkit-slider-thumb {pointer-events: all;}
.param_filters input[type="range"]::-moz-range-thumb {pointer-events: all;}
.param_filters input[type="range"]::-ms-thumb {pointer-events: all;}





.param_filters .error_value{
	background-color:rgb(255, 234, 234);
	border-color:rgb(247, 183, 183);
	}

.param_filters h4 a,
.param_filters h4 a:visited{display:inline; color:#3c4c5d; font-weight:bold; line-height:20px; padding:3px 5px;}
.param_filters h4 a:hover{text-decoration:underline;}


.vecObjClass{position:relative; background-color:#ff000080; border-radius:50%; width:15px; height:15px;}
.vecObjClassCircle{position:relative; background-color:#ff000080; border-radius:50%; width:15px; height:15px;}
.vecObjClassRect{position:relative; background-color:#ffeb3bd0; border-radius:30%; width:15px; height:15px;}
.vecObjClassPoint{position:relative; background-color:#ff0000d0; border-radius:50%; width:15px; height:15px;}
.vecObjPicClass{position:relative; background-color:#00000030; border-radius:50%; width:20px; height:20px; background-position:center center; background-size:16px 16px; background-repeat:no-repeat;}