﻿/*!
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
 
/*! Info Window at Bottom-Right of page*/

.testIcon {
	color: #ffcc00;
	display: inline;
	}

@media(min-width:500px) {

.infoWindow {
	background-color: rgba(83,122,181,.80);
	color: white;
	position: fixed;
	bottom: 0px;
	right: 0;
	z-index: 12500;
	padding: 20px;
	height: 130px;
	width: 200px;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    text-align:center;
    font-size: 14px;
    border: 1px transparent solid;
    border-radius: 12px 0 0 0;    
 }

}


/*! Animation*/

.postBIL2 {
	animation-delay: .25s;
	 -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
}

.postBIR {
	animation-delay: .1s;
	 -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
}

.postBIB {
	animation-delay: .15;
	 -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s;
}

.postFIU {
	animation-delay: .25;
	 -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
}



/* Required for Viewportchecker */

.hiden{
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;


}
.visble{
	opacity: 1;
    -moz-opacity: 1;
	-webkit-opacity: 1;


}

body {
    width: 100%;
    height: 100%;
    /*font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-family: Helvetica,Arial,sans-serif;
    color: #555;
}

html {
    width: 100%;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 35px;
   font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    letter-spacing: 1px;

}

p {
	font-size: 20px;
}

.light {
	color: #fff;
}


a {
    /*color: #fff;*/
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: underline;
    /*color: rgba(255,255,255,.7);*/
}

.btn {
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    margin-top: 15px;
}

.btn-default {
    border: 1px solid #85a3bb;
    color: #fff;
    border-radius: 0px;
    background-color: #85a3bb;
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #66849c;
    outline: 0;
    color: #fff;
    background-color: #66849c;
}

.metrics-divider {
	/*border-bottom: 1px gray solid;*/
	width: 95%;
	margin: 40px auto;
	padding: 10px 10px 10px 10px;
	background: url('../tm/img/metricsDV.png') no-repeat center center;
}



.navbar a {
    color: #fff;
}

.navbar .nav li.active {
    outline: none;
    background-color: rgba(255,255,255,.2);
}

.navbar .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar .nav li a:hover,
.navbar .nav li a:focus,
.navbar .nav li a.active {
    outline: 0;
    background-color: #85a3bb;
}


.navbar-toggle, 
navbar-toggle:focus, 
navbar-toggle:active,
navgar-toggle:hover {
	border: 0;
	background-color: transparent;
	color: #888888;    
}

.brand-img {
	position: relative;
	top: -4px;
}

.imgNav {
	width: 190px;
}


@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
    
    .imgNav {
	width: 210px;
	}
	
	.brand-img {
	position: relative;
	top: -8px;
	left: -10px;
	}

    h1 {
		font-size: 44px;
	}
}


/* INTRO SECTION */

.intro {
    display: table;
    width: 100%;
    height: 380px;   
    padding: 110px 0 60px 0;
    text-align: center;
    color: #fff;
    background: #000 url('../img/amalgamBGsmall.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.intro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.intro .intro-body .brand-heading {
 
}

.intro .intro-body .intro-text {
    font-size: 24px;
   
}


@media(min-width:767px) {
    .intro {
        height: 100%;
        padding: 0;
        display: none;
    }

    .intro .intro-body .brand-heading {
        font-size: 60px;
 		padding-top: 30px;
    }

    .intro .intro-body .intro-text {
        font-size: 40px;
    }
}


/* Let the iOS hacks begin! */
#iOSBG1 {
    left: -10%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
}
#iOSBG2 {
    position: absolute;
    top: 0;
}
#iOSBGcontainer1 {
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0;
	overflow: hidden;
}
#iOSBGcontainer2 {
    left: 0;
    height: 0px;
    width: 0px;
    position: relative;
    top: 0;
    overflow: visible;
}
section {
    overflow: hidden;
}
body {
	overflow-x: hidden;
}


/* AMALGAM SECTIONS 
------------------------------------------------------------------------*/


/* CUSTOMIZE THE CAROUSEL*/

/* Carousel base class */
.carousel {
  height: 600px;
  margin-bottom: 60px;
  display: none;
}

@media(min-width:768px) {
	
.carousel {
  height: 525px;
  margin-bottom: 5px;
  display: block;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  position: absolute;
  top: 150px;
  
}

.carousel-caption p {
	font-size: 25px;
	border-width: 2px;
}


/* Declare heights because of positioning of img element */
.carousel .item {
  height: 525px;
  background-color: #777;
}

/*
.itemFetch {
	background: url(../img/amalgamBGtest.jpg) no-repeat center center fixed;
   	background-color: #FFF;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.itemCustomer {
	background: url(../img/amalgamBGcustomer.jpg) no-repeat center center fixed;
   	background-color: #FFF;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
*/

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;

  height: 525px;
}
}

@media(min-width:992px) {
	
.carousel {
  height: 725px;
  margin-bottom: 10px;
  display: block;
}

.carousel-caption {
  z-index: 10;
   top: 220px;
}

.carousel-caption p {
	font-size: 28px;
}

.carousel .item {
  height: 725px;
  background-color: #777;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  
  height: 725px;
}
}

@media(min-width:1200px) {
	
.carousel {
  height: 750px;
  margin-bottom: 10px;
  display: block;
}

.carousel-caption {
  z-index: 10;
  position: absolute;
  top: 310px;
  
}

.carousel-caption p {
	font-size: 28px;
}

.carousel .item {
  height: 750px;
  background-color: #777;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 750px;
  max-width: none;
}
}



/* TEMPLATE A */

.templateA-section {
	padding: 90px 7% 30px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
}

.fetchBG {
	background: url(../img/amalgamBGtest.jpg) no-repeat center center fixed;
   	background-color: #FFF;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }

.ng911BG {
	background: url(../img/amalgamBGng911.jpg) no-repeat center center fixed;
   	background-color: #FFF;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }
    
.dataBG {
	background: url(../img/amalgamBGdata.jpg) no-repeat center center fixed;
   	background-color: #FFF;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }
 
.implementBG {
	background: url(../img/amalgamBGimplement.jpg) no-repeat center center fixed;
   	background-color: #FFF;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }

.whoweareBG {
  	background: url(../img/amalgamBGabout.jpg) no-repeat center center fixed;
   	background-color: #233964;;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }


.contactBG {
  	background: url(../img/amalgamBGcontact.jpg) no-repeat center center fixed;
   	background-color: #233964;;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }
    
.clientBG {
  	background: url(../img/amalgamBGclients.jpg) no-repeat center center fixed;
   	background-color: #233964;;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }

    
.analyticsBG {
  	background: url(../img/amalgamBGanalytics.jpg) no-repeat center center fixed;
   	background-color: #233964;;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }

    
.ehBG {
  	background: url(../img/amalgamBGEHapp.jpg) no-repeat center center fixed;
   	background-color: #233964;;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    }
    
.helpBG {
  	background: url(../img/amalgamBGfetch2.jpg) no-repeat center center fixed;
   	background-color: #233964;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.bellmanBG.iOS {
	background: #233964;
}
#iOSJumbotronDiv {
	padding-top: 90px;
	height: 10%;
}
#iOSJumbotronImage {
	width: 100%;
}

.templateA h1 {
	color: #fff;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	
	}
	
.templateA p {
	font-size: 20px;
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #eee;
}

.sectionIMG {
	padding: 0 0 10px 0;
	display:none;
}

.row-top {
	padding: 20px 0px;
}

@media(min-width:768px) {
	
	.templateA-section {
	padding: 140px 8% 100px 8%;
}

	.templateA p {
	font-size: 24px;
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

	.sectionIMG {
	display:block;
	padding: 0 0 50px 0;
}
}

@media(min-width:992px) {
	.templateA p {
	font-size: 26px;
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

	.sectionIMG {
	padding: 0 0 40px 40px;
}
}

@media(min-width:1200px) {
	
	.templateA-section {
	padding: 200px 10% 110px 10%;
}
	.templateA h1 {
	padding-top: 20px;
	}
	
	.templateA p {
	font-size: 28px;
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
}	
	.sectionIMG {
	padding: 0 0 0px 40px;	
	width: 450px;
}
}


/* LATEST SECTION*/

.latest-section {
	padding: 80px 7% 70px 7%;
	
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
   }

.latest-bg-team {
	background-color: #233964;
}

.latest-bg-anc {
	border-top: 4px #233964 dashed;
	background-color: #ddd;
}

.latest-section h1,h2 , h3, h4  {
	color: #fff;
	
}

.latest-section .col-md-12 {
	margin-bottom: 50px; 
	text-align: center;
}
.latest-section-date {	
	float: left;
	color: #233964;
	margin: 0 0 25px 0;
	padding: 5px 8px;
	background-color: #fff;
	text-transform: uppercase;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.latest-team {
	padding: 0 2%;
}

.team-bottom-col{
	margin-top: 70px;
}

.latest-team-hd {
	border: 1px #fff dotted;
	padding: 8px;
	text-transform: uppercase;
	margin: 25px auto 18px auto;
}

.team-hd-lg {
	width: 200px;
}

.team-hd-sm {
	width: 175px;
}

.latest-team-cnt {
	
}

.latest-content {
	padding: 0 0 30px 0;
}
.latest-section h4 {	
	border-bottom: 1px #fff dashed;
	}
	
.latest-title {
	padding-bottom: 4px;
	margin-bottom: 10px;
}

.latest-section p {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	
}

@media(min-width:768px) {

	.latest-section {
		padding: 70px 8% 50px 8%;
	}
	
	.latest-team {
		padding: 0 10%;
}
	.team-hd-lg {
		width: 200px;
}

	.team-bottom-col{
		margin-top: 70px;
}

	.latest-section-date {	
		padding: 5px 8px;
		margin: 0 0 25px 0;
	}
	
	.latest-content {
		padding: 0 0 30px 0;
}
	.latest-section p {
		font-size: 17px;
	}
}  


@media(min-width:992px) {

	.latest-section {
		padding: 100px 10% 80px 10%;
	}
	
	.latest-team {
		padding: 0 8%;
}
	.team-hd-lg {
		width: 200px;
}

	.team-bottom-col{
		margin-top: 0px;
}

	.latest-team-cnt {
		padding: 0 8%;
}
	
	.latest-section .col-md-12 {
		margin-bottom: 50px; 
		text-align: center;
}
	.latest-hd {
		text-align: left;
		padding-left: 4%;
}
	.latest-section-date {	
		padding: 5px 8px;
		margin: 0 0 20px 9%;
	}
	
	.latest-content {
		padding: 0 10%;
		margin-bottom: 50px;
}
}


/* APPLICATIONS SECTION */

.app-section {
	padding: 60px 7% 60px 7%;
	background-color: #fff;
}

.app-subheading {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	padding: 0 5% 40px 5%;
	color: #555;
	margin-bottom: 0px;
}

.app-section-subtitle {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 24px;
	color: #555;
	margin: 20px 0 10px 0;
	padding: 0 5%;
}

.app-section-subcont{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888888;
	padding: 0 8% 20px 8%;
}

.app-section .col-md-6 {
	
	padding: 25px 0 25px 0;
	margin-bottom: 30px;
}

.appimgSrv {
	padding: 0 10px;
}


@media(min-width:767px) {

	.app-section {
		padding: 120px 8% 70px 8%;
		
}	
	.app-subheading, .app-section-subtitle {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 28px;
	}
	.app-subheading {
		padding: 0 5% 65px 5%	
}
	.app-section-subcont{
		font-size: 20px;
		padding: 0 9% 40px 9%;
	}
	.appimgSrv {
		padding: 0 40px;
}
}

@media(min-width:992px) {

	.app-section {
		padding: 130px 9% 90px 9%;
		
}	
	.app-subheading, .app-section-subtitle {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 28px;
	}
	.app-subheading {
		padding: 0 5% 65px 5%	
}
	.app-section-subcont{
		font-size: 20px;
		padding: 0 9% 40px 9%;
	}
	.appimgSrv {
		padding: 0 40px;
}
}

/* TEMPLATE A CONTENT */

.tempAcontent-section {
	padding: 40px 7% 40px 7%;
	background-color: #FFF;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
   }


.tempAcontent h1 {
	color: #fff;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #66849c;
	padding: 10px;
	display: block;
	float: left;
	}
	
.bellmanTitle {
	color: #66849c;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: x-large;
	margin-bottom: 15px;
	padding-top: 10px;
}

.bellmanDivider {
	padding: 5px;
	border-bottom: 1px #66849c dashed;
	margin-bottom: 35px;
}


.bellman-analytics {
	margin: 30px 0 50px 0;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 20px;
	color: #555;
}

.bellmansrc {
	color: #777;
	}

#bellman {
	border-bottom: 2px #66849c solid;
	padding-bottom: 20px;
	margin-bottom: 15px;
}

#bellman p {
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
}

#bellman img {
	padding: 10px 0;
}


	
.tempAcontent h2 {
	color: #fff;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #66849c;
	padding: 10px;
	display: block;
	float: left;
	}

.contactItems {
	margin-top: 80px;
}
	
.contactName {
	margin: 0px;
}

.contactET {
	color: #777;
}

.content_subtext {
	margin: 0 0 20px 0;
}

.tempAcontent .col-md-8 {
	padding-right: 0px;
}
	
.tempAcontent p {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
}

.tempAcontent-section li {
	padding: 8px 0;
}

.tempAcontent-section ul {
	
}

.tempAlist {
	font-size: 16px;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
}

.rightInfoBox {
	background-color: #233964;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #fff;
	padding: 20px 20px 20px 20px;
	display: none;	
	}
	
.rightInfoBoxTitle {
	font-size: 18px;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #fff;
	border-bottom: 2px #fff solid;
	margin-bottom: 8px;
	padding-bottom: 4px;
}

.rightInfoBoxContent {
	
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.rightInfoBoxFetchCount {
	padding: 20px 0 30px 0;
}

.tempAcontent .col-md-4 p {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ddd;
}

@media(min-width:768px) {
	
	.tempAcontent-section {
	padding: 70px 8% 70px 8%;
	}
	
	.tempAcontent h1 {
	color: #fff;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #66849c;
	padding: 15px;
	max-width: 350px;
	}

	.tempAcontent p {
	font-size: 22px;
	}
	
	
	.tempAlist {
	font-size: 20px;
	}
	}

@media(min-width:992px) {	
	.tempAcontent-section li {
	padding: 8px 0;
}
	.tempAcontent h1 {
		padding: 15px;
		max-width: 360px;
	}

	.tempAcontent .col-md-8 {
	padding-right: 80px;
}
	.rightInfoBox {
 	display: block;
 	float: right;
	width: 280px;

}

}

@media(min-width:1200px) {
	
	.tempAcontent-section {
	padding: 110px 10% 90px 10%;
	}
	
	.tempAcontent p {
	font-size: 24px;
	}
		
	.tempAlist {
	font-size: 22px;
}
}


/* TEMPLATE A DETAILS */

.tempAdetails-section {
	padding: 70px 7% 80px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
   	background-color: #eee;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.tempAdetails-subheading {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	padding: 0 5% 10px 5%;
	color: #555;
	margin-bottom: 0px;
}

.tempAdetails-subtitle {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 24px;
	color: #555;
	margin: 0px 0px 20px 0px;
	padding: 0px 4%;
	
}

.tempAdetails-subtitle-sm {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 20px;
	color: #555;
	margin: 0px 0px 20px 0px;
	padding: 0px 4%;

	}

.tempAdetails-subcont{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	padding: 0 5% 40px 5%;
}

.tempAdetails-client{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	padding: 0 8% 40px 8%;
}


.service-options {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	color: #555;
	padding-bottom: 6px;
}

.client-options {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	color: #555;
	padding: 0 0 10px 20px;
}


.service-options-top-pad {
	padding-top: 15px;
}

.tempAdetails-section .row {
	margin-bottom: 40px;
	}
	
.row-details {
	background-color: #f9f9f9;
	padding: 40px 30px 0px 0px;
}

.dividerDetails {
	padding: 8px; 
	border: thin #ccc dashed;
	height: 5px;
}

.tempAdetails-section ul{
	margin: 15px 0 0 0;
}
.tempAdetails-section li {
	padding: 8px 0;
}


.tempAdetailsList {
	font-size: 18px;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
}

.appimg {
	padding: 20px 0 10px 0;
}

.appimgClient {
	display: none;
}

.appimgLead  {
	padding: 0px 0 20px 0;
}

.leader {
	text-align: center;
	padding: 0 35px 60px 35px;
}


.leader-title {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	color: #555;
	padding-bottom: 6px;
}

.clientContact {
	
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #85a3bb;
	/*background-color: #243964;*/
	border-left: 2px #243964 solid;
	padding: 25px;
	margin-top: 40px;
	display: none;
}

.clientSideTitle {
	font-size: 24px;
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #66849c;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #888 dashed;
}

@media(min-width:768px) {
	
	.tempAdetails-section {
	padding: 90px 8% 80px 8%;
}
	.tempAdetails-section .row {
	margin-bottom: 50px;
	}

	.tempAdetails-subheading, .tempAdetails-subtitle {
		font-size: 28px;
	}
	
	.tempAdetails-subtitle-sm {
		font-size: 24px;
	}
	
	.tempAdetails-subcont, .tempAdetailsList {
	font-size: 20px;
	font-weight: 100;
	}
		
	.tempAdetails-client{
	font-size: 20px;
	font-weight: 100;
	padding: 0 8% 40px 8%;
}

	.appimg {
	padding: 10px 0 40px 0;
}

	.appimgsm, .appimgsm2 {
	display: none;
}

	.appimgLead  {
	padding: 0px 0 20px 0;
}


	.leader {
	text-align: center;
	padding: 0 50px 60px 50px;
}

}

@media(min-width:992px) {

	.appimg {
		padding: 50px 0 20px 0;
}

	.appimgsm {
		padding: 100px 0 10px 0;
		display: block;
}
	.appimgsm2 {
		padding: 50px 0 20px 0;
		display: block;
}

.appimgClient {
	padding: 50px 0 20px 0;
		display: block;
}


.clientContact {
	display: block;
	font-size: 20px;
}
.clientSideTitle {
	font-size: 22px;
	
}

	.appimgLead  {
	padding: 10px 0 80px 0;
}

	.leader {
	text-align: left;
	padding: 50px 0 0 10px;
}

}

@media(min-width:1200px) {
	.tempAdetails-section {
	padding: 110px 10% 80px 10%;
	}
	
	.tempAdetails-subheading, .tempAdetails-subtitle {
		font-size: 30px;
	}
	
	.tempAdetails-subtitle-sm {
		font-size: 26px;
	}

	.tempAdetails-subcont, .tempAdetailsList {
	padding: 0 10% 40px 5%;
}

	.tempAdetails-client{
	padding: 0 10% 40px 10%;
}

	.leader {
	text-align: left;
	padding: 50px 150px 0 0px;
}

	.clientContact {
	display: block;
	font-size: 22px;
}
	.clientSideTitle {
	font-size: 25px;
	
}



}


/* FETCH GIS LINKS */


.fetchLinks-section {
	padding: 70px 7% 80px 7%;
	/*background: url(../img/graphBGdark.jpg) no-repeat center center fixed;*/
   	background-color: #fff;
   	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.fetchLinks-subheading {
	font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	padding: 0 5% 10px 5%;
	color: #555;
	margin-bottom: 0px;
}

.fetchLinks-subtitle {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 24px;
	color: #555;
	margin: 0px 0px 20px 0px;
	padding: 0px 4%;
}

.fetchLinks-subcont{
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #888;
	padding: 0 5% 40px 5%;
}

.fetchLinks-section .row {
	margin-bottom: 50px;
	}
	
.fetchLinks-section ul{
	margin: 15px 0 0 0;
	list-style: none;
}
.fetchLinks-section li {
	padding: 6px 0;
}

.fetchLinksList {
	font-size: 18px;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
}

.fetchlink a {
	color: #66849c;
}

.fetchlink a:hover {
	color: #233964;
}

.fetchlink a:active, a:focus {
	color: #233964;
}

@media(min-width:768px) {
	
	.fetchLinks-section {
	padding: 80px 8% 80px 8%;
}
	.fetchLinks-section .row {
	margin-bottom: 70px;
	}

	.fetchLinks-subheading, .fetchLinks-subtitle {
		font-size: 26px;
	}
	
	.fetchLinks-subcont, .fetchLinksList {
	font-size: 20px;
	font-weight: 100;
}
}

@media(min-width:1200px) {
	.fetchLinks-section {
	padding: 110px 10% 80px 10%;
	}
	
	.fetchLinks-subheading, .fetchLinks-subtitle {
		font-size: 28px;
	}

	.fetchLinks-subcont, .fetchLinksList {
	padding: 0 10% 40px 5%;
}
}


/* FOOTER SECTION */

.footer-section {
   	padding: 100px 3% 5px 3%;
	margin-top: 40px;
	background: #eee;
   	background: url('../img/amalgamBGfooter.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.footer-section h3 {
	margin-bottom: 7px;
	color: #fff;
}

.footer-section p {
	font-size: 20px;
	padding-bottom: 0px;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.footer-menu{
	font-size: 20px;
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #fff;
	}
	
.footer-menu-item {
		font-size: 14px;
}

.footerLink a {
	color: #fff;
}

.footerLink a:hover {
	color: #ddd;
}

.footerLink a:active, a:focus {
	color: #ddd;
}


.learnMore {
	color: #fff;
}
.contactCenterTop {
	text-align: center;
	display: block;
	margin-bottom: 50px;
}

.contactCenterBot {
	text-align: center;
	display: block;
	margin-top: 50px;
}

.contactCenter {
	text-align: center;
	display: block;
}

.contactRight {
	display:none;
}

.contactLeft {
	display: none;
}

.footer-copyright {
	color: rgba(255,255,255,.5);
	padding-top: 150px;
}

.footer-copyright p {
	font-size: 13px;
}

@media(min-width:767px) {
	.footer-section p {
		font-size: 20px;
	}
	.footer-copyright p {
		font-size: 13px;
	}
	.footer-section {
   	padding: 160px 8% 5px 8%;
	margin-top: 50px;
}

	.footer-menu{
		font-size: 22px;
}
	.footer-menu-item {
		font-size: 16px;
}
}

@media(min-width:992px) {
	
	.footer-section {
   	padding: 140px 12% 5px 12%;
	margin-top: 50px;
}
	.contactCenter {
		text-align: center;
		display: none;
		
	}
	
	.contactCenterBot {
		text-align: center;
		display: none;		
	}

	.contactCenterTop {
		text-align: center;
		display: none;		
	}

	.contactRight {
		text-align: right;	
		display:block;
	}
	
	.contactLeft {
		text-align: left;
		display: block;
		padding-right: 20px;
}
}


ul.banner-social-buttons {
    margin-top: 0px;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

/* SIDE MENU */

.sideMenu {
	padding: 80px 20px 20px 20px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #233964;
	float: right;
	width: 300px;	
	display: none;
}

.sideMenu ul {
	list-style: none;
	margin: 10px 0 20px 0;
}

.sideMenu li {
	padding: 0 0 4px 0;
	border-bottom: thin #ddd dashed;
}

.sideMenu a {
	color: #66849c;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
}

.sideMenu a:hover {
	color: #233964;
}

.sideMenu a:active, a:focus {
	color: #233964;
}

@media(min-width:992px) {
	
	.sideMenu {
		display: block;
		
	}
}

/* Help styles coppied from fetchGIS */
.bold {
	font-weight: bold;
}

figure > img {
	margin: auto;
	display: block;
	width: 100%;
}

.sectionWrapper {
	margin: 4em 10em;
}

.helpContainer {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px;
    overflow: hidden;
}
.helpContainer p {
    margin-left: 10px;
}

.helpHeading {
    font-family: Trebuchet MS;
	font-size: 14pt!important;
}
.helpSectionHeader {
    display: block;
    font-size: 1.3em;
    color: #333;
    margin-bottom: 5px;    
}
.helpContent {
    font-family: Trebuchet MS;
    position: relative;
}
.helpSectionContainer {
    margin-left: 20px;
}
.helpSectionContainer p{
    display: table;
}
.navToolbarImgSmall {
    float: left;
    margin: 0 5px 0 0 !important;
    height: 36px;
    width: 36px;
}
#helpScrollPane figure {
    display: block;
    margin: 5px auto 5px auto;
    text-align: center;
}
figure figcaption{
    font-size: .85em;
    color: #1ba0dd;
	text-align: center;
}
.helpTable {
    border: 2px #1ba0dd solid;
	margin: auto;
}
.helpTable tr {
    border-bottom: 1px #1ba0dd solid;
}

#mapToolsTable {
	
}