@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:100,700);

html,
body {
  /*height: 100%;* removed to allow  overflow-x: hidden !important; 
  
  /* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
  /*font: normal 14px arial,sans-serif;*/
  font-family: normal 14px Arial, Helvetica Neue, Helvetica, sans-serif;
  
  
  /*custom*/
  width: auto !important;
   overflow-x: hidden !important;
  

}

.row {
	/*padding-right: 0px;*/
	  margin-left:0px;
	  margin-right:0px;
}
.no-gutter [class*="-6"] {
	padding-left:0;
    padding-right:0;
}

.row-no-padding {
  margin-left: 0;
  margin-right: 0;
}

iframe{
    border-width: 0px;
}


/* Wrapper for page content to push down footer */
#wrap {

  height: auto !important;

  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  margin-top:50px;
  padding-top:20px;
  padding-bottom:20px;
}


/* Custom page CSS
-------------------------------------------------- */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}


#footer {
  background-color:#414141;
}

#footer a {
  color:#efefef;
}

h1,h2,h3,h4 {
  font-family: 'Droid Sans', sans-serif;
  vertical-align:middle;

}

header {
  background: #ffffff;
  height:690px;
  color:#000000;
	height: 565px;
}

header h1,header h2,header h3 a,header a,header a:hover {
  color:#101010;
  font-weight:600;
  text-decoration:none;
}

header h3 {
  font-family: 'Droid Sans', sans-serif;
  background: #ffcc33;
  padding:10px;
  border-radius:3px;
  font-size:34px;
  padding:12px 10px 6px 10px;
}

header .dropdown-menu {
  top:74px;
  background: #ffcc33;
  border-width:0;
}

header .logo-main{
  background: #ffffff;
  margin: 10px auto;

}

.client_logo{
	display: block;
    margin-left: auto;
    margin-right: auto;
	padding: 10px;
	width: 140px;
}




h1 {
  font-size:45px;
}

.antispam { display:none;}


/*********Colors***********/
/*text color*/
.red {
	color: #D61B1F !important; 
}

.yellow {
	color: #E8B30F !important; 
}

.blue{
	color: #1091CC !important; 
}

.ltgrey{
	color: #C8C8C8 !important; 
}
.black{
	color: #2E2E2E !important; 
}
.green{
	color: #7DE20E !important; 
}
.purple{
	color: #680EE5 !important; 
}
.white{
	color: #FFFFFF !important; 
}
/********Bkgd Colors********/
.bred{
	background: #D61B1F !important;
	color: #fff !important;
	border:0px !important;
}
.bblue{
	background-color: #1091CC !important;
	color: #fff !important;
	border:0px !important;
}
.bblack{
	background: #000 !important;
	color: #fff !important;
	border:0px !important;
}
.bltgrey{
	background: #C8C8C8 !important;
	color: #fff !important;
	border:0px !important;
}
.bvltgrey{
	background: #ECF0F3 !important;
	color: #000 !important;
	border:0px !important;
}
.bwhite{
	background: #FFFFFF !important;
	color: #000 !important;
	border:0px !important;
}





/******HoW TO**************/
.container .btn-group .btn-default  { background: #2E2E2E !important;
	color: #fff !important;
	border:0px !important;  }
.container .btn-group .active { background: #D61B1F !important;
	color: #fff !important;
	border:0px !important; }
/******************************/
.btn.btn-primary{
	background: #2E2E2E !important;
	border:0px !important;
}

.btn.btn-primary:hover{
	background: #D61B1F !important;
	border:0px !important;
}





#nav {
  width: 100%;
  position:static;
  top:-34px;
}

#nav.affix {
   position: fixed;
   top: 0;
   z-index:100;
   -webkit-transition: all .6s ease-in-out;
}

#footer > .container {
  
}

@media (min-width: 767px) {
  .navbar-nav.nav-justified > li{
      float:none;
  }
  
}

.navbar-nav {
  margin: 0px 0px; 

}  
  
/* customize nav style */
.navbar-custom {
    /*background-color: #2e2e2e;*/
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	text-transform:uppercase;
    border-width:0;
	font-size:16px;
	/*opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
    background: #53514F url("../img/binding_dark.jpg") repeat center bottom;*/
}
.navbar-custom  .navbar-nav>li>a {
	color: #ddd;
}
.navbar-custom  .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a  {
	background-color: #D61B1F;
}
.navbar-custom .dropdown-menu{
	
	right:0;
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.navbar-collapse.in { /*3.0.2 bug workaround*/
    overflow-y: visible;
}

.navbar-toggle {
	outline:0;
}

.dropdown-menu li>a:hover{
	color: #FFF;
}





.lowercase {text-transform: lowercase; }




.divider {
	height:10px;
}

.divider50 {
	height:50px;
}
.divider80 {
	height:80px;
}
.divider100 {
	height:100px;
}


.panel {
	border-width: 0px;
	-webkit-box-shadow: none;
    box-shadow: none;
	background: #fff !important;
}
.panel-body {
	padding: 0px 10px 10px 10px;
	max-width: 500px;
	min-height: 230px;
	
}




@media (min-width: 992px) {
	.panel-body {
		
		min-height: 230px;
	}
}


.gap-right {
  margin-right: 10px; 
}

.title{
	margin:0px;
	padding: 0px;
	
}
.vid{

	-webkit-box-shadow: none;
    box-shadow: none;
	background: #000 !important;
	
}

.divider-background {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
    background: #53514F url("../img/binding_dark.jpg") repeat center bottom;
}



@media (max-width: 768px) {
	header {
		height: 365px;
	}
	header .logo-main{
	  background: #FFF;
	  max-height: 285px;
	  max-width: 285px;

	}
	
	
}


#map-canvas {
  	width: 100%; 
  	height: 300px;
	margin: 0;
	padding: 15px;
}

.scroll-top {
   position:fixed;
   bottom:0;
   right:6%;
   z-index:100;
   background: #ffcc33;
   font-size:24px;
   border-top-left-radius:3px;
   border-top-right-radius:3px;
}
.scroll-top a:link,.scroll-top a:visited {
  
  color: #222;
} 

/*.cog {
	
	font-weight:700;
    text-transform:uppercase;
    border-width:0;
   position:fixed;
   top:0;
   right:6%;
   z-index:100;
 
 
}
.cog a:link,.scroll-top a:visited {
  color:#222;
} */
 

section {
  color: #ffffff;
  min-height: 500px;
  height: auto !important;
  padding-top:190px;
   
}


.bg-1 {
	background: url('../img/iObserve_standard.png') no-repeat center center fixed; 
    -webkit-background-size:  cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}

.bg-2 {
	background: url('../img/iObserve_desktop.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}

.bg-3 {
	background: url('../img/iObserve_standard3.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}


.bg-4 {
	background: url('../img/iObserve_standard.png') no-repeat center center fixed; 
    -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	padding-top: 190px;
}



/*Flip images*/
.flip {
  -webkit-perspective: 800;
  -ms-perspective: 800;
  -moz-perspective: 800;
  -o-perspective: 800;
   width: 400px;
   height: 400px;
   position: relative;
   margin: 50px auto;

}
.flip .card.flipped {
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
}
.flip .card {
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  -webkit-transition: 0.5s;
  -moz-transform-style: preserve-3d;
  -moz-transition: 0.5s;
  -ms-transform-style: preserve-3d;
  -ms-transition: 0.5s;
  -o-transform-style: preserve-3d;
  -o-transition: 0.5s;
  transform-style: preserve-3d;
  transition: 0.5s;
}
.flip .card .face {
  width: 100%;
  height: 100%;

  position: absolute;
  z-index: 2;
  font-family: Georgia;
  font-size: 3em;
  text-align: center;
  line-height: 70px;
  backface-visibility: hidden;  /* W3C */
  -webkit-backface-visibility: hidden; /* Safari & Chrome */
  -moz-backface-visibility: hidden; /* Firefox */
  -ms-backface-visibility: hidden; /* Internet Explorer */
  -o-backface-visibility: hidden; /* Opera */

}
.flip .card .front {
	   left: 30px;
  position: absolute;
  z-index: 1;
  background: transparent;
  
  color: white;
  cursor: pointer;
}
.flip .card .back {
    /*background: grey;*/
	background-color:rgba(255,255,255,.8);
    color: black;
    cursor: pointer;
    
  transform:rotatey(-180deg);
  -ms-transform:rotatey(-180deg); /* IE 9 */
  -moz-transform:rotatey(-180deg); /* Firefox */
  -webkit-transform:rotatey(-180deg); /* Safari and Chrome */
  -o-transform:rotatey(-180deg); /* Opera */
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #1091CC;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #1091CC;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote:after {
  color: #1091CC;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


a.noDecoration:link {
    text-decoration: none;
}

a.noDecoration:visited {
    text-decoration: none;
}

a.noDecoration:hover {
    text-decoration: none;
}

a.noDecoration:active {
    text-decoration: none;
}

.margRight{
	
	margin-right: 10px;
}

.btn-message
{
	background-color: #D61B1F;
	color: #FFFFFF;
}
textarea#message {
    height: 132px;
}
.text-danger
{
	color: #AA080B;
}