.relative{
    position: relative;
}
.absolute{
	position: absolute;
	z-index: 1;
	&.left{
		left: 0;
		[dir="rtl"] &{
			left: auto;
			right: 0;
		}
	}
	&.right{
		right: 0;
		[dir="rtl"] &{
			right: auto;
			left: 0;
		}
	}
	&.center{
		top: 50%;
		left: 50%;
		@include transform(translate(-50%,-50%));
	}
}
.absolute-xl{
	@media (min-width: $screen-xl-min){
		position: absolute;
	}
}
.absolute-lg{
	@media (min-width: $screen-lg-min){
		position: absolute;
	}
}
.absolute-vertical{
	top: 50%;
	@include transform(translateY(-50%));
}
$cms-positions :(
	0,5,10,15,20,25,30,35,40,50,70
);
@each $position in $cms-positions{
	.cms-abs-t-#{$position} {
		top: #{$position}px;
		@media (max-width: $screen-md-max){
			top: 20px;
		}
	}
	.cms-abs-r-#{$position} {
		right: #{$position}px;
		[dir="rtl"] &{
			right: auto;
			left: #{$position}px;
		}
		@media (max-width: $screen-md-max){
			right: 20px;
			[dir="rtl"] &{
				left: 20px;
			}
		}
	}
	.cms-abs-b-#{$position} {
		bottom: #{$position}px;
	}
	.cms-abs-l-#{$position} {
		left: #{$position}px;
		[dir="rtl"] &{
			left: auto;
			right: #{$position}px;
		}
		@media (max-width: $screen-md-max){
			left: 20px;
			[dir="rtl"] &{
				right: 20px;
			}
		}
	}
}

.position-inherit{
	position: inherit;
}
// Sticky 
.cms-sticky{
	position: sticky!important;
	position: -webkit-sticky!important;
	top: 0;
	z-index: 2;
}