/**************************
      
       Выбор города

***************************/

.b-identification__city {
  position: relative;
  z-index: 10;
}

.city {
  display: inline-block;
  position: relative;
  color: #00b4c1;
}

.city__select {
  cursor: pointer;
  position: relative;
}

/*.city__select:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 9px;
  right: -15px;
  border: 5px solid;
  border-color: #33c3cd transparent transparent transparent;
}

.city__select.is-focus:before {
  top: 4px;
  border-color: transparent transparent #33c3cd transparent;
}*/

.city__pane {
  box-sizing: border-box;
  position: absolute;
  top: 45px;
  right: 0;
  z-index: 5;
  width: 520px;
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  background-color: #fff;
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0 0 10px #bbb;
  -moz-box-shadow: 0 0 10px #bbb;
  box-shadow: 0 0 10px #bbb;
}

.city__pane:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: -20px;
  right: 75px;
  border: 10px solid;
  border-color: transparent transparent #fff transparent;
}

.city__pane.is-open {
  visibility: visible;
  opacity: 1;
  visibility: visible;
  opacity: 1;
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}


/* Pane region select */
.city-pane {}
.city-pane__search {
  margin-bottom: 20px;
}
.city-pane__input {
  width: 100%;
  padding: 2px 0;
  border: 0;
  border-bottom: 1px solid rgba(0,180,193,.6);
  background: 0 0;
  -webkit-transition: .2s ease-out;
  -moz-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
  font-size: 17px;
  line-height: 20px;
  height: 48px;
  color: #00b4c1;
  font-family: inherit;
}
.city-pane__input::-webkit-input-placeholder {color:#33c3cd;}
.city-pane__input::-moz-placeholder          {color:#33c3cd;}
.city-pane__input:-moz-placeholder           {color:#33c3cd;}
.city-pane__input:-ms-input-placeholder      {color:#33c3cd;}

.city-pane__list {
  margin: 0;
  margin-left: -20px;
  list-style: none;
  padding: 0;
  font-size: 0;
}
.city-pane__list > li {
  background: none;
  margin: 0;
}
.city-pane__item {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  line-height: 30px;
  width: 33.33%;
  padding-left: 20px;
  font-size: 17px;
}

.city-pane__item.i-link {
  color: inherit;
  font-style: inherit;
  text-decoration: none;
  position: relative;
  border-bottom: 1px solid transparent;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

/* Z-index fix */
.l-header {
  z-index: 0;
}

.l-middle .i-section {
  z-index: 0;
}

/* Fancybox fix */
.fancybox-overlay {
  overflow: auto;
}

.fancybox-inner {
  height: auto !important;
}