/* Deafult Margin & Padding */
/*-- Margin Top --*/
.mt-small {
	margin-top: 15px;
}
.mt-medium {
	margin-top: 30px;
}
.mt-large {
	margin-top: 60px;
}

/*-- Margin Bottom --*/
.mb-small {
	margin-bottom: 15px;
}
.mb-medium {
	margin-bottom: 30px;
}
.mb-large {
	margin-bottom: 60px;
}

/*-- Margin Left --*/
.ml-small {
	margin-left: 15px;
}
.ml-medium {
	margin-left: 30px;
}
.ml-large {
	margin-left: 60px;
}

/*-- Margin Right --*/
.mr-small {
	margin-right: 15px;
}
.mr-medium {
	margin-right: 30px;
}
.mr-large {
	margin-right: 60px;
}

/*-- Padding Top --*/
.pt-small {
	padding-top: 15px;
}
.pt-medium {
	padding-top: 30px;
}
.pt-large {
	padding-top: 60px;
}

/*-- Padding Bottom --*/
.pb-small {
	padding-bottom: 15px;
}
.pb-medium {
	padding-bottom: 30px;
}
.pb-large {
	padding-bottom: 60px;
}

/*-- Padding Left --*/
.pl-small {
	padding-left: 15px;
}
.pl-medium {
	padding-left: 30px;
}
.pl-large {
	padding-left: 60px;
}

/*-- Padding Right --*/
.pr-small {
	padding-right: 15px;
}
.pr-medium {
	padding-right: 30px;
}
.pr-large {
	padding-right: 60px;
}

/* font weight */
.f-700{font-weight: 700 !important;}
.f-600{font-weight: 600 !important;}
.f-500{font-weight: 500 !important;}
.f-400{font-weight: 400 !important;}
.f-300{font-weight: 300 !important;}

/* Background Color */

.gray-bg {
	background: #f7f7fd;
}
.white-bg {
	background: #fff;
}
.black-bg {
	background: #222;
}
.theme-bg {
	background: #222;
}
.primary-bg {
	background: #222;
}
/* Color */

.white-color {
	color: #fff;
}
.black-color {
	color: #222;
}
.theme-color {
	color: #222;
}
.primary-color {
	color: #222;
}
/* black overlay */

[data-overlay] {
	position: relative;
}
[data-overlay]::before {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
[data-overlay="3"]::before {
	opacity: 0.3;
}
[data-overlay="4"]::before {
	opacity: 0.4;
}
[data-overlay="5"]::before {
	opacity: 0.5;
}
[data-overlay="6"]::before {
	opacity: 0.6;
}
[data-overlay="7"]::before {
	opacity: 0.7;
}
[data-overlay="8"]::before {
	opacity: 0.8;
}
[data-overlay="9"]::before {
	opacity: 0.9;
}

/* background color */

.grey-bg {
	background: #f5f5f5;
}
.white-bg {
	background: #fff;
}
.black-bg {
	background: #10111e;
}
.theme-bg {
	background: #84b77c;
}
.theme-soft-bg {
	background: #fff8f3;
}
.primary-bg {
	background: #222;
}

/* max-width */
.wm-100p{
	max-width: 100%;
}
.wm-80p{
	max-width: 80%;
}
.wm-70p{
	max-width: 70%;
}
.wm-50p{
	max-width: 50%;
}


/* height */
.h-950{
	min-height: 950px;
}
.h-790{
	min-height: 790px;
}
.h-590{
	min-height: 590px;
}

.h-550{
	min-height: 550px;
}