* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/static/Roboto-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/static/Roboto-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/static/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/static/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/static/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/static/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url('fonts/Roboto/static/Roboto-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

body {
  font-family: 'Roboto', sans-serif;
  color:#313132;
  background-color:#f6f7f7;
}

p {
  font-size: 1.2rem;
}

.logo {
    height:30px;
    width:109px;
}

.social {
    height:36px;
    width:100%;
}

.firstscreen_background {
	background-image: url("../assets/images/dolmatovo_sklad_bg.jpg");
	background-size: cover;
	background-position: center center;
  min-height:100vh;
  color:#fff;
}

.firstscreen_presentation {
	width:140px;
}

.firstscreen_background_dark {
background-image: url("../assets/images/bg.png");
min-height:100vh;
}

.firstscreen_h1 {
font-size: 1.6rem;
font-weight: 900;
}

.bf {
  font-size: 3rem;
}

.firstscreen_big_font {
font-size: 1.5rem;
font-weight: 600;
}

/*Планшет:*/
@media (min-width: 768px) {
.firstscreen_h1 {
	font-size: 2.9rem;
  font-weight: 900;
}

.firstscreen_big_font {
	font-size: 2rem;
  font-weight: 600;
}

.bf {
  font-size: 7.1rem;
}
}


.firstscreen_presentation_block {
/*background-color: #26347633;*/
background-color: #0f19479e;
background-position: center center;
border: 1px solid #ffffff94;
-webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
}

.firstscreen_btn_prezentation {
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fade;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
  }

  .firstscreen_btn_prezentation_modal {
  --bs-btn-color:#ffffff;
  --bs-btn-bg:#65a1dcde;
  --bs-btn-border-color:#65a1dc;
  --bs-btn-hover-color:#ffffff;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#65a1dc;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#65a1dcfc;
  --bs-btn-active-border-color:#65a1dc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  }

  .firstscreen_btn_prezentation_wa {
  --bs-btn-bg:#24d3678e;
  --bs-btn-color:#fff;
  --bs-btn-border-color:#24d367ee;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#22c661;
  --bs-btn-hover-border-color:#24D366;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#21b65a;
  --bs-btn-active-border-color:#24D366;
  }

  .firstscreen_btn_prezentation_wa_modal {
  --bs-btn-bg:#24d367e8;
  --bs-btn-color:#fff;
  --bs-btn-border-color:#24d367;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#22c661;
  --bs-btn-hover-border-color:#24D366;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#21b65a;
  --bs-btn-active-border-color:#24D366;
  }

  .firstscreen_btn_prezentation_telegram {
  --bs-btn-bg:#28a9e97f;
  --bs-btn-color:#fff;
  --bs-btn-border-color:#28a9e9d0;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#1a9ee0;
  --bs-btn-hover-border-color:#28A8E9;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#1980b3;
  --bs-btn-active-border-color:#28A8E9;
  }

  .firstscreen_btn_prezentation_telegram_modal {
  --bs-btn-bg:#28a9e9f3;
  --bs-btn-color:#fff;
  --bs-btn-border-color:#28a9e9;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#1a9ee0;
  --bs-btn-hover-border-color:#28A8E9;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#1980b3;
  --bs-btn-active-border-color:#28A8E9;
  }

.btn_gold {
  /*--bs-btn-color:#fff;
  --bs-btn-bg:#d6b281;*/
  --bs-btn-color:#333;
  --bs-btn-bg:#fbd92c;
  --bs-btn-border-color:#f8d730;
  --bs-btn-hover-color:#333;
  --bs-btn-hover-bg:#e1c32a;
  --bs-btn-hover-border-color:#e1c32a;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#333;
  --bs-btn-active-bg:#e3c324;
  --bs-btn-active-border-color:#fbd92c;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
  }  

.btn_gold_outline {
  /*--bs-btn-color:#fff;
  --bs-btn-bg:#d6b281;*/
  --bs-btn-color:#333;
  --bs-btn-bg:#f6f7f7;
  --bs-btn-border-color:#fbd92c;
  --bs-btn-hover-color:#333;
  --bs-btn-hover-bg:#fbd82c20;
  --bs-btn-hover-border-color:#e1c32a;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#333;
  --bs-btn-active-bg:#fbd82c37;
  --bs-btn-active-border-color:#fbd92c;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
  }  

.btn_blue {
  --bs-btn-color:#fff;
  --bs-btn-bg:#3d44a6;
  --bs-btn-border-color:##db281;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
  }    

  .pointer {
    cursor: pointer;
  }

  .fs-12 {
    font-size:1.2rem;
  }

  .fs-13 {
    font-size:1.1rem;
  }

  .fs-14 {
    font-size:1.4rem;
  }

  .fs-15 {
    font-size:1.5rem;
  }

  .fw700 {
    font-weight:700;
  }

.modal-header {
border-bottom: none;
}

.cookie_text {
color: #ffffffa7;
font-size: 12px;
line-height: 1.1;
max-width: 990px;
text-align: left;
}

.br {
  border-radius: 25px;
  overflow: hidden;
}

.grey_background {
  background:#e2e8f0;
}  

 .btn{
  padding: 0.6rem 1.2rem;
  border-radius: 33px;
  font-size:1.1rem;
  display: -webkit-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;  /* по вертикали */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; 
  }




.cookie_btn {
padding: 0.2rem 0.7rem;
border-radius: 33px;
font-size: 0.8rem;
 --bs-btn-color:#fff;
 --bs-btn-bg:#3d44a6;
  --bs-btn-border-color:##db281;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#ffffffa7;
}

.alert-primary {
--bs-alert-border-color: rgba(157, 196, 254, 0.33);}

.cookie_alert_message a {
  color:#ffffffa7;
}

.form-check a {
    color:#fff;
}

.bigfont {
	font-size: 20px;
}

.d-inline-block {
		display: inline-block;
        border-radius:50px;
        border:1px solid #ffffff64;
        background-color: #ffffff12;
        padding: 4px 12px;
	}

@media (min-width: 1200px) {

.ill {
		padding-top: 4px;
	}
}

.fixed-bottom {
/*position: fixed;*/
right: 0;
bottom: 0;
left: auto;
z-index: 1030;
}

.ok_btn {
padding:6px 10px;
font-size: 12px;
color:#ffffffa7;
border:1px solid #ffffffa7;
}

.wi {
  bottom:0;
}

/*Планшет:*/
@media (min-width: 768px) {
.wi {
width: 45%!important;
margin-left:auto;
}
}

@media (min-width: 992px) {
.wi {
width: 35%!important;
}
}

/*Монитор*/
@media (min-width: 1200px) {
  .wi {
width: 25%!important;
}
}

.cookie_alert_message {
background-color: #4b4e7e4e;
}

.form-check-label {
  font-size: 0.7rem;
}

.ten {
-webkit-box-shadow: 13px 12px 27px 0px rgba(255, 240, 163, 0.2);
box-shadow: 13px 12px 27px 0px rgba
}

.re {font-size:1.2rem;}