*{font-family: RobotoRegular;}

@font-face {
	font-family: RobotoMedium;
	src: url("../fonts/Roboto-Medium.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
@font-face {
	font-family: RobotoBold;
	src: url("../fonts/Roboto-Bold.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }

@font-face {
	font-family: RobotoRegular;
	src: url("../fonts/Roboto-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }

@font-face {
	font-family: Roboto;
	src: url("../fonts/Roboto-Black.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}


    .popup-accepted {
        width: 100vw;
        height: 100vh;
        position: fixed;
        background: rgba(0, 0, 0, 0.6);
        z-index: 999;
    }

    .popup-block {
        position: fixed;
        background: white;
        width: 200px;
        height: 200px;
        left: calc(50vw - 100px);
        top: calc(50vh - 100px);
        opacity: 1;
        z-index: 1000;
    }
#pay-count{width: fit-content;   margin: 0 auto!important; margin-bottom: 5px!important; font-family: RobotoRegular;}
.popup-accepted{display: none;}
.feedback_phone_container .checkbox-label{background-image: url('images/links/phone_link.png')!important;}
.feedback_telegram_container .checkbox-label{background-image: url('images/links/telegram_link.png')!important;}
.feedback_whatsapp_container .checkbox-label{background-image: url('images/links/whatsapp_link.png')!important;}
.feedback_viber_container .checkbox-label{background-image: url('images/links/viber_link.png')!important;}
.feedback_phone_container .checkbox-custom:checked + .checkbox-label{background-image: url('images/links/phone_link.png')!important;}
.feedback_telegram_container .checkbox-custom:checked + .checkbox-label{background-image: url('images/links/telegram_link.png')!important;}
.feedback_whatsapp_container .checkbox-custom:checked + .checkbox-label{background-image: url('images/links/whatsapp_link.png')!important;}
.feedback_viber_container .checkbox-custom:checked + .checkbox-label{background-image: url('images/links/viber_link.png')!important;}

body{margin: 0;}
ul {list-style-type:  none;}
#toggle-menu{display: none;}

#header_menu{display: none;}
.menu-icon{display: none;}
section{padding: 0 312px;}
header{padding: 0 312px;}
header nav{width: 100%; justify-content: space-between}
nav ul{display: flex; padding: 31px 0; gap: 20px; margin-left: 189px;}
.feedback-phone{display: flex; padding: 48px 0;}

main{margin: 0;}
.lombard-logo{
background: url(../images/new_logo.svg) no-repeat 0 0;
color: #f6f6f6;
text-decoration: none;
text-indent: -9999px;
height: 70px;
width: 229px;
margin: auto;
}

.main_block{height: 609px; background-image: url('/images/main_block_lom.jpg'); background-size: contain; background-repeat: no-repeat;}
.price_block{height: 844px; background-color: #44308f; background-size: cover; background-repeat: no-repeat;}

.main_block h2{margin: 0;}
.main_block p{background: #f8e000; width: 540px; height: 64px; text-align: center; vertical-align: middle; display: table-cell; font-family: RobotoRegular; font-size: 24px;}
.rates_block h2{margin: 0 auto 32px auto; width: 110px;}
.main_block-container button{margin-top: 30px; width: 182px; height: 40px; border: 1px solid #f8e000; border-radius: 100px; background: #44308f; color: white; font-family: RobotoMedium; font-size: 14px;}
.main_block-container p{border-radius: 12px;}

.rates_block ul{display: flex; margin: 0; justify-content: space-between}

.rates_block ul li{border: 1px solid black; border-radius: 12px; gap: 20px; width: 282px; height: 220px;}
.rates_block ul li h3{background: #44308f; padding: 10px 10px; margin: 0; color: white; border-radius: 10px 10px 0 0;}

.price_block h2{width: 70px; margin: 0 auto;}

.price_container{display: flex; justify-content: space-between;}

.price_container-gold{width: 630px; height: 576px;}
.price_container-silver{width: 630px; height: 368px;}

.price_block h2{color: white;}

.main_block-container{padding-top: 171px;}
.main_block-container h2{color: white; font-family: RobotoBold; font-size: 45px; margin-bottom: 30px;}


.rates-all_region{padding: 0 30px 36px 30px;}
.rates-rostov{padding: 0 189px}
.rates_block{padding: 100px 312px;}


.rates_block h2{font-family: RobotoRegular; font-size: 28px;}

.rates_block ul li h3{font-family: RobotoRegular; font-size: 22px; padding: 16px;}

.rates-all_region li div{display: grid; gap: 8px; padding: 16px 16px 36px 16px}
.rates-all_region li div h4{margin: 0; font-family: RobotoRegular; font-size: 22px;}
.rates-all_region li div span{font-family: RobotoRegular; font-size: 16px;}
.rates-all_region li div p{margin: 0; font-family: RobotoRegular; font-size: 14px;}

.rates-rostov li div{display: grid; gap: 8px; padding: 16px 16px 36px 16px}
.rates-rostov li div h4{margin: 0; font-family: RobotoRegular; font-size: 22px;}
.rates-rostov li div span{font-family: RobotoRegular; font-size: 16px;}
.rates-rostov li div p{margin: 0; font-family: RobotoRegular; font-size: 14px;}

.price_container-gold{background-color: #ebe3bd; border-radius: 12px}
.price_container-silver{background-color: #e8e2d0; border-radius: 12px}

.price_container-gold{font-family: RobotoRegular; font-size: 24px; color: #201c00; }
.price_container-silver{font-family: RobotoRegular; font-size: 24px; color: #201c00; }

.price_block h2{padding: 100px 0 32px 0; font-family: RobotoRegular; font-size: 28px;}
.price_container-gold h3{margin: 0 auto; width: 115px; height: 30px;}
.price_container-silver h3{margin: 0 auto; width: 128px; height: 30px;}

.price_container-gold ul{display: grid; gap: 4px;}
.price_container-silver ul{display: grid; gap: 4px;}

.price_container-gold ul li{height: 48px; background: #fff9e9; display: flex; justify-content: space-between; padding: 0 16px;}
.price_container-silver ul li{height: 48px; background: #fff9e9; display: flex; justify-content: space-between; padding: 0 16px;}

.price_container-gold ul li span{display: flex; margin: auto 0;}
.price_container-silver ul li span{display: flex; margin: auto 0;}

.container-gold_wrapper{padding: 32px;}
.container-silver_wrapper{padding: 32px;}

.price_container-gold ul{padding: 0;}
.price_container-silver ul{padding: 0;}


header{background: #44308f; display: flex;}
header nav{display: flex;}
nav ul{display: flex;}
ul li a{color: white; text-decoration: none; font-family: RobotoMedium;}
.feedback-phone{color: white; text-decoration: none; font-family: RobotoMedium;}
.feedback-phone::before{content: url('images/phone-ico.svg'); padding-right: 10px}


.lombard-calculator-container h3{width: 331px; margin: 0 auto; font-family: RobotoRegular; text-align: center; font-size: 28px;}

#evaluation_form{width: 596px; margin: 0 auto;}


.evaluation-select_down-block{margin-bottom: 24px;}
.product_weight{margin-bottom: 24px;}
.insert_weight{margin-bottom: 24px;}


.evaluation-select_down-block{display: flex; justify-content: space-between;}
.evaluation-select_upper-block{display: flex; justify-content: space-between;}
.user_about-upper_block{display: flex; justify-content: space-between;}
.user_about-middle_block{display: flex; justify-content: space-between;}
.lombard-calculator button{width: 253px;   height: 40px;   border: none;   background: #F8E000;   border-radius: 100px;   font-family: RobotoMedium;   font-size: 14px; }
select{width: 283px;
  height: 40px;
  border-radius: 100px;
  border: 1px solid #CCC6B5;
  background: #fff; padding: 0 12px;}
.evaluation-select_upper-block p{margin: 0; margin-bottom: 6px; font-family: RobotoRegular; font-size: 14px; color: #645f41}
.evaluation-select_down-block p{margin: 0; margin-bottom: 6px; font-family: RobotoRegular; font-size: 14px; color: #645f41}
input{width: 100%;
  height: 40px;
  border-radius: 100px;
  border: 1px solid #CCC6B5;
  background: #fff;
}
.evaluation-select_upper-block{margin-bottom: 24px;}
#evaluation_form p {
  margin: 0;
}

.evaluatuion_day-block{margin-bottom: 24px;}

input{padding: 0;}

.user_about-upper_block div{width: 281px;}
.user_about-middle_block div {width: 281px;}
#user-last_name{width: 284px;}
.feedback-container{display: flex; justify-content: space-between;}




input{
width: calc(100% - 20px);
  height: 40px;
  border-radius: 100px;
  border: 1px solid #CCC6B5;
  background: #fff;
  padding: 0 20px;
  padding: 0 0 0 20px;}

.lombard-faq{height: 805px; background-color: #44308f;}
.lombard-adresses{height: 574px;}
footer{height: 408px; background: #44308f; color: white; padding: 0 312px;}




.footer_container{display: flex;}
.lombard-logo_footer{
background: url(../images/new_logo.svg) no-repeat 0 0;
  color: #f6f6f6;
  text-decoration: none;
  text-indent: -9999px;
  height: 70px;
  width: 229px;

}

/*generated with Input range slider CSS style generator (version 20211225)
https://toughengineer.github.io/demo/slider-styler*/
input[type=range].styled-slider {
  height: 2em;
  -webkit-appearance: none;
}

/*progress support*/
input[type=range].styled-slider.slider-progress {
  --range: calc(var(--max) - var(--min));
  --ratio: calc((var(--value) - var(--min)) / var(--range));
  --sx: calc(0.5 * 2em + var(--ratio) * (100% - 2em));
}

input[type=range].styled-slider:focus {
  outline: none;
}

/*webkit*/
input[type=range].styled-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background: #44308f;
  border: none;
  box-shadow: 0 0 2px black;
  margin-top: calc(1em * 0.5 - 2em * 0.5);
}

input[type=range].styled-slider::-webkit-slider-runnable-track {
  height: 5px;
  border: none;
  border-radius: 0.5em;
  background: #efefef;
  box-shadow: none;
}

input[type=range].styled-slider::-webkit-slider-thumb:hover {
  background: #44308f;
}

input[type=range].styled-slider:hover::-webkit-slider-runnable-track {
  background: #efefef;
}

input[type=range].styled-slider::-webkit-slider-thumb:active {
  background: #44308f;
}

input[type=range].styled-slider:active::-webkit-slider-runnable-track {
  background: #efefef;
}

input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track {
  background: linear-gradient(#f8e000,#f8e000) 0/var(--sx) 100% no-repeat, #efefef;
}

input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track {
  background: linear-gradient(#f8e000,#f8e000) 0/var(--sx) 100% no-repeat, #efefef;
}

input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track {
  background: linear-gradient(#f8e000,#f8e000) 0/var(--sx) 100% no-repeat, #efefef;
}

/*mozilla*/
input[type=range].styled-slider::-moz-range-thumb {
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background: #44308f;
  border: none;
  box-shadow: 0 0 2px black;
}

input[type=range].styled-slider::-moz-range-track {
  height: 5px;
  border: none;
  border-radius: 0.5em;
  background: #efefef;
  box-shadow: none;
}

input[type=range].styled-slider::-moz-range-thumb:hover {
  background: #44308f;
}

input[type=range].styled-slider:hover::-moz-range-track {
  background: #efefef;
}

input[type=range].styled-slider::-moz-range-thumb:active {
  background: #44308f;
}

input[type=range].styled-slider:active::-moz-range-track {
  background: #efefef;
}

input[type=range].styled-slider.slider-progress::-moz-range-track {
  background: linear-gradient(#f8e000,#f8e000) 0/var(--sx) 100% no-repeat, #efefef;
}

input[type=range].styled-slider.slider-progress:hover::-moz-range-track {
  background: linear-gradient(#f8e000,#f8e000) 0/var(--sx) 100% no-repeat, #efefef;
}

input[type=range].styled-slider.slider-progress:active::-moz-range-track {
  background: linear-gradient(#f8e000,#f8e000) 0/var(--sx) 100% no-repeat, #efefef;
}

/*ms*/
input[type=range].styled-slider::-ms-fill-upper {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-fill-lower {
  background: transparent;
  border-color: transparent;
}

input[type=range].styled-slider::-ms-thumb {
  width: 2em;
  height: 2em;
  border-radius: 1em;
  background: #44308f;
  border: none;
  box-shadow: 0 0 2px black;
  margin-top: 0;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-track {
  height: 1em;
  border-radius: 0.5em;
  background: #efefef;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
}

input[type=range].styled-slider::-ms-thumb:hover {
  background: #44308f;
}

input[type=range].styled-slider:hover::-ms-track {
  background: #efefef;
}

input[type=range].styled-slider::-ms-thumb:active {
  background: #44308f;
}

input[type=range].styled-slider:active::-ms-track {
  background: #efefef;
}

input[type=range].styled-slider.slider-progress::-ms-fill-lower {
  height: 1em;
  border-radius: 0.5em 0 0 0.5em;
  margin: -undefined 0 -undefined -undefined;
  background: #f8e000;
  border: none;
  border-right-width: 0;
}

input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower {
  background: #f8e000;
}

input[type=range].styled-slider.slider-progress:active::-ms-fill-lower {
  background: #f8e000;
}
.block_separator{background-color: #CCC6B5; height: 2px; width: 568px; margin: 0 auto; margin-bottom: 16px;}
#day_slider{padding: 0 10px;}
#sliderValue{width: 102px; margin: 0 auto 16px auto;}
.user_about-upper_block{margin-bottom: 16px;}
.user_about-middle_block{margin-bottom: 16px;}
.comments{margin-bottom: 16px;}
#range{padding: 0 10px;}

footer{padding: 80px 312px; height: 248px;}
.footer_container ul{display: grid; gap: 8px; padding: 0;}
.footer_container ul li a{font-family: RobotoRegular; font-size: 16px;}
.footer_container ul p{font-family: RobotoRegular; font-size: 16px;}
.lombard-logo_footer{width: 203px;}
.footer-right-block{width: 301px;}
.footer_container ul li{height: 20px;}

.lombard-adresses h3{color: black; font-size: 28px; font-family: RobotoRegular;}

@media(min-width: 1440px) and (max-width: 1919px){
section{padding: 0 72px;}
.lombard-logo{flex-shrink: 0;}
.rates_block{padding: 100px 102px;}
.lombard-faq{padding: 100px 102px!important;}
.lombard-adresses{padding: 100px 102px!important;}
footer{padding: 80px 102px;}
header{padding: 0 102px;}
}
@media(min-width: 1024px) and (max-width: 1439px){
section{padding: 0 50px;}
ul li a{font-size: 14px;}
.lombard-logo{flex-shrink: 0;}
.rates_block{padding: 100px 50px;}
.lombard-faq{padding: 100px 50px!important;}
.lombard-adresses{padding: 100px 50px!important;}
footer{padding: 80px 50px;}
header{padding: 0 50px; gap: 24px;}
.rates-all_region{padding: 0px; margin-bottom: 36px!important;}
.rates-all_region li{width: 206px!important;}
.rates-rostov{padding: 0;}
.rates-rostov li{width: 206px!important;}
.rates_block ul{justify-content: space-around;}
.price_container-gold{width: 444px!important;}
.price_container-silver{width: 444px;}
.calculate_block{padding: 48px 50px!important;}
.lombard-faq_left-block {width: 707px !important;}
.city_block{width: 289px!important;}
.checkbox-toogle:checked + .label-toogle + .city_info{width: 288px!important;}
nav ul{margin-left: 0;}
.footer_container{position: relative; display: block; width: 924px!important; margin: 0 auto!important;}
.footer-left-block{position: absolute;   top: 0;   left: 320px;   margin: 0;}
.footer-right-block{position: absolute;   top: 0;   left: 640px;   margin: 0; }
.footer-left-block{gap: 24px;}
.footer-contacts-block{position: absolute;   left: 640px;   top: 130px;}
}
@media(min-width: 768px) and (max-width: 1023px){
section{padding: 0 50px;}
.lombard-logo{flex-shrink: 0;}
.rates_block{padding: 100px 50px;}
.lombard-faq{padding: 100px 50px!important;}
.lombard-adresses{padding: 100px 50px!important;}
footer{padding: 80px 50px;}
header{padding: 0 50px;}
.rates-all_region{padding: 0px; margin-bottom: 36px!important;}
.rates-all_region li{width: 206px!important;}
.rates-rostov{padding: 0;}
.rates-rostov li{width: 206px!important;}
.rates_block ul{justify-content: space-around;}
.price_container-gold{width: 444px!important;}
.price_container-silver{width: 444px;}
.calculate_block{padding: 48px 50px!important;}
.lombard-faq_left-block{width: 485px!important;}
.city_block{width: 289px!important;}
.checkbox-toogle:checked + .label-toogle + .city_info{width: 288px!important;}
nav ul{margin-left: 0;}
.footer_container{position: relative; display: block; width: 924px!important; margin: 0 auto!important;}
.footer-left-block{position: absolute;   top: 0;   left: 320px;   margin: 0;}
.footer-right-block{position: absolute;   top: 0;   left: 640px;   margin: 0; }
.footer-left-block{gap: 24px;}
.footer-contacts-block{position: absolute;   left: 640px;   top: 130px;}

nav ul{display: none;}
.feedback-phone{display: none;}
#toggle-menu{display: block;}
.lombard-logo{margin: 0;}
header nav{width: 44px;}
header{justify-content: space-between; padding: 24px 50px; position: fixed; width: calc(100% - 100px);; z-index: 9999;}
nav ul{position: absolute;
  background: #44308f;
  width: 100vw;
  left: 0;
  top: 80px;}
.menu-icon{display: block; background: url('images/menu-switch.svg');   width: 24px;   height: 24px;}
#toggle-menu{display: none;}
header nav{width: 24px; height: 24px; display: flex; align-items: center; margin: auto 0;}
.menu-icon{margin-top: 12px; cursor: pointer;}
nav ul{gap: 8px; text-align: center;}
nav ul li:last-child{display: block!important;}
.rates_block{padding: 100px 10px!important}
.rates_block ul{justify-content: space-around;}
.rates_block ul li{width: 175px !important;}
.price_container{display: block;}
.price_container-gold{margin: 0 auto; width: 100%!important; margin-bottom: 20px;}
.price_container-silver{margin: 0 auto; width: 100%!important}
.price_block{height: 1200px;}
.lombard-faq_block{display: block!important;}
.lombard-faq_left-block{width: 100%!important;}
.lombard-faq_right-block{width: 100%!important;}
.lombard-faq{height: 940px!important;}
.lombard-faq_right-block{width: 70%!important; margin: 0 auto;}
.info__headline{width: 100vw!important;}
.lombard-adresses{height: inherit;}
.footer-left-block{left: inherit; top: 80px;}
.footer-contacts-block {     position: absolute;     left: 280px;     top: 0;     display: flex !important;   } 
.footer-right-block{position: absolute;
  left: 400px;
  top: 120px;}
.footer_container{width: 100%!important;}
.footer_container ul{width: 330px;}
.footer-contacts-block{width: 620px!important;}
.footer-contacts-block p:nth-child(2){position: absolute; top: 28px;}
.footer-contacts-block p:nth-child(3){position: absolute; left: 250px;}
.footer-contacts-block{width: 100px!important;}
.footer_container{width: 680px!important;}
.info__body{width: 100%!important;}
}

@media(min-width: 480px) and (max-width: 767px){
section{padding: 0 50px;}
.lombard-logo{flex-shrink: 0;}
.rates_block{padding: 100px 50px;}
.lombard-faq{padding: 100px 50px!important;}
.lombard-adresses{padding: 100px 50px!important;}
footer{padding: 60px 40px;}
header{padding: 0 50px;}
.rates-all_region{padding: 0px; margin-bottom: 36px!important;}
.rates-all_region li{width: 206px!important;}
.rates-rostov{padding: 0;}
.rates-rostov li{width: 206px!important;}
.rates_block ul{justify-content: space-around;}
.price_container-gold{width: 444px!important;}
.price_container-silver{width: 444px;}
.calculate_block{padding: 48px 50px!important;}
.lombard-faq_left-block{width: 485px!important;}
.city_block{width: 289px!important;}
.checkbox-toogle:checked + .label-toogle + .city_info{width: 288px!important;}
nav ul{margin-left: 0;}

nav ul{display: none;}
.feedback-phone{display: none;}
#toggle-menu{display: block;}
.lombard-logo{margin: 0;}
header nav{width: 44px;}
header{justify-content: space-between; padding: 24px 50px; position: fixed; width: calc(100% - 100px);; z-index: 9999;}
nav ul{position: absolute;
  background: #44308f;
  width: 100vw;
  left: 0;
  top: 80px;}
header nav{margin: auto 0; display: flex; align-items: center;}
.menu-icon{display: block; background: url('images/menu-switch.svg');   width: 24px;   height: 24px;}
#toggle-menu{display: none;}
header nav{width: 24px; height: 24px; align-items: center; margin: auto 0;}
.menu-icon{margin-top: 12px; cursor: pointer;}
nav ul{gap: 8px; text-align: center;}
nav ul li:last-child{display: block!important;}
.rates_block{padding: 100px 10px!important}
.rates_block ul{justify-content: space-around;}
.rates_block ul li{width: 175px !important;}
.price_container{display: block;}
.price_container-gold{margin: 0 auto; width: 100%!important; margin-bottom: 20px;}
.price_container-silver{margin: 0 auto; width: 100%!important}
.price_block{height: 1200px;}
.lombard-faq_block{display: block!important;}
.lombard-faq_left-block{width: 100%!important;}
.lombard-faq_right-block{width: 100%!important;}
.lombard-faq{height: 940px!important;}
.lombard-faq_right-block{width: 70%!important; margin: 0 auto;}
.info__headline{width: 100vw!important;}
.lombard-adresses{height: inherit;}
.lombard-logo{width: 173px; height: 52px;}
.menu-icon{margin-top: 4px;}
.main_block-container h2{font-size: 32px;}
.main_block p{font-size: 22px; width: 400px; text-align: left; padding-left: 32px;}
.rates-all_region{display: block!important;}
.rates-all_region li{margin: 0 auto; margin-bottom: 10px;}
.rates_block ul li{width: 225px!important;}
.rates-rostov{display: block!important;}
.rates-rostov li{margin: 0 auto; margin-bottom: 10px;}
.price_block h2{width: 100px;}
.lombard-logo{background-size: contain;}
#evaluation_form{width: 400px!important;}
.evaluation-select_upper-block{width: 100%; display: block; margin: 0 auto;}
#evaluation_form p{text-align: center;}
#evaluation_form select{width: 100%!important}
.evaluation-select_upper-block div{margin-bottom: 12px;}
.evaluation-select_down-block{display: block;}
.evaluation-select_down-block div{margin-bottom: 12px;}
.user_about-upper_block select{width: 100%!important}
.user_about-upper_block div{width: 100%; margin-bottom: 12px;}
.user_about-upper_block{display: block!important;}

.user_about-middle_block select{width: 100%!important}
.user_about-middle_block div{width: 100%; margin-bottom: 12px;}
.user_about-middle_block{display: block!important;}
.user_about p {   margin-bottom: 2px !important; } 
.footer_container{width: 100%!important; display: grid!important;}
.footer-left-block{position: inherit!important;}
.footer-right-block{position: inherit!important;}
.footer-contacts-block{position: inherit!important;}
footer{height: inherit!important}
.block_separator{width: 90%!important}
.lombard-logo_footer{margin: 0 auto;}
.footer_container{gap: 8px!important; text-align: center;}
.footer-left-block{display: grid; gap: 12px;}
.info__body{width: 100%!important;}
}
.user_about{color: #000!important}
@media(max-width: 479px){
section{padding: 0 50px;}
.lombard-logo{flex-shrink: 0;}
.rates_block{padding: 100px 50px;}
.lombard-faq{padding: 100px 50px!important;}
.lombard-adresses{padding: 100px 50px!important;}
footer{padding: 60px 40px;}
header{padding: 0 50px;}
.rates-all_region{padding: 0px; margin-bottom: 36px!important;}
.rates-all_region li{width: 206px!important;}
.rates-rostov{padding: 0;}
.rates-rostov li{width: 206px!important;}
.rates_block ul{justify-content: space-around;}
.price_container-gold{width: 444px!important;}
.price_container-silver{width: 444px;}
.calculate_block{padding: 48px 50px!important;}
.lombard-faq_left-block{width: 485px!important;}
.city_block{width: 289px!important;}
.checkbox-toogle:checked + .label-toogle + .city_info{width: 288px!important;}
nav ul{margin-left: 0;}

nav ul{display: none;}
.feedback-phone{display: none;}
#toggle-menu{display: block;}
.lombard-logo{margin: 0;}
header nav{width: 44px;}
header{justify-content: space-between; padding: 24px 50px; position: fixed; width: calc(100% - 100px);; z-index: 9999;}
nav ul{position: absolute; background: #44308f; width: 100vw; left: 0; top: 60px; line-height: 1.5;}
.menu-icon{display: block; background: url('images/menu-switch.svg');   width: 24px;   height: 24px;}
#toggle-menu{display: none;}
header nav{width: 24px; height: 24px;}
.menu-icon{margin-top: 12px; cursor: pointer;}
nav ul{gap: 8px; text-align: center;}
nav ul li:last-child{display: block!important;}
.rates_block{padding: 100px 10px!important}
.rates_block ul{justify-content: space-around;}
.rates_block ul li{width: 175px !important;}
.price_container{display: block;}
.price_container-gold{margin: 0 auto; width: 100%!important; margin-bottom: 20px;}
.price_container-silver{margin: 0 auto; width: 100%!important}
.price_block{height: 1200px;}
.lombard-faq_block{display: block!important;}
.lombard-faq_left-block{width: 100%!important;}
.lombard-faq_right-block{width: 100%!important;}
.lombard-faq{height: 940px!important;}
.lombard-faq_right-block{width: 70%!important; margin: 0 auto;}
.info__headline{width: 100vw!important;}
.lombard-adresses{height: inherit;}
.lombard-logo{width: 120px; height: 30px;}
.menu-icon{margin-top: 4px;}
.main_block-container h2{font-size: 32px;}
.main_block p{font-size: 22px; width: 400px; text-align: left; padding-left: 32px;}
.rates-all_region{display: block!important;}
.rates-all_region li{margin: 0 auto; margin-bottom: 10px;}
.rates_block ul li{width: 225px!important;}
.rates-rostov{display: block!important;}
.rates-rostov li{margin: 0 auto; margin-bottom: 10px;}
.price_block h2{width: 100px;}
.lombard-logo{background-size: contain;}
#evaluation_form{width: 400px!important;}
.evaluation-select_upper-block{width: 100%; display: block; margin: 0 auto;}
#evaluation_form p{text-align: center;}
#evaluation_form select{width: 100%!important}
.evaluation-select_upper-block div{margin-bottom: 12px;}
.evaluation-select_down-block{display: block;}
.evaluation-select_down-block div{margin-bottom: 12px;}
.user_about-upper_block select{width: 100%!important}
.user_about-upper_block div{width: 100%; margin-bottom: 12px;}
.user_about-upper_block{display: block!important;}

.user_about-middle_block select{width: 100%!important}
.user_about-middle_block div{width: 100%; margin-bottom: 12px;}
.user_about-middle_block{display: block!important;}
.user_about p {   margin-bottom: 2px !important; } 
.footer_container{width: 100%!important; display: grid!important;}
.footer-left-block{position: inherit!important;}
.footer-right-block{position: inherit!important;}
.footer-contacts-block{position: inherit!important;}
footer{height: inherit!important}
.block_separator{width: 90%!important}
.lombard-logo_footer{margin: 0 auto;}
.footer_container{gap: 8px!important; text-align: center;}
.footer-left-block{display: grid; gap: 12px;}





.price_block h2{padding: 20px 0!important;}
section{padding: 0 10px!important;}
.price_container-gold{font-size: 16px!important;}
.price_container-silver{font-size: 16px!important;}
.lombard-calculator-container h3{width: 100%!important;}
#evaluation_form{width: 250px!important;}
.feedback-container{display: block!important;}
.feedback-container div div{margin: 0 auto; margin-bottom: 10px;}
.lombard-faq{height: 100%!important;}
.lombard-faq{padding: 100px 20px !important;}
.lombard-faq_right-block{width: 100%!important;}
.info__body{width: 100%!important;}
.feedback-container div{margin: 0 auto; margin-top: 10px; margin-bottom: 10px; }
}





@media(min-width: 1024px){
 .popup-block{
  position: fixed;
  background: white;
  left: calc(50vw - 292px);
  top: calc(50vh - 144px);
  opacity: 1;
  z-index: 1000;
  width: 584px;
  height: 288px;
  border-radius: 12px;
 }
.popup-block img{margin: 0 auto;   left: 252px;   position: absolute;   top: 42px; }
.popup-text_block{
position: absolute;
  top: 136px;
  margin: 0 auto;
  width: 100%;
  text-align: center;}
.popup-text_block p{margin-bottom: 8px; color: #201c00; font-family: RobotoMedium; font-size: 32px;}
.popup-text_block span{color: #201c00; font-family: RobotoRegular; font-size: 24px;}
.popup-text_block p{margin-top: 0;}


}
@media(max-width: 1023px){

 .popup-block{
  position: fixed;
  background: white;
  left: calc(50vw - 139px);
  top: calc(50vh - 114px);
  opacity: 1;
  z-index: 1000;
  width: 279px;
  height: 228px;
  border-radius: 12px;
 }
.popup-block img{margin: 0 auto;   left: 96px;   position: absolute;   top: 23px; }
.popup-text_block{
position: absolute;
  top: 108px;
  margin: 0 auto;
  width: 100%;
  text-align: center;}
.popup-text_block p{margin-bottom: 8px; color: #201c00; font-family: RobotoMedium; font-size: 22px; margin: 0 auto; width: 150px;}
.popup-text_block span{color: #201c00; font-family: RobotoRegular; font-size: 16px;}
.popup-text_block p{margin-top: 0;}


}

.info__body ul li{background: #fff9e9;   color: black;   font-size: 14px;   font-family: RobotoRegular;   padding: 5px; }
.info__body ul{padding: 6px;}
.lombard-faq{height: 100%!important;}

@media(max-width: 1024px){
nav ul{line-height: 1.5;}
}

.rates-all_region li div h4{color: #44308f;}
.feedback_phone_container:hover{}
.feedback-container div{}
.feedback_phone_container:hover, feedback_telegram_container:hover, .feedback_whatsapp_container:hover, .feedback_viber_container:hover{width: 96px!important; height: 96px!important;}
.feedback_container_list div{cursor: pointer;}
#evaluation_form p {
  margin-bottom: 4px;
}
#evaluation_form{font-family: RobotoRegular;}
#sliderValue{font-size: 12px;}
.feedback-container div{cursor: pointer;  transition: 0.3s ease;}
.feedback-container div:hover{box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); transition: 0.3s ease;}
a, button{transition: 0.3s ease;}
a:hover, button:hover{transition: 0.3s ease;}