@charset "UTF-8";
/* CSS Document */
/* Fonts to use on BGB
font-family:'HelveticaNeueW01-45Ligh';
font-family:'HelveticaNeueW01-UltLt';
font-family:'HelveticaNeueW01-75Bold';
font-family:'HelveticaNeueW01-UltLtC 673371';
font-family:'HelveticaNeueW01-ThinCn 673383';
font-family:'Bianca W00';
font-family:'ShadowsIntoLightW00-Reg';

*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
.lt-ie9 #logo,
.no-svg #logo {
    background: url("../img/BGB_Logo.png");
    _background-image: url("../img/BGB_Logo.gif");
}
.lt-ie9 #logo img,
.no-svg #logo img {
    opacity: 0;
    filter: alpha(opacity=0);
}

table{ background:none; border:none;}
table tr th, table tr td {
    padding: 2px;
    font-size: 0.875em;
    color: rgb(34, 34, 34);
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: none;
}

body{background:url(../img/Body-BG.png) repeat; font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif;}
a {color:#0072bc;}
a:hover{color:#000;}

p{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color: #555555;}

.bluediv{background-color: #0071bb; min-height:10px;}

.logo{padding:20px 0px 0px 0px;}

.contentwrapper{background-color:#FFFFFF;}
.innercontentwrapper{padding:20px 15px 30px;}

.padTop5{margin-top:5px;}
.padTop10{margin-top:10px;}
.padTop15{margin-top:15px;}
.padTop20{margin-top:20px;}
.padBot10{margin-bottom:10px;}
.padBot15{margin-bottom:15px;}
.padBot20{margin-bottom:20px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad15{padding:15px;}
.marg5{margin:5px;}
.marg10{margin:10px;}
.marg15{margin:15px;}

h1{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#0072bc; font-size:30px; font-weight: normal}
h2{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#0072bc; font-size:26px; font-weight: normal}
h3{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#0072bc; font-size:24px; font-weight: normal}
h4{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#0072bc; font-size:20px; font-weight: normal}
h5{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#0072bc; font-size:14px; font-weight: normal}

.bgblist li{list-style-image:url(../img/Bullet.png); margin-left:25px;}

/*Nav Styles*/
.navwrapper{background:url(../img/Header-BG.png) repeat; border-bottom:#b1b1b1 1px solid;}
.top-bar {background: none; font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; font-size:18px;}
.top-bar .toggle-topbar.menu-icon a span {-webkit-box-shadow: 0 10px 0 1px #555555, 0 16px 0 1px #555555, 0 22px 0 1px #555555;box-shadow: 0 10px 0 1px #555555, 0 16px 0 1px #555555, 0 22px 0 1px #555555; color:#555555}
.top-bar .toggle-topbar.menu-icon a {text-indent: -52px;line-height: 33px;}

/*Testimonials*/
.testimonials {font-family:'Bianca W00'; color:#000000; background:#FFFFFF; overflow:hidden; padding:0px 10px;}
.testimonials h2{font-size:24px; font-family:'Bianca W00'; color:#000000; }
.testimonials h3{font-size:18px; font-family:'Bianca W00'; color:#000000; }

.orbit-bullets {left: 47%}

/*Footer Styles*/
.footerwrapper{background-color:#252525; color:#FFFFFF; border-top: #C8C8C8 solid 2px; font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; min-height:100px; padding-top:40px;}
.footernav{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; font-size:12px; font-weight: normal}
.footernav a{color:#FFF;}
.footernav a:hover{color:#CCC;}
.footernav ul li{border-right:#FFF solid 1px; padding-right:10px;}

.socialNav li{ padding-right:1px;}

.bgb-caption{float:left; position:absolute; margin-left:-15px; top:65px; width:375px; height:115px; background-color:#0072bc; padding:15px; border-top:#E0E0E0 solid 1px;  border-right:#E0E0E0 solid 1px;  border-bottom:#E0E0E0 solid 1px;}
.bgb-caption h1{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#FFF; font-size:24px; font-weight: normal; text-shadow: 1px 1px 1px #000; margin:0px;}
.bgb-caption p{font-family:'HelveticaNeueW01-UltLt', helvetica, arial, san-serif; color:#FFF; font-size:16px; font-weight: normal; text-shadow: 1px 1px 1px #000;}

.pageheaders{width:100%; height:110px; background-color:#0072bc; padding:30px 15px 15px 15px;}
.pageheaders h1{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#FFF; font-size:30px; font-weight: normal; text-shadow: 1px 1px 1px #000; margin:0px;}
.contentcontainer{padding:20px 50px;}

.newsletter{color:#ffffff; font-size:12px; font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; padding-bottom:5px; text-transform:uppercase;}

/*Testimonials*/
.orbit-container{background:#fff; padding-left:10px;}


/*Connect*/
.connect{padding-top:10px; text-align:center;}

@media only screen and (min-width: 58.75em){
.top-bar {background: none; font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; font-size:18px; margin-top:55px;}
.top-bar-section ul {background: none; font-size:18px;}

.top-bar-section ul li > a {color: #555555;padding: 10px 0 10px 0;font-weight: normal;background: none;}

.top-bar-section li a:not(.button) {padding: 0 20px;line-height: 45px;background: none;}
.top-bar-section li a:not(.button):hover {background:url(../img/Nav-Bottom.png) repeat-x bottom; color:#0072bc;}

/*Controls Top Nav Item When Has Sub Menus*/
.top-bar-section ul li:hover > a {background:url(../img/Nav-Bottom.png) repeat-x bottom; color:#0072bc;}

.top-bar-section ul li.active > a {border-bottom:#0072bc solid 8px}
.top-bar-section li a:hover{color:#0072bc; display:block; padding: 0 20px;}
.top-bar-section .dropdown li a {color: #555555;}

.top-bar-section .has-dropdown > a {padding-right: 10px !important;}

/*Removes Down Arrow From Top Navigation*/
.top-bar-section .has-dropdown > a:after { display:none;}
/*Shifts Sub Menu Left and right or Up & Down*/
.top-bar-section ul.right li .dropdown {right:auto;}
.top-bar-section .dropdown {top:46px;}
.top-bar-section .dropdown li{border:#0072bc solid 1px; margin-top:-1px; background:url(../img/Nav-Sub-Bg.png) no-repeat left;}
.top-bar-section .dropdown li a {color:#555555; font-size:14px; padding-left:20px;}
.top-bar-section .dropdown li a:hover{color:#0072bc; border-bottom:none; padding-left:20px; background:none;}
	
.bgb-caption{float:left; position:absolute; margin-left:-15px; top:65px; width:375px; height:115px; background-color:#0072bc; padding:15px;  border-top:#E0E0E0 solid 1px; border-right:#E0E0E0 solid 1px;  border-bottom:#E0E0E0 solid 1px;}
.bgb-caption h1{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#FFF; font-size:24px; font-weight: normal; text-shadow: 1px 1px 1px #000; margin:0px;}
.bgb-caption p{font-family:'HelveticaNeueW01-UltLt', helvetica, arial, san-serif; color:#FFF; font-size:16px; font-weight: normal; text-shadow: 1px 1px 1px #000;}

}
@media only screen and (max-width: 48em){
	.logo{padding:20px 0px 0px 0px;}
	
	.top-bar {background: none; margin-top:-25px;margin-bottom:10px;}
	.top-bar.expanded .title-area {background: none;}
	.top-bar.expanded .toggle-topbar a span {-webkit-box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000; box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000; color:#000;}
	.top-bar .toggle-topbar.menu-icon a span {-webkit-box-shadow: 0 10px 0 1px #555555, 0 16px 0 1px #555555, 0 22px 0 1px #555555; box-shadow: 0 10px 0 1px #555555, 0 16px 0 1px #555555, 0 22px 0 1px #555555; color:#555555;}

.bgb-caption{float:left; position:absolute; margin-left:-15px; top:65px; width:375px; height:115px; background-color:#0072bc; padding:15px;  border-top:#E0E0E0 solid 1px;  border-right:#E0E0E0 solid 1px;  border-bottom:#E0E0E0 solid 1px;}
.bgb-caption h1{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#FFF; font-size:24px; font-weight: normal; text-shadow: 1px 1px 1px #000; margin:0px;}
.bgb-caption p{font-family:'HelveticaNeueW01-45Ligh', helvetica, arial, san-serif; color:#FFF; font-size:16px; font-weight: normal; text-shadow: 1px 1px 1px #000;}

.pageheaders{width:100%; height:80px; background-color:#0072bc; padding:30px 15px 15px 15px;}
.pageheaders h1{font-size:20px; font-weight: normal; text-shadow: 1px 1px 1px #000; margin:0px;}
.contentcontainer{padding:20px 30px;}
}

@media only screen and (max-width: 30em){
	.logo{padding:20px 0px 10px 0px;}
	.top-bar {background: #0072bc; margin-bottom:10px; margin-top:0px;}
	.top-bar.expanded .title-area {background: #0072bc;}
	.top-bar .toggle-topbar.menu-icon a span {-webkit-box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; box-shadow: 0 10px 0 1px #fff, 0 16px 0 1px #fff, 0 22px 0 1px #fff; color:#fff;}
	.orbit-bullets {left: 37%}
}

/*3d Card Flip*/
.card {
  position: relative;
  padding: 0;
  margin: 0;
  -webkit-perspective: 5000;
  perspective: 5000; 
}

.card .container {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  transition: 0.6s; 
}

.card .container .front, .card .container .back {
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; 
}

.card .container .front .row, .card .container .front .column, .card .container .front .columns, .card .container .back .row, .card .container .back .column, .card .container .back .columns {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; 
}

.card .container .front {
  z-index: 2; 
}

.card .container .back {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  overflow-y: scroll;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg); 
}

.card .container:hover {
  -webkit-transform: rotate3d(0, 1, 0, 180deg);
  transform: rotate3d(0, 1, 0, 180deg); 
}

.card .container {
  border: solid 1px #eeeeee; 
}

.card .container .front, .card .container .back {
  padding: 1em; 
}

.card.square .container {
  width: 100%;
  height: 0;
  padding-bottom: 100%; 
}