body {
	font-family: 'Source Sans Pro', sans-serif;
	background-color:#e8ecf0;
	color:#6d6d6d;
	font-size:19px;
}

h3 {
	font-weight:700;
}

.full-wrapper {
	width:100%;
	display:block;
	clear:both;
	position:relative;
}

.max-width {
	max-width:1340px;
	margin:0px auto;
	padding:0 20px;
}

.max-width-2 {
	max-width:1360px;
	margin:0px auto;
	padding:0 20px;
}

/* HEADER */
.header {
	padding:16px 0 0 0;
	border-bottom:solid 2px #78889c;
	width:91%;
	left: 0;
	right: 0;
	margin-left: auto;
 	margin-right: auto;
	position:absolute;
	max-width:1310px;
	z-index:10;
}
.header ul {
	list-style:none;
	margin:0;
	padding:0 0 14px 0;
}

.header .logo {
	margin-top:11px;
}
.main-navigation {
	width:60%;
	text-align:right;
	padding-top:9px;
}

.main-navigation li {
	display:inline-block;
}

.main-navigation a {
	color:#fff;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	padding:0 30px 0px 30px;
	display:block;
	border:solid 1px #fff;
	line-height:34px;
	height:37px;
}

.main-navigation a:hover {
	background-color:#98D302;
	border:solid 1px #98D302;
}
 

.main-navigation a:last-child {
	padding-right:26px;
}

/* HERO */
.hero-wrapper {
	background:url(../img/sprite-2.png) repeat-x 0 0;
	padding-top:15px;
	position:relative;
	z-index:5;
}
.hero {
	width:100%;
	margin:0px auto!important;
	max-width:1440px;
	position:relative;
	padding:14px 0 0;
}
.hero .caption {
	font-family: 'Source Sans Pro', sans-serif;
	position:absolute;
	padding:177px 0 0 20px;
	top:0;
	left:0;
	z-index:1;
	color:#ffffff;
	width:45%;
	margin-left:7.2%;
}
.hero .main-image {
	position:relative;
	/*margin-right:4.5%;*/
}

.hero .caption p {
	font-size:51px;
	line-height:57px;
	font-weight:300;
	padding-bottom:21px;
}

.hero .caption .action-link {
	color:#98d304;
	text-transform:uppercase;
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:16px;
	display:block;
	margin-bottom:12px;
}

.hero .btnDownload {
	display:inline-block;
	margin-right:12px;
	float:left;
	margin-bottom:16px;
}

.hero .tm {
	font-size:23px;
	vertical-align:middle;
}

/* INTRO */
.intro-wrapper {
	z-index:10;
	position:relative;
	left: 0;
	right: 0;
	margin-left: auto;
 	margin-right: auto;
	cear:both;
}

.intro {
	padding:0 50px 50px 50px;
	position:relative;
	margin-top:-122px!important;
}

.intro .heading {
	font-size:34px;
	line-height:39px;
	font-family: 'Source Sans Pro', sans-serif;
	display:block;
	padding-bottom:16px;
}

.intro .heading strong {
	font-size:36px;
}

.intro .main-image {
	width:43.1%;
	height:auto;
	float:left;
}

.intro .content {
	width:50.6%;	
	float:right;
	padding-top:101px;
}

.intro .content p {
	padding-bottom:19px;
	line-height:31px;
}

.intro .icon {
	display:inline-block;
	margin-right:17px;
}

.intro .tm {
	font-size:20px;
}

.intro .reg {
	font-size:18px;
}



/* FEATURES */
.section-heading {
	font-size:34px;
	line-height:44px;
	padding:28px 0;
	font-weight:800;
	border-bottom:solid 1px #b3c5cf;
}

.features-wrapper {
	width:90.4%;
	margin:0px auto;
	padding:50px 0;
	font-size:18px;
}

.features-wrapper h3 {
	font-size:29px;
	font-weight:400;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:34px;
	padding-bottom:18px;
}

.features-wrapper .st1, .features-wrapper .st2, .features-wrapper .st3, .features-wrapper .st4, .features-wrapper .st5, .features-wrapper .st6 {
	fill:#6a92ac;
}

.features-wrapper .custom-column {
	padding-bottom:12px;
}

.features-wrapper .column1 {
	width:33.1%;
	padding-right:3%;
	padding-bottom:50px;
}


.features-wrapper .column2, .features-wrapper .column5 {
	width:25.9%;
	padding-right:4%;
}

.features-wrapper .column3,  .features-wrapper .column6  {
	width:22.9%;
	padding-right:4%;
}

.features-wrapper .column4, .features-wrapper .column7 {
	width:18.1%;
	padding-right:1%;
}

.features-wrapper .icon {
	padding-bottom:0px;
}

.features-wrapper .icon-2 {
	padding-top:5px;
}

.features-wrapper .icon-5, .features-wrapper .icon-7 {
	padding-top:0;
}

.features-wrapper .icon-4, .features-wrapper .icon-6 {
	padding-top:12px;
}

.svg-icon path, .svg-icon, object {
  fill: #ff0000;
  color-fill:#B86e25;
}

/* FEATURE 2*/
.main-feature-2 {
	padding-top:61px;
}

.main-feature-2 .intro {
	margin-top:0px!important;
	padding-bottom:38px!important;
}

.main-feature-2 .main-image {
	margin-left:4.85%;
	width:41.2%;
}

.main-feature-2 .heading {
	display:block;
	padding:0;
	margin-bottom:31px!important;
	position:relative;
	text-align:left;
	line-height:75px;
}

.main-feature-2 p {
	padding-top:31px;
	padding-bottom:3px!important;
	margin:0;
}

.main-feature-2 .heading.custom-bullet {
	padding-left:100px;
	height:75px;
	background:url(../img/sprite.png) no-repeat 0 -125px;
	display: inline-block;
	vertical-align: middle!important;
	line-height: 34px!important;
	display: table-cell;
}

.main-feature-2 .content {
	padding-top:52px;
}

.main-feature-2 .icon {
	display:inline-block;
	margin-right:13px;
}



/* FOOTER */
.footer {
	padding:36px 0 81px 0;
}

.footer .max-width {
	maxwidth:1230px;
}

.footer ul {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

.footer li {
	display:inline-block;
}

.footer li a {
	display:block;
	color:#fff;
	font-size:15px;
	padding:0 11px;
	border-right:solid 1px #aab0b4;
	line-height:16px;
}

.footer li a:hover {
	text-decoration:underline;
}

.footer li:first-child a {
	padding-left:0;
}

.footer li:last-child a {
	border:0;
}

.footer span {
	float:right;
	color:#fff;
	font-size:15px;
	line-height:34px;
}

/*
ADDITIONAL CLASSES
*/

.clearfix:after { 
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}
.clearfix { 
  display: inline-block;  
}
* html .clearfix {  
  height: 1%;  
} /* Hides from IE-mac \*/
.clearfix {  
  display: block;  
}

.hideElement {
	display:none!important;
}

.showElement {
	display:inline-block!important;
}

.bg-light {
	background-color:#ffffff;
}

.bg-mid {
	background-color:#e8ecf0;
}

.bg-dark {
	background:#172b36;
}

@media (max-width: 64em) {
	.hero .main-image {
		width:46.7%;
		margin-top:89px;
		margin-right:3.55%;
	}
	.hero .caption {
		padding-top:100px;
		width:45%;
		position:relative;
		float:left;
		padding-bottom:76px;
		margin-left:2.5%;
	}
	.hero .caption p {
		font-size:43px;
		line-height:48px;
		padding-bottom:7px;
	}
	.intro {
		margin-top:0!important;
		position:relative;
		left:auto;
		right: auto;
		margin-left: auto;
		margin-right: auto;
		padding-top:80px;
	}
	.intro .content {
		width:50%;	
		padding-top:53px;
	}
	.main-feature-2 .intro {
		padding-bottom:80px!important;
	}
	
	.main-feature-2 .content {
		padding-top:0;
	}

	.footer span {
		float:none;
		display:block;
		clear:both;
		padding-top:30px;
	}
	.features-wrapper .column2, .features-wrapper .column5, .features-wrapper .column3,  .features-wrapper .column6, .features-wrapper .column4, .features-wrapper .column7 {
		width:33%;
	}
}

@media (max-width: 56em) {
	.max-width {
		width:91%;
	}
	.hero {
		padding-bottom:20px;
	}
	.hero .caption {
		padding-bottom:10px;
	}
	
	.hero .caption p {
		font-size:30px;
		line-height:35px;
	}
	.intro {
		padding-top:50px;
		margin-top:0!important;
		width:80%;
		height:auto;
	}
	.intro .main-image {
		width:auto;
		height:auto;
		float:none;
		display:block;
		margin:0px auto;
	}
	.intro .content {
		width:100%;	
		padding-top:53px;
		display:block;
		clear:both;
		text-align:center;
	}
	
}


@media (max-width: 40em) {
	.main-navigation {
		width:50%;
	}
	.hero-wrapper {
		background:url(../img/sprite-2.png) repeat-x 0 -1108px;
	}
	.hero .main-image {
		margin-right:0;
		width:60%;
		margin-top:18%;
	}
	.hero .caption {
		position:absolute;
		padding-top:18%;
		top:0;
		left:0;
		z-index:1;
		width:50.1%;
	}
	.hero .caption p {
		font-size:28px;
		line-height:36px;
	}
	.hero .tm {
		font-size:18px;
	}
	.intro {
		position:relative;
		margin-top:-130px!important;
		padding:0 0px 50px 0px;
	}
	
	.custom-column {
		text-align:center;
	}
	
	.features-wrapper .column2, .features-wrapper .column5, .features-wrapper .column3,  .features-wrapper .column6, .features-wrapper .column4, .features-wrapper .column7 {
		width:100%;
		float:none;
		display:block;
		clear:both;
	}
	
	.footer ul {
		float:none;
	}
	
	.footer li {
		display:block;
		clear:both;
		width:100%;
	}
	.footer li a {
		padding:0;
		border-bottom:solid 1px #aab0b4;
		border-right:none;
		line-height:43px;
	}
	
	.footer li:first-child a {
		padding-left:0;
	}
	
	.footer li:last-child a {
		border:0;
	}
}

@media (max-width: 35em) {
	.hero .caption {
		margin-left:0%;
	}
	
	.intro {
		margin-top:-30px!important;
	}
	
	.intro .heading {
		font-size:23px;
	}
	
	.intro .heading strong {
		font-size:25px;
	}
	
	.features-wrapper {
		width:80%;
	}
	
	.custom-column {
		text-align:center;
	}
}

@media (max-width: 30em) {
	.hero .caption p {
		font-size:24px;
		line-height:30px;
	}
	.intro {
		position:relative;
		margin-top:40px!important;	
		display:block;
		clear:both;
	}
	.hero .btnDownload {
		width:100px;;
		height:auto;
	}
}

@media (max-width: 25em) {
	.logo {
		width:45%;
	}
	
	.main-navigation {
		width:50%!important;		
		padding-top:3%;
		
	}
	.main-navigation a {
		font-size:12px;
		line-height:18px;
		height:24px;
		padding:3px 10px 6px 10px!important;
		text-align:center;
	}
	.main-navigation a:last-child {
		padding-right:0;
	}
	.main-navigation {
		width:65%;
	}
	.hero-wrapper {
		background-color:#057185;
	}
	.hero .caption {
		width:60%;
		position:relative;
	}
	.hero .caption p {
		font-size:18px;
		line-height:22px;
	}
	.hero .tm {
		font-size:14px;
	}
	.hero .caption .action-link {
		font-size:12px;
	}
	.hero .main-image {
		margin-right:0;
		position:absolute;
		right:0;
		width:60%;
	}
	
}