/* design */
.exo {
  font-family: 'Exo 2', sans-serif;
  font-weight: 400;
}
.exobold {
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
}
.exomedium {
  font-family: 'Exo 2', sans-serif;
  font-weight: 500;
}
.arial {
  font-family: Arial, Helvetica, sans-serif;
}
strong,
b,
.bold {
  font-weight: 600;
}
p {
  line-height: 1.2em;
}
.f11 {
  font-size: 11px;
}
.f12 {
  font-size: 12px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f15 {
  font-size: 15px;
}
.f16 {
  font-size: 16px;
}
.f17 {
  font-size: 17px;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.redback {
  background: Red;
}
.hidden {
  display: none;
}
.center {
  text-align: center;
}
.clear {
  clear: both;
}
br.clear {
  display: block;
  height: 0px;
  clear: both;
}
div.clear {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.clearfix:after {
  clear: both;
}
body {
  background: #0071e3;
  font-size: 13px;
  font-family: "Exo 2", Arial, Helvetica, sans-serif;
  color: #666;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
a:link,
a:visited {
  color: #056fb9;
  text-decoration: none;
}
a:hover {
  color: #0085e1;
  text-decoration: none;
}
a img {
  border: 0px;
}
input {
  font-size: 12px;
}
.body {
  width: 1000px;
  margin: auto;
}
.background {
  background: url(images/background-bottom.jpg) bottom center repeat-x;
  min-height: 100%;
}
html {
  height: 100%;
}
/* design */
#header {
  height: 135px;
}
a.logo {
  display: block;
  float: left;
  margin-top: 28px;
  margin-left: 20px;
}
.topmenu {
  height: 89px;
}
.topmenu .buttons {
  padding-top: 26px;
  float: right;
}
.topmenu .buttons a {
  display: block;
  float: left;
  margin-left: 10px;
  padding: 0 23px 0 42px;
  background: url(images/topbutton-back.png) repeat-x;
  line-height: 34px;
  font-weight: 600;
  font-size: 13px;
  color: #666666;
  text-shadow: 0 1px #fff;
  border-radius: 5px;
  position: relative;
}
.topmenu .buttons a:hover {
  color: #e26900;
}
.topmenu .buttons a:before {
  position: absolute;
  display: block;
  content: "";
  left: 7px;
  top: 0;
  width: 33px;
  height: 34px;
}
.topmenu .buttons a.b1:before {
  background: url(images/icon-email.png) center center no-repeat;
}
.topmenu .buttons a.b2:before {
  background: url(images/icon-lock.png) center 7px no-repeat;
}
#menu {
  height: 46px;
  background: url(images/menuback.png) repeat;
}
#menu > ul {
  padding-left: 10px;
}
#menu > ul > li {
  float: left;
  position: relative;
}
#menu > ul > li > a {
  display: block;
  font-size: 17px;
  color: #fff;
  text-shadow: 0 1px #883300;
  padding: 10px 35px 0px 35px;
  height: 36px;
}
#menu > ul > li:hover > a {
  text-shadow: 0 1px #aa6600;
}
#menu > ul li > ul {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 41px;
  left: 18px;
  background: #D26200;
  padding: 1px;
  padding-top: 0px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  border: 3px solid #fff;
  border-top: 1px solid #D26200;
}
#menu > ul li > ul > li {
  min-width: 120px;
}
#menu > ul li > ul > li > a {
  display: block;
  padding: 8px 25px 8px 14px;
  font-size: 16px;
  white-space: nowrap;
  color: #fff;
}
#menu > ul li > ul > li > a:hover {
  background: #FE8920;
  color: #fff;
  text-shadow: 0 1px #883300;
}
#menu > ul > li:hover > ul {
  display: block;
}
#footermenu {
  height: 36px;
  background: url(images/menuback.png) repeat;
}
#footermenu > ul {
  padding-left: 10px;
}
#footermenu > ul > li {
  float: left;
  position: relative;
}
#footermenu > ul > li > a {
  display: block;
  font-size: 17px;
  color: #fff;
  text-shadow: 0 1px #000;
  padding: 7px 35px 0px 35px;
  height: 29px;
}
#footermenu > ul > li:hover > a {
  color: #eee;
}
#page {
  padding-bottom: 52px;
  background: url(images/rotator-shine.png) top center no-repeat;
}
.rotators {
  height: 465px;
  position: relative;
}
.rotators .dots {
  position: absolute;
  text-align: center;
  bottom: 15px;
  left: 0;
  width: 100%;
}
.rotators .dots a {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
  margin: 0 1px;
}
.rotators .dots a:hover,
.rotators .dots a.selected {
  background: #ff7700;
}
.rotator {
  height: 465px;
}
.rotator .bigtitle {
  padding-top: 30px;
  font-weight: 600;
  font-size: 60px;
  color: #fff;
  text-align: center;
  line-height: 70px;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.rotator .title {
  font-size: 24px;
  font-family: 'Exo 2', sans-serif;
  font-weight: 500;
  text-decoration: underline;
  text-align: center;
  color: #fff;
}
#rotator1 {
  background: url(images/rotator1.png) center 148px no-repeat;
}
#rotator2 {
  background: url(images/rotator2.png) center 148px no-repeat;
}
#rotator3 {
  background: url(images/rotator3.png) center 188px no-repeat;
}
.serverconfig {
  padding: 38px 50px 44px 50px;
  background: #fff;
}
.serverconfig .title strong {
  font-size: 32px;
  color: #0e7ead;
  float: left;
  line-height: 32px;
}
.serverconfig .title:before,
.serverconfig .title:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.serverconfig .title:after {
  clear: both;
}
.serverconfig .selectbox {
  float: right;
}
.serverconfig .selectbox .label {
  float: left;
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: #0e7ead;
  padding: 7px 10px 0 0;
}
.classy-select {
  float: left;
  display: inline-block;
  background: url(images/select-back.png) center right no-repeat;
  border: 1px solid #cccccc;
  overflow: hidden;
  border-radius: 5px;
}
.classy-select select {
  width: 130%;
  background: transparent;
  border: 0;
  padding: 5px 10px 5px 10px;
  color: #666666;
  font-size: 15px;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
}
.sliderbox {
  padding-top: 30px;
}
.sliderbox:before,
.sliderbox:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.sliderbox:after {
  clear: both;
}
.slider-x {
  height: 67px;
  padding-top: 15px;
  position: absolute;
  text-align: center;
  color: #666;
  color: #666;
  font-size: 13px;
}
.slider-x:last-child {
  border-right: 0 !important;
}
.slider-x strong {
  display: block;
  color: #999;
  font-size: 24px;
}
.slider-x span {
  font-size: 16px;
}
.slider-wrapper {
  border-bottom: 1px solid #cccccc;
  border-radius: 5px;
  overflow: hidden;
  position: Relative;
  height: 82px;
}
.slider-back {
  position: Relative;
  height: 82px;
}
.slider-bar {
  position: relative;
}
#slider-x,
#slider-y,
#slider {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0px;
  width: 900px;
  height: 82px;
}
#slider-x {
  z-index: 1;
  overflow: hidden;
  background: #c2c2c2 url(images/slider-back-gray.png) repeat-x;
}
#slider-x .slider-x {
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
}
#slider-y {
  z-index: 2;
  overflow: hidden;
  background: #c2c2c2 url(images/slider-back.png) repeat-x;
}
#slider-y .slider-x {
  border-left: 1px solid #ffa05a;
  border-right: 1px solid #bd5b00;
}
#slider-y .slider-x {
  color: #fff;
}
#slider-y .slider-x strong {
  color: #fff;
}
#slider {
  z-index: 3;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 49px;
  height: 40px;
  background: url(images/slider-arrow.png) no-repeat;
  cursor: pointer;
}
.ui-slider-horizontal .ui-slider-handle {
  margin-left: -23px;
  margin-top: 22px;
}
.ui-slider-horizontal {
  height: 40px;
  cursor: pointer;
}
#slider-packages {
  margin: 24px 0 0 0px;
  height: 85px;
  border-radius: 4px;
}
.slider-package {
  clear: left;
  float: left;
  width: 100%;
}
.slider-package:before,
.slider-package:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.slider-package:after {
  clear: both;
}
.slider-no-js {
  background: #0071C8;
}
.package-feature {
  height: 47px;
  float: left;
  padding-top: 38px;
  text-align: center;
  width: 100px;
  font-size: 15px;
  color: #333333;
}
.package-feature:first-line {
  font-weight: 600;
  font-size: 20px;
  color: #ff7700;
}
.package-feature.pf1 {
  background: url(images/sl-icon-1.png) center 0 no-repeat;
}
.package-feature.pf2 {
  background: url(images/sl-icon-2.png) center 4px no-repeat;
}
.package-feature.pf3 {
  background: url(images/sl-icon-3.png) center 0 no-repeat;
}
.package-feature.pf4 {
  background: url(images/sl-icon-4.png) center 0 no-repeat;
}
.package-feature.pf5 {
  background: url(images/sl-icon-5.png) center 0 no-repeat;
}
.package-feature.pf6 {
  background: url(images/sl-icon-6.png) center 2px no-repeat;
}
.package-feature.pf7 {
  background: url(images/sl-icon-7.png) center 0 no-repeat;
}
.slider-location {
  position: relative;
}
.slider-location .selectbox {
  position: absolute;
  top: 15px;
  right: 0;
}
.package-feature-button {
  width: 280px;
  height: 53px;
  float: right;
  margin-top: 31px;
  background: url(images/orderbox-back.png) repeat-x;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
  border-bottom: 1px solid #333;
  border-radius: 5px;
}
.package-feature-button .price {
  margin-top: 5px;
  margin-left: 24px;
  float: left;
  font-size: 32px;
  color: #fff;
  font-weight: 600;
}
.package-feature-button .price div {
  float: left;
  min-width: 2em;
}
.package-feature-button .price b {
  font-size: 22px;
  display: inline-block;
  position: relative;
  top: -3px;
}
.package-feature-button .price span {
  font-size: 12px;
  color: #ccc;
  margin-left: 3px;
  font-family: 'Exo 2', sans-serif;
  font-weight: 400;
  display: inline-block;
  position: relative;
  top: 16px;
}
.package-feature-button .order-button {
  float: right;
  margin: 10px 10px 0 0;
  display: block;
  line-height: 31px;
  padding: 0 15px 4px 15px;
  background: url(images/orderbutton.png) repeat-x;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  font-size: 20px;
  font-weight: 600;
  border-radius: 5px;
  border-bottom: 1px solid #000;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}
.package-feature-button .order-button:hover {
  background: #6AC6EE;
}
.home-text {
  padding: 41px 0;
}
.home-text:before,
.home-text:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.home-text:after {
  clear: both;
}
.half-left {
  float: left;
  width: 480px;
  margin-right: 20px;
  color: #fff;
}
.half-left .title {
  font-size: 24px;
  font-weight: 600;
}
.half-left .text {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
}
.tab-area .tabs {
  height: 65px;
  position: relative;
}
.tab-area .tabs a {
  position: relative;
  margin-left: -40px;
  float: left;
  background: url(images/tab-header.png) top center no-repeat;
  width: 200px;
  height: 26px;
  padding-top: 39px;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
.tab-area .tabs a:hover,
.tab-area .tabs a.selected {
  background: url(images/tab-header-hover.png) top center no-repeat;
  z-index: 15;
  color: #666666;
  text-shadow: 0 -1px 0 #ffffff;
}
.tab-area .tabs a:before {
  content: "";
  display: block;
  height: 26px;
  width: 100%;
  position: absolute;
  top: 7px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tab-area .tabs a:first-child {
  margin-left: 0;
}
.tab-area .tabs a {
  z-index: 10;
}
.tab-area .tabs a + a {
  z-index: 9;
}
.tab-area .tabs a + a + a {
  z-index: 8;
}
.tab-area .tabs a + a + a + a {
  z-index: 7;
}
.tab-area .tabs a + a + a + a + a {
  z-index: 6;
}
.tab-area .tabs a + a + a + a + a + a {
  z-index: 5;
}
.tab-area .tabs a + a + a + a + a + a + a {
  z-index: 4;
}
.tab-area .tabs a + a + a + a + a + a + a + a {
  z-index: 3;
}
.tab-area .tabs .tab-icon-1:hover:before,
.tab-area .tabs .tab-icon-1.selected:before {
  background-image: url(images/tab-icon-1.png);
}
.tab-area .tabs .tab-icon-1:before {
  background-image: url(images/tab-icon-white-1.png);
}
.tab-area .tabs .tab-icon-2:hover:before,
.tab-area .tabs .tab-icon-2.selected:before {
  background-image: url(images/tab-icon-2.png);
}
.tab-area .tabs .tab-icon-2:before {
  background-image: url(images/tab-icon-white-2.png);
}
.tab-area .tabs .tab-icon-3:hover:before,
.tab-area .tabs .tab-icon-3.selected:before {
  background-image: url(images/tab-icon-3.png);
}
.tab-area .tabs .tab-icon-3:before {
  background-image: url(images/tab-icon-white-3.png);
}
.tab-area .tabs .tab-icon-4:hover:before,
.tab-area .tabs .tab-icon-4.selected:before {
  background-image: url(images/tab-icon-4.png);
}
.tab-area .tabs .tab-icon-4:before {
  background-image: url(images/tab-icon-white-4.png);
}
.tab-area .tabs .tab-icon-5:hover:before,
.tab-area .tabs .tab-icon-5.selected:before {
  background-image: url(images/tab-icon-5.png);
}
.tab-area .tabs .tab-icon-5:before {
  background-image: url(images/tab-icon-white-5.png);
}
.tab-area .tabs .tab-icon-6:hover:before,
.tab-area .tabs .tab-icon-6.selected:before {
  background-image: url(images/tab-icon-6.png);
}
.tab-area .tabs .tab-icon-6:before {
  background-image: url(images/tab-icon-white-6.png);
}
.tab-area .tabs .tab-icon-7:hover:before,
.tab-area .tabs .tab-icon-7.selected:before {
  background-image: url(images/tab-icon-7.png);
}
.tab-area .tabs .tab-icon-7:before {
  background-image: url(images/tab-icon-white-7.png);
}
.tab-area .tabs .tab-icon-8:hover:before,
.tab-area .tabs .tab-icon-8.selected:before {
  background-image: url(images/tab-icon-8.png);
}
.tab-area .tabs .tab-icon-8:before {
  background-image: url(images/tab-icon-white-8.png);
}
.tab-area .vps-tabs {
  height: 49px;
}
.tab-area .vps-tabs a {
  text-align: left;
  width: 240px;
  padding-left: 120px;
  height: 37px;
  padding-top: 12px;
  font-size: 20px;
  background: url(images/tab-header-vps.png) top center no-repeat;
}
.tab-area .vps-tabs a:hover,
.tab-area .vps-tabs a.selected {
  background: url(images/tab-header-vps-hover.png) top center no-repeat;
}
.tab-area .vps-tabs a:before {
  content: "";
  display: block;
  height: 46px;
  width: 100px;
  position: absolute;
  top: 2px;
  left: 30px;
  background-position: center center;
  background-repeat: no-repeat;
}
.tab-area .vps-tabs .tab-icon-vps1:hover:before,
.tab-area .vps-tabs .tab-icon-vps1.selected:before {
  background-image: url(images/tab-icon-vps1.png);
}
.tab-area .vps-tabs .tab-icon-vps1:before {
  background-image: url(images/tab-icon-white-vps1.png);
}
.tab-area .vps-tabs .tab-icon-vps2:hover:before,
.tab-area .vps-tabs .tab-icon-vps2.selected:before {
  background-image: url(images/tab-icon-vps2.png);
}
.tab-area .vps-tabs .tab-icon-vps2:before {
  background-image: url(images/tab-icon-white-vps2.png);
}
.tab-area .vps-tabs .tab-icon-vps3:hover:before,
.tab-area .vps-tabs .tab-icon-vps3.selected:before {
  background-image: url(images/tab-icon-vps3.png);
}
.tab-area .vps-tabs .tab-icon-vps3:before {
  background-image: url(images/tab-icon-white-vps3.png);
}
.tab {
  background: #eeeeee;
  padding: 30px 5px 30px 5px;
}
.tab:before,
.tab:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.tab:after {
  clear: both;
}
.tab .column {
  width: 300px;
  padding: 0 15px;
  float: left;
  text-align: center;
}
.tab .column .title {
  font-weight: 600;
  color: #333333;
  font-size: 19px;
}
.tab .column .text {
  margin-top: 10px;
  color: #666666;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 24px;
}
#footer {
  padding-bottom: 44px;
  color: #fff;
}
#footer a {
  color: #ffffff;
}
#footer .footer {
  border-top: 1px solid #466d00;
  padding: 36px 32px;
  background: rgba(70, 109, 0, 0.8);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
#footer .footer:before,
#footer .footer:after {
  content: " ";
  display: table;
  visibility: hidden;
}
#footer .footer:after {
  clear: both;
}
#footer .footer ul.links {
  float: left;
}
#footer .footer ul.links li {
  line-height: 25px;
  padding-right: 30px;
}
#footer .footer ul.links li a {
  display: block;
  padding: 0 10px;
}
#footer .footer ul.links li a:hover {
  background: rgba(255, 255, 255, 0.1);
}
#footer .footer .rightline {
  border-right: 1px solid #ffffff;
}
#footer .footer .contact {
  float: right;
  line-height: 25px;
  text-align: right;
}
#footer .footer .contact a.email {
  display: inline-block;
  padding-left: 25px;
  background: url(images/icon-email-footer.png) left center no-repeat;
}
#footer .bottomfooter {
  background: #497200;
  padding: 10px 32px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
}
#footer .bottomfooter .copyright {
  float: right;
}
#footer .bottomfooter .toslinks a {
  margin: 0 5px;
}
.page-heading {
  padding-bottom: 30px;
}
.page-heading .bigtitle {
  padding-top: 30px;
  font-weight: 600;
  font-size: 50px;
  color: #fff;
  text-align: center;
  line-height: 70px;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.page-heading .title {
  font-size: 20px;
  font-family: 'Exo 2', sans-serif;
  font-weight: 500;
  text-align: center;
  color: #fff;
}
.page {
  background: #eeeeee;
  padding: 20px 20px 20px 20px;
  margin-bottom: 20px;
}
.page:before,
.page:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.page:after {
  clear: both;
}
.page .column {
  width: 300px;
  padding: 0 10px;
  float: left;
  text-align: center;
}
.page .column .title {
  font-weight: 600;
  color: #333333;
  font-size: 19px;
}
.page .column .text {
  margin-top: 10px;
  color: #666666;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 24px;
}
.page-withpadding {
  padding: 30px 20px 30px 20px;
}
.ph-vps {
  background: url(images/img-server.png) center 140px no-repeat;
  height: 240px;
}
.ph-contact {
  height: 160px;
}
.details-table {
  width: 100%;
  text-align: center;
  border-spacing: 4px 0;
}
.details-table tr th {
  background: #E96D00;
  color: #fff;
  border: 0;
  border-radius: 5px 5px 0 0;
  padding: 10px 10px 10px 10px;
  font-size: 18px;
}
.details-table tr th:first-child {
  background: none;
  text-align: right;
}
.details-table tr td {
  padding: 12px 10px;
  background: #e8e8e8;
  font-size: 15px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.details-table tr td:first-child {
  text-align: left;
  border: 0 !important;
  text-align: right;
  color: #E26900;
  background: transparent;
  font-weight: 600;
}
.details-table tr td.check {
  background-image: url(images/check.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.details-table tr td.cross {
  background-image: url(images/cross.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.details-table tr:last-child td {
  border-bottom: 1px solid #ccc;
}
.details-table tr:nth-child(even) td {
  background-color: #f4f4f4;
}
.details-table tr:hover td {
  background-color: #ff7700;
  color: #fff;
}
.details-table tr.price td {
  font-size: 20px;
  color: #00ac5a;
}
.details-table tr.price:hover td {
  color: #fff;
}
a.button,
button {
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  display: inline-block;
  border: 0;
  cursor: pointer;
  line-height: 30px;
  padding: 0 15px 1px 15px;
  margin: 5px 0;
  background: url(images/orderbutton.png) repeat-x;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  font-size: 16px;
  border-radius: 5px;
  border-bottom: 1px solid #000;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.5);
}
a.button:hover,
button:hover {
  background: #6AC6EE;
}
.title-email {
  background: url(images/img-email.png) top center no-repeat;
  padding-top: 40px;
}
.title-helpdesk {
  background: url(images/img-helpdesk.png) top center no-repeat;
  padding-top: 40px;
}
.title-status {
  background: url(images/img-status.png) top center no-repeat;
  padding-top: 40px;
}
.select-dc {
  padding: 30px 0;
  text-align: center;
}
.select-dc .classy-select {
  float: none;
}
.select-dc .classy-select select {
  font-size: 22px;
  padding: 6px 15px 6px 15px;
  width: 130%;
}
.select-dc .classy-select select option {
  background: white;
}
.two-columns {
  float: left;
  width: 48%;
  padding: 0 1%;
}
.two-columns:before,
.two-columns:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.two-columns:after {
  clear: both;
}
.two-columns img {
  margin: 5px;
  float: left;
}
.generic-title {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 600;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 5px;
}
.generic-title:first-child {
  margin-top: 0;
}
.simple-table {
  width: 100%;
}
.simple-table tr td {
  padding: 5px 10px;
  color: #444;
}
.simple-table tr td:first-child {
  color: #000;
  font-weight: 600;
}
.pingtest-box {
  padding: 5px 0;
  min-height: 90px;
}
.pingtest-box button {
  margin: 0;
}
.pingtest-box button[disabled=disabled] {
  opacity: 0.5;
}
.pingtest input[type=text] {
  padding: 7px 10px;
  font-size: 16px;
  width: 200px;
}
.pingtest .pingtest-result {
  padding: 5px 10px;
  font-size: 25px;
  line-height: 25px;
  background: #e5ffc9;
  border: 1px solid #5f9821;
  color: #000;
  border-radius: 5px;
  margin-top: 10px;
}
.pingtest .pingtest-result span {
  font-size: 14px;
  color: #666;
  margin-left: 20px;
  display: inline-block;
  position: relative;
  top: -2px;
}
.pingtest .pingtest-error {
  padding: 5px 10px;
  font-size: 15px;
  line-height: 25px;
  background: #ffc9c9;
  border: 1px solid #590000;
  color: #000;
  border-radius: 5px;
  margin-top: 10px;
}
.pingtest .pingtest-testing {
  padding: 6px 10px 6px 50px;
  font-size: 15px;
  line-height: 25px;
  color: #000;
  background: #ffffff url(images/loading.gif) left center no-repeat;
  border-radius: 5px;
  margin-top: 10px;
}
.ul-elaborate {
  margin: 10px 0;
  list-style: square;
}
.ul-elaborate li {
  border-bottom: 1px dotted #999;
  line-height: 25px;
  font-size: 14px;
  margin-left: 20px;
}
p {
  margin: 10px 0;
}
p:first-child {
  margin-top: 0px;
}
.largetitle {
  padding-bottom: 5px;
  border-bottom: 1px solid #999;
  font-size: 32px;
  color: #0E7EAD;
  font-weight: 600;
}
.feature {
  margin: 15px 0 25px 0;
  padding-left: 70px;
  position: relative;
}
.feature .title {
  font-size: 20px;
  color: #000;
  margin-bottom: 5px;
}
.feature:before {
  display: block;
  content: "";
  width: 70px;
  height: 70px;
  left: 0;
  top: 0;
  position: absolute;
}
.ft-1:before {
  background: url(images/ft-1.png) center center no-repeat;
}
.ft-2:before {
  background: url(images/ft-2.png) center center no-repeat;
}
.ft-3:before {
  background: url(images/ft-3.png) center center no-repeat;
}
.ft-4:before {
  background: url(images/ft-4.png) center center no-repeat;
}
.ft-5:before {
  background: url(images/ft-5.png) center center no-repeat;
}
.ft-6:before {
  background: url(images/ft-6.png) center center no-repeat;
}
.ft-7:before {
  background: url(images/ft-7.png) center center no-repeat;
}
.ft-8:before {
  background: url(images/ft-8.png) center center no-repeat;
}
.ft-9:before {
  background: url(images/ft-9.png) center center no-repeat;
}
.ft-10:before {
  background: url(images/ft-10.png) center center no-repeat;
}
.ft-11:before {
  background: url(images/ft-11.png) center center no-repeat;
}
.ft-12:before {
  background: url(images/ft-12.png) center center no-repeat;
}
.ft-13:before {
  background: url(images/ft-13.png) center center no-repeat;
}
.ft-14:before {
  background: url(images/ft-14.png) center center no-repeat;
}
.ft-15:before {
  background: url(images/ft-15.png) center center no-repeat;
}
.ft-16:before {
  background: url(images/ft-16.png) center center no-repeat;
}
.ft-17:before {
  background: url(images/ft-17.png) center center no-repeat;
}
.ft-18:before {
  background: url(images/ft-18.png) center center no-repeat;
}
.ft-19:before {
  background: url(images/ft-19.png) center center no-repeat;
}
.ft-20:before {
  background: url(images/ft-20.png) center center no-repeat;
}
.ft-21:before {
  background: url(images/ft-21.png) center center no-repeat;
}
.ft-22:before {
  background: url(images/ft-22.png) center center no-repeat;
}
.ft-23:before {
  background: url(images/ft-23.png) center center no-repeat;
}
.ft-24:before {
  background: url(images/ft-24.png) center center no-repeat;
}
.ft-25:before {
  background: url(images/ft-25.png) center center no-repeat;
}
.ft-26:before {
  background: url(images/ft-26.png) center center no-repeat;
}
.ft-27:before {
  background: url(images/ft-27.png) center center no-repeat;
}
.ft-28:before {
  background: url(images/ft-28.png) center center no-repeat;
}
.ft-29:before {
  background: url(images/ft-29.png) center center no-repeat;
}
.ft-30:before {
  background: url(images/ft-30.png) center center no-repeat;
}