@charset "UTF-8";
/* CSS Document */

/****************
****************
****************
****************
FLEX
****************
****************
****************
****************/



.col-l-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-l-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

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

.col-l-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-l-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-l-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-l-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-l-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-l-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-l-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}


.col-l-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-l-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;
}
                                                                          

.d-block-l {
	display:block;
}

.d-none-l {
	display:none;
}

.grid-l {
	display:-ms-grid;
	display:grid;
}

.absolute-l {
	position:absolute;
	z-index: 1;
}

.relative-l {
	position:relative;
}


.absolute-center-l {
	left:50%;
	transform: translateX(-50%);
}

.flex {
	display:flex;
}


.xt-align-left-l {
	text-align:left;
}

.xt-align-center-l {
	text-align:center;
}
.xt-align-right-l {
	text-align:right;
}

.justify-between-l {
    justify-content: space-between;
}

.justify-center-l {
    justify-content: center;
}

.justify-flex-end-l {
    justify-content: flex-end;
}

.justify-flex-start-l {
    justify-content: flex-start;
}

.align-center-l {
    align-items: center;
}

.align-flex-start-l {
    align-items: flex-start;
}

.align-flex-end-l {
    align-items: flex-end;
}

.direction-column-l {
	flex-direction: column;
}

.direction-row-reverse-l {
	flex-direction: row-reverse;
}

.flow-wrap-l {
	flex-flow:wrap;
}

.flow-wrap-l-reverse {
	flex-flow:wrap column-reverse;
}

.flow-row-l {
	flex-flow:row;
}

.flow-row-reverse-l {
	flex-flow:row-reverse;
}

.flow-column-l {
	flex-flow:column;
}
	
.flow-column-reverse-l {
	flex-flow:column-reverse;
}	



.f-size-l-07 {
	font-size:0.7rem!important;
} 


.f-size-l-1 {
	font-size:1rem!important;
} 

.f-size-l-2 {
	font-size:1.2rem!important;
} 

.f-size-l-3 {
	font-size:1.4rem!important;
} 

.f-size-l-4 {
	font-size:1.6rem!important;
} 

.f-size-l-5 {
	font-size:1.8rem!important;
} 

.f-size-l-6 {
	font-size:2rem!important;
} 

.f-size-l-7 {
	font-size:2.2rem!important;
} 

.f-size-l-8 {
	font-size:2.4rem!important;
} 

.f-size-l-9 {
	font-size:2.6rem!important;
} 

.f-size-l-10 {
	font-size:2.8rem!important;
} 

.f-size-l-11 {
	font-size:3rem!important;
}

.f-size-l-12 {
	font-size:3.2rem!important;
}

.f-size-l-13 {
	font-size:3.4rem!important;
}

.f-size-l-14 {
	font-size:3.6rem!important;
}

.f-size-l-15 {
	font-size:3.8rem!important;
}

.f-size-l-16 {
	font-size:4rem!important;
}

.f-size-l-17 {
	font-size:4.2rem!important;
}

.f-size-l-18 {
	font-size:4.4rem!important;
}

.f-size-l-19 {
	font-size:4.6rem!important;
}

.f-size-l-20 {
	font-size:4.8rem!important;
}

.f-size-l-21 {
	font-size:5rem!important;
}

.flex-cell {
    padding: .5em;
}


.break-all {
	word-break: break-all;
}

.break-word {
	word-break: break-word;
}





	
.flex-b-l-1 {
	flex-basis: 10%;
	max-width: 10%;
}

.flex-b-l-2 {
	flex-basis: 20%;
	max-width: 20%;
}

.flex-b-l-3 {
	flex-basis: 30%;
	max-width: 30%;
}

.flex-b-l-4 {
	flex-basis: 40%;
	max-width: 40%;
}

.flex-b-l-5 {
	flex-basis: 50%;
	max-width: 50%;
}

.flex-b-l-6 {
	flex-basis: 60%;
	max-width: 60%;
	}

.flex-b-l-7 {
	flex-basis: 70%;
	max-width: 70%;
}

.flex-b-l-8 {
	flex-basis: 80%;
	max-width: 80%;
}

.flex-b-l-9 {
	flex-basis: 90%;
	max-width: 90%;
}

.flex-b-l-10 {
	flex-basis: 100%;
	max-width: 100%;
}
	
.m-top-l-0{
	margin-top:0rem;
} 

.m-top-l-1{
	margin-top:1rem;
} 

.m-top-l-2{
	margin-top:2rem;
}

.m-top-l-3{
	margin-top:3rem;
}

.m-top-l-4{
	margin-top:4rem;
}

.m-top-l-5{
	margin-top:5rem;
}

.m-right-l-0{
	margin-right:0rem;
} 

.m-right-l-1{
	margin-right:1rem;
} 

.m-right-l-2{
	margin-right:2rem;
}

.m-right-l-3{
	margin-right:3rem;
}

.m-right-l-4{
	margin-right:4rem;
}

.m-right-l-5{
	margin-right:5rem;
}

.m-bottom-l-0{
	margin-bottom:0rem;
}

.m-bottom-l-1{
	margin-bottom:1rem;
} 

.m-bottom-l-2{
	margin-bottom:2rem;
}

.m-bottom-l-3{
	margin-bottom:3rem;
}

.m-bottom-l-4{
	margin-bottom:4rem;
}

.m-bottom-l-5{
	margin-bottom:5rem;
}

.m-left-l-0{
	margin-left:0rem;
} 

.m-left-l-1{
	margin-left:1rem;
} 

.m-left-l-2{
	margin-left:2rem;
}

.m-left-l-3{
	margin-left:3rem;
}

.m-left-l-4{
	margin-left:4rem;
}

.m-left-l-5{
	margin-left:5rem;
}

.m-all-l-0{
	margin:0rem;
} 

.m-all-l-1{
	margin:1rem;
} 

.m-all-l-2{
	margin:2rem;
}

.m-all-l-3{
	margin:3rem;
}

.m-all-l-4{
	margin:4rem;
}

.m-all-l-5{
	margin:5rem;
}

.p-top-l-0{
	padding-top:0rem;
} 

.p-top-l-1{
	padding-top:1rem;
} 

.p-top-l-2{
	padding-top:2rem;
}

.p-top-l-3{
	padding-top:3rem;
}

.p-top-l-4{
	padding-top:4rem;
}

.p-top-l-5{
	padding-top:5rem;
}

.p-right-l-0{
	padding-right:0rem;
} 

.p-right-l-1{
	padding-right:1rem;
} 

.p-right-l-2{
	padding-right:2rem;
}

.p-right-l-3{
	padding-right:3rem;
}

.p-right-l-4{
	padding-right:4rem;
}

.p-right-l-5{
	padding-right:5rem;
}

.p-bottom-l-0{
	padding-bottom:0rem;
}

.p-bottom-l-1{
	padding-bottom:1rem;
} 

.p-bottom-l-2{
	padding-bottom:2rem;
}

.p-bottom-l-3{
	padding-bottom:3rem;
}

.p-bottom-l-4{
	padding-bottom:4rem;
}

.p-bottom-l-5{
	padding-bottom:5rem;
}

.p-left-l-0{
	padding-left:0rem;
} 

.p-left-l-1{
	padding-left:1rem;
} 

.p-left-l-2{
	padding-left:2rem;
}

.p-left-l-3{
	padding-left:3rem;
}

.p-left-l-4{
	padding-left:4rem;
}

.p-left-l-5{
	padding-left:5rem;
}

.p-all-l-0{
	padding:0rem;
} 

.p-all-l-1{
	padding: 1rem;
} 

.p-all-l-2{
	padding:2rem;
}

.p-all-l-3{
	padding:3rem;
}

.p-all-l-4{
	padding:4rem;
}

.p-all-l-5{
	padding:5rem;
}


@media(max-width:1250px) {
	
.col-xm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-xm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-xm-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-xm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-xm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-xm-6 {
    -xms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-xm-7 {
    -xms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-xm-8 {
    -xms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-xm-9 {
    -xms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-xm-10 {
    -xms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}


.col-xm-11 {
    -xms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-xm-12 {
    -xms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;
}
    
    
.flex-b-xm-1 {
	flex-basis: 10%;
	max-width: 10%;
}

.flex-b-xm-2 {
	flex-basis: 20%;
	max-width: 20%;
}

.flex-b-xm-3 {
	flex-basis: 30%;
	max-width: 30%;
}

.flex-b-xm-4 {
	flex-basis: 40%;
	max-width: 40%;
}

.flex-b-xm-5 {
	flex-basis: 50%;
	max-width: 50%;
}

.flex-b-xm-6 {
	flex-basis: 60%;
	max-width: 60%;
	}

.flex-b-xm-7 {
	flex-basis: 70%;
	max-width: 70%;
}

.flex-b-xm-8 {
	flex-basis: 80%;
	max-width: 80%;
}

.flex-b-xm-9 {
	flex-basis: 90%;
	max-width: 90%;
}

.flex-b-xm-10 {
	flex-basis: 100%;
	max-width: 100%;
}
	
	
.f-size-xm-07 {
	font-size:0.7rem!important;
} 


.f-size-xm-1 {
	font-size:1rem!important;
} 

.f-size-xm-2 {
	font-size:1.2rem!important;
} 

.f-size-xm-3 {
	font-size:1.4rem!important;
} 

.f-size-xm-4 {
	font-size:1.6rem!important;
} 

.f-size-xm-5 {
	font-size:1.8rem!important;
} 

.f-size-xm-6 {
	font-size:2rem!important;
} 

.f-size-xm-7 {
	font-size:2.2rem!important;
} 

.f-size-xm-8 {
	font-size:2.4rem!important;
} 

.f-size-xm-9 {
	font-size:2.6rem!important;
} 

.f-size-xm-10 {
	font-size:2.8rem!important;
} 

.f-size-xm-11 {
	font-size:3rem!important;
}

.f-size-xm-12 {
	font-size:3.2rem!important;
}

.f-size-xm-13 {
	font-size:3.4rem!important;
}

.f-size-xm-14 {
	font-size:3.6rem!important;
}

.f-size-xm-15 {
	font-size:3.8rem!important;
}

.f-size-xm-16 {
	font-size:4rem!important;
}

.f-size-xm-17 {
	font-size:4.2rem!important;
}

.f-size-xm-18 {
	font-size:4.4rem!important;
}

.f-size-xm-19 {
	font-size:4.6rem!important;
}

.f-size-xm-20 {
	font-size:4.8rem!important;
}

.f-size-xm-21 {
	font-size:5rem!important;
}	
	
    
.m-top-xm-0{
	margin-top:0rem;
}     
	
.m-top-xm-1{
	margin-top:1rem;
} 

.m-top-xm-2{
	margin-top:2rem;
}

.m-top-xm-3{
	margin-top:3rem;
}

.m-top-xm-4{
	margin-top:4rem;
}

.m-top-xm-5{
	margin-top:5rem;
}
    
.m-right-xm-0{
	margin-right:0rem;
}     

.m-right-xm-1{
	margin-right:1rem;
} 

.m-right-xm-2{
	margin-right:2rem;
}

.m-right-xm-3{
	margin-right:3rem;
}

.m-right-xm-4{
	margin-right:4rem;
}

.m-right-xm-5{
	margin-right:5rem;
}
    
.m-bottom-xm-0{
	margin-bottom:0rem;
}    

.m-bottom-xm-1{
	margin-bottom:1rem;
} 

.m-bottom-xm-2{
	margin-bottom:2rem;
}

.m-bottom-xm-3{
	margin-bottom:3rem;
}

.m-bottom-xm-4{
	margin-bottom:4rem;
}

.m-bottom-xm-5{
	margin-bottom:5rem;
}
    
.m-left-xm-0{
	margin-left:0rem;
}     

.m-left-xm-1{
	margin-left:1rem;
} 

.m-left-xm-2{
	margin-left:2rem;
}

.m-left-xm-3{
	margin-left:3rem;
}

.m-left-xm-4{
	margin-left:4rem;
}

.m-left-xm-5{
	margin-left:5rem;
}
    
    
.m-all-xm-0{
	margin:0rem;
} 

.m-all-xm-1{
	margin:1rem;
} 

.m-all-xm-2{
	margin:2rem;
}

.m-all-xm-3{
	margin:3rem;
}

.m-all-xm-4{
	margin:4rem;
}

.m-all-xm-5{
	margin:5rem;
}    
	
.p-top-xm-0{
	padding-top:0rem;
} 

.p-top-xm-1{
	padding-top:1rem;
} 

.p-top-xm-2{
	padding-top:2rem;
}

.p-top-xm-3{
	padding-top:3rem;
}

.p-top-xm-4{
	padding-top:4rem;
}

.p-top-xm-5{
	padding-top:5rem;
}

.p-right-xm-0{
	padding-right:0rem;
} 

.p-right-xm-1{
	padding-right:1rem;
} 

.p-right-xm-2{
	padding-right:2rem;
}

.p-right-xm-3{
	padding-right:3rem;
}

.p-right-xm-4{
	padding-right:4rem;
}

.p-right-xm-5{
	padding-right:5rem;
}

.p-bottom-xm-0{
	padding-bottom:0rem;
}

.p-bottom-xm-1{
	padding-bottom:1rem;
} 

.p-bottom-xm-2{
	padding-bottom:2rem;
}

.p-bottom-xm-3{
	padding-bottom:3rem;
}

.p-bottom-xm-4{
	padding-bottom:4rem;
}

.p-bottom-xm-5{
	padding-bottom:5rem;
}

.p-left-xm-0{
	padding-left:0rem;
} 

.p-left-xm-1{
	padding-left:1rem;
} 

.p-left-xm-2{
	padding-left:2rem;
}

.p-left-xm-3{
	padding-left:3rem;
}

.p-left-xm-4{
	padding-left:4rem;
}

.p-left-xm-5{
	padding-left:5rem;
}
    
.p-all-xm-0{
	padding:0rem;
} 

.p-all-xm-1{
	padding:1rem;
} 

.p-all-xm-2{
	padding:2rem;
}

.p-all-xm-3{
	padding:3rem;
}

.p-all-xm-4{
	padding:4rem;
}

.p-all-xm-5{
	padding:5rem;
}
	
.d-flex-xm {
	display:flex;
}    

.d-block-xm {
	display:block;
}

.d-none-xm {
	display:none;
}

.xt-align-left-xm {
	text-align:left;
}

.xt-align-center-xm {
	text-align:center;
}
.xt-align-right-xm {
	text-align:right;
}

.justify-between-xm {
    justify-content: space-between;
}

.justify-center-xm {
    justify-content: center;
}

.justify-flex-end-xm {
    justify-content: flex-end;
}

.justify-flex-start-xm {
    justify-content: flex-start;
}

.align-center-xm {
    align-items: center;
}

.align-flex-start-xm {
    align-items: flex-start;
}	

.align-flex-end-xm {
    align-items: flex-end;
}	

.direction-column-xm {
	flex-direction: column;
}

.direction-column-xm-reverse {
	flex-direction: column-reverse;
}

.direction-row-reverse-xm {
	flex-direction: row-reverse;
}
	

.flow-wrap-xm {
	flex-flow:wrap;
}
	
.flow-wrap-xm-reverse {
	flex-flow:wrap column-reverse;
}

.flow-row-xm {
	flex-flow:row;
}

.flow-row-reverse-xm {
	flex-flow:row-reverse;
}
	
.flow-column-xm {
	flex-flow:column;
}
	
.flow-column-reverse-xm {
	flex-flow:column-reverse;
}	
	
.absolute-xm {
	position:absolute;
	z-index: 1;
}

.relative-xm {
	position:relative;
}


.absolute-center-xm {
	left:50%;
	transform: translateX(-50%);
}	

}



@media(max-width:945px) {
	
.col-m-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-m-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

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

.col-m-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-m-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-m-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-m-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-m-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-m-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-m-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}


.col-m-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-m-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;
}
    
    
.flex-b-m-1 {
	flex-basis: 10%;
	max-width: 10%;
}

.flex-b-m-2 {
	flex-basis: 20%;
	max-width: 20%;
}

.flex-b-m-3 {
	flex-basis: 30%;
	max-width: 30%;
}

.flex-b-m-4 {
	flex-basis: 40%;
	max-width: 40%;
}

.flex-b-m-5 {
	flex-basis: 50%;
	max-width: 50%;
}

.flex-b-m-6 {
	flex-basis: 60%;
	max-width: 60%;
	}

.flex-b-m-7 {
	flex-basis: 70%;
	max-width: 70%;
}

.flex-b-m-8 {
	flex-basis: 80%;
	max-width: 80%;
}

.flex-b-m-9 {
	flex-basis: 90%;
	max-width: 90%;
}

.flex-b-m-10 {
	flex-basis: 100%;
	max-width: 100%;
}
	
	
.f-size-m-07 {
	font-size:0.7rem!important;
} 


.f-size-m-1 {
	font-size:1rem!important;
} 

.f-size-m-2 {
	font-size:1.2rem!important;
} 

.f-size-m-3 {
	font-size:1.4rem!important;
} 

.f-size-m-4 {
	font-size:1.6rem!important;
} 

.f-size-m-5 {
	font-size:1.8rem!important;
} 

.f-size-m-6 {
	font-size:2rem!important;
} 

.f-size-m-7 {
	font-size:2.2rem!important;
} 

.f-size-m-8 {
	font-size:2.4rem!important;
} 

.f-size-m-9 {
	font-size:2.6rem!important;
} 

.f-size-m-10 {
	font-size:2.8rem!important;
} 

.f-size-m-11 {
	font-size:3rem!important;
}

.f-size-m-12 {
	font-size:3.2rem!important;
}

.f-size-m-13 {
	font-size:3.4rem!important;
}

.f-size-m-14 {
	font-size:3.6rem!important;
}

.f-size-m-15 {
	font-size:3.8rem!important;
}

.f-size-m-16 {
	font-size:4rem!important;
}

.f-size-m-17 {
	font-size:4.2rem!important;
}

.f-size-m-18 {
	font-size:4.4rem!important;
}

.f-size-m-19 {
	font-size:4.6rem!important;
}

.f-size-m-20 {
	font-size:4.8rem!important;
}

.f-size-m-21 {
	font-size:5rem!important;
}	
	
    
.m-top-m-0{
	margin-top:0rem;
}     
	
.m-top-m-1{
	margin-top:1rem;
} 

.m-top-m-2{
	margin-top:2rem;
}

.m-top-m-3{
	margin-top:3rem;
}

.m-top-m-4{
	margin-top:4rem;
}

.m-top-m-5{
	margin-top:5rem;
}
    
.m-right-m-0{
	margin-right:0rem;
}     

.m-right-m-1{
	margin-right:1rem;
} 

.m-right-m-2{
	margin-right:2rem;
}

.m-right-m-3{
	margin-right:3rem;
}

.m-right-m-4{
	margin-right:4rem;
}

.m-right-m-5{
	margin-right:5rem;
}
    
.m-bottom-m-0{
	margin-bottom:0rem;
}    

.m-bottom-m-1{
	margin-bottom:1rem;
} 

.m-bottom-m-2{
	margin-bottom:2rem;
}

.m-bottom-m-3{
	margin-bottom:3rem;
}

.m-bottom-m-4{
	margin-bottom:4rem;
}

.m-bottom-m-5{
	margin-bottom:5rem;
}
    
.m-left-m-0{
	margin-left:0rem;
}     

.m-left-m-1{
	margin-left:1rem;
} 

.m-left-m-2{
	margin-left:2rem;
}

.m-left-m-3{
	margin-left:3rem;
}

.m-left-m-4{
	margin-left:4rem;
}

.m-left-m-5{
	margin-left:5rem;
}
    
    
.m-all-m-0{
	margin:0rem;
} 

.m-all-m-1{
	margin:1rem;
} 

.m-all-m-2{
	margin:2rem;
}

.m-all-m-3{
	margin:3rem;
}

.m-all-m-4{
	margin:4rem;
}

.m-all-m-5{
	margin:5rem;
}    
	
.p-top-m-0{
	padding-top:0rem;
} 

.p-top-m-1{
	padding-top:1rem;
} 

.p-top-m-2{
	padding-top:2rem;
}

.p-top-m-3{
	padding-top:3rem;
}

.p-top-m-4{
	padding-top:4rem;
}

.p-top-m-5{
	padding-top:5rem;
}

.p-right-m-0{
	padding-right:0rem;
} 

.p-right-m-1{
	padding-right:1rem;
} 

.p-right-m-2{
	padding-right:2rem;
}

.p-right-m-3{
	padding-right:3rem;
}

.p-right-m-4{
	padding-right:4rem;
}

.p-right-m-5{
	padding-right:5rem;
}

.p-bottom-m-0{
	padding-bottom:0rem;
}

.p-bottom-m-1{
	padding-bottom:1rem;
} 

.p-bottom-m-2{
	padding-bottom:2rem;
}

.p-bottom-m-3{
	padding-bottom:3rem;
}

.p-bottom-m-4{
	padding-bottom:4rem;
}

.p-bottom-m-5{
	padding-bottom:5rem;
}

.p-left-m-0{
	padding-left:0rem;
} 

.p-left-m-1{
	padding-left:1rem;
} 

.p-left-m-2{
	padding-left:2rem;
}

.p-left-m-3{
	padding-left:3rem;
}

.p-left-m-4{
	padding-left:4rem;
}

.p-left-m-5{
	padding-left:5rem;
}
    
.p-all-m-0{
	padding:0rem;
} 

.p-all-m-1{
	padding:1rem;
} 

.p-all-m-2{
	padding:2rem;
}

.p-all-m-3{
	padding:3rem;
}

.p-all-m-4{
	padding:4rem;
}

.p-all-m-5{
	padding:5rem;
}
    
.d-flex-m {
	display:flex;
}   
	
	
.d-block-m {
	display:block;
}

.d-none-m {
	display:none;
}

.xt-align-left-m {
	text-align:left;
}

.xt-align-center-m {
	text-align:center;
}
.xt-align-right-m {
	text-align:right;
}

.justify-between-m {
    justify-content: space-between;
}

.justify-center-m {
    justify-content: center;
}

.justify-flex-end-m {
    justify-content: flex-end;
}

.justify-flex-start-m {
    justify-content: flex-start;
}

.align-center-m {
    align-items: center;
}

.align-flex-start-m {
    align-items: flex-start;
}	

.align-flex-end-m {
    align-items: flex-end;
}	

.direction-column-m {
	flex-direction: column;
}

.direction-column-m-reverse {
	flex-direction: column-reverse;
}

.direction-row-reverse-m {
	flex-direction: row-reverse;
}
	

.flow-wrap-m {
	flex-flow:wrap;
}
	
.flow-wrap-m-reverse {
	flex-flow:wrap column-reverse;
}

.flow-row-m {
	flex-flow:row;
}

.flow-row-reverse-m {
	flex-flow:row-reverse;
}
	
.flow-column-m {
	flex-flow:column;
}
	
.flow-column-reverse-m {
	flex-flow:column-reverse;
}	
	
.absolute-m {
	position:absolute;
	z-index: 1;
}

.relative-m {
	position:relative;
}


.absolute-center-m {
	left:50%;
	transform: translateX(-50%);
}	

}

@media(max-width:585px) {
	
.col-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}


.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
	max-width: 100%;
}	

.flex-b-1 {
	flex-basis: 10%;
	max-width: 10%;
}

.flex-b-2 {
	flex-basis: 20%;
	max-width: 20%;
}

.flex-b-3 {
	flex-basis: 30%;
	max-width: 30%;
}

.flex-b-4 {
	flex-basis: 40%;
	max-width: 40%;
}

.flex-b-5 {
	flex-basis: 50%;
	max-width: 50%;
}

.flex-b-6 {
	flex-basis: 60%;
	max-width: 60%;
	}

.flex-b-7 {
	flex-basis: 70%;
	max-width: 70%;
}

.flex-b-8 {
	flex-basis: 80%;
	max-width: 80%;
}

.flex-b-9 {
	flex-basis: 90%;
	max-width: 90%;
}

.flex-b-10 {
	flex-basis: 100%;
	max-width: 100%;
}
	
	
.f-size-07 {
	font-size:0.7rem!important;
} 


.f-size-1 {
	font-size:1rem!important;
} 

.f-size-2 {
	font-size:1.2rem!important;
} 

.f-size-3 {
	font-size:1.4rem!important;
} 

.f-size-4 {
	font-size:1.6rem!important;
} 

.f-size-5 {
	font-size:1.8rem!important;
} 

.f-size-6 {
	font-size:2rem!important;
} 

.f-size-7 {
	font-size:2.2rem!important;
} 

.f-size-8 {
	font-size:2.4rem!important;
} 

.f-size-9 {
	font-size:2.6rem!important;
} 

.f-size-10 {
	font-size:2.8rem!important;
} 

.f-size-11 {
	font-size:3rem!important;
}

.f-size-12 {
	font-size:3.2rem!important;
}

.f-size-13 {
	font-size:3.4rem!important;
}

.f-size-14 {
	font-size:3.6rem!important;
}

.f-size-15 {
	font-size:3.8rem!important;
}

.f-size-16 {
	font-size:4rem!important;
}

.f-size-17 {
	font-size:4.2rem!important;
}

.f-size-18 {
	font-size:4.4rem!important;
}

.f-size-19 {
	font-size:4.6rem!important;
}

.f-size-20 {
	font-size:4.8rem!important;
}

.f-size-21 {
	font-size:5rem!important;
}
	
.d-flex{
	display:flex;
}  	
	
.d-block {
	display:block;
}

.d-none {
	display:none;
}

.xt-align-left {
	text-align:left;
}

.xt-align-center {
	text-align:center;
}
.xt-align-right {
	text-align:right;
}

.justify-between {
    justify-content: space-between;
}

.justify-center {
    justify-content: center;
}

.justify-flex-end {
    justify-content: flex-end;
}

.justify-flex-start {
    justify-content: flex-start;
}

.align-center {
    align-items: center;
}

.align-flex-start {
    align-items: flex-start;
}	

.align-flex-end {
    align-items: flex-end;
}	
	
		
.direction-column {
	flex-direction: column;
}

.direction-column-reverse {
	flex-direction: column-reverse;
}

.direction-row-reverse {
	flex-direction: row-reverse;
}	
	
.flow-wrap {
	flex-flow:wrap;
}	
	
.flow-wrap-reverse {
	flex-flow:wrap column-reverse;
}

.flow-row {
	flex-flow:row;
}

.flow-row-reverse {
	flex-flow:row-reverse;
}
	
.flow-column {
	flex-flow:column;
}
	
.flow-column-reverse {
	flex-flow:column-reverse;
}
	
.absolute {
	position:absolute;
	z-index: 1;
}

.relative {
	position:relative;
}


.absolute-center {
	left:50%;
	transform: translateX(-50%);
}	


.m-top-0{
	margin-top:0rem;
} 

.m-top-1{
	margin-top:1rem;
} 

.m-top-2{
	margin-top:2rem;
}

.m-top-3{
	margin-top:3rem;
}

.m-top-4{
	margin-top:4rem;
}

.m-top-5{
	margin-top:5rem;
}

.m-right-0{
	margin-right:0rem;
}

.m-right-1{
	margin-right:1rem;
} 

.m-right-2{
	margin-right:2rem;
}

.m-right-3{
	margin-right:3rem;
}

.m-right-4{
	margin-right:4rem;
}

.m-right-5{
	margin-right:5rem;
}

.m-bottom-0{
	margin-bottom:0rem;
} 

.m-bottom-1{
	margin-bottom:1rem;
} 

.m-bottom-2{
	margin-bottom:2rem;
}

.m-bottom-3{
	margin-bottom:3rem;
}

.m-bottom-4{
	margin-bottom:4rem;
}

.m-bottom-5{
	margin-bottom:5rem;
}

.m-left-0{
	margin-left:0rem;
}

.m-left-1{
	margin-left:1rem;
} 

.m-left-2{
	margin-left:2rem;
}

.m-left-3{
	margin-left:3rem;
}

.m-left-4{
	margin-left:4rem;
}

.m-left-5{
	margin-left:5rem;
}
    
    
.m-all-0{
	margin:0rem;
} 

.m-all-1{
	margin:1rem;
} 

.m-all-2{
	margin:2rem;
}

.m-all-l-3{
	margin:3rem;
}

.m-all-4{
	margin:4rem;
}

.m-all-5{
	margin:5rem;
}    

	
.p-top-0{
	padding-top:0rem;
} 

.p-top-1{
	padding-top:1rem;
} 

.p-top-2{
	padding-top:2rem;
}

.p-top-3{
	padding-top:3rem;
}

.p-top-4{
	padding-top:4rem;
}

.p-top-5{
	padding-top:5rem;
}

.p-right-0{
	padding-right:0rem;
} 

.p-right-1{
	padding-right:1rem;
} 

.p-right-2{
	padding-right:2rem;
}

.p-right-3{
	padding-right:3rem;
}

.p-right-4{
	padding-right:4rem;
}

.p-right-5{
	padding-right:5rem;
}

.p-bottom-0{
	padding-bottom:0rem;
}

.p-bottom-1{
	padding-bottom:1rem;
} 

.p-bottom-2{
	padding-bottom:2rem;
}

.p-bottom-3{
	padding-bottom:3rem;
}

.p-bottom-4{
	padding-bottom:4rem;
}

.p-bottom-5{
	padding-bottom:5rem;
}

.p-left-0{
	padding-left:0rem;
} 

.p-left-1{
	padding-left:1rem;
} 

.p-left-2{
	padding-left:2rem;
}

.p-left-3{
	padding-left:3rem;
}

.p-left-4{
	padding-left:4rem;
}

.p-left-5{
	padding-left:5rem;
}
    
.p-all-0{
	padding:0rem;
} 

.p-all-1{
	padding:1rem;
} 

.p-all-2{
	padding:2rem;
}

.p-all-3{
	padding:3rem;
}

.p-all-4{
	padding:4rem;
}

.p-all-5{
	padding:5rem;
}
    
	
	

}