@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,200,300,600,700,800,300italic,400italic,600italic,700italic);
/** general **/
body { font-family: 'Open Sans', Helvetica, Arial, sans-serif; color: #333; font-size: 1.32em; line-height: 1.9em; }
a { color: #34495E; text-decoration: none; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; outline: 0; }
a:focus { text-decoration: none; outline: 0px; }
.banner_header { text-shadow: 1px 1px 1px #333333; }
h1, h2 { color: #6d6d6d; font-weight: 300; line-height: normal; text-rendering: optimizelegibility; font-size: 40px; }
h2 { font-size: 22px; }
h3 { margin-bottom: 20px; font-size: 26px; line-height: 30px; font-weight: 300; position: relative; overflow: hidden;  }
h3:after {   content: ""; display: inline-block; height: 6px; margin-left: 11px; position: absolute; top: 10%; width: 100%; }
h4 { margin-bottom: 0px; font-size: 26px; line-height: 30px; font-weight: 300; position: relative; overflow: hidden;  }
h4:after {   content: ""; display: inline-block; height: 6px; margin-left: 11px; position: absolute; top: 10%; width: 100%; }

h5 {}
h6 {}
p { margin-bottom: 15px; }
blockquote footer, blockquote small, blockquote .small { color: #453951; }
hr { margin: 60px 0; }

.nav-pills > li > a { background: #F6F6F6; color: #453951; }
.nav-pills > li > a { margin: 0 2px; }

.panel-default { border: #F6F6F6; }
.panel-group .panel + .panel { margin-top: 10px; }
.panel-title > a { display: block; padding: 10px 15px; background: #362b41; color: #fff; border: 0px !important; }
.panel-title > a.collapsed { background: #F6F6F6; color: #362b41; }
.panel-title > a kbd { float: right; }
.panel-heading { padding: 0px; }
.panel-default > .panel-heading + .panel-collapse .panel-body { border-color: #F6F6F6; background: #F6F6F6 }

.nav-tabs { border: none; }
.nav-tabs > li { margin: 0; width: 100%; }
.nav-tabs > li a { display: block; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  color: #fff; margin: 0; border-radius: 5px; border: none; background: #34495E; }
.nav-tabs > li > a { padding: 10px; border: none; margin: 0; }


#spread2evenly {
    height: auto;
    width: 100%;
} 
#spread2evenly li {
    display: table-cell;
    height: auto;
    width: 12.5%;  /* (100 / numItems)% */
    line-height: 87px;
    text-align: center;
    background: #ddd;
    border-right: 1px solid #fff;
    white-space: nowrap;
}?





/* Buttons */

.btn-default { background: #453951; color: white; border-color: #453951; }
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background: #8DBB3E; border-color: #8DBB3E; }
.btn-outline-inverse { border: 2px solid #fff; color: #fff; background: rgba(0, 0, 0, 0.0); }

/* Navigation */

.top-menu { padding: 0; margin: 0; position: absolute; left: 0; top: 0; border-radius: 0; -webkit-border-radius: 0; width: 100%; font-size: 13px; font-weight: 400; background: #002B6B; border-bottom: 0px; border-color: #002B6B;  }

.top-menu .navbar-header { margin-left: 0px; margin-right: 0px; }
.top-menu, .top-menu .navbar-brand, .top-menu .navbar-nav > li > a {  }
.top-menu .navbar-nav > li > a { color: #f1f1f1; line-height: 30px; text-transform: uppercase; }
.top-menu .navbar-nav > li > a.current,
.top-menu .navbar-nav > .active > a, 
.top-menu .navbar-nav > .active > a:focus,
.top-menu .navbar-nav > .open > a, 
.top-menu .navbar-nav > .open > a:focus { background: #002B6B; }

.top-menu .navbar-toggle { border-color: #fff; text-indent: -9999px; margin-right: 0px; }

.top-menu .navbar-toggle:focus { background: #fff; border-color: #fff; }
.top-menu .navbar-toggle:focus .icon-bar { background: #474D5D; }
.top-menu > .container .navbar-brand, 
.top-menu > .container-fluid .navbar-brand { margin: 0px; }
.top-menu .navbar-brand  { line-height: normal; height: auto; color: #fff; margin-left: 0; font-size: 20px; }
.separator { display: inline-block; margin: 50px 0 0; width: 100%; }

/* animated header */
.top-menu.tiny { bottom: auto; top: 0;  border-bottom: 1px solid #d73f2f; }



.stake-hover-menu {
  color: #F1F1F1;
  width: 100%;


}
.stake-hover-menu > li {
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;


}
.stake-hover-menu > li  > a{
  color: #F1F1F1;
  line-height: 30px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.25s ease 0s;
  outline: 0px none;
  background: none repeat scroll 0px 0px transparent;  
  list-style: outside none none;
  font-size: 13px;
  font-weight: 400;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;



}
.stake-hover-menu > li:hover {
  background: inherit;
  color: #F1F1F1;

  line-height: 1.9em;
  font-family: "Open Sans",Helvetica,Arial,sans-serif;

}
.stake-hover-menu > li > ul {
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 225px;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  z-index : 1;


}
.stake-hover-menu > li > ul > li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}


.stake-hover-menu > li > ul > li:last-child {
  background: #555;
  display: block;
  color: #fff;
  text-shadow: 0 -1px 0 #000;

-webkit-border-bottom-right-radius: 9px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomright: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;

}

.stake-hover-menu > li > ul > li:first-child {
  background: #555;
  display: block;
  color: #fff;
  text-shadow: 0 -1px 0 #000;

-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;

}



.stake-hover-menu > li > ul > li > a { 
  color: #F1F1F1


}
.stake-hover-menu > li > ul > li:hover { 
  background: #666; 
}


.stake-hover-menu > li:hover > ul {
  display: block;
  opacity: 1;
  visibility: visible;
}







/* jumbotron */
.jumbotron { text-align: center; padding: 80px 0; min-height: 0px; background: none; margin: 0px; color: #fff; text-shadow: 0 0 7px rgba(255, 255, 255, 0.6); }
.jumbotron h1 { font-size: 54px; font-weight: 300; text-transform: none; line-height: 1; margin: 10px 0 20px; }

/* jumbotron */
.content-head { text-align: center; }

/* header Area */
#aheaderArea { overflow: hidden;  }

/* testing shit */



/* Main Slider */

/* About Area */
#aboutArea { padding: 60px 0px; position: relative;  background: #f3f3f3; }
#aboutArea i { display: block; margin: auto; text-align: center; line-height: 300px; font-size: 280px;  }

/* work Area */
#workArea { padding: 60px 0; background-image: url(../images/image_600x650.jpg); background-size: width:100px height:100px;} }
#workArea i { height: 70px; width: 70px; margin: 0 auto 20px; color: #fff; border: 1px solid #fff; font-size: 30px; line-height: 68px; text-align: center; border-radius: 50%; }
#workArea h2 { padding-bottom: 15px; margin: 0; color: #fff; font-size: 32px; line-height: 40px; }
#workArea small { color: #fff; font-size: 20px; line-height: 40px; font-weight: 300; }

/* project Area */
#projectArea { padding: 60px 0; position: relative;  }
#projectArea h3 { margin-top: 0; }

/* info Area */
#infoArea { padding: 60px 0; background-image: url(../images/image_600x650.jpg); background-size: width:100px height:100px;} }
#infoArea i { height: 70px; width: 70px; margin: 0 auto 20px; color: #fff; border: 1px solid #fff; font-size: 30px; line-height: 68px; text-align: center; border-radius: 50%; }
#infoArea h2 { padding: 0 20px 20px; margin: 0; color: #fff; font-size: 32px; line-height: 50px; font-weight: 300; }

/* images Area */

/* tabs Area */
#tabsArea { padding: 60px 0 0; overflow: hidden; position: relative; z-index: 9; }
#tabsArea .container { padding-bottom: 60px; }

/* team Area */
#teamArea { padding: 60px 0; overflow: hidden; color: #fff; position: relative; z-index: 9; background: #34495E; }
#teamArea h1 { margin-top: 0; color: #fff; line-height: 40px; }
#teamArea aside { padding-top: 20px; min-height: 100px; border-top: none; margin-bottom: 20px; background: #293c4f; }
#teamArea span { padding-bottom: 10px; font-size: 18px; line-height: 22px; display: block; }
#teamArea cite { font-size: 15px; font-style: normal; display: block; }

/* intro Area */
#introArea { padding: 30px 0; overflow: hidden; position: relative; z-index: 9; }
#introArea aside { padding: 35px; overflow: hidden; border: 2px solid #34495E; }
#introArea p { margin: 0; padding: 10px 0; line-height: normal; font-size: 18px; }
#introArea .btn { padding: 10px 20px; font-size: 18px; }
#introArea .btn i { padding-right: 25px; font-size: 18px; }
#introArea { }

/* Map Area */
#map { margin: 0 0 1px; }
#map_canvas { height: 340px; width: 100%; clear: both; }

/* Contact Area */
#contactArea { padding: 60px 0px; background: #002B6B; }
#contactArea h1 { color: #fff; }
#contactArea label { color: #fff; }
#contactArea address { color: #fff; }

/* Footer Area */
#footerArea { padding: 30px 0; background: #002B6B; color: #fff; }
#footerArea p { margin: 0; padding: 0; }
#footerArea a { color: #cab9db; }


/* Start Media Queries */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1224px) {
	 
	
	}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	 
	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
 
	
	#main-slider { padding: 0px; }
	.jumbotron h1 { font-size: 34px; }
	
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 
	 }

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) { }