/*-- ОСНОВНЫЕ СТИЛИ --*/

 @import url(buttons.css);
 @import url(../../fontawesome5/css/all.css);
 @import url(https://fonts.googleapis.com/css2?family=Play&display=swap);
 @import url('https://fonts.googleapis.com/css2?family=Arimo&family=Roboto:wght@300;400&display=swap');
 
 @font-face { font-family: "HelveticaRegular";
              src: url("../../css/HelveticaRegular.ttf") format("truetype");
              font-style: normal;
              font-weight: normal; }
			  
 body { margin: 0;
        padding: 0;
        background: #f7f8fb }

 nav { padding: 0 15px;
	   height: 45px;
	   display: table;
	   position: relative;
	   width: 100%;
	   box-sizing: border-box;
	   background: #285e68 }
	   
  nav #logo { display: table-cell;
              vertical-align: middle;
              color: #e3f7e4;
              letter-spacing: 1px;
              font: normal 30px 'Play',sans-serif }
      nav #logo span { color: #e5d1ae }   
  
 #content { margin-bottom: 20px;
            padding: 15px 0;
            background: #fff;
            width: 100%;
            min-height: 400px;
            box-sizing: border-box;
            color: #000;
            font: normal 14px 'HelveticaRegular', sans-serif }
 
  a { color: #0056ac;
     outline: none; 
     text-decoration: none }
   a:active,
   a:visited { color: #0056ac }
   a img { border: 0 }
   a [class^="icon-"] { color: inherit;
                        text-decoration: none }

 h1 { color: #000;
      font: normal 19px 'Arimo', sans-serif;
      margin: 15px 0 15px 15px }
          
 h6 { margin: 10px;
      color: #555;
      font: normal 13px 'Roboto', sans-serif }
      
 img { border: 0 }

 label { padding-left: 5px;
         border: none }

 input { vertical-align: middle;
         margin: 0;
         padding: 0 }

   input[type="text"],
   input[type="tel"],
   input[type="url"],
   input[type="password"] { border: 1px solid #8f8f8f;
                            padding: 5px 7px;
                            font-family: inherit;
                            font-size: 13px }

 textarea { height: 150px;
            border: 1px solid #8f8f8f;
            padding: 5px 7px;
            vertical-align: top;
            font-family: inherit;
            font-size: 13px;
            resize: vertical }

 input[type="text"]:focus,
 input[type="tel"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 textarea:focus { color: inherit;
                  border: 1px solid #015E53;
                  outline: none }
 
 table { border: 0; border-spacing: 0; border-collapse: collapse }
                
 #green { color: green }          

 /*-------- Основное меню --------------*/
 .main-menu { width: 58%;
	          display: table-cell;
	          vertical-align: middle;
	          text-align: right }
              
    #menu-button { color: #efefef;
                   vertical-align: middle;
                   position: relative;
                   font-size: 22px }
	  #menu-button:active { top: 1px }                     
             
   .menu-list { display: none;
                position: absolute;
                background-color: #c1cecb;
                overflow-y: scroll;
			    text-align: left;
			    border: 1px solid #ddd;
			    right: 0;
			    top: 45px;
                z-index: 1000 }

   .menu-list a { color: #111; 
                  padding: 12px;
 	              font: normal 15px 'Roboto', sans-serif;
                  text-decoration: none;
                  display: block;
                  border-bottom: 1px solid #ddd;
                  box-sizing: border-box }
     .menu-list a:last-child { border-bottom: 0 }                
     .menu-list a:active { background-color: #f7f8fb }
     
     .menu-list a i { color: #666; 
                      margin-right: 12px; 
                      margin-left: 80px }                          
 /*-------------------------------------------*/                          
 
 /*-- Блок формы заполнения -----------------*/
 .register { overflow-x: hidden; box-sizing: border-box } 
    
   .register #req1 { font-size: 12px }
     .register #req1 i { color: #e17100;
                         font-size: 6px;
                         vertical-align: super;
                         margin-right: 2px }
                        
   .register #req2 { margin-top: 4px;
                     font-weight: normal;
                     font-size: 12px }
     .register #req2 i { margin-right: 3px;
                         color: #e17100;
                         font-size: 13px }
    
   .register .punkt { font-size: 15px;
                      padding-top: 20px;
                      box-sizing: border-box;
                      position: relative;
                      margin-bottom: 10px }
     .register .photo { overflow: hidden }       
       .register .photo #req2 { margin-bottom: 20px }       
     .register .rovno { display: flex;
                        align-items: center }                  
       
   .register h1 { margin: 0 20px 10px 0;
                  font-size: 16px }
                     
   .register h2 { margin: 0 20px 0 0;
                  font-size: 16px;
                  font-weight: normal;
                  color: #000 }
                  
   .register #logo { display: inline-block }    
     
   .register img { width: 70px; float: left; margin-right: 20px }             
                               
   .register input[type='text'],
   .register input[type="tel"],
   .register input[type="url"],
   .register input[type='email'],
   .register input[type='password'] { font-size: 16px;
                                      display: block;
                                      padding: 10px;
                                      box-sizing: border-box }  
       
   .register textarea { font-size: 16px;
                        padding: 10px;
                        box-sizing: border-box }
                              
   .register input::placeholder { color: transparent }   
                          
   .register #f1,
   .register #f2,
   .register #f3,
   .register #f4,
   .register #f5,
   .register #f6,
   .register #f7,
   .register #f8,
   .register #f9,
   .register #f10,
   .register #f11,
   .register #f12,
   .register #f13 { width: 100% }     
      
   .register #lab { position: absolute;
                    left: 10px;
                    top: 30px;
                    transition: top 0.5s;
                    font-size: 16px;
                    color: #888 }  
     .register #lab i { color: #e17100;
                        font-size: 6px;
                        vertical-align: super;
                        margin-right: 2px }              
                  
   .register input[type='text']:focus,
   .register input[type="tel"]:focus,
   .register input[type="url"]:focus, 
   .register input[type='email']:focus,
   .register input[type='password']:focus,
   .register textarea:focus { outline: none;
                              transition-duration: 0.3s }

   .register input[type='text']:focus+#lab,
   .register input[type='text']:not(:placeholder-shown)+#lab,
   .register input[type='tel']:focus+#lab,
   .register input[type='tel']:not(:placeholder-shown)+#lab,
   .register input[type='url']:focus+#lab,
   .register input[type='url']:not(:placeholder-shown)+#lab,
   .register input[type='email']:focus+#lab,
   .register input[type='email']:not(:placeholder-shown)+#lab,
   .register input[type='password']:focus+#lab,
   .register input[type='password']:not(:placeholder-shown)+#lab,
   .register textarea:focus+#lab,
   .register textarea:not(:placeholder-shown)+#lab { top: 13px;
                                                     background: #fff;
                                                     padding: 0 5px;
                                                     font-size: 11px }
                                                     
   .register #gen { margin-top: 10px }                                                 
     .register #gen a { color: #004080 }
       .register #gen a:active,
       .register #gen a:visited { color: #004080 }
       .register #gen a:hover { text-decoration: none }                                                 
        
   .register .tree { margin-left: 20px; display: block }   
 
   .register button { margin-top: 20px; float: right }
/*-----------------------------------------------------*/
 
  .good { margin-bottom: 20px;
          font-size: 15px;
          color: green }
    .good i { margin-right: 7px }
    
  .wrong { margin-bottom: 5px;
           font-size: 15px;
           color: #e17100 }
    .wrong i { margin-right: 7px }  
    
 #error { margin: 8px 0 0 5px }
 
 /*-- Меню раздела ------------------------*/
 .list-menu { width: 100%; 
              position: relative }
              
   .list-menu h3 { margin: 0 0 0 10px;
                   color: #015E53;
                   font: normal 15px 'Roboto', sans-serif }          
              
   .list-menu .small { margin-right: 10px }
             
   .list-menu .list-content { display: none;
                              position: absolute;
                              background-color: #f7f7f7;
                              overflow-y: auto;
			                  text-align: left;
				              border: 1px solid #ddd;
                              right: 10px;
				              top: 45px;			              
                              z-index: 10 }

   .list-menu .list-content a { color: black;
                                padding: 10px;
 				                font: normal 14px 'Roboto', sans-serif;
                                text-decoration: none;
                                display: block;
                                border-bottom: 1px solid #fff;
                                box-sizing: border-box }
     .list-menu .list-content a:last-child { border-bottom: 0 }                
     .list-menu .list-content a:active { background-color: #e1e8e6 }
     
       .list-menu .list-content a span { text-align: right; 
                                         dispay: inline-block; 
                                         float: right } 
                                         
   .list-menu .list-content img { width: 20px;
                                  margin-right: 10px }                                      
                                         
 /*-------------------------------------------------*/
 
 /*-- Блок поиска в разделе ----------------*/
 #poisk { margin: 0 0 20px 10px }
 
 #search { margin: 0 0 20px 10px; font-size: 15px }
 
 .poisk { display: none;
          font-size: 13px; 
          margin: 0 0 20px 10px; 
          box-sizing: border-box }
   .poisk #ps { margin-top: 10px }
     .poisk #ps input[type="text"] { width: 50%; 
                                     padding: 5px; 
                                     font-size: 13px;
                                     box-sizing: border-box }
        .poisk #ps input[type="text"]::placeholder { color: #000 }                              
     .poisk .ddListContainer > a { padding: 5px 7px; font-size: 13px }
     
   .poisk button { margin-top: 20px }
 /*---------------------------------------------*/

 /*-- Блок отображения элемента в списке раздела --*/
 .part { margin-left: 10px; margin-bottom: 20px }
   .part img { width: 25px }
   .part th { text-align: left; width: 35px }
   .part td { margin: 0 0 15px 10px; color: #015E53; font: normal 16px 'Roboto', sans-serif }
 
 .section { padding: 15px 10px;
            border-top: 1px solid #bbb;
            box-sizing: border-box }
   .section:last-child  { border-bottom: 1px solid #ccc }   
   
   .section .top { margin-bottom: 7px; overflow: hidden; box-sizing: border-box }
  
     .section .top #new { width: 20%;
                          float: left;
                          display: inline-block;
                          box-sizing: border-box;
                          color: red;
                          font: normal 13px 'HelveticaRegular', sans-serif }
                   
     .section .top #price { width: 80%;
                            text-align: right;
                            display: inline-block;
                            box-sizing: border-box;
                            font: normal 13px 'HelveticaRegular', sans-serif }              
     
   .section h3 { margin: 0 0 7px 0;
                 color: #0056ac;
                 font: bold 14px 'HelveticaRegular', sans-serif }
                   
     .section .analy { margin: 5px 0 }
	   .section .analy span { color: #333; margin-right: 16px; font-size: 13px }
	     .section .analy span:last-child { margin-right: 0 }

   

  .section #ico { margin-top: 6px;
                  margin-right: 3px;
                  font-size: 13px;
                  color: #747474 }
     
   .section #ico i { margin-right: 3px;
                     color: #747474 }
                     
   .section #wrepp { overflow-x: auto;
                     white-space: nowrap }             

       .section th { width: 80px;
                   text-align: left;
                   font-weight: normal;
                   vertical-align: top }
       .section th img { margin-right: 12px; width: 70px }
  
     .section td { vertical-align: top; 
                   padding-right: 5px;
                   line-height: 1.5 }
       .section td img { margin-right: 5px;
                         float: left;
                         width: 20px }

    .section #work { margin: 7px 0 0 -35px; line-height: 1.5 }
      .section #work ul { margin-left: -25px }
        .section #work li { list-style: none; color: #555 }
          .section #work li::before { content: "\2022"; font-size: 12px; margin-right: 7px }
        .section #work li li { list-style: none }
	      .section #work li li::before { content: "\2013"; font-size: 12px }
	   
    .section #text { margin-bottom: 10px;
                    line-height: 1.5 }
     .section #text img { margin-right: 5px;
                          float: left;
                          width: 20px }
                          
   .section #vac { margin-top: 10px;
                   white-space: rap;
                   line-height: 1.5 }
                   
   .section article { line-height: 1.5; 
                      box-sizing: border-box;
                      overflow: hidden }
     .section article img { margin-right: 12px; 
                            width: 70px; 
                            float: left }
     .section article p { margin: 0 0 10px 0 }
/*---------------------------------------------*/
  								
/*-- Стили отображения элемента ------------------*/
 .public { padding-bottom: 25px; box-sizing: border-box }
   .public h1 { margin: 0 0 10px 10px;
                font: normal 17px 'Arimo', sans-serif }

   .public ol,
   .public ul,
   .public dl { margin: 0 10px 15px;
                padding: 0 20px }
                
   .public p { margin: 0 0 15px 0 }

   .public .author { padding-left: 10px;
                     padding-right: 10px;
                     box-sizing: border-box }

   .public .author table { font-size: 13px; 
                           width: 100% }
     .public .author th { text-align: left; width: 65px }                
     .public .author td { vertical-align: middle;
                          height: 32px }
     .public .author th img { width: 50px }     
     .public .author td img { width: 20px; margin-right: 5px }                
     .public .author td i { margin-right: 5px; color: #747474 }   
     .public .author td a i { color: #015E53 }                                      
     .public .author b { color: #015E53; font-weight: normal; font-size: 15px }
  
   .public .product { margin-top: 10px;
                      padding: 15px 10px;
                      box-sizing: border-box;
                      overflow: hidden;
                      border-top: 1px solid #ccc;
                      border-bottom: 4px solid #ccc;
                      line-height: 1.5 }
     .public .product img { margin: 0 20px 15px 0;
                            float: left;
                            width: 80px }
     .public .product table { margin-bottom: 15px; 
                              font-size: 13px; 
                              width: 100%;
                              color: #004080 }
	 .public .product span { color: red }
 /*--------------------------------------------------*/
 
   @media screen and (max-width: 330px) /*iPhone 5/SE*/
	{
	  nav { padding: 0 10px;
	        height: 40px }
	    nav #logo { font-size: 24px }	
	    
	  h1 { margin: 10px 0 10px 10px;
	       font-size: 17px }  
        
      #menu-button { font-size: 20px }
      
      .menu-list { width: 210px;
			       height: 382px;
			       top: 40px }
		.menu-list a { padding: 10px;
 	                   font-size: 14px }		
 	                   
 	  .list-menu .small { font-size: 12px; padding: 5px }      
 	  
 	  #content { padding-left: 10px; padding-right: 10px }    
 	                   
 	  #poisk { font-size: 12px }              
 	  
 	  .register h1 { margin-right: 15px; font-size: 15px }
      .register h2 {margin-right: 15px; font-size: 15px }        
      .register #lab { left: 8px;
                       top: 30px;
                       font-size: 14px }  
        
      .register .punkt { font-size: 14px }  
        
      .register img { width: 60px; margin-right: 20px }   
      
      .register input[type='text'],
      .register input[type="tel"],
      .register input[type="url"],
      .register input[type='email'],
      .register input[type='password'] { font-size: 14px;
                                         padding: 10px }  
       
      .register textarea { font-size: 14px;
                           padding: 10px }
                           
      .register .medium { font-size: 14px }                     
 	}

   @media screen and (min-width: 560px) and (max-width: 580px) and (orientation: landscape) /*iPhone 5/SE peyzaj*/
	{
	  nav { padding: 0 10px;
	        height: 40px }
	   
        nav #logo { font-size: 24px }	
        
      h1 { margin: 10px 0 10px 10px;
	       font-size: 17px }  
        
        #menu-button { font-size: 20px }
        
      .menu-list { width: 210px;
			       height: 230px;
			       top: 40px }
		.menu-list a { padding: 10px;
 	                   font-size: 14px }  
 	                   
 	  .list-menu .small { font-size: 12px; padding: 5px }                 
 	                   
 	  #content { padding-left: 10px; padding-right: 10px }                  
 	                   
 	  #poisk { font-size: 12px }                 
                              
      .register { margin: 0 8% }
        .register h1 { margin-right: 15px; font-size: 15px }
        .register h2 {margin-right: 15px; font-size: 15px } 
	    .register .rovno_l { display: flex;
                             align-items: center }
          .register .rovno_l h1 { margin-bottom: 0 }
        .register .photo h1 { float: left; margin-right: 20px }
          
	    .register #lab { left: 8px;
                         top: 30px;
                         font-size: 14px }  
        
        .register .punkt { font-size: 14px }  
        
        .register img { width: 60px; margin-right: 20px }   
      
        .register input[type='text'],
        .register input[type="tel"],
        .register input[type="url"],
        .register input[type='email'],
        .register input[type='password'] { font-size: 14px;
                                           padding: 10px }  
       
      .register textarea { font-size: 14px;
                           padding: 10px }
	    .register #f1 { width: 90% }
	    .register #f2,
        .register #f4 { width: 100% }
        .register #f3,
        .register #f5,
        .register #f6,
        .register #f7,
        .register #f8,
        .register #f9,
        .register #f10,
        .register #f11,
        .register #f13 { width: 60%; }
        .register #f12 { width: 60%; display: inline-block; margin-right: 10px }  
        .register .medium { font-size: 14px }
        
        .punkt #gen { display: inline-block }  
        
        .poisk div input[type="text"] { width: 40% }                  
	}	
	
   @media screen and (min-width: 350px) and (max-width: 460px) and (orientation: portrait) /*iPhone 6/7/8, Plus*/
	{
	  .menu-list { width: 230px;
			       height: 420px }
		.menu-list a { padding: 10px;
 	                   font-size: 14px }
 	                   
 	  #content { padding-left: 15px; padding-right: 15px }  
 	  
 	  .part { margin-left: 15px }
 	  
 	  #poisk { margin-left: 15px } 
 	  .poisk { margin-left: 15px }
 	  
 	  .section { padding: 15px }         
 	  
 	  .public h1 { margin-left: 15px }
 	  .public .author { padding-left: 15px;
                        padding-right: 15px }   
      .public .product { padding: 15px 15px }                    
	}
 
   @media screen and (min-width: 640px) and (max-width: 1060px) and (orientation: landscape) /*iPhone 6/7/8, Plus, X peyzaj*/
	{
	  .menu-list { width: 230px;
			       height: 307px }
		.menu-list a { padding: 10px;
 	                   font-size: 14px }	
 	                   
 	  #content { padding-left: 15px; padding-right: 15px }   
 	  
 	  .part { margin-left: 15px }
 	  
 	  #poisk { margin-left: 15px } 
 	  .poisk { margin-left: 15px }
 	    .poisk div input[type="text"] { width: 40% }
 	  
 	  .section { padding: 15px }               
 	                   
	  .register { margin: 0 14% }
	    .register .rovno_l { display: flex;
                             align-items: center }
          .register .rovno_l h1 { margin-bottom: 0 }                     
	    .register .photo h1 { float: left; margin-right: 20px }
	    .register #f1 { width: 90% }
	    .register #f2,
        .register #f4 { width: 100% }
        .register #f3,
        .register #f5,
        .register #f6,
        .register #f7,
        .register #f8,
        .register #f9,
        .register #f10,
        .register #f11,
        .register #f13 { width: 60%; }
        .register #f12 { width: 60%; display: inline-block; margin-right: 10px }
        .punkt #gen { display: inline-block }
        
      .public h1 { margin-left: 15px }
 	  .public .author { padding-left: 15px;
                        padding-right: 15px }   
      .public .product { padding: 15px 15px }  
  	}   
 	
   @media screen and (min-width: 740px) and (max-width: 840px) and (orientation: portrait)  /*iPad portret*/
	{
	  .menu-list { width: 220px;
			       height: 625px }
	  
	  .menu-list a { padding: 10px;
 	              font-size: 15px }
	  
	  h1 { font: normal 22px 'Arimo', sans-serif;
           margin: 15px 0 15px 20px }	
      h6 { margin: 10px 20px;
           font-size: 14px }     
           
      #content { padding-left: 20px; padding-right: 20px; padding-bottom: 30px }     
           
      .list-menu .small { margin-right: 20px; font-size: 15px }
             
      .list-menu .list-content { right: 20px;
				                 top: 52px }

      .list-menu .list-content a { padding: 12px;
 				                   font-size: 15px }     
 				                   
      .part { margin-left: 20px }
        .part img { width: 30px }
        .part th { width: 40px }
        .part td { font-size: 20px } 
        
      #poisk { margin-left: 20px; font-size: 14px }
         #poisk i { margin-right: 5px }
       .poisk { margin-left: 20px; font-size: 14px }
          .poisk #ps { margin-top: 12px }
          .poisk #ps input[type="text"] { padding: 9px; 
                                          font-size: 14px }
          .poisk .small { margin-top: 25px; font-size: 14px } 
        .poisk .ddListContainer > a { padding: 9px }
       #search { margin: 0 0 20px 20px }     
          
      .section { padding: 20px }    
      
      .section .top { margin-bottom: 9px }
        .section .top #new { font-size: 14px }
        .section .top #price { font-size: 14px }
    
     .section h3 { margin: 0 0 8px 0;
                   font-size: 17px }
                   
     .section .analy { margin: 6px 0 }
	   .section .analy span { font-size: 14px }

  .section #ico { margin-right: 4px }
     
   .section #ico i { margin-right: 4px }
                     
        .section th { width: 100px }
       .section th img { width: 85px }
  
     .section td { font-size: 15px; padding-right: 6px }
       .section td img { margin-right: 6px }

        .section #work li::before { margin-right: 8px }
          .section #work li li::before { font-size: 13px }   
          
 
      .public h1 { margin-left: 20px }
      .public .author { padding-left: 20px;
                        padding-right: 20px }    
      .public .author table { font-size: 14px }     
        .public .author b { font-size: 16px }    	
      .public .product { padding: 17px 20px; font-size: 16px }
      .public .product img { width: 90px }
        .public .product table { font-size: 14px }          			                   
		
	  .register { margin: 0 10% }
	    .register #f1 { width: 90% }
	    .register #f2,
        .register #f4 { width: 100% }
        .register #f3,
        .register #f5,
        .register #f6,
        .register #f7,
        .register #f8,
        .register #f9,
        .register #f10,
        .register #f11,
        .register #f13 { width: 60%; }
        .register #f12 { width: 60%; display: inline-block; margin-right: 10px }
        .punkt #gen { display: inline-block }
	    .register .rovno_l { display: flex;
                             align-items: center }
          .register .rovno_l h1 { margin-bottom: 0 }
        .register .photo h1 { float: left; margin-right: 20px }
    }
 	
   @media screen and (min-width: 980px) and (max-width: 1200px) and (orientation: landscape) /*iPad peyzaj*/
	{
	  .menu-list { width: 220px;
			       height: 625px }
	  
	  .menu-list a { padding: 10px;
 	              font-size: 15px }
	  
	  h1 { font: normal 22px 'Arimo', sans-serif;
           margin: 15px 0 15px 20px }	
      h6 { margin: 10px 20px;
           font-size: 14px }     
           
      #content { padding-left: 20px; padding-right: 20px; padding-bottom: 30px }     
           
      .list-menu .small { margin-right: 20px; font-size: 15px }
             
      .list-menu .list-content { right: 20px;
				                 top: 52px }

      .list-menu .list-content a { padding: 12px;
 				                   font-size: 15px }     
 				                   
      .part { margin-left: 20px }
        .part img { width: 30px }
        .part th { width: 40px }
        .part td { font-size: 20px } 
        
      #poisk { margin-left: 20px; font-size: 14px }
         #poisk i { margin-right: 5px }
       .poisk { margin-left: 20px; font-size: 14px }
          .poisk #ps { margin-top: 12px }
          .poisk #ps input[type="text"] { padding: 9px; 
                                          font-size: 14px }
          .poisk .small { margin-top: 25px; font-size: 14px } 
        .poisk .ddListContainer > a { padding: 9px }
       #search { margin: 0 0 20px 20px }     
          
      .section { padding: 20px }    
      
      .section .top { margin-bottom: 9px }
        .section .top #new { font-size: 14px }
        .section .top #price { font-size: 14px }
          
     .section h3 { margin: 0 0 8px 0;
                   font-size: 17px }
                   
     .section .analy { margin: 6px 0 }
	   .section .analy span { font-size: 14px }

   .section #ico { margin-right: 4px }
     
   .section #ico i { margin-right: 4px }
                     
        .section th { width: 100px }
       .section th img { width: 85px }
  
     .section td { font-size: 15px; padding-right: 6px }
       .section td img { margin-right: 6px }

        .section #work li::before { margin-right: 8px }
          .section #work li li::before { font-size: 13px }   
          
 
      .public h1 { margin-left: 20px }
      .public .author { padding-left: 20px;
                        padding-right: 20px }    
      .public .author table { font-size: 14px }     
        .public .author b { font-size: 16px }    	
      .public .product { padding: 17px 20px; font-size: 16px }
      .public .product img { width: 90px }
        .public .product table { font-size: 14px }          			                   
		
	  .register { margin: 0 20% }
	    .register #f1 { width: 90% }
	    .register #f2,
        .register #f4 { width: 100% }
        .register #f3,
        .register #f5,
        .register #f6,
        .register #f7,
        .register #f8,
        .register #f9,
        .register #f10,
        .register #f11,
        .register #f13 { width: 60%; }
        .register #f12 { width: 60%; display: inline-block; margin-right: 10px }
        .punkt #gen { display: inline-block }
	    .register .rovno_l { display: flex;
                             align-items: center }
          .register .rovno_l h1 { margin-bottom: 0 }
        .register .photo h1 { float: left; margin-right: 20px }
	   
	}
	
   @media screen and (min-width: 900px) and (max-width: 1060px) and (orientation: portrait) /*iPad Pro portret*/
	{
	nav { padding: 0 20px;
	        height: 50px }
	   
        nav #logo { font-size: 36px }	
        
        #menu-button { font-size: 28px }
		
	  .menu-list { width: 260px;
			       height: 720px;
			       top: 50px }
	  
	  .menu-list a { padding: 12px;
 	                 font-size: 17px }
 	              
 	  h1 { font: normal 23px 'Arimo', sans-serif;
           margin: 15px 0 15px 25px }	
      h6 { margin: 10px 20px;
           font-size: 14px }      
           
      #content { padding-left: 20px; padding-right: 20px; padding-bottom: 30px }      
           
      .list-menu .small { margin-right: 25px; font-size: 16px }
             
      .list-menu .list-content { right: 25px;
				                 top: 55px }

      .list-menu .list-content a { padding: 12px;
 				                   font-size: 17px }     
 				                   
      .part { margin-left: 20px }
        .part img { width: 40px }
        .part th { width: 50px }
        .part td { font-size: 21px }      
        
       #poisk { margin-left: 20px; font-size: 14px }
         #poisk i { margin-right: 5px }
       .poisk { margin-left: 20px; font-size: 14px }
          .poisk #ps { margin-top: 12px }
          .poisk #ps input[type="text"] { padding: 9px; 
                                          font-size: 14px }
          .poisk .small { margin-top: 25px; font-size: 14px } 
        .poisk .ddListContainer > a { padding: 9px }
       #search { margin: 0 0 20px 20px } 
          
        .section { padding: 20px }   
        
        .section .top { margin-bottom: 9px }
          .section .top #new { font-size: 14px }
          .section .top #price { font-size: 14px }
          
     .section h3 { margin: 0 0 8px 0;
                   font-size: 17px }
                   
     .section .analy { margin: 6px 0 }
	   .section .analy span { font-size: 15px }

   .section #ico { margin-right: 6px; font-size: 14px }
     
   .section #ico i { margin-right: 6px }
                     
        .section th { width: 120px }
       .section th img { width: 100px }
  
     .section td { font-size: 16px }
       .section td img { width: 24px; margin-right: 8px }
       
       .section #work li { font-size: 15px }
        .section #work li::before { margin-right: 10px }
          .section #work li li::before { font-size: 10px }     
          
      .public h1 { margin-left: 20px }    
      .public .author { padding-left: 20px;
                        padding-right: 20px }
      .public .author table { font-size: 15px }     
        .public .author b { font-size: 18px }    	
      .public .product { padding: 17px 20px; font-size: 15px }
      .public .product table { margin-bottom: 20px; 
                               font-size: 15px }
      .public .product img { width: 110px }
      
      .register { margin: 0 20% }
        .register #f1 { width: 90% }
	    .register #f2,
        .register #f4 { width: 100% }
        .register #f3,
        .register #f5,
        .register #f6,
        .register #f7,
        .register #f8,
        .register #f9,
        .register #f10,
        .register #f11,
        .register #f13 { width: 60%; }
        .register #f12 { width: 60%; display: inline-block; margin-right: 10px }
        .punkt #gen { display: inline-block }
	    .register .rovno_l { display: flex;
                             align-items: center }
          .register .rovno_l h1 { margin-bottom: 0 }
        .register .photo h1 { float: left; margin-right: 20px }
                  
    }	
	
   @media screen and (min-width: 1200px) and (max-width: 1400px) and (orientation: landscape) /*iPad Pro peyzaj*/
	{
	  nav { padding: 0 20px;
	        height: 50px }
	   
        nav #logo { font-size: 36px }	
        
        #menu-button { font-size: 28px }
		
	  .menu-list { width: 260px;
			       height: 720px;
			       top: 50px }
	  
	  .menu-list a { padding: 12px;
 	                 font-size: 17px }
 	              
 	  h1 { font: normal 23px 'Arimo', sans-serif;
           margin: 15px 0 15px 25px }	
      h6 { margin: 10px 20px;
           font-size: 14px }      
           
      #content { padding-left: 20px; padding-right: 20px; padding-bottom: 30px }      
           
      .list-menu .small { margin-right: 25px; font-size: 16px }
             
      .list-menu .list-content { right: 25px;
				                 top: 55px }

      .list-menu .list-content a { padding: 12px;
 				                   font-size: 17px }     
 				                   
      .part { margin-left: 20px }
        .part img { width: 40px }
        .part th { width: 50px }
        .part td { font-size: 21px }      
        
       #poisk { margin-left: 20px; font-size: 14px }
         #poisk i { margin-right: 5px }
       .poisk { margin-left: 20px; font-size: 14px }
          .poisk #ps { margin-top: 12px }
          .poisk #ps input[type="text"] { padding: 9px; 
                                          font-size: 14px }
          .poisk .small { margin-top: 25px; font-size: 14px } 
        .poisk .ddListContainer > a { padding: 9px }
       #search { margin: 0 0 20px 20px } 
          
        .section { padding: 20px }   
        
        .section .top { margin-bottom: 9px }
          .section .top #new { font-size: 14px }
          .section .top #price { font-size: 14px }
          
    .section h3 { margin: 0 0 8px 0;
                   font-size: 17px }
                   
     .section .analy { margin: 6px 0 }
	   .section .analy span { font-size: 15px }

  .section #ico { margin-right: 6px; font-size: 14px }
     
   .section #ico i { margin-right: 6px }
                     
        .section th { width: 120px }
       .section th img { width: 100px }
  
     .section td { font-size: 16px }
       .section td img { width: 24px; margin-right: 8px }
       
       .section #work li { font-size: 15px }
        .section #work li::before { margin-right: 10px }
          .section #work li li::before { font-size: 10px }     
          
      .public h1 { margin-left: 20px }    
      .public .author { padding-left: 20px;
                        padding-right: 20px }
      .public .author table { font-size: 15px }     
        .public .author b { font-size: 18px }    	
      .public .product { padding: 17px 20px; font-size: 15px }
      .public .product table { margin-bottom: 20px; 
                               font-size: 15px }
      .public .product img { width: 110px }
      
      .register { margin: 0 20% }
        .register #f1 { width: 90% }
	    .register #f2,
        .register #f4 { width: 100% }
        .register #f3,
        .register #f5,
        .register #f6,
        .register #f7,
        .register #f8,
        .register #f9,
        .register #f10,
        .register #f11,
        .register #f13 { width: 60%; }
        .register #f12 { width: 60%; display: inline-block; margin-right: 10px }
        .punkt #gen { display: inline-block }
	    .register .rovno_l { display: flex;
                             align-items: center }
          .register .rovno_l h1 { margin-bottom: 0 }
        .register .photo h1 { float: left; margin-right: 20px }  
	}