/* Common */
.block
{ display: block }

.bh-hosting-wrapper .inline-block, .bh-hosting-specific-block label, .bh-hosting-specific-block .value, .bh-specific-icon
{ display: inline-block; *display: inline; position: relative; zoom: 1; }


/* Containers */

.bh-hosting-wrapper,
.bh-hosting-banner-wrapper,
.bh-hosting-details-wrapper
.bh-hosting-plans-wrapper,
.bh-hosting-features-wrapper,
.bh-hosting-specific-wrapper
{ margin: 0; padding: 0; width: 100%; }

.bh-hosting-banner-content,
.bh-hosting-details-content,
.bh-hosting-plans-content,
.bh-hosting-features-content,
.bh-hosting-specific-content
{ margin: 0 auto; width: 1000px; }

.bh-hosting-wrapper
{ margin: -64px 0 215px 0; display: block; }

/* Banner */

.bh-hosting-banner-wrapper
{   text-align: center;  height: 75vh; min-height: 582px; width: 100%;  }

.bh-hosting-banner-overlay { position: absolute; left:0; right:0; top: 0; bottom: 45px; background: rgba(71,72,78,0.6); z-index: 1; }

.bh-hosting-banner-content {   position: relative;  z-index: 2;  }

.bh-hosting-banner-content h1
{ color:#fff; font-family: 'montserrat-bold', Arail; font-size: 40px; line-height: 46px; padding: 140px 0 0 0; }

.bh-hosting-banner-content h1 span.blue
{ color: #3575d3; }

.bh-hosting-banner-content span.sub-text
{ color: #fff; font-family: 'proxima_nova', Arail; font-size: 22px; font-weight: 100; line-height: 33px; margin: 3px 0 0 0; }

.bh-hosting-banner-content span.starting-at
{ font-family:  'proxima_nova', Arail; font-size: 18px; font-weight: 100; line-height: 21px; color: #fff; margin: 20px 0 0 0; display: block; }

.bh-hosting-banner-content span.price { margin: 5px 0 0 0; }

.bh-hosting-banner-content span.price span
{ color:#fff; display: inline-block; }

.bh-hosting-banner-content span.price .symbol
{ font-family: 'montserrat-regular', Arial; font-size: 20px; vertical-align: top; margin: 5px 0 0 0; }

.bh-hosting-banner-content span.price .value
{ font-family: 'montserrat-bold', Arial; font-size: 34px; font-weight: normal; }

.bh-hosting-banner-content span.price .valid
{ font-family: 'proxima_nova', Arial; font-size: 20px; font-weight: 400; vertical-align: bottom; margin: 0 0 4px 0; }

.play-button
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/play-button-icon.png') no-repeat; position: absolute; height: 48px;
  width: 48px; top:418px; left:477px; cursor: pointer; width: 48px; height: 48px;
}

.video-container { position: absolute; z-index:0; width: 100%; height: 75vh; min-height: 582px; top: 0; left: 0; }
.video-container-overlay { position: absolute; z-index:1; width: 100%; height: 75vh; min-height: 582px; top: 0; left: 0; background-color: rgba(0,0,0,.7);}

.video-container.fullscreen { position: fixed; top:0; left:0; right: 0; bottom: 0; z-index: 3; height: 100%;  }
.video-container-overlay.fullscreen { position: fixed; top:20px; left:0; right: 0; bottom: 0; z-index: 4; height: 100%; background-color: rgba(0,0,0,0);}

#video-message {   position: fixed; top: 0; text-align: center; z-index: 500; width: 100%; height: 22px; vertical-align: middle; text-shadow: 2px 2px 2px rgba(0,0,0,.5); font-weight: bold; color: #fff; }
#video-cross {   position: absolute; top: 0; right: 5px; text-align: center; z-index: 501; width: 22px; height: 22px; vertical-align: middle; text-shadow: 2px 2px 2px rgba(0,0,0,.5); font-size: 20px; color: #fff; cursor: pointer; }

/* Page Content */

.bh-hosting-details-content
{ text-align: center; }

.bh-hosting-details-content h2
{ color:#222; font-family: 'montserrat-bold', Arail; font-size: 30px; font-weight: normal; line-height: 20px; margin: 50px 0 0 0; }

.bh-hosting-details-content span.sub-text
{ color:#242525; font-family: 'proxima_nova', Arail; font-size: 18px; font-weight: 100; line-height: 14px; margin: -2px 0 0 0; }


/* Tabs */

.bh-hosting-tabs
{ border: 1px solid #ccc; border-radius: 26px; -moz-border-radius: 26px; -webkit-border-radius: 26px;
  margin: 45px auto 0 auto; width: 450px;
}

.bh-hosting-tabs li
{ border-right: 1px solid #ccc; color:#1b1b1b; cursor: pointer;
  font-family: 'montserrat-bold', Arail; font-size: 14px; font-weight: normal;
  margin: 0; padding: 13px 0; text-transform: uppercase; width: 146px;
}

.bh-hosting-tabs li.current-bh-tab
{ color:#3575b9; }

.bh-hosting-tabs li:last-child
{ border-right: 0; }

.bh-hosting-tabs li .current-tab-arrow
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/current-hg-tab-bg.png') no-repeat; bottom: -8px; display: none;
    height: 8px; left: 44.5%; position: absolute; width: 17px;
}

.bh-hosting-tabs li.current-bh-tab .current-tab-arrow
{ display: block; }


/* Plans */

.bh-hosting-plans-content
{ border-top: 2px solid #3575b9; border-collapse: collapse; margin: 40px 0 0 0; }

.bh-hosting-plans-content th
{ background: #f8f8f8; text-align: center; border:1px solid #ddd; border-top:0;
  font-family:'montserrat-bold', Arail; font-size: 20px; font-weight: normal; padding: 20px 0;
}

.org-price
{ color: #999; font-family: 'montserrat-regular', Arail; font-size: 16px; font-weight: normal;
  margin: 16px 0 -3px 0; text-decoration: line-through;
}

.org-price .symbol
{ font-family: 'montserrat-regular', Arail; font-size: 12px; font-weight: normal;
  margin: 2px 0 0 0; text-decoration: line-through; vertical-align: top; }

.org-price .valid
{ font-family: 'proxima_nova', Arail; font-size: 12px; font-weight: 400;
  margin: 0 0 1px 0; text-decoration: line-through; vertical-align: bottom; }

.dis-price
{ color: #3575b9; font-family:'montserrat-bold', Arail; font-size: 26px; font-weight: normal; }

.dis-price .symbol
{ font-family: 'montserrat-regular', Arail; font-size: 18px; font-weight: normal; margin: 3px 0 0 0; vertical-align: top; }

.dis-price .valid
{ font-family: 'proxima_nova', Arial; font-size: 15px; font-weight: 400; margin: 0 0 2px 0; vertical-align: bottom; }


.bh-hosting-plans-content td
{ border: 1px solid #ddd; color:#1b1b1b; font-family: 'proxima_nova', Arail; font-size: 15px; font-weight: 100; padding: 16px 0; }

.bh-hosting-plans-content tr.buy-button-container td
{ background: #f8f8f8; }

.bh-hosting-plans-content td.feature
{ font-weight: 600; text-align: left; padding: 16px 0 16px 20px; }

.bh-hosting-plans-content td .green-button,
.bh-hosting-banner-content .green-button
{   background: #2fbe15; border: 1px solid #18900b; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    color: #fff; font-family: 'proxima_nova', Arail; font-size: 16px; font-weight: 600; padding: 11px 33px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2); outline: none;
}

.bh-hosting-banner-content .green-button
{ width: 203px; height: 46px; line-height: 46px; text-align: center; padding: 0; margin: 22px auto 0 auto;
  font-family: 'proxima_nova', Arail; font-size: 18px; font-weight: 600;
}

.buy-button:hover {
  color: #fff;
}
.buy-button {
    width: 203px;  height: 46px;  line-height: 46px;  text-align: center;
    padding: 11px 33px;  margin: 22px auto 0 auto;
    font-family: 'proxima_nova', Arail;  font-size: 18px;  font-weight: 600; color: #fff;
    background: #2fbe15;
    border: 1px solid #18900b;  border-radius: 4px;  -moz-border-radius: 4px;  -webkit-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(216, 216, 216, 0.2);
    outline: none;
}


/* Discount Blurb */

.bh-discount-wrapper
{ width: 990px; margin: 0 auto 30px auto; padding: 4px; border: 1px dashed #3876b7; }

.bh-discount-blurb
{ background: #f7fbff; border:1px solid #3976b7; margin: 0 auto; padding: 9px 0 8px 0; text-align: center; width: 988px; }

.bh-discount-blurb p
{ font-family: 'proxima_nova', Arial; font-size: 18px; font-weight: 100; color:#1b1b1b; text-align: center; }

.bh-discount-blurb p span.bh-discount-percent
{ color: #fc8724; font-size: 22px; font-weight: 600; }

/* Features */

.bh-hosting-features { margin: 37px 0 0 0; }

.bh-hosting-features li
{ margin: 0 39px 42px 0; width: 305px; }

.bh-hosting-features li:nth-child(3), .bh-hosting-features li:last-child
{ margin-right: 0; }

.bh-hosting-features li h3
{ color:#1b1b1b; font-family: 'montserrat-bold', Arail; font-size: 18px; font-weight: normal; margin: 0 0 5px 0; }

.bh-hosting-features li p
{ color:#1b1b1b; font-family: 'proxima_nova', Arial; font-size: 15px; font-weight: 100; line-height: 21px; text-align: center; }

.bh-hosting-features li span.bh-host-feature-icon
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/bh-vps-features-icons.png'); margin: 0 0 17px 0; }

.bh-hosting-features li span.bh-host-feature-icon.bh-performance
{ background-position: 0 0;  height: 56px; width: 56px; }

.bh-hosting-features li span.bh-host-feature-icon.bh-provisioning
{ background-position: -86px 0;  height: 56px; width: 56px; }

.bh-hosting-features li span.bh-host-feature-icon.bh-resources
{ background-position: -191px 0;  height: 56px; width: 56px; }

.bh-hosting-features li span.bh-host-feature-icon.bh-dynamic
{ background-position: -292px 0;  height: 56px; width: 56px; }

.bh-hosting-features li span.bh-host-feature-icon.bh-cpanel
{ background-position: -406px 0;  height: 56px; width: 56px; }

.bh-hosting-features li span.bh-host-feature-icon.bh-root
{ background-position: -526px 0;  height: 56px; width: 50px; }


/* Specifications */


.bh-hosting-specific-block
{ border: 1px solid #ddd; margin: 40px 22px 0 0; min-height: 416px; padding: 0 20px 10px 20px; vertical-align: top; width: 189px; }

.bh-hosting-specific-content .bh-hosting-specific-block:last-child
{ margin-right: 0; }

.bh-hosting-specific-block h3
{ color:#1b1b1b; font-family: 'montserrat-bold', Arail; font-size: 18px; font-weight: normal;
  line-height: 26px; padding: 14px 0 0 0; text-align: left;
}

.bh-hosting-specific-block .ui-gutterspace { height: 12px; }

.bh-hosting-specific-block p
{ margin: 10px 0; padding: 0; }

.bh-hosting-specific-block label,
.bh-hosting-specific-block .value
{ color: #1b1b1b; font-family:'proxima_nova', Arial; font-size: 15px; line-height: 20px; vertical-align: top; }

.bh-hosting-specific-block label
{ font-size: 14px; font-weight: 100; padding: 0 14px 0 0; width: 75px; }

.bh-hosting-specific-block .value
{ font-weight: 400; width: 95px; word-wrap: break-word; }

.bh-specific-icon
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/bh-vps-spec-icons.png');
  margin: 0 6px 8px 0; vertical-align: middle;
}

.bh-specific-icon.processing
{ background-position: 0 0; height: 32px; width: 32px; }

.bh-specific-icon.memory
{ background-position: -72px 0; height: 32px; width: 32px; }

.bh-specific-icon.storage
{ background-position: -183px 0; height: 32px; width: 32px; }

.bh-specific-icon.input-output
{ background-position: -285px 0; height: 32px; width: 32px; }

.bh-specific-icon.software
{ background-position: -363px 0; height: 32px; width: 32px; }

table.bh-hosting-plans-content {
  margin: auto;
}

iframe.wide-one
{  height: 150%;  width: 100%;   margin-top: -125px;  vertical-align: top;}

iframe.full-one
{  height: 100%;  width: 100%;   }

#bluehost_hosting_plans
{ margin: 30px auto 100px auto; }

#bluehost_hosting_features , #bluehost_hosting_specifications
{ margin-bottom: 100px; }

.bh_vps_money_back, .bh_vps_free_domain
{ cursor: pointer; }

.bh_vps_money_back.feature , .bh_vps_free_domain.feature
{  color: #3575b9 !important; text-decoration: underline; }

#select-domain-modal .inner-content li
{ font-family: "proxima_nova", Arial; font-size: 15px; font-weight: 100; color: #222; list-style-type: disc; text-align: justify; margin-left: 30px; padding: 5px;}

/*.bh_vps_money_back:hover , .bh_vps_free_domain:hover
{ background-color: #3575b9; }*/

#select-domain-modal h1.ms-modal-title-money
{
  border-bottom: 1px solid #bbb;
  background: none;
      font-family: "proxima_nova", Arial;
      font-size: 24px;
      font-weight: 600;
      color: #222;
      margin: 0;
      padding: 0 0 8px 0;
      margin-bottom: 8px;
      text-align: left;
      border: 0;
    }

/* @2x icons media queries */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {


    /* Features */

    .bh-hosting-features li span.bh-host-feature-icon
    { background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/bh-vps-features-icons@2x.png');
      background-size: 576px 56px;
    }

    .bh-hosting-features li span.bh-host-feature-icon.bh-performance
    { background-position: 0 0;  height: 56px; width: 56px; }

    .bh-hosting-features li span.bh-host-feature-icon.bh-provisioning
    { background-position: -103px 0;  height: 56px; width: 56px; }

    .bh-hosting-features li span.bh-host-feature-icon.bh-resources
    { background-position: -209px 0;  height: 56px; width: 57px; }

    .bh-hosting-features li span.bh-host-feature-icon.bh-dynamic
    { background-position: -316px 0;  height: 56px; width: 51px; }

    .bh-hosting-features li span.bh-host-feature-icon.bh-cpanel
    { background-position: -416px 0;  height: 56px; width: 56px; }

    .bh-hosting-features li span.bh-host-feature-icon.bh-root
    { background-position: -526px 0;  height: 56px; width: 50px; }



    /* Specifications */

    .bh-specific-icon
    {
        background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/bh-vps-spec-icons@2x.png');
        background-size: 395px 32px;
    }

    .bh-specific-icon.processing
    { background-position: 0 0; height: 32px; width: 32px; }

    .bh-specific-icon.memory
    { background-position: -90px 0; height: 32px; width: 32px; }

    .bh-specific-icon.storage
    { background-position: -183px 0; height: 32px; width: 31px; }

    .bh-specific-icon.input-output
    { background-position: -272px 0; height: 32px; width: 32px; }

    .bh-specific-icon.software
    { background-position: -363px 0; height: 32px; width: 32px; }


}

.bh-hosting-plans-content > tbody > tr.buy-button-container > td > a.green-button {
  margin: 20px 0px;
  display: inline-block;
}
