/*

	GEP Motors CSS (Mobile First):
	Copyright (C) 2016 OwlTree Web Solutions.

*/



html
{
	width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow: auto;
	-webkit-overflow-scrolling: touch;
	font-size: 100%;
}

@font-face
{
	
	font-family: 'InterstateThin';
	src: url('../fonts/InterstateThin.eot'); src: url('../fonts/InterstateThin.eot?#iefix') format('embedded-opentype'), url('../fonts/InterstateThin.svg#InterstateThin') format('svg'), url('../fonts/InterstateThin.woff') format('woff'), url('../fonts/InterstateThin.ttf') format('truetype');	
	font-display: swap;
}

@font-face
{
	
	font-family: 'InterstateLight';
	src: url('../fonts/InterstateLight.eot'); src: url('../fonts/InterstateLight.eot?#iefix') format('embedded-opentype'), url('../fonts/InterstateLight.svg#InterstateLight') format('svg'), url('../fonts/InterstateLight.woff') format('woff'), url('../fonts/InterstateLight.ttf') format('truetype');	
	font-display: swap;
}

@font-face
{
	
	font-family: 'Interstate';
	src: url('../fonts/interstate.eot'); src: url('../fonts/interstate.eot?#iefix') format('embedded-opentype'), url('../fonts/interstate.svg#interstate') format('svg'), url('../fonts/interstate.woff') format('woff'), url('../fonts/interstate.ttf') format('truetype');	
	font-display: swap;
}

@font-face
{
	
	font-family: 'InterstateMonoBold';
	src: url('../fonts/InterstateMonoBold.eot'); src: url('../fonts/InterstateMonoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/InterstateMonoBold.svg#InterstateMonoBold') format('svg'), url('../fonts/InterstateMonoBold.woff') format('woff'), url('../fonts/InterstateMonoBold.ttf') format('truetype');	
	font-display: swap;
}

body
{
	height: 100%;
	font-family: 'InterstateLight', sans-serif;
	letter-spacing: 0px;
	background-color: white;
	color: #3a4149;
}

h1
{
	margin: 0em 0 0.2em 0;
	padding: 0;
	font-size: 2.5em;
	text-align: center;
}

h2
{
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	font-size: 2.5em;
	font-weight: normal;
	color: #3a4149;
	
}

h2.tag-line, h1.tag-line
{
	margin: 0em 0 0.2em 0;
	padding: 0;
	font-size: 2.5em;	
}

h3
{
	padding: 0.5em 0 0.5em 0;
	text-align: center;
	font-size: 2.6em;
	font-weight: normal;
	color: #3a4149;
	line-height: 1.1em;
}

h3.tagline2
{
	font-size: 2.5em;
	margin-top: 1em;
}

h3.phone-no
{
	font-size: 1.4em;
}

h4
{
	font-size: 2em;
	text-align: center;
	margin-bottom: 1em;
}

p
{
	font-size: 1.7em;
	padding: 0.4em 0;
}

a, a:visited
{
	color: #3a4149;
}

br.clear
{
	clear: both;
}

img.logo
{
	width: 70%;
	min-width: 400px;
	max-width: 600px;
	display: block;
	margin: 1em auto 3em auto;
}

.red, .red a
{
	color: #e75a2c;
}

.content-strip
{
	clear: both;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
}

.opening
{
	width: 400px;
	color: white;
	background-color: #7d7d7d;
	padding: 2%;
	margin: 1em auto;
	border-radius: 30px;
}

.content-holder
{
	width: 98%;
	max-width: 1280px;
	margin: 0em auto;
	padding: 0 1%;
}

.red-bg
{
	background-color: #e75a2c;
}

img.gradient
{
	float: left;
	width: 100%;
}

.divider
{
	float: left;
	width: 100%;
	height: 15px;
	margin: 1em 0;
	background: url(../images/gradient.png) no-repeat 50% 50%;
	background-size: cover;
}

.service-holder
{
	width: 98%;
	max-width: 1280px;
	margin: 0em auto;
	padding: 2.5em 0;
	background: #eaecec;
}

.service
{
	float: left;
	width: 46%;	
	margin: 1em 2% 1em 2%;
	background-color: #e75a2c;
	color: white;
	border-radius: 30px;
}

.service h3
{
	color: white;
}

.service img
{
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}

img.divider
{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.flex-box
{
	display: -webkit-flex;
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	justify-content: center;
}

.white-bg
{
	background-color: white;
	padding: 3em 0;
}

.social-icon
{
	display: block;
	width: 400px;
	margin: 0 auto;
}

img.social-icon
{
	display: block;
	width: 100px;
	margin: 0 auto;
	text-align: center;
}