/* Start:/local/components/trinet/header.select/templates/flipup/style.css?16346252389093*/
.modal-open #left .collapsed{
	z-index: 1;
}
.vr-template{
	display: flex;
	align-items: center;
}
.vregions-sepia{
	position   : fixed;
	left       : 0;
	top        : 0;
	width      : 100%;
	height     : 100%;
	display    : none;
	z-index    : 999;
	background : url(/local/components/trinet/header.select/templates/flipup/img/sepia.png) repeat 0 0;
}
.vr-template__link{
	text-decoration : none;
	color           : #000000;
}
.vr-template__link_hidden{
	display : none;
}
.vr-popup{
	-webkit-transition: 0.1s all ease-in-out;
	-o-transition: 0.1s all ease-in-out;
	transition: 0.1s all ease-in-out;
	background: rgba(0, 0, 0, 0.4);
	position: fixed;
	color: #000000;
	overflow: auto;
	z-index: 1000;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	display: none
}
.vr-popup__content{
	box-shadow: 1px 1px 12px rgb(60 60 60 / 30%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-animation-duration: 0.2s;
	animation-duration: 0.2s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-name: zoomInLocation;
	animation-name: zoomInLocation;
	background-color: #ffffff;
	position: absolute;
	max-height: 500px;
	max-width: 800px;
	width: 100%;
	left: 50%;
	top: 50%;
}



.vr-popup__content:after{
clear : both;
}
.vr-popup__header{
	background-color: #424242;
	position: relative;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	color: #ffffff;
}


.vr-popup__close{
	cursor: pointer;
	z-index: 1;
	position: absolute;
	display: block;
	height: 21px;
	width: 21px;
	right: 20px;
	top: 20px;
	background: url(/local/components/trinet/sale.geo.positiion/templates/.default/images/exit.png) 0 0 no-repeat transparent;
}
#topService .geo-item .vr-popup__close:active{
	position: absolute;
	top: 20px;
}
.vr-popup__paragraph{
padding : 20px 5%;
margin  : 0px;
}
.vr-popup__que-buttons-wrapper{
padding : 0px 5% 20px 5%;
}
.vregions-list{
float : none !important;
}
.vregions-list__col {
	max-height: 180px;
	margin-top: 24px;
	padding: 0 24px;
	overflow: auto;
}
.vr-popup__region-item{
	overflow: hidden;
	float: left;
	width: 25%;
}
.vr-popup__regions-letter-block{
padding-bottom : 20px;
}
.vr-no-padding{
padding : 0 !important;
}
.vr-popup__regions-letter-heading{
color           : #8184a1;
font-size       : 15px;
line-height     : 22px;
text-decoration : none;
display         : block;
text-align      : center;
border          : none;
margin-top      : 10px;
font-weight     : bold;
}
.vr-popup__regions-letter-heading.vr-popup__regions-letter-heading_first{
}
#topService .vr-popup__region-link,
#topService .vr-popup__region-link:link,
.vr-popup__region-link,
.vr-popup__region-link:link{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	text-decoration: none;
	line-height: 37px;
	overflow: hidden;
	color: #000000;
	height: 37px;
	font-size: 14px
}

.vr-popup__region-link.vr-popup__region-link_chosen{
font-weight : bold;
font-size   : 15px;
}
#topService .geo-item .vr-popup__button,
.vr-popup__button,
.vr-popup__button:visited,
.vr-popup__button:link{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	line-height: 60px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	display: block;
	text-decoration: none;
	margin-top: 16px;
	/* font-family: 'roboto_condensedlight'; */
	margin-bottom: 12px;
	width: 150px;
	padding: 15px 20px;
	background-color:#424242;
	margin-right: 10px;
	cursor: pointer;
	line-height: 1.4;
}
#topService .geo-item .vr-popup__button:hover, .vr-popup__button:hover, .vr-popup__button:focus, .vr-popup__button:active{
	color: #ffffff;
	background-color: #ffa800;
}
.vr-popup__que-buttons-wrapper{
	display: flex;
	flex-wrap: wrap;
}
#topService .geo-item .vr-popup__button_danger, .vr-popup__button_danger{
	background-color: #ffa800;
}
#topService .geo-item .vr-popup__button_danger:hover, .vr-popup__button_danger:hover{
	background-color:#424242;
	color: #ffffff;
}
.clearfix:before,
.clearfix:after{
content    : '\0020';
display    : block;
overflow   : hidden;
visibility : hidden;
width      : 0;
height     : 0;
}
.clearfix:after{
clear : both;
}
.modal-open{
overflow : hidden;
}
.vr-popup__search-wrap{
	margin-top: 24px;
	padding: 0 24px;
}
.vr-popup__search-input{
	background: url(/local/components/trinet/sale.geo.positiion/templates/.default/images/geo-search.png) 12px 50% no-repeat #f6f6f6;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	border: 1px solid #e6e6e6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "roboto_ltregular";
	border-radius: 2px;
	padding: 0 42px;
	font-size: 14px;
	height: 48px;
	width: 100%;
}
.vr-popup__search-input.with-suggestions{
border-bottom-left-radius  : 0;
border-bottom-right-radius : 0;
}
.vregions-suggestions-wrap{
border           : 1px solid #cccccc;
border-radius    : 0 0 4px 4px;
position         : absolute;
width            : 90%;
overflow         : hidden;
box-sizing       : border-box;
background-color : #ffffff;
z-index          : 1;
float            : none !important;
margin           : 0 !important;
}
.vregions-suggestion{
display          : block;
padding          : 10px 15px;
background-color : #ffffff;
border           : none;
color            : #000000;
cursor           : pointer;
float            : none !important;
margin           : 0 !important;
}
.vregions-suggestion:hover{
background-color : #f5f5f5;
}
.vregions-chosen-list{
width  : 100%;
margin : 20px auto;
float  : none !important;
}
.vregions-chosen-list__item{
float       : left;
height      : 40px;
text-align  : center;
list-style  : none;
font-weight : bold;
color       : #000000;
}
.vregions-chosen-list__item-one-1{
width : 100%;
}
.vregions-chosen-list__item-one-2{
width : 50%;
}
.vregions-chosen-list__item-one-3{
width : 33.33333%;
}
.vregions-chosen-list__item-one-4{
width : 25%;
}
.vregions-chosen-list__item-one-5{
width : 20%;
}
.vregions-chosen-list__item-one-6{
width : 16.6666667%;
}
@media (max-width : 767px){
.vregions-chosen-list__item{
    width : 100%;
}
}
.vr-popup__suggested-region{
font-weight : 700;
}
.vregions-oblast__select{
display            : block;
width              : 100%;
height             : 34px;
padding            : 6px 12px;
font-size          : 14px;
line-height        : 1.42857143;
color              : #555555;
background-color   : #ffffff;
background-image   : none;
border             : 1px solid #cccccc;
border-radius      : 4px;
margin-bottom      : 30px;
-webkit-box-shadow : inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow         : inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition : border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition      : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition         : border-color ease-in-out .15s, box-shadow ease-in-out .15s;
box-sizing         : border-box;
}
.vr-template__fixed{
position         : relative;
bottom           : 0px;
width            : 100%;
background-color : #9c9b9b;
left             : 0px;
line-height      : 30px;
z-index          : 1000;
text-align       : center;
}
.vr-template__label{
font-size: 13px;
margin-right: 5px;
}
.vr-template__fixed .vr-template__label{
color : #ffffff;

}
.vr-template__fixed .vr-template__link{
color : #ffffff;
}
.vregions-another-region{
	margin-bottom: 24px;
	text-align: center;
	margin-top: 24px;
}
#topService .geo-item .vregions-another-region__btn,
.vregions-another-region__btn{
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	/* text-transform: uppercase; */
	color: #ffffff !important;
	vertical-align: middle;
	display: inline-block;
	text-decoration: none;
	border-radius: 4px;
	text-align: center;
	position: relative;
	line-height: 1.4;
	padding: 15px 36px;
	font-size: 14px;
	background-color: #ffa800;
}
.vregions-another-region__btn small{
	display: block;
}
.vregions-another-region__btn:hover{
	background-color: #ffa800;
}
.geo-location-window-city-container {
	text-align: center;
	margin-top: 24px;
}
.geo-location-window-city-label, .geo-location-window-city-value {
	display: inline-block;
}
.geo-location-window-city-value {
	/* text-transform: uppercase; */
	font-family: "robotoBold";
}
.vr-popup_inner-title{
display       : block;
max-width     : 100%;
margin-bottom : 10px;
font-weight   : 700;
margin-top    : 20px;
font-size     : 14px;
color         : #8184a1;
text-align    : center;
}
.vregions-list__col_oblasti{

}
.vr-popup__oblast-link{
color           : #8184a1;
font-size       : 15px;
line-height     : 25px;
text-decoration : none;
display         : block;
text-align      : left;
border          : none;
border-radius   : 3px;
}
@media (max-width : 767px){
.vr-popup__oblast-link{
    text-align : center;
}
}

/* End */
/* /local/components/trinet/header.select/templates/flipup/style.css?16346252389093 */