body {font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6, h7, .lead {font-family: 'Roboto Slab', serif;}

.page-template-default p {text-align:left; font-size:17px; padding-top:15px;}

.page-template-default {font-family: 'Roboto Slab', serif; font-weight:300;}

/*.page-template-default .container {padding-right:15px;}*/

.page-template-default {padding-bottom:20px;}
.page-template-default .img-responsive {width:100%;}

.page-template-default h4 {padding-top:20px;}

.page-template-page-library {font-family: 'Roboto', sans-serif; font-weight:500;}

.page-template-page-library p {font-size:19px;}

.item a {color:#fff;}

#flowpage p {font-size:19px;}
.navbar {
    border-radius: 0px;
    font-family: 'Roboto Slab', serif; font-weight:400;
}
.page-template-page-dataflows .navbar .container {padding-right:15px;}
.page-template-page-library .navbar .container {padding-right:15px;}

.navbar-default {
	border:0;
	}
	
.navbar.navbar-default {
	/*margin-top:10px;*/
	background:none;
	border-bottom:0;
	}
.copyright {display:none;}	
#logo {padding-top:10px;}

#logo img {width:275px;}

#content {margin:0;}

.page-header {border-bottom:0}


	
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #1FA67A;
    color: #fff;
}	


.page-template-page-risk_assess #footer-area .footer-widget-area, .page-template-page-quiz #footer-area .footer-widget-area{
display:none;}

.tab-content > .active {border:0;}
	
.carousel-caption {background-color:rgba(0,0,0,.7);
padding:15px;}	
	
.carousel-caption p {font-family: 'Roboto', sans-serif; padding-bottom:10px;}	
	
.carousel-caption h4 {text-align:left;}
/*.carousel-caption p {background-color:#000;}*/

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
margin:auto;
}
	
#footer-area {
    background-color: #fff;
    color: #ccc;
    font-size: 12px;
}	

#colophon {
    background-color: #fff;
    border-top: 0px solid #3a3a3a;
    padding: 10px 0;
}
	
.fp-controlArrow.fp-next {
    border-color: transparent transparent transparent #efefef;
    border-width: 38.5px 0 38.5px 34px;
    right: 15px;
}
.fp-controlArrow.fp-prev {
    border-color: transparent #efefef transparent transparent;
    border-width: 38.5px 34px 38.5px 0;
    left: 15px;
    width: 0;
}

#header, #footer{
		position:fixed;
		height: 60px;
		display:block;
		width: 100%;
		background: #000;
		z-index:9;
		text-align:left;
		color: #f2f2f2;
		/*padding-left:50px;*/
	
	}

	#header{
		top:0px;
		/*background-color:#f3efe0;*/
		background-color:#fff;
		-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.3);
		
	}
	#header h4{
		
		font-size:18px;
		
	
	}
	#footer {
	bottom:0;
	background-color:#fff;}

/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  /*background-color: #ffffff;*/
  padding: 0 !important;
  border-radius: 0px;
  -moz-border-radius: 0px;
  border:3px solid #fff;
  /*margin-top: 20px;*/
  /*margin-left: 50px;
  -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.175);
  box-shadow: 0 5px 5px rgba(0,0,0,.175);
  -moz-box-shadow: 0 5px 5px rgba(0,0,0,.175);*/
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
.list-group {
    border-radius: 0;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075);
}
.list-group-item {
    background-color: #fff;
    border-right: 3px solid #fff;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}
div.bhoechie-tab-container p{color:#fff;}

div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  text-transform:uppercase;
  font-size:10px;
  color:#fff;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #fff;
  font-size:20px;
  padding-bottom:5px;
}

div.bhoechie-tab-menu div.list-group>a:hover .glyphicon,
div.bhoechie-tab-menu div.list-group>a:hover .fa {
  color: #222;
  font-size:20px;
  padding-bottom:5px;
}
div.bhoechie-tab-menu div.list-group>a {
	color:#fff;
}
.list-group-item:last-child {border-radius:0;}

div.bhoechie-tab-menu div.list-group>a:hover {
	color:#222;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
border:0;
}	
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #1FA67A;
  background-image: #666;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #1FA67A;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
  color:#222;
  
}

#shapers div.bhoechie-tab-content p{font-size:12px;}
div.bhoechie-tab-content i{padding-bottom:15px;}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}	
	
.list-group-item{background:none;}

div.bhoechie-tab-content {background:none; text-align:left;}	

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-image: none;
    background-color:#5cb9ff;
    text-shadow: 0px 0px;
}







.panel-heading:hover {
    cursor:pointer;
}
.panel-heading {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.side-tab:hover {
        cursor: pointer;
    }
    .panel.panel-default {
        border: none;
        box-shadow: none !important;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        
    }
    .panel-heading {
        border: none;
        background-color: #eee;
    
    }
    background-color: #fff;
    color: #222;
    font-size: 12px;
    text-align: left;
}


    .panel-title {
        font-weight: 400;
        color: #222;
    }

/*----------------------------------
    Macbook pro mockup from:
    http://jaredhardy.com/minimal-devices/
    
----------------------------------*/

.md-macbook-pro {
  display: block;
  width: 55.3125em;
  height: 31.875em;
  font-size: 13px;
  margin: 0 auto;

  @media (max-width:1199px){
    font-size: 11px;
  }
  @media (max-width:1024px){
    font-size: 10px;
  }

  @media (max-width:767px){
    font-size: 7px;
  }

  @media (max-width:320px){
    font-size: 5px;
  }

}
.md-macbook-pro .md-lid {
  width: 45em;
  height: 30.625em;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
 /* border-radius: 1.875em;
  border: solid 0.1875em #cdced1;
  background: #131313;*/
}
.md-macbook-pro .md-camera {
  width: 0.375em;
  height: 0.375em;
  margin: 0 auto;
  position: relative;
  top: 1.0625em;
  /*background: #000;
  border-radius: 100%;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25);*/
}
.md-macbook-pro .md-camera:after {
  content: "";
  display: block;
  width: 0.125em;
  height: 0.125em;
  position: absolute;
  left: 0.125em;
  top: 0.0625em;
 /* background: #353542;
  border-radius: 100%;*/
}
.md-macbook-pro .md-screen {
  width: 42.25em;
  height: 26.375em;
  margin: 0 auto;
  position: relative;
  top: 2.0625em;
  // background: #1d1d1d;
  background: #fff;
  overflow: hidden;
}
.md-macbook-pro .md-screen img {
  width: 100%;
}
.md-macbook-pro .md-base {
  width: 100%;
  height: 0.9375em;
  position: relative;
  top: -0.75em;
  background: #c6c7ca;
}
.md-macbook-pro .md-base:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  position: relative;
  bottom: -0.1875em;
  background: #b9babe;
  border-radius: 0 0 1.25em 1.25em;
}
.md-macbook-pro .md-base:before {
  content: "";
  display: block;
  width: 7.6875em;
  height: 0.625em;
  margin: 0 auto;
  position: relative;
  background: #a6a8ad;
  border-radius: 0 0 0.625em 0.625em;
}
.md-macbook-pro.md-glare .md-lid:after {
  content: "";
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 1.25em 0 0;
  background: -webkit-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -moz-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: -o-linear-gradient(37deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
  background: linear-gradient(53deg, rgba(255, 255, 255, 0) 50%, rgba(247, 248, 240, 0.025) 50%, rgba(250, 245, 252, 0.08));
}

#accordian .panel-body{color:#222;}
.panel-body {text-align:left; font-size:12px; color:#222;}
.nav-pills > li > a {
    border-radius: 4px;
    color:#222;
}
.nav > li > a {
    display: block;
    padding: 22px 15px 10px;
    position: relative;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #1FA67A;
    color: #fff;
}

.container {padding-right:15px; }


.terms_section {
	padding-top:10px;
	margin-top:30px;
	border-left:2px solid #eee;
	padding-bottom:20px;
	
	}

#flowpage .terms_section p {
  color:#666;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom:0;
    padding-top:15px;
    margin-left:20px;
    margin-right:20px;
}

.terms_section h4 {
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	margin:0 10px 0 20px;
	color:#666;
}

.flowsheader {
	font-size:22px; 
	border-bottom:1px solid #222; 
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:left;
}

#flowpage p {padding-top:5px;font-size:14px; color:#222; padding-bottom:10px;}


#historypage p {color:#fff; text-align:left;padding-top:10px;font-size:16px; padding-bottom:10px; text-align:left;}

#historysection h1{color:#fff; padding-bottom:200px;}

#introduction {background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #c8c8be 0%, #bcbcb0 100%) repeat scroll 0 0;}

#integratedlibrary {background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #737373 0%, #666 100%) repeat scroll 0 0;
text-align:left;}


#integratedlibrary h2 {font-size:28px; color:#fff; padding-bottom:20px;}

#integratedlibrary p {color:#fff;font-size:14px;}

#integratedlibrary ul {color:#fff; text-align:left;list-style-type:disc; margin-left:25px;margin-top:10px; font-size:14px;}


#thirdparties h1 {color:#222; font-size:20px; padding-bottom:20px; }

#thirdparties p {color:#222; font-size:12px; padding-top:15px;}

#shapers {background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #737373 0%, #666 100%) repeat scroll 0 0;}

#shapers .fa-5x { 
	background-color: #999;
    border-radius: 50%;
    color: #fff;
    font-size: 5em;
    height: 120px;
    padding: 20px;
    width: 120px;
   } 
    

#shapers h2 {font-size:28px; color:#fff; padding-bottom:20px; text-align:left;}

#shapers p {font-size:16px; padding-top:15px; color:#FFF;}

.bhoechie-tab-content p {font-size:12px;}

#grids {background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , #c8c8be 0%, #bcbcb0 100%) repeat scroll 0 0;}

.specialbox {border:3px solid #fff; padding:30px;}
.specialbox p {font-size:18px;}

.specialboxb {border:3px solid #fff; padding:30px; margin-bottom:180px;}
	
.specialboxc {border:3px solid #fff; padding:30px;}

.transparentbox {background-color:rgba(0,0,0,.7); padding:30px;}

.transparentbox2 {padding:50px;background-color:rgba(0,0,0,.5);}

#hisconclusion p{color:#fff; text-align:left; font-size:18px; padding-top:5px; padding-bottom:10px;}


#fp-nav ul li .fp-tooltip {
    color: #ccc;
    font-family: 'Roboto', sans-serif;
    font-size:12px;
    text-transform:uppercase;
    }


.specialicon {max-width:150px;}

.panel-title {
color:#222;
}