/* Обычный */
* {padding: 0;margin: 0;}
@font-face {
    font-family: 'Times New Roman';
    src: url('srift/times_new_roman-webfont.woff2') format('woff2'),
         url('srift/times_new_roman-webfont.woff') format('woff'),
		 url('srift/times_new_roman-webfont.ttf') format('ttf')
		 ;
    font-weight: normal;
    font-style: normal;

}
body {
	font-family: "Times New Roman";
	font-size: 12pt;
 }
 .container {
  display: grid;
  grid-template-columns: minmax(300px, 1fr);
  grid-auto-rows: auto;
  gap: 20px;
}


.content_menu {/*строка меню*/
    width: 100%;
   	display: grid;
	grid-template-columns: minmax(10px, 1fr) 
	minmax(110px, 150px) minmax(87px,150px)  minmax(50px, 200px)
	minmax(120px, 150px);
	grid-gap: 2px;
	padding: 0px;
	text-align:center;
	font-size: 13pt;
	color: #fff;
	
}
.content_tf {/*строка меню*/
    width: 100%;
   	text-indent: 80px;
	text-align: left;
	font-size: 12pt;
	color: #fff;
	
	margin-top:-10px ;
}
.content_menu a{
	text-decoration: none;
	color: #fff;
}
.content_menu a:hover{
	color:#979598;
}
.menu_blok3{
	
	font-size: 14pt;
	
	padding: 10px 0px 0px 0px
}
.menu_blok4{
	
	padding: 10px 0px 0px 0px
}

.img_logo1{
	width: 250px;
}
.box_shap{
	max-width: 1200px;
	height: auto;
    z-index: 2;
	margin: 0px auto;
	padding: 20px;
    position: absolute; 
}
H1{
	font-size: 45px;
	color: #fff;
}
H2{
	font-size: 25px;
	color: #fff;}

    .mobile-menu {
        max-width: 1600px;
        display: flex;
        position: fixed;
        width: 100%;
        padding: 0 16px;
        top: 0;
        background-color: black;
        left: 0;
        right: 0;
        height: 70px;
        z-index: 10;
        margin: 0px auto;
      }
      .mobile-menu__btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 40px;
        cursor: pointer;
        transition: .4s;
        float: right;
        margin-top: 10px;
      }
      .mobile-menu__icon {
        display: block;
        position: relative;
        background: white;
        width: 90%;
        height: 4px;
        transition: .4s;
        padding-right: 0px;
        padding-left: 0;
      }
      .mobile-menu__icon::after, .mobile-menu__icon::before {
        content: "";
        display: block;
        position: absolute;
        background: white;
        width: 100%;
        height: 4px;
        transition: .4s;
      }
      .mobile-menu__icon::after {
        top: 8px;
      }
      .mobile-menu__icon::before {
        top: -8px;
      }
      .mobile-menu__container {
        position: fixed;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 55px;
        left: 0;
        right: 0;
        z-index: 999;
        height: 0;
        opacity: 1;
        transition: .5s;
        overflow: hidden;
        background-color: #373939;
      }
      .mobile-menu__list {
        transition: .5s;
        list-style: none;
        padding-left: 0;
        margin-top: -50px;
      }
      .mobile-menu__item {
        font-size: 23px;
        padding-bottom: 10px;
        color: #fff; 
        }
        .mobile-menu__item a {
          color: #fff;
          }
      .mobile-menu__link {
        text-decoration: none;
        color: #fff;
      }
      .mobile-menu__checkbox {
        display: none;
      }
      .mobile-menu__checkbox:checked ~ .mobile-menu__nav {
        opacity: 1;
      }
      .mobile-menu__checkbox:checked ~ .mobile-menu__container {
        height: 100%;
      }
      .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {
        background: transparent;
      }
      .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
        top: 0;
      }
      .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
      }
      .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
      } 
      .img_fon1{
          width: 100%;
         display: block;
      } 
      .img_fon2{
        
         width: 100%;
         display: none;
      } 
      
      .fon1{
         margin:5px 0px 0px 30px ;
        
       } 

      
   @media (max-width: 500px)
   { 
	 .img_fon1{display: none;} 
   .img_fon2{display: block;;} 
   .tekst_sverhu2{display: block;}
   .tekst_sverhu1{display: none;}
   }
  


   @media (max-width: 767px) 
	 {
		.content_menu {display: none;}
		H1{font-size: 30px;color: #fff;}
    H2{font-size: 20px;color: #fff;}             
		.fon1{display: block;}  
	}
  @media (min-width: 500px) 
{
  .tekst_sverhu2{display: none;}
}

  @media (min-width: 767px) 
  {.mobile-menu__icon {display: none;}
  .fon1{display: none;}

 }   
 .box_txt1{
  max-width: 1200 px;
  height: 50px;
  
  font-size: 30px;color: #000;
  text-align: center;
  margin: 20px auto;
  
}   
#blok_shi {
  position: relative;
  max-width: 1600px;
    height:auto;
    margin: 0 auto;
  }
  .tekst_sverhu1 {
  position: absolute;
  padding: 0px 0px 0px 20px;
  top: 40%;
  color: white;
  max-width: 1200px;
  
  }
  .tekst_sverhu2 {
  position: absolute;
  padding: 0px 0px 0px 20px;
  top: 40%;
  color: white;
  
  }    
  .usl{
    margin: 0 auto;
		width: 100%;
    max-width: 1200px;
		margin-top: 10px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)
    );
    background: #0a0000;
    justify-content: space-around;
     }	
  .usl1{ width: 98%;
      max-width: 428px;
      margin: 10px auto;
      padding: 0px 0px 10px 0px;
      border: 2px #fbfcfc solid;
      color: #f6f4f4; 
   text-align: center;
    }
  .img12{
  width: 100%;
  
}
.bos3{
margin: 30px auto;
max-width: 1000px;
padding: 5px;
background-color: #000;

}
.img14{
  width: 100%;
  min-width: 360px;

}
.bos4{
  margin: 30px auto;
  max-width: 1000px;
  padding: 5px;
  background-color: #c9c4c4;
  text-align: center;
  font-size: 20px;
  }
  .kart{
    margin: 30px auto;
    max-width: 600px;
    padding: 5px;
    background-color: #000;
    
    }
    .img17{
      width: 100%;
      
      border: 2px #fbfcfc solid;
    }
    .usl2{ width: 98%;
      max-width: 428px;
      margin: 10px auto;
      padding: 0px 0px 10px 0px;
      
      color: #f6f4f4; 
   text-align: center;
    }