// ### START: FONTS ###
@defaultFontSizePx: 16;
// ### END: FONTS ###

.addFontSize(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	font-size: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	font-size: ~"@{sizeAsRem}rem";
}
.addMarginRight(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	margin-right: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	margin-right: ~"@{sizeAsRem}rem";
}
.addMarginLeft(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	margin-left: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	margin-left: ~"@{sizeAsRem}rem";
}
.addMarginTop(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	margin-top: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	margin-top: ~"@{sizeAsRem}rem";
}
.addMarginBottom(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	margin-bottom: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	margin-bottom: ~"@{sizeAsRem}rem";
}
.addPaddingRight(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	padding-right: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	padding-right: ~"@{sizeAsRem}rem";
}
.addPaddingLeft(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	padding-left: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	padding-left: ~"@{sizeAsRem}rem";
}
.addPaddingTop(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	padding-top: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	padding-top: ~"@{sizeAsRem}rem";
}
.addPaddingBottom(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	padding-bottom: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	padding-bottom: ~"@{sizeAsRem}rem";
}
.addPadding(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	padding: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	padding: ~"@{sizeAsRem}rem";
}
.addRight(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	right: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	right: ~"@{sizeAsRem}rem";
}
.addLeft(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	left: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	left: ~"@{sizeAsRem}rem";
}
.addTop(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	top: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	top: ~"@{sizeAsRem}rem";
}
.addBottom(@sizeAsRem){		
	@pxValue: @sizeAsRem * @defaultFontSizePx;
	bottom: ~"@{pxValue}px"; // fallback for browser which does not support rem unit
	bottom: ~"@{sizeAsRem}rem";
}
/* ### END: MIXINS - Functions ### */

.show {
	display: block;
}
.hide {
  display: none;
}
.txt-align-center {
	text-align: center;
}
.txt-align-left {
	text-align: left;
}
.txt-align-right {
	text-align: right;
}
.padding-top-1x {
	.addPaddingTop(1);
}
.padding-top-2x {
	.addPaddingTop(2);
}
.padding-top-3x {
	.addPaddingTop(3);
}
.padding-left-3x {
	.addPaddingLeft(3);
}
.padding-right-3x {
	.addPaddingRight(3);
}
.margin-top-auto {
	margin-top: auto;
}
.margin-top-1x {
	.addMarginTop(1);
}
.margin-top-2x {
	.addMarginTop(2);
}
.margin-top-3x {
	.addMarginTop(3);
}
.margin-bottom-1x {
	.addMarginBottom(1);
}
.margin-bottom-2x {
	.addMarginBottom(2);
}
.margin-bottom-3x {
	.addMarginBottom(3);
}
.margin-bottom-4x {
	.addMarginBottom(4);
}
.margin-bottom-5x {
	.addMarginBottom(5);
}
.margin-bottom-6x {
	.addMarginBottom(6);
}
.margin-bottom-sm-0 {
	@media screen and (min-width: 576px) {
		.addMarginBottom(0);
	}
}
.margin-bottom-sm-1x {
	@media screen and (min-width: 576px) {
		.addMarginBottom(1);
	}
}
.margin-bottom-sm-2x {
	@media screen and (min-width: 576px) {
		.addMarginBottom(2);
	}
}
.margin-bottom-sm-3x {
	@media screen and (min-width: 576px) {
		.addMarginBottom(3);
	}
}
.margin-bottom-md-0 {
	@media screen and (min-width: 768px) {
		.addMarginBottom(0);
	}
}
.margin-bottom-md-1x {
	@media screen and (min-width: 768px) {
		.addMarginBottom(1);
	}
}
.margin-bottom-md-2x {
	@media screen and (min-width: 768px) {
		.addMarginBottom(2);
	}
}
.margin-bottom-md-3x {
	@media screen and (min-width: 768px) {
		.addMarginBottom(3);
	}
}
.margin-bottom-lg-0 {
	@media screen and (min-width: 992px) {
		.addMarginBottom(0);
	}
}
.margin-bottom-lg-1x {
	@media screen and (min-width: 992px) {
		.addMarginBottom(1);
	}
}
.margin-bottom-lg-2x {
	@media screen and (min-width: 992px) {
		.addMarginBottom(2);
	}
}
.margin-bottom-lg-3x {
	@media screen and (min-width: 992px) {
		.addMarginBottom(3);
	}
}
.margin-bottom-30px {
	margin-bottom: 30px;
}
.margin-bottom-0 {
	margin-bottom: 0;
}
.img-responsitive { // typo, keep for compatibility reasons
	width: 100%;
	height: auto;
}
.img-responsive {
	width: 100%;
	height: auto;
}
.font-weight-300 {
	font-weight: 300;
}
.font-weight-400 {
	font-weight: 400;
}
.font-weight-500 {
	font-weight: 500;
}
.font-weight-600 {
	font-weight: 600;
}
.font-weight-700 {
	font-weight: 700;
}
.font-weight-800 {
	font-weight: 800;
}
.font-weight-900 {
	font-weight: 900;
}
.inline-block {
	display: inline-block;
}
.block {
	display: block;
}
.circle {
	border-radius: 50%;
}
.rotate-180 {
	transform: rotate(180deg);  /* Standard syntax */
	transition: transform 0.2s ease;
}
.no-border {
	border: none;
}
.no-top-offset {
	padding-top: 0px;
	margin-top: 0px;
}
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}