main.scroll{
	width: 100vw;
	height: calc(100vh - 50px);
	overflow-x:hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; 
}

.tabs section{
	width: 100vw;
	height: calc(100vh - 85px);
	overflow-x:hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
} 

.template{
	display: none;
}

.center-flex{
	display: flex;
	justify-content:center;
	align-content:center;
	align-items:center;
}


.km-igfont:before {
    font: 1em/1em "iGenApps";
    font-family: iGenApps;
    /*content: " ︎";*/
    text-align: center
}
.km-igfont:after {
    font: 1em/1em "iGenApps";
    font-family: iGenApps;
    content: attr(data-val) ;
    text-align: center
}
.km-igaddfont:before {
    font: 1em/1em "additional";
    font-family: "additional";
    /*content: " ︎";*/
    text-align: center
}

.km-igaddfont:after {
    font: 1em/1em "additional";
    font-family: "additional";
    /*content: attr(data-val) '︎';*/
    text-align: center
}

.km-igbasic:before {
    font: 1em/1em "IgenappsBasic";
    font-family: "IgenappsBasic";
    /*content: " ︎";*/
    text-align: center
}

.km-igbasic:after {
    font: 1em/1em "IgenappsBasic";
    font-family: "IgenappsBasic";
    content: attr(data-val) ;
    text-align: center
}

.km-kfont:before {
    font: 1em/1em "IgenappsBasic";
    font-family: "IgenappsBasic";
    /*content: " ︎"*/
}

.km-kfont:after {
    font: 1em/1em "IgenappsBasic";
    font-family: "IgenappsBasic";
    content: attr(data-val) ;
}

.icon-center:before, .icon-center:after {
    text-align: center
}

.km-iggeneral:before {
    font: 1em/1em "igen-general";
    font-family: "igen-general";
   /* content: " ︎";*/
    text-align: center
}

.km-iggeneral:after {
    font: 1em/1em "igen-general";
    font-family: "igen-general";
    content: attr(data-val) ;
    text-align: center
}

.km-iggeneral2:before {
    font: 1em/1em "igen-general2";
    font-family: "igen-general2";
    /*content: " ︎";*/
    text-align: center
}

.km-iggeneral2:after {
    font: 1em/1em "igen-general2";
    font-family: "igen-general2";
    content: attr(data-val) ;
    text-align: center
}

.km-igtransport:before {
    font: 1em/1em "igen-transport";
    font-family: "igen-transport";
    /*content: " ︎";*/
    text-align: center
}

.km-igtransport:after {
    font: 1em/1em "igen-transport";
    font-family: "igen-transport";
    content: attr(data-val) ;
    text-align: center
}

.km-igbusiness:before {
    font: 1em/1em "igen-business";
    font-family: "igen-business";
    /*content: " ︎";*/
    text-align: center
}

.km-igbusiness:after {
    font: 1em/1em "igen-business";
    font-family: "igen-business";
    content: attr(data-val) ;
    text-align: center
}

.km-igfood:before {
    font: 1em/1em "igen-food";
    font-family: "igen-food";
    /*content: " ︎";*/
    text-align: center
}

.km-igfood:after {
    font: 1em/1em "igen-food";
    font-family: "igen-food";
    content: attr(data-val) ;
    text-align: center
}

.km-igfun:before {
    font: 1em/1em "igen-fun";
    font-family: "igen-fun";
    /*content: " ︎";*/
    text-align: center
}

.km-igfun:after {
    font: 1em/1em "igen-fun";
    font-family: "igen-fun";
    content: attr(data-val) ;
    text-align: center
}

.km-ighealth:before {
    font: 1em/1em "igen-health";
    font-family: "igen-health";
    /*content: " ︎";*/
    text-align: center
}

.km-ighealth:after {
    font: 1em/1em "igen-health";
    font-family: "igen-health";
    content: attr(data-val) ;
    text-align: center
}

.km-ighome:before {
    font: 1em/1em "igen-home";
    font-family: "igen-home";
    /*content: " ︎";*/
    text-align: center
}

.km-ighome:after {
    font: 1em/1em "igen-home";
    font-family: "igen-home";
    content: attr(data-val) ;
    text-align: center
}

.km-iglocation:before {
    font: 1em/1em "igen-location";
    font-family: "igen-location";
    /*content: " ︎";*/
    text-align: center
}

.km-iglocation:after {
    font: 1em/1em "igen-location";
    font-family: "igen-location";
    content: attr(data-val) ;
    text-align: center
}

.km-igmedia:before {
    font: 1em/1em "igen-media";
    font-family: "igen-media";
    /*content: " ︎";*/
    text-align: center
}

.km-igmedia:after {
    font: 1em/1em "igen-media";
    font-family: "igen-media";
    content: attr(data-val) ;
    text-align: center
}

.km-igmisc:before {
    font: 1em/1em "igen-misc";
    font-family: "igen-misc";
    /*content: " ︎";*/
    text-align: center
}

.km-igmisc:after {
    font: 1em/1em "igen-misc";
    font-family: "igen-misc";
    content: attr(data-val) ;
    text-align: center
}

.km-igenkit:before {
    font: 1em/1em "igen-kit";
    font-family: "igen-kit";
    /*content: " ︎";*/
    text-align: center
}

.km-igenkit:after {
    font: 1em/1em "igen-kit";
    font-family: "igen-kit";
    content: attr(data-val) ;
    text-align: center
}

.km-symbolicons:before {
    font: 1em/1em "ss-symbolicons-line";
    font-family: "ss-symbolicons-line";
    /*content: " ︎";*/
    text-align: center
}

.km-symbolicons:after {
    font: 1em/1em "ss-symbolicons-line";
    font-family: "ss-symbolicons-line";
    content: attr(data-val) ;
    text-align: center
}

.km-icon:after
{
  text-align: center;
  display: block;
  width: 100%;
  height: 100%;
}