body {
    font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, sans-serif;
    font-size: 15px;
    line-height: 1.8;
    font-weight: normal;
    color: #808080;
    /*background-image: url('../pics/b2_top_nav_background.jpg');*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
}

html, body {
    width: auto !important;
    overflow-x: hidden !important;
}

p {
    color: #666666;
}

h1, h2, h3, h4, h5 {
    font-weight: 300;
}

h4 {
    color: #666666;
    line-height: 34px;
}

h1, h2, h3, h5 {
    color: #262626;
}

h1.large {
    font-size: 72px; /* 100px in em, base 15px */
}

h1.medium {
    font-size: 50px; /* 72px */
}

h2.larger {
    font-size: 40px;
    font-weight: 300;
}

h3.larger {
    font-size: 40px;

}

.large {
    font-size: 28px;
    font-weight: 300;
}

h2.medium {
    font-size: 20px;
}

.med-small {
    font-size: 18px;
    font-weight: 300;
}

.green {
    color: #2ea321;
}

.blue {
    color: #3e88d2;
}

.gray {
    color: #737373;
}

.white {
    color: #fff;
}

.bg-gray {
    background-color: #f2f2f2;
}

.hero h1, .hero h2, .hero h3, .hero h4, .hero p {
    color: #fff;
}

.hero h5 {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
}

img.img248 {
    width: 80px;
    height: 80px;
    text-align: left;
}

img.img480 {
    width: 240px;
    height: auto;
}

ul.no_bullet li {
    list-style-type: none;
}

.container-fluid.hero h1.medium {
    padding-top: 100px;
}

.home-spacer {
    height: 100px;
}

/* B2 INTEGTRATIONS */

.b2-integrations-list {
    font-size: 13px;
}

.integartion-os-box {
    display: inline;
    margin-left: 20px;
    border: 1px solid #EBEBEB;
    border-radius: 20px;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #AEB2BB;
}

.integartion-os-box > a {
    color: #AEB2BB;
}

.integartion-os-box > a:hover {
    color: #AEB2BB;
    text-decoration: none;
}

.integrations-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
}

.b2-integrations-page .integration-item {
    padding-bottom:40px;
}
.doc_fancy_line {
    font-style: italic;
    font-size: 14px;
    color: #a6a6a6;
    text-align: center;
    margin-top: 20px;
}
.doc_fancy_line:before, .doc_fancy_line:after {
    background-color: #e5e5e5;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    text-align: center;
    width: 40%;
}

/* CAROUSEL BOOTSTRAP CHANGES     */
.carousel-control {
    opacity: .1;
}

.carousel-indicators {
    opacity: .2;
    bottom: 0px;
	color:#676767;
}
.dropdown-toggle {
border-radius:4px;
	background-color:#fff;
	border:1px solid #E5E5E5;
	color:#268bd3;
}

.dropdown-toggle:hover {
	color:#6ca2e5;
}

@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -40px;
    }

    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
        margin-left: -40px;
    }
}

@media only screen and (max-width: 767px) {
    .container-fluid.hero h1.medium {
        padding-top: 150px;
    }

    .home-spacer {
        height: 150px;
    }
}

@media only screen and (max-width: 479px) {
    .container-fluid.hero h1.medium {
        padding-top: 70px;
    }

    .home-spacer {
        height: 70px;
    }

}

/*.container-fluid.hero > .row:nth-of-type(1){*/
/*padding-top:100px;*/
/*}*/

/*.hero > .row:first-of-type {*/
/*padding-top: 200px;*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*.hero > .row:first-of-type {*/
/*padding-top: 150px;*/
/*}*/
/*}*/

/*****************/
/*    Footer    */
/****************/
section.footer {
    font-size: 0.867em;
    padding: 20px 20px 40px 20px;
    clear: left;
}

/* Bootstrap Overrides */
.navbar-default .navbar-toggle {
    border-color: #fff;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

p.lead {
    font-size: 18px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.8);
    margin-top: 28px;
}

.text-primary {
    font-color: #3e88d2;
}

.text-muted {
    font-color: #4c4c4c;
    font-size: 1.067em;
}

hr {
    margin-top: 0;
    margin-bottom: 0;
}

a.underline {
    text-decoration: underline;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

section.hero {
    padding-top: 88px; /* 18px + 70px */
}

#bzSubNav .btn-default,
#b2Modal .btn-default {
    background-color: #39425c;
    border-color: #39425c;
    color: #fff;
    text-decoration: none;
}

#bzSubNav .btn-default:hover {
    background-color: rgba(255, 255, 255, 0.2);
    border-color: #39425c;
    text-decoration: none;
    color: #fff;
}

#b2Modal .btn-default:hover {
    background-color: #888;
    border-color: #888;
}

img.nav-caret {
    width: 20px;
    height: 20px;
}

.btn-primary {
    padding-left: 6px;
    padding-right: 6px;
    background-color: #3e88d2;
    border-color: #3e88d2;
}

.btn-primary a:hover,
.btn-primary:hover {
    background-color: #6ca2e5;
    border-color: #6ca2e5;
    text-decoration: none;
}

#b2Modal .btn-default,
#b2Modal .btn-primary {
    padding-left: 34px;
    padding-right: 34px;
}

.btn-lg {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 30px;
    padding-right: 30px;
    border: 0;
}

.bbold {
    color: #000000;
}

/* Landing page button and form behavior */

#b2_signup_error {
    height: 3em;
}

#b2Confirm {
    height: 1px;
    visibility: hidden;
}

.alert_red,
.hero p.alert_red {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #990000;
    border-radius: 4px;
    background-color: #f7f0f0;
}

.hero p.alert_red {
    width: 100%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -2px;
}

.alert_blue {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #1864b2;
    border-radius: 4px;
    background-color: #f5f6fb;
}

.alert_green
.hero p.alert_green {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    padding-bottom: 4px;
    color: #3b7c35;
    border-radius: 4px;
    background-color: #f0f7f1;
}

/**************/
/* bz custom  */
/**************/
.b2-gradient {
    background: #222944; /* Old browsers */
    background: -moz-linear-gradient(top, #222944 0%, #333955 50%, #654e70 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222944), color-stop(50%, #333955), color-stop(100%, #654e70)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #222944 0%, #333955 50%, #654e70 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #222944 0%, #333955 50%, #654e70 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #222944 0%, #333955 50%, #654e70 100%); /* IE10+ */
    background: linear-gradient(to bottom, #222944 0%, #333955 50%, #654e70 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222944', endColorstr='#654e70', GradientType=0); /* IE6-9 */

}

.b2-gradient-b {
    background: -webkit-linear-gradient(#222944, #695173); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#222944, #695173); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#222944, #695173); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#222944, #695173); /* Standard syntax (must be last) */
}

.bh {
    background-color: #f0f6fb;
}

.center {
    text-align: center;
}

.block-center {
    margin-left: auto;
    margin-right: auto;
}

.v-space-130 {
    padding-top: 130px;
}

.v-space-40 {
    padding-top: 40px;
}

.v-space-20 {
    padding-top: 20px;
}

.ht-110 {
    height: 110px;
}

.ln-ht-110 {
    line-height: 110px
}

.pdg-lft-30 {
    padding-left: 30px;
}

.mg-tp-20 {
    margin-top: 20px;
}

.gray-hilite {
    background-color: #f7f8f9;
}

.gray-bg {
    background-color: #f0f0f0;
}

.gray-border {
    border: 1px solid #dedfe0;
}

.margin-4 {
    margin: 4px 4px;
}

.gray-border-top {
    border-top: 1px solid #dedfe0;
}

.gray-border-bottom {
    border-bottom: 1px solid #dedfe0;
}

.gray-border-right {
    border-right: 1px solid #dedfe0;
}

.stylish-line {
    width: 25%;
    background-color: rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 1px;
    position: relative;
    bottom: 0.2em;
    margin: 0 1%;
}

.stylish-line-full {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    display: inline-block;
    height: 1px;
    position: relative;
    bottom: 0.2em;
    margin: 0 1%;
}

.border-outline {
    border: 1px solid #e3e3e3;
    padding: 20px 20px;
    margin: 40px 5% 0 5%;
}

.sub-nav-current span {
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}

img.shift-down-70 {
    position: relative;
    top: 70px;
}

ul.taglist {
    padding-left: 0;
}

ul.taglist li {
    list-style-type: none;
    display: inline;
    background-color: #d6e6f5;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1.8;
    color: #171717;
}

/******************/

@media only screen and (max-width: 767px) {

    .stylish-line {
        width: 23%;
    }

    .border-outline {
        margin-left: auto;
        margin-right: auto;
    }
}

/*****************************/
/*  Buttons                  */
/****************************/
.btn-bz-blue-inverse {
    border: 1px solid #3e88d2;
    color: #3e88d2;
    background-color: #fff;
    padding-left: 30px;
    padding-right: 30px;
	
	border-radius:4px;
}

.btn-bz-blue-inverse:hover {
   
    color: #fff;
    background-color: #3e88d2;
	text-decoration:none;
 
}

button#createB2 {
    width: 100%;
}

.create_account input#inputEmail {
    background-image: url(../../pics/icon-lightgrey-email.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

.create_account input#inputPassword {
    background-image: url(../../pics/icon-lightgrey-lock.gif);
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

/***************************/
/*   Global Responsive     */
/***************************/

.form-group {
    max-width: 400px;
}

/**** END COMMON CSS ****/

/*****************************/
/* B2 Landing Page          */
/****************************/

#page_b2_landing section.hero {
    background-image: url('/b2/images/b2-home-cover-background.jpg');
    height: 1000px;
    background-size: cover;
    background-position: center;
    color: #fff;
}

#page_b2_get_invite section.hero {
    background-image: url('/b2/images/b2-invite-cover-background.jpg');
    height: 1000px;
    background-size: cover;
    background-position: center;
    color: #fff;
}

#page_b2_landing h3 {
    line-height: 32px;
}

#page_b2_landing .form-control,
#page_b2_get_invite .form-control {
    margin: 0 auto;
    display: block;
    padding-left: 40px;
}

.b2-terms {

    font-size: 11px;
    color: #999;
    text-align: right;
    padding-right: 20px;
}

#page_b2_landing form.create_account .form-group,
#page_b2_get_invite form.create_account .form-group {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
}

#page_b2_landing form.create_account input,
#page_b2_get_invite form.create_account input {
    height: 47px;
}

#page_b2_landing section.hero a:not(.btn),
#page_b2_landing section.hero a:hover,
#page_b2_landing section.hero a:visited,
#page_b2_get_invite section.hero a:not(.btn),
#page_b2_get_invite section.hero a:hover,
#page_b2_get_invite section.hero a:visited {
    color: #fff;
}

#page_b2_landing section.hero .row,
#page_b2_get_invite section.hero .row {
    text-align: center;
}

#page_b2_landing section.hero h1,
#page_b2_get_invite section.hero h1 {
    font-size: 3.800em;
    margin-top: 20px;
}

/******************************/

form.create_account input,
form.create_account button {
    font-size: 1.200em; /* 18px in em, base 15px */
}

form.create_account button,
form.create_account button:hover {

}

form.create_account button:hover {
    text-decoration: none;
}


/********************/
/* Section Integration */
/***********************/

.integrator-section {
	padding-bottom:140px;
	padding-top:100px;
}

.integrator-section .col-sm-2 {
padding-right:0px;	
padding-left:6px;
}


.integrator-header {
	text-align:center;
	margin-bottom:20px;
}

.integrator-box {
	text-align:center;
	font-size:13px;

	padding-left:12px;
	padding-top:12px;
	padding-bottom:12px;
	padding-right:18px;
	margin-top:10px;
}
.integrator-box-first {
	text-align:center;
	font-size:13px;
	
	padding:12px;
	margin-top:10px;
}
.integrator-logo {
	width:90%;
	height:auto;
	max-width:200px;
	margin-bottom:20px;
	border:0;
}

@media only screen and (max-width: 479px) {
	.integrator-box-first {
	border:0;	
	}
	.integrator-box {
		border:0;
	}
    form.create_account {
        margin: 0 10px;
    }
}

@media only screen and (max-width: 767px) {
	.integrator-box-first {
	border:0;	
	}
	.integrator-box {
		border:0;
	}
}

/*************/
/* Section 2 */
/*************/
#page_b2_landing section.section2 {
    background-color: #fff;
    min-height: 580px;
    text-align: center;
    padding-bottom: 64px;
}

#page_b2_landing section.section2 h2 {
    color: #343c4e;
    margin-top: 0px;
    font-size: 2.667em; /* 40px @ 15px */
    line-height: 1.3;
    font-weight: 300;
}

#page_b2_landing .media {
    margin-top: 45px;
}

#page_b2_landing .media img {
    width: 50%;
    height: auto;
}

/**************/
/* Section 3 */
/**************/

#page_b2_landing section.section3 {
    min-height: 485px;
}

#page_b2_landing section.section3 h2 {
    margin-top: 60px;
}

#page_b2_landing section.section3 {
    margin-bottom: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 991px) {
    #page_b2_landing section.section3 h2 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    #page_b2_landing section.section3 h2 {
        text-align: center;
        padding-top: 20px;
    }

    #page_b2_landing section.section3 .media {
        margin-left: 17%;
    }

    #page_b2_landing section.section3 .media-body {
        line-height: 42px;
    }
}

@media only screen and (max-width: 479px) {

    #page_b2_landing .img248 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #page_b2_landing section.section2 h2 {
        font-size: 28px;
        line-height: 48px;
        padding: 20px;
    }

    #page_b2_landing section.section3 h2 {
        font-size: 28px;
        line-height: 48px;
        padding-left: 40px;
        padding-right: 40px;
    }

    #page_b2_landing section.section4 h2 {
        font-size: 28px;
        line-height: 48px;

    }

    #page_b2_landing section.section6 h2 {
        font-size: 28px;
        line-height: 48px;

    }

    #page_b2_landing section.section7 h2 {
        font-size: 28px;
        line-height: 48px;
        padding-right: 30px;
        padding-left: 30px;
    }
}

/**************/
/* Section 4 */
/**************/

#page_b2_landing section.section4 {
    min-height: 760px;
}

#page_b2_landing section.section4 img {

}

#page_b2_landing section.section4 .col-sm-4 {
    padding: 0 5%;
}

#page_b2_landing section.section4 .col-sm-4 p {
    padding-top: 10px;
}

#page_b2_landing .section4 .IT-snippet {

    background-image: url('../images/b2-home-developer-image.png');
    min-height: 129px;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: 0;

}

@media only screen and (max-width: 991px) {

    #page_b2_landing .section4 .IT-snippet {
        background-position-y: 16px;
    }
}

@media only screen and (max-width: 767px) {
    #page_b2_landing .col-sm-4 {
        margin-top: 40px;
    }

    #page_b2_landing section.section4 h2 {
        text-align: center;
    }

    #page_b2_landing .section4 .IT-snippet {
        background-position-y: 40px;
    }
}

/**************/
/* Section 5 */
/**************/
#page_b2_landing section.section5 {
    min-height: 1217px;
    /*background: -webkit-linear-gradient(#222944, #695173); /!* For Safari 5.1 to 6.0 *!/*/
    /*background: -o-linear-gradient(#222944, #695173); /!* For Opera 11.1 to 12.0 *!/*/
    /*background: -moz-linear-gradient(#222944, #695173); /!* For Firefox 3.6 to 15 *!/*/
    /*background: linear-gradient(#222944, #695173); /!* Standard syntax (must be last) *!/*/

    color: #fff;
    position: relative;
}

#page_b2_landing section.section5 img.shift {
    top: 40px;
    /* z-index: 10; */
    position: relative;
}

#page_b2_landing section.section5 * {
    color: #fff;
}

#page_b2_landing section.section5 .row {
    padding-left: 5%;
    padding-right: 5%;
}

@media only screen and (max-width: 767px) {
    #page_b2_landing section.section5 .row {
        padding: 0;
    }
}

/**************/
/* Section 6 */
/**************/
.b2-discount-image {
    width: 66px;
    height: 66px;
    float: right;
    position: absolute;
}

#page_b2_landing section.section6 {
    background-color: #fff;
    position: relative;
    margin-top: 40px;
}

#page_b2_landing section.section6 h4 {
    margin-bottom: 30px
}

#page_b2_landing table.home-pricing td:last-of-type {
    width: 55%;

}

#page_b2_landing table.home-pricing {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    #page_b2_landing table.home-pricing td:last-of-type {
        width: 63%;
    }

    #page_b2_landing table.home-pricing {
        /* margin-left: 4%; */
    }
}

@media only screen and (max-width: 479px) {
    #page_b2_landing table.home-pricing .large {
        font-size: 22px;
    }

    #page_b2_landing table.home-pricing .med-small {
        font-size: 14px;
    }

    #page_b2_landing .b2-discount-image {
        width: 42px;
        height: 42px;
        float: right;
        position: absolute;
    }
}

/**************/
/* Section 7 */
/**************/
#page_b2_landing section.section7 {
    padding-top: 40px;
}

/**************/
/* Section 8 */
/**************/
#page_b2_landing section.section8 {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 40px;
    margin-bottom: 40px;

}

.landing-comments {
    font-size: 14px;
    color: #999;
}

#page_b2_landing section.section8 .comments-area {
    text-align: left;
    padding-left: 32px;
    padding-top: 2%;
}

#page_b2_landing .video-wrapper {
    background-color: #fff;
    padding: 10px;

}

@media only screen and (max-width: 767px) {
    #page_b2_landing section.section8 .comments-area {
        text-align: center;
    }

    #page_b2_landing .video-wrapper {
        background-color: inherit;
        padding: 0;

    }
}

/*****************************/
/* B2 Comparison Page         */
/****************************/

#page_b2_comparison section.hero {
    background-image: url('/b2/images/b2-comparison-cover-background.jpg');
    /*height: 1400px;*/
    background-size: cover;
    background-position: center;
    color: #fff;
}

#page_b2_comparison section.hero.section4 {
    background-image: url('/b2/images/b2-comparison-future-cover-background.jpg');
    /*min-height: 660px;*/
    background-size: cover;
    background-position: center;
    color: #fff;
    margin-top: 40px;
    padding-bottom: 80px;
}
#page_b2_comparison .b2-providers-image {
width:70%;
height:auto;
max-width:200px;	
}
.b2-comparison-total {
font-size:32px;
color:#262626;
font-weight:300;	
line-height:2em;
padding-top:20px;
}

#page_b2_comparison h4 {
    font-size: 20px;
    color: #262626;
    line-height: 32px;
    font-weight: 300;
    margin-top: 40px;
}

#page_b2_comparison h6 {
    font-size: 28px;
    color: #262626;
    line-height: 42px;
    font-weight: 300;

}

.b2-comparison-logo {
}

#page_b2_comparison h3 {
    font-size: 40px;
    line-height: 60px;
    color: #262626;
}

.b2-minsubline {
    color: #262626;
    font-size: 18px;
    line-height: 30px;
}

@media only screen and (max-width: 767px) {
    .b2-minsubline {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 479px) {
	.b2-comparison-total {
		font-size:24px;
	}
    .b2-minsubline {
        margin-top: 40px;
    }

    #page_b2_comparison h3 {
        font-size: 26px;
    }
}

.comparison-blue {
    position: absolute;
    top: 70%;
    font-weight: bold;
    font-size: 13px;
    color: #3e88d2;
    line-height: 8px;
    right: 34%;
}

.comparison-transparent {
    color: rgba(255, 255, 255, .3);
}

#page_b2_comparison .b2-pricing-header {
    font-size: 20px;
    color: #262626;
    line-height: 20px;
    font-weight: 300;
}

#page_b2_comparison .b2-pricing-header-description {
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    font-weight: 300;
    padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    #page_b2_comparison .b2-pricing-header {
        font-size: 14px;
    }

    #page_b2_comparison .b2-pricing-header-description {
        font-size: 12px;
    }
}

#page_b2_comparison section.hero .stylish-line {
    width: 9%;
}

#page_b2_comparison td img {
    margin: 0 auto
}

#page_b2_comparison small.gray {
    color: #999;
    font-size: 0.867em;
}

#page_b2_comparison .section3 {
    background-color: #fff;
    min-height: 900px;
}

#page_b2_comparison table.flow-chart {
    width: 100%;
    text-align: center;
}

#page_b2_comparison table.flow-chart .img-responsive {
    /* max-width: 70%; */
}

#page_b2_comparison table.flow-chart .info-wrapper {
    border: 1px solid #f2f2f2;
    padding: 2px;
}

#page_b2_comparison table.flow-chart .info-holder {
    padding: 16%;
    background-color: #f2f2f2;
}

#page_b2_comparison table.flow-chart .text-holder {
    position: relative;
    padding: 50px 0;
}

#page_b2_comparison table.flow-chart .img-wrap {
    width: 70%;
    margin: 0 auto;
}

#page_b2_comparison table.flow-chart td {
    border-radius: 4px;
}

#page_b2_comparison table.flow-chart h2 {
    margin: 0;
    text-align: center;
}

#page_b2_comparison .star-poppy {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 2px;
    right: -3px;
}

/*@media only screen and (max-width: 767px) {*/
/*#page_b2_comparison img.img-responsive.octopus {*/
/*max-width: 70%;*/
/*margin: 0 auto;*/
/*}*/
/*}*/

/* table for pricing and comparison charts       */
/* used on Pricing page and also Comparison page */

/*#page_b2_pricing    section.hero table.price-table*/
/*{*/
/*color: #666;*/
/*}*/

#page_b2_comparison section.hero table.price-table td {
    border-right: 1px solid #e5e5e5;
    line-height: 20px;
}

#page_b2_comparison section.hero table.price-table td:last-of-type {
    border-right: none;
}

#page_b2_comparison section.hero table.price-table th {
    font-weight: 300;
    padding-top: 30px;
    padding-bottom: 20px;
    /*width: 20%;*/
}

#page_b2_comparison section.hero table.price-table td,
#page_b2_comparison section.hero table.price-table th {
    background-color: #fff;
}

#page_b2_comparison section.hero table.price-table td.bh {
    background-color: #f0f6fb;
}

#page_b2_comparison section.hero table.price-table td,
#page_b2_comparison section.hero table.price-table th {
    height: 90px;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    vertical-align: middle;
    color: #666;
    position: relative;
}

#page_b2_comparison section.hero table small.blue {
    position: absolute;
    top: 57%;
    right: 34%;
    font-size: 60%;
}

@media only screen and (max-width: 991px) {

    #page_b2_comparison section.hero h2 {
        font-size: 20px;
    }

    #page_b2_comparison section.hero.section4 h2 {
        font-size: 32px;
    }

}

@media only screen and (max-width: 767px) {

    #page_b2_comparison img.img-responsive.octopus {
        max-width: 70%;
        margin: 0 auto;
    }

    #page_b2_comparison section.hero table.price-table td,
    #page_b2_comparison section.hero table.price-table th {
        font-size: 13px
    }

    #page_b2_comparison section.hero .stylish-line {
        width: 0;
    }
}

@media only screen and (max-width: 479px) {
    /*.col-sm-4 {*/
    /*padding-left:0;*/
    /*padding-right:0;*/
    /*}*/
    .btn-bz-blue-inverse {
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px;
    }

    #page_b2_comparison .star-poppy {
        width: 50px;
        height: 50px;
    }

    #page_b2_comparison .text-holder h2 {
        font-size: 20px;
    }

    #page_b2_comparison .section3 {
        min-height: 0;
    }

}

/* Section 6  */

#page_b2_comparison .section6 {

}

#page_b2_comparison b2-comparison-below-headline {
    margin-top: 120px;
}

/* section 4 */
#page_b2_comparison section.hero.section4 img.custom-badge {
    float: right;
    margin-top: 139px;
    margin-right: 45px;
}

#page_b2_comparison section.hero.section4 > .row:first-of-type {
    margin-top: 0;
}

#page_b2_comparison section.hero.section4 h2 {
    color: #262626;
}

#page_b2_comparison section.hero.section4 h4 {
    color: #666;
}

@media only screen and (max-width: 767px) {
    #page_b2_comparison section.hero.section4 img.custom-badge {
        margin-left: auto;
        margin-right: auto;
    }
}

/*****************************/
/* Why B2                   */
/****************************/

#page_b2_why_b2 section.hero {
    background-image: url('/b2/images/b2-whyb2-cover-background.jpg');
    height: 1000px;
    background-size: cover;
    background-position: center;
    color: #fff;
}

#page_b2_why_b2 h3 {
    font-size: 30px;
    color: #262626;
    font-weight: 300;
    line-height: 38px;
}

#page_b2_why_b2 .section2 {
    background-image: url('/b2/images/b2-whyb2-galaxy.jpg');
    background-repeat: no-repeat;

    background-position: 0 340px;
    background-size: 36%;
    min-height: 1150px;
}

#page_b2_why_b2 .section2 img.media-object {
    width: 50px;
    height: auto;
    padding-top: 13px;
}

@media only screen and (max-width: 991px) {
    #page_b2_why_b2 .section2 {

        background-position: 0 440px;
        background-size: 42%;
    }
}

@media only screen and (max-width: 767px) {
    #page_b2_why_b2 .section2 {
        background-image: none;
    }

}

#page_b2_why_b2 .section3 {
    padding-top: 0;
}

/*/!*****************************!/*/
/*/!* Use Cases                 *!/*/
/*/!****************************!/*/

/*#page_b2_use_cases section.hero {*/
/*background-image: url('/b2/images/b2-usecases-cover-background.jpg');*/
/*height: 1000px;*/
/*background-size: cover;*/
/*background-position: center;*/
/*color: #fff;*/

/*}*/
/*.b2-usecases-crosshair-image {*/
/*width:605px;*/
/*height:auto; */
/*}*/

/*@media only screen and (max-width: 479px) {*/
/*.b2-usecases-crosshair-image {*/
/*width: 100%;*/
/*height : auto;*/
/*}*/
/*}*/

/*#page_b2_use_cases .crosshair_link {*/
/*font-size: 16px;*/
/*color: rgba(255, 255, 255, 0.8);*/
/*text-decoration: none;*/
/*line-height: 46px;*/
/*padding: 10px;*/
/*}*/

/*#page_b2_use_cases .usecase-crosshair_link a:hover {*/
/*color: #467cc5;*/
/*text-decoration: none;*/
/*}*/

/*#page_b2_use_cases .usecase-backup-archive {*/
/*margin-top: 20px;*/
/*margin-bottom: 20px;*/
/*clear: both;*/
/*}*/

/*#page_b2_use_cases .usecase-disaster {*/
/*background-image: url('/b2/images/b2-usescases-disaster-background.jpg');*/
/*height: 600px;*/
/*background-size: cover;*/
/*background-position: center;*/
/*clear: both;*/
/*border-top: 1px solid #e5e5e5;*/
/*}*/

/*#page_b2_use_cases .usecase-mobile {*/
/*color: #fff;*/
/*background-image: url('/b2/images/b2-usescases-photo-mobile-background.jpg');*/
/*height: 600px;*/
/*background-size: cover;*/
/*background-position: center;*/
/*clear: both;*/
/*border-top: 1px solid #e5e5e5;*/
/*}*/

/*#page_b2_use_cases .usecase-mobile h2 {*/
/*color: #fff;*/
/*}*/

/*#page_b2_use_cases .usercase-centerindent {*/
/*margin-top: 160px;*/
/*margin-bottom: 60px;*/
/*}*/

/*#page_b2_use_cases .usecase-photo-floor {*/
/*background-image: url('/b2/images/b2-usecase-photo-content.jpg');*/
/*background-size: cover;*/
/*height: 700px;*/
/*background-position: bottom;*/
/*}*/

/*#page_b2_use_cases .usecase-photo-archive {*/
/*background-image: url('/b2/images/b2-usecases-photo-archive.jpg');*/
/*background-size: cover;*/
/*height: 700px;*/
/*background-position: bottom;*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*#page_b2_use_cases .usercase-centerindent {*/
/*margin-top: 60px;*/
/*margin-bottom: 60px;*/
/*padding-right: 40px;*/
/*padding-left: 40px;*/
/*text-align: center;*/
/*}*/

/*#page_b2_use_cases .usecase-photo-floor {*/
/*background-image: none;*/
/*height: 20px;*/
/*}*/

/*#page_b2_use_cases .usecase-photo-archive {*/
/*background-image: none;*/
/*height: 20px;*/
/*}*/

/*}*/

/**********************/
/*     Pricing        */
/**********************/

#page_b2_pricing section.hero {
    background-image: url('/b2/images/b2-price-cover-background.jpg');
    background-size: cover;
    background-position: bottom;
    color: #fff;
}

#page_b2_pricing .b2-pricing-header {
    font-size: 20px;
    color: #262626;
    line-height: 20px;
    font-weight: 300;
}

#page_b2_pricing .b2-pricing-details {
    text-align: center;
    margin-bottom: 20px;
	overflow:hidden;
}

#page_b2_pricing .b2-pricing-container {
    border: 1px solid #e5e5e5;
    padding: 40px;
    border-radius: 4px;
}

#page_b2_pricing .b2-pricing-table {
    text-align: left;
    margin-left: auto;
    margin-right: auto;

}

.b2-pricing-support {
margin-top:20px;

padding-left:10px;
padding-right:10px;	
overflow:hidden;
padding-bottom: 0px;
}
.b2-pricing-support-box {
	border-radius:4px;
	border:1px solid #e5e5e5;
	padding:20px;
	font-size:18px;
	line-height:1.6em;
	font-weight:300;
	overflow:hidden;
	
}


.line-dotted {
    border-top: 1px dotted #e5e5e5;
    margin-top: 40px;
    margin-bottom: 40px;
}

#page_b2_pricing .b2-pricing-api-ul {
    font-size: 14px;
    color: #2C2C2C;
}

#page_b2_pricing .b2-pricing-api-call {
    color: #2C2C2C;
}

#page_b2_pricing .b2-pricing-api-list {
    text-align: left;
    width: 100%;
}

#page_b2_pricing .b2-pricing-header-description {
    font-size: 14px;
    color: #999999;
    line-height: 14px;
    font-weight: 300;
}

@media only screen and (max-width: 767px) {
    #page_b2_pricing .b2-pricing-header {
        font-size: 14px;
    }

    #page_b2_pricing .b2-pricing-header-description {
        font-size: 12px;
    }
}

#page_b2_pricing .b2-pricing-tiers {
    font-size: 16px;
    font-weight: bold;
}

#page_b2_pricing .b2-pricing-transaction-text {
    font-size: 13px;
    line-height: 20px;
}

/* table for pricing     */

#page_b2_pricing .price-table-1 {
    width: 17%;
}

#page_b2_pricing .price-table-2 {
    width: 17%;
    background-color: #fff;
    border-top-left-radius: 6px;
}

#page_b2_pricing .price-table-3 {
    width: 17%;
    background-color: #fff;
    border-radius: 0;
}

#page_b2_pricing .price-table-4 {
    width: 17%;
    background-color: #fff;
    border-radius: 0;
}

#page_b2_pricing .price-table-5 {
    width: 32%;
    background-color: #fff;
    border-top-right-radius: 6px;
}

#page_b2_pricing section.hero table.price-table {
    color: #666;
}

#page_b2_pricing section.hero table.price-table td {
    border-right: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 12px;
}

#page_b2_pricing section.hero table.price-table td:last-of-type {
    border-right: none;
}

#page_b2_pricing section.hero table.price-table th {
    font-weight: 300;
    padding-top: 50px;
    /*width: 20%;*/
}

#page_b2_pricing section.hero table.price-table td,
#page_b2_pricing section.hero table.price-table th {
    height: 90px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    vertical-align: middle;
    color: #666;
}

@media only screen and (max-width: 767px) {
    #page_b2_pricing section.hero table.price-table td,
    #page_b2_pricing section.hero table.price-table th {
        font-size: 0.933em;
    }
}

/* Section 2 */
#page_b2_pricing section.section2 .media-body h2 {
    margin-top: 7px;
}

/*/!************!/*/
/*/!* Use Cases *!/*/
/*/!*************!/*/

/*#page_b2_use_cases .usecase-backup-archive {*/
/*margin-top: 20px;*/
/*margin-bottom: 20px;*/
/*clear: both;*/
/*}*/

/*#page_b2_use_cases .usecase-disaster {*/
/*background-image: url('/b2/images/b2-usescases-disaster-background.jpg');*/
/*color: #fff;*/
/*height: 600px;*/
/*background-size: cover;*/
/*background-position: center;*/
/*clear: both;*/
/*border-top: 1px solid #e5e5e5;*/
/*}*/

/*#page_b2_use_cases .usecase-mobile {*/
/*color: #fff;*/
/*background-image: url('/b2/images/b2-usescases-photo-mobile-background.jpg');*/
/*height: 600px;*/
/*background-size: cover;*/
/*background-position: center;*/
/*clear: both;*/
/*border-top: 1px solid #e5e5e5;*/
/*}*/

/*#page_b2_use_cases .usecase-mobile h2 {*/
/*color: #fff;*/
/*}*/

/*#page_b2_use_cases .usecase-disaster h2 {*/
/*color: #fff;*/
/*}*/

/*#page_b2_use_cases .usercase-centerindent {*/
/*margin-top: 160px;*/
/*margin-bottom: 60px;*/
/*margin-left: auto;*/
/*margin-left: auto;*/
/*text-align: center;*/
/*}*/

/*#page_b2_use_cases .usecase-photo-archive {*/
/*background-image: url('/b2/images/b2-usecases-photo-backup.jpg');*/
/*background-size: cover;*/
/*height: 700px;*/
/*background-position: bottom;*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*#page_b2_use_cases .usercase-centerindent {*/
/*margin-top: 60px;*/
/*margin-bottom: 60px;*/
/*padding-right: 40px;*/
/*padding-left: 40px;*/
/*text-align: center;*/
/*}*/

/*#page_b2_use_cases .usecase-photo-floor {*/
/*background-image: none;*/
/*height: 20px;*/
/*}*/

/*#page_b2_use_cases .usecase-photo-archive {*/
/*background-image: none;*/
/*height: 20px;*/
/*}*/

/*}*/

/************************/
/*  Use Cases Combined  */
/************************/

#page_b2_use_cases section.hero {
    background-image: url('/b2/images/b2-usecases-cover-background.jpg');
    height: 1000px;
    background-size: cover;
    background-position: center;
    color: #fff;

}

.b2-usecases-crosshair-image {
    width: 605px;
    height: auto;
}

#page_b2_use_cases .crosshair_link {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    line-height: 46px;
    padding: 10px;
}

#page_b2_use_cases .usecase-crosshair_link a:hover {
    color: #467cc5;
    text-decoration: none;
}

#page_b2_use_cases .usecase-backup-archive {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}

#page_b2_use_cases .usecase-disaster {
    background-image: url('/b2/images/b2-usescases-disaster-background.jpg');
    color: #fff;
    height: 600px;
    background-size: cover;
    background-position: center;
    clear: both;
    border-top: 1px solid #e5e5e5;
}

#page_b2_use_cases .usecase-mobile {
    color: #fff;
    background-image: url('/b2/images/b2-usescases-photo-mobile-background.jpg');
    height: 600px;
    background-size: cover;
    background-position: center;
    clear: both;
    border-top: 1px solid #e5e5e5;
}

#page_b2_use_cases .usecase-mobile h2 {
    color: #fff;
}

#page_b2_use_cases .usecase-disaster h2 {
    color: #fff;
}

#page_b2_use_cases .usercase-centerindent {
    margin-top: 160px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-left: auto;
    text-align: center;
}

#page_b2_use_cases .usecase-photo-floor {
    background-image: url('/b2/images/b2-usecase-photo-content.jpg');
    background-size: cover;
    height: 700px;
    background-position: bottom;
}

#page_b2_use_cases .usecase-photo-archive {
    background-image: url('/b2/images/b2-usecases-photo-backup.jpg');
    background-size: cover;
    height: 700px;
    background-position: bottom;
}

@media only screen and (max-width: 767px) {
    #page_b2_use_cases .usercase-centerindent {
        margin-top: 60px;
        margin-bottom: 60px;
        padding-right: 40px;
        padding-left: 40px;
        text-align: center;
    }

    #page_b2_use_cases .usecase-photo-floor {
        background-image: none;
        height: 20px;
    }

    #page_b2_use_cases .usecase-photo-archive {
        background-image: none;
        height: 20px;
    }

    #page_b2_use_cases section.hero {
        height: auto;
    }
}

@media only screen and (max-width: 479px) {
    .b2-usecases-crosshair-image {
        width: 100%;
        height: auto;
    }
}

/***********************/
/* FOOTER              */
/***********************/
.footerz_wrapper {
    width: 100%;
    clear: both;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    border-top: 1px solid #e5e5e5;
}

.footerz_container {
    margin-left: auto;
    margin-right: auto;
    max-width: 880px;
    width: 100%;
    color: #999999;
    font-size: 13px;
    clear: both;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 8px;
    padding-bottom: 60px;
    margin-bottom: 40px;
}

.footerz_left {
    text-align: left;

    /*width: 400px;*/
    width: 80%; /* 400/880 */
    float: left;
    font-weight: 400;
}

.footerz_right {
    text-align: right;

    width: 19%; /* 400/880 */
    float: left;
    text-align: right;

}