.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
body {
  width: 100%;
  *zoom: 1;
  text-align: justify;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
.btn {
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 6px 8px;
  display: inline-block;
  text-decoration: none!important;
  border: 1px solid #181818;
  cursor: pointer;
  font-size: 13px;
  background-image: linear-gradient(bottom, #646464 20%, #7e7e7e 100%);
  background-image: -o-linear-gradient(bottom, #646464 20%, #7e7e7e 100%);
  background-image: -moz-linear-gradient(bottom, #646464 20%, #7e7e7e 100%);
  background-image: -webkit-linear-gradient(bottom, #646464 20%, #7e7e7e 100%);
  background-image: -ms-linear-gradient(bottom, #646464 20%, #7e7e7e 100%);
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.btn.primary {
  text-shadow: 1px 1px #006ebb;
  border: 1px solid #005fa2;
  background-image: linear-gradient(bottom, #008cee 20%, #6fc3ff 100%);
  background-image: -o-linear-gradient(bottom, #008cee 20%, #6fc3ff 100%);
  background-image: -moz-linear-gradient(bottom, #008cee 20%, #6fc3ff 100%);
  background-image: -webkit-linear-gradient(bottom, #008cee 20%, #6fc3ff 100%);
  background-image: -ms-linear-gradient(bottom, #008cee 20%, #6fc3ff 100%);
}
.btn.error {
  color: #000000;
  text-shadow: 1px 1px #9c1c0f;
  border: 1px solid #85180c;
  background-image: linear-gradient(bottom, #cb2413 20%, #ef6355 100%);
  background-image: -o-linear-gradient(bottom, #cb2413 20%, #ef6355 100%);
  background-image: -moz-linear-gradient(bottom, #cb2413 20%, #ef6355 100%);
  background-image: -webkit-linear-gradient(bottom, #cb2413 20%, #ef6355 100%);
  background-image: -ms-linear-gradient(bottom, #cb2413 20%, #ef6355 100%);
}
.btn.highlight {
  color: #000000;
  text-shadow: 1px 1px #bba700;
  border: 1px solid #a29100;
  background-image: linear-gradient(bottom, #eed500 20%, #ffed55 100%);
  background-image: -o-linear-gradient(bottom, #eed500 20%, #ffed55 100%);
  background-image: -moz-linear-gradient(bottom, #eed500 20%, #ffed55 100%);
  background-image: -webkit-linear-gradient(bottom, #eed500 20%, #ffed55 100%);
  background-image: -ms-linear-gradient(bottom, #eed500 20%, #ffed55 100%);
}
.btn.good {
  color: white;
  text-shadow: 1px 1px #3e9206;
  border: 1px solid #347a05;
  background-image: linear-gradient(bottom, #3e9206 20%, #86f73a 100%);
  background-image: -o-linear-gradient(bottom, #3e9206 20%, #86f73a 100%);
  background-image: -moz-linear-gradient(bottom, #3e9206 20%, #86f73a 100%);
  background-image: -webkit-linear-gradient(bottom, #3e9206 20%, #86f73a 100%);
  background-image: -ms-linear-gradient(bottom, #3e9206 20%, #86f73a 100%);
}
.alert {
  background: #f8b9b2;
  border: 1px solid #eb3826;
  color: #6e130a;
  padding: 8px;
  margin: 0 0 10px;
  font-size: 12px!important;
  line-height: 15px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
.alert ul {
  list-style: disc;
  margin: 10px 0 0 20px!important;
  font-size: 12px!important;
}
.alert ul li {
  margin: 0;
  padding: 0;
}
.alert.warning {
  background: #fff8bb;
  border: 1px solid #ffe822;
  color: #887a00;
}
.alert.notification {
  background: #bbe3ff;
  border: 1px solid #22a4ff;
  color: #005088;
}
.alert.message {
  background: #c2fb9c;
  border: 1px solid #68f40a;
  color: #296104;
}
.alert p {
  font-size: 12px!important;
}
body {
  font: 16px/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #646464;
}
a {
  color: #1391da;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
a:hover,
a.active {
  color: #0f0f0f;
  text-decoration: none;
  border-bottom: 1px dotted #ccc;
}
.center {
  text-align: center;
}
form.common {
  border: 1px solid #ddd;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
form.common + form {
  margin: 15px 0 0;
}
form.common h2 {
  padding-bottom: 5px!important;
}
form.common .control {
  padding: 10px 10px 0;
}
form.common .control label {
  color: #999;
  display: inline-block;
  width: 100px;
  margin: 0 10px 0 0;
  font-size: 14px;
  vertical-align: top;
}
form.common .control input,
form.common .control select,
form.common .control textarea {
  display: inline-block;
  padding: 5px;
  border: 1px solid #bdbdbd;
  width: 250px;
  margin: 2px 0;
  font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
form.common .control input:focus,
form.common .control select:focus,
form.common .control textarea:focus {
  border: 1px solid #1391da;
  box-shadow: 0 0 6px #1391da;
}
form.common .control input.small,
form.common .control select.small,
form.common .control textarea.small {
  width: 120px;
  margin-right: 10px;
}
form.common .control textarea {
  resize: none;
}
form.common .control select {
  width: 262px;
}
form.common .control select.small {
  width: 125px;
  margin-right: 10px;
}
form.common .control .date-selector {
  display: inline-block;
  width: 300px;
}
form.common .control .date-selector select {
  width: 30%;
  margin: 0 2% 0 0;
}
form.common h2 {
  margin: 10px 10px 0!important;
}
form.common .alert {
  margin: 10px 10px 0;
}
form.common .options {
  margin: 10px 0 0;
  padding: 10px;
  background: #eee;
  *zoom: 1;
}
form.common .options:before,
form.common .options:after {
  content: "";
  display: table;
}
form.common .options:after {
  clear: both;
}
form.common .options a {
  float: left;
  color: #999;
  text-shadow: 1px 1px #eee;
  margin: 5px 0 0;
  font-size: 12px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
form.common .options a:hover {
  color: #1391da;
  text-decoration: underline;
}
form#login,
form#recover {
  width: 452px;
  margin: 40px auto;
}
body {
  background: url('../images/noise.png') #e3e3e3;
  padding-top: 128px!important;
}
header {
  background: url('../images/header-background.png') #5c646b;
  padding: 0 0 15px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #50575d;
  z-index: 100;
}
header .grid {
  display: block;
  width: 1000px;
  margin: 0 -10px;
  *zoom: 1;
  margin: 0 auto;
}
header .grid:before,
header .grid:after {
  content: "";
  display: table;
}
header .grid:after {
  clear: both;
}
header .toolbar {
  background: #444a50;
  background: rgba(0, 0, 0, 0.45);
  color: #a5aaaf;
  text-align: right;
  padding: 9px 0;
  margin: 0 0 15px;
  text-shadow: 1px 1px #212426;
  font-size: 13px;
}
header .toolbar ul {
  display: inline;
  margin: 0 0 0 10px;
}
header .toolbar ul li {
  display: inline;
  margin: 0 0 0 8px;
}
header .toolbar ul li a {
  color: #c5c9cd;
  border: 1px solid transparent;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
header .toolbar ul li a:hover {
  color: #ffffff;
  border-bottom: 1px dotted #72777c;
}
header .menu {
  float: right;
  margin: 15px 0 0;
}
header .menu ul {
  list-style: none;
}
header .menu ul li {
  display: inline-block;
  margin: 2px 0 0 0;
}
header .menu ul li > a {
  text-transform: uppercase;
  border: none;
  color: #dbe1e6;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.3px;
  padding: 15px 7px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
header .menu ul li > a:hover,
header .menu ul li > a.active {
  color: #fff;
}
header .menu ul li > a:hover > i,
header .menu ul li > a.active > i {
  background-position: center bottom;
}
header .menu ul li > a.with {
  padding-right: 0;
}
header .menu ul li > a > i {
  display: inline-block;
  width: 9px;
  height: 6px;
  background: url('../images/menubar-arrows.png') center top no-repeat;
  margin: -2px 6px 0 2px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
header .menu ul li:last-of-type {
  background: #1391da;
  padding: 6px 3px;
  margin: -2px 0 0 4px;
  font-weight: bold;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  background-image: linear-gradient(bottom, #094365 0%, #1391da 100%);
  background-image: -o-linear-gradient(bottom, #094365 0%, #1391da 100%);
  background-image: -moz-linear-gradient(bottom, #094365 0%, #1391da 100%);
  background-image: -webkit-linear-gradient(bottom, #094365 0%, #1391da 100%);
  background-image: -ms-linear-gradient(bottom, #094365 0%, #1391da 100%);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
header .menu ul li:last-of-type:hover {
  background-image: linear-gradient(bottom, #347a05 0%, #53c308 100%);
  background-image: -o-linear-gradient(bottom, #347a05 0%, #53c308 100%);
  background-image: -moz-linear-gradient(bottom, #347a05 0%, #53c308 100%);
  background-image: -webkit-linear-gradient(bottom, #347a05 0%, #53c308 100%);
  background-image: -ms-linear-gradient(bottom, #347a05 0%, #53c308 100%);
  box-shadow: 0 0 18px #5ddb09;
}
header .menu ul li:last-of-type a {
  color: white;
  border-bottom: none;
}
header .menu ul li:hover > ul {
  display: block;
}
header .menu ul li > ul {
  display: none;
  position: absolute;
  background: black;
  background: rgba(0, 0, 0, 0.85);
  margin: 10px 0 0 -4px;
  width: 160px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.65);
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
header .menu ul li > ul li {
  display: block;
}
header .menu ul li > ul li:last-of-type {
  border: none!important;
  background: none!important;
  box-shadow: none!important;
  margin: 0!important;
  padding: 0!important;
  font-weight: normal;
}
header .menu ul li > ul li > a {
  display: block;
  padding: 7px 13px;
  color: #bdc2c6 !important;
  text-shadow: none;
}
header .menu ul li > ul li > a:hover {
  color: white!important;
}
header .logo {
  float: left;
  border: none;
  display: block;
  text-indent: -5000px;
  background: url('../images/logo.png') center center no-repeat;
  width: 215px;
  height: 61px;
}
header .facebook {
  float: left;
  height: 20px;
  margin: 3px 0 0;
}
section .grid {
  display: inline;
  float: left;
  width: 940px;
  margin: 0 10px;
  display: block;
  float: none;
  margin: 0 auto;
}
section.slider .text {
  margin: 70px 15px 50px 0;
  width: 400px;
}
section.slider .text h1 {
  color: #fff;
  font-weight: bold;
  font-size: 45px;
  margin: 0 0 15px;
}
section.slider .text p {
  font-size: 23px;
}
section.slider .text.on-right {
  float: right;
}
section.content {
  margin: 25px 0;
}
section.content .system {
  display: block;
  width: 960px;
  margin: 0px;
  *zoom: 1;
  margin: 0 auto;
  background: white;
  padding: 20px;
  padding-left: 25px;
  padding-right: 15px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
section.content .system:before,
section.content .system:after {
  content: "";
  display: table;
}
section.content .system:after {
  clear: both;
}
section.content .system article {
  display: inline;
  float: left;
  width: 700px;
  margin: 0 00px;
}
section.content .system article .package-container {
  margin: 0 20px 20px 0;
  padding: 15px;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  width: 100%;
}
section.content .system article .package-container p {
  margin: 20px 0!important;
}
section.content .system article .package-container ul {
  list-style: none;
  margin: 0;
  text-align: center;
  background: #f1f1f1;
  padding: 8px;
  color: #999;
  text-shadow: 1px 1px #fff;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
section.content .system article .package-container ul li {
  display: inline;
  margin: 0 10px 0 0;
}
section.content .system article.profile .information {
  list-style: none;
  margin: 0 0 20px;
}
section.content .system article.profile .feedback {
  list-style: none;
  margin: 0;
}
section.content .system article.profile .feedback li {
  margin: 0 0 30px;
}
section.content .system article.profile .feedback li div {
  display: inline-block;
  vertical-align: top;
  width: 180px;
}
section.content .system article.profile .feedback li div strong,
section.content .system article.profile .feedback li div time,
section.content .system article.profile .feedback li div .rating {
  display: block;
}
section.content .system article.profile .feedback li div strong {
  font-weight: bold;
  font-size: 16px;
}
section.content .system article.profile .feedback li div .rating {
  margin: 10px 0 0!important;
}
section.content .system article.profile .feedback li div time {
  font-size: 13px;
  font-style: italic;
  color: #aaa;
}
section.content .system article.profile .feedback li p {
  display: inline-block;
  vertical-align: top;
  width: 515px;
  font-size: 14px;
}
section.content .system article.profile .feedback li:last-of-type {
  margin: 0;
}
section.content .system aside {
  display: inline;
  float: left;
  width: 220px;
  margin: 0 10px;
  margin-top: 50px;
  float: right;
}
section.content .system aside.profile {
  margin-top: 0!important;
  float: left;
}
section.content .system aside .profile-picture {
  width: 100%;
  margin: 0 0 20px!important;
}
section.content .system aside a {
  border: none;
}
section.content .system aside ul {
  margin: 0 0 10px;
  border: 1px solid #ccc;
  list-style: none;
  box-shadow: 0 2px 0 #ddd;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
section.content .system aside ul li {
  border-bottom: 1px solid #ddd;
  padding: 4px 8px;
  margin: 0;
}
section.content .system aside img {
  display: block;
  margin: 0 auto 25px;
}
section.content .system aside img:first-of-type {
  margin-top: 50px;
}
section.content h1,
section.content h2,
section.content h3,
section.content h4,
section.content h5 {
  font-weight: bold;
  margin: 0 0 8px;
  padding: 0;
  color: #303234;
  letter-spacing: -0.0625em;
}
section.content h1 {
  color: #f17e00;
  font-size: 55px;
  margin: 0 0 28px;
  line-height: 1em;
  text-align: left;
}
section.content h2 {
  font-size: 23px;
  color: #484c4f;
}
section.content h3 {
  font-size: 20px;
  color: #797f84;
}
section.content p {
  font-size: 15px;
  margin: 0 0 20px;
}
section.content p:last-of-type {
  margin: 0;
}
section.content p a {
  font-weight: bold;
}
section.content ul {
  list-style: disc;
  margin: 0 0 0 20px;
  font-size: 15px;
}
section.content ul li {
  margin: 0 0 3px;
}
section.content ul + p {
  margin-top: 15px!important;
}
section.content .column {
  width: 49%;
  margin: 0 2% 0 0;
  float: left;
}
section.content .column:last-of-type {
  margin: 0;
}
section.content .column.two {
  width: 100%;
  margin: 20px 0 0;
  float: none;
  border-top: 1px solid #eee;
  padding: 15px 0 0;
}
section.content .column.last {
  margin: 0;
}
.decorationBorder {
  background: url('../images/decoration-border.png') center center;
  width: 100%;
  height: 12px;
  display: block;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
footer {
  margin: 0 auto 35px;
  text-shadow: 1px 1px #e6e6e6;
  font-size: 14px;
}
footer section {
  display: block;
  width: 1000px;
  margin: 0 -10px;
  *zoom: 1;
  margin: 0 auto;
}
footer section:before,
footer section:after {
  content: "";
  display: table;
}
footer section:after {
  clear: both;
}
footer section nav {
  display: inline;
  float: left;
  width: 620px;
  margin: 0 10px;
}
footer section nav ul {
  display: block;
  float: left;
  padding: 0 30px 0 0;
  min-width: 120px;
}
footer section nav ul li a {
  color: #777;
}
footer section nav ul li a:hover {
  border-bottom: 1px dotted #999;
}
footer section aside {
  display: inline;
  float: left;
  width: 300px;
  margin: 0 10px;
  float: right;
  text-align: right;
  color: #959595;
}
footer section aside ul {
  list-style: none;
}
footer section aside ul li {
  display: inline;
  margin: 0 0 0 8px;
}
#register {
  padding: 20px 30px 30px;
}
#register .information {
  background: #1391da;
  color: white;
  padding: 10px;
  border-radius: 3px;
  margin: 0 0 10px;
}
#register .selector {
  width: 250px;
  float: left;
}
#register .selector ul {
  list-style: none;
  margin: 0;
}
#register .selector ul li {
  display: block;
  padding: 5px;
  cursor: pointer;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
#register .selector ul li a {
  float: right;
}
#register .selector ul li:hover {
  background: #fff388;
}
#register .selector ul li.selected {
  background: #bbe3ff;
}
#register .selector ul li h4 {
  margin: 0 0 4px;
  padding: 0;
}
#register .selector ul li span {
  display: inline-block;
  font-size: 12px;
}
#register form {
  
}
#account-menu li i {
  margin: 0 8px 0 0;
}
#account-menu .heading {
  font-weight: bold;
  background: #f1f1f1;
  text-shadow: 1px 1px white;
}
#account-menu .heading .billing-status {
  background: #cb2413;
  text-shadow: none;
  color: #fff;
  font-weight: normal;
  font-size: 11px;
  padding: 0 5px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
#account-menu .heading .billing-status.red {
  background: #cb2413;
}
#account-menu .heading .billing-status.green {
  background: #53c308;
}
.picture-editor {
  padding: 10px 10px 0;
}
.picture-editor img {
  display: block;
  width: 200px;
  float: left;
}
.picture-editor small {
  font: 15px/1.2em Georgia;
  font-style: italic;
  display: block;
  float: left;
  margin: 15px;
  background: #f1f1f1;
  border: 1px solid #ccc;
  padding: 8px;
  width: 430px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
.picture-editor input {
  margin: 65px 15px 0;
  width: 440px;
}
table.common thead tr th {
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 5px;
  text-align: left;
}
table.common thead tr th:first-of-type {
  border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
}
table.common thead tr th:last-of-type {
  border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
}
table.common tbody tr td {
  padding: 5px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
table.common tbody tr td .coupon {
  margin: 0 0 0 10px;
  background: #777;
  display: inline-block;
  padding: 0 5px;
  color: #dedede;
  float: right;
  font-size: 11px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
}
#chart {
  width: 100%;
  height: 400px;
}
.modal {
  background: rgba(0, 0, 0, 0.65);
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
}
.modal form {
  width: 460px;
  margin: 15% auto 0;
  background: #fff;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.3);
}
.modal form h2 {
  font-weight: bold;
}
.modal form textarea {
  width: 425px!important;
  height: 100px;
}
.rating {
  width: 100px;
  height: 17px;
  background: url('../images/stars.png') bottom left no-repeat;
  display: inline-block;
  margin: 0 0 0 10px;
}
.rating:after {
  content: '';
  height: 17px;
  display: block;
  background: url('../images/stars.png') top left no-repeat;
}
.rating.star-0:after {
  width: 0px;
}
.rating.star-1:after {
  width: 20px;
}
.rating.star-2:after {
  width: 40px;
}
.rating.star-3:after {
  width: 60px;
}
.rating.star-4:after {
  width: 80px;
}
.rating.star-5:after {
  width: 100px;
}
ul.slides li {
  display: none;
  height: 260px;
}
ul.slides li.slide-connect {
  background: url('../images/slider/image-1.png') center center no-repeat #aeac97;
  color: #75683d!important;
}
ul.slides li.slide-connect h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}
ul.slides li.slide-mural {
  background: url('../images/slider/image-3.png') center center no-repeat #7d7a75;
  color: #fff!important;
}
ul.slides li.slide-mural h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
  line-height: 1em;
}
ul.slides li.slide-tree {
  background: url('../images/slider/image-2.png') center bottom no-repeat #6598c5;
  color: #bddbf4!important;
}
ul.slides li.slide-tree h1 {
  text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}
ul.slides + .flex-control-nav {
  margin-top: -35px;
}
form#newsletter {
  padding: 10px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
form#newsletter input {
  display: inline-block;
  margin: 0 10px 0 0;
  border: 1px solid #bbb;
  padding: 6px;
  border-radius: 4px;
  width: 190px;
}
div#newsletter_ok {
  display: none;
  padding: 25px 25%;
  text-align: center;
  color: white;
  background: green;
}
div#notification-bar {
  position: fixed;
  width: 100%;
  padding: 9px 0;
  background: #1391da;
  color: #fff;
  text-align: center;
  top: 0;
  left: 0;
  z-index: 1000;
  cursor: pointer;
}
div.chat-status {
  position: fixed;
  bottom: 0;
  right: 10px;
  background: red;
  padding: 8px 12px;
  border-radius: 4px 4px 0 0;
  font-size: 11px;
  background: green;
  font-weight: bold;
}
div.chat-status a {
  color: white;
  border: none;
}
#filter-members div {
  display: block;
  margin: 0 0 10px;
}
#filter-members div:last-of-type {
  margin: 0;
}
#filter-members div input,
#filter-members div select {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 5px;
}
div.member {
  width: 19%;
  margin: 0 1% 0 0;
  height: 290px;
  float: left;
}
div.member img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}
div.member img + a {
  border: none;
  font-weight: bold;
  margin: 8px 0;
  display: block;
}
div.member ul {
  list-style: none;
  margin: 0;
  color: #ababab;
}
.directory-pagination {
  text-align: center;
  display: block;
  margin: 0 10px;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.directory-pagination div {
  color: #878787;
  display: inline-block;
  margin: 0px;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
  border-radius: 13px;
  font-size: 12px;
  width: 28px;
  padding-top: 8px;
  padding-bottom: 7px;
}
.directory-pagination div.active {
  font-weight: bold;
  background: #1391da;
  color: white;
  text-decoration: none;
}
#live-content {
  *zoom: 1;
  margin: 0 0 30px;
  text-align: left;
}
#live-content:before,
#live-content:after {
  content: "";
  display: table;
}
#live-content:after {
  clear: both;
}
.solution-container .description {
  float: left;
  width: 500px;
}
.solution-container .pricing {
  float: left;
  width: 200px;
}
.solution-container .pricing a {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #1391da;
  padding: 10px;
  border-radius: 4px;
  margin: 10px 0 0;
}
.solution-container .pricing strong {
  font-weight: bold;
  width: 100px;
  display: inline-block;
}
i,
em {
  font-style: italic!important;
}
b,
strong {
  font-weight: bold!important;
}
u {
  text-decoration: underline!important;
}

.directory-pagination div {
  display: inline-block;
  margin-right: 3px;
  transition: all .3s ease;
}

.methodSelector, .couponBox, .priceBox {
  padding: 30px 0;
  border-bottom: 1px solid #656e76;
  border-top: 1px solid #535a60;
}

.methodSelector {
  padding-top: 0;
  border-top: 0;
}

.methodSelector li.paypal {
  background-image: url(../images/gateway_paypal.png);
}

.methodSelector li {
  display: block;
  float: left;
  width: 50%;
  cursor: pointer;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  opacity: .6;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  text-align: center;
  padding: 65px 0 0;
  font-size: 12px;
}

.methodSelector li.creditcard {
  background-image: url(../images/gateway_cards.png);
}

.methodSelector li.selected {
  background-color: #2d3134;
  color: white;
  opacity: 1;
}

.methodSelector li:hover{color:white;background-color:#687179;}

.couponBox a {
  border: 0;
  background: #687179;
  display: block;
  float: right;
  padding: 1px 5px;
  box-shadow: 0 0 0 1px #818a93 inset;
  border: 1px solid #494f55;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  -o-border-radius: 3px 3px 3px 3px;
  margin-top: 1px;
}

#contact-form label {
  width: 140px;
}

.menu ul li ul:nth-child(2) {
	width: 185px !important;
}
/*####### fixing register form 11.12.2017 ########## */
optgroup[label="1"]::before{
    display:none;
}
.btn.primary.register{
    font-size:17px;
    padding: 9px 11px;
}
/*####### END fixing register form 11.12.2017 ########## */


/*####### responsive fixes 9.7.2018 ########## */
/*header*/
header .menu.mobile ul li{
	display:block;
	-webkit-display:block;
}
header .menu.mobile{
	margin:0;
}
header .menu.mobile ul{
	transition:max-height 0.5s;
	-webkit-transition:max-height 0.5s;
}
header .menu.mobile ul{
	height:0;
	max-height:0;
	overflow:hidden;
	transition:max-height 0.5s;
	-webkit-transition:max-height 0.5s;
}
header .menu.mobile.extended > ul{
	height:auto;
	max-height:1000px;
	margin-top:15px;
}
header .menu.mobile ul li > ul{
	height:0;
	max-height:0;
	-webkit-display:block;
	display:block;
	position:relative;
	background:rgba(0,0,0,0.3);
	box-shadow:none;
	width:100% !important;
	-webkit-transition:max-height 0.5s;
	transition:max-height 0.5s;
	margin:0;
}
header .menu.mobile ul li.extended > ul{
	-webkit-display:block;
	display:block;
	height:auto;
	max-height:1000px;
}
header .menu.mobile ul li > a.with{
	margin-left:25px;
}
header .menu.mobile ul li > a > i{
	height: 12px;
	width: 30px;
	background-size: 15px 25px;
	background-repeat: no-repeat;
	background-position: 7px 0px;
}
header .menu.mobile ul li.extended > a > i{
	background-position: 5px -13px;
}


/*solutions*/
section.content .system article.solutions_container{
	float: left; 
	width: 670px;
}
.quote_container{
	float: right; 
	width: 272px; 
	padding-top: 85px; 
	font-size: 12px; 
	font-style: italic; 
	line-height: 19px; 
	padding-right: 12px;
}
.quote{
	margin-bottom:15px;
}
section.content .system article .package-container ul li{
	margin-right:0;
	min-height:45px;
	-webkit-display:block;
	display:block;
}
.course_img{
	float: right; 
	margin-left: 20px;
}


/*solution*/
.solution-container .description{
	width:75%;
}
.solution-container .pricing{
	width:calc(25% - 20px);
	padding-left:20px;
}
.solution-container .pricing.first{
	-webkit-display:none;
	display:none;
}

/*member_directory*/
section.content.member_directory .system article .package-container{
	width: 280px;
	height: 250px;
	float: left;
}

/*contact*/
section.content.about .system{
}
section.content.about .system article{
	width:calc(60% - 40px);
}
section.content.about .system aside{
	width:calc(40% - 40px);
}

/*registration*/
.register_form_box{
	width:47%;
	float:left;
}
.register_form_box.first{
	margin-right:3%;
}
.register_form_box.last{
	margin-left:3%;
	float:right;
}
form.common .register_form_box .control input:not(.small),
form.common .register_form_box .control select:not(.small),
form.common .register_form_box .control textarea:not(.small){
	width: calc(100% - 25px);
}
form.common .register_form_box .control input.small,
form.common .register_form_box .control select.small,
form.common .register_form_box .control textarea.small{
	width: 120px !important;
}
.cvv_container{
	width:150px;
	float:left;
}
.ccn_container{
	float:left;
}




@media only screen and (max-width: 1000px){
	/*header*/
	header .grid,
	section .grid,
	footer section{
		width:calc(100% - 40px);
		padding: 0 20px;
	}
	header .menu{
		float:none;
		-webkit-display:inline-block;
		display:inline-block;
		width:100%;
		text-align:center;
	}
	section.content h1{
		font-size:45px;
	}
	
	/*footer*/
	footer section nav{
		margin:auto;
		-webkit-display:block;
		display:block;
		float:none;
	}
	footer section nav ul{
		width:30%;
		margin-right:3%;
		padding:0;
		text-align:center;
	}
	footer section nav ul::last-child{
		margin-right:0;
	}
	footer section aside{
		-webkit-display:block;
		display:block;
		float:none;
		margin:auto;
		margin-top:30px;
	}
	footer section aside ul{
		text-align:center;
	}
	
	/*containers*/
	section.slider.home{
		margin-top:55px;
	}
	section.content:not(.home){
		margin-top:75px;
	}
	
	/*solutions*/
	section.content .system article.solutions_container{
		width: 100%;
		padding-right: 0;
	}
	section.content .system article.solutions_container .package-container{
		width: calc(100% - 32px) !important;
		margin-right:0;
	}
	.quote_container{
		width:calc(100% - 30px);
		padding:0 15px;
	}
	.quote_container .row{
		-webkit-display: inline-block;
		display: inline-block;
	}
	.quote{
		width:47%;
		float:left;
		margin-right:3%;
	}
	.quote:nth-child(even){
		margin-right:0;
		margin-left:3%;
	}
	
	/*solution*/
	.solution-container .description{
		width:70%;
	}
	.solution-container .pricing{
		width:calc(30% - 20px);
		padding-left:20px;
	}
	
	/*member_directory*/
	section.content.member_directory .system article .package-container{
		width: 100%;
		height: 250px;
	}
	
	/*member search*/
	div.member{
		width:32%;
		height:auto;
	}
	/*registration*/
	.register_form_box{
		width:100%;
		margin-left:0;
		margin-right:0;
	}
	/*client section*/
	.picture-editor small{
		width:calc(100% - 48px);
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 999px){
	/*containers*/
	section.content .system{
		width:720px;
		padding:20px;
	}
	section.content .system article{
		width:calc(70% - 30px);
		padding-right:30px;
	}
	section.content .system aside{
		width:30%;
		margin:0;
	}
	section.content .column{
		width:48%;
	}
}
@media only screen and (min-width: 768px){
	/*menu*/
	nav.menu.mobile,
	.mobile_menu_button{
		-webkit-display:none;
		display:none;
	}
	.desktop{
		-webkit-display:inline-block;
		display:inline-block;
	}
	.mobile{
		-webkit-display:none;
		display:none;
	}
}
@media only screen and (max-width: 767px){
	.desktop{
		-webkit-display:none;
		display:none;
	}
	.mobile{
		-webkit-display:inline-block;
		display:inline-block;
	}
	section.content h1,
	section.slider .text h1{
		font-size:35px !important;
		text-align:left !important;
	}
	section.slider .text p{
		font-size:20px !important;
	}
	section.content p,
	section.content span,
	section.content h3,
	section.content ul{
		text-align:left !important;
	}
	header .logo{
		margin-bottom:-10px;
	}
	table.common tbody tr td{
		text-align:left;
	}
	/*home*/
	ul.slides li.slide-tree:last-child .text.on-right,
	ul.slides li.slide-tree:last-child .text.on-right h1{
		text-align:right !important;
	}
	section.content.home .system aside iframe{
		width:600px;
		height:490px;
	}
	section.content.home .system aside iframe{
		margin:auto;
		-webkit-display:block;
		display:block;
	}
	.home .aside_box.last{
		-webkit-display:flex;
		-webkit-justify-content:center;
		display:flex;
		justify-content:center;
	}
	.home .aside_box.last img{
		margin:0 !important;
		float:left !important;
	}
	/*menu*/
	header{
		padding-bottom:0;
	}
	nav.menu.desktop{
		-webkit-display:none;
		display:none;
	}
	.mobile_menu_button{
		height:35px;
		width:35px;
		float:right;
		border:1px solid black;
		-webkit-border-radius:5px;
		border-radius:5px;
		background-color:rgba(255,255,255,0.5);
		cursor:pointer;
		margin-top:10px;
	}
	.mobile_menu_button:hover{
		background-color:rgba(255,255,255,0.7);
	}
	.mobile_menu_button div{
		height:2px;
		width:25px;
		background:black;
		margin:7.5px 5px;
	}
	header .menu ul li:last-of-type{
		-webkit-display:inline-block !important;
		display:inline-block !important;
		margin-top:5px;
		margin-bottom:10px;
	}
	header .menu ul li:not(:last-of-type) ul li a{
		padding:0;
		
	}
	header .menu ul li:not(:last-of-type) ul li{
		display:none;
	}
	header .menu ul li.extended:not(:last-of-type) ul li{
		width:100% !important;
		display:inline-block;
	}
	
	/*containers*/
	section.content .system{
		width:calc(100% - 40px);
		padding:20px;
	}
	section.content .system article{
		width:100% !important;
	}
	section.content .system aside{
		width:100%;
		margin:0;
		float:none;
		-webkit-display:block;
		display:block;
	}
	
	section.slider.home{
		margin-top:3px;
	}
	section.content.home{
		margin-top:0;
	}
	section.content:not(.home){
		mmmargin-top:27px;
		margin-top:5px;
	}
	
	/*solution*/
	.solution-container .pricing,
	.solution-container .description{
		-webkit-display:block !important;
		display:block !important;
		width:100%;
	}
	.solution-container .pricing p,
	.solution-container .pricing a{
		float:left;
		width:45%;
	}
	.solution-container .pricing:not(.first){
		margin-top:30px;
	}
	.solution-container .pricing.first{
		margin-bottom:30px;
	}
	.sssssolution-container#Trainer .pricing p,
	.sssssolution-container#Trainer .pricing a{
		-webkit-display:block;
		display:block;
		float:none;
		margin:auto;
		text-align:center;
	}
	/*solutions*/
	section.content .system article .package-container ul li:last-child{
		text-align:center;
	}
	
	/*member_directory*/
	section.content.member_directory .system article .package-container{
		width: calc(47% - 32px);
		margin-right: 3%;
		height: 250px;
		float:left;
	}
	section.content.member_directory .system article .package-container:nth-child(odd){
		margin-right: 0;
		margin-left: 3%;
	}
	section.content.member_directory aside{
		margin-bottom:20px !important;
	}
	
	/*contact*/
	section.content.about .system{
	}
	section.content.about .system article{
		width:100%;
	}
	section.content.about .system aside{
		width:100%;
	}
	/*login*/
	form#login, form#recover{
		max-width:100%;
		width:auto;
	}
	/*registration*/
	form#register .information div{
		-webkit-display:block !important;
		display:block !important;
		float:none !important;
		text-align: center !important;
	}
	/*privacy policy*/
	.privacy_policy article,
	.privacy_policy p,
	.privacy_policy span{
		text-align:left !important;
	}
}
@media only screen and (min-width: 601px){
}
@media only screen and (max-width: 650px){
	/*home*/
	section.content.home .system aside iframe{
		width:500px;
		height:410px;
		margin-top:20px !important;
		margin-bottom:20px !important;
	}
	/*member_directory*/
	section.content.member_directory .system article .package-container{
		width: calc(100% - 32px);
		margin-right: 0;
		height: 250px;
	}
	section.content.member_directory .system article .package-container:nth-child(odd){
		margin-right: 0;
		margin-left: 0;
	}
}
@media only screen and (max-width: 700px){
	/*registration*/
	.totals_img{
		float:none;
		-webkit-display:block;
		display:block;
		margin:auto;
		width:100%;
		text-align: center;
		padding-top: 50px;
	}
}
@media only screen and (max-width: 600px){
	/*home*/
	.home article img{
		margin-top:20px !important;
		margin-bottom:20px !important;
	}
	/*containers*/
	section.content:not(.home){
		margin-top:30px;
	}
	body:not(.logged_in) section.content:not(.home){
		margin-top:5px;
	}
	section.content .column{
		width:100% !important;
	}
	footer section nav,
	footer section nav ul{
		width:100%;
		padding-right:0;
	}
	
	
	/*solutions*/
	section.content .system article .package-container ul li{
		margin-right:0;
		min-height:55px;
	}
	section.content .system article .package-container ul li:last-child{
		margin-top:10px;
		min-height:40px;
	}
	
	/*member search*/
	div.member{
		width:49%;
	}
}
@media only screen and (max-width: 572px){
	.cvv_container{
		width:200px;
		float:none;
		-webkit-display:inline-block;
		display:inline-block;
	}
	.cvv_container label{
		width:100px !important;
		padding-left:0 !important;
	}
	.ccn_container{
		width:100%;
	}
	input#card_number{
		width:calc(100% - 25px) !important;
	}
}
@media only screen and (max-width: 540px){
	article img{
		float:none !important;
		margin:auto !important;
		-webkit-display:block !important;
		display:block !important;
		margin-bottom:20px !important;
		max-width:100% !important;
	}
	aside img{
		float:none !important;
		margin:auto !important;
		-webkit-display:block !important;
		display:block !important;
		margin-bottom:20px !important;
	}
	/*home youtube*/
	section.content.home .system aside iframe{
		width:400px;
		height:328px;
	}
	/*solutions*/
	.quote{
		width:100%;
		margin-right:0;
	}
	.quote:nth-child(even){
		margin-right:0;
		margin-left:0;
	}
	section.content .system article .package-container h2{
		text-align:center;
		margin-bottom:15px;
	}
	.course_img{
		float: none; 
		margin-left: 0;
		text-align:center;
	}
	/*registration*/
	#register{
		padding: 20px 10px;
	}
	label[for="expiration_time"]{
		width:100% !important;
	}
	/*client section*/
	.picture-editor input{
		width:calc(100% - 30px);
	}
	section.content .system article.profile .feedback li p{
		width:100%;
	}
@media only screen and (max-width: 500px){
	/*client section*/
	#chart{
		-webkit-display:none;
		display:none;
	}
	form.common .control input,
	form.common .control select,
	form.common .control textarea{
		width:calc(100% - 20px);
	}
	form.common .control label{
		width:calc(100% - 10px);
	}
	/*home slider */
	section.slider .text h1{
		font-size:25px !important;
		text-align:left !important;
	}
	section.slider .text p{
		font-size:15px !important;
	}
	section.slider .text{
		max-width:100%;
	}
}
@media only screen and (min-width: 470px) and (max-width: 600px){
}
@media only screen and (max-width: 470px){
	
	/*home youtube*/
	section.content.home .system aside iframe{
		width:300px;
		height:245px;
	}
	/*member search*/
	div.member{
		width:100%;
		margin:0;
	}
	
	
	/*registration*/
	form.common .register_form_box .control input,
	form.common .register_form_box .control select,
	form.common .register_form_box .control textarea{
		width: calc(100% - 25px);
	}
	form.common .register_form_box .control label{
		width: 100%;
		margin:0;
	}
	.cvv_container{
		width:auto;
		float:none;
		-webkit-display:inline-block;
		display:inline-block;
		margin-top: 10px;
	}
	.cvv_container label{
		width:auto !important;
		padding-left:0 !important;
		margin-right:10px !important;
	}
	input#card_cvv{
		margin-right:5px;
	}
	/*member search*/
	div.member{
		margin-bottom:20px;
	}
	div.member img{
		max-width:70% !important;
	}
	div.member a{
		width:100% !important;
		display: inline-block;
		text-align: center;
	}
	div.member li{
		text-align: center;
	}
}
}