@import url(../fontawesome5/css/all.css);
 @import url(buttons.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');

 body { margin: 0;
        padding: 0 }

 .home { width: 1100px;
         margin: 0 auto;
         padding: 30px 0 50px 0;
         box-sizing: border-box }
   .home img { border: 0 }			 
   .home header { box-sizing: border-box }
   /*.home header #log { float: left;
	                   color: #285e68;
			           letter-spacing: 1px;
                       font: normal 44px 'Play',sans-serif }	
     .home header #log span { color: #ce682a }*/
     .home header img { float: left }
     .home header .lang { float: right; font: normal 16px 'Roboto', sans-serif }     
       .home header .lang a { padding: 3px; color: #555; border: 1px solid #ddd; background-color: #f7f7f7; outline: none; text-decoration: none }
       .home header .lang a:visited { color: #555 }
       .home header .lang a:hover { text-decoration: none; background-color: #fff; }
	   .home header .lang a:active,
	   .home header .lang #current { background-color: #fff; color: #444; text-decoration: none } 
	
   .home section { margin-top: 70px; margin-bottom: 40px }
     .home section h3 { margin: 10px 0 50px 0;
                        text-align: center;
                        color: #004953;
                        font: normal 45px 'Arimo', sans-serif }
     .home section aside { float: right; text-align: center; font-family: 'Roboto', sans-serif }	
	   .home section aside h5 { text-align: center;
	                            margin: 0;
                                padding: 10px 0;
	                            cursor: pointer;
                                color: #f8f8f8;
								border-radius: 8px;
								background: #498f7f;
								font-size: 21px;
	                            font-weight: normal }
	   .home section aside h5:hover { color: #fff }                         
	                            
       .home section aside nav { margin-top: 95px;
	                             box-sizing: border-box }
	                             
       .home section aside nav .auth { box-sizing: border-box;
                                       position: relative;
                                       margin: 0 }	                             
		                           
	   .home section aside input[type="email"],
	   .home section aside input[type="password"] { vertical-align: middle;
	                                                margin-bottom: 25px;
								                    padding: 10px 14px;
								                    outline: none;
								                    box-sizing: border-box;
								                    border: 1px solid #8f8f8f;
								                    width: 300px;
								                    font-size: 18px }
	     .home section aside input[type='email']:focus,
         .home section aside input[type='password']:focus { outline: none; 
                                                            border-color: #015E53;
                                                            transition-duration: 0.3s }
		 .home section aside input::placeholder { color: transparent }
		 
		 .home section aside label { position: absolute;
                                     left: 13px;
                                     top: 10px;
                                     transition: top 0.5s;
                                     font-size: 18px;
                                     color: #777 }
                                     
         .home section aside input[type='email']:focus+label,
         .home section aside input[type='email']:not(:placeholder-shown)+label,
         .home section aside input[type='password']:focus+label,
         .home section aside input[type='password']:not(:placeholder-shown)+label { top: -8px;
                                                     background: #fff;
                                                     padding: 0 6px;
                                                     font-size: 13px }                                     
                                     
		 .home section aside div { margin-bottom: 20px; text-align: right }
		   .home section aside div a { color: #0056ac; outline: none; text-decoration: none }
           .home section aside div a:visited,
		   .home section aside div a:active { color: #0056ac }
           .home section aside div a:hover { text-decoration: underline }
	   .home section aside button.small { padding: 10px 0; width: 300px; font-size: 18px; color: #285e68; background: #f1f0e7 }
		   
	   .home article { margin-top: 100px;
 		               display: table;
					   width: 100%;
					   font: normal 17px 'Roboto', sans-serif;
					   color: #000;
		               text-align: center;
                       box-sizing: border-box }
          .home article:first-child { margin-top: 0 }
		  .home article:last-child { margin-bottom: 50px }
          .home article div { display: inline-block;
		                text-align: center;
						width: 200px; 
						height: 210px; 
						cursor: pointer;
						background-color: #f7f8fb;
						border: 1px solid #ccc }
		    .home article div:hover { border: 1px solid #015E53 }	
		    .home article div img:hover { filter: brightness(90%) }			
          .home article #lscr { margin-left: 93px }  
		  
    #lean_overlay { position: fixed;
                    z-index: 100;
                    top: 0px;
                    left: 0px;
                    height: 100%;
                    width: 100%;
                    background: #ccc;
                    display: none }
                    
    .feedback { width: 500px;
                padding: 25px;
                font: normal 16px 'HelveticaRegular', sans-serif;
                background: #fefefe;
                border: 2px solid grey;
                border-radius: 5px }

      .feedback h6 { margin: 0 0 35px 0;
                     color: #000;
                     font: normal 22px 'Arimo', sans-serif }  
        .feedback h6 i { margin-right: 10px;
                         color: #4a605a }               
                     
        .feedback input[type='text'], 
        .feedback input[type='email'] { padding: 8px 15px; 
                                        font-size: 16px;
                                        width: 270px;
                                        border: 0; 
                                        border-bottom: 1px solid #8f8f8f;
                                        box-sizing: border-box }   
   
          .feedback .error { color: #aa0000; font-size: 14px }
          .feedback input[type='text'].error,
          .feedback input[type='email'].error { border: 0; border-bottom: 1px solid #aa0000; outline: none }                                                             
          .feedback input[type='text']:focus,
          .feedback input[type='email']:focus { color: #000; border: 0; border-bottom: 1px solid #015E53; outline: none }
               
      .feedback #subject-error { width: 100% }
      .feedback textarea { width: 100%;
                           padding: 15px; 
                           height: 220px; 
                           resize: none; 
                           font-size: 16px;
                           border: 1px solid #8f8f8f;
                           box-sizing: border-box }
        .feedback textarea:focus { color: #000; border: 1px solid #015E53 }                
        .feedback textarea.error { font-size: 16px; border: 1px solid #aa0000 }                    
      .feedback button { float: right }