@font-face {
	font-family: 'Gotham-Book';
	src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Book.otf') format('opentype'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg#Gotham-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-Medium';
	src: url('../fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gotham-Medium.otf') format('opentype'), url('../fonts/Gotham-Medium.woff') format('woff'), url('../fonts/Gotham-Medium.ttf') format('truetype'), url('../fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* BODY */
body {
	font-family: 'Gotham-Book';
	font-weight: 400;
	color: #334650;
}
/* RESETS */
h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}

a:focus {
	outline: none;
	outline-offset: 0;
}

a:hover, a:focus {
	text-decoration: none;
}

p {
	margin: 0;
	padding: 0;
}

.mainHeader .mainLogo {
	margin-top: 10px;
}

.mainHeader .navbar-default {
	background: none;
	border: none;
	margin-bottom: 0;
	margin-top: 30px;
}

.mainHeader .navbar-default li a {
	padding: 0;
	padding: 15px 40px 40px 40px;
	text-transform: uppercase;
	color: #abbdc4;
	text-transform: uppercase;
}

.mainHeader .navbar-default li.active {
	background: none;
	background: url("../images/line.png") bottom center no-repeat;
}

.mainHeader .navbar-default .navbar-nav>.active>a, .mainHeader .navbar-default .navbar-nav>.active>a:focus, .mainHeader .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}

.mainHeader ul li:last-child a {
	padding: 13px 25px;
	border: 2px solid #35a4da;
	margin-left: 15px;
}

.flowControl {
	background: #f6f7fb;
	padding: 40px 0;
	-webkit-box-shadow: inset 0px 1px 8px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: inset 0px 1px 8px 0px rgba(50, 50, 50, 0.2);
	box-shadow: inset 0px 1px 8px 0px rgba(50, 50, 50, 0.2);
}

.flowControl header h3 {
	font-size: 3.429em;
	margin-top: 20px;
}

.flowControl p {
	margin-top: 50px;
}

.blueBtn {
	display: inline-block;
	margin-top: 25px;
	background: #35a4db;
	text-transform: uppercase;
	padding: 13px 50px;
	color: #fff;
}

.blueBtn:hover, .blueBtn:focus {
	color: #fff;
	background: #2e98cc;
}

.services {
	padding: 60px 0;
}

.services .img-circle {
	background: #f6f7fb;
	padding: 30px;
}

.services article p {
	margin-top: 35px;
}

.features {
	padding: 40px 0;
	background: #f6f7fb;
	-webkit-box-shadow: inset 0px 1px 8px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: inset 0px 1px 8px 0px rgba(50, 50, 50, 0.2);
	box-shadow: inset 0px 1px 8px 0px rgba(50, 50, 50, 0.2);
}

.features header h2 {
	font-size: 3.429em;
}

.features header h3 {
	font-size: 1.429em;
	margin-top: 30px;
}

.features .bigImg {
	margin-top: 40px;
	padding: 20px;
}

.features .boxes {
	margin-top: 40px;
}

.features .boxes .featureBox {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,f7f8fc+100 */
	background: rgb(254, 254, 254); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(247, 248, 252, 1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(247, 248, 252, 1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(247, 248, 252, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#f7f8fc', GradientType=0); /* IE6-9 */
	padding: 50px 0 20px 0;
}

.contactUs {
	background: #334750;
	color: #f4f7fa;
	padding: 25px 0 60px 0;
}

.contactUs h3 {
	font-size: 3.429em;
}

.contactUs p {
	margin-top: 30px;
	font-size: 1.429em;
}

.contactBtn {
	display: inline-block;
	color: #fff;
	padding: 12px 50px;
	border: 2px solid #35a4da;
	border-radius: 0px;
	margin-top: 30px;
}

.contactBtn:hover, .contactBtn:focus {
	color: #fff;
}

.mainFooter {
	padding: 20px 0;
}

.mainFooter ul {
	margin-top: 15px;
}

.mainFooter ul li a {
	padding: 0;
	padding-left: 15px;
}

.mainFooter ul li a:hover, .mainFooter ul li a:focus {
	background: none;
}

.top30 {
	margin-top: 50px;
}

@media ( min-width : 768px) and (max-width: 991px) {
	.mainHeader .navbar-default li a {
		padding: 15px 20px 50px 20px;
	}
	.mainHeader .mainLogo {
		margin-top: 40px;
	}
}

@media ( min-width : 220px) and (max-width: 767px) {
	.mainHeader .navbar-default li a {
		padding: 5px 15px 15px 5px;
	}
	.mainHeader .navbar-default li.active {
		background: url("../images/line.png") left center no-repeat;
	}
}

@media ( min-width : 992px) and (max-width: 1199px) {
	.mainHeader .navbar-default li a {
		padding: 15px 36px 50px;
	}
	.mainHeader ul li:last-child a {
		margin-left: 0;
	}
}