/*

DO NOT MODIFY THIS 'STYLE.CSS' FILE!

This file is generated from STYLE.LESS file, which is written in LessCSS language.
Less is a CSS pre-processor.

USE 'STYLE-CUSTOM.CSS' TO ADD YOUR OWN CSS RULES.

If you want to change 'STYLE.CSS', modify 'STYLE.LESS' file and compile with 'Koala-App' or 'SimpLESS'.
Download SimpLESS software from wearekiss.com/simpless
Download Koala-App software from koala-app.com
Or contact HarzemDesign for changes.

*/
@keyframes rotateRight {
  0% {
    transform: rotate(45deg);
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(405deg);
  }
}
@-moz-keyframes rotateRight {
  0% {
    -moz-transform: rotate(45deg);
    -moz-transform-origin: 50% 50%;
  }
  100% {
    -moz-transform: rotate(405deg);
  }
}
@-webkit-keyframes rotateRight {
  0% {
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
  }
  100% {
    -webkit-transform: rotate(405deg);
  }
}
@keyframes mapShine {
  0% {
    transform: scale(0.1, 0.1);
    transform-origin: 50% 50%;
    opacity: 1;
  }
  100% {
    transform: scale(5, 5);
    opacity: 0;
  }
}
@-moz-keyframes mapShine {
  0% {
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 50% 50%;
    opacity: 1;
  }
  100% {
    -moz-transform: scale(5, 5);
    opacity: 0;
  }
}
@-webkit-keyframes mapShine {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 50% 50%;
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(5, 5);
    opacity: 0;
  }
}
.lato {
  font-family: "Lato", arial, helvetica, sans-serif;
}
strong,
b,
.bold {
  font-weight: bold;
}
.light {
  font-weight: 300;
}
.normal {
  font-weight: normal;
}
.black {
  font-weight: 900;
}
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;
}
.f18 {
  font-size: 18px;
}
.f19 {
  font-size: 19px;
}
.f20 {
  font-size: 20px;
}
.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;
}
.padded {
  padding: 20px;
}
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: #000;
  font-size: 14px;
  font-family: "Lato", arial, helvetica, sans-serif;
  color: #fff;
  margin: 0px;
  padding: 0px;
  min-width: 1200px;
}
.body {
  max-width: 1200px;
  margin: auto;
  position: relative;
}
.body:before,
.body:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.body:after {
  clear: both;
}
a:link,
a:visited {
  color: #80ff00;
  text-decoration: none;
}
a:hover {
  color: #6bd500;
  text-decoration: none;
}
a img {
  border: 0px;
}
input {
  font-size: 12px;
}
.half {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
}
/* design */
#header {
  height: 95px;
  background: url(images/headerback.png) top center repeat-x;
}
#header:before,
#header:after {
  content: " ";
  display: table;
  visibility: hidden;
}
#header:after {
  clear: both;
}
a.logo {
  display: block;
  float: left;
  margin-top: 19px;
  margin-left: 4px;
}
.topmenu {
  float: right;
  margin-top: 32px;
}
.topmenu a {
  float: left;
  display: block;
  color: #fff;
  font-size: 13px;
  padding: 5px 5px 5px 22px;
  margin-left: 30px;
}
.topmenu a:hover {
  color: #ccc;
}
.topmenu a.topmenu1 {
  background: url(images/topicon-1.png) left center no-repeat;
}
.topmenu a.topmenu2 {
  background: url(images/topicon-2.png) 2px center no-repeat;
}
.topmenu a.topmenu3 {
  background: url(images/topicon-3.png) left center no-repeat;
}
.topmenu a.topmenu4 {
  background: url(images/topicon-4.png) left center no-repeat;
}
.topmenu a.topmenu5 {
  background: url(images/topicon-5.png) 5px center no-repeat;
}
.topmenu a.topmenu6 {
  background: url(images/topicon-6.png) left center no-repeat;
}
#menuarea {
  background: url(images/menuback.png) repeat-x;
  height: 75px;
}
ul#menu > li {
  float: left;
  margin-right: 13px;
  margin-top: 7px;
  position: relative;
}
ul#menu > li > a {
  text-align: center;
  display: block;
  font-size: 15px;
  font-weight: 900;
  color: #fff;
  line-height: 59px;
  text-shadow: 0 -1px 0 #000000;
  padding: 0 29px 2px 29px;
}
ul#menu > li:hover > a {
  background: url(images/menuhover.png) repeat-x;
}
ul#menu > li.big-green-button {
  float: right;
  width: 176px;
  padding-left: 0;
  padding-right: 0;
  background: url(images/big-green-button.png) no-repeat;
}
ul#menu > li.big-green-button:hover > a {
  background: url(images/big-green-button-hover.png) no-repeat;
}
ul#menu > li > ul {
  display: none;
  position: absolute;
  z-index: 1000;
  top: 50px;
  left: 5px;
  background: #F3F3F3;
  padding: 1px;
  padding-top: 5px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
  border: 5px solid #fff;
  border-top: 0;
  text-transform: uppercase;
}
ul#menu > li > ul > li {
  min-width: 120px;
}
ul#menu > li > ul > li > a {
  display: block;
  padding: 8px 25px 8px 14px;
  font-size: 13px;
  white-space: nowrap;
  color: #000;
}
ul#menu > li > ul > li > a:hover {
  background: #e3e3e3;
  color: #666;
}
ul#menu > li:hover > ul {
  display: block;
}
.splash {
  height: 472px;
  background: url(images/splash.jpg) top center no-repeat;
}
.splash .title1 {
  padding-top: 98px;
  font-size: 30px;
  color: #a4e661;
  line-height: 1em;
  padding-left: 7px;
}
.splash .title2 {
  font-size: 100px;
  color: #fff;
  letter-spacing: 0.24em;
  line-height: 0.9em;
}
.splash .title3 {
  letter-spacing: 0.24em;
  font-size: 50px;
  color: #fff;
  line-height: 1em;
  font-weight: 300;
  padding-left: 4px;
}
.blackbar {
  margin-top: 55px;
  background: rgba(0, 0, 0, 0.6);
}
.blackbar:before,
.blackbar:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.blackbar:after {
  clear: both;
}
.blackbar .box {
  float: left;
  width: 26.66%;
  padding: 25px 0 25px 6.66%;
  font-size: 13px;
  color: #ccc;
}
.blackbar .box strong {
  display: block;
  font-size: 28px;
  font-weight: 900;
  color: #fff;
}
.blackbar .box {
  background: url(images/splash-icon-1.png) 30px center no-repeat;
}
.blackbar .box + .box {
  background: url(images/splash-icon-2.png) 30px center no-repeat;
}
.blackbar .box + .box + .box {
  background: url(images/splash-icon-3.png) 30px center no-repeat;
}
#slider-area {
  background: #000000 url(images/graybar.png) repeat-x;
}
#slider-area .body {
  position: relative;
  height: 354px;
}
.down-tab {
  color: #999;
  position: absolute;
  top: 24px;
  line-height: 0.7em;
  width: 284px;
  height: 30px;
  text-align: center;
  font-size: 14px;
  background: url(images/gray-down-tab.png) no-repeat;
}
.circle-knob {
  width: 222px;
  height: 221px;
  position: absolute;
  top: 59px;
  left: 28px;
  padding: 9px 0 0 8px;
  z-index: 5;
  background: url(images/circle.png) no-repeat;
}
.circle-knob #rambox {
  position: absolute;
  top: 94px;
  left: 59px;
  width: 115px;
  text-align: center;
  font-size: 14px;
  color: #999999;
  font-weight: bold;
  line-height: 24px;
  pointer-events: none;
}
.circle-knob #rambox strong {
  font-size: 36px;
  color: #80ff00;
  font-weight: normal;
  display: block;
}
.circle-knob .rambox-shine,
.circle-knob .rambox-shine-2,
.circle-knob .rambox-shine-3 {
  z-index: 100;
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: 100px;
  box-shadow: inset 0 0 20px -10px #80ff00, 0 0 10px 0px #80ff00;
  position: absolute;
  left: 100px;
  top: 100px;
}
.circle-knob .rambox-shine {
  -moz-animation: 4s mapShine infinite linear;
  -webkit-animation: 4s mapShine infinite linear;
  -o-animation: 4s mapShine infinite linear;
  animation: 4s mapShine infinite linear;
}
.circle-knob .rambox-shine-2 {
  -moz-animation: 6.6s mapShine infinite linear;
  -webkit-animation: 6.6s mapShine infinite linear;
  -o-animation: 6.6s mapShine infinite linear;
  animation: 6.6s mapShine infinite linear;
}
.circle-knob .rambox-shine-3 {
  -moz-animation: 2.7s mapShine infinite linear;
  -webkit-animation: 2.7s mapShine infinite linear;
  -o-animation: 2.7s mapShine infinite linear;
  animation: 2.7s mapShine infinite linear;
}
.circle-knob .knob-buttons {
  position: absolute;
  top: 190px;
  left: 85px;
}
.circle-knob .knob-buttons a {
  display: block;
  width: 26px;
  height: 26px;
  float: left;
  margin-right: 8px;
}
.circle-knob .knob-buttons a#minus {
  background: url(images/circle-minus.png) no-repeat;
}
.circle-knob .knob-buttons a#minus:hover {
  background: url(images/circle-minus-hover.png) no-repeat;
}
.circle-knob .knob-buttons a#plus {
  background: url(images/circle-plus.png) no-repeat;
}
.circle-knob .knob-buttons a#plus:hover {
  background: url(images/circle-plus-hover.png) no-repeat;
}
.circle-knob .knob-arrow {
  width: 14px;
  height: 172px;
  position: absolute;
  top: 30px;
  left: 108px;
  background: url(images/circle-arrow.png) no-repeat;
  pointer-events: none;
}
a.greenbutton {
  display: inline-block;
  background: #2d5900;
  background: linear-gradient(180deg, #489000, #2d5900);
  box-shadow: inset 0 1px 1px #80ff00, 0 1px 2px #000000;
  font-size: 14px;
  color: #fff;
  font-weight: 900;
  line-height: 30px;
  padding: 0 18px 1px 18px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
a.greenbutton:hover {
  background: #489000;
  background: linear-gradient(180deg, #5bb500, #489000);
}
#home-plan {
  position: relative;
}
#home-plan .plan-name {
  position: relative;
  margin-left: 377px;
  padding: 46px 0 10px 20px;
  border-bottom: 1px solid #333333;
}
#home-plan .plan-name strong {
  font-size: 36px;
  color: #80ff00;
  font-weight: 900;
}
#home-plan .plan-name #plan-colorbox {
  width: 80px;
  height: 80px;
  position: absolute;
  right: 16px;
  top: 60px;
  transform: rotate(45deg);
}
#home-plan .plan-name #plan-colorbox div {
  width: 40px;
  height: 40px;
  float: left;
  background: #000;
  position: relative;
}
#home-plan .plan-name #plan-colorbox div:before {
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  content: "";
}
#home-plan .plan-name #plan-colorbox div {
  background: #987e6f;
}
#home-plan .plan-name #plan-colorbox div + div {
  background: #535353;
}
#home-plan .plan-name #plan-colorbox div + div + div {
  background: #535353;
}
#home-plan .plan-name #plan-colorbox div + div + div + div {
  background: #987e6f;
}
#home-plan .plan-name #plan-colorbox div + div + div:before {
  background: rgba(0, 0, 0, 0.5);
}
#home-plan .plan-name #plan-colorbox div + div + div + div:before {
  background: rgba(0, 0, 0, 0.5);
}
#home-plan .plan-description {
  position: absolute;
  left: 710px;
  top: 138px;
  width: 360px;
  font-size: 15px;
}
#home-plan .plan-description b {
  background: #360;
}
#home-plan .switch-premium {
  position: absolute;
  left: 400px;
  top: 265px;
  line-height: 22px;
  font-size: 16px;
  color: #80ff00;
}
#home-plan .configure-package-link {
  position: absolute;
  display: block;
  left: 750px;
  top: 265px;
  font-size: 16px;
}
#home-plan .see-all-packages {
  position: absolute;
  left: 955px;
  top: 257px;
  font-size: 17px;
  padding: 3px 42px 4px 42px;
}
#home-plan .plan-lines {
  position: absolute;
  left: 192px;
  top: 129px;
  width: 477px;
  height: 120px;
  background: url(images/plan-lines.png) no-repeat;
}
#home-plan .plan-lines .plan-line-box {
  margin-left: 222px;
  clear: both;
}
#home-plan .plan-lines .plan-line-box strong {
  display: block;
  float: left;
  font-size: 36px;
  font-weight: 900;
  color: #80ff00;
}
#home-plan .plan-lines .plan-line-box strong sub {
  font-size: 24px;
}
#home-plan .plan-lines .plan-line-box span {
  display: block;
  float: left;
  margin-left: 12px;
  font-size: 16px;
  color: #fff;
}
#home-plan .plan-lines .plb-1 {
  margin-top: 2px;
}
#home-plan .plan-lines .plb-1 span {
  margin-left: 10px;
  line-height: 43px;
}
#home-plan .plan-lines .plb-2 {
  margin-top: 72px;
}
#home-plan .plan-lines .plb-2 span {
  margin-left: 12px;
  line-height: 47px;
}
#slider-area #plan-colorbox {
  -moz-animation: 12s rotateRight infinite linear;
  -webkit-animation: 12s rotateRight infinite linear;
  -o-animation: 12s rotateRight infinite linear;
  animation: 12s rotateRight infinite linear;
}
label.switch {
  cursor: pointer;
}
label.switch input {
  position: relative;
  z-index: 10;
  float: left;
  width: 0px;
  height: 21px;
  opacity: 0.01;
}
label.switch span {
  display: inline-block;
  margin-left: 40px;
}
label.switch input + strong {
  width: 40px;
  height: 22px;
  display: block;
  float: left;
  background: url(images/checkbox-back.png) repeat;
  position: absolute;
  left: 0;
  top: 0;
}
label.switch input + strong:before {
  content: "";
  display: block;
  position: absolute;
  left: 4px;
  transition: left 0.5s;
  top: 2px;
  width: 17px;
  height: 18px;
  background: url(images/checkbox-circle.png) repeat;
}
label.switch input:checked + strong {
  background: url(images/checkbox-back-shine.png) repeat;
}
label.switch input:checked + strong:before {
  left: 20px;
  transition: left 0.1s;
}
label.switch input + strong + span {
  display: inline-block;
}
label.switch input + strong + span + span {
  display: none;
}
label.switch input:checked + strong + span {
  display: none;
}
label.switch input:checked + strong + span + span {
  display: inline-block;
}
.darkgreen-page {
  border-top: 1px solid #142700;
  border-bottom: 1px solid #142700;
  background: #060f05;
  background: linear-gradient(180deg, #060f05 0%, #000000 50%, #060f05 100%);
}
.home-features {
  padding-bottom: 20px;
  padding-top: 10px;
}
.home-features .feature {
  float: left;
  width: 400px;
  font-size: 18px;
  text-align: center;
}
.home-features .feature .title {
  width: 290px;
  margin: auto;
  padding-top: 68px;
  padding-bottom: 10px;
  border-bottom: 1px solid #666666;
  font-weight: 900;
  color: #80ff00;
  text-transform: uppercase;
}
.home-features .feature .text {
  padding: 15px 36px;
  color: #666;
}
.home-features .feature .icon-1 {
  background: url(images/icon-1.png) center 15px no-repeat;
}
.home-features .feature .icon-2 {
  background: url(images/icon-2.png) center 15px no-repeat;
}
.home-features .feature .icon-3 {
  background: url(images/icon-3.png) center 15px no-repeat;
}
.home-features .feature .icon-4 {
  background: url(images/icon-4.png) center 15px no-repeat;
}
.home-features .feature .icon-5 {
  background: url(images/icon-5.png) center 15px no-repeat;
}
.home-features .feature .icon-6 {
  background: url(images/icon-6.png) center 15px no-repeat;
}
.world-map {
  background: url(images/map.png) top center no-repeat;
  min-height: 600px;
}
.world-map .bigtitle {
  padding-top: 60px;
  font-size: 28px;
  color: #80ff00;
  text-transform: uppercase;
  text-align: center;
  font-weight: 900;
}
.world-map .bigtitle strong {
  font-size: 48px;
  display: block;
  color: #fff;
  font-weight: 900;
  line-height: 50px;
}
.world-map .map-lines {
  width: 620px;
  background: url(images/map-lines.png) 80px 41px no-repeat;
  min-height: 120px;
  position: relative;
}
.world-map .map-lines .map-shine {
  width: 19px;
  height: 18px;
  background: transparent;
  border-radius: 100px;
  box-shadow: inset 0 0 10px #80FF00, 0 0 10px #80FF00;
  -moz-animation: 2s mapShine infinite linear;
  -webkit-animation: 2s mapShine infinite linear;
  -o-animation: 2s mapShine infinite linear;
  animation: 2s mapShine infinite linear;
  position: absolute;
  left: 89px;
  top: 51px;
}
.world-map .map-lines .map-title {
  width: 200px;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
}
.world-map .map-lines .map-title strong {
  font-size: 20px;
  font-weight: 900;
  display: block;
  color: #80ff00;
}
.world-map .map-lines .map-ip {
  left: 350px;
  top: 88px;
  font-size: 14px;
  position: absolute;
}
.world-map .map-lines .map-button {
  position: absolute;
  left: 450px;
  top: 82px;
}
.world-map .mapline-1 {
  position: absolute;
  left: 515px;
  top: 240px;
}
.world-map .mapline-2 {
  position: absolute;
  left: 170px;
  top: 300px;
}
.world-map .map-footer {
  position: absolute;
  top: 550px;
  left: 0;
  width: 100%;
  text-align: center;
}
#footer .footer-top {
  height: 48px;
  background: url(images/footer-menu.png) repeat-x;
}
#footer .footer-menu {
  line-height: 48px;
  float: left;
}
#footer .footer-menu a {
  margin-right: 30px;
  color: #fff;
  font-size: 13px;
}
#footer .footer-menu a:hover {
  opacity: 0.8;
}
#footer .footer-menu a:last-child {
  color: #80ff00;
}
#footer .topmenu {
  float: right;
  margin-top: 10px;
}
#footer .footer-back {
  background: url(images/footer-back.png) top center repeat-x;
  min-height: 110px;
  text-align: center;
}
#footer .footer-back:before,
#footer .footer-back:after {
  content: " ";
  display: table;
  visibility: hidden;
}
#footer .footer-back:after {
  clear: both;
}
#footer .footer-back .copyright {
  padding-top: 36px;
  color: #ccc;
}
#footer .footer-back .bottom-links {
  color: #666;
  margin-top: 3px;
}
#footer .footer-back .bottom-links a {
  color: #666;
  margin: 0 10px;
}
#footer .footer-back .bottom-links a:hover {
  color: #999;
}
.page-heading {
  background: url(images/page-heading.png) top center no-repeat;
  padding: 30px 0;
  font-size: 60px;
  font-weight: 300;
  color: #80ff00;
}
.page-heading strong {
  color: #fff;
}
.page-text {
  margin: 20px 0;
  box-shadow: 0 0 10px 0 #254322;
}
.page-text:before,
.page-text:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.page-text:after {
  clear: both;
}
.mc-desc {
  color: #9daa90;
  height: 100%;
}
.mc-desc:before,
.mc-desc:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.mc-desc:after {
  clear: both;
}
.mc-desc .half {
  padding: 20px;
  width: 60%;
  height: 100%;
}
.mc-desc .half + .half {
  background: #091108;
  width: 40%;
  height: 100%;
  padding: 20px 30px;
}
.mc-desc .title {
  font-size: 24px;
  color: #80ff00;
  margin-bottom: 14px;
}
.mc-desc ul {
  margin-top: 25px;
}
.mc-desc ul li {
  padding-left: 15px;
  border-top: 1px dotted #666;
  background: url(images/check-white.png) left center no-repeat;
  font-size: 14px;
  line-height: 24px;
}
.mc-desc ul li strong {
  color: #80ff00;
  font-size: 17px;
}
.mc-desc ul li:first-child {
  border-top: 0;
}
.mini-features:before,
.mini-features:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.mini-features:after {
  clear: both;
}
.mini-features .mini-feature {
  width: 30%;
  padding: 1.5%;
  text-align: center;
  float: left;
  padding-top: 45px;
}
.mini-features .name {
  font-weight: 900;
  color: #80ff00;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #666;
}
.mini-features .text {
  font-size: 15px;
  color: #ccc;
}
.mini-features .mf-icon-1 {
  background: url(images/mf-icon-1.png) top center no-repeat;
}
.mini-features .mf-icon-2 {
  background: url(images/mf-icon-2.png) top center no-repeat;
}
.mini-features .mf-icon-3 {
  background: url(images/mf-icon-3.png) top center no-repeat;
}
.included-with-plan {
  text-align: center;
  background: black;
  border: 1px solid #333;
  padding: 10px 10px 15px 10px;
  margin-top: 20px;
  font-size: 16px;
}
.big-packages {
  padding: 40px;
}
.bigplan {
  width: 540px;
  padding: 10px 10px;
  position: relative;
  margin: 20px 0;
  float: left;
  border-radius: 10px;
  background: #000;
}
.bigplan:before,
.bigplan:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.bigplan:after {
  clear: both;
}
.bigplan .title {
  border-bottom: 1px solid #333333;
  padding: 3px 0 10px 10px;
}
.bigplan .title:before,
.bigplan .title:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.bigplan .title:after {
  clear: both;
}
.bigplan .name {
  float: left;
  font-size: 24px;
  font-weight: 900;
  color: #80ff00;
  padding-left: 70px;
}
.bigplan .players {
  float: right;
  color: #ccc;
}
.bigplan .players strong {
  color: #fff;
  font-size: 20px;
}
.bigplan .box {
  min-height: 95px;
}
.bigplan .premium {
  font-size: 14px;
  color: #80ff00;
}
.bigplan .non-premium {
  font-size: 14px;
  color: #666;
}
.bigplan .non-premium a {
  color: #666;
}
.bigplan .non-premium a:hover {
  color: #fff;
}
.bigplan .ram {
  float: left;
  font-size: 18px;
  color: #999;
  padding: 30px 0 0px 30px;
}
.bigplan .ram strong {
  font-weight: normal;
  font-size: 36px;
  color: #fff;
}
.bigplan .build-your-own {
  float: left;
  font-size: 18px;
  color: #fff;
  padding: 40px 0 0px 30px;
}
.bigplan .pricebox {
  float: right;
}
.bigplan .order {
  clear: both;
  text-align: center;
}
.bigplan .order a {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #666;
  background: #111;
  color: #ccc;
  transition: background 0.4s, color 0.4s;
  margin-left: 10px;
}
.bigplan .order a span {
  font-weight: 900;
  font-size: 16px;
}
.bigplan .order a:hover {
  background: #80ff00;
  color: #000;
  transition: background 0.4s, color 0.4s;
  border: 1px solid #80ff00;
}
.bigplan .price {
  float: right;
  font-size: 32px;
  padding: 10px 0;
}
.bigplan .price sub {
  font-size: 24px;
}
.bigplan .price small {
  font-size: 14px;
  color: #ccc;
}
.bigplan .price .standard-price {
  color: #c0ff81;
}
.bigplan .price .premium-price {
  display: none;
  color: #80ff00;
}
.bigplan .colorbox-container {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.bigplan .colorbox {
  width: 50px;
  height: 50px;
  padding: 5px;
  transform: rotate(45deg);
  background: rgba(0, 0, 0, 0.2);
}
.bigplan .colorbox div {
  width: 25px;
  height: 25px;
  float: left;
  background: #000;
  position: relative;
}
.bigplan .colorbox div:before {
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
  top: 0;
  content: "";
}
.bigplan .colorbox div + div + div:before {
  background: rgba(0, 0, 0, 0.5);
}
.bigplan .colorbox div + div + div + div:before {
  background: rgba(0, 0, 0, 0.5);
}
.bigplan {
  transition: transform 0.3s;
}
.bigplan .colorbox-container {
  -moz-animation: 30s rotateRight infinite linear;
  -webkit-animation: 30s rotateRight infinite linear;
  -o-animation: 30s rotateRight infinite linear;
  animation: 30s rotateRight infinite linear;
}
.bigplan .colorbox {
  -moz-animation: 5s rotateRight infinite linear;
  -webkit-animation: 5s rotateRight infinite linear;
  -o-animation: 5s rotateRight infinite linear;
  animation: 5s rotateRight infinite linear;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.bigplan:hover {
  transition: transform 0.3s;
  transform: scale(1.05, 1.05);
}
.bigplan:hover .colorbox {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.bigplan:nth-child(odd) {
  margin-right: 80px;
}
.activate-premium {
  position: relative;
  top: 4px;
  float: right;
  line-height: 22px;
  font-size: 18px;
  color: #80ff00;
  min-width: 350px;
  font-weight: bold;
}
.premium-selector {
  padding: 20px 20px 25px 30px;
  font-size: 18px;
  color: #ccc;
  background: #091108;
}
.generic-packages-page {
  background: #0d1a00;
}
.packages {
  padding: 20px 0 20px 0;
}
.packages:before,
.packages:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.packages:after {
  clear: both;
}
.packages.pack-of-3 .pack {
  width: 380px;
  margin-left: 30px;
}
.packages .pack:first-child {
  margin-left: 0;
}
.packages .pack {
  float: left;
  box-sizing: border-box;
  background: #000;
  border: 1px solid rgba(128, 255, 0, 0.2);
  position: relative;
  transition: background 0.6s;
}
.packages .pack .title {
  font-size: 30px;
  font-weight: bold;
  color: #80ff00;
  padding: 40px 0 10px 0;
  background: #000;
  text-align: center;
}
.packages .pack .hosting-icon {
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0;
  top: -25px;
}
.packages .pack .hosting-icon div {
  margin: auto;
  width: 50px;
  height: 50px;
  position: relative;
  -moz-animation: 12s rotateRight infinite linear;
  -webkit-animation: 12s rotateRight infinite linear;
  -o-animation: 12s rotateRight infinite linear;
  animation: 12s rotateRight infinite linear;
}
.packages .pack .hosting-icon div span {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  -moz-animation: 12s rotateRight infinite linear;
  -webkit-animation: 12s rotateRight infinite linear;
  -o-animation: 12s rotateRight infinite linear;
  animation: 12s rotateRight infinite linear;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  box-shadow: 0 0 20px -5px #80ff00;
}
.packages .pack .hosting-icon div span:before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 5px;
  width: 40px;
  height: 40px;
  background: #336600 url(images/darklogo.png) center center no-repeat;
  transition: background 0.5s;
}
.packages .pack ul {
  margin: 0px 20px 5px 20px;
}
.packages .pack ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 10px 0;
  transition: transform 0.3s, background 0.3s;
}
.packages .pack ul li:before,
.packages .pack ul li:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.packages .pack ul li:after {
  clear: both;
}
.packages .pack ul li b,
.packages .pack ul li strong,
.packages .pack ul li span {
  display: block;
  float: left;
}
.packages .pack ul li b {
  font-size: 11px;
  color: #80ff00;
  float: left;
  padding-top: 14px;
  min-width: 30%;
  text-align: right;
  padding-right: 15px;
}
.packages .pack ul li strong {
  font-size: 24px;
  padding: 4px 0;
}
.packages .pack ul li span {
  font-size: 12px;
  padding-top: 14px;
  margin-left: 10px;
}
.packages .pack ul li:last-child {
  border-bottom: 0;
}
.packages .pack ul li:hover {
  transform: scale(1.1);
  background: #000;
}
.packages .pack a.greenbutton {
  margin: 10px 0 10px 0;
}
.packages .pack:hover {
  background: rgba(128, 255, 0, 0.1);
}
.packages .pack:hover .hosting-icon div span {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.packages .pack:hover .hosting-icon div span:before {
  background: #5ab300 url(images/darklogo.png) center center no-repeat;
}
.page {
  padding: 20px 0;
}
h1 {
  margin: 20px 0 10px 0;
  font-weight: bold;
  font-size: 28px;
  color: #fff;
}
h2 {
  margin: 20px 0 10px 0;
  font-weight: bold;
  font-size: 22px;
  color: #fff;
}
h3 {
  margin: 20px 0 10px 0;
  font-weight: bold;
  font-size: 18px;
  color: #fff;
}
p {
  margin: 10px 0;
  color: #ccc;
}
.faqs a.question {
  display: block;
  padding: 10px 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  background: url(images/icon-faq.png) 10px center no-repeat;
}
.faqs .answer {
  padding: 10px 30px 10px 30px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-top: 0;
  color: #999;
}
.support-option {
  padding: 15px 20px 15px 100px;
  width: 48%;
  margin: 1%;
  float: left;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.support-option .title {
  font-size: 20px;
  font-weight: bold;
  color: #80ff00;
  margin-bottom: 10px;
}
.so-icon-1 {
  background: url(images/so-icon-1.png) 15px center no-repeat;
}
.so-icon-2 {
  background: url(images/so-icon-2.png) 15px center no-repeat;
}
.so-icon-3 {
  background: url(images/so-icon-3.png) 15px center no-repeat;
}
.so-icon-4 {
  background: url(images/so-icon-4.png) 15px center no-repeat;
}
.so-icon-5 {
  background: url(images/so-icon-5.png) 15px center no-repeat;
}
.so-icon-6 {
  background: url(images/so-icon-6.png) 15px center no-repeat;
}
.so-icon-7 {
  background: url(images/so-icon-7.png) 15px center no-repeat;
}
.so-icon-8 {
  background: url(images/so-icon-8.png) 15px center no-repeat;
}
.tabs {
  float: right;
  position: absolute;
  right: 0;
  bottom: -30px;
}
.tabs a {
  display: block;
  float: left;
  margin-right: 15px;
  font-size: 15px;
  padding: 7px 25px;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  background: #2C5800;
  color: #fff;
  transition: background 0.5s, color 0.5s;
  box-shadow: inset 0 1px 1px #80ff00, 0 1px 2px #000000;
}
.tabs a.selected,
.tabs a:hover {
  background: #000;
  color: #fff;
  box-shadow: 0 -1px 1px #80ff00;
}
.about-boxes {
  padding: 20px 0;
}
.about-boxes:before,
.about-boxes:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.about-boxes:after {
  clear: both;
}
.about-boxes .abox,
.about-boxes .gbox {
  width: 32%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  border-radius: 10px;
  text-align: center;
  padding: 10px 20px 20px 20px;
  box-shadow: 0 0 20px -5px #80ff00;
}
.about-boxes .abox .title,
.about-boxes .gbox .title {
  font-size: 18px;
  font-weight: bold;
  color: #80ff00;
  margin-bottom: 10px;
}
.about-boxes .abox .text,
.about-boxes .gbox .text {
  color: #999;
  line-height: 1.1em;
}
.about-boxes .gbox {
  border-radius: 0;
  background: #2d5900;
  background: linear-gradient(180deg, #489000, #2d5900);
  box-shadow: inset 0 1px 1px #80ff00, 0 1px 2px #000000;
  border: 0;
}
.about-boxes .gbox .title {
  color: #fff;
}
.about-boxes .gbox .text {
  color: #fff;
}
.biglist {
  margin: 20px 10px;
}
.biglist li {
  padding: 5px 10px 5px 25px;
  background: url(images/check.png) left center no-repeat;
  font-size: 15px;
  color: #fff;
  border-top: 1px dotted #333;
}
.biglist li:first-child {
  border-top: 0;
}
.location-map {
  border: 1px solid #333;
  margin: 20px 0;
}
.location-map .text {
  padding: 20px 20px;
  border-bottom: 1px solid #222;
  font-size: 15px;
}