/*

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.

*/
.opensans {
  font-family: "Open Sans", arial, helvetica, sans-serif;
}
.lato {
  font-family: "Lato", arial, helvetica, sans-serif;
}
.normal {
  font-weight: normal;
}
strong,
b,
.bold {
  font-weight: bold;
}
.light {
  font-weight: 300;
}
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;
}
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: #fff;
  font-size: 14px;
  font-family: "Open Sans", arial, helvetica, sans-serif;
  color: #666;
  margin: 0px;
  padding: 0px;
  min-width: 1010px;
}
.body {
  min-width: 1000px;
  max-width: 1200px;
  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
}
.body:before,
.body:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.body:after {
  clear: both;
}
a:link,
a:visited {
  color: #056fb9;
  text-decoration: none;
}
a:hover {
  color: #0085e1;
  text-decoration: none;
}
a img {
  border: 0px;
}
input {
  font-size: 12px;
}
.half {
  width: 50%;
  float: left;
}
/* design */
#header {
  height: 100px;
  background: #4a443c;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 500;
}
.topbar {
  line-height: 30px;
  height: 30px;
  background: #000;
  font-size: 12px;
  color: #fff;
}
.topbar .topmenu {
  float: right;
}
.topbar .topmenu a {
  padding: 0 10px;
  color: #fff;
  display: inline-block;
}
.topbar .topmenu a:hover {
  background: #3a352f;
}
.topbar .topphone {
  float: left;
  color: #ccc;
  font-size: 13px;
}
.topbar .topphone a {
  font-size: 13px;
  color: #fff;
}
.mainmenu {
  clear: both;
  position: relative;
  background: url(images/headerback.png) repeat-x;
}
a.logo {
  display: block;
  float: left;
  height: 70px;
  padding-right: 25px;
}
a.logo img {
  display: block;
}
#menu {
  float: left;
  font-family: "Lato", arial, helvetica, sans-serif;
  height: 70px;
}
#menu > ul > li {
  float: left;
}
#menu > ul > li > a {
  z-index: 1001;
  line-height: 67px;
  display: block;
  font-size: 16px;
  color: #e4e0d8;
  font-weight: bold;
  padding: 0px 25px 3px 25px;
  position: relative;
  border-right: 1px solid #3a352f;
  border-left: 1px solid #767066;
  text-shadow: 0 1px 0 #000;
  background: #585147 url(images/menuback.png) repeat-x;
}
#menu > ul > li > a:after {
  content: "";
  display: block;
  background: url(images/arrow-down.png) top center no-repeat;
  position: absolute;
  width: 100%;
  height: 6px;
  left: 0;
  bottom: 15px;
}
#menu > ul > li:hover > a {
  color: #fff;
  padding-bottom: 4px;
}
#menu > ul li > div {
  position: absolute;
  display: none;
  z-index: 1000;
  top: 70px;
  left: 0;
  width: 100%;
  background: #585147;
  border-top: 1px solid #767066;
  border-bottom: 1px solid #000;
  padding: 15px 0;
  text-align: center;
}
#menu > ul li > div ul.menu-list {
  min-width: 20%;
  display: inline-block;
  text-align: left;
}
#menu > ul li > div ul.menu-list li {
  display: block;
  width: 80%;
}
#menu > ul li > div ul.menu-list li a {
  display: block;
  line-height: 25px;
  font-size: 14px;
  white-space: nowrap;
  color: #ccc;
}
#menu > ul li > div ul.menu-list li a:hover {
  color: #fff;
}
#menu > ul li > div ul.menu-list li.title,
#menu > ul li > div ul.menu-list li.title a {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
  font-weight: bold;
}
#menu > ul li > div ul.big-menu {
  text-align: center;
  width: 100%;
}
#menu > ul li > div ul.big-menu li {
  display: inline-block;
}
#menu > ul li > div ul.big-menu li a {
  padding: 80px 20px 10px 20px;
  display: block;
  font-size: 18px;
  white-space: nowrap;
  color: #ccc;
}
#menu > ul li > div ul.big-menu li a:hover {
  color: #fff;
  background-color: #3B3630;
  box-shadow: 0 0 10px 4px  #767066;
  border-radius: 7px;
}
#menu > ul li > div ul.big-menu .bigmenu-1 a {
  background: transparent url(images/bigmenu-1.png) center 10px no-repeat;
}
#menu > ul li > div ul.big-menu .bigmenu-2 a {
  background: transparent url(images/bigmenu-1.png) center 10px no-repeat;
}
#menu > ul li > div ul.big-menu .bigmenu-3 a {
  background: transparent url(images/bigmenu-1.png) center 10px no-repeat;
}
#menu > ul li > div ul.big-menu .bigmenu-4 a {
  background: transparent url(images/bigmenu-1.png) center 10px no-repeat;
}
#menu > ul li > div ul.big-menu .bigmenu-5 a {
  background: transparent url(images/bigmenu-1.png) center 10px no-repeat;
}
#menu > ul li > div ul.big-menu .bigmenu-6 a {
  background: transparent url(images/bigmenu-1.png) center 10px no-repeat;
}
#menu > ul > li:hover > div {
  display: block;
}
.client-portal {
  float: right;
  padding-top: 17px;
}
.client-portal a {
  display: block;
  line-height: 32px;
  color: #5f7700;
  font-size: 16px;
  font-weight: bold;
  padding: 0 19px 2px 35px;
  background: #eeeeee url(images/icon-lock.png) 15px 8px no-repeat;
  border-radius: 5px;
}
.client-portal a:hover {
  background-color: #70685D;
  color: #fff;
}
.start-live-chat {
  float: right;
  padding-top: 17px;
  margin-right: 15px;
}
.start-live-chat a {
  display: block;
  line-height: 32px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  padding: 0 14px 2px 50px;
  background: #5f7700 url(images/icon-topchat.png) 10px 2px no-repeat;
  border-radius: 5px;
}
.start-live-chat a:hover {
  background-color: #669900;
  color: #fff;
}
.bigimages,
.bigimage {
  height: 600px;
  position: relative;
}
#bigimage1 {
  background: #88ac4c url(images/bigimage1.jpg) top center no-repeat;
}
#bigimage2 {
  background: #cccccc url(images/bigimage2.jpg) top right no-repeat;
}
#bigimage3 {
  background: #0067b2 url(images/bigimage3.jpg) top center no-repeat;
}
#bigimage4 {
  background: #cccccc url(images/bigimage4.jpg) top center no-repeat;
}
.bigimage .toptitle {
  line-height: 50px;
  padding-top: 73px;
  min-width: 50%;
  float: left;
  font-weight: 300;
  font-size: 18px;
  color: #fff;
  border-bottom: 1px solid #bbcb92;
}
.bigimage .title {
  clear: both;
  font-size: 72px;
  line-height: 72px;
  color: #fff;
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: bold;
  margin-top: 20px;
}
.bigimage .subtitle {
  font-size: 28px;
  color: #fff;
  font-family: "Lato", arial, helvetica, sans-serif;
  margin-top: 25px;
}
#bigimage2 .toptitle {
  color: #000;
  border-bottom: 1px solid #000;
}
#bigimage2 .title {
  color: #163c58;
}
#bigimage2 .subtitle {
  color: #333;
}
#bigimage3 .toptitle {
  color: #fff;
  border-bottom: 1px solid #fff;
}
#bigimage3 .title {
  color: #BB0000;
  padding-top: 20px;
  text-shadow: 0 1px 0px #fff;
}
#bigimage3 .subtitle {
  color: #000;
  text-shadow: 0 1px 2px #0067B2;
}
#bigimage3 .subtitle a {
  color: #FFF;
  float: left;
  margin-left: 400px;
  background: #cc0000;
  padding: 10px 25px;
  display: block;
  font-weight: bold;
  font-size: 24px;
}
#bigimage3 .subtitle a:hover {
  background: #ff0000;
}
#bigimage4 .toptitle {
  color: #999;
  border-bottom: 1px solid #333;
}
#bigimage4 .title {
  color: #fff;
}
#bigimage4 .title span {
  color: #0055CC;
}
#bigimage4 .subtitle {
  color: #666;
}
#bigimage4 .subtitle a {
  color: #FFF;
  float: left;
  margin-left: 400px;
  background: #001133;
  padding: 10px 25px;
  display: block;
  font-weight: bold;
  font-size: 24px;
  margin-top: 17px;
}
#bigimage4 .subtitle a:hover {
  background: #002244;
}
.bigimage-dots {
  position: absolute;
  bottom: 170px;
  width: 100%;
}
.bigimage-dots a {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  margin: 0 1px 0 0px;
}
.bigimage-dots a.selected {
  background: #144400;
  border: 1px solid rgba(0, 0, 0, 0);
}
.bigimage-dots a:hover {
  background: #144400;
  box-shadow: 0 0 5px 0px #fff;
}
.domainbar {
  position: absolute;
  bottom: 0;
  height: 150px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.domainbar .domainbox {
  float: left;
  margin-top: 33px;
}
.domainbar .domainbox .name {
  float: left;
  background: #fff;
  padding: 5px 10px 5px 10px;
  height: 40px;
  border-radius: 6px 0 0 6px;
}
.domainbar .domainbox .name input {
  border: 0;
  height: 40px;
  padding: 0px 0 0 15px;
  font-family: "Open Sans", arial, helvetica, sans-serif;
  font-size: 16px;
}
.domainbar .domainbox .tld {
  float: left;
  background: #e1e1e1;
  padding: 5px 0px 5px 0px;
  height: 40px;
  width: 100px;
  overflow: hidden;
}
.domainbar .domainbox .tld select {
  padding-left: 10px;
  margin-top: 6px;
  width: 120px;
  background: transparent url(images/arrow-down.png) 70px center no-repeat;
  border: 0;
  font-size: 16px;
  color: #333;
  font-family: "Open Sans", arial, helvetica, sans-serif;
}
.domainbar .domainbox .sbutton {
  float: left;
}
.domainbar .domainbox .sbutton button {
  background: url(images/blue-gradient.png) repeat-x;
  border: 0px;
  height: 50px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: block;
  border-top: 1px solid #90d3f0;
  box-shadow: 0px 2px 0 -1px #000000;
  border-radius: 0 6px 6px 0;
  font-size: 16px;
  color: #002e42;
  font-weight: bold;
  padding: 0 25px 2px 25px;
  font-family: "Lato", arial, helvetica, sans-serif;
}
.domainbar .domainbox .see-all-domains {
  display: none;
  float: left;
  padding: 16px 0 0 15px;
  font-size: 12px;
}
.domainbar .domainbox .see-all-domains a {
  color: #fff;
  opacity: 0.4;
}
.domainbar:hover .see-all-domains {
  display: block;
}
.domainbar:hover .see-all-domains a:hover {
  opacity: 1;
}
.domainbar .domain-prices {
  float: right;
  margin-right: 70px;
}
.domainbar .domain-prices div {
  text-align: center;
  float: left;
  width: 70px;
  padding-top: 36px;
  color: #fff;
  font-size: 12px;
}
.domainbar .domain-prices div b {
  font-size: 14px;
  font-weight: bold;
  display: block;
}
a.graybutton {
  display: inline-block;
  background: #333333 url(images/graybutton.png) repeat-x;
  line-height: 28px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 0 16px 1px 16px;
}
a.graybutton:hover {
  background: #000;
}
.grayback {
  background: #e1e1e1;
}
.home-packages {
  padding: 10px 0 12px 0;
}
.home-packages:before,
.home-packages:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.home-packages:after {
  clear: both;
}
.home-package {
  width: 23.75%;
  margin-left: 1.66666%;
  float: left;
  background: #fff;
  text-align: center;
}
.home-package:first-child {
  margin-left: 0;
}
.home-package .wrapper {
  padding: 10px 10px;
  position: relative;
}
.home-package .wrapper:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  left: 0;
  top: -42px;
  background: #666;
}
.home-package .title {
  font-size: 20px;
  line-height: 27px;
  margin-top: 16px;
  font-weight: 300;
}
.home-package .title strong {
  display: block;
  font-size: 24px;
  font-weight: bold;
}
.home-package .text {
  font-family: "Lato", arial, helvetica, sans-serif;
  color: #585858;
  padding: 11px 10px 15px 10px;
  line-height: 20px;
}
.home-package ul li {
  line-height: 40px;
  margin-bottom: 1px;
  background: #f4f4f4;
}
.home-package ul li b {
  font-size: 15px;
  color: #000;
}
.home-package ul li:nth-child(even) {
  background: #eee;
}
.home-package .big-price {
  float: left;
  padding: 15px 0 15px 0px;
}
.home-package .big-price .from {
  font-size: 12px;
  text-align: left;
  margin-left: 13px;
}
.home-package .big-price .price {
  font-weight: 300;
  line-height: 45px;
  text-align: left;
  font-size: 60px;
}
.home-package .big-price .price span {
  font-size: 42px;
}
.home-package .big-price .price sub {
  font-size: 36px;
}
.home-package .big-price .permonth {
  font-size: 14px;
}
.home-package .moreinfo {
  padding-top: 52px;
  float: right;
  padding-right: 5px;
}
.hp1 .wrapper:before {
  background: #0195d4 url(images/icon-1.png) center center no-repeat;
}
.hp1 .title {
  color: #0195d4;
}
.hp1 .big-price {
  color: #0195d4;
}
.hp2 .wrapper:before {
  background: #2fa600 url(images/icon-2.png) center center no-repeat;
}
.hp2 .title {
  color: #2fa600;
}
.hp2 .big-price {
  color: #2fa600;
}
.hp3 .wrapper:before {
  background: #d48c01 url(images/icon-3.png) center center no-repeat;
}
.hp3 .title {
  color: #d48c01;
}
.hp3 .big-price {
  color: #d48c01;
}
.hp4 .wrapper:before {
  background: #ca3acc url(images/icon-4.png) center center no-repeat;
}
.hp4 .title {
  color: #ca3acc;
}
.hp4 .big-price {
  color: #ca3acc;
}
.bigtitle {
  font-family: "Lato", arial, helvetica, sans-serif;
  font-size: 36px;
  text-align: center;
}
.bigsubtitle {
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.125em;
  margin-top: 6px;
}
.brownpage {
  background: #4a443b;
  border-top: 10px solid #fff;
  border-bottom: 10px solid #fff;
  padding: 30px 0;
  box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.5);
  color: #fff;
}
.brownpage .bigtitle {
  color: #fff;
}
.brownpage .bigsubtitle {
  color: #b7b7b7;
}
.brownpage .why-us {
  width: 50%;
  float: left;
  margin-top: 18px;
}
.brownpage .why-us ul li {
  line-height: 30px;
  padding-left: 20px;
  background: url(images/check.png) left 9px no-repeat;
}
.brownpage .why-us .bigbutton {
  margin-top: 35px;
}
.brownpage .descriptive-text {
  margin: 20px 0;
  padding: 20px 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.brownpage .descriptive-text:before,
.brownpage .descriptive-text:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.brownpage .descriptive-text:after {
  clear: both;
}
.bigbutton {
  text-align: center;
}
.bigbutton a {
  display: inline-block;
  line-height: 37px;
  color: #5f7700;
  font-size: 16px;
  font-weight: bold;
  padding: 0 25px 1px 25px;
  background: #eee;
  border-radius: 5px;
}
.bigbutton a:hover {
  background-color: #70685D;
  color: #fff;
}
.darkbutton {
  text-align: center;
}
.darkbutton a {
  display: inline-block;
  line-height: 29px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 15px 1px 15px;
  background: #1c1912;
  border-radius: 5px;
}
.darkbutton a:hover {
  background-color: #70685D;
  color: #fff;
}
.extra-brown-box {
  float: left;
  width: 24.1666%;
  margin-right: 1.666%;
  margin-top: 20px;
  border-top: 4px solid #66be06;
  padding-bottom: 25px;
  background: #353027;
}
.extra-brown-box:before,
.extra-brown-box:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.extra-brown-box:after {
  clear: both;
}
.extra-brown-box .wrapper {
  padding: 20px;
}
.extra-brown-box .title {
  font-weight: bold;
  font-size: 18px;
  color: #6ed401;
}
.extra-brown-box .text {
  color: #928a7d;
  padding: 10px 0;
  line-height: 1.2em;
}
.extra-brown-box .price {
  float: left;
  color: #6ed401;
  margin-top: 3px;
}
.extra-brown-box .price span {
  font-size: 24px;
}
.extra-brown-box .darkbutton {
  float: right;
  margin-top: 20px;
}
.extra-brown-box + .extra-brown-box {
  margin-right: 0;
  background: #645d52;
  border-top-color: #ffc000;
}
.extra-brown-box + .extra-brown-box .title,
.extra-brown-box + .extra-brown-box .price {
  color: #ffc000;
}
.extra-brown-box + .extra-brown-box .text {
  color: #dcd1bf;
}
.shadow {
  background: url(images/shadow.png) top center no-repeat;
  padding: 30px 0;
}
blockquote.testimonial {
  text-align: center;
}
blockquote.testimonial .quote {
  font-size: 30px;
  color: #888;
  font-style: italic;
}
blockquote.testimonial .name {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  color: #000;
}
.lotslinks {
  background: #ddd;
  padding: 25px 0 50px;
}
.lotslinks:before,
.lotslinks:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.lotslinks:after {
  clear: both;
}
.lotslinks ul {
  float: left;
  width: 22.0833%;
  margin-left: 3.333%;
}
.lotslinks ul li a {
  line-height: 25px;
  padding-left: 17px;
  background: url(images/bullet.png) 5px center no-repeat;
  color: #353027;
  text-shadow: 0 1px #fff;
}
.lotslinks ul li a:hover {
  color: #0195d4;
}
.lotslinks ul li.title {
  line-height: 40px;
  color: #0195d4;
  border-bottom: 1px solid #0195d4;
  font-family: "Lato", arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.lotslinks ul:first-child {
  margin-left: 0;
}
#footer {
  background: #444444;
  padding: 20px 0 25px 0;
}
.footerlinks {
  float: left;
  margin-right: 30px;
}
.footerlinks .title {
  line-height: 30px;
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #aacc00;
  border-bottom: 1px solid #677e0f;
}
.footerlinks ul {
  float: left;
  width: 200px;
  margin-top: 10px;
}
.footerlinks ul li a {
  line-height: 25px;
  color: #ccc;
}
.footerlinks ul li a:hover {
  color: #fff;
}
.footer-contact {
  float: right;
  width: 360px;
  text-align: right;
}
.footer-contact .social {
  text-align: right;
  margin-top: 20px;
}
.footer-contact .social a {
  display: inline-block;
  width: 44px;
  height: 44px;
}
.footer-contact .social a.tw {
  background: url(images/social.png) 0 0 no-repeat;
}
.footer-contact .social a.fb {
  background: url(images/social.png) -46px 0 no-repeat;
}
.footer-contact .social a.in {
  background: url(images/social.png) -92px 0 no-repeat;
}
.footer-contact .social a.gp {
  background: url(images/social.png) -138px 0 no-repeat;
}
.footer-contact .f-phone {
  margin-top: 20px;
  color: #999999;
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.footer-contact .f-phone strong {
  display: block;
  color: #fff;
  font-size: 30px;
}
.footer-contact .f-email {
  margin-top: 30px;
  color: #999999;
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
}
.footer-contact .f-email strong {
  color: #fff;
}
#subfooter {
  background: #333333;
  color: #999999;
  text-align: center;
}
#subfooter .vat {
  padding: 20px 0 20px 0;
}
#subfooter .footer-menu {
  background: #222222;
}
#subfooter .footer-menu a {
  display: inline-block;
  color: #fff;
  line-height: 40px;
  padding: 0 10px;
}
#subfooter .footer-menu a:hover {
  background: #282828;
}
#subfooter .copyright {
  font-weight: 300;
  padding: 15px 0 20px 0;
}
#subfooter .copyright a {
  color: #ffffff;
}
.page-heading {
  color: #fff;
  padding: 25px 0 35px 0;
}
.page-heading .heading {
  font-size: 36px;
  font-weight: bold;
}
.page-heading .sub-heading {
  font-size: 20px;
  font-weight: 300;
}
.page-description {
  padding: 20px;
  background: #fff;
  color: #666;
  margin-bottom: 10px;
}
.page-description-intro {
  padding: 20px 0 12px;
  font-size: 16px;
}
.big-packages.packages4 .big-package {
  width: 24%;
  margin: 0 0.5%;
  float: left;
}
.big-packages.packages3 .big-package {
  width: 31.33%;
  margin: 0 1%;
  float: left;
}
.big-packages .big-package {
  background: #fff;
  color: #333;
  text-align: center;
  padding-bottom: 10px;
}
.big-packages .big-package .title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  background: #999999 center 10px no-repeat;
  padding: 55px 0 10px 0;
  color: #fff;
}
.big-packages .big-package .title.icon1 {
  background-image: url(images/icon-1.png);
}
.big-packages .big-package .title.icon3 {
  background-image: url(images/icon-3.png);
}
.big-packages .big-package ul {
  margin: 0 10px 10px 10px;
}
.big-packages .big-package ul li {
  line-height: 30px;
  margin-bottom: 1px;
  background: rgba(0, 0, 0, 0.04);
}
.big-packages .big-package ul li strong {
  font-size: 15px;
  color: #000;
}
.big-packages .big-package ul li.strike {
  text-decoration: line-through;
  color: #999;
}
.big-packages .big-package ul li:nth-child(even) {
  background: rgba(0, 0, 0, 0.07);
}
.big-packages .big-package .price {
  font-weight: 300;
  font-size: 60px;
}
.big-packages .big-package .price span {
  font-size: 42px;
}
.big-packages .big-package .price sub {
  font-size: 36px;
}
.big-packages .big-package .price small {
  font-size: 14px;
  display: block;
  position: relative;
  top: -10px;
}
.big-packages .big-package.featured-package {
  position: relative;
  box-shadow: inset 0 0 100px #ff6600;
}
.big-packages .big-package.featured-package .featured-title {
  position: absolute;
  top: -7px;
  right: 0;
  min-width: 40%;
  padding: 0 5%;
  background: #ff0000;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0 0 20px #ff3333;
  transform: rotate(10deg);
}
.package-buttons a {
  display: inline-block;
  line-height: 28px;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  padding: 5px 16px 5px 16px;
  background: #333;
}
.package-buttons a:hover {
  background-color: #000;
}
.package-buttons a + a {
  padding: 0 16px 0px 34px;
  background: #333333 url(images/icon-chat.png) 5px center no-repeat;
}
.package-buttons a + a:hover {
  background-color: #000;
}
.plan-details {
  padding: 20px 0;
}
.plan-details table {
  width: 100%;
}
.plan-details table tr th {
  padding: 10px;
  background: #000;
  color: #fff;
  box-shadow: inset 0 10px 10px 0px rgba(255, 255, 255, 0.2);
  font-weight: bold;
  border-top: 10px solid #595959;
}
.plan-details table tr th:first-child {
  padding-top: 2px;
  vertical-align: top;
  background: #333 !important;
  color: #fff;
  text-align: right;
  font-size: 18px;
  font-weight: bold;
  font-variant: small-caps;
}
.plan-details table tr td {
  background: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  padding: 5px;
}
.plan-details table tr td:first-child {
  text-align: right;
  font-weight: bold;
}
.plan-details table tr td.check {
  background-image: url(images/darkcheck.png);
}
.plan-details table tr td.cross {
  background-image: url(images/darkcross.png);
}
.plan-details table tr:nth-child(even) td {
  background-color: #f4f4f4;
}
.plan-details-4 td {
  width: 17%;
}
.plan-details-4 td:first-child {
  width: 32%;
}
/* COLOR PALETTES */
.colorpalette-blue .page-heading {
  background: #0195d4 url(images/heading-blue.jpg) center top no-repeat;
}
.colorpalette-blue .big-package .title {
  background-color: #0195D4;
}
.colorpalette-blue .big-package .price {
  color: #0195d4;
}
.colorpalette-blue .big-package ul a {
  color: #0195d4;
}
.colorpalette-blue .big-package .package-buttons a:first-child {
  background: #0195D4;
}
.colorpalette-blue .big-package .package-buttons a:first-child:hover {
  background: #014e6e;
}
.colorpalette-blue .big-package.featured-package {
  position: relative;
  box-shadow: inset 0 0 100px #0195D4;
}
.colorpalette-blue .plan-details table tr th {
  background: #0195D4;
}
.colorpalette-dedicated-red .page-heading {
  background: #bc2d33 url(images/heading-dedicated-red.jpg) center top no-repeat;
}
.colorpalette-dedicated-red .dedicated-server .title {
  background: #AA2D29;
}
.colorpalette-dedicated-blue .page-heading {
  background: #4482b3 url(images/heading-dedicated-blue.jpg) center top no-repeat;
}
.colorpalette-dedicated-blue .dedicated-server .title {
  background: #0072C6;
}
.colorpalette-yellow .page-heading {
  background: #bc2d33 url(images/heading-yellow.jpg) center top no-repeat;
}
.colorpalette-yellow .dedicated-server .title {
  background: #0072C6;
}
.colorpalette-orange .page-heading {
  background: #0195d4 url(images/heading-cloud.jpg) center top no-repeat;
}
.colorpalette-orange .big-package .title {
  background-color: #D48C01;
}
.colorpalette-orange .big-package .price {
  color: #d48c01;
}
.colorpalette-orange .big-package ul a {
  color: #d48c01;
}
.colorpalette-orange .big-package .package-buttons a:first-child {
  background: #D48C01;
}
.colorpalette-orange .big-package .package-buttons a:first-child:hover {
  background: #6e4901;
}
.colorpalette-orange .big-package.featured-package {
  position: relative;
  box-shadow: inset 0 0 100px #D48C01;
}
.colorpalette-orange .plan-details table tr th {
  background: #D48C01;
}
/* END COLOR PALETTES */
.twolist {
  clear: both;
  margin: 20px 0;
}
.twolist:before,
.twolist:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.twolist:after {
  clear: both;
}
.twolist ul {
  width: 46%;
  float: left;
  margin: 1%;
  text-align: left;
  background: #645D52;
  color: #DCD1BB;
  border-top: 3px solid #6ED401;
  padding: 15px 0% 20px 2%;
}
.twolist ul li {
  padding: 3px 10px 3px 20px;
  background: url(images/check.png) left center no-repeat;
}
.twolist ul li.title {
  font-weight: bold;
  font-size: 16px;
  background: none;
  color: #6ED401;
  padding-bottom: 10px;
}
.twolist.pros-cons ul + ul {
  background: #353027;
  color: #928A7D;
  border-top: 3px solid #d00;
}
.twolist.pros-cons ul + ul li {
  background: url(images/cross.png) left center no-repeat;
}
.twolist.pros-cons ul + ul li.title {
  color: #d00;
  background: none;
}
.round-features {
  padding: 20px 0;
}
.round-features:before,
.round-features:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.round-features:after {
  clear: both;
}
.round-features .round-feature {
  width: 18%;
  margin: 0 1%;
  float: left;
  text-align: center;
}
.round-features .round-feature .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.whitepage {
  padding: 20px 0;
}
.round-feature .title:before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  margin: auto;
  border-radius: 80px;
  margin-bottom: 10px;
}
.round-icon-1:before {
  background: #1f8ec3 url(images/ricon-1.png) center center no-repeat;
}
.round-icon-2:before {
  background: #2fa600 url(images/ricon-2.png) center center no-repeat;
}
.round-icon-3:before {
  background: #d48c01 url(images/ricon-3.png) center center no-repeat;
}
.round-icon-4:before {
  background: #ca3acc url(images/ricon-4.png) center center no-repeat;
}
.round-icon-5:before {
  background: #999999 url(images/ricon-5.png) center center no-repeat;
}
.round-icon-6:before {
  background: #1f8ec3 url(images/ricon-6.png) center center no-repeat;
}
.round-icon-7:before {
  background: #2fa600 url(images/ricon-7.png) center center no-repeat;
}
.round-icon-8:before {
  background: #d48c01 url(images/ricon-8.png) center center no-repeat;
}
.round-icon-9:before {
  background: #ca3acc url(images/ricon-9.png) center center no-repeat;
}
.round-icon-10:before {
  background: #999999 url(images/ricon-10.png) center center no-repeat;
}
.choose-packages {
  text-align: center;
}
.choose-packages a {
  display: inline-block;
  font-variant: small-caps;
  padding: 8px 40px 11px 40px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin: 0 10px;
  border-radius: 5px;
  box-shadow: inset 0 20px 20px rgba(0, 0, 0, 0.33);
}
.choose-packages a.lin {
  background: #119b8c;
  border-top: 1px solid #119b8c;
}
.choose-packages a.lin:hover {
  background: #0d7b6f;
}
.choose-packages a.win {
  background: #0195d4;
  border-top: 1px solid #0195d4;
}
.choose-packages a.win:hover {
  background: #016e9c;
}
h1 {
  font-weight: normal;
  font-size: 28px;
  color: #000;
  margin: 10px 0;
}
.serverselect {
  position: relative;
  top: 10px;
}
.serverselect .choose-servers {
  position: relative;
  top: 14px;
}
.serverselect .choose-servers a {
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: bold;
  display: block;
  float: left;
  padding: 0px 36px;
  line-height: 40px;
  background: #eee;
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  color: #666;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  margin-left: 5px;
  font-size: 16px;
}
.serverselect .choose-servers a.selected,
.serverselect .choose-servers a.selected:hover {
  color: #fff;
  background: #2C2823;
  background: linear-gradient(to bottom, #544e46 0%, #2c2823 100%);
  border: 1px solid #2c2823;
  border-bottom: 0;
  line-height: 40px;
}
.serverselect .choose-servers a:hover {
  border-top: 3px solid #CA3ACC;
  line-height: 36px;
  padding-bottom: 1px;
}
.serverselect .choose-os {
  float: right;
}
.serverselect .choose-os a {
  display: block;
  float: left;
  padding: 12px 15px 14px 60px;
  color: #666;
  border: 1px solid transparent;
  border-radius: 5px;
  margin-left: 5px;
  margin-bottom: 4px;
  font-size: 16px;
}
.serverselect .choose-os a.linux {
  background: url(images/linux-dark.png) 10px center no-repeat;
}
.serverselect .choose-os a.linux.selected,
.serverselect .choose-os a.linux:hover {
  background: #b02f2d url(images/linux-light.png) 10px center no-repeat;
}
.serverselect .choose-os a.windows {
  background: url(images/windows-dark.png) 10px center no-repeat;
}
.serverselect .choose-os a.windows.selected,
.serverselect .choose-os a.windows:hover {
  background: #0072c6 url(images/windows-light.png) 10px center no-repeat;
}
.serverselect .choose-os a:hover,
.serverselect .choose-os a.selected {
  color: #fff;
  border: 1px solid #fff;
}
.dedi-packages .heading {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin-right: 10px;
}
.dedicated-server {
  margin: 10px 0;
}
.dedicated-server .title {
  padding: 10px 20px;
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 18px;
  position: relative;
}
.dedicated-server .title .desc {
  float: right;
  font-weight: normal;
  font-size: 13px;
  margin-top: 2px;
}
.dedicated-server .title a.order {
  background: #111;
}
.dedicated-server .title a.order:hover {
  background: #CA3ACC;
}
.dedicated-server .title a.order {
  position: relative;
  top: -4px;
  left: 10px;
  margin-left: 10px;
  float: right;
  display: block;
  font-size: 14px;
  padding: 4px 15px 5px 15px;
  line-height: 20px;
  color: #fff;
  font-family: "Lato", arial, helvetica, sans-serif;
  font-weight: bold;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.dedicated-server .features {
  background: #fff;
  width: 100%;
}
.dedicated-server .features:before,
.dedicated-server .features:after {
  content: " ";
  display: table;
  visibility: hidden;
}
.dedicated-server .features:after {
  clear: both;
}
.dedicated-server .features .f {
  font-size: 14px;
  padding: 12px 0%;
  float: left;
  width: 11.5%;
  color: #666;
  text-align: center;
  line-height: 18px;
  position: relative;
}
.dedicated-server .features .f strong {
  margin-bottom: 6px;
  display: inline-block;
  font-size: 13px;
  color: #333;
  display: block;
}
.dedicated-server .features .f small {
  font-size: 11px;
  line-height: 24px;
}
.dedicated-server .features .f small img {
  vertical-align: bottom;
  margin-top: 5px;
}
.dedicated-server .features .f.price {
  font-size: 30px;
  color: #CA3ACC;
}
.dedicated-server .features .f.price small {
  display: inline-block;
}
.dedicated-server .features .f:nth-child(odd) {
  background: rgba(0, 0, 0, 0.05);
}
.dedicated-server .features .f:nth-child(1) {
  width: 10%;
}
.dedicated-server .features .f:nth-child(2) {
  width: 18%;
}
.dedicated-server .features .f:nth-child(4) {
  width: 13%;
}
.dedicated-server .features .f:last-child {
  width: 13%;
}
.server-ip-just {
  font-size: 12px;
  text-align: right;
}
.big-features .title {
  font-size: 28px;
  color: #000;
}
.vps-packages.packages3 .vps {
  width: 32%;
  margin-left: 2%;
}
.vps-packages.packages3 .vps:first-child {
  margin-left: 0;
}
.vps-packages.packages4 .vps {
  width: 23.5%;
  margin-left: 2%;
}
.vps-packages.packages4 .vps:first-child {
  margin-left: 0;
}
ul.vps-price {
  margin-bottom: 20px;
}
ul.vps-price:before,
ul.vps-price:after {
  content: " ";
  display: table;
  visibility: hidden;
}
ul.vps-price:after {
  clear: both;
}
ul.vps-price li {
  width: 33%;
  float: left;
  line-height: 20px !important;
  padding: 10px 0;
  font-size: 12px;
}
ul.vps-price li strong {
  display: block;
  font-size: 18px !important;
  color: #D48C01 !important;
}