@charset "utf-8";
/* CSS Document */
.modal-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
	
	z-index: 1009;
  top: 0; 
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
}
.modal-wrapper.open {
  opacity: 1;
  visibility: visible;
}
		
.modal-wrappers {
  width: 100%;
  height: 100%;
  position: fixed;
	
	z-index: 1009;
  top: 0; 
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
	overscroll-behavior: contain;
}
.modal-wrappers.open {
  opacity: 1;
  visibility: visible;
}
				
.modal-wrappersj {
  width: 100%;
  height: 100%;
  position: fixed;
	
	z-index: 1009;
  top: 0; 
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
}
.modal-wrappersj.open {
  opacity: 1;
  visibility: visible;
}
					
.modal-wrapperform {
  width: 100%;
  height: 100%;
  position: fixed;
	
	z-index: 1009;
  top: 0; 
  left: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background: rgba(0, 0, 0, 0.3);
}
.modal-wrapperform.open {
  opacity: 1;
  visibility: visible;
}
.modal {
  width: 500px;
  display: block;
  margin: 30% 0 0 -250px;
  position: relative;
  top: 50%; 
  left: 50%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #fafafa;
	z-index: 1009;
}
		
.modals {
  width: 70%;
  display: block;
  margin: 0 0 0 0;
  position: relative;
  top: 40px; 
  left: 27%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #fafafa;
	z-index: 1009;
}
				
.modalsj {
  width: 500px;
  display: block;
  margin: 30% 0 0 -250px;
  position: relative;
  top: 45%; 
  left: 50%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #fafafa;
	z-index: 1009;
}
						
.modalform {
  width: 500px;
  display: block;
  margin: 30% 0 0 -250px;
  position: relative;
  top: 45%; 
  left: 50%;
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: #fafafa;
	z-index: 1009;
}
		#sed{display: block;}
		#sem{display: none;}
		.seachtd {width: 210px;}
		@media screen and (max-width: 999px){#sed{display: none;}
		#sem{display: block;}
		#sen{display: none;}
		.seachtd {width: 90px;}
		.modals { width: 90%;
  left: 7%;}
		}
.modal-wrapper.open .modal {
  margin-top: -140px;
  opacity: 1;
}
.modal-wrappers.open .modals {
  margin-top: 0;
  opacity: 1;
}
.modal-wrappersj.open .modalsj {
  margin-top: -200px;
  opacity: 1;
}
		
.modal-wrapperform.open .modalform {
  margin-top: -140px;
  opacity: 1;
}
		
		@media screen and (max-width: 799px){			
.modalsj { width: 500px;
  margin: 30% 0 0 -250px;
  top: 45%;
		 }
.modal-wrappersj.open .modalsj {
  margin-top: -140px;
}
		}
		@media screen and (max-width: 499px){
		.modal { width: 100%;
  margin: 30% 0 0 -50% ;}
			
		.modals { width: 100%;
  left: 0;}	
		.modalsj { width: 100%;
  top: 48%; 
  margin: 50% 0 0 -50% ;
		 }
.modal-wrappersj.open .modalsj {
  margin-top: -220px;
}
		.modalform { width: 100%;
  margin: 30% 0 0 -50% ;
		 }
			
			button.seach_post[type=submit]{
			height: 35px;}
		}
.head{
  width: 100%;
  height: 100%;
  margin: 0 0 14px;
  padding: 5px 30px;
  overflow: hidden;
  position: absolute;
	z-index: 1009;
}
.btn-close {
  font-size: 28px;
  display: block;
  float: right;
  color: #fff;
}
.modal .content {
  padding: 0 0 20px 0;
}
		
.modalsj .content {
  padding: 0 0 0 0;
}
				
.modalform .content {
  padding: 0 0 0 0;
}
.form_modal_window{
  max-width: 70%;
  display: flex;
  flex-direction: column;
  margin: auto;
}
		
.form_modal_window_zakaz{
  max-width: 70%;
  margin: auto;
}
				
.form_modal_window_form{
  max-width: 70%;
  display: flex;
  flex-direction: column;
  margin: auto;
}
.modal .content .text{
  background: #555;
  color: #fff;
  padding: 10px;
  margin: 20px 0;
}
.modal .content .text h2{
  margin:0;
  font-size: 35px;
}
.modal .content .text p{
  margin:0;
  font-size: 14px;
}
.modal-wrapper{
  margin: 0 0 20px 0;
}
.modal .content form input {
  color: #000;
  padding: 15px;
  border: none;
  margin-bottom: 15px;
  box-shadow: 0px 1px 3px 1px #e9e9e9;
  font-size: 15px;
}
		
.modalsj .content form input {
  color: #000;
  padding: 15px;
  border: none;
  margin-bottom: 15px;
  box-shadow: 0px 1px 3px 1px #e9e9e9;
  font-size: 15px;
  transition: 0.5s all linear;
  -webkit-transition: 0.5s all linear;
}
				
.modalform .content form input {
  color: #000;
  padding: 15px;
  border: none;
  margin-bottom: 15px;
  box-shadow: 0px 1px 3px 1px #e9e9e9;
  font-size: 15px;
}
						
.modalform .content form textarea {
  color: #000;
  padding: 15px;
  border: none;
  margin-bottom: 15px;
  box-shadow: 0px 1px 3px 1px #e9e9e9;
  font-size: 15px;
	height: 80px;
}
.modal .content form input[type=submit]{
  padding: 10px 40px;
  max-width: 200px;
  margin: auto;
  color: #fff;
  background: #434343;
  font-size: 15px;
  text-shadow: 0px 0px 2px #e5e5e5;
  display: inline-block;
  border: none;
  outline: none;
	cursor: pointer;
}
		
.modalsj .content form input[type=submit]{
  padding: 10px 40px;
  max-width: 200px;
  margin: auto;
  color: #fff;
  background: #434343;
  font-size: 15px;
  text-shadow: 0px 0px 2px #e5e5e5;
  display: inline-block;
  border: none;
  outline: none;
	cursor: pointer;
}	
.modalform .content form input[type=submit]{
  padding: 10px 40px;
  max-width: 200px;
  margin: auto;
  color: #fff;
  background: #434343;
  font-size: 15px;
  text-shadow: 0px 0px 2px #e5e5e5;
  display: inline-block;
  border: none;
  outline: none;
	cursor: pointer;
}
		
.modal .content form input[type=submit]:hover{box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.25);
  font-size: 16px;
}
				
.modalsj .content form input[type=submit]:hover{box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.25);
  font-size: 16px;
}
						
.modalform .content form input[type=submit]:hover{box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.25);
  font-size: 16px;
}
		button.seach_post[type=submit]{
			height: 45px;
  padding: 10px 40px;
  margin: auto;
  color: #fff;
  background: #303030;
  font-size: 18px;
  text-shadow: 0px 0px 2px #e5e5e5;
  display: inline-block;
  border: none;
  outline: none;
	cursor: pointer;}
		button.seach_post[type=submit]:hover{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
  background: #434343;
}
		.mclose{padding: 7px;cursor: pointer;}	
		.close_cont {width: 20px;padding: 1px;}
		.close_cont:hover{ box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.25);
		background: #efefef;}
		.seach_roz{
  color: #303030;
  padding: 5px;
  border: none;
  margin-bottom: 5px;
			text-decoration: underline;
			background: #fafafa;
		cursor: pointer;
		font-size: 12px;}
		.seach_roz:hover{
  color: #a0212f;}
		#vybor {display: none;}
		
		#vybor1 {display: none;}
		#vybor2 {display: none;}
		#vybor3 {display: none;}
		#vybor4 {display: none;}
		#vybor5 {display: none;}
		#vybor6 {display: none;}
		#vybor7 {display: none;}