/*settings*/
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}


/*popup*/
.popup{
  margin: 80px auto;
  padding: 40px 16px;
  background-color: var(--white0);
  -webkit-box-shadow: 0px 32px 32px rgba(0, 6, 26, 0.1);
          box-shadow: 0px 32px 32px rgba(0, 6, 26, 0.1);
  z-index: 500;
  min-height: 50px;
  position: relative;
}
.popup_nomodal{
  display: none;
}
.popup_active{
  display: block;
}
.popup__close{
  position: absolute;
  top: 40px;
  right: 16px;
}
.popup__title{
  padding-right: 40px;
}
.popup__wraptitle{
  display: -ms-grid;
  display: grid;
  grid-gap: 8px;
  -ms-grid-columns: auto 8px 32px;
  grid-template-columns: auto 32px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.popup__wraptitle .popup__close{
  position: relative;
  top: 0;
  right: 0;
}

/*form*/
.popup_form{
  max-width: 574px;
}
.popup_form .form{
  max-width: 372px;
  margin-left: auto;
  margin-right: auto;
  /*position: relative;
  z-index: 1;*/
}
.popup_form .form .form__title {
    padding-right: 40px;
    font-family: var(--font_golos_text);
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    color: var(--black900);
}
.popup_fanswer, .popup_minute{
    padding-top: 183px;
    overflow: hidden;
    text-align: center;
    max-width: 372px;
}
.popup_fanswer:before{
    content: '';
    background: url(i/bg-thanks.png) center bottom no-repeat var(--blue100);
    height: 155px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-size: contain;
}
.popup_minute:before{
    content: '';
    background: url(i/bg-minute.png) center bottom no-repeat var(--blue100);
    height: 155px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-size: contain;
}
.popup_fanswer .popup__close,.popup_minute .popup__close{
   top: 16px;
}
.popup_fanswer .popup__close.popup__btn,.popup_minute .popup__close.popup__btn{
   position: relative;
   width: 100%;
   top: 0;
   right: 0;
}

/*cookie*/
.popup_cookie{
  background-color: var(--black100);
  position: fixed;
  bottom: 0;
  left:0;
  width: 100%;
  padding: 8px 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  min-height: auto;
  margin:0 !important;
}
.popup_cookie__block {
    display: flex;
    max-width: 342px;
    align-items: center;
    justify-content: center;
    gap: 7px 16px;
    margin: 0 auto;
	flex-wrap: wrap;
}
.popup_cookie__block>p {
    white-space: nowrap;
    line-height: normal;
}
.popup_cookie__block .button {
    padding: 0px;
    height: 21px;
}

/*city*/
.popup_city{
  position: absolute;
  top: 0;
  left: 16px;
  right: 16px;
  z-index: 101;
  padding-top: 28px;
  padding-bottom: 28px;
  max-width: 372px;
}
.popup_city .popup__wrapbtn{
  display: -ms-grid;
  display: grid;
  grid-gap: 16px;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr;
}
.popup_scity{
  position: absolute;
  top: 0;
  bottom: 0;
  left:16px;
  right: 16px;
  padding-top: 28px;
  padding-bottom: 28px;
  max-height: 969px;
  max-width: 840px;
  z-index: 101;
}
.popup_scity .popup__wraptitle{
  padding-bottom: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--black200);
} 
.popup__wrapcity{
  display: -ms-grid;
  display: grid;
  grid-gap: 8px 16px;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
 /* grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  grid-auto-flow: column;
  grid-template-rows: repeat(23, 1fr);*/
}
.popup__wrapcity a{
  color: inherit !important;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-wrap: normal;
}

/*video*/
.popup_video .popup__close{
  top: 0 ;
  right: 0 ;
  z-index: 1;
}

/*content*/
.popup_content{
  max-width: 776px !important;
}
.popup_contentcity{
  max-width: 840px !important;
}

/*old styles*/
/*gallery*/
.popup_gallery .popup__close{
    top: 40px !important;
    right: 0;
}
/*.popup_gallery .popup__cross svg rect,
.popup_video .popup__cross svg rect{
  fill: #FFFFFF;
}
.popup_gallery .popup__cross:hover svg rect,
.popup_video .popup__cross:hover svg rect{
  fill: #498EF5;
}*/
.popup_gallery .mfp-figure{
  /*position: relative;*/
}


/*sm Tablet*/
@media (min-width: 576px) { 
  .popup_form .form .form__title{
    font-size: 24px;
  }
  .popup_form .popup__close{
    top:24px;
    right:24px;
  }
  .popup__wrapcity{
  grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  grid-auto-flow: column;
  -ms-grid-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-rows: repeat(46, 1fr);
}
  .popup_cookie__block {
    flex-wrap: nowrap;
  }
}
/*md*/
@media (min-width: 768px) { 
  .popup{
    margin: 96px auto;
  }
  .popup_city {
    padding: 32px 24px;
  }
  .popup_scity{
    left:24px;
    right: 24px;
    padding: 32px 24px;
    max-height: 977px;
  }
  .popup_form{
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .popup_fanswer, .popup_minute{
    padding: 232px 24px 48px;
  }
  .popup_fanswer:before, .popup_minute:before{
    height: 200px;
  }
  .popup_fanswer .popup__close, .popup_minute .popup__close{
    top: 24px;
    right: 24px;
  }
  .popup_content{
   padding: 32px 24px;
  }
   .popup_content .popup__close{
    top: 32px;
    right: 24px;
  }
  .popup__wrapcity{
    -ms-grid-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-template-rows: repeat(29, 1fr);
  }
}
/*lg Desktop*/
@media (min-width: 992px) { 
  .popup{
     margin: 120px auto;
  }
  .popup_cookie{
	padding: 6px 0;
  }
  .popup_city{
    padding-right: 32px;
    padding-right: 32px;
  }
  .popup_scity{
    padding-right: 32px;
    padding-right: 32px;
    max-height: 774px;
  }
  .popup__wrapcity{
    grid-template-columns: repeat(auto-fit, minmax(182px, 1fr));
  }
  .popup_fanswer, .popup_minute{
    padding-right: 32px;
    padding-left: 32px;
  }
  .popup_fanswer .popup__close, .popup_minute .popup__close{
    top: 32px;
    right: 32px;
  }
  .popup_content{
    padding-right: 32px;
    padding-left: 32px;
  }
  .popup_content .popup__close{
    right: 32px;
  }
  .popup__wrapcity{
    -ms-grid-rows: 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr 8px 1fr;
    grid-template-rows: repeat(23, 1fr);
  }
}  

/*xl*/
@media (min-width: 1200px) { 
}

/*xxl*/
@media (min-width: 1400px) { 
}