/**
 *
 * KINNEZ CSS FRAMEWORK
 *
 */
/*====================================================================================
									RESET
=====================================================================================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table { 
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	color: inherit;
	text-decoration: none;
}
*,
*:before, 
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: inherit;
}
/*====================================================================================
									FRAMEWORK
=====================================================================================*/
/*--FONTS--*/

@font-face{
	font-family: lato;
	src: url(../fonts/Lato-Regular.ttf) format('truetype');
}
@font-face{
	font-family: lato-Bold;
	src: url(../fonts/Lato-Bold.ttf) format('truetype');
}
@font-face{
	font-family: lato-black;
	src: url(../fonts/Lato-Black.ttf) format('truetype');
}


.lato-f{font-family: lato;}
.lato-bold-f{font-family: lato-bold;}
.lato-black-f{font-family: lato-black;}
/*--RESPONSIVE IMG*/
figure,
img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	height: auto;
	width: auto;
}
/*--BLOCK LINKS*/
a{display: block;}
/*--LAYOUT--*/
#main-wrapper{
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
#site-body{flex: 1;}
#site-footer{padding: 1em 0;}
.wrap{
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
}
.row{display: flex;}
.col-1{flex:   833;}
.col-2{flex:  1666;}
.col-3{flex:  2500;}
.col-4{flex:  3333;}
.col-5{flex:  4166;}
.col-6{flex:  5000;}
.col-7{flex:  5833;}
.col-8{flex:  6666;}
.col-9{flex:  7500;}
.col-10{flex: 8333;}
.col-11{flex: 9166;}
.col-12{flex: 1;}
.flex-center{
	justify-content: center;
	align-items: center;
}
.fz-xxs{font-size: 8px;}
.fz-xs{font-size: 10px;}
.fz-s{font-size: 12px;}
.fz-m{font-size: 16px;}
.fz-l{font-size: 20px;}
.fz-xl{font-size: 30px;}
.fz-xxl{font-size: 40px;}
/*TEXT-ALIGN*/
.ta-c{text-align: center;}
.ta-j{text-align: justify;}
/*TEXT-STYLES*/
.tt-up{text-transform: uppercase;}
/*MARGINS*/
/*PADDING*/
/*POSITIONING*/
.ps-r{position: relative;}
.ps-a{position: absolute;}
.ps-f{position: fixed;}
.ps-s{position: static;}