/*--------------------------------------------------------------
## Configuration
--------------------------------------------------------------*/
	
	/* Fonts Sizes */

	.ts0{ font-size:35px; line-height: 45px }
	.ts1{ font-size:30px; line-height: 40px }
	.ts2{ font-size:25px; line-height: 35px }
	.ts3{ font-size:20px; line-height: 30px }

	@media all and (min-width: 768px){
		.ts0{ font-size:50px; line-height: 60px }
	}

	/* Fonts Family */

	body{

		font-family: 'Quicksand', sans-serif;
		font-family: 'Work Sans', sans-serif;
		
		font-size: 16px;
	}

	/* Padding */

	.u-padx25_m{ padding-right: 25px; padding-left: 25px }
	.u-pady25_m{ padding-top: 25px; padding-bottom: 25px }

	.u-padx50_m{ padding-right: 50px; padding-left: 50px }
	.u-pady50_m{ padding-top: 50px; padding-bottom: 50px }
	
	
	.u-pt25_m{ padding-top: 25px;  }
	.u-pt50_m{ padding-top: 50px;  }
	
	.u-pr25_m{ padding-right: 25px;  }
	.u-pr50_m{ padding-right: 50px;  }
	
	.u-pb25_m{ padding-bottom: 25px;  }
	.u-pb50_m{ padding-bottom: 50px;  }
	
	.u-pl25_m{ padding-left: 25px;  }
	.u-pl50_m{ padding-left: 50px;  }
	
	@media all and (min-width: 768px){
		
			.u-padx25{ padding-right: 25px; padding-left: 25px }
			.u-pady25{ padding-top: 25px; padding-bottom: 25px }

			.u-padx50{ padding-right: 50px; padding-left: 50px }
			.u-pady50{ padding-top: 50px; padding-bottom: 50px }
			
			
			.u-pt25{ padding-top: 25px;  }
			.u-pt50{ padding-top: 50px;  }
			
			.u-pr25{ padding-right: 25px;  }
			.u-pr50{ padding-right: 50px;  }
			
			.u-pb25{ padding-bottom: 25px;  }
			.u-pb50{ padding-bottom: 50px;  }
			
			.u-pl25{ padding-left: 25px;  }
			.u-pl50{ padding-left: 50px;  }
	
	}
	
		/* Margin */
	
	
			.u-margx25_m{ margin-right: 25px; margin-left: 25px }
			.u-margy25_m{ margin-top: 25px; margin-bottom: 25px }

			.u-margx50_m{ margin-right: 50px; margin-left: 50px }
			.u-margy50_m{ margin-top: 50px; margin-bottom: 50px }
			
			
			.u-mt25_m{ margin-top: 25px;  }
			.u-mt50_m{ margin-top: 50px;  }
			
			.u-mr25_m{ margin-right: 25px;  }
			.u-mr50_m{ margin-right: 50px;  }
			
			.u-mb25_m{ margin-bottom: 25px;  }
			.u-mb50_m{ margin-bottom: 50px;  }
			
			.u-ml25_m{ margin-left: 25px;  }
			.u-ml50_m{ margin-left: 50px;  }
			
		@media all and (min-width: 768px){
			
			.u-margx25{ margin-right: 25px; margin-left: 25px }
			.u-margy25{ margin-top: 25px; margin-bottom: 25px }

			.u-margx50{ margin-right: 50px; margin-left: 50px }
			.u-margy50{ margin-top: 50px; margin-bottom: 50px }
			
			
			.u-mt25{ margin-top: 25px;  }
			.u-mt50{ margin-top: 50px;  }
			
			.u-mr25{ margin-right: 25px;  }
			.u-mr50{ margin-right: 50px;  }
			
			.u-mb25{ margin-bottom: 25px;  }
			.u-mb50{ margin-bottom: 50px;  }
			
			.u-ml25{ margin-left: 25px;  }
			.u-ml50{ margin-left: 50px;  }
	
		}
	


	body strong,
	body b{
		font-weight: 700
	}

	hr.divider{
		border-top:0;
		border-bottom: 0;
	}

	hr.divider_article{
		border-top:3px #fff dashed;
		border-bottom: 0;
	}

	img{
		display: initial;
	}

	@media all and (max-width: 780px) {
		.u-c{ width: 100%; }
		.u-mcol
		{ 
			padding-left: 20px; 
			padding-right: 20px; 

			padding-left: 8vw; 
			padding-right: 8vw 
		}
	}


	/* Wide */

	@media all and (min-width: 780px) {
		.u-cmax{max-width: 1200px;}
		.u-cmax-wide{max-width: 1500px;}
	}


	/* Small */

	@media all and (max-width: 780px) {
		.u-c{width: 100%;}	
	}


/*--------------------------------------------------------------
## Animations
--------------------------------------------------------------*/


.u-fadein{
	animation : fadein 1s;
}

@keyframes fadein{
	0%{
		opacity: 0;
		transform: translateY(-15px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}

}




.u-fadeout{
	animation : fadeout 1s;
}

@keyframes fadeout{
	
	0%{
		opacity: 1;
		transform: translateY(0);
	}
	100%{
		opacity: 0;
		transform: translateY(-15px);
	}
}