@charset 'UTF-8';
@import 'https://fonts.googleapis.com/css?family=Palanquin+Dark:400,500';
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic,greek-ext,greek,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&subset=latin,latin-ext);
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700');
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700Droid+Serif:400italic,700italic);
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Bad+Script');
@import url('https://fonts.googleapis.com/css?family=Poiret+One');
*,
body {
  font-family: 'Roboto', sans-serif;
  transition: all .3s ease .0s;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
}
body.inner-page {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
}
#header-promo-box {
  padding: 0 0 10px 0;
  color: white;
}
.rtl-cols div[class^='col-'] {
  float: right;
}
.blue-button {
  font-size: 14px;
  font-weight: bold;
  padding: 9px 16px;
  text-decoration: none;
  color: #1f8ded;
  border: 1px solid #1f8ded;
  border-radius: 6px;
  background-color: #ecf8ff;
}
.blue-button:hover,
.blue-button:focus {
  text-decoration: none;
  color: #fff;
  background-color: #1f8ded;
}
.green-button {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 7px 16px;
  text-decoration: none;
  color: #8abe40;
  border: 1px solid #8abe40;
  border-radius: 6px;
  background-color: #f7fcef;
}
.green-button:hover,
.green-button:focus {
  text-decoration: none;
  color: #fff;
  background-color: #8abe40;
}
.pink-button {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 7px 16px;
  text-decoration: none;
  color: #e875c6;
  border: 1px solid #e875c6;
  border-radius: 6px;
  background-color: #fcf1fc;
}
.pink-button:hover,
.pink-button:focus {
  text-decoration: none;
  color: #fff;
  background-color: #e875c6;
}
.purple-button {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 7px 16px;
  text-decoration: none;
  color: #7774e7;
  border: 1px solid #7774e7;
  border-radius: 6px;
  background-color: #f5ecff;
}
.purple-button:hover,
.purple-button:focus {
  text-decoration: none;
  color: #fff;
  background-color: #7774e7;
}
.blue-color {
  color: #1f8ded;
}
.green-color {
  color: #9ce337;
}
.pink-color {
  color: #e875c6;
}
.purple-color {
  color: #7774e7;
}
.blue-border {
  border-color: #1f8ded;
}
.green-border {
  border-color: #9ce337;
}
.pink-border {
  border-color: #e875c6;
}
.purple-border {
  border-color: #7774e7;
}
.blue-bg {
  background-color: #1f8ded;
}
.green-bg {
  background-color: #9ce337;
}
.pink-bg {
  background-color: #e875c6;
}
.purple-bg {
  background-color: #7774e7;
}
.border-screen {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.header_promo_black {
  font-size: 16px;
  height: 100%;
  min-height: 42px;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
  color: #fff;
  background-color: #000;
}

.header_promo_black span {
  font-weight: 600;
  color: #f5a687;
}
.header_promo_black .promo-code {
  padding: 3px;
  color: #fff;
  border: 1px #fff solid;
  border-radius: 3px;
}
.header_promo_black a {
  text-decoration: underline;
  color: #e59a7d;
}
.header_promo_blue {
  font-size: 16px;
  height: 100%;
  min-height: 42px;
  padding-top: 10px;
  padding-bottom: 5px;
  text-align: center;
  color: #fff;
  background-color: #559edd;
}
.header_promo_blue span {
  font-weight: 600;
  color: #000;
}
.header_promo_blue .promo-code {
  padding: 3px;
  color: #fff;
  border: 1px #fff solid;
  border-radius: 3px;
}
.header_promo_blue a {
  text-decoration: underline;
  color: #000;
}

/* centered columns styles */
.row-centered {
  text-align: center;
}
.col-centered {
  display: inline-block;
  float: none;
  /* inline-block space fix */
  margin-right: -4px;
  /* reset the text-align */
  text-align: left;
}

/*top-line*/
header {
  font-size: 18px;
  position: fixed;
  z-index: 9999;
  top: 0;
  width: 100%;
  min-height: 86px;
  padding: 0;
  color: #fff;
  background: #1f1f1f;
}
.logo {
  width: 144px;
  margin-top: 16px;
}
/*main-nav*/
/*#mainNav{
    background-color: #ffffff;
}*/
#mainNav a {
  font-size: 19px;
}
#mainNav .dropdown-menu a {
  font-size: 18px;
  color: #a3a3a3;
}
#mainNav-page {
  background-color: #151515;
}
#mainNav-page a {
  font-family: Open Sans;
  font-size: 18px;
  font-weight: 400;
  color: #fafbfc;
}
#mainNav-page .dropdown-menu a {
  font-size: 19px;
  font-weight: 300;
  width: 100%;
  max-width: 350px;
  color: #687086;
}
#mainNav-page .dropdown-menu a:hover {
  width: 100%;
  max-width: 350px;
  text-decoration: none;
  color: #fff;
  background-color: #58a2d6;
}
#mainNav-page .register_lk {
  font-size: 19px;
  font-weight: 400;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background-color: #1274c9;
}
#mainNav-page .register_lk:hover {
  text-decoration: none;
  color: #fff;
  background-color: #039dd8;
}
#mainNav-page .to_login {
  font-weight: 300;
  margin-top: 26px;
  margin-bottom: 13px;
  margin-left: 15px;
  opacity: 1;
  color: #fff;
}
.navbar {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.navbar-default .navbar-nav > li > a {
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  font-weight: 400;
  position: relative;
  padding: 38px 24px;
  color: #000;
}
.navbar-default .navbar-nav-p > li > a {
  font-family: 'Roboto', sans-serif;
  font-size: 19px;
  font-weight: 600;
  position: relative;
  padding: 38px 26px;
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #1f8ded;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #1f8ded;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a.to_login {
  font-weight: 300;
  margin-top: 26px;
  margin-bottom: 13px;
  margin-left: 15px;
  padding: 12px 12px;
  opacity: 1;
  color: #666;
  border-radius: 6px;
}
.navbar-default .navbar-nav > li > a.to_login:hover,
.navbar-default .navbar-nav > li > a.to_login:focus {
  color: #222;
}
.navbar-default .navbar-nav > li > a.register_lk {
  font-size: 19px;
  font-weight: 400;
  margin-top: 26px;
  margin-bottom: 13px;
  margin-left: 15px;
  padding: 13px 13px;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background-color: #428bca;
}
.navbar-default .navbar-nav > li > a.register_lk:hover,
.navbar-default .navbar-nav > li > a.register_lk:focus {
  font-size: 19px;
  font-weight: 400;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background-color: #1274c9;
}
.navbar-brand {
  height: 65px;
  padding: 20px 15px;
}

.navbar-default .navbar-toggle {
  border: 0;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #1f8ded;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  opacity: .7;
  background-color: transparent;
}

.navbar-toggle {
  margin-top: 17px;
}

.navbar-right .dropdown-menu {
  right: auto;
  left: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-menu {
  font-size: 14px;
  position: absolute;
  z-index: 1000;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  padding: 5px 0;
  list-style: none;
  text-align: left;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 4px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
          box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu > li > a {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  color: #898f92;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #5bacdc;
  background-color: #f9fdff;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
/**/

/*first screen*/
#top-content {
  min-height: 579px;
  padding-top: 19px;
  background-image: url('../images/top-header.jpg');
  background-repeat: no-repeat;
  background-position: center top;
}
.index-b-title {
  font-family: 'Roboto', sans-serif;
  font-size: 45px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
.index-s-title {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  margin-bottom: 20px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}
.b-title {
  font-size: 54px;
  margin-bottom: 10px;
  color: #000;
}
.bs-title {
  font-size: 45px;
  margin-bottom: 10px;
  color: #000;
}
.s-title {
  font-size: 22px;
  margin-bottom: 20px;
  text-align: center;
  color: #a3a3a3;
}
.sl-title {
  font-size: 34px;
  margin-top: 40px;
  margin-bottom: 20px;
  text-align: center;
  color: #000;
}
.xl-title {
  font-size: 42px;
}
.offer-link a {
  font-size: 25px;
  color: #a3a3a3;
}
.inner-page .offer-link a {
  font-size: 35px;
  font-weight: 300;
  color: #000;
}
.offer-box-row {
  padding: 15px;
  border: 1px #e9e9e9 solid;
  border-radius: 15px;
}
.offer-box-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}
.offer-box-button-bg {
  display: inline-block;
  padding: 4px;
  border-radius: 6px;
  background-color: #337ab7;
}
a.offer-link-white {
  font-family: 'Droid Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding-right: 10px;
  padding-left: 3px;
  color: #fff;
}
.domain-search-holder {
  margin-top: 30px;
}
.domain-search-holder input[type='text'] {
  font-size: 15px;
  min-width: 300px;
  padding: 20px 25px;
  border: 1px solid #c9dff3;
  border-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  outline: 0;
}
.domain-search-holder input[type='submit'] {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-left: -4px;
  padding: 20px 25px;
  color: #fff;
  border: 0;
  border: 1px solid #1f8ded;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  outline: 0;
  background-color: #1f8ded;
}
.domain-search-holder input[type='submit']:hover,
.domain-search-holder input[type='submit']:focus {
  background-color: #0e76d0;
}
.text-search-holder {
  margin-top: 30px;
}
.text-search-holder input[type='text'] {
  font-size: 15px;
  min-width: 300px;
  padding: 20px 25px;
  border: 1px solid #c9dff3;
  border-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  outline: 0;
}
.text-search-holder input[type='submit'] {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-left: -4px;
  padding: 20px 25px;
  color: #fff;
  border: 0;
  border: 1px solid #1f8ded;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  outline: 0;
  background-color: #1f8ded;
}
.domain-search-holder input[type='submit']:hover,
.domain-search-holder input[type='submit']:focus {
  background-color: #0e76d0;
}
.animation {
  position: relative;
  display: inline-block;
  margin-top: 18px;
}
.animation img {
  width: 100%;
}
.animation ul.icons-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.animation ul.icons-list li {
  position: absolute;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
          transform: scale(0);
  -webkit-animation: zoomin 1.5s cubic-bezier(1, .02, 0, .99) forwards;
     -moz-animation: zoomin 1.5s cubic-bezier(1, .02, 0, .99) forwards;
          animation: zoomin 1.5s cubic-bezier(1, .02, 0, .99) forwards;
}
.animation ul.icons-list li a {
  display: inline-block;
  width: 55px;
  height: 55px;
  padding-top: 16px;
  border-radius: 200px;
  background-color: #fff;
}
.animation ul.icons-list li a .fa {
  font-size: 20px;
  color: #1f8ded;
}
.animation ul.icons-list li:nth-child(1) {
  top: 17%;
  left: 0;
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
          animation-delay: 1s;
}
.animation ul.icons-list li:nth-child(2) {
  top: 42%;
  left: 10%;
  -webkit-animation-delay: 1.2s;
     -moz-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.animation ul.icons-list li:nth-child(3) {
  top: 52%;
  left: 23%;
  -webkit-animation-delay: 1.4s;
     -moz-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.animation ul.icons-list li:nth-child(4) {
  top: 52%;
  right: 23%;
  -webkit-animation-delay: 1.6s;
     -moz-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.animation ul.icons-list li:nth-child(5) {
  top: 42%;
  right: 10%;
  -webkit-animation-delay: 1.8s;
     -moz-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.animation ul.icons-list li:nth-child(6) {
  top: 17%;
  right: 0;
  -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
          animation-delay: 2s;
}
@keyframes zoomin {
  0% {
    -webkit-transform: scale(0) translateY(60px);
       -moz-transform: scale(0) translateY(60px);
            transform: scale(0) translateY(60px);
  }
  100% {
    -webkit-transform: scale(1) translateY(0px);
       -moz-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
  }
}
.animation ul.icons-list li a:hover {
  background-color: #1f8ded;
}
.animation ul.icons-list li a:hover .fa {
  color: #fff;
}
.animation #hand-animation {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 26% !important;
  height: inherit !important;
  margin-left: -79px;
  margin-left: -13%;
}
/*Болк преимущества*/
#features {
  min-height: 300px;
  padding-top: 1px;
  padding-bottom: 10px;
  text-align: center;
  background-color: #fff;
}
#features .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 20px;;
  color: #fff;
}
#features .features-ico {
  padding-bottom: 30px;
}
#features .row-subtitle {
  font-size: 15px;
  margin-bottom: 60px;
  opacity: .9;
  color: #fff;
}
.feature-box {
  padding: 30px 50px 0 50px;
  background-color: #fff;

  perspective: 800px;
}

.feature-box .feature-icon {
  font-size: 60px;
  position: relative;
  z-index: 2;
  color: #fff;
}
.feature-box .feature-title {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  position: relative;
  z-index: 2;
  margin-top: -14px;
  color: #2e99e4;
}
.feature-box .feature-details {
  font-size: 23px;
  line-height: 24px;
  position: relative;
  z-index: 2;
  margin-top: -7px;
  margin-bottom: 20px;
  -webkit-transform: scale(.8);
     -moz-transform: scale(.8);
          transform: scale(.8);
  color: #336786;
}
.feature-box .feature-button {
  position: relative;
  z-index: 2;
  overflow: hidden;
  height: 50px;
  margin-bottom: 0;
  padding-top: 10px;
  opacity: 0;
}
.feature-box .feature-button a {
  font-weight: bold;
  display: inline-block;
  padding: 9px 16px;
  text-decoration: none;
  opacity: 1;
  color: #1f8ded;
  border: 1px solid #1f8ded;
  border-radius: 6px;
  background-color: #ecf8ff;
}
.feature-box .feature-button a:hover,
.feature-box .feature-button a:focus {
  color: #fff;
  background-color: #1f8ded;
}
.feature-box.active .box-bg {
  transform: scale(1);
  opacity: 1;
}
.feature-box.active .feature-icon .hsto {
  font-size: 60px;
  color: #0f9aee;
}
.feature-box.active .feature-icon .fa {
  font-size: 60px;
  color: #0f9aee;
}
.feature-box.active .feature-title {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  margin-bottom: 25px;
  color: #0f9aee;
}
/**/
/*Купить сервер*/
#pricing {
  padding-top: 50px;
  padding-bottom: 0;
  text-align: center;
  background-color: #0f9aee;
}
#pricing .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 39px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #323232;
}
#pricing .title-plan {
  font-family: 'PT Sans', sans-serif;
  font-size: 51px;
  font-weight: 600;
  margin-top: -20px;
  margin-bottom: 5px;
  color: #5e5e5e;
}
#pricing .row-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 25px;
  color: #565656;
}
#pricing .info {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 29px;
  color: #565656;
}
#pricing a.info {
  font-weight: 300;
  color: #000;
  border-bottom: 1px #000 dashed;
}
.pricing-box {
  position: relative;
  margin: 15px;
  padding: 30px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
     -moz-box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
          box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
}
.pricing-box:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
          transform: scale(1.05);
}
.pricing-box:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  transition: all .3s ease .0s;
  -webkit-transform: scale(0,1);
     -moz-transform: scale(0,1);
          transform: scale(0,1);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
          transform-origin: center;
}
.pricing-box:hover:after {
  transition: all .3s ease .0s;
  -webkit-transform: scale(1,1);
     -moz-transform: scale(1,1);
          transform: scale(1,1);
}
.pricing-box.green-after:after {
  background-color: #9ce337;
}
.pricing-box.pink-after:after {
  background-color: #e875c6;
}
.pricing-box.purple-after:after {
  background-color: #7774e7;
}

.pricing-box .pricing-icon {
  margin-bottom: 20px;
}
.pricing-box .pricing-icon .hsto,
.pricing-box .pricing-icon .fa {
  font-size: 45px;
  width: 100px;
  height: 100px;
  padding-top: 28px;
  border: 1px solid #e1e1e1;
  border-radius: 50px;
}
.pricing-box .pricing-title {
  font-family: 'Palanquin Dark', sans-serif;
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 10px;
  color: #7f98ad;
}
.pricing-box .pricing-details {
  margin-bottom: 30px;
}
.pricing-box .pricing-details ul {
  font-weight: 500;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pricing-box .pricing-details ul li {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 35px;
  color: #889eab;
}
.pricing-box .pricing-amount {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 40px;
  color: #889eab;
}
.pricing-box .pricing-amount .price {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  font-weight: bold;
  color: #7f98ad;
}

.pricing-box.best-seller:before {
  position: absolute;
  z-index: 999;
  top: 19px;
  right: -8px;
  width: 8px;
  height: 26px;
  content: '';
  -webkit-transform: skewY(10deg);
     -moz-transform: skewY(10deg);
          transform: skewY(10deg);
  background-color: #ecc115;
}
.pricing-box.best-seller .pricing-icon:after {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 0;
  width: 78px;
  height: 26px;
  content: '';
  -webkit-transform: skewX(30deg);
     -moz-transform: skewX(30deg);
          transform: skewX(30deg);
  background-color: #fc0;
}
.pricing-box.best-seller .pricing-icon:before {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: 0;
  width: 78px;
  height: 26px;
  content: '';
  -webkit-transform: skewX(-30deg);
     -moz-transform: skewX(-30deg);
          transform: skewX(-30deg);
  background-color: #fc0;
}
.pricing-box.best-seller .pricing-title:before {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: -8px;
  width: 30px;
  height: 26px;
  content: '';
  background-color: #fc0;
}
.pricing-box.best-seller .pricing-title:after {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  position: absolute;
  z-index: 1001;
  top: 24px;
  right: 3px;
  content: 'Best Seller';
  color: #fff;
}
#info {
  padding-top: 35px;
  padding-bottom: 70px;
  background-color: #fcfcfc;
}
.inner-page #info {
  padding-top: 0;
  padding-bottom: 0;
  background-color: transparent;
}
#info h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 26px;
  font-weight: 600;
  margin-top: 80px;
  color: #1c1c1c;
}
#info p {
  font-family: 'Open Sans Pro', sans-serif;
  font-size: 16px;
  color: #706f6f;
}
#info .info-img {
  width: 100%;
  max-width: 372px;
}
#more-info {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  background-color: #0f91dd;
  background-image: url('../images/blue-bg.png');
  background-size: 126px 21px;
}
#more-info .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 30px;
  color: #fff;
}
#more-info .row-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-bottom: 45px;
  color: #dbeef9;
}

#more-info .get-started-button {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  padding: 7px 16px;
  text-decoration: none;
  color: #fff;
  border: 1px solid #a8ddfd;
  border-radius: 6px;
  background-color: transparent;
}
#more-info .get-started-button:hover,
#more-info .get-started-button:focus {
  text-decoration: none;
  color: #0f91dd;
  background-color: #fff;
}
#more-features {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  background-color: #fff;
}
#more-features .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 39px;
  font-weight: 300;
  margin-bottom: 20px;
  color: #7f97ad;
}
#more-features .row-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 60px;
  color: #8394a1;
}

#more-features .mfeature-box .mfeature-icon {
  position: relative;
  margin-bottom: 10px;
}
#more-features .mfeature-box .mfeature-icon .hsto {
  font-size: 70px;
  color: #fff;
}
#more-features .mfeature-box .mfeature-icon .fa {
  font-size: 50px;
  color: #fff;
}
#more-features .mfeature-box .mfeature-icon .icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 15px;
}
#more-features .mfeature-box .mfeature-icon .icon-bg img {
  width: 162px;
  opacity: .04;
}
#more-features .mfeature-box .mfeature-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #19abf6;
}
#more-features .mfeature-box .mfeature-details {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  opacity: .8;
  color: #8394a1;
}
#testimonials {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  background-color: #f5f8fa;
}
#testimonials .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 20px;
  color: #0f9aee;
}
#testimonials .row-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 60px;
  color: #336786;
}
#testimonials div[class^='col-'] {
  display: inline-block;
  float: none;
  /* inline-block space fix */
  margin-right: -4px;
  /* reset the text-align */
  text-align: center;
}
.testimonial-box {
  position: relative;
  margin-top: 80px;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
     -moz-box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
          box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
}
.testimonial-box:hover {
  transform: scale(1.05);
}
.testimonial-box .testimonial-image {
  position: absolute;
  top: -55px;
  left: 0;
  width: 100%;
}
.testimonial-box .testimonial-image img {
  width: 86px;
  border-radius: 100px;
}
.testimonial-box .testimonial-title {
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 8px;
  color: #283e4f;
}
.testimonial-box .testimonial-details {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 30px;
  color: #616b71;
}
.testimonial-box .testimonial-info {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  color: #616b71;
}
.testimonial-box .testimonial-info .name {
  font-weight: bold;
  color: #0f9aee;
}
.code_box {
  font-size: 14px;
  margin-bottom: 30px;
  padding: 7px 5px 7px 15px;
  text-align: left;
  color: #c72573;
  border-radius: 6px;
  background-color: #f9f2f4;
}
.code_box span.code {
  padding-right: 7px;
  color: #000;
}
#get-offer {
  padding-top: 10px;
  padding-bottom: 30px;
  text-align: center;
  background-color: #fff;
}
#get-offer .gstart-offer {
  font-size: 19px;
  font-weight: 600;
  padding: 14px 55px;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background-color: #0cae51;
}
/**/
/*Промо блок*/
.promo_banner {
  padding-top: 100px;
  padding-bottom: 70px;
  color: #fff;
  background: #579ed1;
  background-image: url(../images/promo_bg.png);
  background-repeat: repeat-x;
  background-position: center top;
  background-size: cover;
}
.promo_banner .container {
  position: relative;
  max-width: 1150px;
  margin: 0 auto;
}
.promo_banner .action_title,
.promo_banner .promo-code,
.promo_banner .action_text p {
  color: #fff;
}
.promo_banner .promo-code {
  padding-top: 30px;
  color: #fff;
}
.promo_banner .action_btn {
  margin: 30px auto 0;
  color: #3f9ee7;
  background-color: #fff;
}
/**/
#get-started {
  margin-top: 45px;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  border-bottom: 1px #579ed1 solid;
  background: #037ac0;
}

#get-started .text {
  font-size: 29px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
  color: #fff;
}
#get-started .gstart {
  font-size: 19px;
  font-weight: bold;
  padding: 14px 55px;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
  background-color: #579ed1;
}
#get-started .gstart:hover,
#get-started .gstart:focus {
  text-decoration: none;
  color: #579ed1;
  background-color: #fff;
}
.inner-page #get-started {
  border: none;
  background: #151515;
}
.inner-page #get-started .gstart {
  background: #039dd8;
}
.inner-page #get-started .gstart:hover,
.inner-page #get-started .gstart:focus {
  text-decoration: none;
  color: #fff;
  background-color: #1274c9;
}
.news-text {
  padding-left: 135px;
}

#footer {
  padding-top: 60px;
  padding-bottom: 20px;
  border-top: 1px #3f544c solid;
  background-color: #000;
}
.inner-page #footer {
  border: none;
}
#footer .logo-mini {
  width: 24px;
}
#footer h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 10px;
  color: #fff;
}
#footer ul.footer-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer ul.footer-menu li a {
  font-size: 16px;
  line-height: 27px;
  color: #e7e7e7;
}
#footer ul.footer-menu li a:hover,
#footer ul.footer-menu li a:focus,
#footer ul.footer-menu li.active a {
  text-decoration: none;
  color: #0f9aee;
}
#footer p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #8dadc1;
}
#footer .phone {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
  color: #0f9aee;
}
#footer .phone .fa {
  font-size: 22px;
  width: 20px;
  margin-right: 7px;
  text-align: center;
  vertical-align: middle;
  color: #999da9;
}
#footer .email {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  margin-bottom: 13px;
  color: #0f9aee;
}
#footer .email .fa {
  font-size: 17px;
  width: 20px;
  margin-right: 7px;
  text-align: center;
  vertical-align: middle;
  color: #999da9;
}
#footer .address {
  margin-bottom: 30px;
}
#footer .address div {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  display: inline-block;
  color: #7a8093;
}
#footer .address .fa {
  font-size: 25px;
  width: 20px;
  margin-right: 7px;
  text-align: center;
  vertical-align: top;
  color: #999da9;
}
#footer .social {
  margin-left: 0;
  padding-top: 10px;
}
#footer .social p.text {
  font-size: 16px;
  font-weight: 400;
  color: #e7e7e7;
}
#footer .social a {
  display: inline-block;
  margin-right: 6px;
}
#footer .social a .fa {
  font-size: 16px;
  width: 25px;
  height: 25px;
  padding-top: 4px;
  text-align: center;
  color: #fff;
  border-radius: 50px;
  background-color: #7a8093;
}
.pers-link {
  font-size: 15px;
  font-weight: 300;
  color: #d9d9d9;
}
#footer .copyright {
  padding-top: 5px;
}
#footer .copyright p.text-1 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 25px;
  text-align: center;
  color: #e7e7e7;
}
#footer .copyright p.text-2 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #d9d9d9;
}
#footer .copyright p.link {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #d9d9d9;
}
#footer .copyright .link a {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #c0bfbf;
}
/******* New copyright *******/
.copy-block {
  float: left;
  height: 100%;
  color: #d9d9d9;
}
.copyright2 {
  max-width: 960px;
  margin: 0 auto;
  padding-top: 25px;
}
.copyright2 .left {
  width: 25%;
}
.copyright2 .right {
  width: 72%;
  margin-left: 3%;
}

.copyright2 .left img {
  display: block;
  float: none;
  margin-bottom: 0;
  padding-top: 0;
  opacity: .9;
}
.left-data {
  margin-top: -1px;
  color: #d9d9d9;
}
.copyright2 .left p {
  font-size: 12px;
  margin-top: 15px;
  color: #d9d9d9;
}

.copyright2 .line {
  margin-top: 20px;
}
.copyright2 .copytxt {
  margin-top: 0;
}
.copyright2 .copytxt {
  font-weight: 300;
}
.copyright2 .copytxt span {
  padding-right: 10px;
  padding-left: 10px;
  color: #8a8989;
}
.copyright2 .right a {
  font-size: 15px;
  color: #676767;
}
.license {
  max-width: 960px;
  margin: 0 auto;
}
.license .txt span {
  font-size: 12px;
  text-align: left;
  color: #ccc;
}

#footer .social a:hover .fa-twitter,
#footer .social a:focus .fa-twitter {
  background-color: #55acee;
}
#footer .social a:hover .fa-facebook,
#footer .social a:focus .fa-facebook {
  background-color: #3b5998;
}
#footer .social a:hover .fa-instagram,
#footer .social a:focus .fa-instagram {
  background-color: #000;
  /*
    background: #bc1888; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
    */
}
#top-content.inner-page {
  padding-top: 70px;
  padding-bottom: 70px;
}
.text-center {
  text-align: center;
}
h1.b-title {
  font-size: 54px;
  color: #000;
}
.page-title {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  margin-bottom: 13px;
  color: #3c99ef;
}
.page-subtitle {
  font-size: 15px;
  color: #336786;
}
.page-subtitle a {
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  color: #1f8ded;
}
.page-subtitle a:hover {
  color: #1b6fb9;
}
#brief {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  background-color: #1f8ded;
}
#brief .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 25px;
  color: #7f98ad;
}
#brief p {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  padding: 5px 100px;
  color: #fff;
}
#message {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  background-color: #fff;
}
.form-group #message {
  padding-top: 0;
  padding-bottom: 0;
  text-align: left;
  background-color: #fff;
}
#message h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 40px;
  color: #0a5b8c;
}
#message p {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  padding-right: 10px;
  padding-left: 10px;
  color: #336786;
}
#story {
  background-color: #1f8ded;
}
#story .img-col {
  padding-right: 0;
  padding-left: 0;
}
#story .img-col .image-holder {
  transition: none;
  background-image: url('../images/working-2.jpg');
  background-position: center;
  background-size: cover;
}
#story .txt-col {
  padding: 60px 7% 60px 40px;
}
#story h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 30px;
  color: #fff;
}
#story p {
  font-size: 15px;
  color: #bde0ff;
}

#services {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
  background-color: #3a4c5c;
}
#services .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 20px;;
  color: #fff;
}
#services .row-subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  margin-bottom: 60px;
  color: #fff;
}
#services .service-box {
  margin-bottom: 50px;
}
#services .service-box .service-icon {
  position: relative;
  margin-bottom: 10px;
}
#services .service-box .service-icon .hsto {
  font-size: 60px;
  color: #fff;
}
#services .service-box .service-icon .icon-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 15px;
}
#services .service-box .service-icon .icon-bg img {
  width: 162px;
  opacity: .04;
}
#services .service-box .service-title {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  margin-bottom: 10px;
  color: #fff;
}
#services .more-details-button {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  display: inline-block;
  margin-top: 10px;
  padding: 7px 16px;
  text-decoration: none;
  color: #d6e0ea;
  border: 1px solid #5e6e7d;
  border-radius: 6px;
  background-color: transparent;
}
#services .more-details-button:hover,
#services .more-details-button:focus {
  text-decoration: none;
  color: #fff;
  background-color: #5e6e7d;
}

#team {
  position: relative;
  padding-top: 120px;
  padding-bottom: 120px;
  text-align: center;
  background-color: #f2f2f2;
}
#team .image-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .05;
  background-image: url('../images/image_bg.jpg');
  background-position: center;
  background-size: cover;
}
#team .row-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #0f9aee;
}
#team h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  margin-bottom: 20px;
  color: #184a6a;
}
#team p {
  font-size: 15px;
  margin-bottom: 20px;
  color: #5a666d;
}
#team .get-started-button {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
  padding: 7px 16px;
  text-decoration: none;
  color: #1f8ded;
  border: 1px solid #1f8ded;
  border-radius: 6px;
  background-color: #fff;
}
#team .get-started-button:hover,
#team .get-started-button:focus {
  text-decoration: none;
  color: #fff;
  background-color: #1f8ded;
}
#pricing p {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 60px;
  padding-right: 30px;
  padding-left: 30px;
  color: #1f8ded;
}
#sub-pricing {
  position: relative;
  padding-top: 80px;
  padding-bottom: 30px;
  background-color: #fff;
}
#sub-pricing .hosting-icon {
  position: absolute;
  z-index: 1000;
  top: -50px;
  left: 0;
  width: 100%;
  text-align: center;
}
#sub-pricing .hosting-icon .hsto {
  font-size: 45px;
  width: 100px;
  height: 100px;
  padding-top: 28px;
  border: 1px solid #e1e1e1;
  border-radius: 50px;
  background-color: #fff;
}

#sub-pricing .pricing-box {
  position: relative;
  margin: 15px;
  padding: 30px 40px;
  text-align: center;
  -webkit-box-shadow: 0 5px 33px 0 rgba(170, 170, 170,.17);
     -moz-box-shadow: 0 5px 33px 0 rgba(170, 170, 170,.17);
          box-shadow: 0 5px 33px 0 rgba(170, 170, 170,.17);
}
#sub-pricing .pricing-box:hover {
  -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
          transform: scale(1.05);
}
#sub-pricing .pricing-box:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  transition: all .3s ease .0s;
  -webkit-transform: scale(1,1);
     -moz-transform: scale(1,1);
          transform: scale(1,1);
  -webkit-transform-origin: center;
     -moz-transform-origin: center;
          transform-origin: center;
}
#sub-pricing .pricing-box:hover:after {
  transition: all .3s ease .0s;
  -webkit-transform: scale(0,1);
     -moz-transform: scale(0,1);
          transform: scale(0,1);
}
#sub-pricing .pricing-box.green-after:after {
  background-color: #9ce337;
}
#sub-pricing .pricing-box.pink-after:after {
  background-color: #e875c6;
}
#sub-pricing .pricing-box.purple-after:after {
  background-color: #7774e7;
}
#sub-pricing .pricing-box.blue-after:after {
  background-color: #3c99ef;
}

#sub-pricing .pricing-box .pricing-icon {
  margin-bottom: 0;
}
#sub-pricing .pricing-box .pricing-icon .hsto,
#sub-pricing .pricing-box .pricing-icon .fa {
  font-size: 45px;
  width: 100px;
  height: 100px;
  padding-top: 28px;
  border: 1px solid #e1e1e1;
  border-radius: 50px;
}
#sub-pricing .pricing-box .pricing-title {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
  color: #3c99ef;
}
#sub-pricing .pricing-box .pricing-amount {
  margin-bottom: 20px;
}
#sub-pricing .pricing-box .pricing-amount .price {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #7f98ad;
}
#sub-pricing .pricing-box .pricing-amount .duration {
  font-size: 15px;
}

#sub-pricing .pricing-box .pricing-details {
  margin-bottom: 30px;
}
#sub-pricing .pricing-box .pricing-details ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sub-pricing .pricing-box .pricing-details ul li {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: default;
  text-align: left;
  color: #889eab;
}
#sub-pricing .pricing-box .pricing-details ul li:first-child {
  font-family: 'Roboto', sans-serif;
  color: #336786;
}
#sub-pricing .pricing-box .pricing-details ul li:hover {
  color: #a3b9c6;
}
#sub-pricing .pricing-box .pricing-details ul li:first-child:hover {
  color: #4c8aaf;
}
#sub-pricing .pricing-box .pricing-details ul li:before {
  font-family: FontAwesome;
  font-size: 12px;
  margin-right: 8px;
  content: '\f00c';
  transition: all .3s ease .0s;
  color: #009de4;
}
#sub-pricing .pricing-box .pricing-details ul li:hover:before {
  margin-right: 6px;
  margin-left: 4px;
  transition: all .3s ease .0s;
}
#sub-pricing .green-accent .pricing-box .pricing-details ul li:hover:before {
  color: #9ce337;
}
#sub-pricing .pink-accent .pricing-box .pricing-details ul li:hover:before {
  color: #e875c6;
}
#sub-pricing .purple-accent .pricing-box .pricing-details ul li:hover:before {
  color: #7774e7;
}

#sub-pricing .pricing-box .pricing-details ul li.not-supported {
  color: #c5d8e4;
}
#sub-pricing .pricing-box .pricing-details ul li.not-supported:before {
  color: #c5d8e4;
}
#sub-pricing .pricing-box .pricing-details ul li.not-supported:hover:before {
  margin-right: 8px;
  margin-left: 0;
  color: #c5d8e4;
}

#sub-pricing .pricing-box.best-seller:before {
  position: absolute;
  z-index: 999;
  top: 18px;
  right: -18px;
  width: 18px;
  height: 26px;
  content: '';
  -webkit-transform: skewY(12deg);
     -moz-transform: skewY(12deg);
          transform: skewY(12deg);
  background-color: #ecc115;
}
#sub-pricing .pricing-box.best-seller .pricing-icon:after {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: -10px;
  width: 78px;
  height: 26px;
  content: '';
  -webkit-transform: skewX(30deg);
     -moz-transform: skewX(30deg);
          transform: skewX(30deg);
  background-color: #fc0;
}
#sub-pricing .pricing-box.best-seller .pricing-icon:before {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: -10px;
  width: 78px;
  height: 26px;
  content: '';
  -webkit-transform: skewX(-30deg);
     -moz-transform: skewX(-30deg);
          transform: skewX(-30deg);
  background-color: #fc0;
}
#sub-pricing .pricing-box.best-seller .pricing-title:before {
  position: absolute;
  z-index: 1000;
  top: 20px;
  right: -18px;
  width: 30px;
  height: 26px;
  content: '';
  background-color: #fc0;
}
#sub-pricing .pricing-box.best-seller .pricing-title:after {
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  position: absolute;
  z-index: 1001;
  top: 24px;
  right: -7px;
  content: 'Best Seller';
  color: #fff;
}

#sub-pricing .green-accent .pricing-box.best-seller:before {
  background-color: #8cc934;
}
#sub-pricing .green-accent .pricing-box.best-seller .pricing-icon:after {
  background-color: #9ce337;
}
#sub-pricing .green-accent .pricing-box.best-seller .pricing-icon:before {
  background-color: #9ce337;
}
#sub-pricing .green-accent .pricing-box.best-seller .pricing-title:after {
  background-color: #9ce337;
}
#sub-pricing .green-accent .pricing-box.best-seller .pricing-title:before {
  background-color: #9ce337;
}
#sub-pricing .pink-accent .pricing-box.best-seller:before {
  background-color: #ce60ad;
}
#sub-pricing .pink-accent .pricing-box.best-seller .pricing-icon:after {
  background-color: #e875c6;
}
#sub-pricing .pink-accent .pricing-box.best-seller .pricing-icon:before {
  background-color: #e875c6;
}
#sub-pricing .pink-accent .pricing-box.best-seller .pricing-title:after {
  background-color: #e875c6;
}
#sub-pricing .pink-accent .pricing-box.best-seller .pricing-title:before {
  background-color: #e875c6;
}
#sub-pricing .purple-accent .pricing-box.best-seller:before {
  background-color: #615ecc;
}
#sub-pricing .purple-accent .pricing-box.best-seller .pricing-icon:after {
  background-color: #7774e7;
}
#sub-pricing .purple-accent .pricing-box.best-seller .pricing-icon:before {
  background-color: #7774e7;
}
#sub-pricing .purple-accent .pricing-box.best-seller .pricing-title:after {
  background-color: #7774e7;
}
#sub-pricing .purple-accent .pricing-box.best-seller .pricing-title:before {
  background-color: #7774e7;
}
#sub-pricing .pricing-box .pricing-button {
  margin-bottom: 15px;
}

#search-domain {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  background-color: #f6f8f9;
}
#search-domain .text {
  font-size: 19px;
  color: #7a92a0;
}
#search-domain .domain-search-holder {
  margin-top: 20px;
}

#platforms {
  padding-top: 30px;
  background-color: #fff;
}
#platforms .text {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
  color: #8e9599;
}
#platforms ul.platforms-list {
  margin: 0;
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 0;
  list-style: none;
}
#platforms ul.platforms-list.left-list {
  text-align: right;
}
#platforms ul.platforms-list.right-list {
  text-align: left;
}
#platforms ul.platforms-list li {
  margin-top: 12px;
  margin-bottom: 12px;
  cursor: pointer;
}
#platforms ul.platforms-list li .platform-link img {
  width: 72px;
}
#platforms ul.platforms-list li .platform-link {
  position: relative;
  display: inline-block;
  opacity: .14;
}
#platforms ul.platforms-list li .platform-link:hover,
#platforms ul.platforms-list li .platform-link:focus,
#platforms ul.platforms-list li .platform-link.active {
  opacity: 1;
}

#platforms ul.platforms-list li .platform-link .tool-tip {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  position: absolute;
  display: inline-block;
  padding-top: 2px;
  padding-bottom: 2px;
  opacity: 0;
  color: #3c99ef;
  border: 1px solid #3c99ef;
  background-color: #ecf8ff;
}
#platforms ul.platforms-list.left-list li .platform-link .tool-tip {
  top: 50%;
  right: 100%;
  margin-top: -14px;
  margin-right: 30px;
  padding-right: 10px;
  padding-left: 15px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#platforms ul.platforms-list.left-list li .platform-link .tool-tip:after {
  position: absolute;
  top: 50%;
  right: -5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  content: '';
  transform: rotate(45deg);
  border-top: 1px solid #3c99ef;
  border-right: 1px solid #3c99ef;
  background-color: #ecf8ff;
}
#platforms ul.platforms-list.right-list li .platform-link .tool-tip {
  top: 50%;
  left: 100%;
  margin-top: -14px;
  margin-left: 30px;
  padding-right: 15px;
  padding-left: 10px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#platforms ul.platforms-list.right-list li .platform-link .tool-tip:after {
  position: absolute;
  top: 50%;
  left: -5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  content: '';
  transform: rotate(45deg);
  border-bottom: 1px solid #3c99ef;
  border-left: 1px solid #3c99ef;
  background-color: #ecf8ff;
}
#platforms ul.platforms-list.left-list li .platform-link:hover .tool-tip,
#platforms ul.platforms-list.left-list li .platform-link:focus .tool-tip,
#platforms ul.platforms-list.left-list li .platform-link.active .tool-tip {
  margin-right: 10px;
  opacity: 1;
}
#platforms ul.platforms-list.right-list li .platform-link:hover .tool-tip,
#platforms ul.platforms-list.right-list li .platform-link:focus .tool-tip,
#platforms ul.platforms-list.right-list li .platform-link.active .tool-tip {
  margin-left: 10px;
  opacity: 1;
}
#platforms #browser {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-width: 552px;
  height: 379px;
  border-radius: 5px;
  background-image: url('../images/browser.png');
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-box-shadow: 0 0 20px 0 rgba(170, 170, 170,.17);
     -moz-box-shadow: 0 0 20px 0 rgba(170, 170, 170,.17);
          box-shadow: 0 0 20px 0 rgba(170, 170, 170,.17);
}
#platforms #browser .webpage {
  position: relative;
  width: 100%;
  margin-top: 5%;
}
#platforms #browser .webpage img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#platforms #browser .webpage img.active {
  opacity: 1;
}

#details {
  padding-top: 10px;
  padding-bottom: 40px;
  background-color: #fff;
}
#details .col-title-blue {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  margin-top: 30px;
  margin-bottom: 25px;
  color: #3c99ef;
}
#details .help-image-holder img {
  width: 100%;
  max-width: 372px;
  margin-left: 70px;
}
#details .col-title {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  margin-top: 30px;
  margin-bottom: 25px;
  color: #3c99ef;
}
#details h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #45687f;
}
#details p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  color: #5a666d;
}

.orange_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 15px;
  padding: 15px 15px 15px 15px;
  text-align: center;
  border: 1px solid #f4e3c3;
  background-color: #fcefd5;
}

.support-box {
  margin-bottom: 10px;
  padding: 10px 20px;
  border: 1px solid #c2cad2;
  border-radius: 3px;
  background-color: #f0f3f7;
}
.support-box .support-box-title {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
  color: #184a6a;
}
.support-box .support-box-title a {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #184a6a;
}
.support-box .support-box-title a:hover,
.support-box .support-box-title a:focus {
  color: #0d2e43;
}
.support-box .support-box-title .fa {
  font-size: 15px;
  margin-right: 5px;
  color: #b3bac1;
}
.support-box .support-box-details {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #5a666d;
}

.support-box.green-support-box {
  border: 1px solid #b7e930;
  background-color: #fcfff4;
}
.support-box.green-support-box .support-box-title .fa {
  color: #b7e930;
}
.support-box.yellow-support-box {
  border: 1px solid #fff09b;
  background-color: #fffbee;
}
.support-box.yellow-support-box .support-box-title .fa {
  color: #eddb76;
}
.support-box.purple-support-box {
  border: 1px solid #e7c8ff;
  background-color: #fcf8ff;
}
.support-box.purple-support-box .support-box-title .fa {
  color: #e7c8ff;
}
.faq-question-holder {
  margin-bottom: 20px;
  cursor: pointer;
}
.faq-question-holder .faq-question {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  color: #184a6a;
}
.faq-question-holder.active .faq-question {
  color: #1f8ded;
}
.faq-question-holder .faq-answer {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  height: 0;
  margin-bottom: 10px;
  -webkit-transform: scale(1,0);
     -moz-transform: scale(1,0);
          transform: scale(1,0);
  transform-origin: top;
  opacity: 0;
  color: #5a666d;
}
.faq-question-holder.active .faq-answer {
  height: inherit;
  -webkit-transform: scale(1,1);
     -moz-transform: scale(1,1);
          transform: scale(1,1);
  opacity: 1;
}

#search-text {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  background-color: #f2f5f7;
}
#search-text .text-search-holder {
  margin-top: 0;
}
.text-search-holder input[type='submit']:hover,
.text-search-holder input[type='submit']:focus {
  background-color: #0e76d0;
}
.form-items-holder {
  width: 100%;
  max-width: 470px;
}
.form-items-holder .form-text {
  margin-bottom: 10px;
}
.form-items-holder .form-text input {
  font-size: 16px;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  color: #869eac;
  border: 1px solid #f3f8fb;
  border-radius: 3px;
  outline: none;
  background-color: #f3f8fb;
}
.form-items-holder .form-text input:hover,
.form-items-holder .form-text input:focus {
  color: #1f8ded;
  border: 1px solid #1f8ded;
}
.form-items-holder .form-text textarea {
  font-size: 16px;
  width: 100%;
  height: 190px;
  padding: 10px 20px;
  resize: none;
  text-align: left;
  color: #869eac;
  border: 1px solid #f3f8fb;
  border-radius: 3px;
  outline: none;
  background-color: #f3f8fb;
}
.form-items-holder .form-text textarea:hover,
.form-items-holder .form-text textarea:focus {
  color: #1f8ded;
  border: 1px solid #1f8ded;
}
.form-items-holder .form-button {
  padding-top: 10px;
  text-align: right;
}
.form-items-holder .form-button input {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  padding: 8px 20px;
  color: #1f8ded;
  border: 1px solid #1f8ded;
  border-radius: 6px;
  outline: none;
  background-color: #ecf8ff;
}
.form-items-holder .form-button input:hover,
.form-items-holder .form-button input:focus {
  color: #fff;
  background-color: #1f8ded;
}
.form-items-holder .form-button a {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  float: right;
  margin-top: 13px;
  color: #1f8ded;
}
a.lg-link {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  text-decoration: none;
  color: #3c99ef;
}
a.lg-link .fa {
  font-size: 20px;
}
a.lg-link:hover {
  color: #2677c3;
}

#page-content {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
}
#page-content ul,
#page-content ol {
  padding: 0;
  padding-left: 14px;
}
#page-content ul li,
#page-content ol li {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #5a666d;
}
#page-content h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #45687f;
}
#page-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  color: #5a666d;
}

#page-content .article-box {
  position: relative;
  float: left;
  margin-bottom: 40px;
}
#page-content .article-box a {
  cursor: pointer;
}

#page-content .article-box .article-title h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  color: #45687f;
}
#page-content .article-box .article-title a {
  text-decoration: none;
}
#page-content .article-box .article-title a:hover h5 {
  color: #273843;
}
#page-content .article-box .article-info {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-bottom: 30px;
  color: #5a666d;
}
#page-content .article-box .article-info a {
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  color: #3c99ef;
}
#page-content .article-box .article-info a:hover {
  color: #266aaa;
}
#page-content .article-box .article-text p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  color: #5a666d;
}

#page-content .article-box.full-article .article-info {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  margin-bottom: 30px;
  color: #5a666d;
}
#page-content .article-box.full-article .article-info a {
  font-family: 'Roboto', sans-serif;
  text-decoration: none;
  color: #3c99ef;
}
#page-content .article-box.full-article .article-info a:hover {
  color: #266aaa;
}
body.full-page {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  background-color: #1f8ded;
  background-image: url('../images/blue-ptrn.png');
  background-repeat: repeat;
  background-size: 18px 18px;
}
body.full-page img.logo {
  width: 139px;
  margin-bottom: 43px;
}
body.full-page ::-webkit-input-placeholder {
  color: #f5faff;
}
body.full-page :-moz-placeholder {
  color: #f5faff;
}
body.full-page ::-moz-placeholder {
  color: #f5faff;
}
body.full-page :-ms-input-placeholder {
  color: #f5faff;
}

body.full-page .signin-signup-form .form-title {
  font-family: 'Roboto', sans-serif;
  font-size: 25px;
  margin-bottom: 25px;
  color: #fff;
}
body.full-page .signin-signup-form {
  display: inline-block;
  width: 100%;
  max-width: 336px;
}
body.full-page .signin-signup-form .form-text {
  margin-bottom: 10px;
}
body.full-page .signin-signup-form .form-text input {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  text-align: center;
  opacity: .65;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  outline: none;
  background-color: transparent;
}
body.full-page .signin-signup-form .form-text input:hover,
body.full-page .signin-signup-form .form-text input:focus {
  opacity: 1;
}
body.full-page .signin-signup-form .form-text textarea {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  text-align: center;
  opacity: .45;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  outline: none;
  background-color: transparent;
}
body.full-page .signin-signup-form .form-text textarea:hover,
body.full-page .signin-signup-form .form-text textarea:focus {
  opacity: 1;
}
body.full-page .signin-signup-form .form-button {
  margin-bottom: 25px;
  padding-top: 10px;
}
body.full-page .signin-signup-form .form-button input {
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  width: 100%;
  padding: 10px 20px;
  text-align: left;
  text-align: center;
  color: #1f8ded;
  border: 1px solid #ecf8ff;
  border-radius: 5px;
  outline: none;
  background-color: #ecf8ff;
}
body.full-page .signin-signup-form .form-button input:hover,
body.full-page .signin-signup-form .form-button input:focus {
  background-color: #fff;
}

body.full-page .signin-signup-form .links-holder {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  color: #1f5c91;
}
body.full-page .signin-signup-form .links-holder a {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  text-decoration: none;
  color: #fff;
}
body.full-page .signin-signup-form .links-holder a:hover,
body.full-page .signin-signup-form .links-holder a:focus {
  opacity: .7;
}

@media (max-width: 1200px) {
  #info h3 {
    margin-top: 50px;
  }
  #platforms #browser {
    height: 318px;
  }
}

@media (max-width: 992px) {
  #features {
    min-height: inherit;
    max-height: inherit;
  }
  .feature-box {
    margin-bottom: 50px;
  }
  .pricing-box {
    margin-bottom: 40px;
  }
  #more-features .mfeature-box {
    margin-bottom: 40px;
  }
  ul.footer-menu {
    min-height: 150px;
  }
  #info h3 {
    margin-top: 10px;
  }
  #info p {
    margin-bottom: 50px;
  }
  #story .img-col .image-holder {
    height: 300px !important;
  }
  #platforms {
    text-align: center;
  }
  #platforms ul.platforms-list {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  #platforms ul.platforms-list li {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
  }
  #platforms ul.platforms-list.left-list li .platform-link .tool-tip {
    top: -38px;
    right: inherit;
    left: 50%;
    margin-top: 0;
    margin-right: 0;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 5px;
  }
  #platforms ul.platforms-list.left-list li .platform-link .tool-tip:after {
    position: absolute;
    top: 100%;
    right: 50%;
    width: 10px;
    height: 10px;
    margin-right: -5px;
    content: '';
    transform: rotate(45deg);
    border-top: 0;
    border-right: 1px solid #3c99ef;
    border-bottom: 1px solid #3c99ef;
    background-color: #ecf8ff;
  }
  #platforms ul.platforms-list.left-list li .platform-link:hover .tool-tip,
  #platforms ul.platforms-list.left-list li .platform-link:focus .tool-tip,
  #platforms ul.platforms-list.left-list li .platform-link.active .tool-tip {
    margin-right: 0;
  }
  #platforms ul.platforms-list.right-list li .platform-link .tool-tip {
    top: inherit;
    right: inherit;
    bottom: -38px;
    left: 50%;
    margin-top: 0;
    margin-left: 0;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 5px;
  }
  #platforms ul.platforms-list.right-list li .platform-link .tool-tip:after {
    position: absolute;
    top: -1px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    content: '';
    transform: rotate(45deg);
    border-top: 1px solid #3c99ef;
    border-bottom: 0;
    border-left: 1px solid #3c99ef;
    background-color: #ecf8ff;
  }
  #platforms ul.platforms-list.right-list {
    margin-bottom: 50px;
  }
  #platforms ul.platforms-list.right-list li .platform-link:hover .tool-tip,
  #platforms ul.platforms-list.right-list li .platform-link:focus .tool-tip,
  #platforms ul.platforms-list.right-list li .platform-link.active .tool-tip {
    margin-left: 0;
  }
  #details .help-image-holder {
    text-align: center;
  }
  #details .help-image-holder img {
    margin-left: 0;
  }
  .form-items-holder {
    width: 100%;
    max-width: inherit;
  }
}

@media (max-width: 480px) {
  .domain-search-holder input[type='text'] {
    display: block;
    width: 100%;
    min-width: inherit;
    text-align: center;
    border-radius: 8px;
  }
  .domain-search-holder input[type='submit'] {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 14px 25px;
    border-radius: 8px;
  }
  .text-search-holder input[type='text'] {
    display: block;
    width: 100%;
    min-width: inherit;
    text-align: center;
    border-radius: 8px;
  }
  .text-search-holder input[type='submit'] {
    display: block;
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
    padding: 14px 25px;
    border-radius: 8px;
  }
  .animation {
    margin-top: 30px;
  }
  .animation ul.icons-list li:nth-child(1) {
    top: 5%;
    left: 0;
  }
  .animation ul.icons-list li:nth-child(2) {
    top: 35%;
    left: 8%;
  }
  .animation ul.icons-list li:nth-child(3) {
    top: 60%;
    left: 20%;
  }
  .animation ul.icons-list li:nth-child(4) {
    top: 60%;
    right: 20%;
  }
  .animation ul.icons-list li:nth-child(5) {
    top: 35%;
    right: 8%;
  }
  .animation ul.icons-list li:nth-child(6) {
    top: 5%;
    right: 0;
  }
  .animation ul.icons-list li a {
    width: 36px;
    height: 36px;
    padding-top: 8px;
  }
  .animation ul.icons-list li a .fa {
    font-size: 17px;
  }
  #platforms #browser {
    height: 236px;
  }
  #platforms ul.platforms-list li .platform-link img {
    width: 50px;
  }
  .feature-box {
    margin-bottom: 20px;
    padding: 30px 20px 0 20px;
  }
  .feature-box.active .feature-details {
    margin-bottom: 10px;
  }
  #sub-pricing .pricing-box {
    margin: 15px 0;
    padding: 30px 20px;
  }
  .pricing-box {
    margin: 15px 0;
    padding: 20px;
  }
  #pricing p {
    padding-right: 15px;
    padding-left: 15px;
  }
  #top-content {
    padding-top: 70px;
  }
}


section#why2 .col-lg-12 .three-icon-bg-left,
section#why2 .col-lg-12 .three-icon-bg-middle,
section#why2 .col-lg-12 .three-icon-bg-last {
  border: 1px solid #e8e8e8;
  /*background: #f5f5f5;*/
}

section#why2 .col-lg-12 .three-icon-bg-left:hover,
section#why2 .col-lg-12 .three-icon-bg-middle:hover,
section#why2 .col-lg-12 .three-icon-bg-last:hover {
  border: 1px solid #e8e8e8;
  background: #fcfcfc;
}
section#why2 h2 {
  padding-bottom: 30px;
}


section#why2 .three-icon-bg-left .network-icon {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  margin-top: 34px;
  margin-bottom: 34px;
  background-image: url('../images/icon/icon-configurator.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

section#why2 .three-icon-bg-left .network-title {
  height: 50px;
  color: #fff;
  border: 1px solid #d0e7f3;
  background: #d0e7f3;
}


section#why2 .three-icon-bg-left .network-title.active {
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
  background: #f0875d;
}

section#why2 .three-icon-bg-middle .ssd-icon {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  margin-top: 34px;
  margin-bottom: 34px;
  background-image: url('../images/icon/icon-ssd.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

section#why2 .three-icon-bg-middle .sata-icon {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  margin-top: 34px;
  margin-bottom: 34px;
  background-image: url('../images/icon/icon-sata%2bsas.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

section#why2 .three-icon-bg-middle .ssd-title {
  height: 50px;
  color: #fff;
  border: 1px solid #d0e7f3;
  background: #d0e7f3;
}

section#why2 .three-icon-bg-middle .ssd-title.active {
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
  border: 1px solid #aedcf4;
  background: #97d0ef;
}

section#why2 .three-icon-bg-last .platform-icon {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  margin-top: 34px;
  margin-bottom: 34px;
  background-image: url('../images/icon/icon-screen.png');
  background-repeat: no-repeat;
  background-size: 100%;
}

section#why2 .three-icon-bg-last .platform-title {
  height: 50px;
  color: #fff;
  border: 1px solid #d0e7f3;
  background: #d0e7f3;
}

section#why2 .three-icon-bg-last .platform-title.active {
  -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
  border: 1px solid #a5db82;
  background: #98ca78;
}

.pull-right {
  float: none !important;
}

/* FAQ */
.container .faq-box-mini {
  margin-bottom: 0;
  padding: 25px 0 0;
}
.container .faq-box-mini-what {
  padding: 19px 20px 0;
}
.container .faq-box-mini-what h4 {
  font-size: 1.3em;
  font-weight: 400;
}
.container .faq-box-mini-what h2 {
  font-size: 1.3em;
  font-weight: 400;
  text-align: left;
}
.container .faq-box-mini-what p {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.1em;
  font-weight: 300;
  text-align: left;
}


.faq_box h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  padding-top: 14px;
  color: #292929;
}
.faq_box .patch {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 300;
  padding-top: 5px;
  text-align: center;
  color: #797979;
}

.faq_box span {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 25px;
  color: #636973;
}

/* Sub menu */
.navigation {
  float: left;
  width: 270px;
  min-height: 275px;
  padding-top: 150px;
  border-right: 1px #f5f5f5 solid;
}
ul.navigation {
  float: left;
  overflow: hidden;
  width: 255px;
  min-height: 275px;
  padding: 0;
  list-style: none;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
     -moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
          box-shadow: 1px 1px 10px rgba(0, 0, 0, .1);
}
.navigation li {
  display: inline-block;
}
.navigation li a {
  font-size: 14px;
  font-weight: 600;
  line-height: 50px;
  position: relative;
  display: block;
  overflow: hidden;
  width: 255px;
  height: 50px;
  padding-left: 20px;
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
       -o-transition: all .2s linear;
          transition: all .2s linear;
  text-decoration: none;
  text-transform: uppercase;
  color: #686868;
}

.navigation li a:hover {
  background: #efefef;
}

.navigation li a.profile {
  border-left: 5px solid #008747;
}

.navigation li a.messages {
  border-left: 5px solid #fecf54;
}

.navigation li a.settings {
  border-left: 5px solid #cf2130;
}

.navigation li a.logout {
  border-left: 5px solid #dde2d5;
}

.navigation li:first-child a:hover,
.navigation li:first-child a {
  -webkit-border-radius: 5px 5px 0 0;
     -moz-border-radius: 5px 5px 0 0;
          border-radius: 5px 5px 0 0;
}

.navigation li:last-child a:hover,
.navigation li:last-child a {
  -webkit-border-radius: 0 0 5px 5px;
     -moz-border-radius: 0 0 5px 5px;
          border-radius: 0 0 5px 5px;
}

.navigation li a:hover i {
  color: #ea4f35;
}

.navigation i {
  margin-right: 15px;
  -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
       -o-transition: all .2s linear;
          transition: all .2s linear;
}

.navigation em {
  font-size: 10px;
  font-style: normal;
  line-height: 10px;
  float: right;
  height: 15px;
  margin-top: 19px;
  margin-right: 19px;
  padding: 3px 5px;
  color: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  background: #ea4f35;
}

.navigation li.selected a {
  background: #efefef;
}

.navigation h1 {
  font-size: 30px;
  width: 300px;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
}

.navigation p {
  font-family: Arial, Helvetica;
  font-size: 12px;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}
.navigation p a {
  text-decoration: none;
  color: #fff;
}

#submenu {
  float: left;
  width: 185px;
  min-height: 275px;
  padding: 10px;
  border-right: 2px #f5f5f5 solid;
}
#submenu ul.left-menu {
  margin: 0;
  padding: 0;
}
#submenu ul.left-menu li a {
  font-size: 14px;
  line-height: 24px;
  color: #8dadc1;
}
#submenu ul .fa-caret-right:before {
  font-family: sans-serif;
  font-weight: 700;
  line-height: 1em;
  float: left;
  padding-right: .3em;
  content: '-';
  -webkit-transition: all 200ms;
     -moz-transition: all 200ms;
          transition: all 200ms;
  color: #aaa;
}
#submenu ul.left-menu li a:hover,
#submenu ul.left-menu li a:focus,
#submenu ul.left-menu li.active a {
  font-weight: 400;
  text-decoration: none;
  color: #0f9aee;
}
ul.left-menu {
  min-height: 150px;
}

/* Other Price */
table.other_price {
  width: 100%;
  margin: 5px 0 20px 0;
  padding: 15px;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px #e9e9e9 solid;
  border-radius: 15px;
}
table.other_price > * > tr > td:first-child {
  padding-left: 21px;
}
table.other_price > * > tr > td.plan-options {
  font-family: 'PT Sans', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000;
}
table.other_price > tbody > tr > * {
  font-family: 'PT Sans',sans-serif;
  font-size: 17px;
  font-weight: 300;
  padding: 10px;
  color: #797979;
  border-bottom: 1px #e0e0e0 solid;
}
table.other_price > tbody > tr > *:first-child {
  border-bottom: 1px #e0e0e0 solid;
}
table.other_price > tbody > tr > *:last-child {
  border-bottom: 1px #e0e0e0 solid;
}

table.other_price > tbody > tr:last-child > *.hot {
  padding-bottom: 9px;
  border-bottom: 0;
}


table.other_price > tbody > tr:nth-child(2n) > * {
  background-color: #fbfbfb;
}
table.other_price > tbody > tr.hot > * {
  background-color: #fef8e8;
}
table.other_price > tbody > tr > *.hot {
  border-right: 1px solid #277bca;
  border-left: 1px solid #277bca;
}
table.other_price > tbody > tr > * > span,
table.other_price > tbody > tr > * > b > span {
  font-size: 11px;
  color: #797979;
}
table.other_price > tbody > tr.hot > *:first-child span {
  color: #d12700;
}
table.other_price > tbody > tr > td sup,
table.other_price > tbody > tr > th sup {
  font-size: 9px;
  top: -4px;
}
table.other_price > tbody > tr > th .btn-group {
  display: inline-block;
  margin: 0 auto;
}
table.other_price > tbody > tr > th .btn-group * {
  font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
  text-align: left;
}
table.other_price > thead > tr > * {
  font-size: 16px;
  font-weight: bold;
  width: 50%;
  padding: 10px 3px;
  color: #222;
  border-color: #dbdbdb #dedede transparent #f5f5f5;
  border-bottom: 2px #e3e3e3 solid;
  background-color: #fff;
}
table.other_price .no-title {
  padding: 5px 0;
}
table.other_price .title {
  font-size: 17px;
  font-weight: 600;
  padding-left: 15px;
  color: #000;
}
table.other_price > thead > tr > *.hot {
  padding-top: 16px;
  border-top: 0;
}
table.other_price > thead > tr > *:first-child {
  border-top-left-radius: 4px;
}
table.other_price > thead > tr > *:last-child {
  border-top-right-radius: 4px;
}
table.other_price > thead > tr > *,
table.other_price > thead > tr > * > a {
  font-size: 14px;
  font-weight: normal;
}
table.other_price a.order {
  font-size: 15px;
  font-weight: 300;
  margin-left: -90px;
  padding: 8px;
  text-decoration: none;
  color: #5a5a5a;
  border: 1px #dedede solid;
  border-radius: 4px;
}
table.other_price a.order:hover {
  color: white;
  border: 1px solid #dedede;
  background: #2888db;
}

table.all_plans {
  width: 100%;
  margin-top: 35px;
  padding: 15px;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px #e9e9e9 solid;
  border-radius: 15px;
}
table.all_plans > * > tr > td:first-child {
  padding-left: 21px;
}
table.all_plans > * > tr > td.plan-name {
  font-family: 'PT Sans', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000;
}
table.all_plans > * > tr > td.brand-img {
  width: 64px;
}
table.all_plans > tbody > tr > * {
  font-family: 'PT Sans',sans-serif;
  font-size: 17px;
  font-weight: 300;
  padding: 20px;
  color: #272727;
  border-bottom: 1px #e0e0e0 solid;
}
table.all_plans > tbody > tr > *:first-child {
  border-bottom: 1px #e0e0e0 solid;
}
table.all_plans > tbody > tr > *:last-child {
  border-bottom: 1px #e0e0e0 solid;
}

table.all_plans > tbody > tr:last-child > *.hot {
  padding-bottom: 9px;
  border-bottom: 0;
}


table.all_plans > tbody > tr:nth-child(2n) > * {
  background-color: #fbfbfb;
}
table.all_plans > tbody > tr.hot > * {
  font-weight: 600;
  color: #272727;
  background-color: #fef8e8;
}
table.all_plans > tbody > tr > *.hot {
  border-right: 1px solid #277bca;
  border-left: 1px solid #277bca;
}
table.all_plans > tbody > tr > * > span,
table.all_plans > tbody > tr > * > b > span {
  font-size: 11px;
  color: #797979;
}
table.all_plans > tbody > tr.hot > *:first-child span {
  color: #d12700;
}
table.all_plans > tbody > tr > td sup,
table.all_plans > tbody > tr > th sup {
  font-size: 9px;
  top: -4px;
}
table.all_plans > tbody > tr > th .btn-group {
  display: inline-block;
  margin: 0 auto;
}
table.all_plans > tbody > tr > th .btn-group * {
  font-family: Arial,'Helvetica Neue',Helvetica,sans-serif;
  text-align: left;
}
table.all_plans > thead > tr > * {
  font-size: 16px;
  font-weight: bold;
  width: 50%;
  padding: 10px 3px;
  color: #222;
  border-color: #dbdbdb #dedede transparent #f5f5f5;
  border-bottom: 2px #e3e3e3 solid;
  background-color: #fff;
}
table.all_plans .no-title {
  padding: 5px 0;
}
table.all_plans .title {
  font-size: 17px;
  font-weight: 600;
  padding-left: 15px;
  color: #000;
}
table.all_plans > thead > tr > *.hot {
  padding-top: 16px;
  border-top: 0;
}
table.all_plans > thead > tr > *:first-child {
  border-top-left-radius: 4px;
}
table.all_plans > thead > tr > *:last-child {
  border-top-right-radius: 4px;
}
table.all_plans > thead > tr > *,
table.all_plans > thead > tr > * > a {
  font-size: 14px;
  font-weight: normal;
}
table.all_plans a.order {
  font-size: 16px;
  font-weight: 300;
  padding: 15px;
  text-decoration: none;
  color: #5a5a5a;
  border: 1px #dedede solid;
  border-radius: 4px;
  background-color: #fcfcfc;
}
table.all_plans a.order:hover {
  color: white;
  border: 1px solid #dedede;
  background: #2888db;
}

.calc-frame {
  font-size: 20px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 18px;
}
img.payments {
  width: 168px;
  margin: 5px;
  padding: 10px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
}
img.phone-ico {
  padding-right: 10px;
}

.col_features_box {
  min-height: 280px;
  padding: 15px;
  border: 1px #e9e9e9 solid;
  border-radius: 15px;
  background-color: #fcfcfc;
}
.col_features_box .title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 10px;
}

.col_features_box ul.l_box li a {
  font-size: 14px;
  line-height: 24px;
  color: #337ab7;
}
.payments_carousel {
  /*background-color: #fff;*/
  margin-top: 62px;
  margin-bottom: 62px;
  /*border-top: 0.5px #e9e9e9 solid;*/
  text-align: center;
}
.payments_carousel h2 {
  font-family: 'Open Sans', sans-serif;
  font-size: 48px;
  font-weight: 300;
  padding-top: 1px;
}
.payments_carousel .patch {
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  font-weight: 300;
  max-width: 1090px;
  margin: 0 auto;
  padding-right: 45px;
  padding-left: 45px;
  color: #797979;
}
.carousel-wrap {
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 25px;
  padding: 0 7% 0 10%;
}
/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100;
  width: 119px;

  -webkit-backface-visibility: hidden;
}
.owl-carousel .item img {
  /*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(00%);
    filter: grayscale(100%);
    filter: gray;*/ /* IE 6-9 */
}
/* end fix */
.owl-nav > div {
  position: absolute;
  top: 50%;
  margin-top: -26px;
  color: #cdcbcd;
}
.owl-nav i {
  font-size: 52px;
}
.owl-nav .owl-prev {
  left: -30px;

  -webkit-filter: grayscale(30%);
     -moz-filter: grayscale(30%);
      -ms-filter: grayscale(30%);
       -o-filter: grayscale(30%);
          filter: grayscale(30%);
          filter: gray; /* IE 6-9 */
}
.owl-nav .owl-next {
  right: 10px;

  -webkit-filter: grayscale(30%);
     -moz-filter: grayscale(30%);
      -ms-filter: grayscale(30%);
       -o-filter: grayscale(30%);
          filter: grayscale(30%);
          filter: gray; /* IE 6-9 */
}

#social-buttons {
  float: right;
  width: 100%;
  margin-bottom: 20px;
  padding: 14px 0 0 0;
  text-align: right;
  background-color: #fff;
}
#social-buttons ul.list-inline {
  font-size: 16px;
  float: right;
  margin-bottom: 0;
  color: #272727;
}
.list-inline {
  margin-left: -5px;;
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  font-size: 16px;
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  color: #797979;
}
.mobile-table {
  overflow: auto;
}
.mobile-table table {
  overflow-x: scroll;
}
/*faq*/
.faq-header {
  font-size: 2em;
  padding: .5em 0;
}
.page_container p {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
}
.faq-c {
  padding: 1em 0;
  border-bottom: 1px dotted #ccc;
}
.faq-q {
  font-size: 1.5em;
  font-weight: 100;
  cursor: pointer;
}
.faq-t {
  font-family: sans-serif;
  font-weight: 700;
  line-height: 1em;
  float: left;
  padding-right: .3em;
  -webkit-transition: all 200ms;
     -moz-transition: all 200ms;
          transition: all 200ms;
  color: #aaa;
}
.faq-a {
  display: none;
  clear: both;
  padding-left: 1.5em;
  color: #666;
}
.action_text {
  float: center;
  width: 98%;
  color: #fff;
}
.action_title {
  font-size: 41px;
  font-weight: 600;
  padding-bottom: 13px;
  text-align: center;
  color: #3f444f;
}
@media (max-width:768px) {
  h2.action_title {
    /*font-family: 'Source Sans Pro', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 23px;
    font-weight: 600;
    /*max-width: 268px;*/
    padding-bottom: 13px;
  }
}
.action_text p {
  font-size: 21px;
  text-align: center;
  letter-spacing: .7px;
  color: #000;
}
@media (max-width:768px) {
  .action_text p {
    /*max-width: 316px;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 300;
    text-align: center;
    letter-spacing: .7px;
  }
}
.action_text .promo-code {
  font-size: 45px;
  font-weight: 700;
  text-align: center;
  color: #3f444f;
}
.action_btn {
  font-size: 21px;
  display: block;
  /*margin: 12px 0px 8px 59px;*/
  width: 51%;
  margin-bottom: 40px;
  padding: 15px 45px;
  transition: .6s;
  text-align: center;
  color: #fff;
  border-radius: 40px;
  background: #039dd8;
}
.action_btn:hover {
  /*opacity: 0.6;*/
  transition: .6s;
  text-decoration: none;
  color: #fff;
  background-color: #439e16;
}

@media (max-width:768px) {
  .action_btn {
    font-size: 21px;
    width: 100%;
    max-width: 316px;
    /*float: left;*/
    margin: 0;
    margin-bottom: 20px;
    padding: 15px;
    transition: .6s;
    text-align: center;
    color: #fff;
    border-radius: 40px;
    background: #039dd8;
  }
}
.attention {
  font-size: 24px;
  padding-top: 15px;
  padding-left: 10%;
  letter-spacing: .7px;
}
.attention p {
  font-size: 18px;
  letter-spacing: .3px;
}

/******* New H1 Patch *******/
.h1_box {
  clear: both;
  width: 100%;
}
.h1_box .inner {
  overflow: hidden;
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  background-color: #000;
}
.h1_box .license p {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  padding-bottom: 10px;
}
.h1_box .license ul {
  padding-left: 34px;
  list-style-type: none;
}

.h1_box .license ul li {
  font-size: 18px;
  line-height: 25px;
  margin: 10px 0;
  padding: 0 0 0 27px;
  color: #686e72;
  background: url('../images/promo/pricing-check.gif') no-repeat 0 3px;
}
.h1_box_main {
  clear: both;
  padding: 33px 0 14px 0;
  background-color: #393939;
}
.h1_box_main h1 {
  font-size: 45px;
  font-weight: 300;
  padding-top: 15px;
  padding-bottom: 10px;
}
.container .service_patch {
  margin-top: -20px;
}
.container .service_patch span {
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  font-weight: 300;
  color: #707070;
}
.container .service_info {
  margin-top: -20px;
}
.container .service_padd {
  margin-top: 36px;
}
.container .service_info span {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: 300;
  color: #737373;
}
/******* New Pricing *******/
.section_price {
  overflow: hidden;
  width: 100%;
  padding-top: 40px;
  text-align: center;
}
h2.header-title {
  font-size: 37px;
  font-weight: 300;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: #74b3e1;
}
.inner-page #features {
  min-height: 250px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
  background-color: #fff;
}
.vds_banner {
  padding-bottom: 50px;
  color: #000;
  background: #579ed1 url(/images/price_bg.gif) center bottom no-repeat;
  background-size: auto;
}
.about_vds4_wrap {
  padding-top: 130px;
}
.vds4_slogan_txt {
  line-height: 27px;
  padding-bottom: 20px;
  padding-left: 250px;
  text-align: left;
}
.vds4_slogan_txt strong.vds4_slogan {
  font-family: 'Bad Script', sans-serif;
  font-size: 24px;
}
.vds4-info-company {
  line-height: 27px;
  width: 100%;
  max-width: 1150px;
  padding-bottom: 0;
  padding-left: 250px;
  text-align: left;
}
.m_container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.oc-col {
  display: inline-block;
  float: none;
  width: 199px;
  /* padding: 0 15px; */
  margin-left: -4px;
}
.oc-box {
  padding: 25px;
  border: 1px solid #f4f4f4;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
     -moz-box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);
          box-shadow: 0 5px 33px 0 rgba(82, 156, 219,.17);

  perspective: 800px;
}
#features .support_oc-ico {
  width: 99px;
  padding-bottom: 1px;
}
.oc-box .oc-name {
  font-size: 20px;
  line-height: 24px;
  position: relative;
  z-index: 2;
  margin-bottom: 1px;
  -webkit-transform: scale(.8);
     -moz-transform: scale(.8);
          transform: scale(.8);
  color: #336786;
}
.left_box {
  text-align: left;
  color: #000;
}
.sale-wrap {
  padding: 40px 0;
  border-top: 1px #fbfbfb solid;
  border-bottom: 1px #fbfbfb solid;
  background: #fcfeff;
}
.page_container p.subtitle {
  font-family: 'Roboto', sans-serif;
  font-size: 21px;
  font-weight: 300;
  padding-bottom: 20px;
  text-align: center;
  color: #7e8499;
}
.page_container a.info_link {
  font-weight: 300;
  margin-left: 15px;
  color: #000;
  border-bottom: 1px #000 dashed;
}
@media (max-width:768px) {
  .grid_one_fifth div {
    max-width: 100%;
    max-width: 265px;
  }
}
div.grid_one_fifth {
  display: inline-block;
  float: none;
  clear: none;
  width: 236px;
  margin-bottom: 20px;
  vertical-align: middle;
}



div.grid_one_fifth.omega {
  margin-right: 15px;
}

span.superscript {
  font-size: 9px;
  position: relative;
  bottom: 7px;
}

img.best-value-banner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 81px;
  height: 77px;
}

div.pricing-column {
  position: relative;
  min-height: 260px;
  margin-left: 2px;
  padding: 20px 15px 15px 15px;
  text-align: center;
  color: #656464;
  border: 2px solid #4c90d6;
  border-radius: 6px;
  background: #fbfcfe;
}

div.pricing-column.highlighted {
  /*background:#f7fcee url('/i/promo/green-border.gif') repeat-x;*/
  border: 4px solid #7da91d;
}

div.pricing-column div.tier-name {
  font: 15px/15px Georgia, 'Times New Roman', Times, serif;
  font-size: 21px;
  margin-bottom: 30px;
  color: #6a7378;
}


div.pricing-column div.tier-limit {
  font-family: Arial, Helvetica;
  font-size: 31px;
  font-weight: bold;
  line-height: 31px;
  margin-bottom: 6px;
}

div.pricing-column div.units {
  font-size: 13px;
  line-height: 21px;
  margin-bottom: 22px;
  padding-bottom: 8px;
  border-bottom: 2px dashed #c8dae7;
}

div.highlighted div.units {
  border-color: #c6db9b;
}

div.pricing-column div.tier-price {
  font-size: 24px;
  line-height: 18px;
  margin-bottom: 10px;
}

div.pricing-column div.tier-overage {
  font-family: Arial, Helvetica;
  font-size: 13px;
  height: 40px;
  margin-bottom: 20px;
  color: #71787c;
}

div.pricing-column div.tier-overage-one {
  font-family: Arial, Helvetica;
  font-size: 11px;
  height: 30px;
  margin-bottom: 5px;
  color: #71787c;
}

div.pricing-column div.tier-overage-two {
  font-size: 11px;
  height: 40px;
  margin-bottom: 20px;
  color: #71787c;
}

div.pricing-column div.tier-price span.superscript {
  font-size: 13px;
  position: relative;
  bottom: .5em;
}

div.pricing-column div.tier-price span.price-units {
  font-size: 12px;
}

div.pricing-column a {
  float: none;
  width: 55px;
  margin: 0 auto;
}
div.help-decide-wrapper {
  margin-bottom: 25px;
  background: #ffffd7 url('../images/promo/yellow-border.gif') repeat-x;
}

div.help-decide-text,
div.help-decide-list {
  padding: 15px;
}

div.help-decide-text p {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  color: #686e72;
}

div.help-decide-list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.help-decide-list ul li {
  font-size: 13px;
  line-height: 21px;
  margin: 10px 0;
  padding: 0 0 0 20px;
  color: #686e72;
  background: url('../images/promo/pricing-check.gif') no-repeat 0 3px;
}

div.help-decide-list ul li.last {
  margin-bottom: 0;
}

.small-button,
.small-button-highlight {
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  display: block;
  float: left;
  width: auto;
  min-width: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
     -moz-transition: background-color .2s ease;
          transition: background-color .2s ease;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #4c90d6;
}

.small-button-best {
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  display: block;
  float: left;
  width: auto;
  min-width: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
     -moz-transition: background-color .2s ease;
          transition: background-color .2s ease;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #7da91d;
}

.small-button-not-order {
  font-family: Arial, Helvetica;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  display: block;
  float: left;
  width: auto;
  min-width: 120px;
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  -webkit-transition: background-color .2s ease;
     -moz-transition: background-color .2s ease;
          transition: background-color .2s ease;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  background-color: #c9d8db;
}

.small-button:hover {
  font-family: Arial, Helvetica;
  text-decoration: none;
  color: #fff;
  background-color: #65a4e4;
}


.small-button-best:hover {
  font-family: Arial, Helvetica;
  text-decoration: none;
  color: #fff;
  background-color: #8dba2b;
}

.small-button-not-order:hover {
  font-family: Arial, Helvetica;
  text-decoration: none;
  color: #fff;
  background-color: #d1dee1;
}

.support_box {
  line-height: 27px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 15px 15px 15px;
  text-align: left;
  /*border: 1px solid #f4e3c3;*/
  /*background-color: #fcefd5;*/
  background-color: #f4fafc;
}
.support_box .box ul {
  /*padding-left: 34px;*/
  list-style-type: none;
}

.support_box .box ul li {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 29px;
  /*padding: 0 0 0 27px;*/
  margin: 10px 0;
  padding: 25px;
  color: #191919;
  /*background: url('/i/promo/pricing-check.gif') no-repeat 0 3px;*/
  background-color: #fff;
}

.support_box .separator {
  font-size: 13px;
  line-height: 21px;
  margin-top: -20px;
  padding-bottom: 1px;
  border-top: 2px dashed #c8dae7;
}

.support_box .separator {
  padding-bottom: 12px;
  border-color: #f4fafc;
}


.support_box_txt span {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  text-decoration: none;
}
.support_box_tb_txt span {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 19px;
  text-decoration: none;
}
.support_box_oc span {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 19px;
  text-decoration: none;
}


.support_box_sp span {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  color: #272727;
}

/********** New Table ***********/
table.mtable {
  width: 100%;
  margin: 21px 0 20px 0;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 17px;
}
table.mtable > * > tr > td:first-child {
  padding-left: 21px;
}
table.mtable > tbody > tr > * {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: 300;
  padding: 16px;
  color: #222;
  background: url(../imagesmg/dot_gray.html) left bottom repeat-x;
}


table.mtable > tbody > tr:last-child > * {
  background-image: none;
}
table.mtable > tbody > tr:last-child > *.hot {
  padding-bottom: 9px;
  border-bottom: 0;
}
table.mtable > tbody > tr:last-child > *:first-child {
  border-bottom-left-radius: 4px;
}
table.mtable > tbody > tr:last-child > *:last-child {
  border-bottom-right-radius: 4px;
}
table.mtable > tbody > tr:nth-child(2n) > * {
  background-color: #f4f4fa;
}

table.mtable > tbody > tr.hot > * {
  background-color: #fef8e8;
}
table.mtable > tbody > tr > *.hot {
  border-right: 1px solid #277bca;
  border-left: 1px solid #277bca;
}
table.mtable > tbody > tr > * > span,
table.mtable > tbody > tr > * > b > span {
  font-size: 11px;
  color: #797979;
}
table.mtable > tbody > tr.hot > *:first-child span {
  color: #d12700;
}
table.mtable > tbody > tr > td sup,
table.mtable > tbody > tr > th sup {
  font-size: 9px;
  top: -4px;
}
table.mtable > tbody > tr > th .btn-group {
  display: inline-block;
  margin: 0 auto;
}
table.mtable > tbody > tr > th .btn-group * {
  font-family: Arial,'Roboto',Helvetica,sans-serif;
  text-align: left;
}
table.mtable > thead > tr > * {
  font-size: 16px;
  font-weight: bold;
  width: 51%;
  padding: 10px 3px;
  color: #222;
  background-color: #f4f4fa;
}
table.mtable .no-title {
  padding: 5px 0;
}
table.mtable .title {
  font-size: 17px;
  font-weight: 400;
  padding-left: 15px;
  color: #595959;
}
table.mtable > thead > tr > *.hot {
  padding-top: 16px;
  border-top: 0;
  border-right: 1px solid #277bca;
  border-left: 1px solid #277bca;
}
table.mtable > thead > tr > *:first-child {
  /*border-top-left-radius:4px;
  border-left:1px solid #dbdbdb;*/
}
table.mtable > thead > tr > *:last-child {
  /*border-top-right-radius:4px;
  border-right:1px solid #dbdbdb;*/
}
table.mtable > thead > tr > *,
table.mtable > thead > tr > * > a {
  font-size: 14px;
  font-weight: normal;
}

@media (max-width:768px) {
  .pricing-section {
    float: none;
    padding: 0;
    text-align: center;
  }
}

@media (max-width:768px) {
  .wrapper-full {
    position: relative;
    /*max-width: 376px;*/
    margin: 0 auto;
  }
}

/*@media (max-width:768px){ 
.pricing-section {
  padding: 0 0 20px 0;
  float: left;
  max-width: 376px;
  text-align: center;
    }
}

@media (max-width:768px){ 
.pricing-columns {
  max-width: 376px;
    }
}*/

@media (max-width:768px) {
  .pricing-columns #pricing-chart #smaller-plans,
  .pricing-columns-both #pricing-chart #smaller-plans {
    max-width: 376px;
  }
}

@media (max-width:768px) {
  .pricing-columns #pricing-chart .plan,
  .pricing-columns-both #pricing-chart .plan {
    position: relative;
    float: left;
    width: 229px;
    margin-bottom: 20px;
    padding: 14px;
    color: #454545;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    background-color: #f4f4f4;
  }
}

@media (max-width:768px) {
  .pricing-columns #pricing-chart .popular,
  .pricing-columns-both #pricing-chart .popular {
    position: relative;
    top: -30px;
    right: 0;
    width: 274px;
    margin-top: 30px;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    background-color: white;
  }
}


.order_period .left_box {
  float: left;
  width: 40%;
}
.right_box_col {
  float: right;
  width: 50%;
  border: 1px #ccc solid;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 19px 5px rgba(31,31,50,.10);
}
.right_box_col .right_col {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 11px;
  margin: 10px 0;
  padding: 21px;
  color: #191919;
  border-bottom: 1px #ccc solid;
  background-color: #fff;
}
.right_box_col .right_col p {
  font-size: 16px;
  font-weight: 300;
  text-align: left;
}
.right_box_col .right_col .tx span {
  font-size: 16px;
  width: 70%;
}
.right_col span.discount {
  font-size: 28px;
  font-weight: 400;
  float: right;
  width: 20%;
  text-align: right;
}

.right_box_col .right_col_bottom {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 11px;
  margin: 0;
  padding: 21px;
  text-align: left;
  color: #191919;
  background-color: #fff;
}
.right_box_col .right_col_bottom .tx span {
  font-size: 16px;
  width: 70%;
}
.right_col_bottom span.discount {
  font-size: 28px;
  font-weight: 400;
  float: right;
  width: 20%;
  text-align: right;
}
.order_period .info {
  padding-bottom: 50px;
}

.order_period .order {
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  font-weight: 600;
  width: 51%;
  padding: 14px 25px;
  transition: .5s;
  text-decoration: none;
  color: #429e19;
  border: 1px solid #429e19;
  border-radius: 6px;
  background-color: #fff;
}
.order_period .order:hover {
  transition: .5s;
  text-decoration: none;
  color: #fff;
  background-color: #439e16;
}

@media (max-width:768px) {
  .order_period .order {
    font-size: 19px;
    font-weight: 300;
    display: inline-block;
    float: none;
    width: 100%;
    max-width: 316px;
    margin: 0;
    margin-bottom: 20px;
    padding: 15px;
    transition: .6s;
    text-align: center;
    color: #429e19;
    border: 1px solid #429e19;
    border-radius: 6px;
    background-color: #fff;
  }

  .right_box_col .right_col .tx span {
    font-size: 15px;
    width: 70%;
    margin-left: -20px;
  }
  .right_col span.discount {
    font-size: 25px;
    font-weight: 400;
    float: right;
    width: 29%;
    margin-right: 10px;
    padding-top: 15px;
    text-align: right;
  }
  .right_box_col .right_col_bottom .tx span {
    font-size: 15px;
    width: 70%;
    margin-left: -20px;
  }
  .right_col_bottom span.discount {
    font-size: 25px;
    font-weight: 400;
    float: right;
    width: 29%;
    margin-right: 10px;
    padding-top: 15px;
    text-align: right;
  }
}


.support_box_red {
  max-width: 1150px;
  margin: 0 auto;
  background-color: #F4FAFC; 
  padding: 15px 15px 15px 15px; 
  margin-top:30px;
  text-align: left;
  line-height:27px;
  border: none;
}
.support_box_red .box ul {
  padding-left: 34px;
  list-style-type: none;
}

.support_box_red .box ul li {
  background: url('../images/promo/pricing-check.gif') no-repeat 0 3px;
  padding: 0 0 0 27px;
  margin: 10px 0;
  color: #686e72;
  font-size: 19px;
  line-height: 25px;
}


/*page*/
body.inner-page{
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.3;
    color: #000;
}
a {
    font-weight: 600;
    text-decoration: none;
    transition: 0.6s;
    color: #424552;
}
h2.header_title {
    font-size: 41px;
    font-weight: 300;
    text-align: center;
}
.page_container {
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    position: relative;
    padding: 0 20px;
}
.top_container{
    padding-top: 110px;
}
.page_container h2.title {
    color: #000;
    font-weight: 300;
    font-size: 27px;
    background: none;
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
}
.page_container h1.title {
    color: #000;
    font-weight: 300;
    background: none;
    text-align: center;
}
.with-sidebar{
    float:right; width: 850px;padding-top: 140px; font-weight: 300; 
}
.border-block{
border: 1px #e9e9e9 solid; border-radius: 15px; padding: 7px; 
}
.like-table {
  display: table;
  border: 0;
}
.like-table-row {
  display: table-row;
}
.like-table-cell {
  display: table-cell;
  vertical-align: top;
}

.teble-left-col {
  min-width: 270px;
  padding: 25px 20px 0 0;
}
.teble-left-col img {
  width: 270px;
  max-width: 100%;
}
/*страница отзывы*/
.support_box .box ul li.h-info {
  padding-left: 174px;
  background-image: url('../images/rating/logo_hostings_info.png');
  background-repeat: no-repeat;
  background-position: left;
  background-size: 155px;
}

/*блог*/
.mfeature-box {
  margin-bottom: 20px;
}
/**/
.blu-text-bc {
  font-size: 16px;
  font-weight: 600;
  display: inline-block;
  padding: 4px 15px;
  color: #fff;
  border-radius: 6px;
  background-color: #337ab7;
}

/*контакты*/
.contacts-left-col {
  float: left;
  width: 480px;
  padding-top: 150px;
  padding-right: 20px;
  color: #000;
  border-right: 1px #dcdcdc solid;
}
.contacts-right-col {
  float: right;
  width: 620px;
  padding-top: 150px;
  color: #000;
}
.f-input {
  font-size: 20px;
  width: 100%;
  height: 35px;
  border: none!important;
  border-radius: 4px;
  background: #f7f7f7!important;
}
textarea.f-input {
  font-family: Roboto;
  font-size: 109px;
  font-size: 16px;
  width: 100%;
  max-width: 450px;
  min-height: 160px;
  max-height: 200px;
  background: #f2f2f2;
}
.usual h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
  color: #666;
}

.captcha_block img {
  width: 100%;
  margin-top: 20px;
  vertical-align: middle;
}
.form-wrapper {
  max-width: 500px;
}
#submit-form {
  font-size: 19px;
  font-weight: 300;
  float: right;
  min-height: 46px;
  padding-right: 20px;
  padding-left: 20px;
  text-decoration: none;
  color: #fff;
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #000;
}
#submit-form:hover {
  background: #1274c9;
}
#submit-form:disabled {
  opacity: .4;
}

#submit-form:disabled:hover {
  background: #000;
}


@media (max-width:1220px) {
  div.grid_one_fifth {
    display: inline-block;
    float: none;
    clear: none;
    width: 240px;
    margin-bottom: 20px;
    vertical-align: top;
  }
  .logo {
    width: 120px;
    margin-top: 16px;
  }

  #mainNav-page a {
    font-size: 13px;
    text-transform: uppercase;
  }
  .navbar-default .navbar-nav > li > a {
    padding: 38px 10px;
  }
  .oc-box {
    margin-bottom: 20px;
  }
}
@media (max-width:1199px) {
  *,
  body {
    font-family: 'Roboto', sans-serif;
    transition: all .3s ease .0s;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
  }
  .navbar-nav > li {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
  #top-content {
    min-height: 100px;
    padding-top: 25px;
    background-color: #52aeea;
    background-image: none;
  }
  .with-sidebar {
    font-weight: 300;
    float: none;
    overflow: hidden;
    width: auto;
    max-width: 850px;
    margin-left: 300px;
    padding-top: 140px;
  }
  .action_part {
    width: 100%;
    background-image: none;
  }
  #footer .footer-help {
    display: none;
  }
  .vds4_slogan_txt,
  .vds4-info-company {
    padding-left: 150px;
  }
  .contacts-left-col {
    width: 40%;
  }
  .contacts-right-col {
    width: 60%;
    padding-left: 20px;
  }
  .f-input {
    width: 100%;
  }
}


@media (max-width: 1140px) {
  #header-promo-box {
    min-height: 60px;
    padding: 0 0 10px 0;
    color: white;
  }
}
@media (max-width:1000px) {
  header {
    position: static;
  }
  .top_container {
    padding-top: 30px !important;
  }
  .like-table,
  .like-table-row,
  .like-table-cell {
    display: block;
  }
  .teble-left-col {
    min-width: 100px;
    padding: 25px 0;
    text-align: center;
  }
  .navigation {
    padding-top: 30px;
  }
  .with-sidebar {
    padding-top: 30px;
  }
  #footer ul.footer-menu {
    margin-bottom: 25px;
  }
  .copyright2 .left {
    width: 100%;
  }
  .copyright2 .right {
    width: 100%;
    margin-left: 0;
  }
  .vds_banner {
    padding-bottom: 50px;
    color: #000;
    background: #579ed1;
    background-size: auto;
  }
  .about_vds4_wrap {
    padding: 20px;
    border-radius: 5px;
    background: #fff;
  }
  .vds4_slogan_txt,
  .vds4-info-company {
    padding-left: 0;
  }
  .contacts-right-col {
    float: none;
    width: 100%;
    padding-top: 20px;
    padding-left: 0;
  }
  .contacts-left-col {
    float: none;
    width: 100%;
    max-width: 450px;
    padding-top: 30px;
    border-right: none;
  }
}
@media (max-width:768px) {
  .navbar-nav > li {
    font-size: 18px;
    display: block;
    float: none;
    vertical-align: top;
    text-transform: none;
  }
  #mainNav-page a {
    font-size: 18px;
    text-transform: none;
  }
  #mainNav-page .dropdown-menu a,
  #mainNav-page .dropdown-menu a:hover {
    max-width: 100%;
  }

  .header_promo_black {
    font-size: 16px;
    height: 100%;
    min-height: 42px;
    padding: 10px 5px 5px 5px;
    text-align: center;
    color: #fff;
    background-color: #000;
  }
  .header_promo_blue {
    font-size: 16px;
    height: 100%;
    min-height: 42px;
    padding: 10px 5px 5px 5px;
    text-align: center;
    color: #fff;
    background-color: #559edd;
  }
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .navigation {
    float: none;
    width: 100%;
    max-width: 100%;
    border-right: none;
  }
  ul.navigation {
    float: left;
    width: 100%;
    min-height: 100px;
  }
  ul.navigation li {
    float: left;
    width: 50%;
  }
  .with-sidebar {
    float: none;
    overflow: visible;
    max-width: 100%;
    margin-left: 0;
  }
  .order_period .left_box,
  .right_box_col {
    float: none;
    width: 100%;
    text-align: center;
  }
  .order_period .left_box {
    text-align: center;
  }
  .order_period .info {
    padding-bottom: 0;
  }
  .page_container a.info_link {
    font-weight: 300;
    display: block;
    float: none;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
    color: #000;
    border-bottom: 1px #000 dashed;
  }
}

@media (max-width: 767px) {
  .dropdown-menu {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    margin-bottom: 18px;
    text-align: center;
  }
  .navbar-default .navbar-nav > li > a {
    font-size: 13px;
    padding: 12px 10px;
    text-align: center;
    color: #898f92;
  }
  .navbar-default-page .navbar-nav-page > li > a {
    font-size: 13px;
    padding: 12px 10px;
    text-align: center;
    color: #898f92;
  }
  .navbar-default .navbar-nav > li > a.register_lk {
    margin: 10px;
  }
  .navbar-default .navbar-nav > li > a.to_login {
    margin: 10px;
  }
  .logo-mini {
    margin-bottom: 30px;
  }
  #get-started .text {
    display: block;
    margin-bottom: 20px;
  }
  .info-img-holder {
    text-align: center;
  }
  .rtl-cols div[class^='col-'] {
    float: inherit;
  }
  .info-text-holder {
    text-align: left;
  }
  .logo {
    width: 94px;
    margin-top: 0;
  }
  .big-title {
    line-height: 50px;
  }
  .domain-search-holder input[type='text'] {
    min-width: 200px;
  }
  .text-search-holder input[type='text'] {
    min-width: 200px;
  }
  #brief p {
    padding: 5px 20px;
  }
}
@media (max-width:600px) {
  ul.navigation,
  ul.navigation li {
    float: none;
    width: 100%;
  }
  .support_box .box ul li.h-info {
    padding-top: 25px;
    padding-top: 70px;
    padding-left: 25px;
    background-position: center 25px;
  }
  .title.text-center {
    font-size: 40px !important;
  }
  .news_img {
    float: none;
    width: 100%;
    text-align: center;
  }
  .news-text {
    padding-left: 0;
  }
  .date {
    text-align: center;
  }
  .news_title {
    display: block;
    text-align: center;
  }
  .blu-text-bc {
    display: block;
  }
}

@media (max-width:480px) {
  #pricing .title-plan {
    font-family: 'PT Sans', sans-serif;
    font-size: 40px;
    font-weight: 600;
    margin-top: -20px;
    margin-bottom: 5px;
    color: #5e5e5e;
  }
  .inner-page .offer-link a {
    font-size: 28px;
    font-weight: 300;
    color: #000;
  }
  #footer .col-xs-6 {
    float: none;
    width: 100%;
  }
  .copyright2 .right a {
    font-size: 15px;
    display: inline-block;
    margin-bottom: 20px;
    color: #676767;
  }
  #get-started .gstart {
    font-size: 16px;
  }
  #get-offer .gstart-offer {
    display: block;
  }
  h2.header-title {
    font-size: 28px;
  }
  table.all_plans {
    padding: 15px 0;
  }
  table.all_plans > * > tr > td.plan-name,
  table.all_plans .title {
    font-size: 14px;
  }
  table.all_plans > tbody > tr > * {
    padding: 20px 1px;
  }
  table.all_plans > * > tr > td:first-child,
  table.all_plans .title {
    padding-left: 1px;
  }
  table.all_plans a.order {
    padding: 15px 2px;
  }
}