/*--------------------без автотекста-----------------*/
.o-layout__main{
	margin-top: 20px;
	z-index: -1;
}
.o-layout__sidebar{
	top: 20px;
}
/*---------------------------------------------------*/

.c-banner__logo{
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	text-decoration: none;
	padding-right: 15px;
}
.c-banner__logo .site-name{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: -1px;
	letter-spacing: 3px;
}
.c-banner__logo .letter-spacing{
	letter-spacing: normal;
}
.c-banner__logo > div{
	display: flex;
	flex-direction: column;
	margin-left: 20px;
	position: relative;
	top: -4px;
}
.c-banner__inner .text{
	color: white;
	font-size: 12px;
}
.important-text{
	color: #ff0068;
}
.c-banner__logo .big-letter{
	color: #ff0068;
	opacity: .8;
	font-weight: bold;
	white-space: pre;
}
.c-footer__social a{
	width: 30px;
	margin-right: 10px;
	margin-bottom: 30px;
}
.c-footer{
	padding: 0px 5vw;
	overflow: hidden;
}
#to-top{
	display: none;
	width: 60px;
	height: 60px;
	border: 1px solid red;
	position: fixed;
	bottom: 10px;
	right: 10px;
	bottom: 1px;
	background: black;
	border: 1px solid black;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	opacity: .4;
	z-index: 10;
	margin-bottom: 7px;
}
#to-top.page-zaim{
	bottom: 80px;
}
#to-top:hover{
	background: #333;
	opacity: 1;
}
#to-top img{
	width: 50%;
	height: 50%;
	position: relative;
	top: -1.4px;
	left: 0.5px;
	transform: rotate(180deg);
}
.position-up, .position-down{
	position: relative;
}
.position-up::after{
	content: url(../img/up-round-arrow.svg);
	position: absolute;
	transform: rotate(180deg);
	right: -30px;
	top: -1px;
}
.position-down::after{
	content: url(../img/down-round-arrow.svg);
	position: absolute;
	right: -30px;
	top: 2px;
}
.belowe-seamless-pattern{
	position: fixed;
	z-index: -2;
	background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0));
	width: 100vw;
	height: 690px;
}
.seamless-pattern{
	background: url(../img/seamless-pattern.jpg) repeat;
	background-size: 500px;
	position: fixed;
	z-index: -1;
	opacity: .08;
	width: 100vw;
	height: 690px;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
  	-webkit-mask-size: 100% 100%;
  	-webkit-mask-repeat: no-repeat;
  	-webkit-mask-position: left top, left bottom;
	-moz-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
  	-moz-mask-size: 100% 100%;
  	-moz-mask-repeat: no-repeat;
  	-moz-mask-position: left top, left bottom;
	-o-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
  	-o-mask-size: 100% 100%;
  	-o-mask-repeat: no-repeat;
  	-o-mask-position: left top, left bottom;
	-ms-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0));
  	-ms-mask-size: 100% 100%;
  	-ms-mask-repeat: no-repeat;
  	-ms-mask-position: left top, left bottom;
}
.minus, .plus{
	border-radius: 50%;
	width: 25px;
	height: 25px;
	background: white;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	color: black;
	border: 1px solid gray;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
	top: 10px;
	cursor: pointer;
}
.range-name{
	color: rgba(92, 0, 37, .7);
	position: absolute;
	top: -25px;
	left: calc(41% + 2px);
}
.range-name-2{
	left: calc(42% + 5px);
}
.filter-block{
	display: flex;
	justify-content: flex-start;
	position: relative;
	width: auto;
	max-width: 950px;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
}
.summ-block {
	margin-bottom: 30px;
}
.summ-block input{
	text-align: center;
	border-radius: 5px;
	border: 1px solid #ff0068;
	color: #ff0068;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 12px;
}
.filter{
	position: relative;
	margin: 0px 54px 40px 83px;
}
.minus{
	left: -35px;
	background: url(../img/minus.svg) 50% 50% no-repeat, white;
	background-size: 45%;
}
.plus{
	right: -35px;
	background: url(../img/add.svg) 50% 50% no-repeat, white;
	background-size: 50%;
}
.summ{
	width: 100px;
	height: 40px;
	margin: auto;
}
.min, .max{
	position: absolute;
	width: 60px;
	text-align: center;
	color: #ff0068;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
	top: 40px;
}
.min{
	left: -27px;
}
.max{
	right: -31px;
}
.sort{
	display: flex;
	justify-content: center;
	padding: 0px;
	flex-wrap: wrap;
	margin-left: -12px;
	max-width: 950px;
	margin-top: -20px
}
.sort > button{
	margin-left: 27px;
	margin-top: 20px;
}
.sort > button, .apply{
	text-align: center;
	border-radius: 5px;
	border: 1px solid #ff0068;
	color: #ff0068;
	font-weight: bold;
	margin-bottom: 10px;
	background: white;
	width: 10%;
	min-width: 150px;
	padding: 10px;
	cursor: pointer;
}
.apply{
	padding-top: 8px;
	height: 40px;
	margin-bottom: 40px;
	margin-left: 15px;
}
.sort .active, .sort > button:hover, .apply:hover{
	background: #ff0068;
	color: white;
	border-color: black;
}
.b-auto-text{
	margin: auto;
	width: 90%;
	max-width: 700px;
	font-size: 30px;
	height: 150px;
	color: #ff0068;
	display: flex;
	justify-content: center;
/*	font-family: MontserratRegular,Arial, Helvetica, sans-serif;
*/}
.auto-text{
	color: black;
/*	font-family: MontserratRegular,Arial, Helvetica, sans-serif;
*/}
.b-auto-text *:first-child{
	font-weight: bold;
	white-space: pre;
	padding: 0px;
	margin: 0px;
}
.hidden-select{
	transform: scaleY(0);
}
.select-section{
	max-width: 1240px;
	margin-left: 15px;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 50px;
}
.box-select{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
	cursor: pointer;
}
.select{
	display: flex;
	position: absolute;
	width: calc(30vw + 50px);
	max-width: 350px;
	flex-direction: column;
	z-index: 10;
}
.select-items{
	width: 30%;
	padding-left: 15px;
	padding-top: 12.5px;
	padding-bottom: 12.5px;
	background: white;
	width: 30vw;
	max-width: 300px;
	border:  1px solid #ff0068;
	border-top: none;
	border-radius: 5px;
	display: flex;
	padding-left: 15px;
	align-items: center;
	color: #ff0068;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.select-items:hover, .apply-select:hover{
	background: #ff0068;
	color: white;
	border-color: black;
}
.current-select{
	display: inline-block;
	height: 50px;
	background: white;
	width: 30vw;
	max-width: 300px;
	border:  1px solid #ff0068;
	border-radius: 5px 0px 0px 5px;
	display: flex;
	padding-left: 15px;
	align-items: center;
	color: #ff0068;
	font-weight: bold;
	box-shadow: -1px 0px 10px 1px rgba(0, 0, 0, 0.3);
}
.more-select{
	width: 50px;
	border:  1px solid #ff0068;
	border-radius: 0px 5px 5px 0px;
	border-left: none;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	height: 50px;
	background: #ff0068;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}
.more-select img{
	width: 50%;
	border-radius: 50%;
}
.apply-select{
	border: 1px solid #ff0068;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	height: 50px;
	background: white;
	width: 80px;
	color: #ff0068;
	font-weight: bold;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}
.credit{
	padding-bottom: 0px;
	margin-bottom: 6vw;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .2);
	border-radius: 5px;
}
.credit .header{
	display: flex;
	align-items: flex-start;
	margin-bottom: 30px;
}
.credit .logo{
	width: 250px;
	display: inline-block;
	margin: 0px 20px 0px 0px;
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
}
.rating-box{
	width: 130px;
	position: relative;
}
.rating-section{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.rating-section a{
	margin-left: 20px;
}
.accurate-rating{
	margin-left: 20px;
}
.logo-name{
	font-size: 30px;
	font-weight: bold;
	margin-left: 14px;
}
.rating{
	position: relative;
	width: 17%;
	margin: 0px;
	top: 0.1vw;
}
.rating-1{
	left: 1%;
}
.rating-2{
	left: 2%;
}
.rating-3{
	left: 3%;
}
.rating-4{
	left: 4%;
}
.rating-5{
	left: 5%;
}
img[src="img/ok-mark.svg"]{
	width: 15px;
	display: inline-block;
	margin: 0px;
	margin-right: 5px;
}
.max-credit{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.b-img{
	border-radius: 50%;
	border: 1px solid #FF0068;
	display: flex;
	padding-left: 3px;
	width: 25px;
	height: 25px;
	margin-right: 5px;
}
.max-credit span{
	display: flex;
	align-items: center;
}
.credit .b-2{
	display: flex;
	align-items: center;
	color: #FF0068;
	font-weight: 600;
	justify-content: center;
}
.credit .b-2 span:first-child{
	margin-right: 10px;
}
.credit .b-2 a{
	margin-left: 20px;
}
.credit .b-2 button{
	text-align: center;
	border-radius: 5px;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	margin-right: 0px;
	background: #ff0068;
	width: 10%;
	min-width: 150px;
	padding: 10px;
	cursor: pointer;
	position: relative;
	right: -4px;
}
.credit .b-2 button:hover{
	box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}
.credit .b-1{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.credit .b-1-1{
	display: flex;
	justify-content: space-between;
}
.credit .b-1-1-1{
	display: flex;
	flex-direction: column;
	position: relative;
	top: -7px;
	justify-content: center;
	align-items: center;
}
.updated{
	display: flex;
	flex-direction: column;
	text-align: center;
	position: relative;
	padding-left: 30px;
	margin-left: 20px;
}
.updated img{
	width: 20px;
	position: absolute;
	left: 0px;
	top: 5px;
}
.describe{
	display: flex;
	justify-content: space-around;
	width: 100%;
	max-width: 830px;
	flex-wrap: wrap;
	margin: auto;
	padding-left: 40px;
	margin-top: 20px;
	background: rgba(0, 0, 0, .02);
	padding-top: 20px;
}
.describe .d-elem{
	display: flex;
	flex-direction: column;
	width: 20%;
	min-width: 230px;
	padding-left: 30px;
	position: relative;
	border-bottom: 1px solid rgba(92, 0, 37, .2);
	margin-bottom: 50px;
}
.describe .d-elem{
	margin-right: 30px;
}
.describe .main-text{
	font-weight: bold;
	color: #ff0068;
}
.describe-2-col{
	justify-content: center;
	max-width: 700px;
}
.describe-2-col .d-elem{
	width: 45%;
	border: none;
	margin-bottom: 10px;
	flex-direction: row;
	justify-content: center;
	padding-left: 25px;
}
.describe-2-col img{
	position: absolute;
	left: 0px;
	top: 4px;
}
.pic{
	position: absolute;
	width: 10%;
	left: 0px;
	top: 3px;
}
.b-firm{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 100%;
	box-sizing: border-box;
}
.d-elem .firm{
	margin: 10px 10px 10px 0px;
	border: 1px solid #ff0068;
	border-radius: 5px;
	height: 20%;
	width: 20%;
	min-width: 40px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .1);
	position: relative;
}
.credit .more{
	margin-top: 30px;
	background: #ff0068;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	box-shadow: 0px -3px 10px 2px rgba(0, 0, 0, .2);
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	padding: 10px;
	width: calc(100% + 60px);
	margin-left: -30px;
	position: relative;
}
.credit .more:hover{
	box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3), 0px 0px 10px 3px rgba(0, 0, 0, .1);
	background: #ff0068;
}
.credit .more img{
	width: 13px;
	left: 4px;
	top: 1.5px;
	position: relative;
}
.credit .hidden{
	margin-top: 20px;
	padding-bottom: 20px;
}
.credit .hidden > div:first-child{
	background: rgba(0, 0, 0, .02);
	padding: 10px 20px 20px 20px;
}
.credit .hidden img{
	width: 22px;
	position: relative;
	top: 3px;
	margin-top: 10px;
	margin-right: 7px;
}
.credit .hidden a{
	display: inline-block;
	height: 20px;
	text-decoration: none;
}
.credit .hidden a:hover{
	text-decoration: underline;
}
.credit .hidden .b-1{
	/*background: rgba(0, 0, 0, .02);*/
	padding: 20px;
	max-width: 400px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin: auto;
	margin-top: 30px;
}
.credit .hidden .b-1-1{
	display: flex;
	justify-content: center;
}
.credit .hidden .b-1-1:first-child{
	margin-right: 50px;
}
.credit .hidden .b-1-1:first-child img{
	position: relative;
	height: 22px;
	bottom: 3px;
	left: -5px;
	margin: 0px;
}
.credit .hidden .b-1-1:nth-child(2) img{
	height: 20px;
	top: 1px;
	left: -5px;
	margin: 0px;
}
.filter-menu{
	-webkit-background: rgba(255, 255, 255, 1);
	-moz-background: rgba(255, 255, 255, 1);
	-ms-background: rgba(255, 255, 255, 1);
	-o-background: rgba(255, 255, 255, 1);
	background: rgba(255, 255, 255, 1);
	border-radius: 5px;
	margin-bottom: 2vw;
	padding: 40px 0px 5px 0px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, .2);
}
.max-credit-800{
	display: none;
}
#map{
	z-index: 3;
}
#zaim-fixed{
	display: none;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 10;
	background: rgba(0,0,0,.92);
	border-top: 2px solid #ff0068;
	box-shadow: 0px 0px 5px 1px rgba(0,0,0,.5)
}
#zaim-fixed .fixed-logo{
	height: 67px;
	position: relative;
}
#zaim-fixed .b-3-1{
	display: flex;
	align-items: center;
	margin-right: 20px;
}

#zaim-fixed .fixed-name{
	margin-left: 20px;
	font-size: 24px;
	font-weight: bold;
}
#zaim-fixed .b-3{
	display: flex;
	justify-content: space-between;
	color: white;
	max-width: 1280px;
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
	align-items: center;
}
#top{
	padding-right: 15px;
}
.first-text{
	margin-bottom: 30px;
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,.15);
	border-radius: 5px 5px 0 0;
}
.overpayment{
	display: flex;
	margin-top: 40px;
	flex-direction: column;
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,.15);
}
.overpayment .filter{
	margin-left: 63px;
	margin-right: 35px;
}
.overpayment .b-1{
	display: flex;
	margin-bottom: 10px;
}
.overpayment .b-1-1{
	width: 70%;
	margin-top: 25px;
	margin-right: 10px;
}
.overpayment i{
	margin: 20px 15px 0px 2vw;
	font-size: 12px;
	text-align: justify;
}
.overpayment .b-1-2{
	width: 27%;
	height: 235px;
	display: flex;
	flex-direction: column;
}
.overpayment .b-1-2 div{
	color: rgba(92, 0, 37, 1);
	display: flex;
	justify-content: space-between;
	flex-basis: 20%;
	align-items: center;
}
.overpayment .b-1-2 div:not(:nth-child(2)){
	border-top: 1px solid rgba(92, 0, 37, .2);
}
.overpayment .b-1-2 .name{
	text-align: center;
	display: inline-block;
	font-weight: bold;
	color: #ff0068;
	font-size: 22px;
	width: 100%;
}
.overpayment a{
	display: flex;
	justify-content: center;
}
.overpayment button{
	width: 300px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid black;
	color: white;
	font-weight: bold;
	margin: auto;
	background: #ff0068;
	width: 40%;
	max-width: 300px;
	min-width: 150px;
	padding: 10px;
	cursor: pointer;
}
.overpayment button:hover{
	box-shadow: inset 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}
.range-overpayment{
	color: #ff0068;
	font-weight: bold;
}
.calc-text{
	display: flex;
	justify-content: center;
	font-size: 30px;
	margin-bottom: 18px;
	color: #ff0068;
	font-weight: bold;
	border-bottom: 1px solid rgba(92, 0, 37, .2);
	padding-bottom: 10px;
}
.move, .move-hidden{
	background: white;
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,.15);
	display: flex;
	flex-direction: column;
	border-radius: 5px;
}
.move span, .move-hidden span{
	display: flex;
	justify-content: center;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 7px;
	width: 90%;
	color: #ff0068;
	font-size: 20px;
	font-weight: bold;
}
.move span{
	border-bottom: 1.3px solid rgba(92, 0, 37, .2);
}
.move-hidden span{
	font-size: 22px;
}
.move ul, .move-hidden ul{
	margin-top: 0px;
}
.move li{
	color: black;
	margin-bottom: 10px;
}
.move li{
	list-style-image: url(../img/list-style-dot-pink.png);
}
.move ul a:nth-child(5) li, .move-hidden ul a:nth-child(5) li{
	margin-bottom: 0px;
}
.move a, .move-hidden a{
	text-decoration: none;
}
.move-hidden{
	display: none;
}
.move-hidden li{
	list-style-type: none;
	color: black;
	padding: 5px 0 5px 20px;
	border-bottom: 1px solid rgba(92, 0, 37, .2);
}
.move-hidden li:hover{
	background: #ff0068;
	color: white;
	font-weight: bold;
	border: 1px solid black;
}
.move-hidden{
	margin-bottom: 20px;
}
.move-hidden ul{
	padding-left: 0px;
	margin-left: 10px;
	background: rgba(0, 0, 0, .02);
	width: 90%;
	margin: auto;
	margin-bottom: 4.6%;
	border-radius: 5px;
}
.move-text{
	margin-top: 40px;
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,.15);
}
.more-zaim{
	box-shadow: 0px 0px 7px 1px rgba(0,0,0,.15);
	margin-top: 40px;
	padding-top: 15px;
}
.more-zaim .name{
	display: flex;
	justify-content: center;
	color: #ff0068;
	font-weight: bold;
	font-size: 22px;
}
.more-zaim .more-block{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	background: rgba(0, 0, 0, .02);
	padding-bottom: 20px;
	margin-top: 20px;
	border-top: 1px solid rgba(92, 0, 37, .2);/*
	border-bottom: 1px solid rgba(92, 0, 37, .2);*/
}/*
.more-zaim a:not(:last-child){
	border-right: 1px solid rgba(92, 0, 37, .2);
}*/
.more-zaim a{
	width: 30%;
	flex: 1 1 250px;
	padding: 0px 20px;
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	color: rgba(92, 0, 37, 1);
}
.more-zaim a span{
	margin-top: 15px;
}
.c-footer__nav-list{
	flex-wrap: wrap;
	display: flex;
	justify-content: space-around;
}
.c-footer__nav-item{
	flex: 1 1 200px;
	display: flex;
	justify-content: center;
}
.c-footer__nav-link{
	margin: 5px 0px;
}
/*-------------------------------------------------------progress-style--------------------------------------------------------------------*/
progress[value] {
	-webkit-appearance: none;
  appearance: none;
  width: 90%;
  height: 15px;
  margin-right: 10px;
  margin-top: 2px;
  display: inline-block;
}
progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
progress[value]::-webkit-progress-value {
  background-image:
	   -webkit-linear-gradient(-45deg, 
	                           transparent 33%, rgba(0, 0, 0, .17) 33%, 
	                           rgba(0,0, 0, .15) 66%, transparent 66%),
	   -webkit-linear-gradient(top, 
	                           rgba(255, 255, 255, .1), 
	                           rgba(0, 0, 0, .25)),
	   -webkit-linear-gradient(left, #FF0068, #FF0068);

    border-radius: 5px; 
    background-size: 35px 20px, 100% 100%, 100% 100%;
}


/*-------------------------------------------------------input-range-style--------------------------------------------------------------------*/
input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 300px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 300px;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 1px #0d0d0d;
  background: #ff0068;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 5px #0d0d0d;
  height: 20px;
  width: 20px;
  position: relative;
  top: 7px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ff0068;
}
input[type=range]::-moz-range-track {
  width: 300px;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 1px #0d0d0d;
  background: #ff0068;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 5px #0d0d0d;
  position: relative;
  top: 7px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 300px;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: white;
  border-color: white;
  border-width: 16px 0;
  color: white;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ff0068;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 5px #0d0d0d;
  position: relative;
  top: 7px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: white;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ff0068;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ff0068;
}





/*----------------------------------------------------------media--request------------------------------------------------*/
@media(max-width:1141px){
	.overpayment .b-1{
		flex-direction: column;
	}
	.overpayment .b-1-1, .overpayment .b-1-2{
		width: 100%;
	}
	.overpayment .b-1-1{
		margin-bottom: 30px;
	}
	.overpayment .filter{
		margin-bottom: 10px;
	}
	.overpayment .summ-block input{
		margin-left: 47px;
	}
	.overpayment .filter-block{
		justify-content: center;
		margin-left: -28px;
	}
}
@media(max-width:992px){
	#map{
		margin: auto;
		display: flex;
		width: 95vw;
		height: auto;
	}
	.o-layout__sidebar{
		display: flex;
		flex-direction: column;
	}
	.move-hidden{
		display: flex;
	}
	.move{
		display: none;
	}
}
@media(max-width:840px){
	.max-credit{
		display: none;
	}
	.max-credit-800{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.max-credit-800 > span{
		margin-bottom: 20px;
		margin-right: 10px;
		display: flex;
	}

	.b-auto-text{
		font-size: 25px;
	}
}
@media(max-width:768px){
	#map{
		width: 120%;
		margin-left: -8vw;
	}
}
@media(max-width:640px){
	input[type=range]{
		width: 60vw;
	}
	.credit .header{
		flex-wrap: wrap;
		justify-content: center;
	}
	.credit .logo{
		margin-bottom: 20px;
		margin-right: 0px;
	}
	.filter{
		margin: 0px 54px 40px 64px;
	}
	.b-auto-text{
		font-size: 18px;
		height: 160px;
	}
}
@media(max-width:540px){
	.credit .b-2{
		flex-wrap: wrap;
	}
	.credit .b-2 .percent{
		display: none;
	}
	.credit .b-2 span:first-child{
		margin: 0px;
	}
	.credit .b-2 a{
		margin: 0px;
	}
	.credit .b-2 progress{
		margin: 20px 0px;
	}
	#to-top.page-zaim{
		bottom: 90px;
	}
	#zaim-fixed .b-3{
		position: relative;
		top: 4px;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	#zaim-fixed a{
		position: relative;
		bottom: 5px;
	}
	#zaim-fixed .fixed-name{
		display: none;
	}
	#zaim-fixed .b-3-1{
		flex-wrap: wrap;
		justify-content: center;
		margin-right: 20px;
		margin-bottom: 10px;
	}
}
@media(max-width: 490px){
	#map{
		width: 100%;
		margin-left: 0px;
	}
	.c-banner__inner .text{
		display: none;
	}
}
@media(max-width:380px){
	.site-name{
		width: 120px;
	}
	.credit .b-1-1{
		flex-wrap: wrap;
		justify-content: center;
	}
	.credit .updated{
		margin-right: 28px;
	}
	#to-top.page-zaim{
		bottom: 125px;
	}
	#zaim-fixed .b-3-1{
		margin-right: 0px;
		margin-bottom: 10px;
		position: relative;
		top: -4px;
	}
	#zaim-fixed .b-3{
		flex-direction: column;
		flex-wrap: wrap;
	}
	#zaim-fixed a{
		bottom: 5px;
	}
}