ul.sub-banners-wrap {
    float: left;
    width: 100%;
    margin-top: 20px;
}

ul.sub-banners-wrap > li {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.sectionBanner {
    position: relative;
    width: 100%;
    height: 350px;
    background-size: cover !important;
    -moz-background-size: cover !important;
    -webkit-background-size: cover !important;
    float: left;
    overflow: hidden;
}

.sectionBanner .darkText {
    color: #000 !important;
}

.sectionBanner .breadcrumb {
    position: relative;
    width: 100%;
    margin: 18px 0px 0px 0px;
    float: left;
    height: 17px;
}

.sectionBanner .breadcrumb li {
    list-style: none;
    display: inline;
    margin-right: 4px;
    font: 400 12px/16px 'Gotham SSm A', 'Gotham SSm B';
}

.sectionBanner .breadcrumb li:first-child {
    background: none;
}

.sectionBanner .dark li {
    color: #000;
    background: transparent url("../img/global/breadcrumb-arrow-dark.png") no-repeat left center;
    padding-left: 10px;
}

.sectionBanner .dark li a {
    color: #000;
}

.sectionBanner .light li {
    color: #fff;
    background: transparent url("../img/global/breadcrumb-arrow-light.png") no-repeat left center;
    padding-left: 10px;
}

.sectionBanner .light li a {
    color: #fff;
}

.sectionBanner .left-block {
    width: 735px;
    float: none;
    height: 350px;
    vertical-align: middle;
    display: table-cell;
}

.sectionBanner .left-block h1 {
    font: 500 30px/38px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    background: #000;
    float: left;
    padding: 10px 29px 10px 20px;
    text-transform: uppercase;
    letter-spacing: -1px;
    width: auto;
}

.sectionBanner .left-block h1 i {
    font: 500 30px/38px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    font-style: italic;
}


/*----------------------*/

.sectionBanner .left-block h2 {
    font: 400 24px/34px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    letter-spacing: -1px;
    float: left;
    margin: 10px 0 0 20px;
}

.sectionBanner .left-block h2 i {
    font: 400 24px/34px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    font-style: italic;
}

.sectionBanner .left-block h2 b i {
    font-weight: bold;
}

.sectionBanner .left-block2 {
    width: 800px;
    float: left;
}

.sectionBanner .left-block2 h2 {
    font: 500 30px/30px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    background: #3b3b3b;
    float: left;
    margin-top: 10px;
    padding: 10px 29px 10px 20px;
    text-transform: uppercase;
    letter-spacing: -1px;
    width: auto;
}


/*---------------------------------*/

.sectionBanner .left-block2 h1 {
    font: 500 30px/30px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    background: #3b3b3b;
    float: left;
    margin-top: 10px;
    padding: 10px 29px 10px 20px;
    text-transform: uppercase;
    letter-spacing: -1px;
    width: auto;
}


/*---------------------------------*/

.sectionBanner .left-block2 h3 {
    font: 400 24px/34px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    letter-spacing: -1px;
    float: left;
    margin: 8px 0 0 20px;
}

.sectionBanner .left-block2 .sub-head {
    font: 400 21px/22px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    letter-spacing: -1px;
    float: left;
    margin: 70px 0 0 20px;
    text-transform: uppercase;
}


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

.sectionBanner .left-block .margin-LT20 {
    margin-left: 20px;
    margin-top: 20px;
}


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

.sectionBanner .right-block {
    width: 400px;
    float: none;
    height: 350px;
    vertical-align: middle;
    display: table-cell;
}

.sectionBanner .right-block .right-block-bg-extended {
    position: absolute;
    background: #000;
    filter: alpha(opacity=85);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    background: rgba(0, 0, 0, .85);
    width: 1500px;
    margin-top: -35px;
    padding-top: 35px;
    height: 350px;
}

.sectionBanner .right-block .question-wrap {
    position: relative;
    width: 359px;
    float: left;
    margin: 12px 0 0 40px;
}

.sectionBanner .right-block .question-wrap h4 {
    font: 500 20px/25px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
}

.sectionBanner .right-block .question-wrap h5 {
    font: 400 16px/24px 'Gotham SSm A', 'Gotham SSm B';
    color: #a1a1a1;
    margin-bottom: 15px;
}

.sectionBanner .right-block .question-wrap ul {
    width: 100%;
    margin-top: 21px;
}

.sectionBanner .right-block .question-wrap ul li {
    position: relative;
    float: left;
    width: 100%;
    border-bottom: solid 1px #363636;
}

.sectionBanner .right-block .question-wrap ul li:first-child {
    border-top: solid 1px #363636;
}

.sectionBanner .right-block .question-wrap ul li a {
    width: 100%;
    float: left;
    padding: 14px 0px 13px 28px;
    font: 400 13px/18px 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
}

.sectionBanner .right-block .question-wrap ul li a span {
    width: 12px;
    height: 12px;
    display: inline-block;
    background: transparent url(../img/global/link-arrow-green.png) no-repeat left center;
    transition: all .3s;
    float: right;
}

.sectionBanner .right-block .question-wrap ul li a:hover span {
    background: transparent url(../img/global/link-arrow-green.png) no-repeat right center;
}

.sectionBanner .right-block .question-wrap .qico1 {
    background: transparent url(../img/global/inner/q-icon.png) no-repeat 0px 16px;
}

.sectionBanner .right-block .question-wrap .qico2 {
    background: transparent url(../img/global/inner/q-icon.png) no-repeat 0px -29px;
}

.sectionBanner .right-block .question-wrap .qico3 {
    background: transparent url(../img/global/inner/q-icon.png) no-repeat 0px -72px;
}

.sectionBanner .right-block .question-wrap .qico4 {
    background: transparent url(../img/global/inner/q-icon.png) no-repeat 0px -117px;
}

.question-wrap ul li a b {
    background: #393939;
    font-weight: normal;
    padding: 5px;
}


/*-----------------------------------------------landing page specific banners-------------------------------------*/

.sectionBanner.about-section-banner {
    background: #252525 url(../img/main-banners/about.jpg) no-repeat top center;
}

.sectionBanner.bigger-pipes-section-banner {
    background: #000 url(../img/main-banners/biggerpipes.jpg) no-repeat top center;
}

.sectionBanner.choice-section-banner {
    background: #000 url(../img/main-banners/choice.jpg) no-repeat top center;
}

.sectionBanner.dedicated-section-banner {
    background: #121216 url("../img/main-banners/dedicated.jpg") no-repeat top center;
}

.sectionBanner.iaas-section-banner {
    background: #121216 url("../img/main-banners/iaas.jpg") no-repeat top center;
}

.sectionBanner.managed-hosting-section-banner {
    background: #121216 url("../img/main-banners/managed-hosting.png") no-repeat top center;
}

.sectionBanner.password-generator-section-banner {
    background: #121216 url("../img/main-banners/password-generator.jpg") no-repeat top center;
}

.sectionBanner.private-cloud-hosting-section-banner {
    background: #121216 url("../img/main-banners/private-cloud.jpg") no-repeat top center;
}

.sectionBanner.private-cloud-hosting-section-banner1 {
    background: #121216 url("../img/main-banners/pc-banner.jpg") no-repeat top center;
}

.sectionBanner.public-cloud-hosting-section-banner {
    background: #121216 url("../img/main-banners/public-cloud.jpg") no-repeat top center;
}

.sectionBanner.solutions-section-banner {
    background: #121216 url("../img/main-banners/solutions.jpg") no-repeat top center;
}

.sectionBanner.automation-section-banner {
    background: #121216 url("../img/main-banners/automation.jpg") no-repeat top center;
}

.sectionBannerprivate-cloud-solution-section-banner {
    background: #121216 url("../img/main-banners/pc-banner.jpg") no-repeat top center;
}

.sectionBanner.compliance-section-banner {
    background: #000 url(../img/main-banners/compliance.jpg) no-repeat top center;
}

.sectionBanner.virtual-private-cloud-hosting-section-banner1 {
    background: #000 url(../img/main-banners/evpc-slider.jpg) no-repeat top center;
}

.sectionBanner.about-landing-banner {
    background: #000 url(../img/about/main-banner-landing.jpg) no-repeat top center;
}
.sectionBanner.new-about-landing-banner {
    background: #000 url(../img/about_landing/main-banner-landing.jpg) no-repeat top center;
}
.sectionBanner.privatecloud {
    background: #252525 url(../img/main-banners/privatecloud.jpg) no-repeat top center;
}

.sectionBanner.vpcbanner {
    background: #252525 url(../img/main-banners/vpc_banner.jpg) no-repeat top center;
}

.sectionBanner.virtual-servers {
    background: #252525 url(../img/main-banners/virtual_servers.jpg) no-repeat top center;
}

.sectionBanner.managed {
    background: #252525 url(../img/main-banners/managed.jpg) no-repeat top center;
}

.sectionBanner.on-demand-main-banner {
    background: #252525 url(../img/main-banners/on-demand.png) no-repeat top center;
}

.sectionBanner.security-shield-banner {
    background: #252525 url(../img/main-banners/security-shield.jpg) no-repeat top center;
}

.sectionBanner.newsroom {
    background: #252525 url(../img/main-banners/newsroom_banner.jpg) no-repeat top center;
}






.vp-new-banner {
    float: left;
    width: 100%;
    background: #252525 url(../img/main-banners/vpc_banner.jpg) no-repeat top center;
    background-size: cover;
}
.custom-vp-padding{
    position: relative;
    width:100%;
    padding: 55px 0 60px 0;
    float: left;
}
.vp-auto-height{
    height:auto !important;
}
.vp-new-banner__left {
    float: left;
    width: 44%;
    padding-right: 60px;
}
.vp-new-banner__left h1 {
    font: 500 36px/1.5 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    float: left;
    letter-spacing: -1px;
    width: 100%;
    margin: 10px 0 15px 0;
}
.vp-new-banner__left h1 sup{
    font-weight: 300;
    font-size: 18px;
}
.vp-new-banner__left h2 {
    font: 400 30px/1.4 'Gotham SSm A', 'Gotham SSm B';
    color: #9b9ea3;
    letter-spacing: -1px;
    float: left;
    width: 100%;
    margin: 0px 0 0 0;
}
.vp-new-banner__right h2 {
    font: 400 26px/1.4 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    letter-spacing: -1px;
    float: left;
    width: 100%;
    margin: 0px 0 10px 0;
}
.vp-new-banner__left h3 {
    font: 400 15px/2.4 'Gotham SSm A', 'Gotham SSm B';
    color: #fff;
    float: left;
    width: 100%;
    margin: 0px 0 0 0;
}
.vp-new-banner__right {
    float: left;
    width: 55%;
    padding-top: 14px;
}
.vp-new-banner__form {
    float: left;
    width: 100%;
}
.vp-new-banner__form-row {
    float: left;
    width: 100%;
}

.vp-new-banner__right .order_now_calculator {
    width: 100%;
    min-height: 97px;
    height: auto !important;
    float: left;
    text-align: center;
    margin-bottom: 15px;
}

.vp-new-banner__right  .order_now_calculator input[type="text"],
.vp-new-banner__right  .order_now_calculator input[type="email"],
.vp-new-banner__right  .order_now_calculator input[type="password"] {
    height: 45px;
    width: 100%;
    padding: 10px 10px 10px 0;
    float: left;
    margin: 0;
    background: #fff;
    font: 300 16px/1 'Gotham SSm A', 'Gotham SSm B';
    color: #575757;
    text-indent: 10px;
    border: solid 1px #b7b7b7;
}

.vp-new-banner__right  .order_now_calculator .name,
.vp-new-banner__right  .order_now_calculator .company,
.vp-new-banner__right  .order_now_calculator .phone {
    width: 48%;
}

.vp-new-banner__right  .order_now_calculator .email {
    width: 28%;
}

.vp-new-banner__right  .order_now_calculator .tb {
    width: 18.5%;
    margin-right: 0;
}

.vp-new-banner__right  .baas_row {
    float: left;
    margin: 0px .7% 1.8% .7%;
    position: relative;
}

.vp-new-banner__right  .baas_row span.error {
    color: white;
    background: red;
    position: absolute;
    right: 0px;
    padding: 3px 8px;
    font: 400 11px/1 'Gotham SSm A', 'Gotham SSm B';
    top: -16px;
    height: 17px;
}

.vp-new-banner__right  .baas_row.error input[type="text"],
.vp-new-banner__right  .baas_row.error input[type="password"],
.vp-new-banner__right  .baas_row.error input[type="email"] {
    border-color: red;
}

.vp-new-banner__right  .mass_success_inline {
    width: 100%;
    float: left;
    margin: 0px 0;
    text-align: center;
    font: 300 15px/24px 'Gotham SSm A', 'Gotham SSm B';
    color: #ECECEC;
    letter-spacing: -1px;
    background: rgba(0, 0, 0, .5);
    padding: 20px;
}
.vp-new-banner__right  .order_now_calculator .baas_row_name {
    width: 24%;
}
.vp-new-banner__right  .order_now_calculator .baas_row_name-email {
    width: 48%;
}
.vp-new-banner__right  .order_now_calculator .baas_row_name--last-name {}

.vp-new-banner__right  .order_now_calculator .baas_row_name-phone {
    width: 29%;
}
.vp-new-banner__right  .mh-revised-banner__right-text {
    float: left;
    width: 100%;
    color: #9b9ea3;
    line-height: 1.2;
    font-size: 16px;
    margin-top: 10px;
    padding-left: .5%;
}
.vp-new-btn{
        font: 500 16px/19px 'Gotham SSm A', 'Gotham SSm B';
        padding:12px 55px;
}
@media (max-width: 1199px){
    .vp-new-banner__left, .vp-new-banner__right{
        width:100%;
    }
}
@media (max-width: 767px){
    .vp-right .order_now_calculator .name, .vp-right .order_now_calculator .company, .vp-right .order_now_calculator .baas_row_name-email, .vp-right .order_now_calculator .email, .vp-right .order_now_calculator .tb{
        width:100%;
    }
}