:root{
  --yellow:#fdc425;
  --dark:#111111;
  --dark2:#1b1b1b;
  --grey:#f2f3f5;
  --text:#222;
  --muted:#8a8f98;
/*  --font:'Manrope','Marmelad','Lucida Grande',Arial,'Hiragino Sans GB',Georgia,sans-serif;
*/
--font:'Montserrat','Marmelad','Lucida Grande',Arial,'Hiragino Sans GB',Georgia,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--text);background:#fff;font-size:15px;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:var(--font);cursor:pointer;border:none}
.container{max-width:1180px;margin:0 auto;padding:0 20px}

/* ---------- Sticky header ---------- */
.site-header{position:sticky;top:0;z-index:900;background:#111;border-bottom:1px solid #222}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:#fff}
.logo-text{font-weight:800;font-size:24px;letter-spacing:2px;color:#fff}
.logo-bear{width:36px;height:26px}
.header-right{display:flex;align-items:center;gap:22px}
.header-right .btn-yellow{border-radius:0 !important;font-size:18px !important;font-weight:600 !important;padding: 10px 24px !important}
.cabinet-link{color:#fff;font-size:20px;/*font-weight:700;*/}
.btn-yellow{background:var(--yellow);color:#111;font-weight:800;font-size:14px;padding:10px 22px;border-radius:4px;display:inline-block;text-align:center}
.btn-yellow:hover{background:#ffc93d}
.burger{display:none;background:none}
.burger svg{width:45px;height:45px;margin-left:40px}
.burger-menu{display:none;}

/* ---------- Hero ---------- */
.hero{
  background:#0c0c0c url('assets/main-banner.jpg') bottom;
  background-repeat: no-repeat;background-size:1385px 553px;
  color:#fff;position:relative;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:24px;padding:62px 20px 40px;align-items:start}
.hero-title{font-size:40px;line-height:1.0;font-weight:700;color:var(--yellow);margin-bottom:20px}
.hero-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.hero-list li{display:flex;gap:10px;font-size:16px;line-height:105%;color:#fff;width:70%}
.hero-list li .dot{display:none}
.hero-more{color:var(--yellow);font-size:16px;text-decoration:underline}
.hero-tire{align-self:center}
.hero-tire img{width:100%;max-width:460px;margin:0 auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.7))}
.hero-badges.mobile-only{display: none;}
.hero-badges.desktop-only{width:100%;display:grid;grid-template-columns:1.1fr auto 1fr;align-items:center;gap:18px;margin-top:36px;color:#cfcfcf}
.badge{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.3;text-transform:uppercase}
.badge svg{width:34px;height:34px;flex:none}
.badge b{color:#fff}
.badge-sep{width:1px;height:34px;background:#3a3a3a}
.badge-text-small{text-transform: none;}

/* finder */
.finder{background:rgba(20,20,20,.92);border:1px solid #2c2c2c;border-radius:10px;padding:20px}
.finder-title{font-size:18px;/*font-weight:600;*//*letter-spacing:1px;*/margin-bottom:14px}
.finder-tabs{display:flex;gap:20px;border-bottom:1px solid #333;margin-bottom:18px}
.finder-tab{background:none;color:#8a8a8a;font-size:12px;/*font-weight:700;*/letter-spacing:.5px;padding:0 0 10px;border-bottom:2px solid transparent}
.finder-tab.active{color:var(--yellow);border-bottom-color:var(--yellow)}
.finder-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.finder-field label{display:block;font-size:10px;letter-spacing:1px;color:#8a8a8a;margin-bottom:6px;text-transform:uppercase}
.finder-field select{width:100%;background:#0d0d0d;color:#fff;border:1px solid #333;border-radius:4px;padding:10px 12px;font-family:var(--font);font-size:14px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' transform='rotate(-45 10 0)' fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px bottom 7px}
.finder-submit-size, .finder-submit-model {width:100%;background:var(--yellow);color:#111;/*font-weight:600;*/letter-spacing:1px;font-size:18px;padding:13px;/*border-radius:4px*/}

/* yellow strip */
.strip{background:var(--yellow);color:#111;text-align:center;padding:12px 20px;font-size:14px;letter-spacing:1px}
.strip b{font-weight:800}

/* ---------- Tires ---------- */
.tires{padding:26px 0 48px}
.section-title{text-align:center;font-size:18px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.section-sub{text-align:center;/*color:#6b7078;*/margin-bottom:16px;font-size:22px;}
.tires-scroller{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.tire-card{display:flex;flex-direction:column;position:relative;border: 2px solid #eee;border-radius:15px;padding:20px;}
.tire-badge{position:absolute;top:55px;left:0;background:var(--yellow);color:#111;font-size:14px;font-weight:800;padding:5px 10px;border-radius:3px;z-index:2}
.tire-badge-hit{left:10px !important;}
.tire-badge.hit{background:#111;color:var(--yellow)}
.tire-img{height:250px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.tire-img img{max-height:250px;object-fit:contain}
.tire-name{font-size:19px;font-weight:800}
.tire-purpose{font-size:13px;font-weight:500;color:#8a8f98;margin:2px 0 14px}
/* .tire-icons{display:flex;gap:14px;padding-bottom:14px;border-bottom:1px solid #e7e9ec;margin-bottom:14px} */
.tire-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:14px;border-bottom:1px solid #e7e9ec;margin-bottom:14px}
.tire-icon{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:500;color:#8a8f98;text-align:center;line-height:1.2}
.tire-icon .ring{width:36px;height:36px;border:1px solid #dcdfe4;border-radius:50%;display:flex;align-items:center;justify-content:center}
.tire-icon svg{width:16px;height:16px}
.tire-features{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:18px;flex:1}
.tire-features li{display:flex;gap:8px;font-size:13px;font-weight:500}
.tire-features li .dot{width:7px;height:7px;border-radius:50%;background:var(--yellow);flex:none;margin-top:6px}
.tire-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}
.stars{display:inline-flex;gap:2px;align-items:center}
.stars svg{width:13px;height:13px}
.rating-num{font-weight:800;font-size:14px;margin-left:4px}
.buy-btn{background:var(--yellow);color:#111;font-weight:700;font-size:13px;padding:9px 20px;border-radius:4px}
.reviews-link{display:inline-block;margin-top:10px;font-size:12px;color:#6b7078;text-decoration:underline;cursor:pointer;text-align:center;width:100%}
.tests-note{display:block;margin-top:10px;font-size:12px;color:#6b7078;text-align:center}

/* ---------- Comparison ---------- */
.comparison{padding:10px 0 60px}
.comparison .section-title{margin-bottom:28px}
.table-wrap.desktop-only{display:initial;overflow-x:auto}
.comparison-scroller.mobile-only{display: none;}
.compare-table{width:100%;border-collapse:collapse;min-width:760px}
.compare-table th,.compare-table td{padding:14px 16px;font-size:13px;text-align:left;border-bottom:1px solid #e7e9ec}
.compare-table thead th{background:var(--grey);font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:800}
.compare-table td.center,.compare-table th.center{text-align:center}
.char-cell{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:800}
.char-cell svg{width:16px;height:16px;flex:none}
.dots{display:inline-flex;gap:5px}
.dots i{width:9px;height:9px;border-radius:50%;background:#111;display:inline-block}
.dots i.off{background:#d4d7dc}

/* ---------- Guarantee ---------- */
.guarantee{background:#505254;color:#fff;padding:64px 0 40px}
.guarantee h2{font-size:48px;font-weight:700;margin-bottom:10px}
.guarantee-sub{font-size:22px;color:#cfcfcf;margin-bottom:20px}
.steps{display:grid;grid-template-columns:1.1fr auto 1fr auto .75fr;gap:40px;margin-bottom:44px}
/* .steps{display:flex;gap:20px;margin-bottom:44px;} */
.vertical-divider{width:1px;height:100%;background-color:#eee;}
/* .step{max-width:30%;} */
.step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}
.step-num{font-size:75px;font-weight:800;color:var(--yellow);line-height:1}
.step-title{font-size:25px;font-weight:800;line-height:1.2;padding-top:6px}
.step-text{color:#d7d7d7;font-size:18px;line-height:120%;}
.step-text-small{color:#d7d7d7;font-size:12px;line-height:100%}
.step-models{margin-top:14px;color:#d7d7d7;font-size:18px;line-height:120%;width:105%}
.upload-banner{border:1px dotted #ddd;padding:24px 45px;display:flex;align-items:center;justify-content:space-between;gap:20px;/*margin-bottom:26px*/}
.upload-banner h3{font-size:17px;font-weight:800}
.upload-banner p{color:#cfcfcf;font-size:16px;/*margin-top:4px*/}
.upload-banner .btn-yellow {font-size:17px !important;border-radius:0 !important;padding:15px 60px !important}
.guarantee-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #555;padding-top:20px;font-size:13px;color:#cfcfcf;flex-wrap:wrap;padding-right:60px;}
.guarantee-bottom a{color:#fff;}

/* ---------- Footer ---------- */
.site-footer{background:#1f1f1f;color:#fff;padding:56px 0 32px}
.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;gap:32px;margin-bottom:40px}
.footer-logo{margin-bottom:52px}
.footer-logo-img{color:white;width:185px}
.footer-logo-img svg{color:white}
.footer-contact{font-size:13px;color:#9aa0a8;margin-bottom:6px}
.footer-mail{color:#fff;font-weight:700;display:block;margin-bottom:50px}
.footer-col h4{font-size:18px;font-weight:800;margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:26px}
.footer-col ul a{color:#eee;font-size:15px}
.footer-col ul a:hover{color:#fff}
.footer-col .single{font-size:18px;font-weight:800;display:block;margin-bottom:28px}
.socials{display:flex;gap:10px;margin-bottom:22px;justify-content:flex-end}
.socials a{width:47px;height:47px;background:#2a2a2a;display:flex;align-items:center;justify-content:center}
.socials svg{width:18px;height:18px}
.subscribe-label{font-size:13px;color:#9aa0a8;margin-bottom:10px;text-align:right}
.subscribe-row{display:flex;gap:8px;margin-bottom:14px}
.subscribe-row input{flex:1;padding:10px 14px;border-radius:20px;border:none;font-family:var(--font);font-size:13px}
.subscribe-row button{background:#3a3a3a;color:#cfcfcf;font-weight:700;font-size:13px;padding:10px 18px;border-radius:4px}
.checks label{display:flex;gap:8px;font-size:11px;color:#9aa0a8;margin-bottom:8px;align-items:flex-start}
.checks input{margin-top:2px}
.checks a{color:#FDF2D5}




.hotline-label{font-size:12px;color:#9aa0a8;margin-bottom:6px}
.hotline{font-size:24px;font-weight:800}
.footer-bottom{display:flex;justify-content:flex-end;gap:24px;flex-wrap:wrap}
.legal-links{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#ddd;text-align:right;margin-top:82px}
.legal-links a:hover{color:#fff}
.footer-address{font-size:12px;color:#ddd;font-weight:600}

/* ---------- Reviews modal ---------- */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:flex-start;justify-content:center;z-index:1000;padding:20px}
.modal-overlay.open{display:flex}
.reviews-modal{background:#edeef0;border-radius:16px;max-width:1100px;width:100%;padding:28px 32px 36px;position:relative}
.reviews-modal h3{font-size:24px;font-weight:800;margin-bottom:22px}
.modal-close{position:absolute;top:18px;right:20px;background:none;line-height:0}
.modal-close svg{width:18px;height:18px}
.rev-viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
.rev-viewport::-webkit-scrollbar{display:none}
.rev-track{display:flex;gap:0}
.review{flex:0 0 33.333%;padding:0 24px;border-left:1px solid #dcdfe4;scroll-snap-align:start}
.review:first-child{border-left:none}
.rev-head{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px}
.rev-meta{font-size:12px;color:#9aa0a8;font-style:italic;margin:6px 0 14px}
.rev-text{font-size:14px;line-height:1.65}
.rev-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#edeef0;box-shadow:0 4px 14px rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}
.rev-nav.prev{left:-12px}
.rev-nav.next{right:-12px}
.rev-nav svg{width:16px;height:16px}


/* ---------- Sticky contact form ---------- */
.contact-widget{position:fixed;right:24px;bottom:24px;z-index:950;background:#f4f5f7;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25);width:400px;max-width:calc(100vw - 32px);padding:30px 28px 26px;text-align:center}
.contact-widget.hidden{display:none}
.contact-widget h3{font-size:20px;font-weight:800;margin-bottom:10px}
.contact-widget p{font-size:14px;color:#9aa0a8;margin-bottom:20px}
.contact-widget input{/*width:100%;*/padding:13px 14px;border:1px solid #e0e3e8;background:white;border-radius:6px;font-family:var(--font);font-size:15px;margin-bottom:14px}
.contact-widget .send-btn{width:100%;background:var(--yellow);color:#111;font-weight:800;font-size:15px;padding:14px;border-radius:6px}

.contact-widget input[type="tel"]{width:100%}

.contact-close{position:absolute;top:14px;right:16px;background:none;line-height:0}
.contact-close svg{width:14px;height:14px}
#contact-widget .checks u{text-decoration: underline; color: var(--dark2); }
#contact-widget .checks {text-align: left;}


/* ---------- Two forms ---------- */
.finderform-bysize.hidden{display:none}
.finderform-bymodel.hidden{display:none}

@media (max-height: 770px) {
  .hero-inner {
    padding: 10px 20px 10px !important;
    }
  .tires {
    padding: 26px 0 10px !important;
  }
  .section-sub {
    margin-bottom: 16px;
  }
}
.errors {margin:20px;font-size:12px;color:red;text-align:left;}
.errors ul li {list-style-type: square; margin-left:20px;}



/* ---------- Mobile ---------- */
@media (max-width:1024px){
  .header-right .btn-yellow{display:none;}
  .cabinet-link{display:none}
  .header-inner{height:56px}
  .header-right .btn-yellow{padding:8px 14px;font-size:13px}
  .burger{display:block}
  .hero{/*background-position:center 30%;*/ background-position: 40% 27%; }
  .hero-inner{grid-template-columns:1fr;padding:0 20px}
  .hero-title{font-size:36px}
  .hero-list {padding-bottom: 10px;}
  .hero-list li .dot{display:inline-block;width:14px;height:14px;border-radius:50%;background:var(--yellow);flex:none;margin-top:6px}
  /*.hero-list li:first-child{width:200px;}*/
  .hero-list li{width:100%;}

  .hero-tire{order:-1}
  .hero-tire img{max-width:320px}
  .hero-badges.desktop-only{display: none;}
  .hero-badges.mobile-only{display:grid;grid-template-columns:1.1fr auto 1fr;padding:12px;gap:8px}
  .badge-text-small{font-size:8px;font-weight:800}
  .hero .finder{border-radius: 0;width:100vw;margin-left:-20px}
  .strip{font-size:20px}
  .section-sub{font-size:13px}
  .tires-scroller{display:flex;overflow-x:auto;gap:18px;padding-bottom:12px;scroll-snap-type:x mandatory}
  .tire-card{flex:0 0 82%;scroll-snap-align:start}
  .tire-bottom{flex-direction:column;}
  .tire-bottom .buy-btn{width:100%}
  .table-wrap.desktop-only{display:none}
  .comparison-scroller.mobile-only{display:flex;overflow-x:auto;gap:18px;padding-bottom:12px;scroll-snap-type:x mandatory}
  .comparison-scroller.mobile-only .table-wrapper{display:flex;width:calc(100vw - 40px);min-width:280px;overflow:hidden;border:1px solid #eee;border-radius:15px;        box-sizing: border-box;}
  .comparison-scroller.mobile-only .compare-table{width: calc(100vw - 170px);min-width: 280px;max-width: 280px;box-sizing: border-box;}
  .comparison-scroller.mobile-only .compare-table td{padding:8px 12px;width:65%;}
  .comparison-scroller.mobile-only .compare-table caption{text-align:left;background:var(--grey);font-size:15px;letter-spacing:1px;text-transform:uppercase;font-weight:800;padding:6px;}
  .guarantee .container h2{text-align: center;}
  .guarantee .container .guarantee-sub{text-align: center;font-size: 13px;max-width:250px; margin:0 auto}
  .steps{grid-template-columns:1fr;width:80%;margin:0 auto}
  .step-head{align-items:center;}
  .step-title{font-size:16px;}
  .step-text{font-size:13px;}
  .vertical-divider{height:1px;width:100%;margin:0 auto}
  .upload-banner{flex-direction:column;align-items:flex-start;margin-top:24px}
  .footer-grid{grid-template-columns:1fr}
  .socials,.subscribe-label{justify-content:flex-start;text-align:left}
  .legal-links{text-align:left}
  .site-footer .container{padding:0 14px}
  .footer-logo-img{width:92%}
  .subscribe-row{flex-wrap: wrap;}
  .subscribe-row input{width:100%}
  .subscribe-row button{width:100%;font-size:17px;}
  .footer-bottom{flex-direction:column}
  .footer-address{display:flex;flex-direction:column}
  .footer-address a:last-child{margin-top:-16px}
  .reviews-modal{padding:22px 18px 30px}
  .review{flex:0 0 100%;padding:0 8px;border-left:none}
  .rev-nav.prev{left:-6px}
  .rev-nav.next{right:-6px}
  .contact-widget{right:16px;bottom:16px; max-height: 33%; }

  .guarantee-bottom{padding-right:10px}
  .guarantee h2{font-size:26px}
  .burger-menu{position:fixed;top:57px;left:-150vw;width:100vw;transition:all.5s ease;display: flex;flex-direction: column; padding: 50px 12px 10px;gap:10px; background-color: #1f1f1f;}
  .burger-menu.open{transform: translateX(150vw);}
  .burger-close{position:absolute;top:0px;right:10px;background-color:transparent;color:var(--yellow);width:40px;height:40px;font-size:40px;}
  .burger-menu a {display: block !important;}

   .hero-more {border:1px solid var(--yellow); padding: 15px;  border-radius: 20px;
    font-weight:800}
   .hero-more-p{height:200px;}
   .hero-more-arrow-mobile {display: initial;}
   .hero-more-arrow-desktop {display: none;}

   .finder-grid {
    display: block;
    }

  .step-head-desktop-only{display: none;}
  .step-head-mobile-only{display: initial;}


  .rev-nav-tires,
  .rev-nav-comparison
    {
      position:absolute; top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;
      background:#edeef0;
    /*box-shadow:0 4px 14px rgba(0,0,0,.15);display:flex;*/
    align-items:center;  justify-content:center
    }

  .rev-nav-tires.prev,
  .rev-nav-comparison.prev{left:-20px}

  .rev-nav-tires.next,
  .rev-nav-comparison.next{right:-10px}

  .rev-nav-tires svg,
  .rev-nav-comparison svg{width:30px;height:30px}

  .tires-nav-scroller,
  .comparison-nav-scroller{position: relative; width: 100%;  margin: 0 auto;}

  .tires .container,
  .comparison .container{padding-left: 10px; padding-right: 0px;}


  .contact-widget-desktop-only{display: none;}
}


/* ---------- Desktop ---------- */
@media (min-width:1025px){
   .hero-more-arrow-mobile {display: none;}
   .hero-more-arrow-desktop {display: initial;}
   .hero-more-p{ display: none; }

   .step-head-desktop-only{display: initial;}
   .step-head-mobile-only{display: none;}

   .rev-nav-tires,
   .rev-nav-comparison {display: none;}
}

/* Popup */

.mfp-wrap {backdrop-filter: blur(3px);}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  width: 80%;
  height:auto;
  min-height: 500px;
  max-width: 900px;
  margin: 60px auto 20px auto;
}

.white-popup.excursions {
	max-width: 600px;
	min-height: 400px;
}
.white-popup.excursions .header {
	text-align:center;
}
.white-popup.excursions .header h1 {
	margin:0 0 50px 0;
}

/* Поиск */
.white-popup.search_popup {
	background: none;
	min-height: 400px;
}

.white-popup.search_popup .content {
	background:none;
	padding:0px 0;
}

.white-popup.search_popup input {
	width:100%!important;
	font-size:22px!important;
	font-weight:300!important;
	color:#FFF!important;
	border-radius:0!important;
	-webkit-box-shadow: 0 0 0 0!important;
	box-shadow: 0 0 0 0!important;
	padding:12px 0px 12px 55px!important;
	border:none!important;
	border-bottom:1px solid rgba(24,50,84, .8)!important;
	min-width:170px!important;
	transition: 0.5s;
	margin:10px 0!important;
	background: none!important;
	background:url('/local/templates/cordiant_2023/images/icons/search_white.png') center left no-repeat!important;
}

.white-popup.search_popup .input_block {
	/*padding:20px;
	position:sticky;
	top:0px;
	opacity:0.7;
	transition: all 0.5s;*/
}

.white-popup.search_popup .mfp-close{
	color:#C5C5C5;
}

.white-popup.search_popup input::placeholder
{
	color:#C5C5C5;
}

.white-popup.search_popup .search_response {
	text-align:left;
	color:#C5C5C5;
	margin-left:0px;
}
.white-popup.search_popup h3 {
	font-size:1.3em;
}

.white-popup.search_popup h3 a {
	color:#fff;
	text-decoration:underline;
	margin-bottom:0px;
}

.white-popup.search_popup mark {
    background: none;
    color: #FF8040;
    padding:0px 0;
}

.white-popup.search_popup .search__dropdown-group-links {

}

.white-popup.search_popup .search__dropdown-group-title{
	color:#FFF;
	padding:0 0 3px 0;
	font-weight:300;
	margin-top:30px;
}
.white-popup.search_popup .search__dropdown-group-link {
    display:block;
	color:#B0B0B0;
	padding:0 0 3px 0;
	font-weight:300;
	padding-left:30px;
}
.white-popup.search_popup .search__dropdown-group-title:hover,
.white-popup.search_popup .search__dropdown-group-link:hover {
	text-shadow: 0px 0px 5px #fff;
}

.white-popup .content{
  	margin:0px 0 0px 0;
  	/*font-size:1.2em;*/
  	line-height:1.5em;
}

.white-popup .sub_header {font-size:14px;color:#a9adb2;font-style:italic;margin:20px 0px 20px 0px;line-height:1.5em;}
.white-popup .sub_response {line-height:1.5em;}
.mfp-bg {opacity:0.9!important;transition:all 1s;}
.mfp-wrap {
    backdrop-filter: blur(5px);
}

/* Popup animation */
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px); }

.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0); }

.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
          transform: translateY(25px);
  opacity: 0; }

.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0; }

@media (max-width: 755px){

	.white-popup {
	  position: relative;
	  background: #FFF;
	  padding: 20px;
	  width: 100%;
	  height:auto;
	  min-height: 500px;
	  margin: 0px auto;
	}
	.full_bg.blur {position:fixed;}
}

@media (max-width: 425px){
	.search_but {display:none;}
}