@charset "utf-8";
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:600,500,400,300");
/* Common
----------------------------------------------------------------------------- */
body {
  margin: 0;
  padding:0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6em;
  color: #333;
  background-color: #ffffff;
}
p {
  font-size: 14px;
  line-height:1.6em;
  margin-bottom: 1em;
}
ul {
	list-style:none;
	margin-left:0
}
small {
  font-size: 80%;
}
strong {
  font-weight: bold;
  color: #333;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-weight: 400;
	line-height:1.1em;
	color: #333333;
	margin-bottom:10px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 34px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 26px;
}
h4 {
  font-size: 22px;
}
h5 {
  font-size: 18px;
}
h6 {
  font-size: 16px;
}
h1 small {
  font-size: 24.5px;
}
h2 small {
  font-size: 17.5px;
}
h3 small {
  font-size: 14px;
}
h4 small {
  font-size: 14px;
}
img {
  margin-bottom:10px;
  /* Responsive images (ensure images don't scale beyond their parents) */
  max-width: 100%;
  /* Part 1: Set a maxium relative to the parent */
  width: auto\9;
  /* IE7-8 need help adjusting responsive images */
  height: auto;
  /* Part 2: Scale the height according to the width, otherwise you get stretching */
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
a {
  color: #ef6603;
  text-decoration: none;
}
a:hover {
	color: #ef6603;
	text-decoration: underline;
}
.navbar-inner {
  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background: none;
  background-image: none;
  border: none;
  border:none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  *zoom: 1;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar-static-top {
  position: static;
  margin-bottom: 0;
}
.navbar-static-top .navbar-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top .navbar-inner{
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .btn-navbar .icon-bar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/* General Layout
----------------------------------------------------------------------------- */
.container{
	padding: 0 20px 0 20px;
}
.row{
	margin-bottom:40px;
}
.row .row, .row-fluid .row{
	margin-bottom:0;
}
.section {
	background:#fff;
	float:left;
	width:100%;
	position:relative;
	padding:120px 0 0px 0;
}
.section-intro{
	text-align:center;
	margin-bottom:0px !important;
	padding-bottom:0px !important;
}
.section-intro h5{
	font-size: 20px;
	line-height:25px;
	color: #ffffff;
	font-weight:300;
}
.section-intro p{
	font-size: 16px;
	line-height:25px;
	color: #ffffff;
	font-weight:300;
}
.aligncenter{
	margin:0 auto;
	text-align:center;
}	
.aligncenter i {
	text-align:center;
}
.aligncenter img, img.aligncenter{
	margin-bottom:20px;
}
.fade{
    position: relative;
	opacity:1;
}
img.pull-left{
	margin:0 20px 20px 0;
}
.verticle-spacing {
	margin-top:100px;
}
/* Top Bar
----------------------------------------------------------------------------- */
header{
	position:relative;
}
nav select {
	display:none;
}
.navbar {
	padding: 0;
}
.navbar .brand {
	float:left;
	margin-left:30px;
	padding-left:0px;
}
.navbar .nav {
  margin: 0;
}
.navbar .nav > li > a {
  float: none;
  color: #000000;
  font-size:16px;
  line-height:1em;
  padding:5px;
  text-decoration: none;
  text-shadow:none;
  z-index:100;
  outline:0;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
  text-decoration: none;
  /* color: #f37623; */ /* orange */
  color: #666666;
  background-color: transparent;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.navbar .nav > .current {
  color:#f37623!important;
  background-color: transparent;
}
.navbar .nav > .current a:focus, .navbar .nav > .current a:hover  {
  color:#f37623;
}
.navbar .btn-navbar, .navbar .btn-navbar:hover {
	float: right;
	color: #333333;
	text-shadow: none;
	background: transparent;
	border: none;
	filter: none;
	box-shadow: none;
	font-size: 25px;
	margin: 25px 0 0 0; /* adjust position of iconbars at default */
	padding-left: 0;
}
.navbar .btn-navbar .title {
	display: block;
	float: right;
	margin-left: 10px;
	margin-top: -2px;
}
.navbar .btn-navbar .icon-bar {
	/*
	width: 20px;
	height: 3px;
	background-color: #f37623;
	*/
	width: 40px;
	height: 5px;
	margin-top: 6px; /* new added */
	
	background-color: #666666;
	border-radius: 0;
	box-shadow: none;
}
.navbar .nav > li > a {
	margin-top: 35px;
}
.navbar .nav > li > a.current  {
  color:#f37623!important;
  background-color: transparent;
}
.default {
	position: fixed;
	background:transparent;
	top:0;
	left: 0;
	width: 100%;
}
.fixed {
	position: fixed;
	background:#ffffff;
	top:0;
	left: 0;
	width: 100%;
}
/* Home banner
----------------------------------------------------------------------------- */
section#banner{
	background: url(../images/bg-1.jpg) 50% 0 no-repeat fixed;
	position:relative;
	width:100%;
	/* height:auto; */
	height:620px;
	margin:0;
	padding:140px 0 30px;
}
section#banner  {
	text-align:center;
}
section#banner h2  {
	color:#fff;
	font-size:64px;
}
section#banner .inner-heading h2 {
	margin-bottom:-20px;
}
section#banner h4.subtitle  {
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	text-transform:none;
	color:#FFFFFF;
}
section#banner p  {
	color:#ffffff;
}
/* Home divider banner2
----------------------------------------------------------------------------- */
#banner2 {
	background: url(../images/bg-2.jpg) 50% 0 no-repeat fixed;
	width: 100%;
	height: 380px;
}
#banner2 .headline h3 {
	color:#fff;
}
#banner2 .section-intro p {
	color:#f8f8f8;
}
/* Home Layout
----------------------------------------------------------------------------- */
.banner-img {
	width: 100%;
	/* text-align:center; */
	
	text-align:left;
	margin:0 auto;
	z-index: 6;
}
.banner-img .main-banner-text{
	margin-top:-60px;
	margin-left: 0px;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.banner-img .main-banner-text p{
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	line-height:16px;
}
.banner-pattern {
  position:absolute;
  bottom:0px;
  right:0px;
}
.banner-bottom {
  position:relative;
  bottom:0px;
  left:0px;
  margin-bottom:0px !important;
}
#company{
	background: #f37623;
	color: #ffffff;
}
#team{
	background: #67A0A9;
	color: #ffffff;
}
/* footer
----------------------------------------------------------------------------- */
footer{
	float:left;
	width:100%;
	/* background:#212121; */
	background: #535353; /* Pat Amended @ May 2014 */
	color:#fff;
	margin:0px;
	padding:0px 0px 0px 0px;
	font-weight:300;
}
footer .verybottom {
	padding-top:20px;
	margin-bottom: 0px;
}
footer a {
	color:#fff;
}
/* ========================================================================== */
/* 				           Style for Mobile Devices                           */
/* ========================================================================== */
/* Responsive
----------------------------------------------------------------------------- */
@media (max-width: 1189px)  {
.navbar .brand {
	float:left;
	margin-left:20px;
	padding-left:0px;
}
}
@media (max-width: 979px)  {
.nav-collapse.collapse {
	z-index: 2;
}
.nav-collapse.collapse {
	padding: 0px;
	width: 120%;
	margin-left: -10%;
	margin-bottom:-5px;
	text-align: center;
	/*
	background-color: #f37623;
	*/
	background-color: #fffff;
	z-index: 3;
}
.navbar .nav {
	float: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	background-color: transparent;
	box-shadow: none;
	color: #ffffff;
}
.navbar .nav > li > a {
	text-shadow: none;
	padding: 0;
	margin: 0;
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	background: transparent;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
	border-radius: 0;
}
.nav-collapse .nav > li > a{
	font-size: 1.5em;
	font-weight: 500;
	color: #000000;
}
.nav-collapse .nav > .current{
	color: #f37623 !important; 
}
.nav-collapse .nav > li > a:hover{
	/*
	color: #ffffff;
	*/
	color: #666666 !important; 
}
.nav-collapse .nav > li > a:hover{
	/*; /* original orange #f37623 */
}
.nav-collapse .nav {
	padding: 10px 30px;
}
.nav-collapse .nav > li {
	padding: 10px 0px;
}
.navbar .nav > li > a.current  {
  color:#f37623!important; /* drop down orange color for current active link */
  background-color: transparent;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.navbar-inner {
	width:100%;
}
#topnav .navbar-inner .container-fluid .logo {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}	
.default {
	position: fixed;
	background:#ffffff;
	top:0;
	left: 0;
	width: 100%;
}
.fixed {
	position: fixed;
	background:#ffffff;
	top:0;
	left: 0;
	width: 100%;
	padding-right:20px;
}
.banner-img {
	/* margin-top:150px; */
	margin-top:50px !important;
}
#sequence-theme #sequence {
	padding-right:40px;
}
}
@media (max-width: 767px) {
.section {
	padding:60px 0 0px 0;
}
.navbar-inner {
	width:100%;
}
.navbar-inner .container {
	width:100%;
    padding-left: 20px;
    padding-right: 20px;
}	
#topnav .navbar-inner .container-fluid .logo {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
/* Pat Amended @ May 2014 */
body {
  padding-top: 0px; /* Pat Amended @ May 2014 */
  margin-top: 0px; /* Pat Amended @ May 2014 */
  /* margin-top: -72px; */
}
.container-fluid .logo img {
    margin-bottom: 0;
    width: 40px;
}
.navbar .btn-navbar, .navbar .btn-navbar:hover {
    margin: 0px!important;
}
.navbar .btn-navbar .icon-bar {
	width: 30px;
	height: 4px;
	margin-top: 5px; /* new added */
	background-color: #666666;
	border-radius: 0;
	box-shadow: none;
}
section#banner{
	padding:0px 0px 0px 0pxu;
}
.banner-pattern{
	width:471px;
}
/* End Pat Amended @ May 2014 */
.default {
	position: absolute; /* Pat Amended @ May 2014 */
	/* position: fixed; */
	background:#ffffff;
	width: 100%;
	padding-right:20px;
}
.fixed {
	position: absolute; /* Pat Amended @ May 2014 */
	/* position: fixed; */
	background:#ffffff;
	top:0;
	left: 0;
	width: 100%;
	padding-right:20px;
}
.banner-img {
	text-align:center;
	margin:50px auto;
}
.banner-img .main-banner-text{
	width:100%;
	margin-top:-50px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.banner-img .main-banner-text p{
	color:#FFFFFF;
	text-align:left;
	font-size:15px;
	line-height:17px;
}
#sequence-theme #sequence {
	width:80%;
	min-height: 400px;
	padding-right:40px;
}
#sequence ul li h4.subtitle {
	display:none;
}
#sequence ul li img {
	margin-top:30px;
}	
}
@media (max-width: 480px) {
.navbar .brand {
	float:left;
	margin-left:12px;
	padding-left:0px;
}
section#banner{
	padding:30px 0px 0px 0px; /* Pat Amended @ May 2014 */
	/* padding:180px 0 20px; */
	height:440px; /* Pat Amended @ May 2014 */
}
.banner-img {
	text-align:center;
	margin:80px auto;
}
.banner-img .main-banner-text{
	width:100%;
	margin-top:-30px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 40px;
	padding-bottom: 40px;
}
.banner-img .main-banner-text p{
	color:#FFFFFF;
	text-align:left;
	font-size:14px;
	line-height:16px;
}
.banner-pattern {
	margin-top:0px; /* Pat Amended @ May 2014 */
}
.default {
	position: absolute; /* Pat Amended @ May 2014 */
	/* position: fixed; */
	background:#ffffff;
	width: 100%;
	padding-right:20px;
}
.fixed {
	position: absolute; /* Pat Amended @ May 2014 */
	/* position: fixed; */
	background:#ffffff;
	top:0;
	left: 0;
	width: 100%;
	padding-right:20px;
}
#sequence-theme #sequence {
	min-height: 300px;
	padding-right:40px;
}
#sequence ul li h4.subtitle {
	display:none;
}
.section {
	padding:40px 0 40px 0;
}
}
@media (max-width: 320px)  {
.banner-img {
	text-align:center;
	margin:80px auto;
}
.banner-img .main-banner-text{
	width:100%;
	margin-top:-20px;
	margin-left: auto;
	margin-right:auto;
}
.banner-img .main-banner-text p{
	color:#FFFFFF;
	text-align:left;
	font-size:13px;
	line-height:15px;
}
}
@media (max-width: 240px)  {
.navbar .btn-navbar .title {
	display: none;
}
}