.paddingbox {
	padding: 0px 8px;
	box-sizing: border-box;
}

.boxpaddingfix {
	margin-left: -8px;
	margin-right: -8px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	width: calc(100% + 16px);
}

.paddingbox2 {
	padding: 0px 24px;
	box-sizing: border-box;
}

.boxpaddingfix2 {
	margin-left: -24px;
	margin-right: -24px;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
	width: calc(100% + 48px);
}

.paddingbox3 {
	padding: 0px;
	box-sizing: border-box;
}

.boxpaddingfix3 {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}

.boxflexstrech {
	display: flex;
    align-items: stretch;
}

.boxflexequal {
    display: flex;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start;
}

.boxflexequal > div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
}

.boxflexequal > div > div {
    width: 100%;
}

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

.boxflexcenterall {
    display: flex;
    align-items: center;
}

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

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

.marginbottommin32px {
    margin-bottom: -32px;
}

.textaligncenter {
	text-align: center;
}

.paddingtopno {
	padding-top: 0px!important;
}

.paddingbottomno {
	padding-bottom: 0px!important;	
}

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

.boxflexcenterequal > div {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
}

/*--------------------------------------------------------------
# Kolom large col-l
--------------------------------------------------------------*/

.col-l-1 {
    width: 8.33%;
}

.col-l-2 {
    width: 16.66%;
}

.col-l-2en3 {
    width: 20%;
}

.col-l-3 {
    width: 25%;
}

.col-l-4 {
    width: 33.33%;
}

.col-l-5 {
    width: 41.66%;
}

.col-l-55 {
    width: 47.5%;
}

.col-l-6 {
    width: 50%;
}

.col-l-7 {
    width: 58.33%;
}

.col-l-8 {
    width: 66.66%;
}

.col-l-9 {
    width: 75%;
}

.col-l-10 {
    width: 83.33%;
}

.col-l-11 {
    width: 91.66%;
}

.col-l-12 {
    width: 100%;
}

/*--------------------------------------------------------------
# Kolom margin large col-l
--------------------------------------------------------------*/

.m-col-l-15 {
    margin-left: 5%;
}

.m-col-l-1 {
    margin-left: 8.33%;
}

.m-col-l-25 {
    margin-left: 12.5%;
}

.m-col-l-2 {
    margin-left: 16.66%;
}

.m-col-l-3 {
    margin-left: 25%;
}

.m-col-l-4 {
    margin-left: 33.33%;
}

.marginbottom100px-col-l {
	margin-bottom: 100px;
}

.marginbottom75px-col-l {
	margin-bottom: 75px;
}

.marginbottommin75px-col-l {
	margin-bottom: -75px;
}

.marginbottom50px-col-l {
	margin-bottom: 50px;
}

.marginbottommin50px-col-l {
	margin-bottom: -50px;
}

.marginbottom40px-col-l {
	margin-bottom: 40px;
}

.marginbottom30px-col-l {
	margin-bottom: 30px;
}

.marginbottommin30px-col-l {
	margin-bottom: -30px;
}

.marginbottom32px-col-l {
	margin-bottom: 32px;
}

.marginbottom24px-col-l {
	margin-bottom: 24px;
}

.marginbottom25px-col-l {
	margin-bottom: 25px;
}

.margintop20px-col-l {
	margin-top: 20px;
}

.marginbottom15px-col-l {
    margin-bottom: 15px;
}

.marginbottom16px-col-l {
	margin-bottom: 16px;
}

.marginbottom72px-col-l {
	margin-bottom: 72px;	
}

.marginbottom36px-col-l {
	margin-bottom: 36px;	
}

.marginbottom10px-col-l {
	margin-left: 10px;
}

.margintop150px-col-l {
	margin-top: 150px;
}

.margintop100px-col-l {
	margin-top: 100px;
}

.margintopandbottom92px-col-l {
	margin-top: 92px;	
	margin-bottom: 92px;	
}

.margintopmin75px-col-l {
	margin-top: -75px;
}

.margintop75px-col-l {
	margin-top: 75px;
}

.margintop80px-col-l {
	margin-top: 80px;
}

.margintop72px-col-l {
	margin-top: 72px;
}

.margintop50px-col-l {
	margin-top: 50px;
}

.margintop48px-col-l {
	margin-top: 48px;
}

.margintop40px-col-l {
	margin-top: 40px;
}

.margintop37punt5px-col-l {
	margin-top: 37.5px;
}

.margintop32px-col-l {
	margin-top: 32px;
}

.margintop30px-col-l {
	margin-top: 30px;
}

.margintop25px-col-l {
	margin-top: 25px;
}

.margintop24px-col-l {
	margin-top: 24px;
}

.margintop17punt5px-col-l {
	margin-top: 17.5px;
}

.margintop15px-col-l {
	margin-top: 15px;
}

.margintop16px-col-l {
	margin-top: 16px;
}

.margintop12punt5px-col-l {
	margin-top: 12.5px;
}

.margintop12px-col-l {
	margin-top: 12px;	
}

.margintop36px-col-l {
	margin-top: 36px;		
}

.margintop96px-col-l {
	margin-top: 96px;		
}

.margintop10px-col-l {
    margin-top: 10px;
}

.margintop7punt5px-col-l {
    margin-top: 7.5px;	
}

.marginbottom12px-col-l {
    margin-bottom: 12px;
}

/*--------------------------------------------------------------
# Kolom padding large col-l
--------------------------------------------------------------*/

.paddingtopandbottom160px-col-l {
	padding-top: 160px;
	padding-bottom: 160px;
}

.paddingtop160px-col-l {
	padding-top: 160px;	
}

.paddingbottom160px-col-l {
	padding-bottom: 160px;	
}

.paddingtopandbottom120px-col-l {
	padding-top: 120px;
	padding-bottom: 120px;
}

.paddingtop120px-col-l {
	padding-top: 120px;	
}

.paddingbottom120px-col-l {
	padding-bottom: 120px;	
}

.paddingtopandbottom100px-col-l {
	padding-top: 100px;
	padding-bottom: 100px;
}

.paddingtopandbottom75px-col-l {
	padding-top: 75px;
	padding-bottom: 75px;
}

.paddingtop50px-col-l {
	padding-top: 50px;	
}

.paddingtopandbottom50px-col-l {
	padding-top: 50px;
	padding-bottom: 50px;
}

.paddingtopandbottom25px-col-l {
	padding-top: 25px;
	padding-bottom: 25px;
}

.paddingbottom100px-col-l {
	padding-bottom: 100px;
}

.paddingbottom50px-col-l {
	padding-bottom: 50px;
}

.paddingbottom75px-col-l {
	padding-bottom: 75px;
}

.paddingtop75px-col-l {
	padding-top: 75px;
}

.paddingtop25px-col-l {
	padding-top: 25px;
}

.paddintop48px-col-l {
	padding-top: 48px;
}

.paddingbottom25px-col-l {
	padding-bottom: 25px;
}

.paddingtop100px-col-l {
	padding-top: 100px;
}

.paddingbottom96px-col-l {
	padding-bottom: 96px;	
}

.paddingtop96px-col-l {
	padding-top: 96px;	
}

.paddingtop72px-col-l {
	padding-top: 72px;			
}

.paddingbottom72px-col-l {
	padding-bottom: 72px;			
}

.paddingtopandbottom96px-col-l {
	padding-top: 96px;	
	padding-bottom: 96px;	
}

.paddingtopandbottom72px-col-l {
	padding-top: 72px;	
	padding-bottom: 72px;		
}

.paddingtopandbottom48px-col-l {
	padding-top: 48px;	
	padding-bottom: 48px;		
}

/*--------------------------------------------------------------
# Kolom display large col-l
--------------------------------------------------------------*/
	
.col-l-display {
		display: block;
}

.col-l-displaynone {
		display: none;
}




/*--------------------------------------------------------------
# Start large medium
--------------------------------------------------------------*/

@media (max-width: 1199px){
	
.boxflexenstop {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
	
.margintop36px-col-lm {
	margin-top: 36px;	
}

.margintop24px-col-lm {
	margin-top: 24px;	
}
	
/*--------------------------------------------------------------
# Kolom large medium col-lm
--------------------------------------------------------------*/

.col-lm-1 {
    width: 8.33%;
}

.col-lm-2 {
    width: 16.66%;
}

.col-lm-3 {
    width: 25%;
}

.col-lm-4 {
    width: 33.33%;
}

.col-lm-5 {
    width: 41.66%;
}
	
.col-lm-55 {
    width: 45.83%;
}

.col-lm-6 {
    width: 50%;
}

.col-lm-7 {
    width: 58.33%;
}

.col-lm-8 {
    width: 66.66%;
}

.col-lm-9 {
    width: 75%;
}

.col-lm-10 {
    width: 83.33%;
}

.col-lm-11 {
    width: 91.66%;
}

.col-lm-12 {
    width: 100%;
}
	
/*--------------------------------------------------------------
# Kolom padding large col-lm
--------------------------------------------------------------*/

.paddingtopandbottom120px-col-lm {
	padding-top: 120px;
	padding-bottom: 120px;
}
	
.paddingtop120px-col-lm {
	padding-top: 120px;		
}
	
.paddingbottom120px-col-lm {
	padding-bottom: 120px;		
}

.paddingtopandbottom80px-col-lm {
	padding-top: 80px;
	padding-bottom: 80px;
}
	
.paddingtop80px-col-lm {
	padding-top: 80px;		
}
	
.paddingbottom80px-col-lm {
	padding-bottom: 80px;		
}
	
/*--------------------------------------------------------------
# Kolom margin large medium col-lm
--------------------------------------------------------------*/

.m-col-lm-0 {
    margin-left: 0%;
}
	
.m-col-lm-1 {
    margin-left: 8.33%;
}
	
.m-col-lm-2 {
    margin-left: 16.66%;
}
	
.margintop100px-col-lm {
    margin-top: 100px;	
}
	
.margintop75px-col-lm {
    margin-top: 75px;	
}

.margintop36px-col-lm {
    margin-top: 36px;	
}

.margintop30px-col-lm {
	margin-top: 30px;
}
    
.marginbottom0px-col-lm {
	margin-bottom: 0px;	
}
	
/*--------------------------------------------------------------
# Kolom display large medium col-lm
--------------------------------------------------------------*/
	
.col-lm-display {
		display: block;
}

.col-lm-displaynone {
		display: none;
}
    
}

/*--------------------------------------------------------------
# Start medium
--------------------------------------------------------------*/

@media (max-width: 991px){

/*--------------------------------------------------------------
# Kolom medium col-m
--------------------------------------------------------------*/

.col-m-1 {
    width: 8.33%;
}

.col-m-2 {
    width: 16.66%;
}

.col-m-3 {
    width: 25%;
}

.col-m-4 {
    width: 33.33%;
}

.col-m-5 {
    width: 41.66%;
}

.col-m-6 {
    width: 50%;
}

.col-m-7 {
    width: 58.33%;
}

.col-m-8 {
    width: 66.66%;
}

.col-m-9 {
    width: 75%;
}

.col-m-10 {
    width: 83.33%;
}

.col-m-11 {
    width: 91.66%;
}

.col-m-12 {
    width: 100%;
}
	
/*--------------------------------------------------------------
# Kolom margin medium col-m
--------------------------------------------------------------*/

.m-col-m-0 {
    margin-left: 0%;
}
	
.m-col-m-1 {
    margin-left: 8.33%;
}
	
.m-col-m-3 {
    margin-left: 25%;
}
	
.margintop0px-col-m {
	margin-top: 0px;
}
	
.marginbottom16px-col-m {
	margin-bottom: 16px;
}

.marginbottom25px-col-m {
	margin-bottom: 25px;
}
	
.marginbottom32px-col-m {
	margin-bottom: 32px;
}

.marginbottom40px-col-m {
	margin-bottom: 40px;		
}
	
.marginbottom50px-col-m {
	margin-bottom: 50px;
}
	
.margintop50px-col-m {
	margin-top: 50px;
}
	
.margintop36px-col-m {
	margin-top: 36px;
}
	
.margintop32px-col-m {
	margin-top: 32px;
}
	
.margintop24px-col-m {
	margin-top: 24px;
}
	
.margintop20px-col-m {
	margin-top: 20px;
}
	
.margintop30px-col-m {
	margin-top: 30px;
}
	
.margintop48px-col-m {
	margin-top: 48px;			
}
	
.margintopandbottom48px-col-m {
	margin-top: 48px;	
	margin-bottom: 48px;
}
	
.marginbottom48px-col-m {
	margin-bottom: 48px;
}
	
.margintop40px-col-m {
	margin-top: 40px;		
}
	
.margintop25px-col-m {
	margin-top: 25px;		
}
	
.margintop24px-col-m {
	margin-top: 24px;
}
	
	.margintop16px-col-m {
		margin-top: 16px;
	}

.margintop12punt5px-col-m {
	margin-top: 12.5px;			
}
	
.margintopmin50px-col-m {
	margin-top: -50px;
}
	
.margintop0px-col-m {
	margin-top: 0px;		
}
	
.margintop50px-col-m {
	margin-top: 50px;
}
	
.margintop55px-col-m {
	margin-top: 55px;
}
	
.marginbottom0px-col-m {
	margin-bottom: 0px;
}
	
/*--------------------------------------------------------------
# Kolom padding large col-m
--------------------------------------------------------------*/

.paddingtopandbottom60px-col-m {
	padding-top: 60px;
	padding-bottom: 60px;
}
	
.paddingtopandbottom50px-col-m {
	padding-top: 50px;
	padding-bottom: 50px;
}

	
.paddingbottom50px-col-m {
	padding-bottom: 50px;
}
	
.paddingtop50px-col-m {
	padding-top: 50px;
}
	
.paddingtop0px-col-m {
	padding-top: 0px;
}
	
.paddingtopandbottom48px-col-m {
	padding-top: 48px;	
	padding-bottom: 48px;	
}
	
.paddingbottom48px-col-m {
	padding-bottom: 48px;	
}
	
.paddingtop48px-col-m {
	padding-top: 48px;			
}

.paddingtopandbottom24px-col-m {
	padding-top: 24px;	
	padding-bottom: 24px;	
}
	
.paddintop36px-col-m {
	padding-top: 36px;			
}
	
.paddingtopandbottom36px-col-m {
	padding-top: 36px;	
	padding-bottom: 36px;		
}

/*--------------------------------------------------------------
# Order large col-m
--------------------------------------------------------------*/

.ordertop-col-m-12 {
    order: -1;
}
	
/*--------------------------------------------------------------
# Hide and show large col-m
--------------------------------------------------------------*/

.hide-col-m-12 {
    display: none;
}
	
.show-col-m-12 {
    display: block;
}

}

/*--------------------------------------------------------------
# Start medium small
--------------------------------------------------------------*/

@media (max-width: 768px){
	
/*--------------------------------------------------------------
# Kolom medium col-m-s
--------------------------------------------------------------*/

.col-m-s-1 {
    width: 8.33%;
}

.col-m-s-2 {
    width: 16.66%;
}

.col-m-s-3 {
    width: 25%;
}

.col-m-s-4 {
    width: 33.33%;
}

.col-m-s-5 {
    width: 41.66%;
}

.col-m-s-6 {
    width: 50%;
}

.col-m-s-7 {
    width: 58.33%;
}

.col-m-s-8 {
    width: 66.66%;
}

.col-m-s-9 {
    width: 75%;
}

.col-m-s-10 {
    width: 83.33%;
}

.col-m-s-11 {
    width: 91.66%;
}

.col-m-s-12 {
    width: 100%;
}
	
/*--------------------------------------------------------------
# Kolom margin medium col-m-s
--------------------------------------------------------------*/

.m-col-m-s-0 {
    margin-left: 0%;
}
	
.m-col-m-s-1 {
    margin-left: 8.33%;
}
	
.margintop0px-col-m-s {
	margin-top: 0px;		
}
	
.margintop10px-col-m-s {
	margin-top: 10px;		
}
	
.marginbottom10px-col-m-s {
	margin-bottom: 10px;
}
	
.marginbottom16px-col-m-s {
	margin-bottom: 16px;
}
	
.marginbottom32px-col-m-s {
	margin-bottom: 32px;
}
	
.margintop40px-col-m-s {
	margin-top: 40px;		
}

.margintop27punt5px-col-m-s {
	margin-top: 27.5px;		
}
	
.margintop25px-col-m-s {
	margin-top: 25px;		
}
	
.margintop20px-col-m-s {
	margin-top: 20px;		
}
	
	.margintop24px-col-m-s {
		margin-top: 24px;
	}
	
	.margintop16px-col-m-s {
		margin-top: 16px;
	}

.margintop75px-col-m-s {
	margin-top: 75px;
}
	
	.margintop50px-col-m-s {
		margin-top: 50px;
	}
	
.marginbottom40px-col-m-s {
	margin-bottom: 40px;
}
	
	
.marginbottom50px-col-m-s {
	margin-bottom: 50px;
}
	

	
/*--------------------------------------------------------------
# Kolom padding large col-m-s
--------------------------------------------------------------*/
	
.paddingtopandbottom0px-col-m-s {
	padding-top: 0px;
	padding-bottom: 0px;	
}

.paddingtopandbottom25px-col-m-s {
	padding-top: 25px;
	padding-bottom: 25px;	
}
	
.paddingtopandbottom40px-col-m-s {
	padding-top: 40px;
	padding-bottom: 40px;
}
	
.paddingtopandbottom50px-col-m-s {
	padding-top: 50px;
	padding-bottom: 50px;
}

.paddingbottom50px-col-m-s {
	padding-bottom: 50px;	
}

.paddingtop10px-col-m-s {
	padding-top: 10px;		
}
	
.paddingbottom40px-col-m-s {
	padding-bottom: 40px;
}
	
.paddingtop40px-col-m-s {
	padding-top: 40px;
}
	
.paddingtop50px-col-m-s {
	padding-top: 50px;
}
	
.paddingbottom100px-col-m-s {
	padding-bottom: 100px;
}
	
.paddingtop0px-col-m-s {
	padding-top: 0px;
}

	
/*--------------------------------------------------------------
# Kolom display medium col-m-s
--------------------------------------------------------------*/
	
.col-m-s-display {
		display: block;
}

.col-m-s-displaynone {
		display: none;
}
		
}

/*--------------------------------------------------------------
# Start small
--------------------------------------------------------------*/

@media (max-width: 550px){

/*--------------------------------------------------------------
# Kolom medium col-s
--------------------------------------------------------------*/

.col-s-1 {
    width: 8.33%;
}

.col-s-2 {
    width: 16.66%;
}

.col-s-3 {
    width: 25%;
}

.col-s-4 {
    width: 33.33%;
}

.col-s-5 {
    width: 41.66%;
}

.col-s-6 {
    width: 50%;
}

.col-s-7 {
    width: 58.33%;
}

.col-s-8 {
    width: 66.66%;
}

.col-s-9 {
    width: 75%;
}

.col-s-10 {
    width: 83.33%;
}

.col-s-11 {
    width: 91.66%;
}

.col-s-12 {
    width: 100%;
}
	
	
/*--------------------------------------------------------------
# Kolom margin medium col-s
--------------------------------------------------------------*/

.m-col-s-0 {
    margin-left: 0%;
}
	
.marginbottom16px-col-s {
	margin-bottom: 16px;
}

.marginbottom32px-col-s {
	margin-bottom: 32px;
}
	
.margintop25px-col-s {
	margin-top: 25px;
}
	
.margintop0px-col-s {
	margin-top: 0px;
}
	
/*--------------------------------------------------------------
# Kolom padding large col-s
--------------------------------------------------------------*/

.paddingtopandbottom32px-col-s {
	padding-top: 32px;
	padding-bottom: 32px;
}
	
.paddingbottom40px-col-s {
	padding-bottom: 40px;
}
    
/*--------------------------------------------------------------
# Kolom display large col-s
--------------------------------------------------------------*/
	
.col-s-display {
		display: block;
}

.col-s-displaynone {
		display: none;
}
	
}

@media (max-width: 360px){

/*--------------------------------------------------------------
# Start extra small col-e-s
--------------------------------------------------------------*/
	
.col-e-s-1 {
    width: 8.33%;
}

.col-e-s-2 {
    width: 16.66%;
}

.col-e-s-3 {
    width: 25%;
}

.col-e-s-4 {
    width: 33.33%;
}

.col-e-s-5 {
    width: 41.66%;
}

.col-e-s-6 {
    width: 50%;
}

.col-e-s-7 {
    width: 58.33%;
}

.col-e-s-8 {
    width: 66.66%;
}

.col-e-s-9 {
    width: 75%;
}

.col-e-s-10 {
    width: 83.33%;
}

.col-e-s-11 {
    width: 91.66%;
}

.col-e-s-12 {
    width: 100%;
}
	
}