@font-face { font-family: 'Lato';
             src: url("../../css/Lato.ttf") format("truetype"); }
			 
@font-face { font-family: 'Mulish';
             src: url("../../css/Mulish.ttf") format("truetype"); }

body { margin: 0;
       padding: 0;
       overflow-x: hidden }
	   
.content { padding: 0 10px;
	         margin-bottom: 15px;
	         box-sizing: border-box }	
  .content:after { content: "";
	                 display: table;
	                 clear: both }
				   
h1 { font: bold 19px 'Mulish', sans-serif;
     color: #444;
     margin: 60px 0 15px 0 }
    
h2 { font: normal 18px 'Lato', sans-serif;
     color: #2e4742;
     margin: 25px 0 10px 0 }
    
h3 { font: normal 16px 'Lato', sans-serif;
     color: #333;
     margin: 0 0 10px 0 }
  h3 img { margin-right: 8px; vertical-align: -10px }

p { margin: 0 0 15px 0}
p#art { margin: 0 0 10px 0 }

ul { margin: 0 0 0 -25px }

a,
  a:visited,
  a:active { color: #1a5ec9; text-decoration: none }
  
table { border: 0; border-spacing: 0; border-collapse: collapse }
  
.about { text-align: justify;
         font: normal 15px 'Lato', sans-serif;
         line-height: 1.5 }

  .about p:last-child { margin-bottom: 0 }

  .about div.narrow img { width: 100%; margin: 10px 0 }

  .about ul { margin-top: 0; 
              margin-bottom: 0 }
    .about li::marker { color: #C7A84C }

  .about table { width: 100% }
    .about table td { width: 50% }
    .about table th { width: 50%; text-align: right }
     .about table th img { width: 270px; margin-top: 0 }

.services table.wide { width: 100%;
                       margin-bottom: 15px }

  .services table.wide th { text-align: right;}
    .services table.wide th img { width: 300px }      

  .services table.wide td { font: normal 16px 'Lato', sans-serif;
                            color: #444;
                            line-height: 1.5 }
    .services table.wide td h1 { margin: 0 0 10px 0;
                                 width: 90%;
                                 font: bold 16px 'Lato', sans-serif;
                                 padding-bottom: 15px;
                                 border-bottom: 1px #C7A84C solid;
                                 color: #2e4742 }	

.services div.narrow { font: normal 16px 'Lato', sans-serif;
                       color: #444;
                       line-height: 1.5 }                                 
.services div.narrow img { width: 100%; margin: 10px 0 }
.services div.narrow h1 { margin: 0 0 10px 0;
                          width: 90%;
                          padding-bottom: 10px;
                          border-bottom: 1px #C7A84C solid;
                          font: bold 16px 'Lato', sans-serif;
                          color: #2e4742 }	

.services ul { margin-bottom: 10px }
.services li::marker { color: #C7A84C }

.news h4 { font: normal italic 13px 'Lato', sans-serif;
           color: #333;
           margin: 30px 0 10px 0 }
  .news h4:first-child { margin-top: 0;}
  .news h4 img { margin-right: 5px; vertical-align: -3px }

  .news table.wide { width: 100% }
    .news table.wide caption { margin-bottom: 12px;
                               font: bold 15px 'Lato', sans-serif;
                               color: #444;
                               text-align: left }
    .news table.wide td { text-align: justify;
                          padding-left: 15px;
                          font: normal 15px 'Lato', sans-serif;
                          line-height: 1.4;
                          vertical-align: top }
  .news table.wide th { width: 200px;
                        text-align: left;
                        vertical-align: top } 
    .news table.wide th #logo { width: 200px }       
    .news table.wide th div { margin-top: 7px;
                              text-align: center;
                              font: normal 14px 'Lato', sans-serif;
                              color: #666 }
      .news table.wide th div img { margin-right: 5px; vertical-align: -3px }

.news div.narrow h5 { margin: 0 0 15px 0;
                      font: bold 15px 'Lato', sans-serif;
                      color: #444 }

.news div.narrow article { width: 100%;
                           text-align: center;
                           margin-bottom: 15px }
  .news div.narrow article div { margin-top: 7px;
                                 font: normal 14px 'Lato', sans-serif;
                                 color: #666 }
    .news div.narrow article div img { margin-right: 5px; vertical-align: -3px }
  .news div.narrow article #logo { width: 60% }

  .news div.narrow p { font: normal 15px 'Lato', sans-serif;
                       color: #333;
                       line-height: 1.4;
                       text-align: justify }


.products table.wide { width: 100%;
                       margin-bottom: 35px;
                       font: normal 15px 'Lato', sans-serif;
                       color: #444;
                       line-height: 1.4 }
.products table.wide:last-child { margin-bottom: 0 }

.products table.wide th { width: 50%; background-color: #fcfbf7 }
.products table.wide td { width: 50%; vertical-align: top }                     
  .products table.wide td.right { padding-left: 20px }	
  
  .products table.wide td h1 { margin: 0 0 10px 0; 
                              font: bold 17px 'Lato', sans-serif;
                              color: #2e4742 }	

.products li::marker { color: #C7A84C }

.products div.narrow { font: normal 15px 'Lato', sans-serif;
                       color: #333;
                       line-height: 1.4;
                       text-align: justify }

  .products div.narrow h1 { margin: 0 0 15px 0; 
                            font: bold 17px 'Lato', sans-serif;
                            color: #2e4742 }	

  .products div.narrow article { width: 100%;
                                 text-align: center;
                                 margin-bottom: 15px;
                                 padding: 10px 0;
                                 background-color: #fcfbf7 }
 

.partners table.wide { width: 100%;
                       margin-bottom: 25px }
  .partners table.wide:last-child { margin-bottom: 0 }                
  .partners table.wide td { width: 80%;
                            font: normal 16px 'Lato', sans-serif;
                            line-height: 1.5;
                            vertical-align: top }
    .partners table.wide td h5 { margin: 0 0 8px 0; 
                                 color: #2e4742;
                                 font: normal 18px 'Lato', sans-serif }
      .partners table.wide td h5 span { margin-right: 5px; color: #C7A84C }
  
  .partners table.wide th { width: 150px;
                            text-align: right;
                            vertical-align: top } 
                                 
    .partners table.wide th img { width: 120px }                 

.partners div.narrow h5 { margin: 0 0 8px 0; 
                          color: #2e4742;
                          font: normal 18px 'Lato', sans-serif }
  .partners div.narrow h5 span { margin-right: 5px; color: #C7A84C }
.partners div.narrow article { width: 100%;
                               text-align: center;
                               margin-bottom: 15px }
  
  .partners div.narrow article div { font: normal 14px 'Lato', sans-serif;
                                     color: #666 }
  .partners div.narrow article img { width: 200px }

.partners div.narrow p { font: normal 15px 'Lato', sans-serif;
                         color: #333;
                         line-height: 1.4;
                         text-align: justify }


input,
.css-label { vertical-align: middle;
             padding: 0;
             color: #333;
		         font: normal 16px 'Lato', sans-serif }

  input[type="text"],
  input[type="email"] { border: 1px solid #8f8f8f;
                        padding: 5px 7px;
					              width: 250px }
    input[placeholder]:focus::-webkit-input-placeholder { color: transparent }
    input[placeholder]:focus::-moz-placeholder          { color: transparent }
    input[placeholder]:focus:-moz-placeholder           { color: transparent }
    input[placeholder]:focus:-ms-input-placeholder      { color: transparent }

textarea { height: 100px;
           width: 90%;
           border: 1px solid #8f8f8f;
	         padding: 5px 7px;
           vertical-align: top;
           font: normal 16px 'Lato', sans-serif
           resize: vertical }
    textarea[placeholder]:focus::-webkit-input-placeholder { color: transparent }
    textarea[placeholder]:focus::-moz-placeholder          { color: transparent }
    textarea[placeholder]:focus:-moz-placeholder           { color: transparent }
    textarea[placeholder]:focus:-ms-input-placeholder      { color: transparent }

 input[type="text"]:focus,
 input[type="email"]:focus,
 textarea:focus { border: 1px solid #1a5ec9;
                  outline: none }
                  
 button { padding: 6px 16px;
          font-size: 15px;
          background: #3e77aa;
          color: #eee;
          border: none;
          border-radius: 5px }

form th,
form td { padding: 7px 0; text-align: left }
form td { font: normal 16px 'Lato', sans-serif }

footer { width: 100%;
         height: 35px;
		     margin-top: 20px;
         background-color: #232f3d;
         border-top: 2px #777 solid;
         padding: 0 15px;
         display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-items: center;
         align-content: center;
         justify-content: center;
 		     font: normal 13px 'Lato', sans-serif;
		     color: #ccc;
         box-sizing: border-box }

@media screen and (max-width: 620px)
 { .wide { display: none }
 }
         
@media screen and (min-width: 621px)
 { .narrow { display: none }
 } 
        
/*@media screen and (min-width: 1200px)
 { .narrow { display: none }
 }*/