/* ======================================== Style Guide ======================================== */
/* Blue: #1e3661;
/* Orange: #f08d3b;
/* Yellow:
/* Light green:
/* Dark green: 


/* ======================================== Reset ======================================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	height: auto;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

iframe {
	z-index: 11;
}

iframe {
	width: 100%;
	border: 0;	
}

/* ======================================== General ======================================== */

body, html {
	overflow-x: hidden;
}

p {
	font-family: "azo-sans-web",sans-serif;
	font-size: 18px;
	color: #404040;
	margin-bottom: 30px;
	line-height: 30px;
}

br {}

h1 {
	font-family: "azo-sans-web",sans-serif;
	font-size: 46px;
	color: #f08d3b;
	margin-bottom: 50px;
}

h2 {
	font-family: "azo-sans-web",sans-serif;
	font-size: 40px;
	color: #1e3661;
	margin-bottom: 30px;
}

h3 {
	font-family: "azo-sans-web",sans-serif;
	font-size: 36px;
	color: #1e3661;
	margin-bottom: 30px;
}

h4 {}

h5 {}

h6 {}

a:link {}

a:visited {}

a:hover {}

a:active {}

.top-buffer {
	padding-top: 100px;
}

.btm-buffer {
	padding-bottom: 100px;
}


/* ======================================== NAV ========================================= */

a {
	transition-duration: .2s;
}

.navbar-default {
	background: none;
	border: none;
	transition-duration: 300ms;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	font-weight: bold;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #f08d3b;
}

.navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:focus {
	color: #fff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #1e3661;
    background-color: #e3ea9d;
}

.navbar-nav {
	float: right;
	padding-top: 35px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #e3ea9d;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border: 0;
    border-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dropdown-menu>li>a {
    color: #1e3661;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #1e3661;
    background-color: #91cb7c;
}

.navbar-brand {
	padding: 30px 40px;
}

.navbar-nav img {
	padding-top: 10px;
	padding-right: 15px;
}

.icn-first {
	padding-left: 15px !important;
}

a.icn {
	padding: 0 !important;
}
/* ======================================== Home ======================================== */

img.home-hero {
	margin: 0 auto;
}

.holder-row {
	background: #ccc;
	min-height: 400px;
}

.video-row {
	background: #d0c149;
	min-height: 400px;
}

#block {
    top:150px;
    width:50px;
    height:50px;
    position:absolute;
    border:1px solid #ff0000;
}

#biker{
	width: 100%;
	height: 450px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	margin-top: 12px;
}

#biker{
	left: -100%;
	background: url(/images/home/biker.png) right 90% no-repeat;
}

.yellow {
	color: #d0c149;
}

.green {
	color: #91cb7c;
}

.road-row {
	background: #b8da91 url('/images/home/road-new.png') center center no-repeat;

}

.road-row p {
	line-height: 25px;
	color: #1e3661;
	margin-bottom: 10px;
}

.road-marg-t {
	margin-top: 40px;
}

.road-padd-b {
	padding-bottom: 20px;
}

.programs-row {
	background: #91cb7c;
	
}

.programs-row p {
	color: #1e3661;
}

.programs-row .container, .video-row .row {
	padding-top: 100px;
	padding-bottom: 100px;
}

.programs-col p {
	font-size: 18px;
	color: #1e3661;
}

.social-row {
	padding-top: 100px;
	padding-bottom: 100px;
}

.g-1 {
	background: #b8da91;
	margin-left: 30px;
	margin-right: 30px;
}

.g-1:hover {
	background: #d6f4b4;
}

.g-1 p, .g-2 p, .g-3 p, .g-4 p {
	padding: 10px 10px 10px 0px;
	margin-bottom: 0;
}

.g-2 {
	background: #c8e8a4;
	margin-left: 30px;
	margin-right: 30px;
}

.g-2:hover {
	background: #e3f9c9;
}

.g-1 img, .g-2 img, .g-3 img, .g-4 img {
	padding-top: 15%;
}

.g-3 {
	background: #d6f4b4;
	margin-left: 30px;
	margin-right: 30px;
}

.g-3:hover {
	background: #b8da91;
}

.g-4 {
	background: #e3f9c9;
	margin-left: 30px;
	margin-right: 30px;
}

.g-4:hover {
	background: #c8e8a4;
}

.programs-col {
	margin-top: 50px;
}

.g-col-lg {
	padding: 30px;	
}

.g-col-sm {
	padding: 15px;	
}

@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/***************************** Margins, Centering, Padding ************************/

.txt-center {
	text-align: center;
}

.img-center {
	margin: 0 auto;
}

.main {
	margin-top: 100px;
	margin-bottom: 80px; 
}

.marg-l-30 {
	margin-left: 30px;
}

.padd-t-50 {
	padding-top: 50px;
}

.marg-b-0 {
	margin-bottom: 0;
}

.marg-t-50 {
	margin-top: 50px;
}

.padd-l-100 {
	padding-left: 100px;
}

.padd-t-80 {
	padding-top: 80px !important;
}

.padd-t-90 {
	padding-top: 90px !important;
}








/**************************** Buttons **************************************/

.btn-stc {
	color: #fff;
	background: #1e3661;
	padding: 10px 20px;
	border-radius: 0;
	border: 2px solid #1e3661;
}

.btn-stc:hover {
	color: #1e3661;
	background: #91cb7c;
	
}


/******************* Footers ************************/

.pre-footer {
	background: #efefef;
}

.pre-footer p {
	font-size: 40px;
	color: #989898;
	margin-bottom: 0;
}

.pre-footer .row {
	padding-top: 100px;
	padding-bottom: 100px;
}

.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.btm-footer {
	background: #1e3661;
	color: #fff;
}

.btm-footer .row {
	padding-top: 40px;
	padding-bottom: 40px;
}

.btm-footer a, .btm-footer p {
	color: #fff;
	text-decoration: none;
	margin-bottom: 0;
}

.icn-default {
	width: 100%;
	height: 234px;
	display: inline-block;
    text-indent: -9999px;
	margin-bottom: 30px;
}

.icn-build {
	position: relative;
	background: url(/images/home/icn-build.png) no-repeat center 0;
}

.icn-build:after {
	background: url(/images/home/icn-build.png) no-repeat center -234px;
    content: "";
    top: 0; left: 0; bottom: 0; right: 0;
    position: absolute;
	opacity: 0;
    -webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.icn-build:hover:after {
	opacity: 1;
}

.caption-1{
	    position: absolute;
    top: -100px;
    left: -400px;
}

.icn-how {
	position: relative;
	background: url(/images/home/icn-how.png) no-repeat center 0;
}

.icn-how:after {
	background: url(/images/home/icn-how.png) no-repeat center -234px;
    content: "";
    top: 0; left: 0; bottom: 0; right: 0;
    position: absolute;
	opacity: 0;
    -webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.icn-how:hover:after {
	opacity: 1;
}

.caption-2 {
	    position: absolute;
    top: -100px;
    right: -400px;
}

.active {
	margin-bottom: 80px;
}

/************************************** MEDIA QUERIES ***********************************/


@media (max-width: 1100px) {

img.home-logo {
	width: 100px;
}
	
/* -- Changing Nav Breakpoint -- */
	
.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
	padding-bottom: 20px;
	margin-top: 85px !important;
	padding-right: 20px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in { 
	display: block!important;
}
.collapsing {
	overflow: hidden!important;
}

/* -- Extra Nav Styles -- */

.navbar {
	margin-bottom: 0;
	padding: 0;
	border: none;	
}

.navbar-nav {
	margin: 0;
	text-align: right;
	background: rgba(49, 127, 185, 0.9);
}

.navbar-icon {
	float: right;
	margin-bottom: 15px;
}

.navbar-default .container {
	width: 100%;
}

.navbar-collapse {
	border: none;
	max-height: none;
	padding: 0;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: none;
}

.navbar-toggle {
	background: none;
	border: none;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 18px;
	padding: 0;	
}

.navbar-default .navbar-toggle .icon-bar {
	width: 28px;
	height: 4px;
	background-color: #fff;
	-moz-transition: all ease-in-out 0.4s;
	-webkit-transition: all ease-in-out 0.4s;
	-o-transition: all ease-in-out 0.4s;
	-ms-transition: all ease-in-out 0.4s;
	transition: all ease-in-out 0.4s;
}

.navbar-toggle .icon-bar:active, .navbar-toggle .icon-bar:focus, .navbar-toggle .icon-bar: hover {
	background-color: #fff !important;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background: none;
}

.navbar-default .navbar-toggle:focus .icon-bar, .navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #231f20;
}


.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 5px;
}

.navbar-default .navbar-nav > li > a {
	padding: 10px 20px;
	line-height: auto;
}

.navbar-nav > li > a.last {
	border: none;
}

.navbar-nav .open .dropdown-menu {
    text-align: right;
}

.navbar-right .dropdown-menu {
	left: auto;
	right: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
	font-size: 14px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #32c0fb;
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar, .iconbar:hover, .iconbar:focus, .iconbar:active, .navbar-nav li a:hover, .navbar-nav li a:focus, .navbar-nav li a: active {
	background-color: #fff;
}

.carousel-caption {
	display: none;
}

}

@media (max-width: 1198px) {

.road-row {
	background: #b8da91 url('/images/home/road-mbl.png') center center repeat-y;
	text-align: center;
}

.programs-row {
	text-align: center;
}	
	
.align-left {
	text-align: center;
}

.align-right {
	text-align: center;
}

.btm-footer {
	text-align: center;
}

.social-row {
	text-align: center;
}

.padd-b-mob {
	padding-bottom: 40px;
}
	
}

@media (max-width: 667px) {
	.carousel-inner {
		margin-bottom: -125px;
	}
}