/*@font-face {
    font-family: 'latolight';
    src: url('');
    src: url('') format('embedded-opentype'),
         url('') format('woff2'),
         url('') format('woff'),
         url('') format('truetype'),
         url('') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


:focus {outline: 0; }
a{color: #333;}
table { 
    border-collapse: separate; 
    border-spacing: 0; 
} 
caption, th, td { 
    text-align: left; 
    font-weight: normal; 
} 
a img, iframe { 
    border: none; 
} 
ol, ul { 
    list-style: none; 
} 
input, textarea, select, button { 
    font-size: 100%; 
    font-family: inherit; 
} 
select { 
    margin: inherit; 
} 
img{display: block; padding: 0; margin: 0;}
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */ 
ol { margin-left:2em; } 
/* == clearfix == */ 
.clearfix:after { 
    content: “.”; 
    display: block; 
    height: 0; 
    clear: both; 
    /*visibility: hidden;*/ 

}
.clearfix {display: inline-block;} 
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
.clearfix::after{content: '';clear: both;}
.clear{clear: both;float: none;}
.sumaart{display: none;}
input[type="button"], input[type="text"],input[type="submit"], input[type="reset"],textarea,tel {
    -webkit-appearance: none;
}

.fl{float: left;}
.fr{float: right;}
.relative{position: relative;}
.absolute{position: absolute;}