/* Common */

.cs-page-wrapper { position: relative; }

.cs-page-wrapper,
.cs-banner-wrap,
.cs-content-wrap,
.cs-pay-wrap,
.cs-faqs-wrap,
.cs-plan-wrap
{ margin: 0; padding: 0; width: 100%; }

.cs-page-wrapper .block { display: block; }

.cs-page-wrapper .inline-block { display: inline-block; *display: inline; *position: relative; *zoom: 1; }

.cs-page-wrapper .lfloat { float: left; }

.cs-page-wrapper .rfloat { float: right; }

.cs-page-wrapper .clear { clear: both; }

.cs-page-wrapper .relative { position: relative; }

.cs-banner,
.cs-content,
.cs-pay,
.cs-faqs,
.cs-plan
{ margin: 0 auto; text-align: center; width: 1000px }

.cs-content p,
.cs-pay p
{ font: 100 15px/21px 'proxima_nova', Arial; color: #a6a6a7; margin: 0; padding: 0; }

.cs-pay h2, .cs-plan-wrap h2, .cs-faqs-wrap h2
{ font: 600 26px/20px 'proxima_nova', Arial; color: #fff; margin: 0; padding: 0; }


/* Banner */

.cs-banner-wrap
{  background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-banner-bg.png') repeat-x center bottom; background-size: cover; overflow: hidden; margin: -20px 0 0 0;  }

.cs-banner { height: 100%; }

.cs-banner h1
{ font: 600 36px/54px 'proxima_nova', Arial; color: #fff; margin: 0; padding: 87px 0 0 0; text-align: center;  }

.cs-banner p
{ font: 100 18px/27px 'proxima_nova', Arial; color: #fff; margin: 0; padding: 0 0 78px 0; text-align: center }

.cs-banner img { margin: 0 auto; position: relative; top:10px; left:-22px; /*position: absolute; left: 50%; bottom: -7px; margin: 0 0 0 -122px;*/ }

/* Features */

.cs-content h2
{
    background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #004fff), color-stop(0.15, #046ef4), color-stop(0.3, #0887ec), color-stop(0.45, #0ca8e0), color-stop(0.6, #11c5d6),color-stop(0.75, #12cfd3), color-stop(0.9, #13d6d1), color-stop(1, #14dbcf) );
    background-image: gradient( linear, left top, right top, color-stop(0, #004fff), color-stop(0.15, #046ef4), color-stop(0.3, #0887ec), color-stop(0.45, #0ca8e0), color-stop(0.6, #11c5d6),color-stop(0.75, #12cfd3), color-stop(0.9, #13d6d1), color-stop(1, #14dbcf) );
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
    font: 600 32px/26px 'proxima_nova', Arial; margin: 0 0 32px 0;
}

.cs-content .rocksolid,
.cs-content .flexible,
.cs-content .simplified
{ width: 445px; vertical-align: top; }

.cs-content .inline-block.alignright { margin: 0 0 0 80px; }

.cs-content h3
{ font: 600 22px/26px 'proxima_nova', Arial; color: #fff; margin: 0 0 10px 0; padding: 0; }

.cs-content p
{ font: 100 15px/21px 'proxima_nova', Arial; color: #a6a6a7; margin: 0; padding: 0 0 40px 0; }

.cs-content .rocksolid-server
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-solid-server.png') no-repeat; height: 326px; width: 390px;
    position: absolute;  top: 65px;  right: 27px;
}

.cs-content .flexi-server
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-flexi-server-o.png') no-repeat;
    height: 400px; width: 235px;  position: absolute; right: 105px;  top: 28px;
}

.simplified-server
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-simplified-server.png') no-repeat;
    position: absolute; height: 438px; width: 479px; top: -47px;  right: 63px;
}

.cs-product-screen
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-simplified-server.png') no-repeat -127px -279px; height: 159px; position: absolute;  width: 229px; bottom:50px; left: -3px; z-index: 10 }

.cs-content .inline-block.alignright .adjust-position
{ margin: 0 0 0 40px;  width: 430px; height: 442px; overflow: hidden; }

.cs-server-speedometer
{  background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-server-speedometer.png') no-repeat; height: 72px; width: 144px; position: absolute;
    position: absolute;  bottom: -390px;  z-index: 10;  left: 250px;
}

.cs-products
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cloudserver-products.png') no-repeat; height: 386px; position: absolute; top:50%; left:50%; margin-left: -30px; margin-top: -250px; width: 479px;  }

.start-animation, .scroll-to-next, .stop-animation
{  position: absolute; left:0; right:0; background: transparent; height: 3px; z-index: 10; display: block;  }

.scroll-to-next { top: 55px; }

.start-animation { top:3px; }

.stop-animation { bottom: 10px; }

/* Pay & Plans */

.cs-pay-wrap { background: #2a292c; padding: 50px 0 45px 0; }

.cs-pay h3
{ font: 600 20px/26px 'proxima_nova', Arial; color: #fff; margin:8px 0 10px 0; padding: 0; }

.cs-pay .cs-pay-info {  width: 465px; }

.cs-pay .cs-pay-info p { text-align: center; }

.cs-pay .cs-pay-info span.block { height: 124px; margin: 17px 0 0 0;  }

.cs-pay .cs-pay-info span.block .aligndown { margin: 5px 0 0 0; }

.cs-plan-wrap { background: #2e2d30; padding: 70px 0 90px 0; }

.cs-plan-wrap h2 { text-align: center; padding-bottom: 40px; }

.cs-plan-wrap ul { padding: 0 9px 0 0; width: 190px; }

.cs-plan ul:last-of-type { padding: 0; }

.cs-plan-wrap .plan-name
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-planname-bg.jpg') no-repeat #2b2b2b left top;
    font: 600 20px/21px 'proxima_nova', Arial; color: #fff; padding: 20px 0 15px 0; border-top: 0;
}

.cs-plan-wrap .price, .cs-plan-wrap .price2
{ background: #212121; border: 1px solid #2b2b2b; padding: 14px 0; }

.cs-plan-wrap .price2 { border: 0; padding: 17px 0; }

.cs-plan-wrap .price .price-sym,
.cs-plan-wrap .price .plan-price,
.cs-plan-wrap .price .plan-valid,
.cs-plan-wrap .price2 .price-sym,
.cs-plan-wrap .price2 .plan-price,
.cs-plan-wrap .price2 .plan-valid
{ color: #11c6d6; }

.cs-plan-wrap .price .plan-price, .cs-plan-wrap .price2 .plan-price { font: 400 26px/21px 'proxima_nova', Arial; }

.cs-plan-wrap .price2 .plan-valid,
.cs-plan-wrap .price2 .price-sym,
.cs-plan-wrap .price .plan-valid,
.cs-plan-wrap .price .price-sym
{ font: 400 15px/21px 'proxima_nova', Arial; }

.cs-plan-wrap .price .price-sym { margin: 3px 0 0 0; }

.cs-plan-wrap .price .plan-valid, .cs-plan-wrap .price2 .plan-valid
{ vertical-align: bottom;  margin: 0 0 -3px 0; }

.cs-plan-wrap li:last-child { padding-bottom: 20px; }

.cs-plan-wrap .plan-features
{ background: #1b1b1b; color: #767676; font: 100 15px/22px 'proxima_nova', Arial; padding-top: 20px; margin-bottom: -5px;
    border-left: 1px solid #212121; border-right: 1px solid #212121;
}

.cs-plan-wrap .cs-buy-now
{ background: #0953ca; color: #fff; font:  100 18px/20px 'proxima_nova', Arial; border: 0; padding: 15px 50px;
    margin: 35px auto 0 auto;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; outline: none;
}


/* FAQ's */

.cs-faqs-wrap { margin: 0 auto; background: #353437; padding-bottom: 50px; }

.cs-faqs-wrap h2 { text-align: center; padding: 70px 0 15px 0; }

.cs-faqs
{ border: 1px solid #4f4e52; text-align: left;  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin: 16px auto 0 auto;  }

.cs-faqs div.question.first
{ border-radius: 4px 4px 0 0; -moz-border-radius:  4px 4px 0 0; -webkit-border-radius:  4px 4px 0 0; }

.cs-faqs div.question,
.cs-faqs div.answer
{ background: #2e2d30;  border-bottom: 1px solid #4f4e52; display: block;
    font: 600 15px/21px 'proxima_nova', Arial; color: #fff; padding: 15px 20px 14px 20px; position: relative;
}

.cs-faqs div.answer
{ background: #373638; color: #c3c3c4; }

.cs-faqs div.question { cursor: pointer; }

.cs-faqs span.toggle-faq
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-faq-toggle.png') no-repeat; position: absolute;
    display: block; right: 20px; top:15px; height: 18px; width: 18px;
}

.cs-faqs span.toggle-faq.minus
{ background: url('//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-faq-toggle.png') no-repeat 0 -8px #f9f9f9; height: 2px; top:24px; }

.cs-faqs .last div.question
{ border-bottom: 0; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }

.cs-faqs div.answer
{ font-weight: 100; border-bottom: 1px solid #4f4e52; display: none; }

.cs-faqs .last div.answer
{ border-top:1px solid #d3d3d3; border-bottom: 0;
    border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;
}

/* Features */

.cs-content-wrap
{  background-color:#212123;padding: 105px 0 45px 0; border-bottom:1px dashed #4d4d4f;  }


.cs-content{ width: 1000px; margin: 0 auto;  text-align: left;/* border: 1px solid red; */}

.fixedbg {
    background-image: url(//cdnassets.com/ui/resellerdata/120000_149999/129394/supersite2/supersite/themes/EliteGreen-ResponsiveTheme/images/cs-circuit-bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    height: 454px; vertical-align: middle; width: 468px;
}
.cs-content-wrap.no-bottom-border { border-bottom: 0; }