* 						{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
	img 					{ -ms-interpolation-mode: bicubic; }

	.reset					{ padding: 0; margin: 0; border: 0;}

/* ---------------------------------------------------------------------------------------------------------- */

	.clear					{ clear: both; }


	.hide, .none, .hidden	{ display: none;}
	.invisible				{ visibility: hidden;}
	.visible				{ visibility: visible;}

	.pointer				{ cursor: pointer}


	.separator 				{ height: 2em; }


	
	.transparent			{ opacity: 0.5;}

	.noborder,
	.border_none			{ border:none !important;}
	.nomargin,
	.mag_none				{ margin:0 !important;}
	.nopadding,
	.pad_none				{ padding:0 !important;}



	.left					{ float:left !important;}
	.right					{ float:right !important; }




	.clear					{ clear:both; }
	.clear-right			{ clear:right; }
	.clear-left				{ clear:left; }


/* -------------- fonts -------------- */

.relative 				{ position:relative; } 
.fixed 					{ position:fixed; } 


/* -------------- fonts -------------- */

.l08em 				{ line-height: 0.8em !important; }
.l09em 				{ line-height: 0.9em !important; }
.l1em 				{ line-height: 1.0em !important; }
.l11em 				{ line-height: 1.1em !important; }
.l12em 				{ line-height: 1.2em !important; }
.l13em 				{ line-height: 1.3em !important; }
.l14em 				{ line-height: 1.4em !important; }
.l145em 			{ line-height: 1.45em !important; }
.l18em 				{ line-height: 1.8em !important; }

.l1125em 			{ line-height: 1.125em; }
.l1056em 			{ line-height: 1.056em !important; }



.fw300 				{ font-weight: 300 !important; }
.fw400 				{ font-weight: 400 !important; }
.fw500 				{ font-weight: 500 !important; }
.fw600 				{ font-weight: 600 !important; }
.fw700 				{ font-weight: 700 !important; }
.fw800 				{ font-weight: 800 !important; }
.fw900 				{ font-weight: 900 !important; }


	.f10				{ font-size: 10px; }
	.f12				{ font-size: 12px; }
	.f13				{ font-size: 13px; }
	.f14				{ font-size: 14px; }
	.f16				{ font-size: 16px; }
	.f18				{ font-size: 18px; }
	.f20				{ font-size: 20px; }
	.f22				{ font-size: 22px; }
	.f23				{ font-size: 23px; }
	.f24				{ font-size: 24px; }
	.f26				{ font-size: 26px; }
	.f28				{ font-size: 28px; }
	.f32 				{ font-size: 32px; }
	.f30 				{ font-size: 30px; }
	.f36 				{ font-size: 36px; }
	.f42 				{ font-size: 42px; }
	.f44 				{ font-size: 44px; }
	.f60 				{ font-size: 60px; }


	


	.text-white 				{ color:#fff; }
	.text-white-force 			{ color:#fff !important; }
	.text-black 				{ color:#000; }


	.lowercase				{ text-transform: lowercase; }
	.uppercase				{ text-transform: uppercase; }
	.texttransformnone		{ text-transform: none; }

/* -------------------------------------------- */



/* -------------- text alignment -------------- */
.text-right 			{ text-align: right; }
.text-left 				{ text-align: left; }
.text-center, .center	{ text-align: center; }

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
	text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
	text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
	text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
	text-align: justify;
}

@media (max-width: 767px) {
	.text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs { text-align: inherit; }
	.text-left-xs 		{ text-align: left; }
	.text-center-xs 	{ text-align: center; }
	.text-right-xs 		{ text-align: right; }
	.text-justify-xs 	{ text-align: justify; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm { text-align: inherit; }
	.text-left-sm 		{ text-align: left !important; }
	.text-center-sm 	{ text-align: center; }
	.text-right-sm 		{ text-align: right; }
	.text-justify-sm 	{ text-align: justify; }
}
@media (min-width: 992px) and (max-width: 1199px) {
	.text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md { text-align: inherit; }
	.text-left-md 		{ text-align: left; }
	.text-center-md 	{ text-align: center; }
	.text-right-md 		{ text-align: right; }
	.text-justify-md 	{ text-align: justify; }
}
@media (min-width: 1200px) {
	.text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg { text-align: inherit; }
	.text-left-lg 		{ text-align: left; }
	.text-center-lg 	{ text-align: center; }
	.text-right-lg 		{ text-align: right; }
	.text-justify-lg 	{ text-align: justify; }
}

/* -------------------------------------------- */



/* -------------- wrapping -------------- */

.nowrap { white-space: nowrap; } 

@media screen and (max-width: 767px) {
	.nowrap-xs 		{ white-space: nowrap; }
	.wrap-xs 		{ white-space: normal; }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.nowrap-sm 		{ white-space: nowrap; }
	.wrap-sm 		{ white-space: normal; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.nowrap-md 		{ white-space: nowrap; }
	.wrap-md 		{ white-space: normal; }
}
@media screen and (min-width: 1200px) {
	.nowrap-lg 		{ white-space: nowrap; }
	.wrap-lg 		{ white-space: normal; }
}


.break-long-link { 
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

/* -------------------------------------------- */

.color-bg-transition	{   -webkit-transition: color 300ms, background-color 300ms;
						  		 -o-transition: color 300ms, background-color 300ms;
						  		  	transition: color 300ms, background-color 300ms; }

/* -------------------------------------------- */



/* -------------- margins -------------- */

.mag_none 				{ margin:0px !important; }

	/* MARGIN TOP */
	.mag_top_big		{ margin-top:20px; }
	.mag_top 			{ margin-top:10px; }
	.mag_top_small		{ margin-top:5px; }
	.mag_top_none		{ margin-top:0px !important; }

	/* MARGIN RIGHT */
	.mag_right_big		{ margin-right:20px; }
	.mag_right 			{ margin-right:10px; }
	.mag_right_small	{ margin-right:5px; }
	.mag_right_none		{ margin-right:0px !important; }

	/* MARGIN BOTTOM */
	.mag_bot_big		{ margin-bottom:20px !important; }
	.mag_bot 			{ margin-bottom:10px !important; }
	.mag_bot_small		{ margin-bottom:5px !important; }
	.mag_bot_none		{ margin-bottom:0px !important; }

	/* MARGIN LEFT */
	.mag_left 			{ margin-left:10px; }
	.mag_left_big		{ margin-left:20px; }
	.mag_left_small		{ margin-left:5px; }
	.mag_left_none		{ margin-left:0px !important; }

/* -------------------------------------------- */



/* ----------------- padding ------------------ */

.padding				{ padding: 10px;}
.padding_big, .pad_big	{ padding: 20px;}
.pad_none				{ padding:0 !important; }

	/* PADDING TOP */
	.pad_top_big		{ padding-top:20px; }
	.pad_top 			{ padding-top:10px !important; }
	.pad_top_small		{ padding-top:5px; }

	/* PADDING RIGHT */
	.pad_right_big		{ padding-right:20px; }
	.pad_right 			{ padding-right:10px; }
	.pad_right_small	{ padding-right:5px; }
	.pad_right_none		{ padding-right:0px !important; } /* especially used on menus and contents */

	/* PADDING BOTTOM */
	.pad_bot_big		{ padding-bottom:20px !important; }
	.pad_bot 			{ padding-bottom:10px !important; }
	.pad_bot_small		{ padding-bottom:5px; }

	/* PADDING LEFT */
	.pad_left_big		{ padding-left:20px !important; }
	.pad_left 			{ padding-left:10px; }
	.pad_left_small		{ padding-left:5px; }
	.pad_left_none		{ padding-left:0px !important; } /* especially used on menus and forms */

	.pad_bot_none 		{ padding-bottom: 0 !important; }
	.pad_top_none 		{ padding-top: 0 !important; }



/* ----------------- font related ------------------ */

.normal_font			{ font-size:14px; }

.smallcaps				{ text-transform:lowercase; }	
.underline 				{ text-decoration:underline !important; }
.italic 				{ font-style: italic;}
.superscript 			{ vertical-align: super; position: absolute; margin-top:-4px;}

.text_smallest			{ font-size:10px; }
.text_small				{ font-size:12px; }
.text_big				{ font-size:16px; }
.text_bigger			{ font-size:22px; }

/* -------------------------------------------- */

/* STYLE for reseting backgrounds borders etc. */
.no_bcg 				{ background:none !important; }
.no_border 				{ border:none !important; }
.no_wrap 				{ white-space:nowrap; }
.no_bold 				{ font-weight:normal !important; }


.inline-table 			{ display: inline-table;}
.inline,
.inline-block 			{ display: inline-block;}
.dblock 				{ display: block; }

.col-centered{
    float: none !important;
    margin: 0 auto !important;
}