body {
	background-image: url(/img/fon.jpg);
	background-color: #2b2a2a;
	background-size: 100%;
	margin: 0px;
	padding: 0px;
	color: white;
	cursor: default;
	background-attachment: fixed;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
}
.box_check{
	background-color: #ffffff;
}
.check_all_about{
	padding: 0px 5px 80px 5px;
}
.check_btn{
	width: 100%;
	position: fixed;
	bottom: 0px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	background-color: #e8e8e8;
	padding: 20px 0px 20px 0px;
}
.btn_check_1{
	margin: 10px;
}
.check_form{
	color: black;
	text-align: center;
	padding-bottom: 30px;
}
a{
	color: white;
	text-decoration: none;
}
a:hover {
	color: rgb(255, 156, 42);
}
/* ============================= ИНФОРМАЦИЯ =========================== */
.inform_flex{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.admin_back{
    transition: 0.5s;
    position: fixed;
    left: 10px;
    top: 5px;
	z-index: 1500;
}
.admin_back:hover{
    transform: scale(1.2);
    transition: 0.5s;
    cursor: pointer;
}
.inform_section{
	margin: 20px;
	background-color: rgba(0, 0, 0, 0.301);
	position: relative;
	box-shadow: 2px 2px 10px black;
	border: 2px dashed rgb(105, 105, 105);
	border-radius: 10px;
}
.menu_under{
	height: 60px;
}
.section_main{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	width: 100%;
}
.section_main_box{
	border: 2px dashed rgb(105, 105, 105);
	border-radius: 20px;
	width: 200px;
	padding: 10px;
	transition: 1s;
	margin: 10px;
}
.section_main_about{
	border: 2px dashed rgb(105, 105, 105);
	border-radius: 20px;
	padding: 10px;
	margin: 10px;
	text-align: center;
}
.section_main_box:hover{
	cursor: pointer;
	box-shadow: 0px 0px 10px 2px rgb(96, 255, 99);
	border: 2px solid rgb(96, 255, 99);
	transition: 0.2s;
}
.section_main_img{
	text-align: center;
}
.section_vibor{
	width: 85%;
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	user-select: none;
}
.section_vibor_box{
	height: 400px;
	width: 320px;
	border: 2px dashed rgb(105, 105, 105);
	margin: 20px;
	border-radius: 20px;
	transition: 1s;
	user-select: none;
}
.section_vibor_box:hover{
	cursor: pointer;
	box-shadow: 0px 0px 10px 2px rgb(96, 255, 99);
	border: 2px solid rgb(96, 255, 99);
	transition: 0.2s;
}
.box_img{
	text-align: center;
	margin-top: 20px;
	position: relative;
}
.sun_sen{
	position: absolute;
	top: 10px;
	left: 35px;
	font-size: 24px;
	font-weight: bold;
	rotate: -30deg;
	background-color: #ff1515;
	padding: 5px;
	border-radius: 10px;
	border: 2px solid orange;
	text-shadow: 2px 2px 2px black;
}
.data_menu{
	position: absolute;
	top: 160px;
	left: 70px;
	font-size: 24px;
	font-weight: bold;
	text-shadow: 2px 2px 2px black;
}
.menu_na{
	text-shadow: 2px 2px 2px black;
	position: absolute;
	top: 140px;
	left: 70px;
}
.text_keyt_about{
	text-align: center;
	margin: 20px;
}
.text_box{
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}
.round{
	border-radius: 10px;
}
.inform_section_one{
	margin: 40px;
	background-color: rgba(0, 0, 0, 0.349);
	position: relative;
	border-radius: 0px 0px 10px 0px;
	box-shadow: 2px 2px 10px black;
	border: 2px dashed rgb(105, 105, 105);
	border-radius: 10px;
}
	.inform_nazva{
		text-align: center;
		left: -10px;
		top: -30px;
		font-size: 20px;
		padding: 5px;
		background-color: #1a4d5c;
		box-shadow: 2px 2px 10px black;
		position: absolute;
		border-radius: 10px 0px 10px 0px;
	}
	.intro_text{
		
		font-size: 20px;
		text-align: center;
	}
	.intro_text_one{
		margin-top: 40px;
		font-size: 20px;
		text-align: center;
	}
	.intro_pic{
		width: 220px;
		height: 175px;
		border-radius: 20px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
		.radius{
			border-radius: 10px;
		}
	.inform_btn{
		text-align: right;
		margin: 20px;
	}
	.inform_btn2{
		height: 40px;
		font-size: 20px;
		padding: 10px;
		border-radius: 10px;
		background-color: rgba(0, 0, 0, 0.8);
		color: white;
		border-radius: 5px;
		border: 2px solid white;
		
	}
	.inform_btn2:hover{
		background-color: #1f3b44;
		box-shadow: 0px 0px 10px white;
		cursor: pointer;
	}
/* ==================================================================== */
.section_foto{
	width: 50%;
	margin: 0 auto;
}
.menu{
	position: relative;
}
.shag{
	height: 80px;
}
.menu_box{
	display: inline-block;
}
.menu_kol {
	position: absolute;
	width: 80px;
	height: 46px;
	background-color: rgb(157, 253, 31);
	left: 58%;
	top: 10px;
	z-index: 50;
	border-radius: 5px;
	border: 2px solid rgb(104, 103, 102);
	font-size: 30px;
	color: black;
}
.menu_right_img_1{
	display: inline-block;
	background-image: url(/img/ico/korzina.jpg);
	width: 85px;
	height: 90px;
	border-radius: 10px;
	vertical-align: middle;
}
.menu_left_4{
	position: fixed;
	z-index: 200;
	height: 100px;
	width: 240px;
	background-color: rgba(0, 0, 0, 0.5);
	top: 190px;
	left: -150px;
	border-radius: 10px;
	transition: 1s;
	font-size: 36px;
	padding-top: 10px;
	padding-left: 20px;
	border: 2px solid rgb(131, 124, 124);
}
.menu_left_4:hover {
	left: -10px;
	transition: 0.3s;
	background-color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
}
.menu_right_kol{
	text-align: center;
}
.menu_top_2{
	background-color: rgba(0, 0, 0, 0.5);
	border: 2px solid rgb(131, 124, 124);
	color: rgb(255, 255, 255);
	position: fixed;
	top: 0px;
	left:-5px;
	z-index: 205;
	font-size: 30px;
	height: 50px;
	width: 100%;	
	padding: 5px;
	text-align: center;
}
.menu_top_2_right{
	float: right;
	margin-right: 10px;
	margin-top: 6px;
}
.card{
	border-radius: 10px;
	transition: 0.5s;
	width: 150px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
	border: 2px dashed rgb(105, 105, 105);
	position: absolute;
  	right: 0;
	margin-right: 20px;
}
.item_text{
	text-align: center;
}
.card:hover{
	border: 2px solid rgb(113, 255, 73);
	background-color: rgba(68, 251, 111, 0.295);
	transition: 0.5s;
	cursor: pointer;
}
    .card_img{
		margin: 5px;
    }
    .card_sum{
		margin: 5px;
    }
.menu_top{
	background-color: #221d2d;
	border-bottom: 2px dashed rgb(105, 105, 105);
	color: rgb(255, 255, 255);
	position: sticky;
	top: 0px;
	z-index: 195;
	font-size: 20px;
	height: 50px;
	padding: 5px;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.item_img{
	position: relative;
}
.kol_mes{
	position: absolute;
	bottom: 10px;
	right: -8px;
	z-index: 600;
}
.menu_login{
	font-size: 18px;
	background-color: #221d2d;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.item_menu_login{
	text-align: center;
	margin: 5px;
	padding: 2px;
	border-radius: 5px;
}
.inp_z{
	margin: 10px;
	font-size: 20px;
	border-radius: 5px;
	padding: 5px;
}
.inp_b{
	background-color: white;
	border-radius: 5px;
	padding: 10px 30px 10px 30px;
	font-size: 20px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.inp_b:hover{
	background-color: rgb(217, 255, 188);
	cursor: pointer;
}
.item_text_small{
	font-size: 12px;
	line-height: 12px;
}
.img_login{
	margin: 0px;
}
.name_login{
	margin: 5px;
}
.item_menu_login:hover{
	background-color: #332c44;
	cursor: pointer;
}
	.menu_top_box_3{
		display: inline-block;
		width: 250px;
		font-size: 40px;
		position: relative;
		top: -10px;
		text-align: center;
	}
	.menu_top_box_4{
		display: inline-block;
		font-size: 40px;
		text-align: right;
	}
	.menu_top_box_5{
		display: inline-block;
		position: relative;
		font-size: 40px;
		top: -10px;
	}
	.menu_top_box_6{
		font-size: 25px;
		top: -10px;
		display: inline-block;
		position: relative;
	}
	.about_cost{
		float: right;
		margin-right: 15px;
		height: 50px;
	}
.cost:hover{
	background-color: #c1dbfd;
}
.o_nas{
	margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
	width: 700px;
	font-size: 30px;
	text-align: center;
	color: rgb(255, 255, 255);
	border-radius: 10px;
}
.about_list{
	padding-top: 10px;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.about_list_item{
	background-color: #221d2d;
	width: 380px;
	border-radius: 20px;
	border: 2px dashed rgb(105, 105, 105);
	padding: 10px;
	color: white;
	margin: 10px;
}
.name_list{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.name_text{
	padding: 10px;
	text-align: center;
}
.box1 {
	margin: 40px auto;
	color: rgb(0, 0, 0);
	background-color: rgb(255, 218, 95);
	border-radius: 5px;
	width: 700px;
	position: relative;
	padding-bottom: 10px;
}
.del_zak_btn{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 24px;
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	height: 24px;
	background-color: rgb(255, 122, 122);
	border-radius: 0px 0px 0px 10px;
}
.del_zak_btn:hover{
	background-color: red;
	cursor: pointer;
}
.print_btn{
	position: absolute;
	right: 40px;
	bottom: -35px;
	padding: 4px 8px 4px 8px;
	font-weight: bold;
	font-size: 24px;
	background-color: rgb(242, 202, 255);
	border: 2px solid white;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgb(0, 0, 0);
	text-align: center;
	color: black;
}
	.print_btn:hover{
		box-shadow: 0px 0px 10px rgb(0, 0, 0);
		background-color: rgb(242, 121, 240);
		cursor: pointer;
	}
.box {
	margin: 20px;
	color: black;
}
	.col-1{
		width: 30px;
	}
	.col-2{
		width: 100px;
	}
	.col-3{
		width: 400px;
	}
	.col-4{
		width: 100px;
	}
	.col-5{
		width: 100px;
	}
.center{
	  text-align: center;
  }
.center_map{
	text-align: center;
  }
.header_menu{
	background-color: rgba(0, 0, 0, 0.5);
	border: 2px solid rgb(131, 124, 124);
	margin: 20px;
	font-size: 35px;
	text-align: center;
	border-radius: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.blok_1{
	text-align: center;
	font-size: 25px;
}
.blok_2{
	background-color: rgb(248, 229, 193, 0.9);;
	color: black;
	width: 900px;
	text-align: center;
	font-size: 20px;
	margin: 0 auto;
	border-radius: 10px;
	padding: 10px;
}
.blok_4{
	width: 600px;
	margin: 0 auto;
	margin-top: 20px;
	background-color: #faf0d1;
	border-radius: 10px; 	
	color: black;
	padding: 10px;
	text-align: center;
	position: relative;
}
.textarea_box_text{
	color: yellow;
	font-size: 30px;
	font-weight: 500;
}
.textarea_box{
    position: absolute;
	top: -2px;
    right: -400px;
}
.textarea{
	border-radius: 10px;
	padding: 10px;
	font-size: 30px;
	width: 300px;
	resize: none;
}

.info_zakaz_keytering{
	border-radius: 10px;
	border: 2px solid rgb(116, 116, 126);
	padding: 5px;
	float: left;
	text-align: left;
	background-color: #c9e1f5;
	margin-bottom: 5px;
}
.del_keyt{
	border-radius: 10px;
	border: 2px solid rgb(116, 116, 126);
	padding: 5px;
	float: right;
	background: #ff6233;
	margin-bottom: 5px;
	margin-left: 5px;
}
.print_keyt{
	border-radius: 10px;
	border: 2px solid rgb(116, 116, 126);
	padding: 5px;
	float: right;
	background: #ffc933;
	margin-bottom: 5px;
	margin-left: 5px;
}
.reset_keyt{
	border-radius: 10px;
	border: 2px solid rgb(116, 116, 126);
	padding: 5px;
	float: right;
	background: #44ff33;
	margin-bottom: 5px;
}
.section{
	text-align: left;
	height: 100px;
	width: 400px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 2px;
	border: 3px solid rgb(131, 124, 124);
	transition: 0.5s;
}
.section_main_text{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}
.section_menu{
	text-align: left;
	height: 100px;
	width: 350px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	margin-top: 5px;
	padding: 2px;
	border: 3px solid rgb(131, 124, 124);
	font-size: 25px;
	transition: 0.5s;
}
.section:hover {
	background-color: rgb(51, 51, 51);
	cursor: pointer;
	width: 430px;
	transition: 0.5s;
}
.section_menu:hover {
	background-color: rgba(0, 0, 0, 1);
	cursor: pointer;
	width: 410px;
	transition: 0.5s;
}
.section_1{
	display: inline-block;
	width: 150px;
	text-align: center;
	height: 100px;
}
.section_2{	
	width: 180px;
	position: absolute;
	margin-top: 15px;
	display: inline-block;
	text-align: center;
}
.info{
	margin-left: 10%;
	margin-top: 20px;
	width: 80%;
	font-size: 30px;
	text-align: center;
}
.foto_options{
	border-radius: 10px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	border: 1px solid black;
}
.menu_right_1{
	position: fixed;
	z-index: 200;
	height: 100px;
	width: 270px;
	background-color: rgba(0, 0, 0, 0.5);
	top: 70px;
	right: -178px;
	border-radius: 10px;
	transition: 1s;
	font-size: 36px;
	padding-top: 10px;
	padding-left: 10px;
	border: 2px solid rgb(131, 124, 124);
}
.menu_right_1:hover {
	right: -10px;
	transition: 0.3s;
	background-color: rgba(0, 0, 0, 0.8);
	cursor: pointer;
}
.menu_right_text{
	display: inline-block;
	text-align: center;
	font-size: 35px;
	padding-bottom: 2px;
}
.info_box{
	margin: 25px;
	font-size: 30px;
	text-align: center;
}
.vid_zakaz{
	padding-bottom: 5px;
}
.information{
	position: fixed;
	z-index: 50;
	top: -8px;
	left: 30%;
	border-radius: 10px;
	width: 600px;
	height: 50px;
	margin: 0 auto;
	margin-top: 70px;
	text-align: center;
	font-size: 20px;
	color: black;
	line-height: 50px;
}
.enter{
	background: #b5fcbf;
	border: 1px solid rgb(0, 0, 0);
	margin: 10px;
	padding: 8px;
	font-size: 20px;
	border-radius: 5px;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.enter_kol{
	background: #b5fcbf;
	border: 1px solid rgb(0, 0, 0);
	margin: 10px; 
	padding: 8px;
	font-size: 35px;
	border-radius: 5px;
}
.add_box{
	width: 100px;
	height: 100px;
	z-index: 120;
	position: absolute;
	margin-top: 150px;
	margin-left: 140px;
	border-radius: 5px;
}
	.add_box_cena{
		width: 80px;
		height: 50px;
		z-index: 130;
		font-size: 15px;
		position: absolute;
		margin-top: 210px;
		margin-left: 150px;
		border-radius: 5px;
		color: red;
		user-select: none;
	}
.nazva {
	padding-top: 5px;
	height: 50px;
	font-size: 15px;
}
.all_tovar{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sank{
	color: #4d4d4d;
}
.sank_text{
	font-size: 60px;
	font-weight: bold;
	padding: 10px;
}
.sank_text_1{
	font-size: 45px;
	font-weight: bold;
	padding: 10px;
}
.sank_text_2{
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
}
.info_about{
	width: 250px;
	background-color: white;
	margin: 20px;
	border-radius: 15px;
	transition: 1s;
	color: black;
	border: 2px solid rgb(131, 124, 124);
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.6);
	padding-bottom: 70px;
	position: relative;
}
.a_sostav{
	font-size: 14px;
}
.info_about_enter{
	width: 250px;
	background-color: rgb(255, 163, 78);
	margin: 20px;
	border-radius: 15px;
	transition: 1s;
	color: black;
	border: 2px solid rgb(131, 124, 124);
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	padding-bottom: 70px;
	position: relative;
}
.info_about:hover{
	background-color: #98ff98;
	transition: 1s;
}
.ok{
	background-image: url(/img/ok.png);
	height: 600px;
	width: 400px;	
	display: block;
    margin-left: auto;
    margin-right: auto;
	color: black;
}
.img{
	border-radius: 15px;
	background-color: #faf0d1;
	font-size: 15px;
	width: 190px;
	height: 190px;
	overflow: hidden;
	margin-left: 30px;
}
.massa{
	font-size: 20px;
	color: brown;
	height: 20px;
	font-weight: bold;
	position: absolute;
	left: 10px;
	bottom: 45px;
}
.price{
	font-size: 25px;
	color: rgb(76, 133, 16);
	font-weight: bold;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
	.add{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
	}
	.add2{
		position: absolute;
		display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
		font-size: 55px;
		line-height: 55px;
		bottom: 10px;
		right: 10px;
	}
	.add3{
		display: flex;
    	flex-wrap: wrap;
    	justify-content: center;
		font-size: 45px;
		line-height: 45px;
	}
		.add_plus{
			margin: 5px;
			margin-top: 7px;
		}
		.inter_kol{
			width: 40px;
			height: 40px;
			border: 1px solid black;
			border-radius: 5px;
			margin: 5px;
			font-size: 30px;
			text-align: center;
			cursor: default;
		}
		.add_minus{
			margin: 5px;
			margin-top: 7px;
		}
/* Кнопка звонка */
.pulse-button {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
	border: 2px dashed rgb(105, 105, 105);
    width: 80px;
    height: 80px;
    border-radius: 40px;
    padding: 10px;
    background: #bfff70;
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.2);
    position: fixed;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    outline: none;
    z-index: 1000;
  }
  .pulse-button__icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../icons/coll.png") center center/cover no-repeat;
    transition: .3s;
  }
  .pulse-button__icon_ok {
    display: block;
    width: 30px;
    height: 30px;
    background: url("../icons/ok_finish.png") center center/cover no-repeat;
    transition: .3s;
  }
  .pulse-button__rings {
    border: 3px solid #bfff70;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    border-radius: 50%;
    animation-duration: 2.0s;
    animation-name: pulse_1;
    animation-iteration-count: infinite;
    z-index: -1;
  }
  .pulse-button__rings:nth-child(2) {
    animation-name: pulse_2;
  }
  .pulse-button__rings:nth-child(3) {
    animation-name: pulse_3;
  }
  @keyframes pulse_1 {
    from {
      opacity: 1;
      transform: scale(0.9, 0.9);
    }
    to {
      opacity: 0;
      transform: scale(1.3, 1.3);
    }
  }
  @keyframes pulse_2 {
    from {
      opacity: 1;
      transform: scale(0.8, 0.8);
    }
    to {
      opacity: 0;
      transform: scale(1.5, 1.5);
    }
  }
  @keyframes pulse_3 {
    from {
      opacity: 1;
      transform: scale(0.8, 0.8);
    }
    to {
      opacity: 0;
      transform: scale(1.7, 1.7);
    }
  }
/***********************/
.button{
	height: 40px;
	width: 40px;
	font-size: 30px;
	border-radius: 5px;
	cursor: pointer;
	outline:none;
}
.button:hover{
	background-color: rgb(88, 177, 255);
}
.button5{
	height: 30px;
	width: 30px;
	font-size: 25px;
	border-radius: 5px;
	cursor: pointer;
	outline:none;
}
.button5:hover{
	background-color: rgb(88, 177, 255);
}
.check_all{
	height: 20px;
	width: 20px;
}
.button4 {	
	font-size: 20px;
	font-weight: bold;
	color: rgb(245,245,245);
	text-shadow: 0 -1px rgba(0,0,0,.1);
	text-decoration: none;
	user-select: none;
	padding: 10px;
	outline: none;
	border: none;
	border-radius: 5px;
	background: #0c9c0d linear-gradient(#82d18d, #0c9c0d);
	box-shadow: 0px 0px 10px 2px black;
	transition: 0.2s;
}
  .button4:hover {
	background: #25fe25 linear-gradient(#23ff40, #0c9c0d);
	cursor: pointer;
	box-shadow: 0px 0px 10px 1px black;
	transition: 0.2s;
  }
  .button48 {	
	font-size: 20px;
	font-weight: bold;
	color: rgb(245,245,245);
	text-shadow: 0 -1px rgba(0,0,0,.1);
	text-decoration: none;
	user-select: none;
	padding: 10px;
	outline: none;
	border: none;
	border-radius: 5px;
	background: #9c3a0c linear-gradient(#82d18d, #de5e0e);
	box-shadow: 0px 0px 10px 2px black;
	transition: 0.2s;
}
  .button48:hover {
	background: #fe7125 linear-gradient(#ff7723, #0c9c0d);
	cursor: pointer;
	box-shadow: 0px 0px 10px 1px black;
	transition: 0.2s;
  }
  .button7 {	 
	position: relative;
	display: inline-block;
	font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: rgb(245,245,245);
	text-shadow: 0 -1px rgba(0,0,0,.1);
	text-decoration: none;
	user-select: none;
	padding: .3em 1em;
	outline: none;
	border: none;
	border-radius: 3px;
	background: #9c0c0c linear-gradient(#d18282, #9c0c0c);
	box-shadow: inset #de2626 0 -1px 1px, inset 0 1px 1px #ff9898, #aa3c3c 0 0 0 1px, rgba(0,0,0,.3) 0 2px 5px;
	-webkit-animation: pulsate 1.2s linear infinite;
	animation: pulsate 1.2s linear infinite;
  }
  .button7:hover {
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
	cursor: pointer;
  }
  .button7:active {
	top: 1px;
	color: #fff;
	text-shadow: 0 -1px rgba(0,0,0,.3), 0 0 5px #ffd, 0 0 8px #fff;
	box-shadow: 0 -1px 3px rgba(0,0,0,.3), 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
  }
  .boot{
	  width: 200px;
	  font-size: 25px;
	  border-radius: 5px;
	  border: 1px sold black;
	  margin: 10px;
	  height: 50px;
	  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	  background-color: #ffe798;
  }
  .boot:hover {
	cursor: pointer;
	background-color: rgb(143, 228, 46);
  }
@media print {
	.menu_left_5 {
		display:none;
		}
	.print_keyt{
		display:none;
		}
	.menu_top_2{
		display: none;
	}
	.shag{
		display: none;
	}
	.center{
		display: none;
	}
	.admin_back{
		display: none;
	}
	.button{
		display: none;
	}
	.box1{
		margin: 10px 0 10px 0;
	}
}
.enter2{
	background-color: hsl(50, 82%, 60%);
	font-size: 20px;
	padding: 5px;
	border-radius: 5px;
}
.but_xkol{
	font-size: 30px;
	border-radius: 10px;
	border: 2px solid rgb(73, 73, 73);
	width: 50px;
	height: 40px;
	box-shadow: 0px 0px 5px black;
	padding-left: 15px;
	margin-top: 30px;
	text-align: center;
}
.footer{
	margin-right: 90px;
	padding: 10px;
	padding-top: 150px;
}
.info_line{
	padding: 5px;
	background-color: #221d2d;
	font-size: 20px;
	border-bottom: 2px dashed rgb(105, 105, 105);
	padding-bottom: 0px;
}
.vnimanie{
	background-color: #e28989;
	padding: 10px;
	margin: 10px;
	border-radius: 5px;
}
.new_old{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.box_new, .box_old {
    align-items: center;
	width: 50%;
}

.box_new {
    background-color: #f1ffac; 
}

.box_old {
    background-color: #b8ffca; 
}
.box_about{
	color: rgb(72, 72, 72);
	font-weight: bold;
	font-size: 20px;
	text-align: center;
	width: 50%;
}
.box_about_name{
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	border: 2px solid grey;
	position: fixed;
	top: 60px;
	left: 0px;
	width: 99.8%;
	z-index: 500;
}
.a_new {
    background-color: #e5ff66; 
}

.a_old {
    background-color: #67ff8d; 
}
.ok_btn{
	position: absolute;
	right: -10px;
	bottom: -35px;
	width: 32px;
	height: 32px;
	padding: 4px;
	font-weight: bold;
	font-size: 24px;
	background-color: rgb(255, 252, 70);
	border: 2px solid white;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgb(0, 0, 0);
	text-align: center;
	color: black;
}
	.ok_btn:hover{
		box-shadow: 0px 0px 10px rgb(0, 0, 0);
		background-color: rgb(139, 255, 104);
		cursor: pointer;
	}



.enter_driver{
	display: none;
    background-color: #26323f;
	width: 300px;
	position: absolute;
	bottom: -2px;
	right: -300px;
	font-size: 20px;
	border-radius: 6px;
	z-index: 2000;
}
.driv{
	background-color: white;
	padding: 0px 10px 0px 0px;
	width: max-content;
	display: flex;
	align-items: center;
	border-radius: 0px 0px 10px 0px;
}
.menu_footer{
	position: fixed;
	bottom: 0px;
	left: 0px;
	background-color: #1f3b44;
	width: 100%;
	display: flex;
}
.under_footer{
	height: 100px;
}
.info_dr_all{
	background-color: white;
	width: 250px;
	margin: 5px;
	padding: 5px;
	color: #26323f;
	border-radius: 4px;
}
.dr_about{
	display: flex;
	align-items: center;
}
.inp_dr{
	width: 100px;
	font-size: 16px;
	margin-top: 4px;
	text-align: center;
	margin-left: 10px;
}
.driver{
	display: flex;
	background-color: white;
	margin: 10px 5px 10px 5px;
	border-radius: 5px;
	padding: 5px;
	transition: 0.5s;
	border: 2px solid #26323f;;
}
.driver:hover{
	background-color: #f3ff50;
	cursor: pointer;
	transition: 0.2s;
	scale: 1.05;
}
.text_driver{
	margin-left: 10px;
}