:root{
	--gutter-size: 5px;
	--main-font-size:16px;
}

*{
	margin: 0;
	padding: 0;
	outline: none;
	text-decoration: none;
	list-style: none;
/*	font-family: inherit; */
	font-weight: inherit;
	line-height: inherit;
	vertical-align: baseline;
/*	color:unset;*/
}

*, *::before, *::after {
	box-sizing: border-box;
	border-radius: 0;
}

*{margin:0;padding:0;}

img, picture, video, canvas, svg {
	display: block;
	max-width: 100%;
}
form{
	width:100%;
	display:flex;
	flex-wrap: wrap;
}

input, button, textarea, select {
	font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
	overflow-wrap: break-word;
}

html{
	font-size: var(--main-font-size);
}

/*h1 { font-size: 34px; line-height:38px;}*/
/*h2 { font-size: 26px; line-height:30px;}*/
/*h3 { font-size: 22px; line-height:26px;}*/
/*h4 { font-size: 20px; line-height:24px;}*/
/*h5 { font-size: 17px; line-height:21px;}*/
/*h6 { font-size: 0.875rem; line-height:18px;}*/

article,aside,details,figcaption,figure,footer, hgroup,menu,nav,section {display: block;}
h1,h2,h3,h4,h5,h6{font-size: 1em; font-weight: 600;}
table{border-collapse: separate;border-spacing: 0;}
strong,b,mark{font-weight: bold;font-style: inherit;}
em,i,cite,q,address,dfn,var{font-style: italic;font-weight: inherit;}
abbr[title],dfn[title]{cursor: help;border-bottom: 1px dotted;}
ins{border-bottom: 1px solid;}
a,u,ins{text-decoration: none;  color:unset;}
del,s{text-decoration: line-through;}
pre,code,samp,kbd{font-family: monospace;}
small{font-size: 0.75em;}
img{border: none;font-style: italic;}
input[type='checkbox']{font: inherit;}
select::-ms-expand{display: none;}
i{font-style: normal;}
figcaption,small{font-size: 0.75rem;}
ul,ol,dd{;}
small,code{line-height: 1;}
.clearfix:after{content: "";display: table;clear: both;}
.cf:after{content: "";display: table;clear: both;}
.right{float: right;}
.float-right{float:right!important;}
.left{float: left;}
.c_float{margin: 0px auto;}
.center,.text-center, .tac{text-align: center;}
.center_img{margin-left: auto;margin-right: auto;text-align: center;}
.text-right, .tar{text-align: right;}
.text-left, .tal{text-align: left;}

.block{display: inline-block;}
.clear{clear: both;}
.rel{position: relative;}
.abs{position: absolute;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.pointer{cursor: pointer;}
.hover{cursor: pointer;}
.no_hover{cursor: none;}
.relative{position: relative;}
.nob{border: none!important;}
.hidden{display:none;}
.hide{display:none;}
.b{font-weight: 600;}
.pt5{padding-top: 5px!important;}
.pl5{padding-left: 5px!important;}
.ptb5{padding:5px 0!important;}
.nm{margin:0!important;}
.np{padding: 0!important;}
.pc1{width:1%;}
.pc10{width:10%;}
.pc15{width:15%;}
.pc25{width: 25%;}
.pc20{width: 20%;}
.pc30{width: 30%;}
.pc10{width: 10%;}
.pc40{width: 40%;}
.pc50{width: 50%;max-width: 50%;}
.pc60{width: 60%;max-width: 60%;}
.pc75{width: 75%;}
.pc80{width: 80%;}
.pc90{width: 90%;}
.pc95{width: 95%;}
.pc98{width: 98%;}
.pc99{width: 99%;}
.pc100{width: 100%;}
.pc33{width: 33%;}
.pc67{width: 67%;}
.pc15{width: 15%;}
.mr0{margin-right: 0px!important;}
.mt0{margin-top: 0px!important;}
.ml0{margin-left: 0px!important;}
.mt0{margin-top: 0px!important;}
.mb0{margin-bottom: 0px!important;}
.mr5{margin-right: 5px!important;}
.mt5{margin-top: 5px!important;}
.ml5{margin-left: 5px!important;}
.mt5{margin-top: 5px!important;}
.mb5{margin-bottom: 5px!important;}
.mr10{margin-right: 10px!important;}
.mt10{margin-top: 10px!important;}
.ml10{margin-left: 10px!important;}
.mt10{margin-top: 10px!important;}
.mb10{margin-bottom: 10px!important;}

.text-right, .tar{text-align: right;}
.text-left, .tal{text-align: left;}

.small{font-size: calc(100% - 2px);}
.smaller{font-size: calc(100% - 4px);}
.smaller-still{font-size: calc(100% - 6px);  font-weight: 400;}

.row{
	display: flex;
	flex-wrap: wrap;
	width:100%;
	align-items: flex-start;
	justify-content: flex-start;
}

.ZZZcol{
	/*flex-grow: 1;  Allow columns to grow */
	padding: 0px var(--gutter-size); /* Add padding for gutter */
	position: relative;
}

.ZZZcol-1{flex: 0 0 8.333333%;		width: 8.333333%;}
.ZZZcol-2{flex: 0 0 16.666667%;	width: 16.666667%;}
.ZZZcol-3{flex: 0 0 25%;			width: 25%;}
.ZZZcol-4{flex: 0 0 33.333333%;	width: 33.333333%;}
.ZZZcol-5{flex: 0 0 41.666667%;	width: 41.666667%;}
.ZZZcol-6{flex: 0 0 50%;			width: 50%;}
.ZZZcol-7{flex: 0 0 58.333333%;	width: 58.333333%;}
.ZZZcol-8{flex: 0 0 66.666667%;	width: 66.666667%;}
.ZZZcol-9{flex: 0 0 75%;			width: 75%;}
.ZZZcol-10{flex: 0 0 83.333333%;	width: 83.333333%;}
.ZZZcol-11{flex: 0 0 91.666667%;	width: 91.666667%;}
.ZZZcol-12{flex: 0 0 100%;			width: 100%;}
.ZZZcol-20{flex: 0 0 20%;			width: 20%;}
.ZZZcol-14{flex: 0 0 14.27%;		width: 14.27%;}
.ZZZcol-12{padding-left:0px!important; padding-right:0px!important;}
.ZZZrow .ZZZcol-12{padding-left:0px!important; padding-right:0px!important;}
*/

.flex-item {flex: 1;}
.flex-left{margin-right:auto;}
.flex-right{margin-left:auto;}


.clearfix::after {
	content: "";
	display: table;
	clear: both;
}

.align-right {
	margin-left: auto;
}
.align-left {
	margin-right: auto;
}