 
 
*, *::after, *::before {box-sizing: border-box;}
input[type="checkbox"] {display: none;}
input {font-family: "Jaldi", sans-serif;font-size: 1.6rem;}	
html {font-size: 62.5%;}
body {min-width:400px; font-size: 1.6rem; font-family: "Jaldi", sans-serif; color: #000;  background-color:#696969;   background:#696969;    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
a { color: #000; text-decoration: none;}
 

 
  
#field_end { position:relative;display:block;width:100%;height:50px;background:#001000;text-align:center;color:#fff;}
#field_end p {padding:15px 00px; }
@media only screen and (max-width: 800px) { #field_end{ height:100px;}#field_end p {font-size:12px; }  }
  
	  
	   
	   
 
   
 
#field_billboard_steeps    
{
position:relative;
display:block;	 
width:100%;
background:#000;
	text-align:center;
	
}
#field_billboard_steeps  p
{
font-size:20px;
padding: 10px  0px;
color:#fff;   
}
  
#field_billboard_steeps    img
{
 position:relative;
 padding:10px 10px;
width:90%;   
height:90%;
 
}
 #field_billboard_steeps:hover
{
 
  box-shadow: 0 0 10px rgba(0,128,0,0.8);  
}

  
#field_billboard_steeps div:nth-child(1)
{
 
position:relative;
display:block;	 
width:100%;
 letter-spacing: 12px;
 
	
}
#field_billboard_steeps  div:nth-child(2)
{position:relative;
display:inline-table;	 
width:32%;
 
		left:1%;
	
}
#field_billboard_steeps  div:nth-child(3)
{
position:relative;
display:inline-table;	 
width:32%;
 
		left:1%;
	
}
#field_billboard_steeps  div:nth-child(4)
{
position:relative;
display:inline-table;	 
width:32%;
 
		left:1%;
	
}
 
@media only screen and (max-width: 800px)
{
	
	#field_billboard_steeps  p
{
font-size:14px;
 
}
  #field_billboard_steeps div:nth-child(1)
{
	 
 letter-spacing: 2px;
 
	
}
 
}
  
  
  
  
  
  
/*--   tel+image mobile for logo --*/
#level_1_0 {width: 100%;display: none;}
#level_1_0  div{}
#level_1_0  div:nth-child(1) {  float:left;padding: 20px 18px 18px 24px;}
#level_1_0  div:nth-child(2) {	 float:right;padding: 40px 18px 18px 64px;color: #ffffff; font-size:18px;}   
/*--   tel+image desctop for logo--*/
#level_1_1 div{}
#level_1_1 div:nth-child(1) {float:left;padding: 45px 28px 18px 44px;}
#level_1_1 div:nth-child(2) { float:right;font-size:18px; color: #ffffff;padding: 100px 28px 18px 24px; margin:10px ;} 
/*--logo--*/
#level_1{position:relative;width: 100%; height:260px; background: #000; background: url(../img/0057.jpg)no-repeat 100% 10% ; background-size: cover;}  
#level_1 a {  color:#fff;}
#level_1 a:hover {color:#00FF7F;}
@media only screen and (max-width: 800px){
#level_1{height:120px;}
#level_1_0{display:block;}
#level_1_1{display:none;}
}
     
  





	
    
	 
	
	 
	







/* вікно з фоновим малюнком для розміщення форми запиту та информації  --- початок*/
#field_info_questionnaire_all{background-color:#FF0;padding: 20px;overflow: hidden;background:url( ../img/00056B.jpg ) 5% 5% ;background-size: cover; }
#field_info_questionnaire_all_n1{background-color:#FF0;padding: 20px;overflow: hidden;background:url( ../img/0003.jpg ) 5% 5% ;background-size: cover; }
/* вікно з фоновим малюнком для розміщення форми запиту та информації  --- кінець*/



/* ліве та праве   вікно для форми запиту чи информації  --- початок*/
#field_info_questionnaire_left {position:relative;float:left;  width:40%; left:10%;   margin:100px 0; font-weight:600; font-size:22px;text-shadow: 0px 0px 2px black, 0 0 1em #002000;color:#fff; line-height:1.5; }        
#field_info_questionnaire_left  li  { position:relative;left:10px;}     
#field_info_questionnaire_left  div  {   font-size:24px; text-shadow: 10px 1px 40px black,  0 0 1em black; line-height: 1.4;  color:#fff;  } 
#field_info_questionnaire_right {position:relative;  float:left;  left:15%;top:0px;margin: 0px 30px;color:#fff;  }   
@media only screen and (max-width: 1000px){
#field_info_questionnaire_left  {display:none;width:98%;left:1%;color:#000;    top:0;}       
#field_info_questionnaire_right {width:100%;left:0%;right:0%;margin:auto  auto;color:#fff;  top:0;}  
}
/* ліве та праве   вікно для форми запиту чи информації  --- кінець*/




/* вікно що інформує про відправлення заявки --- початок*/
#field_info_questionnaire_send   {position:relative; display:block; width:300px; height:150px; float:left; left:15%;top:100px; margin: 0px 40px;color:#fff;background: rgba(0,0,0,.8);  border-radius: 15px; }
#field_info_questionnaire_send:hover { box-shadow: 0 0 10px rgba(0,128,0,0.8);  }
#field_info_questionnaire_send  h1 { position:relative; padding:60px ;text-align:center;left:5%; color:#fff;  }
#field_info_questionnaire_send  img  { position:absolute;top:12%;left:0%; color:#fff;}
@media only screen and (max-width: 1000px){

#field_info_questionnaire_send   {position:relative; width:98%;left:1%; height:150px;right:0%;top:0px;margin: auto auto; }
#field_info_questionnaire_send  img { position:absolute; top:12%;left:10%;color:#fff;}
}
/* вікно що інформує про відправлення заявки --- кінець*/



 
	
	
/* поле оберання мови */
#field_select_lang{ position:relative; width:100%;text-align:right; height:25px;background: #000000; }
#field_select_lang a{  text-align:right; height:25px;color: #fff;font-size:15px; }
#field_select_lang img{ position:relative;  top:2px;  }

@media only screen and (max-width: 600px)
{#field_select_lang{ position:relative; width:100%;text-align:center;  }
}
/* поле оберання мови  ---- кінець*/	



/*   Поле для різного змісту з виділеним заголовком */
#field_info {display:relative;width:100%;background:#4d5158; text-align:center; color:#fff;}
#field_info h1 { display:relative; text-align:left;font-size:18px; line-height: 2;color:#fff;background:#000; padding:  0px  20px; }
#field_info p  { display:relative; text-align:left;font-size:16px; line-height: 1.5;color:#fff;background:#4d5158; padding:  0px  20px; }
 
/*   Поле для різного змісту з виділеним заголовком ---- кінець*/	
	
	
	
/* поле банер плюси купівлі у нас ---  Початок*/	
#field_billboard_time {position:relative;display:block;width:100%;height:180px;background:#001000;color:#fff; } 
#field_billboard_time div:nth-child(1){position:relative;float:left;left:15%;width:50%;background:#001000;}
#field_billboard_time div:nth-child(1) ul {position:relative; float:right;right:30%;}
#field_billboard_time div:nth-child(1) li{position:relative;padding:2px;left: 0px;width:100%; line-height:2;  }
#field_billboard_time div:nth-child(1) img{position:relative;width:25px;height:25px;top:8px;margin: 0px 10px;}
#field_billboard_time div:nth-child(2){position:relative;float:right; right:10%;width:40%;background:#001000;}
#field_billboard_time div:nth-child(2) img {	position:relative;top: 10px;width:300px;height:150px;}
/* поле банер плюси купівлі у нас  --- при зменшенні екрана */
@media only screen and (max-width: 1000px) {
#field_billboard_time {height:200px;}
#field_billboard_time div:nth-child(1){position:relative;display:block;left:0%;width:100%;  background:url( ../img/sec.png ) 5% 5% ;background-size: cover; }
#field_billboard_time div:nth-child(1) ul{position:relative; display:block;left:0; width:100%; background:rgb(0,0,0,0.8);}
#field_billboard_time div:nth-child(1) li { position:relative; padding:0px; left:0; width:100%; margin:  0 auto;}
#field_billboard_time div:nth-child(2){display:none;}
}
/* поле банер плюси купівлі у нас ---  кінець*/




 





/* поле  інформація left_v1 та форми right_v1  все в блокі all_v1 (при зменшенні left_v1 верх а right_v1 низ)*/	
#field_info_questionnaire_all_v1{ padding: 10px;overflow: hidden;  } 
#field_info_questionnaire_left_v1    {position:relative;float:left;left: 10%;width:50%;      font-size:18px; line-height: 1.8;   font-stretch: normal; color:#fff;}
#field_info_questionnaire_right_v1     {position:relative;float:right; right:4%;  width:35%;   margin:0 0 50px 50px;   z-index:20; top:25px; }
#field_info_questionnaire_left_v1  h1 {    font-size:25px; text-shadow: 1px 1px 2px black, 0 0 1em #70ac76; line-height: 2.8;  }
#field_info_questionnaire_left_v1 a  {color:#DCDCDC;}
#field_info_questionnaire_left_v1 a:hover {color:#FFF;text-shadow: 1px 1px 1px black, 0 0 1em #fff; }
@media only screen and (max-width: 1000px){
#field_info_questionnaire_left_v1    {position:relative;display:block;left:0; padding:0px; right:0; top:0; width:100%;bottom:0;  margin: auto auto; }
#field_info_questionnaire_right_v1     {position:relative;display:block;left:0; padding:0px; right:0; top:0; width:100%;bottom:0;  margin: auto auto;  }
 /* поле  інформація left_v1 та форми right_v1  все в блокі all_v1 (при зменшенні left_v1 верх а right_v1 низ) ---  кінець*/
 




   


 
	 
 

	
	 
	 
 





}
/* поле банер інформації та форми відправки  ---  кінець*/








