@font-face {
	font-family: 'centur-gothic';
	src: url('../../fonts/centur-gothic.eot?v=4.2.0');
	src: url('../../fonts/centur-gothic.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../../fonts/centur-gothic.woff?v=4.2.0') format('woff'), url('../../fonts/centur-gothic.ttf?v=4.2.0') format('truetype'), url('../../fonts/centur-gothic.svg?v=4.2.0#fontawesomeregular') format('svg');
}

@font-face {
	font-family: 'century-gothic-bold';
	src: url('../../fonts/century-gothic-bold.eot?v=4.2.0');
	src: url('../../fonts/century-gothic-bold.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../../fonts/century-gothic-bold.woff?v=4.2.0') format('woff'), url('../../fonts/century-gothic-bold.ttf?v=4.2.0') format('truetype'), url('../../fonts/century-gothic-bold.svg?v=4.2.0#fontawesomeregular') format('svg');
}

@font-face {
	font-family: 'gesstwomedium';
	src: url('../../fonts/gesstwomedium.eot?v=4.2.0');
	src: url('../../fonts/gesstwomedium.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../../fonts/gesstwomedium.woff?v=4.2.0') format('woff'), url('../../fonts/gesstwomedium.ttf?v=4.2.0') format('truetype'), url('../../fonts/gesstwomedium.svg?v=4.2.0#fontawesomeregular') format('svg');
}

@font-face {
	font-family: droid arabic kufi;
	src: url(../../fonts/DroidKufi-Regular.eot);
	src: url(../../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../../fonts/DroidKufi-Regular.woff) format('woff'), url(../../fonts/DroidKufi-Regular.woff2) format('woff2'), url(../../fonts/DroidKufi-Regular.ttf) format('truetype'), url('../../fonts/DroidKufi-Regular.svg#Droid Arabic Kufi') format('svg');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'MarselisPro';
	src: url('../../fonts/MarselisPro.eot');
	src: url('../../fonts/MarselisPro.eot?#iefix') format('embedded-opentype'), url('../../fonts/MarselisPro.woff') format('woff'), url('../../fonts/MarselisPro.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



/*

Featured Codes 
Mobile Grid 
Grid 720px+
Grid 1024px+
Grid 1200px+

*/

/*------ Featured Codes ----------*/


*, *:after, *:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='grid-'] {
	padding: 20px; /*Change it with respect to design*/
	width: 100%;
	float: left;
}

.clear-grid {
	clear: both;
	float: inherit;
}

.nested-grid {
	margin: 0 -10px;
	padding: 0;
	width: auto;
}

img.scale, img.responsive {
	max-width: 100%;
	height: auto;
}

.container {
	margin: 0%;
	width: 100%;
}

	.container:after, .container:before {
		display: table;
		clear: both;
		content: " ";
	}
/*spacer*/
.spacer {
	clear: both !important;
	float: none !important;
	height: 0px;
	display: block;
}

.spacer10 {
	clear: both !important;
	float: none !important;
	height: 10px
}

.spacer20 {
	clear: both !important;
	float: none !important;
	height: 20px
}

.spacer30 {
	clear: both !important;
	float: none !important;
	height: 30px
}

.spacer40 {
	clear: both !important;
	float: none !important;
	height: 40px
}

.spacer50 {
	clear: both !important;
	float: none !important;
	height: 50px
}

.spacer60 {
	clear: both !important;
	float: none !important;
	height: 60px
}

.spacer70 {
	clear: both !important;
	float: none !important;
	height: 70px
}

.spacer80 {
	clear: both !important;
	float: none !important;
	height: 80px
}
/*padding*/
.nop {
	padding: 0px !important
}

.ntp {
	padding-top: 0px !important
}

.nbp {
	padding-bottom: 0px !important
}
/* ------ Mobile Grid ------ */


.grid-m-12 {
	width: 100%;
}

.grid-m-11 {
	width: 91.666663%;
}

.grid-m-10 {
	width: 83.33%;
}

.grid-m-9 {
	width: 74.999997%;
}

.grid-m-8 {
	width: 66.66666664%;
}

.grid-m-7 {
	width: 58.333%;
}

.grid-m-6 {
	width: 50%;
}

.grid-m-5 {
	width: 41.6665%;
}

.grid-m-4 {
	width: 33.33%;
}

.grid-m-3 {
	width: 24.99%;
}

.grid-m-2 {
	width: 16.66666%;
}

.grid-m-1 {
	width: 8.33%;
}

.grid-m-0 {
	width: 100%;
	padding: 0px !important
}

/* ------ Grid 720px+ ------ */

@media (min-width: 720px) {
	.grid-12 {
		width: 100%;
	}

	.grid-11 {
		width: 91.666663%;
	}

	.grid-10 {
		width: 83.33%;
	}

	.grid-9 {
		width: 74.999997%;
	}

	.grid-8 {
		width: 66.66666664%;
	}

	.grid-7 {
		width: 58.333%;
	}

	.grid-6 {
		width: 50%;
	}

	.grid-5 {
		width: 41.6665%;
	}

	.grid-4 {
		width: 33.33%;
	}

	.grid-3 {
		width: 24.99%;
	}

	.grid-2 {
		width: 16.66666%;
	}

	.grid-1 {
		width: 8.33%;
	}

	.grid-t-12 {
		width: 100%;
	}

	.grid-t-11 {
		width: 91.666663%;
	}

	.grid-t-10 {
		width: 83.33%;
	}

	.grid-t-9 {
		width: 74.999997%;
	}

	.grid-t-8 {
		width: 66.66666664%;
	}

	.grid-t-7 {
		width: 58.333%;
	}

	.grid-t-6 {
		width: 50%;
	}

	.grid-t-5 {
		width: 41.6665%;
	}

	.grid-t-4 {
		width: 33.33%;
	}

	.grid-t-3 {
		width: 24.99%;
	}

	.grid-t-2 {
		width: 16.66666%;
	}

	.grid-t-1 {
		width: 8.33%;
	}

	.grid-t-0 {
		width: 100%;
		padding: 0px !important
	}
}

/* ------ Grid 1024px+ ------ */

@media only screen and (min-width: 1024px) {
	.grid-tl-12 {
		width: 100%;
	}

	.grid-tl-11 {
		width: 91.666663%;
	}

	.grid-tl-10 {
		width: 83.33%;
	}

	.grid-tl-9 {
		width: 74.999997%;
	}

	.grid-tl-8 {
		width: 66.66666664%;
	}

	.grid-tl-7 {
		width: 58.333%;
	}

	.grid-tl-6 {
		width: 50%;
	}

	.grid-tl-5 {
		width: 41.6665%;
	}

	.grid-tl-4 {
		width: 33.33%;
	}

	.grid-tl-3 {
		width: 24.99%;
	}

	.grid-tl-2 {
		width: 16.66666%;
	}

	.grid-tl-1 {
		width: 8.33%;
	}

	.grid-t1-0 {
		width: 100%;
		padding: 0px !important
	}
}

/* ------ Grid 1200px+ ------ */

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1280px;
		margin: 0 auto;
	}

	.container-fluid {
		max-width: 90%;
		margin: 0 5%;
	}

	.grid-d-12 {
		width: 100%;
	}

	.grid-d-11 {
		width: 91.666663%;
	}

	.grid-d-10 {
		width: 83.33%;
	}

	.grid-d-9 {
		width: 74.999997%;
	}

	.grid-d-8 {
		width: 66.66666664%;
	}

	.grid-d-7 {
		width: 58.333%;
	}

	.grid-d-6 {
		width: 50%;
	}

	.grid-d-5 {
		width: 41.6665%;
	}

	.grid-d-4 {
		width: 33.33%;
	}

	.grid-d-3 {
		width: 24.99%;
	}

	.grid-d-2 {
		width: 16.66666%;
	}

	.grid-d-1 {
		width: 8.33%;
	}

	.grid-d-0 {
		width: 100%;
		padding: 0px !important
	}
}


/*html reset*/
a, hr {
	padding: 0
}

a, button, input, select, textarea {
	margin: 0
}

article, aside, details, figure, footer, header, hr, main, nav, section, summary {
	display: block
}

abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline;
	background: 0 0
}

input[type=checkbox], th {
	vertical-align: bottom
}

html {
	box-sizing: border-box;
	overflow-y: scroll
}

*, :after, :before {
	box-sizing: inherit
}

embed, img, object {
	max-width: 100%
}

ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

	blockquote:after, blockquote:before, q:after, q:before {
		content: '';
		content: none
	}

a {
	font-size: 100%;
	vertical-align: baseline;
	background: 0 0
}

del {
	text-decoration: line-through
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help
}

th {
	font-weight: 700
}

td {
	font-weight: 400;
	vertical-align: top
}

hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0
}
/*input,select{vertical-align:middle}*/

pre {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word
}

input[type=radio] {
	vertical-align: middle
}

.ie7 input[type=checkbox] {
	vertical-align: baseline
}

.ie6 input {
	vertical-align: text-bottom
}

input, select, textarea {
	font: 99% sans-serif
}

table {
	border-collapse: separate;
	border-spacing: 0;
	font: 100%
}

small {
	font-size: 85%
}

strong {
	font-weight: 700
}

	strong span {
		font-weight: 700;
	}

td, td img {
	vertical-align: top
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

code, kbd, pre, samp {
	font-family: monospace,sans-serif
}

.clickable, button, input[type=button], input[type=file], input[type=submit], label {
	cursor: pointer
}

button, input[type=button] {
	width: auto;
	overflow: visible
}

.ie7 img {
	-ms-interpolation-mode: bicubic
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both
}