/* Common */

.block { display: block; }
.inline-block { display: inline-block; }
.clear { clear: both; }
.lfloat { float: left; }
.rfloat { float: right; }
.vtop { vertical-align: top; }
.vmiddle { vertical-align: middle; }
.vbottom { vertical-align: bottom; }

/* Containers */

.hg-hosting-wrapper,
.hg-hosting-banner-wrapper,
.hg-hosting-details-wrapper,
.hostgator_hosting_features
{ width: 100%; }
.hg-hosting-banner-content,
.hg-hosting-details-content,
.hg-hosting-plans,
.hostgator-hosting-features-content,
.hg-hosting-infra,
.hg-hosting-apps
{ margin: 0 auto;  width: 1000px; }


.hg-hosting-wrapper { margin: -64px 0 0 0; }

/* Banner */

.hg-hosting-banner-wrapper
{ background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/hg-hosting-banner-bg.png') #004682 center center repeat-x;  }

.hg-hosting-banner-content
{ text-align: center; }

.hg-hosting-banner-content h1
{ color:#fff; font-family: 'montserrat-bold', Arial; font-size: 36px; font-weight: normal; margin:0; padding:43px 0 8px 0; }

.hg-hosting-banner-content span.sub-text
{ color: #fff; font-family: 'proxima_nova', Arial; font-size: 22px; font-weight: 100; padding: 0 0 45px 0; }

.hg-hosting-banner
{ background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/hg-hosting-banner-img.png') no-repeat; height: 281px; margin: 0 auto; width: 603px; }


/* Page content */

.hg-hosting-details-content h2
{ color: #222; font-family: 'montserrat-bold', Arial; font-size: 30px; font-weight: normal;
  margin: 0; padding: 63px 0 5px 0; text-align: center;
}

.hg-hosting-details-content span.sub-text
{ color:#242525; font-family: 'proxima_nova', Arial; font-size: 18px; font-weight: 100; text-align: center; }

.hg-hosting-details-content ul.hg-hosting-tabs
{ border:1px solid #ccc; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;
  margin: 45px auto 38px auto; width: 250px; }

.hg-hosting-details-content ul.hg-hosting-tabs li
{ border-right: 1px solid #ccc;  color:#1b1b1b; cursor: pointer; font-family: 'montserrat-bold', Arial; font-size: 14px; font-weight: normal;
  padding: 11px 30px; position: relative; text-transform: uppercase;
}

.hg-hosting-details-content ul.hg-hosting-tabs li:last-child
{ border:0; }

.hg-hosting-details-content ul.hg-hosting-tabs li.current-hg-tab
{ color:#f9a13a; }

.hg-hosting-details-content ul.hg-hosting-tabs li .current-tab-arrow
{ background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/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;
}

.hg-hosting-details-content ul.hg-hosting-tabs li.current-hg-tab .current-tab-arrow
{ display: block; }


/* Plans table */

.hg-hosting-plans
{ border-collapse: collapse; margin: 0 auto 90px auto; }

.hg-hosting-plans thead td,
.hg-hosting-plans tfoot td
{ background: #005793; border-width:0 1px 0 0; border-style:solid; border-color: #ddd; padding: 20px 0; text-align: center; }

.hg-hosting-plans thead tr th:last-child,
.hg-hosting-plans tfoot tr td:last-child
{ border-right: 1px solid #005793; }

.hg-hosting-plans thead td
{ border-top: 3px solid #f9a13a; }

.hg-hosting-plans thead td span,
.hg-hosting-plans tfoot td span { display: inline-block; }


.hg-hosting-plans thead td span.plan-name,
.hg-hosting-plans tfoot td span.plan-name
{ color:#fff; display: block; font-family: 'montserrat-bold', Arial; font-size: 20px; font-weight: normal; text-align: center;
  margin-bottom: 8px;
}

.hg-hosting-plans thead td span.plan-price,
.hg-hosting-plans tfoot td span.plan-price
{ color:#f9a13a; font-family: 'montserrat-bold', Arial; font-size: 26px; font-weight: normal;  }

.hg-hosting-plans thead td span.currency-symbol,
.hg-hosting-plans tfoot td span.currency-symbol,
.hg-hosting-plans thead td span.plan-validity,
.hg-hosting-plans tfoot td span.plan-validity
{ color:#f9a13a; font-family: 'proxima_nova', Arial; font-size: 15px; font-weight:400;  }

.hg-hosting-plans thead td span.currency-symbol,
.hg-hosting-plans tfoot td span.currency-symbol { margin: 5px 0 0 0; }

.hg-hosting-plans thead td span.plan-validity,
.hg-hosting-plans tfoot td span.plan-validity
{ margin: 0 0 3px 0; }

.hg-hosting-plans thead td .buy-button,
.hg-hosting-plans tfoot td .buy-button
{ background: #f7ae40; border:1px solid #f17620; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  color:#000; display: block; font-family: 'proxima_nova', Arial; font-size: 16px; font-weight: 600;
  height: 35px; line-height: 35px; margin: 13px auto 0 auto; width: 130px;
}

.hg-hosting-plans td
{ border:1px solid #ddd; color:#1b1b1b; font-family: 'proxima_nova', Arial; font-size: 15px; font-weight: 100; text-align: center; }

.hg-hosting-plans td.bgcolor
{ background: #f2f2f2; font-size: 16px; font-weight: 800; }

.hg-hosting-plans td.service-offered
{  font-weight: 600; width: 320px; }

.hg-hosting-plans td.bgcolor,
.hg-hosting-plans td.service-offered
{ padding: 15px 0 15px 19px; text-align: left; }

.hg-hosting-plans td span.no-mark
{ /*background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/hg-no-mark.png') no-repeat center center;*/ color:#ca3051;
  font-size:20px; font-weight:600; }

.hg-hosting-plans td span.yes-mark
{ background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/hg-yes-mark.png') no-repeat center center; height: 12px; }


/* Features */

.hg-hosting-features-content { margin-bottom: 57px; }

.hg-hosting-features-content h2
{ color: #2a58a7; font-family: 'montserrat-bold', Arial; font-size: 26px; font-weight: normal; margin: 0 0 38px 0; padding: 0;  }

.hg-hosting-infra > li,
.hg-hosting-apps > li
{ margin-bottom: 34px; width: 460px; }

.hg-hosting-infra > li:nth-child(even),
.hg-hosting-apps > li:nth-child(even)
{ padding-left: 76px;  }

.hg-hosting-features-content .hg-host-feature-detail
{ width: 325px; }

.hg-hosting-features-content .hg-host-feature-detail ul
{ margin: 0 0 0 33px; width: 325px; }

.hg-hosting-features-content .hg-host-feature-detail ul li,
.hg-hosting-features-content .hg-host-feature-detail p
{ color:#1b1b1b; font-family: 'proxima_nova', Arial; font-size: 15px; font-weight: 100; line-height: 21px; }

.hg-hosting-features-content .hg-host-feature-detail ul li
{
    color:#f9a13a; list-style: disc; width: 325px; text-align: left; padding-bottom: 6px; font-size: 20px; margin-top: -5px;
}

.hg-hosting-features-content .hg-host-feature-detail ul li span
{ color:#1b1b1b; font-family: 'proxima_nova', Arial; font-size: 15px; font-weight: 100; }

.hg-hosting-features-content .hg-host-feature-detail h3
{ color:#1b1b1b; font-family: 'montserrat-bold', Arial; font-size: 18px; font-weight: normal; margin: 0 0 15px 17px; }

.hg-hosting-features-content .hg-host-feature-detail p
{ margin: -6px 0 0 17px; }

.hg-hosting-features-content span.hg-host-feature-icon-container
{ border:1px solid #ccc; height: 66px; margin: 4px 0 0 0; line-height: 66px; text-align: center; width: 66px; }

.hg-hosting-features-content span.hg-host-feature-icon
{ background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/hg-host-feature-icons.png') no-repeat; margin: -3px 0 0 0; }

.hg-hosting-features-content .hg-host-feature-icon.web-hosting
{ background-position: 0 0; height: 46px; width: 45px; }

.hg-hosting-features-content .hg-host-feature-icon.free-services
{ background-position: -80px 0; height: 49px; width: 45px; }

.hg-hosting-features-content .hg-host-feature-icon.control-panel
{ background-position: -148px 0; height: 34px; width: 50px; }

.hg-hosting-features-content .hg-host-feature-icon.program-db
{ background-position: -221px 0; height: 42px; width: 45px; }

.hg-hosting-features-content .hg-host-feature-icon.email-feature
{ background-position: -290px 0; height: 45px; width: 45px; }

.hg-hosting-features-content .hg-host-feature-icon.green-web-host
{ background-position: -366px 0; height:50px; width: 36px; }

.hg-hosting-features-content .hg-host-feature-icon.wp-hosting
{ background-position: -418px 0;  height: 50px; width: 50px; }

.hg-hosting-features-content .hg-host-feature-icon.joomla-hosting
{ background-position: -489px 0; height: 45px; width: 46px;  }

.hg-hosting-features-content .hg-host-feature-icon.drupal-hosting
{ background-position: -563px 0; height: 54px; width: 45px; }

.hg-hosting-features-content .hg-host-feature-icon.magento-hosting
{ background-position: -626px 0; height: 52px; width: 45px; }

@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) {

    .hg-hosting-features-content span.hg-host-feature-icon
    { background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/hg-host-feature-icons@2x.png') no-repeat; margin: -3px 0 0 0;
      background-size: 672px 55px;
    }

    .hg-hosting-features-content .hg-host-feature-icon.web-hosting
    { background-position: 0 0; height: 46px; width: 45px; }

    .hg-hosting-features-content .hg-host-feature-icon.free-services
    { background-position: -69px 0; height: 49px; width: 45px; }

    .hg-hosting-features-content .hg-host-feature-icon.control-panel
    { background-position: -137px 0; height: 34px; width: 50px; }

    .hg-hosting-features-content .hg-host-feature-icon.program-db
    { background-position: -209px 0; height: 42px; width: 45px; }

    .hg-hosting-features-content .hg-host-feature-icon.email-feature
    { background-position: -278px 0; height: 45px; width: 45px; }

    .hg-hosting-features-content .hg-host-feature-icon.green-web-host
    { background-position: -353px 0; height:50px; width: 36px; }

    .hg-hosting-features-content .hg-host-feature-icon.wp-hosting
    { background-position: -415px 0;  height: 50px; width: 51px; }

    .hg-hosting-features-content .hg-host-feature-icon.joomla-hosting
    { background-position: -487px 0; height: 45px; width: 46px;  }

    .hg-hosting-features-content .hg-host-feature-icon.drupal-hosting
    { background-position: -557px 0; height: 54px; width: 45px; }

    .hg-hosting-features-content .hg-host-feature-icon.magento-hosting
    { background-position: -627px 0; height: 52px; width: 45px; }

    .hg-hosting-details-content ul.hg-hosting-tabs li .current-tab-arrow
    { background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/current-hg-tab-bg@2x.png') no-repeat; background-size: 17px 8px;
      height: 8px; width: 17px;
    }

    .hg-hosting-plans td span.yes-mark
    { background: url('//cdnassets.com/ui/resellerdata/390000_419999/395180/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/hg-yes-mark@2x.png') no-repeat center center;
      height: 12px; background-size: auto 12px;
    }

}