.catalog_top_pane,.scroll-pane {
	overflow: auto;
	position: relative;
	height: 798px;
}

.jspContainer,.modal-open {
	overflow: hidden;
}

.catalog_top_pane .jspVerticalBar,.scroll-pane .jspVerticalBar {
	opacity: 0;
	transition: opacity .2s ease-in;
}

.catalog_top_pane:hover .jspVerticalBar,.scroll-pane:hover .jspVerticalBar {
	opacity: .5;
}

.jspCap,.modal-backdrop.fade {
	opacity: 0;
}

.scroll-pane-type02 {
	height: 958px;
}

.jspContainer {
	position: relative;
}

.jspPane {
	left: 0!important;
	position: absolute;
	width: 100.5%!important;
}

.jspHorizontalBar *,.jspVerticalBar * {
	margin: 0;
	padding: 0;
}

.jspCap {
	height: 11px;
	display: block;
}

.scroll-pane-type02 .jspCapTop {
	height: 12px;
}

.scroll-pane-type02 .jspCapBottom {
	height: 18px;
}

.jspVerticalBar .jspArrow {
	display: none;
}

.jspVerticalBar .jspArrow:focus {
	outline: 0;
}

.jspVerticalBar {
	position: absolute;
	right: 7px;
	top: 0;
	width: 7px;
	height: 100%;
}

.jspTrack {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	background: #d7d7d7;
	position: relative;
}

.jspDrag {
	background: #555;
	width: 7px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspVerticalBar .jspArrow {
	height: 20px;
}

.jspArrowUp {
	display: none;
}

.jspArrowDown {
	display: none;
	height: 20px;
}

.wf-modal-cities {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0;
}

.wf-modal-cities.fade .wf-modal-dialog {
	-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	transform: translate(0,-25%);
	transition: -webkit-transform .15s ease-in;
	transition: transform .15s ease-in;
}

.wf-modal-cities.in .wf-modal-dialog {
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.modal-open .wf-modal-cities {
	overflow-x: hidden;
	overflow-y: auto;
}

.wf-modal-dialog {
	position: relative;
	width: auto;
	margin: 10px;
}

.wf-modal-content {
  box-shadow: 1px 1px 12px rgba(60,60,60,.3);
  background-color: #fff;
  border-radius: 6px;
  padding: 24px;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;
}

.modal-backdrop.in {
	opacity: .5;
}

.wf-modal-header {
  background-color: #f9f9f9;
  position: relative;
  text-align: center;
  border-radius: 6px;
  line-height: 60px;
  color: #000;
  font-size: 18px;
}

.wf-modal-header .close {
	margin-top: -2px;
}

.modal-title {
	margin: 0;
	line-height: 1.42857143;
}

.wf-modal-body {
	position: relative;
	padding: 15px;
}

.wf-modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
}

.wf-modal-footer:after,.wf-modal-footer:before {
	content: " ";
	display: table;
}

.wf-modal-footer:after {
	clear: both;
}

.wf-modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0;
}

.wf-modal-footer .btn-group .btn+.btn {
	margin-left: -1px;
}

.wf-modal-footer .btn-block+.btn-block {
	margin-left: 0;
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width:768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}

	.modal-content {
		box-shadow: 0 5px 15px rgba(0,0,0,.5);
	}

	.modal-sm {
		width: 300px;
	}
}

@media (min-width:992px) {
	.modal-lg {
		width: 900px;
	}
}

.wf-row {
	margin: 0 -15px;
	overflow: auto;
}

.col-x-2,.col-x-4 {
	box-sizing: border-box;
	padding: 0 15px;
	float: left;
	min-height: 1px;
}

.col-x-4 {
	width: 25%;
}

@media(max-width: 575px){
	.col-x-4 {
		width: 50%;
	}
}

@media(max-width: 400px){
	.col-x-4 {
		padding: 0;
	}
	.wf-modal-cities .pick-location-final{
		height: 32px !important;
	}
}

.col-x-2 {
	width: 50%;
}

.wf-modal-cities {
	font-family: Arial,sans-serif;
	font-size: 13px;
	line-height: 1.4;
}

.wf-modal-cities .wf-modal-dialog {
	margin: 30px auto;
}

.wf-modal-cities .wf-modal-body,.wf-modal-cities .wf-modal-footer,.wf-modal-cities .wf-modal-header {
	padding-left: 30px;
	padding-right: 30px;
}

/* .wf-modal-cities .wf-modal-header {
	padding-top: 20px;
	padding-bottom: 0;
	border-bottom: none;
} */

.wf-modal-cities .wf-modal-header .wf-modal-title {
	font-family: Arial,sans-serif;
	font-weight: 700;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0;
}

.wf-modal-cities .wf-modal-header .wf-modal-close {
  position: absolute;
  display: block;
  height: 21px;
  width: 21px;
  right: 20px;
  top: 20px;
  background: url(/bitrix/components/dresscode/sale.geo.positiion/templates/.default/images/exit.svg) 0 0 no-repeat transparent;
}

.wf-modal-cities .wf-modal-header .wf-modal-close:after,.wf-modal-cities .wf-modal-header .wf-modal-close:before {
	position: absolute;
	display: block;
	content: '';
}

/* .wf-modal-cities .wf-modal-header .wf-modal-close:before {
	width: 24px;
	height: 24px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABmFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADn+ofsAAAAh3RSTlMAIW+p0err1KtzJh2a8vagI1LnwHg+Kjx0vO1dZ8REUP6UBwOIXhuVhyWbyAYBH/T9BDD7J3DDBafQGcqzCrGBqncJ1tcUzuIRZr7TIs3fON0p2iT67uwTyxr51TnPNa1yCOAPY8HbDKyGNw74LKK/siDwiXorW2m4NrBgOh5l/PVrKK4vgIUlbshuAAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAWBJREFUKM9VUvVXAkEQHiQNMNAjbFFMMDBQsc9CBATsLhBbbOz8/m1v77iHNz/MfvFmZ2feEkmhylFrtDq9ITeP/kd+gRGZMBUWZfXiEsBcWsZxFqsNsJfLegVQWSUTi2BZJVhdg9q6bLmjHmhgwKlFo6IhNcHYLBwtaG1TGi4b1ETu9o4ykYpup4vlLo+nm3rQy3Cft19FNDDoG2JsGCM0ijEGxyfAOyenMD3D2Cz8NAeLeFOAh34eQU4kIYRJhwWppVMDRKKZTcQWaUk2llcA/WrGWFukdWxIBZsI8+ADItlCkLaxw+DuFPaKnDwi+4wd4JCswgPYFL640Fe1bk4wdoQkRU2xY3G0E5YT4tK4044zonNcOJQrIR8uhXyVwrVSv4Hplp13QNKl0HEvISvw8CjLXWkIi8rEUwpI3z+7X0Kvhje8f2SrP70x4R/E1oRU8/WtaMj92OJ2e9j/K8t//MJX1igK5m4AAAAASUVORK5CYII=);
	opacity: .7;
	transition: opacity .2s ease-in;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
} */

/* .wf-modal-cities .wf-modal-header .wf-modal-close:after {
	width: 20px;
	height: 60px;
	top: 0;
	right: 100%;
	background: #fff;
} */

/* .wf-modal-cities .wf-modal-header .wf-modal-close:hover:before {
	opacity: 1;
} */

.wf-modal-cities .wf-modal-footer {
	background: #f5f5f5;
	text-align: left;
}

.wf-modal-cities .list-unstyled {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.wf-modal-cities .list-unstyled li {
	margin-bottom: 5px;
}

.wf-modal-cities .pick-location,
.wf-modal-cities .pick-location-final {
  display: block;
  text-decoration: none;
  line-height: 16px;
  /* overflow: hidden; */
  color: #000;
  height: 37px;
  cursor: pointer;
}

.wf-modal-cities .pick-location-final:hover,.wf-modal-cities .pick-location:hover {
	text-decoration: none;
	color: #2d81c9;
}

.wf-modal-cities .pick-location-final:active,.wf-modal-cities .pick-location:active {
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	transform: translateY(1px);
	color: #23679f;
}

.wf-modal-cities .pick-location-final.active,.wf-modal-cities .pick-location.active {
	color: #767676!important;
	text-decoration: none;
	font-weight: 700;
}

.wf-modal-cities .list-districts .pick-location {
	color: #000;
	font-weight: 700;
}

.wf-primary-cities {
	overflow: auto;
	margin: 0 -15px;
}

@-webkit-keyframes wfPulse {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}
}

@keyframes wfPulse {
	from,to {
		-webkit-transform: scale3d(1,1,1);
		transform: scale3d(1,1,1);
	}

	50% {
		-webkit-transform: scale3d(1.05,1.05,1.05);
		transform: scale3d(1.05,1.05,1.05);
	}
}

.wf-city {
	display: inline-block;
	outline: 0!important;
}

.wf-city > .city-name{
  text-overflow: ellipsis;
  vertical-align: middle;
  display: inline-block;
  white-space: nowrap;
  color: #ff5c01;
  border-bottom: 1px dashed #ff5c01;
  line-height: 1.1;
}

@media(max-width: 575px){
  .wf-city .city-message{
    display: none;
  }
}
@media (max-width: 420px){
  #headerLine4 #geoPosition{
    right: 0 !important;
  }
}


.wf-pulse {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-name: wfPulse;
	animation-name: wfPulse;
}