/**
* Imported Styles.
**/

@import url('https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900');
@import url('bootstrap.min.css');
@import url('animate.css');

body {
	font-family: 'Raleway', sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #202020;
}
img {
	max-width: 100%;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
a, a:hover, a:focus, a:active {
	text-decoration: none;
	color: #FC5A1B;
}

/**
* Section title Styles.
**/

.section-title {
	width: 70%;
	margin: auto;
}
.section-title h2,
.section-title h1 {
	color: #424242;
	font-size: 30px;
	font-weight: 800;
	line-height: 28px;
	border-bottom: 1px solid  #E2E2E2;
	text-transform: uppercase;
	padding-bottom: 30px;
	margin-bottom: 65px;
	position: relative;
}
.section-title h2:before,
.section-title h1:before {
	content: ' ';
	background: #fff url(../img/resources/section-title-icon.png) center center no-repeat;
	width: 75px;
	height: 30px;
	position: absolute;
	bottom: -15px;
	left: 45%;
	display: block;
}

/**
* Section component Styles.
**/

.section-wrap {
	padding: 80px 0;
}
.section-wrap p {
	margin: 26px 0 25px;
}
.section-wrap a.view-btn {
	display: inline-block;
	color: #fff;
	font-weight: bold;
	background: #FC5A1B;
	border-radius: 5px;
	line-height: 39px;
	padding: 0 29px;
	text-transform: uppercase;
}
.section-wrap a.view-btn:before {
	background: #51B7E3;
	border-radius: 5px;
}
.single-section {
	margin-bottom: 60px;
}