html
{
  direction:ltr;
}

body
{
  direction:ltr;
  margin:0;
  padding:0;
  color:#333;
  font-family:'ProximaNovaRegular',Arial,'Trebuchet MS',sans-serif;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  background-color:#eee;
  background:url('/img/bg.png') repeat-x 0 0 #e8e9e9;
  text-align:center;
}

/* COMMON STYLES */

* {
  font-family:inherit;
  font-size:inherit;
  margin:0;
  padding:0;
}

a:link, a:visited
{
  color:#4c7785;
  outline:0;
}
a:link img, a:visited img
{
  border:0px;
}

.fleft  {float:left;}
.fright {float:right;}
.clearboth
{
  clear:both;
  font-size:0;
  line-height:0;
}

.b {font-weight:bold;}
.i {font-style:italic;}
.u {text-decoration:underline;}
.upper {text-transform:uppercase;}
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}
.top {vertical-align:top;}
.mid {vertical-align:middle;}
.bot {vertical-align:bottom;}

.inblock {display:inline-block !important;}
.block {display:block !important;}
.hide {display:none;}
.nowrap {white-space:nowrap;}

button
{
  position:relative;
  width:auto;
  overflow:visible;
  white-space:nowrap;
  margin:0;
  padding:0;
  border:0;
  background-color:transparent;
  cursor:pointer;
  outline-width:0;
}
button::-moz-focus-inner
{
  border:0 !important;
  padding:0 !important;
}

/* CONTAINERS */
.body-wrapper {
  width:auto;
  margin:0;
  padding:0;
  text-align:center;
  overflow:hidden;
}

.header {
  display:block;
  width:950px;
  height:480px;
  margin:0 auto;
  padding:0;
}

a.logo:link,
a.logo:visited
{
  display:inline-block;
  width:640px;
  height:360px;
  margin:30px auto 10px auto;
  padding:0;
  font-size:0px;
  text-decoration:none;
  background:url('/img/logo.png') no-repeat 0 0 transparent;
}

.page
{
  width:950px;
  margin:20px auto 10px auto;
  padding:0;
  text-align:left;
  background-color:#e0e0e0;
  border:1px solid #d7d8d8;
  border-radius:6px;
  -webkit-border-radius:6px;
  box-shadow:0 0 2px #e1e2e2;
  -webkit-box-shadow:0 0 2px #e1e2e2;
}


h1 {

}

h1.site-title {
  color:#333;
  font-family:'ProximaNovaRegular','Trebuchet MS',serif;
  font-size:54px;
  line-height:54px;
  text-shadow:1px 1px 1px #eee;
}
h1.site-sub-title {
  margin:10px auto 0 auto;
  color:#999;
  font-family:'ProximaNovaRegular',sans-serif;
  font-size:24px;
  line-height:24px;
  text-shadow:1px 1px 1px #eee;
}

h2 {
  margin-bottom:10px;
  color:#222;
  font-family:'ProximaNovaRegular','Trebuchet MS',serif;
  font-weight:bold;
  font-size:26px;
  line-height:26px;
  text-shadow:1px 1px 1px #eee;
}

/* Footer */
.footer {
  display:block;
  width:950px;
  margin:10px auto 15px auto;
  padding:10px;
  color:#777;
  font-size:13px;
  line-height:13px;
}
/*.fb-icon {
  padding-left:20px;
  background:url('../img/fb.png') no-repeat 0 50% transparent;
}
*/

p {
  font-size:14px;
  line-height:16px;
}


.v-blue {
  /* color:#2b95c7; */
  color:#ff6600;
}

.page-section {
  display:block;
  padding:20px;
  background-color:#e0e0e0;
  border-bottom:1px solid #cfcfcf;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
}
.col-medium {
  display:inline-block;
  width:400px;
  padding:10px 30px 10px 10px;
}

.benefits-list {
  margin:15px auto;
  list-style-type: none;
}
.benefits-list li {
  margin:8px;
  padding-left:20px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  background:url('/img/tick.png') no-repeat 0 6px transparent;
}

.legend-list {
  margin:10px auto;
  list-style-type: none;
}

.legend-list li.def {
  list-style-type: none;
  margin:8px;
  padding-left:20px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  background:url('/img/tick.png') no-repeat 0 6px transparent;
  /*  background:url('../img/crypto.png') no-repeat top left transparent; */
}

.legend-list li.crypto {
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
/*  background-image: url('../img/crypto.png');
  background-repeat: no-repeat;
  background-position: 0 10%; */
  height: 64px;
/*  width: 64px; */

  background:url('/img/crypto.png') no-repeat top left transparent;
}

.legend-list li.energy {
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/energy.png') no-repeat top left transparent;
}

.legend-list li.security {
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/security.png') no-repeat top left transparent;
}

.legend-list li.humans {
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/humans.png') no-repeat top left transparent;
}

.legend-list li.hdd {
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/hdd.png') no-repeat top left transparent;
}

.legend-list li.transfer{
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/transfer.png') no-repeat top left transparent;
}

.legend-list li.monitor{
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/monitor.png') no-repeat top left transparent;
}

.legend-list li.scalable{
  list-style-type: none;
  margin:10px auto;
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/scalable.png') no-repeat top left transparent;
}

.legend-list li.nas{
  list-style-type: none;
  margin:10px auto;
/*  margin:5px; */
  padding-left:70px;
  color:#444;
  font-size:18px;
  font-weight:bold;
  height: 64px;
  background:url('/img/nas.png') no-repeat top left transparent;
}

.page-tools {
  display:block;
  padding-top:40px;
  padding-bottom:40px;
  text-align:center;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
}
.small-pad {
  padding-top:20px !important;
  padding-bottom:20px !important;
}

.btn,
a.btn:link,
a.btn:visited {
  display:inline-block;
  margin-left:6px;
  margin-right:6px;
  padding:16px 20px;
  color:#eee;
  font-family:'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-size:22px;
  line-height:22px;
  text-decoration:none;
  border:1px solid #ff6600;

  background: #ff6600; /* Old browsers */
  background: -moz-linear-gradient(top,  #f0a452 0%, #e99120 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0a452), color-stop(100%,#e99120)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0a452 0%,#e99120 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0a452 0%,#e99120 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0a452 0%,#e99120 100%); /* IE10+ */
  background: linear-gradient(top,  #f0a452 0%,#e99120 100%); /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb0e0', endColorstr='#5b94d5',GradientType=0 ); /* IE6-9 */

  border-radius:4px;
  -webkit-border-radius:4px;
  text-shadow:1px 1px 0 #444;
  box-shadow:inset 1px 1px 1px #ecd4b1,inset -1px -1px 1px #ecd4b1, 0 1px 1px #ccc;
  -webkit-box-shadow:inset 1px 1px 1px #ecd4b1,inset -1px -1px 1px #ecd4b1, 0 1px 1px #ccc;
}
button:hover .btn,
a.btn:hover {
  box-shadow:inset 2px 2px 3px #ecd4b1,inset -2px -2px 3px #ecd4b1, 0 0 2px #666 !important;
  -webkit-box-shadow:inset 2px 2px 3px #ecd4b1,inset -2px -2px 3px #ecd4b1, 0 0 2px #666 !important;
}

.btn-medium {
  padding:10px 15px !important;
  font-size:18px !important;
  line-height:18px !important;
}

.btn-arrow {
  display:inline-block;
  width:23px;
  margin-left:5px;
  background:url('/img/right-arrow.png') no-repeat 0 50% transparent;
}

.medium-lgrip,
.medium-rgrip {
  display:inline-block;
  width:200px;
  padding-top:10px;
  padding-bottom:10px;
  color:#fff;
  font-family: 'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-size:22px;
  line-height:22px;
}
.medium-lgrip {
  background:url('../img/grip.png') no-repeat 0 50% transparent;
}
.medium-rgrip {
  background:url('../img/grip.png') no-repeat 100% 50% transparent;
}
.small-lgrip,
.small-rgrip {
  display:inline-block;
  width:50px;
  padding-top:10px;
  padding-bottom:10px;
  color:#fff;
  font-family: 'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-size:18px;
  line-height:18px;
}
.small-lgrip {
  background:url('/img/grip2.png') no-repeat 0 50% transparent;
}
.small-rgrip {
  background:url('/img/grip2.png') no-repeat 100% 50% transparent;
}


.page-section-general {
  display:block;
  margin-bottom:10px;
  padding:20px;
  background-color:#eee;
  border-bottom:1px solid #cfcfcf;
}

.purchase-form {
  width:100%;
}
.purchase-form td {
  width:50%;
  padding:10px 50px 10px 10px;
}

.text-field {
  width:360px;
  padding:6px;
  color:#666;
  background-color:#fff;
  border:1px solid #bcbcbc;
  border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow:inset 0 1px 1px #e5e5e5, 0 1px 0 #e5e5e5;
  -webkit-box-shadow:inset 0 1px 1px #e5e5e5;
}
.text-field:focus {
  border:1px solid #87b2e1;
  box-shadow:inset 0 1px 1px #e5e5e5, 0 1px 0 #e5e5e5, 0 0 3px #e2effa;
}
.form-label {
  display:inline-block;
  margin-bottom:6px;
  color:#777;
  font-weight:bold;
  font-size:14px;
  line-height:14px;
}
.form-comment {
  display:inline-block;
  margin-top:10px;
  font-size:13px;
  color:#999;
}

.col-large {
  display:inline-block;
  width:430px;
  padding:10px 30px 10px 10px;
}
.col-purchase-plan {
  display:inline-block;
  width:300px;
  padding:10px 30px 10px 10px;
}

.plan-page
{
  width:950px;
  margin:20px auto 10px auto;
  padding:0;
  text-align:center;
}

.plan-pack
{
  position:relative;
  display:inline-block;
  width:300px;
  margin:20px 12px 10px 0;
  padding:0;
  text-align:left;
  background-color:#e0e0e0;
  border:1px solid #d7d8d8;
  border-radius:6px;
  -webkit-border-radius:6px;
  box-shadow:0 0 2px #e1e2e2;
  -webkit-box-shadow:0 0 2px #e1e2e2;
}
.recommend-plan {
  position:absolute;
  top:-10px;
  right:-9px;
  display:inline-block;
  width:186px;
  height:43px;
  font-size:1px;
  background:url('/img/recommend.png') no-repeat 0 0 transparent;
}

.plan-name {
  display:inline-block;
  margin-bottom:6px;
  font-family:'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-size:24px;
  line-height:24px;
  text-shadow:0 1px 1px #fcfcfd;
}
.plan-bronze {
  color:#e49f69;
  font-weight:bold;
}
.plan-silver {
  color:#b9b5b5;
  font-weight:bold;
}
.plan-gold {
  color:#e7d34e;
  font-weight:bold;
}

.plan-size {
  display:inline-block;
  margin-bottom:6px;
  color:#2b95c7;
  font-family:'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-size:32px;
  font-weight:bold;
  line-height:32px;
  text-shadow:0 1px 1px #fcfcfd;
}
.plan-desc {
  display:inline-block;
  margin-left:10px;
  color:#666;
  font-family:'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-size:26px;
  line-height:24px;
  text-shadow:0 1px 1px #fcfcfd;
}

.separator {
  margin-top:5px;
  margin-bottom:10px;
  font-size:0px;
  border-top:1px solid #cfcfcf;
  border-bottom:1px solid #cfcfcf;
}
.plan-price {
  display:inline-block;
  color:#222;
  font-family:'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-weight:bold;
  font-size:42px;
  line-height:42px;
  text-shadow:0 1px 1px #fcfcfd;
}
.plan-price-desc {
  display:inline-block;
  margin-bottom:20px;
  color:#666;
  font-family:'ProximaNovaRegular','Trebuchet MS',sans-serif;
  font-weight:bold;
  font-size:18px;
  line-height:18px;
  text-shadow:0 1px 1px #fcfcfd;
}

.attention-box {
  display:block;
  padding:13px 15px;
  color:#9a8e70;
  text-align:left !important;
  font-family:'ProximaNovaRegular',sans-serif;
  font-size:15px;
  line-height:15px;
  text-shadow:0 1px 1px #fff;
  background-color:#f2ead5;
  border:1px solid #dddede;
  box-shadow:0 1px 1px #e5e6e6, inset 0 1px 1px #fdf7e9;
  -webkit-box-shadow:0 1px 1px #e5e6e6, inset 0 1px 1px #fdf7e9;
  border-radius:4px;
  -webkit-border-radius:4px;
}

.error-msg {
  display:block;
  margin-top:2px;
  margin-bottom:2px;
  padding:8px 10px;
  color:#c6452f;
  text-align:left !important;
  font-family:'ProximaNovaRegular',sans-serif;
  font-weight:bold;
  font-size:14px;
  line-height:14px;
  text-shadow:0 1px 1px #eee;
  background-color:#f5b5b4;
  border:1px solid #d39493;
  box-shadow:0 1px 1px #e5e6e6, inset 0 1px 1px #f8cac9;
  -webkit-box-shadow:0 1px 1px #e5e6e6, inset 0 1px 1px #f8cac9;
  border-radius:4px;
  -webkit-border-radius:4px;
}
.success-msg {
  display:block;
  margin-top:2px;
  margin-bottom:2px;
  padding:8px 10px;
  color:#33941c;
  text-align:left !important;
  font-family:'ProximaNovaRegular',sans-serif;
  font-weight:bold;
  font-size:14px;
  line-height:14px;
  text-shadow:0 1px 1px #fff;
  background-color:#b0f29f;
  border:1px solid #7ec76c;
  box-shadow:0 1px 1px #e5e6e6, inset 0 1px 1px #c0f5b2;
  -webkit-box-shadow:0 1px 1px #e5e6e6, inset 0 1px 1px #c0f5b2;
  border-radius:4px;
  -webkit-border-radius:4px;
}
/* ----------- Layout ----------- */
#container-wrapper {
width: 900px;
margin: 0 auto;
}

ul#users {
width: 900px;
margin: 30px 0;
}
ul#users li {
display: block;
float: left;
width: 120px;
height: 120px;
margin: 12px;
/* background: url(../img/user-box.png) no-repeat; */
text-align: center;
font-weight: bold;
}
ul#users li a:link, ul#users li a:visited {
color: #010002;
}
ul#users li a:hover {
color: #300080;
}
ul#users li a:active {
color: #010002;
}
ul#users li img {
display: block;
margin: 15px auto 12px auto;
}